{"version":3,"file":"CardRow.CDEV7isf.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/NqJYpJrGSCqpY1i2nZNX/F0CGQpLRC7PV7hYIwsZB/CardRow.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const ACCENT=\"rgb(255,90,0)\";const TEXT=\"rgb(240,242,245)\";const SUBTLE=\"rgb(147,149,153)\";const ICONS={phone:\"M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.1 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\",moon:\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\",shuffle:\"M16 3h5v5 M4 20 21 3 M21 16v5h-5 M15 15l6 6 M4 4l5 5\",headset:\"M3 18v-6a9 9 0 0 1 18 0v6 M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\",doc:\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z M14 2v6h6 M16 13H8 M16 17H8 M10 9H8\",calendar:\"M3 4h18v18H3z M16 2v4 M8 2v4 M3 10h18\",loop:\"M23 4v6h-6 M1 20v-6h6 M3.51 9a9 9 0 0 1 14.85-3.36L23 10 M1 14l4.64 4.36A9 9 0 0 0 20.49 15\",search:\"M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16z M21 21l-4.35-4.35\",building:\"M3 21h18 M6 21V5l7-3v19 M20 21V10l-7-4 M9 9h.01 M9 13h.01 M9 17h.01\",gauge:\"M12 14l4-4 M20.66 17a10 10 0 1 0-17.32 0\",shield:\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\",alert:\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z M12 9v4 M12 17h.01\",chart:\"M18 20V10 M12 20V4 M6 20v-6\",bolt:\"M13 2 3 14h9l-1 8 10-12h-9l1-8z\",check:\"M22 11.08V12a10 10 0 1 1-5.93-9.14 M22 4 12 14.01l-3-3\",inbox:\"M22 12h-6l-2 3h-4l-2-3H2 M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"};/**\n * CardRow — renders 2–4 icon (or numbered) cards in a single self-contained\n * CSS grid. In row mode the grid forces every card to equal height (single\n * track, all cells stretch). Reflows to a single column only on phone-width\n * screens; tablet and up stay side by side. Tones: accent (orange, solutions),\n * muted (cool, problems), plain (numbered steps).\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function CardRow(props){const tone=props.tone??\"accent\";const numbered=props.numbered??false;const rootRef=useRef(null);const[narrow,setNarrow]=useState(false);const raw=[{icon:props.icon1,title:props.title1,body:props.body1},{icon:props.icon2,title:props.title2,body:props.body2},{icon:props.icon3,title:props.title3,body:props.body3},{icon:props.icon4,title:props.title4,body:props.body4}];const cards=raw.filter(c=>c.title&&c.title.trim().length>0);useEffect(()=>{const el=rootRef.current;if(!el||typeof ResizeObserver===\"undefined\")return;const ro=new ResizeObserver(entries=>{for(const e of entries)setNarrow(e.contentRect.width<480);});ro.observe(el);return()=>ro.disconnect();},[cards.length]);const palette=tone===\"muted\"?{border:\"rgba(255,255,255,0.08)\",bg:\"rgba(255,255,255,0.02)\",chipBg:\"rgba(255,255,255,0.05)\",chipBorder:\"rgba(255,255,255,0.08)\",iconColor:SUBTLE}:tone===\"plain\"?{border:\"rgba(255,255,255,0.1)\",bg:\"rgba(255,255,255,0.015)\",chipBg:\"transparent\",chipBorder:\"transparent\",iconColor:ACCENT}:{border:\"rgba(255,90,0,0.3)\",bg:\"rgba(255,90,0,0.05)\",chipBg:\"rgba(255,90,0,0.12)\",chipBorder:\"rgba(255,90,0,0.28)\",iconColor:ACCENT};return /*#__PURE__*/_jsx(\"div\",{ref:rootRef,style:{width:\"100%\",display:\"grid\",gridTemplateColumns:narrow?\"1fr\":`repeat(${cards.length}, minmax(0, 1fr))`,gridAutoRows:narrow?\"auto\":\"1fr\",alignItems:\"stretch\",gap:16,fontFamily:\"Inter, sans-serif\"},children:cards.map((c,i)=>/*#__PURE__*/_jsxs(\"div\",{style:{height:\"100%\",minWidth:0,boxSizing:\"border-box\",display:\"flex\",flexDirection:\"column\",gap:14,padding:22,borderRadius:16,border:`1px solid ${palette.border}`,background:palette.bg},children:[numbered?/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"'JetBrains Mono', monospace\",fontSize:30,fontWeight:600,color:ACCENT,lineHeight:1,letterSpacing:\"-0.02em\"},children:`0${i+1}`}):/*#__PURE__*/_jsx(\"div\",{style:{width:44,height:44,borderRadius:11,background:palette.chipBg,border:`1px solid ${palette.chipBorder}`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:palette.iconColor,flexShrink:0},children:/*#__PURE__*/_jsx(\"svg\",{width:\"22\",height:\"22\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"1.8\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:/*#__PURE__*/_jsx(\"path\",{d:ICONS[c.icon??\"bolt\"]??ICONS.bolt})})}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:6},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontSize:17,fontWeight:600,color:TEXT,lineHeight:1.25},children:c.title}),/*#__PURE__*/_jsx(\"span\",{style:{fontSize:14.5,color:SUBTLE,lineHeight:1.45},children:c.body})]})]},i))});}const iconControl={type:ControlType.Enum,options:Object.keys(ICONS),defaultValue:\"bolt\"};addPropertyControls(CardRow,{tone:{type:ControlType.Enum,title:\"Tone\",options:[\"accent\",\"muted\",\"plain\"],optionTitles:[\"Accent\",\"Muted\",\"Plain\"],defaultValue:\"accent\"},numbered:{type:ControlType.Boolean,title:\"Numbered\",defaultValue:false},icon1:{...iconControl,title:\"Icon 1\"},title1:{type:ControlType.String,title:\"Title 1\",defaultValue:\"\"},body1:{type:ControlType.String,title:\"Body 1\",displayTextArea:true,defaultValue:\"\"},icon2:{...iconControl,title:\"Icon 2\"},title2:{type:ControlType.String,title:\"Title 2\",defaultValue:\"\"},body2:{type:ControlType.String,title:\"Body 2\",displayTextArea:true,defaultValue:\"\"},icon3:{...iconControl,title:\"Icon 3\"},title3:{type:ControlType.String,title:\"Title 3\",defaultValue:\"\"},body3:{type:ControlType.String,title:\"Body 3\",displayTextArea:true,defaultValue:\"\"},icon4:{...iconControl,title:\"Icon 4\"},title4:{type:ControlType.String,title:\"Title 4\",defaultValue:\"\"},body4:{type:ControlType.String,title:\"Body 4\",displayTextArea:true,defaultValue:\"\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CardRow\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CardRow.map"],"mappings":"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"}