{"version":3,"file":"TwoToneText.BVrVOCSX.mjs","names":["React.useState","Tag"],"sources":["https:/framerusercontent.com/modules/8UYrHKTsE8quH9qotwRN/mDRKyqOMNKqPxk5382nw/CardShell.js","https:/framerusercontent.com/modules/BIZPYkerJ786XAnRrTy5/wgeKJ6SJ8EmFl3RwznCW/TwoToneText.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * CardShell — card surface with baked-in shadow/2xl from the SoldSafe library\n * (plugin cannot set boxShadow on frames, so the shadow lives in code)\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 1190\n * @framerIntrinsicHeight 462\n */export default function CardShell(props){const{color=\"#FFFFFF\",radius=32,shadow=true}=props;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",backgroundColor:color,borderRadius:radius,boxShadow:shadow?\"0px 16px 40px -8px rgba(16, 24, 40, 0.04), 0px 5px 14px -4px rgba(16, 24, 40, 0.02)\":\"none\"}});}addPropertyControls(CardShell,{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#FFFFFF\"},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:32,min:0,max:64},shadow:{type:ControlType.Boolean,title:\"Shadow\",defaultValue:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CardShell\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"1190\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicHeight\":\"462\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CardShell.map","// TWO-TONE TEXT — SoldSafe. One heading/paragraph whose tail runs in an accent colour.\n//\n// Why: the MR + Stories statement in Figma (3729:5831 desktop, 4307:3520 mobile) is a single\n// text with two fill colours (white → #CBC1FF for \"but not every transaction goes as planned.\").\n// Framer text nodes written through the MCP plugin carry one text style for the whole node,\n// so the mixed colours live here as two inline spans in ONE flowing line box — the colour\n// switches mid-line exactly like Figma, which two separate text nodes could not do.\n//\n// Typography is per platform (Figma Desktop/H4 30/115%/-2% vs Mobile/H4 22/120%/-0.5%).\n// `platform=\"auto\"` switches on window width at `mobileBreak` (810 — same threshold the\n// Header / Connector use), because component props cannot differ per Framer breakpoint.\n//\n// v2 (2026-10-19, Use Cases hero «Built for safer / in-person exchanges»): `breakBeforeAccent`\n// forces a line break before the accent part, `accentNoWrap` keeps the accent on one line.\n// Both default to false, so every existing instance renders exactly as before.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const FONT='\"Plus Jakarta Sans\", \"Inter\", sans-serif';function useIsMobile(platform,mobileBreak){const[w,setW]=React.useState(()=>typeof window!==\"undefined\"?window.innerWidth:1440);React.useEffect(()=>{if(typeof window===\"undefined\")return;const on=()=>setW(window.innerWidth);on();window.addEventListener(\"resize\",on);return()=>window.removeEventListener(\"resize\",on);},[]);if(platform===\"mobile\")return true;if(platform===\"desktop\")return false;return w<mobileBreak;}/**\n * TWO-TONE TEXT — SoldSafe\n *\n * @framerIntrinsicWidth 820\n * @framerIntrinsicHeight 68\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export default function TwoToneText(props){const{text=\"Peer-to-peer marketplaces connect millions of buyers and sellers — \",accent=\"but not every transaction goes as planned.\",color=\"#FFFFFF\",accentColor=\"#CBC1FF\",weight=800,sizeDesktop=30,lhDesktop=115,lsDesktop=-2,sizeMobile=22,lhMobile=120,lsMobile=-.5,platform=\"auto\",mobileBreak=810,tag=\"h4\",align=\"left\",breakBeforeAccent=false,accentNoWrap=false,style}=props;const m=useIsMobile(platform,mobileBreak);const Tag=tag;return /*#__PURE__*/_jsxs(Tag,{style:{margin:0,width:\"100%\",fontFamily:FONT,fontWeight:weight,fontSize:m?sizeMobile:sizeDesktop,lineHeight:(m?lhMobile:lhDesktop)+\"%\",letterSpacing:(m?lsMobile:lsDesktop)/100+\"em\",color,textAlign:align,...style},children:[breakBeforeAccent?text.replace(/\\s+$/,\"\"):text,breakBeforeAccent?/*#__PURE__*/_jsx(\"br\",{}):null,/*#__PURE__*/_jsx(\"span\",{style:{color:accentColor,whiteSpace:accentNoWrap?\"nowrap\":undefined},children:accent})]});}addPropertyControls(TwoToneText,{text:{type:ControlType.String,title:\"Text\",displayTextArea:true,defaultValue:\"Peer-to-peer marketplaces connect millions of buyers and sellers — \"},accent:{type:ControlType.String,title:\"Accent text\",displayTextArea:true,defaultValue:\"but not every transaction goes as planned.\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#FFFFFF\"},accentColor:{type:ControlType.Color,title:\"Accent color\",defaultValue:\"#CBC1FF\"},weight:{type:ControlType.Number,title:\"Weight\",defaultValue:800,min:100,max:900,step:100},sizeDesktop:{type:ControlType.Number,title:\"Size \\xb7 desktop\",defaultValue:30,min:10,max:120,unit:\"px\"},lhDesktop:{type:ControlType.Number,title:\"Line \\xb7 desktop\",defaultValue:115,min:80,max:200,unit:\"%\"},lsDesktop:{type:ControlType.Number,title:\"Tracking \\xb7 desktop\",defaultValue:-2,min:-10,max:20,step:.5,unit:\"%\"},sizeMobile:{type:ControlType.Number,title:\"Size \\xb7 mobile\",defaultValue:22,min:10,max:120,unit:\"px\"},lhMobile:{type:ControlType.Number,title:\"Line \\xb7 mobile\",defaultValue:120,min:80,max:200,unit:\"%\"},lsMobile:{type:ControlType.Number,title:\"Tracking \\xb7 mobile\",defaultValue:-.5,min:-10,max:20,step:.5,unit:\"%\"},platform:{type:ControlType.Enum,title:\"Platform\",options:[\"auto\",\"desktop\",\"mobile\"],optionTitles:[\"Auto\",\"Desktop\",\"Mobile\"],defaultValue:\"auto\"},mobileBreak:{type:ControlType.Number,title:\"Mobile below\",defaultValue:810,min:320,max:1440,unit:\"px\"},tag:{type:ControlType.Enum,title:\"Tag\",options:[\"h2\",\"h3\",\"h4\",\"p\"],optionTitles:[\"H2\",\"H3\",\"H4\",\"P\"],defaultValue:\"h4\"},align:{type:ControlType.Enum,title:\"Align\",options:[\"left\",\"center\"],optionTitles:[\"Left\",\"Center\"],defaultValue:\"left\"},breakBeforeAccent:{type:ControlType.Boolean,title:\"Break before accent\",defaultValue:false,enabledTitle:\"New line\",disabledTitle:\"Inline\"},accentNoWrap:{type:ControlType.Boolean,title:\"Accent on one line\",defaultValue:false,enabledTitle:\"No wrap\",disabledTitle:\"Wrap\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TwoToneText\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"68\",\"framerIntrinsicWidth\":\"820\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TwoToneText.map"],"mappings":"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"}