{"version":3,"file":"LinkRow.DlQe4xtN.mjs","names":["useRef","_Fragment"],"sources":["https:/framerusercontent.com/modules/aEhfttKs9Wzvhem66Qh3/MiFVnaJwxnPBmx58gXbt/LinkRow.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useRef}from\"react\";import{RenderTarget,addPropertyControls,ControlType}from\"framer\";import{colors,semantic,typography,space,shadow,surfaceInk,radius,focusCss}from\"https://framerusercontent.com/modules/HDAkrahb3ethcU2GAef2/nCb5ot8a39Uw7ZcMqia0/tokens.js\";import{toneControl}from\"https://framerusercontent.com/modules/QAOPTtLoApnb5MkIYZk8/OtTOdEBa3m1YNpcPzZSP/Section.js\";import{easeCss,dur,prefersReducedMotion,useCardInteraction,arrowNudge,useReveal}from\"https://framerusercontent.com/modules/YFy4SNb784n2qKl2hppy/GBtnVzB0BJq3YcX7fdeG/motion.js\";export default function LinkRow({label=\"Meer informatie\",description=\"\",tags=\"\",url=\"\",variant=\"row\",previewImage=\"\",tone=\"surface\"}){const ink=surfaceInk(tone);// Hover (mouse/pen only), keyboard focus and press (motion.tsx, MOTION_SYSTEM §4.6a/§4.7a)\nconst ref=useRef(null)// an <a>, or a <div> without a URL\n;const{active,pressed,handlers}=useCardInteraction(ref);// Entrance: one-time reveal in page order (MOTION_SYSTEM §4.4) — list rows only; the inline variant is a\n// hero header link (hero rise, §4.3), so it gets an empty ref and never joins the reveal queue.\nconst noRef=useRef(null);const reveal=useReveal(variant===\"row\"?ref:noRef);const isCanvas=RenderTarget.current()===RenderTarget.canvas;const hover=active&&!isCanvas;const still=isCanvas||prefersReducedMotion();const external=/^https?:\\/\\//.test(url);const T=still?\"none\":`color ${dur.micro}s ${easeCss.spring}, transform ${dur.micro}s ${easeCss.spring}`;const nudge=dir=>still?\"none\":arrowNudge(dir,hover,pressed);if(variant===\"inline\"){if(!url)return null;return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:focusCss(\".wof-lr-inline\",\"link\",tone)}),/*#__PURE__*/_jsxs(\"a\",{ref:ref,className:\"wof-lr-inline\",href:url,target:external?\"_blank\":undefined,rel:external?\"noopener noreferrer\":undefined,...handlers,style:{...typography.label,display:\"inline-flex\",alignItems:\"center\",gap:space.gapSmall,color:hover&&!ink.linkHoverUnderline?ink.linkHover:ink.text,textDecoration:hover&&ink.linkHoverUnderline?\"underline\":\"none\",transition:still?\"none\":`color ${dur.micro}s ${easeCss.spring}`},children:[label,/*#__PURE__*/_jsx(\"svg\",{\"aria-hidden\":\"true\",width:\"12\",height:\"12\",viewBox:\"0 0 16 16\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"1.8\",style:{transform:nudge(\"external\"),transition:T},children:/*#__PURE__*/_jsx(\"path\",{d:\"M5 11l6-6M6 5h5v5\"})})]})]});}const tagList=tags.split(\",\").map(t=>t.trim()).filter(Boolean).slice(0,5);const rich=!!description||tagList.length>0;const inner=/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",display:\"flex\",alignItems:rich?\"flex-start\":\"center\",justifyContent:\"space-between\",gap:24,width:\"100%\",padding:rich?\"24px 0\":\"20px 0\",borderTop:`1px solid ${colors.slateHair}`,boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:space.gapSmall,minWidth:0,flex:1},children:[/*#__PURE__*/_jsx(\"span\",{style:{...typography.h4,color:hover?semantic.interactive:semantic.textPrimary,transition:still?\"none\":`color ${dur.micro}s ${easeCss.spring}`},children:label}),description?/*#__PURE__*/_jsx(\"span\",{style:{...typography.body,color:semantic.textPrimary,maxWidth:720,overflow:\"hidden\",display:\"-webkit-box\",WebkitLineClamp:2,WebkitBoxOrient:\"vertical\"},children:description}):null,tagList.length?/*#__PURE__*/_jsx(\"span\",{style:{display:\"flex\",flexWrap:\"wrap\",gap:space.gapSmall,marginTop:4},children:tagList.map(t=>/*#__PURE__*/_jsx(\"span\",{style:{...typography.labelMuted,color:semantic.textPrimary,border:`1px solid ${colors.slateHair}`,borderRadius:radius.label,padding:\"2px 8px\"},children:t},t))}):null]}),/*#__PURE__*/_jsx(\"svg\",{\"aria-hidden\":\"true\",width:\"18\",height:\"18\",viewBox:\"0 0 16 16\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"1.6\",style:{flex:\"none\",marginTop:rich?6:0,color:hover?semantic.interactive:semantic.textTertiary,transform:nudge(external?\"external\":\"internal\"),transition:T},children:/*#__PURE__*/_jsx(\"path\",{d:external?\"M5 11l6-6M6 5h5v5\":\"M3 8h10M9 4l4 4-4 4\"})}),previewImage&&// Floats inside the row, left of the arrow (a full-width list has no room beside it)\n/*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",right:48,top:\"50%\",width:160,height:110,borderRadius:8,overflow:\"hidden\",pointerEvents:\"none\",zIndex:2,boxShadow:shadow.card,opacity:hover&&!still?1:0,transform:hover&&!still?\"translateY(-50%) scale(1)\":\"translateY(-50%) scale(0.94)\",transition:still?\"none\":`opacity ${dur.micro}s ${easeCss.spring}, transform ${dur.micro}s ${easeCss.spring}`},children:/*#__PURE__*/_jsx(\"img\",{src:previewImage,alt:\"\",style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",display:\"block\"}})})]});// Focus shows the hover state (title colour, arrow nudge), so no ring\nconst shared={...handlers,style:{display:\"block\",width:\"100%\",position:\"relative\",color:\"inherit\",textDecoration:\"none\",outline:\"none\",WebkitTapHighlightColor:\"transparent\",...reveal}};return url?/*#__PURE__*/_jsx(\"a\",{ref:ref,href:url,target:external?\"_blank\":undefined,rel:external?\"noopener noreferrer\":undefined,...shared,children:inner}):/*#__PURE__*/_jsx(\"div\",{ref:ref,...shared,children:inner});}addPropertyControls(LinkRow,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Meer informatie\"},description:{type:ControlType.String,title:\"Description\",defaultValue:\"\",displayTextArea:true,hidden:props=>props.variant===\"inline\"},tags:{type:ControlType.String,title:\"Tags\",defaultValue:\"\",description:\"Comma-separated, max 5 shown\",hidden:props=>props.variant===\"inline\"},url:{type:ControlType.Link,title:\"URL\"},variant:{type:ControlType.Enum,options:[\"row\",\"inline\"],optionTitles:[\"Row\",\"Inline\"],defaultValue:\"row\",title:\"Variant\"},previewImage:{type:ControlType.Image,title:\"Preview Image\",hidden:props=>props.variant!==\"row\"},tone:toneControl(\"surface\",\"Surface\")});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LinkRow\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}