{"version":3,"file":"CompactScrollTextFade.BcSHtevf.mjs","names":["React.useRef","__esmMin","de","init_jsx_runtime","p","init_npm_react_18_3_1","c","motion","useTransform","useScroll","init_framer_motion_DhsWWWsN","useIsStaticRenderer","addPropertyControls","ControlType","init_framer_DKWANagr","CompactScrollTextFade","props","rootRef","isStatic","firstOpacity","scrollYProgress","secondOpacity","firstY","secondY","underlineScale","baseTitle","titleColor","baseSubtitle","subtitleColor","firstTitle","accentColor","firstSubtitle","secondTitle","secondSubtitle","init_CompactScrollTextFade"],"sources":["https:/framerusercontent.com/modules/mCJDJ124bLTfewZ6V2Ut/mQ47vFSrChUXAAtbHmGv/CompactScrollTextFade.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{motion,useScroll,useTransform}from\"framer-motion\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function CompactScrollTextFade(props){const{firstTitle=\"Switching Systems Is a Big Decision\",firstSubtitle=\"Stonify does not hand you software and leave your team to figure it out.\",secondTitle=\"We Make the Path Clear\",secondSubtitle=\"We bring a structured process, stone-industry knowledge, migration support, and practical training to every implementation.\",accentColor=\"#2563EB\",titleColor=\"#1A2B4F\",subtitleColor=\"#596C87\",height=440}=props;const rootRef=React.useRef(null);const isStatic=useIsStaticRenderer();const{scrollYProgress}=useScroll({target:rootRef,offset:[\"start 82%\",\"end 24%\"]});const firstOpacity=useTransform(scrollYProgress,[0,.38,.52,1],[1,1,0,0]);const secondOpacity=useTransform(scrollYProgress,[0,.42,.58,1],[0,0,1,1]);const firstY=useTransform(scrollYProgress,[0,.5,1],[0,-18,-28]);const secondY=useTransform(scrollYProgress,[0,.5,1],[26,8,0]);const underlineScale=useTransform(scrollYProgress,[0,.16,.4,.55,.75,1],[0,1,1,0,1,1]);const baseTitle={margin:0,color:titleColor,fontFamily:\"Inter, sans-serif\",fontSize:\"44px\",fontWeight:500,letterSpacing:\"-0.04em\",lineHeight:1.12,textAlign:\"center\"};const baseSubtitle={margin:0,maxWidth:780,color:subtitleColor,fontFamily:\"Inter, sans-serif\",fontSize:\"clamp(17px, 1.55vw, 20px)\",fontWeight:400,lineHeight:1.55,textAlign:\"center\"};const staticStyle=isStatic?{opacity:1,y:0}:{};return /*#__PURE__*/_jsxs(\"section\",{ref:rootRef,style:{position:\"relative\",width:\"100%\",height,overflow:\"hidden\"},\"aria-label\":\"Onboarding transition\",children:[/*#__PURE__*/_jsxs(motion.div,{style:{position:\"absolute\",inset:0,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",gap:22,padding:\"24px\",opacity:isStatic?1:firstOpacity,y:isStatic?0:firstY,pointerEvents:\"none\"},children:[/*#__PURE__*/_jsx(\"h2\",{style:baseTitle,children:firstTitle}),/*#__PURE__*/_jsx(motion.div,{style:{width:\"min(360px, 64%)\",height:4,borderRadius:99,background:accentColor,scaleX:isStatic?1:underlineScale,transformOrigin:\"center\"}}),/*#__PURE__*/_jsx(\"p\",{style:baseSubtitle,children:firstSubtitle})]}),/*#__PURE__*/_jsxs(motion.div,{style:{position:\"absolute\",inset:0,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",gap:22,padding:\"24px\",opacity:isStatic?0:secondOpacity,y:isStatic?0:secondY,pointerEvents:\"none\"},children:[/*#__PURE__*/_jsx(\"h2\",{style:baseTitle,children:secondTitle}),/*#__PURE__*/_jsx(motion.div,{style:{width:\"min(360px, 64%)\",height:4,borderRadius:99,background:accentColor,scaleX:isStatic?0:underlineScale,transformOrigin:\"center\"}}),/*#__PURE__*/_jsx(\"p\",{style:baseSubtitle,children:secondSubtitle})]})]});}addPropertyControls(CompactScrollTextFade,{firstTitle:{type:ControlType.String,title:\"First title\",defaultValue:\"Switching Systems Is a Big Decision\"},firstSubtitle:{type:ControlType.String,title:\"First subtitle\",defaultValue:\"Stonify does not hand you software and leave your team to figure it out.\",displayTextArea:true},secondTitle:{type:ControlType.String,title:\"Second title\",defaultValue:\"We Make the Path Clear\"},secondSubtitle:{type:ControlType.String,title:\"Second subtitle\",defaultValue:\"We bring a structured process, stone-industry knowledge, migration support, and practical training to every implementation.\",displayTextArea:true},accentColor:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#2563EB\"},titleColor:{type:ControlType.Color,title:\"Title\",defaultValue:\"#1A2B4F\"},subtitleColor:{type:ControlType.Color,title:\"Subtitle\",defaultValue:\"#596C87\"},height:{type:ControlType.Number,title:\"Height\",defaultValue:440,min:320,max:680,step:10,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CompactScrollTextFade\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CompactScrollTextFade.map"],"mappings":"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"}