{"version":3,"file":"DistortLink.C6rbVTg0.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/BqexwactBfYYi9KYoau1/QGxawrPPsdJyphxm0G3b/DistortLink.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";/**\n * Distort Link — nav item that stretches tall and skews sideways on hover,\n * echoing the warped hero type (Signal nav, The Distortion).\n *\n * It renders plain text on purpose: put the link on the Framer frame that\n * wraps this component, so navigation is handled natively and never breaks\n * inside preview.\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function DistortLink(props){const{label=\"Lineup\",active:forced=false,lean=\"left\",color=\"#111110\",hoverColor=\"#E8321E\",stretch=1.55,skew=7,font={},style}=props;const[hover,setHover]=useState(false);const isStatic=useIsStaticRenderer();const active=(forced||hover)&&!isStatic;const skewDeg=lean===\"left\"?-skew:skew;return /*#__PURE__*/_jsx(\"span\",{onMouseEnter:()=>setHover(true),onMouseLeave:()=>setHover(false),style:{...style,display:\"inline-block\",textDecoration:\"none\",fontFamily:font.fontFamily||\"Anton\",fontWeight:font.fontWeight||400,fontStyle:font.fontStyle||\"normal\",fontSize:font.fontSize||22,letterSpacing:font.letterSpacing??\"0.02em\",lineHeight:font.lineHeight||\"1.1\",textTransform:\"uppercase\",color:active?hoverColor:color,transform:active?`scaleY(${stretch}) skewX(${skewDeg}deg)`:\"scaleY(1) skewX(0deg)\",transformOrigin:\"center bottom\",transition:\"transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), color 0.25s ease\",whiteSpace:\"nowrap\",cursor:\"pointer\"},children:label});}addPropertyControls(DistortLink,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Lineup\"},active:{type:ControlType.Boolean,title:\"Active\",defaultValue:false},lean:{type:ControlType.Enum,title:\"Lean\",options:[\"left\",\"right\"],defaultValue:\"left\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#111110\"},hoverColor:{type:ControlType.Color,title:\"Hover\",defaultValue:\"#E8321E\"},stretch:{type:ControlType.Number,title:\"Stretch\",min:1,max:2.4,step:.05,defaultValue:1.55},skew:{type:ControlType.Number,title:\"Skew\",min:0,max:20,step:1,defaultValue:7},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DistortLink\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DistortLink.map"],"mappings":"kLAUG,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,QAAM,SAAS,OAAO,EAAO,GAAM,OAAK,OAAO,QAAM,UAAU,aAAW,UAAU,UAAQ,KAAK,OAAK,EAAE,OAAK,CAAC,EAAE,SAAO,EAAW,CAAC,EAAM,GAAUA,EAAS,EAAK,EAAQ,EAAS,EAAoB,EAAQ,GAAQ,GAAQ,IAAQ,CAAC,EAAe,EAAQ,IAAO,OAAO,CAAC,EAAK,EAAK,OAAoB,EAAK,OAAO,CAAC,iBAAiB,EAAS,EAAI,EAAE,iBAAiB,EAAS,EAAK,EAAE,MAAM,CAAC,GAAG,EAAM,QAAQ,eAAe,eAAe,OAAO,WAAW,EAAK,YAAY,QAAQ,WAAW,EAAK,YAAY,IAAI,UAAU,EAAK,WAAW,SAAS,SAAS,EAAK,UAAU,GAAG,cAAc,EAAK,eAAe,SAAS,WAAW,EAAK,YAAY,MAAM,cAAc,YAAY,MAAM,EAAO,EAAW,EAAM,UAAU,EAAO,UAAU,EAAQ,UAAU,EAAQ,MAAM,wBAAwB,gBAAgB,gBAAgB,WAAW,mEAAmE,WAAW,SAAS,OAAO,SAAS,EAAE,SAAS,CAAK,CAAC,CAAE,iBAV/7B,IAA4B,IAAwE,EAU41B,EAAoB,EAAY,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,QAAQ,EAAE,OAAO,CAAC,KAAK,EAAY,QAAQ,MAAM,SAAS,aAAa,EAAK,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,QAAQ,CAAC,OAAO,OAAO,EAAE,aAAa,MAAM,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,IAAI,KAAK,IAAI,aAAa,IAAI,EAAE,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,aAAa,CAAC,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,SAAS,UAAU,CAAC,CAAC"}