{"version":3,"file":"Chip.CemAsvAy.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/EeM9XM5QahyzbY6g9cMO/ugENXzUbV2Nlk4WRtMkq/Chip.js"],"sourcesContent":["// Chip.tsx\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/* -------------------------------------------------\n   Fixed cozy padding\n   ------------------------------------------------- */const padding=\"7px 12px\";/* -------------------------------------------------\n   Dot – subtle pulse\n   ------------------------------------------------- */const Dot=({color})=>/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":true,style:{display:\"inline-block\",width:10,height:10,borderRadius:10,background:color,boxShadow:`0 0 0 2px ${color}22, 0 0 8px ${color}`,marginRight:8,animation:\"pulse 2.4s ease-in-out infinite\"}});/* -------------------------------------------------\n   Styles: pulse + hover (now uses a CSS variable)\n   ------------------------------------------------- */const styleTag=/*#__PURE__*/_jsx(\"style\",{children:`\n    @keyframes pulse {\n      0%, 100% { transform: scale(1); opacity: 1; }\n      50% { transform: scale(1.18); opacity: 0.8; }\n    }\n    .chip-link:hover .hover-text {\n      color: var(--hover-color, #0081CC) !important;\n    }\n  `});/* -------------------------------------------------\n   Main Chip Component\n   ------------------------------------------------- */export function Chip(props){const{label=\"Label\",dotColor:rawDotColor=\"None\",bgColor=null,url=\"\",tone=\"auto\",radius=14,fontSize=18,font={family:\"Inter\",style:\"Regular\",weight:600,lineHeight:1.15},/** NEW */textColor:customTextColor=null}=props;// ----- dot handling -------------------------------------------------\nconst dotColor=rawDotColor===\"None\"?null:rawDotColor;// ----- theme detection ------------------------------------------------\nconst isDark=tone===\"dark\"||tone===\"auto\"&&typeof window!==\"undefined\"&&window.matchMedia?.(\"(prefers-color-scheme: dark)\").matches;// ----- background ----------------------------------------------------\nconst defaultBg=isDark?\"#1A1C20\":\"#F4F5F7\";const finalBg=bgColor===null?defaultBg:bgColor||\"transparent\";// ----- TEXT COLOUR (custom > auto dark/light) -----------------------\nconst autoTextColor=isDark?\"#F2F3F5\":\"#101114\";const finalTextColor=customTextColor??autoTextColor;// ----- hover colour (same as base but a shade lighter) -------------\nconst hoverColor=customTextColor?customTextColor:\"#0081CC\"// fallback used by the original CSS\n;// ----- dot & arrow ---------------------------------------------------\nconst showDot=dotColor&&dotColor.trim()!==\"\";const arrow=url?\" →\":null;// ----- font family ---------------------------------------------------\nconst fontFamily=font.family?`\"${font.family}\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"SF Pro\", Roboto, \"Helvetica Neue\", Arial, system-ui`:'ui-sans-serif, -apple-system, BlinkMacSystemFont, \"SF Pro\", Roboto, \"Helvetica Neue\", Arial, system-ui';// ----- content -------------------------------------------------------\nconst content=/*#__PURE__*/_jsxs(_Fragment,{children:[showDot&&/*#__PURE__*/_jsx(Dot,{color:dotColor}),/*#__PURE__*/_jsx(\"span\",{className:url?\"hover-text\":\"\",children:label}),arrow&&/*#__PURE__*/_jsx(\"span\",{className:url?\"hover-text\":\"\",children:arrow})]});// ----- base style ----------------------------------------------------\nconst baseStyle={display:\"inline-flex\",alignItems:\"center\",gap:4,padding,borderRadius:radius,background:finalBg,color:finalTextColor,lineHeight:font.lineHeight??1.15,fontSize,fontWeight:font.weight??600,fontFamily,fontStyle:font.style?.toLowerCase().includes(\"italic\")?\"italic\":\"normal\",whiteSpace:\"nowrap\",// expose hover colour for the injected CSS\n// @ts-ignore – CSS custom property\n\"--hover-color\":hoverColor};const chipStyle={...baseStyle,cursor:url?\"pointer\":\"default\",textDecoration:\"none\"};const chipElement=url?/*#__PURE__*/_jsx(\"a\",{href:url,target:\"_blank\",rel:\"noopener noreferrer\",className:\"chip-link\",style:chipStyle,\"aria-label\":`${label} – opens in a new tab`,children:content}):/*#__PURE__*/_jsx(\"span\",{style:chipStyle,children:content});return /*#__PURE__*/_jsxs(_Fragment,{children:[styleTag,chipElement]});}/* -------------------------------------------------\n   Framer Property Controls\n   ------------------------------------------------- */addPropertyControls(Chip,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"App Store\"},dotColor:{type:ControlType.Enum,title:\"Dot Color\",defaultValue:\"#22C55E\",options:[\"None\",\"#22C55E\",\"#3B82F6\",\"#EF4444\",\"#F59E0B\",\"#8B5CF6\",\"#EC4899\",\"#6B7280\"],optionLabels:{None:\"None\",\"#22C55E\":\"Success\",\"#3B82F6\":\"Info\",\"#EF4444\":\"Danger\",\"#F59E0B\":\"Warning\",\"#8B5CF6\":\"Purple\",\"#EC4899\":\"Pink\",\"#6B7280\":\"Muted\"},optionIcons:{None:\"cross\",\"#22C55E\":\"circle-fill\",\"#3B82F6\":\"circle-fill\",\"#EF4444\":\"circle-fill\",\"#F59E0B\":\"circle-fill\",\"#8B5CF6\":\"circle-fill\",\"#EC4899\":\"circle-fill\",\"#6B7280\":\"circle-fill\"},optionIconColors:{\"#22C55E\":\"#22C55E\",\"#3B82F6\":\"#3B82F6\",\"#EF4444\":\"#EF4444\",\"#F59E0B\":\"#F59E0B\",\"#8B5CF6\":\"#8B5CF6\",\"#EC4899\":\"#EC4899\",\"#6B7280\":\"#6B7280\"},display:\"select\"},bgColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:null},/** NEW PROPERTY */textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:null,description:\"Leave empty to respect light/dark mode automatically.\"},url:{type:ControlType.String,title:\"Link URL (optional)\",defaultValue:\"https://www.google.com\",placeholder:\"https://…\"},font:{type:ControlType.Font,title:\"Font\",defaultValue:{family:\"Inter\",weight:600}},radius:{type:ControlType.Number,title:\"Radius\",min:8,max:24,defaultValue:14},fontSize:{type:ControlType.Number,title:\"Font Size\",min:12,max:28,defaultValue:18},tone:{type:ControlType.Enum,title:\"Tone\",options:[\"auto\",\"light\",\"dark\"],defaultValue:\"auto\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"Chip\":{\"type\":\"reactComponent\",\"name\":\"Chip\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Chip.map"],"mappings":"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"}