{"version":3,"file":"shared-lib.DXcJWm9d.mjs","names":["React.useState","React.useMemo"],"sources":["https:/framerusercontent.com/modules/A65Hz7M6eJnISiJeSK1X/fvqcAjiiIY1wJ0gbPEo2/SwipeLettersButton_4.js","https:/framerusercontent.com/modules/8zsNRILdaovDA3lduq14/M417obuYhsnxqeKUFRZo/X9qjc4cbT.js","https:/framerusercontent.com/modules/hgQYp89YmT9NDVm5pwXp/t6fhhsFIK4dKcAwMlDoH/siteMetadata.js"],"sourcesContent":["// Swipe Letters Button - A button with animated letter transitions on hover\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerIntrinsicWidth 240\n * @framerIntrinsicHeight 64\n * \n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function SwipeLettersButton(props){const{label=\"GET IN TOUCH\",defaultState={bgColor:\"#1D1D1D\",borderColor:\"#414141\",textColor:\"#FFFFFF\"},hoverState={bgColor:\"#2D2D2D\",borderColor:\"#515151\",textColor:\"#FFFFFF\"},radius=9999,paddingX=24,paddingY=16,font={fontSize:\"18px\",variant:\"Semibold\",letterSpacing:\"0.4px\",textAlign:\"center\"},align=\"center\",showBorder=true,direction=\"alternate\",duration=380,easing=\"cubic-bezier(.25,.75,.25,1)\",stagger=18,shadow=\"0px 2px 4px rgba(0, 0, 0, 0.1)\",hoverShadow=\"0px 8px 16px rgba(0, 0, 0, 0.2)\"}=props;const[hovered,setHovered]=React.useState(false);const chars=React.useMemo(()=>Array.from((label||\"\").replace(/\\b\\w/g,c=>c.toUpperCase())).map(c=>c===\" \"?\"\\xa0\":c),[label]);const currentBgColor=hovered?hoverState.bgColor:defaultState.bgColor;const currentBorderColor=hovered?hoverState.borderColor:defaultState.borderColor;const currentTextColor=hovered?hoverState.textColor:defaultState.textColor;const currentShadow=hovered?hoverShadow:shadow;return /*#__PURE__*/_jsx(\"div\",{onMouseEnter:()=>setHovered(true),onMouseLeave:()=>setHovered(false),style:{width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:align===\"center\"?\"center\":align===\"start\"?\"flex-start\":\"flex-end\",backgroundColor:currentBgColor,borderRadius:radius,border:showBorder?`1px solid ${currentBorderColor}`:\"none\",boxShadow:currentShadow,overflow:\"hidden\",position:\"relative\",userSelect:\"none\",cursor:\"pointer\",transition:\"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease\"},children:/*#__PURE__*/_jsx(\"div\",{style:{padding:`${paddingY}px ${paddingX}px`,width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:align===\"center\"?\"center\":align===\"start\"?\"flex-start\":\"flex-end\",gap:`${parseFloat(font.letterSpacing)||.4}px`},children:chars.map((ch,i)=>{const dir=direction===\"alternate\"?i%2===0?\"top\":\"bottom\":direction;const initY=dir===\"top\"?\"-50%\":\"0%\";const hoverY=dir===\"top\"?\"0%\":\"-50%\";const delay=`${i*stagger}ms`;return /*#__PURE__*/_jsx(\"span\",{style:{position:\"relative\",display:\"inline-block\",height:\"1em\",overflow:\"hidden\",fontFamily:font.fontFamily||\"inherit\",fontSize:font.fontSize,fontWeight:font.fontWeight,fontStyle:font.fontStyle,lineHeight:1},children:/*#__PURE__*/_jsxs(\"span\",{style:{display:\"grid\",gridAutoRows:\"1em\",transform:`translateY(${hovered?hoverY:initY})`,transitionProperty:\"transform\",transitionDuration:`${duration}ms`,transitionTimingFunction:easing,transitionDelay:delay,willChange:\"transform\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{color:currentTextColor,transition:\"color 0.2s ease\"},children:ch}),/*#__PURE__*/_jsx(\"span\",{style:{color:currentTextColor,transition:\"color 0.2s ease\"},children:ch})]})},`${ch}-${i}`);})})});}addPropertyControls(SwipeLettersButton,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"GET IN TOUCH\"},defaultState:{type:ControlType.Object,title:\"Default\",controls:{bgColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#1D1D1D\"},borderColor:{type:ControlType.Color,title:\"Border\",defaultValue:\"#414141\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#FFFFFF\"}},defaultValue:{bgColor:\"#1D1D1D\",borderColor:\"#414141\",textColor:\"#FFFFFF\"}},hoverState:{type:ControlType.Object,title:\"Hover\",controls:{bgColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#2D2D2D\"},borderColor:{type:ControlType.Color,title:\"Border\",defaultValue:\"#515151\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#FFFFFF\"}},defaultValue:{bgColor:\"#2D2D2D\",borderColor:\"#515151\",textColor:\"#FFFFFF\"}},showBorder:{type:ControlType.Boolean,title:\"Show Border\",defaultValue:true},radius:{type:ControlType.Number,title:\"Radius\",min:0,max:2e3,step:1,defaultValue:9999},paddingX:{type:ControlType.Number,title:\"Pad X\",min:0,max:96,step:1,defaultValue:24},paddingY:{type:ControlType.Number,title:\"Pad Y\",min:0,max:96,step:1,defaultValue:16},font:{type:ControlType.Font,title:\"Typography\",defaultValue:{fontSize:\"18px\",variant:\"Semibold\",letterSpacing:\"0.4px\",textAlign:\"center\"},controls:\"extended\",defaultFontType:\"sans-serif\",displayTextAlignment:true,displayFontSize:true},align:{type:ControlType.Enum,title:\"Align\",options:[\"start\",\"center\",\"end\"],optionTitles:[\"Start\",\"Center\",\"End\"],displaySegmentedControl:true,defaultValue:\"center\"},direction:{type:ControlType.Enum,title:\"Swipe From\",options:[\"top\",\"bottom\",\"alternate\"],optionTitles:[\"Top\",\"Bottom\",\"Alternate\"],defaultValue:\"alternate\"},duration:{type:ControlType.Number,title:\"Duration (ms)\",min:80,max:2e3,step:10,defaultValue:380},easing:{type:ControlType.Enum,title:\"Easing\",options:[\"ease\",\"ease-in\",\"ease-out\",\"ease-in-out\",\"cubic-bezier(.25,.75,.25,1)\"],optionTitles:[\"ease\",\"ease-in\",\"ease-out\",\"ease-in-out\",\"Snap\"],defaultValue:\"cubic-bezier(.25,.75,.25,1)\"},stagger:{type:ControlType.Number,title:\"Stagger (ms)\",min:0,max:300,step:2,defaultValue:18},shadow:{type:ControlType.BoxShadow,title:\"Shadow\",defaultValue:\"0px 2px 4px rgba(0, 0, 0, 0.1)\"},hoverShadow:{type:ControlType.BoxShadow,title:\"Hover Shadow\",defaultValue:\"0px 8px 16px rgba(0, 0, 0, 0.2)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SwipeLettersButton\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"240\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"64\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SwipeLettersButton_4.map","// Generated by Framer (a72a541)\nimport{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-vU3lL .framer-styles-preset-2v223s:not(.rich-text-wrapper), .framer-vU3lL .framer-styles-preset-2v223s.rich-text-wrapper a { --framer-link-hover-text-background-corner-shape: superellipse(1); --framer-link-hover-text-background-corner-shape-fallback: 1; --framer-link-hover-text-background-padding: 0px; --framer-link-hover-text-background-radius: calc(0px*var(--one-if-corner-shape-supported,var(--framer-link-hover-text-background-corner-shape-fallback,1))); --framer-link-hover-text-color: var(--token-ef553a6b-b4dd-4241-915b-f7724ef86239, #61bffa); --framer-link-text-background-padding: 0px; --framer-link-text-color: #ffffff; transition-delay: 0s; transition-duration: 0.4s; transition-property: color; transition-timing-function: cubic-bezier(0, 0, 1, 1); }\"];export const className=\"framer-vU3lL\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (a72a541)\nexport default function metadata(params,activeLocale){return{favicon:\"https://framerusercontent.com/assets/tfrJsSP75kBtc0LHfJbR9BwJs.png\",robots:\"max-image-preview:large\",title:\"Danella Lei Design\"};}export const metadataVersion=1;\nexport const __FramerMetadata__ = {\"exports\":{\"metadataVersion\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}