{"version":3,"file":"RollingText.Bj-Ryzwx.mjs","names":[],"sources":["https:/framerusercontent.com/modules/aeEe477xpzEFqqaZhiTE/ltgP15qtviN0Ho7MrfaG/RollingText.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";// --- Helper Functions ---\nconst uuidv4=()=>{return\"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g,c=>{const r=Math.random()*16|0;const v=c===\"x\"?r:r&3|8;return v.toString(16);});};/**\n * RollingText with variable font support for optical and weight axes\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 50\n * @framerDisableUnlink\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function RollingText({text,transition,stagger,reverse,font,color,textTransform,tag,padding,variable,state}){const innerClassName=`rolling-text-inner-${uuidv4()}`;const Tag=tag;const fontSizeStr=font?.fontSize??\"16px\";const letterSpacingStr=font?.letterSpacing??\"0px\";const rawLineHeight=font?.lineHeight;const fontFamily=font?.fontFamily??\"Inter\";const fontSizeNum=parseInt(fontSizeStr,10)||16;let absoluteLineHeightPx;if(typeof rawLineHeight===\"number\"){absoluteLineHeightPx=fontSizeNum*rawLineHeight;}else if(typeof rawLineHeight===\"string\"&&rawLineHeight.includes(\"em\")){const emValue=parseFloat(rawLineHeight)||1.2;absoluteLineHeightPx=fontSizeNum*emValue;}else if(typeof rawLineHeight===\"string\"){const pxValue=parseFloat(rawLineHeight);absoluteLineHeightPx=isNaN(pxValue)?rawLineHeight:`${pxValue}px`;}else{absoluteLineHeightPx=fontSizeNum*1.2;}const absoluteLineHeightStr=typeof absoluteLineHeightPx===\"number\"?`${absoluteLineHeightPx}px`:absoluteLineHeightPx;const yOffset=`-${absoluteLineHeightStr}`;const variableFontStyles=variable?{fontVariationSettings:`'wght' ${variable.weight}, 'opsz' ${variable.optical}`}:{};const styles=`\n    .${innerClassName} {\n      --font-size: ${fontSizeStr};\n      --text: ${color};\n      --line-height-abs: ${absoluteLineHeightStr};\n      box-sizing: border-box; margin: 0; padding: 0; vertical-align: top;\n      display: flex; overflow: hidden; width: max-content;\n      font-family: ${fontFamily}; font-size: ${fontSizeStr};\n      text-transform: ${textTransform}; user-select: none;\n      text-shadow: 0 var(--line-height-abs) 0 var(--text);\n    }\n    .${innerClassName} span {\n      display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden;\n      white-space: pre; flex-shrink: 0;\n      font-family: inherit; font-weight: inherit; font-style: inherit;\n      font-size: inherit; letter-spacing: inherit;\n      line-height: ${rawLineHeight??1.2};\n      color: var(--text);\n    }\n  `;const wrapperStyle={display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:\"100%\",height:\"100%\",overflow:\"hidden\",padding:padding,boxSizing:\"border-box\"};const spanVariants={initial:{y:\"0%\"},roll:{y:yOffset}};const baseDuration=typeof transition?.duration===\"number\"?transition.duration:.5;// Convert stagger percentage (0-100) to a factor (0-1)\nconst staggerFactor=stagger/100;// Animation state based on prop\nconst animateState=state===\"Roll\"?\"roll\":\"initial\";return /*#__PURE__*/_jsxs(\"div\",{style:wrapperStyle,children:[/*#__PURE__*/_jsx(Tag,{className:innerClassName,style:variableFontStyles,children:[...text].map((str,index)=>{const charIndex=reverse?text.length-1-index:index;// Apply staggerFactor to the delay calculation\nconst delay=text.length>0?baseDuration/text.length*charIndex*staggerFactor// Multiply by factor\n:0;const motionSpanStyle={display:\"block\",...font,...variableFontStyles};return /*#__PURE__*/_jsx(motion.span,{variants:spanVariants,initial:\"initial\",animate:animateState,transition:{...transition,delay:delay},style:motionSpanStyle,children:str===\" \"?\"\\xa0\":str},index);})}),/*#__PURE__*/_jsx(\"style\",{children:styles})]});}RollingText.displayName=\"Rolling Text\";const defaultFont={fontFamily:\"Inter\",fontWeight:\"400\",fontSize:\"16px\",fontStyle:\"normal\",letterSpacing:\"0px\",lineHeight:1.2};const defaultTransition={type:\"spring\",duration:.4,bounce:0};addPropertyControls(RollingText,{text:{type:ControlType.String,title:\"Text\",defaultValue:\"Rolling Text\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultValue:defaultFont},variable:{type:ControlType.Object,title:\"Variable\",controls:{optical:{type:ControlType.Number,title:\"Optical\",min:14,max:32,step:1,defaultValue:16},weight:{type:ControlType.Number,title:\"Weight\",min:100,max:900,step:1,defaultValue:400}},defaultValue:{optical:16,weight:400}},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#808080\"},transition:{type:ControlType.Transition,title:\"Transition\",defaultValue:defaultTransition},stagger:{title:\"Stagger\",type:ControlType.Number,min:0,max:100,step:1,defaultValue:35,unit:\"%\"},padding:{title:\"Padding\",type:ControlType.Padding,defaultValue:\"0px\"},reverse:{type:ControlType.Boolean,title:\"Reverse\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\"},textTransform:{title:\"Transform\",type:ControlType.Enum,defaultValue:\"none\",options:[\"none\",\"uppercase\",\"lowercase\",\"capitalize\"],optionTitles:[\"None\",\"Uppercase\",\"Lowercase\",\"Capitalize\"]},tag:{type:ControlType.Enum,title:\"Tag\",options:[\"p\",\"span\",\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"],optionTitles:[\"p\",\"span\",\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"],defaultValue:\"p\"},state:{type:ControlType.Enum,title:\"State\",options:[\"Default\",\"Roll\"],optionTitles:[\"Default\",\"Roll\"],displaySegmentedControl:true,segmentedControlDirection:\"vertical\",defaultValue:\"Default\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"RollingText\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"50\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerDisableUnlink\":\"* @framerSupportedLayoutWidth fixed\",\"framerIntrinsicWidth\":\"200\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./RollingText.map"],"mappings":"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"}