\n//\n// Screen readers and the accessibility tree treat these identically\n// to native heading/paragraph tags, maintaining WCAG compliance\n// without invalid nesting.\n//\n// @framerSupportedLayoutWidth any\n// @framerSupportedLayoutHeight auto\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import*as React from\"react\";import Typography from\"https://framer.com/m/Typography-TlyGHP.js@dYDPdzeQJrO95Maf3YpZ\";// Instance counter for generating unique scope IDs (useId fallback)\nlet instanceCounter=0;const DESKTOP_VW_REF=1440;const DESKTOP_VW_MAX=2650;const DESKTOP_CONFIGS={Metric:{min:140,ref:200,max:400},Display:{min:52,ref:102,max:160},H1:{min:48,ref:72,max:104},H2:{min:40,ref:56,max:80},H3:{min:36,ref:48,max:72},\"H3 Medium\":{min:36,ref:48,max:72},H4:{min:20,ref:32,max:48},H5:{min:18,ref:24,max:36},\"Body-SM\":{min:12,ref:14,max:20},\"Body-MD\":{min:14,ref:16,max:22},\"Body-LG\":{min:16,ref:18,max:26}};function computeDesktopClamp({min,ref,max}){if(ref===max)return`${ref}px`;const slope=(max-ref)/(DESKTOP_VW_MAX-DESKTOP_VW_REF);const slopeVw=+(slope*100).toFixed(4);const intercept=+(ref-slope*DESKTOP_VW_REF).toFixed(4);const preferred=Math.abs(intercept)<.001?`${slopeVw}vw`:`${intercept}px + ${slopeVw}vw`;return`clamp(${min}px, ${preferred}, ${max}px)`;}const PHONE_REF_VW=390;const PHONE_VW_MIN=320;const PHONE_VW_MAX=480;const PHONE_REFS={Metric:140,Display:52,H1:48,H2:40,H3:36,\"H3 Medium\":36,H4:20,H5:18,\"Body-SM\":12};function getPhoneConfig(ref){return{min:ref*(PHONE_VW_MIN/PHONE_REF_VW),max:ref*(PHONE_VW_MAX/PHONE_REF_VW),vwMin:PHONE_VW_MIN,vwMax:PHONE_VW_MAX};}function computePhoneClamp({min,max,vwMin,vwMax}){if(min===max)return`${min}px`;const slope=(max-min)/(vwMax-vwMin);const slopeVw=+(slope*100).toFixed(4);const intercept=+(min-slope*vwMin).toFixed(4);const minPx=+min.toFixed(4);const maxPx=+max.toFixed(4);const preferred=Math.abs(intercept)<.001?`${slopeVw}vw`:`${intercept}px + ${slopeVw}vw`;return`clamp(${minPx}px, ${preferred}, ${maxPx}px)`;}// ---- Lookup -------------------------------------------------\nfunction getFluidFontSize(fontStyle,variant){if(variant===\"desktop\"){const config=DESKTOP_CONFIGS[fontStyle];return config?computeDesktopClamp(config):null;}if(variant===\"phone\"){const ref=PHONE_REFS[fontStyle];return ref!=null?computePhoneClamp(getPhoneConfig(ref)):null;}return null;}// ============================================================\n// ARIA Role Mapping\n// ============================================================\n//\n// Typography renders
elements internally. Wrapping those\n// in
– or
produces invalid HTML (block elements\n// inside phrasing-only parents). Instead we use a
with\n// the equivalent ARIA role, which the accessibility tree and\n// screen readers treat identically to the native tag.\n//\n// Mapping:\n// h1–h6 →
\n// p →
\n// span →
(inline semantics, no block role needed)\n// div →
(no additional role)\nconst HEADING_LEVELS={h1:1,h2:2,h3:3,h4:4,h5:5,h6:6};function getAriaProps(as){const level=HEADING_LEVELS[as];if(level)return{role:\"heading\",\"aria-level\":level};if(as===\"p\")return{role:\"paragraph\"};return{};}// ============================================================\n// Scoped Style Injection\n// ============================================================\n//\n// Replaces styled-components with a scoped