{"version":3,"file":"ImageColorHover.DfgFa-yn.mjs","names":["mask","SVG","getProps","Icon","React.forwardRef","getProps","React.forwardRef","React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","sharedStyle.className","className","RichText","ChevronUp","ChevronDown","sharedStyle.css","sharedStyle.fonts","useState","useRef","useCallback"],"sources":["https:/framerusercontent.com/modules/5q6C0Ik7ypVShU1C2sa2/ZfUrR5p7zjf0PaSalh7L/BMJnfIjVN.js","https:/framerusercontent.com/modules/ujYJBEJlTvw8T499oZKk/P6H5ijYzoAcnnuvAWoZb/VCw0DV88W.js","https:/framerusercontent.com/modules/oDzcHU7Xw0uBLLfuj5Ep/y5GPjLc4QADuLkIdcgad/siGlpKCXi.js","https:/framerusercontent.com/modules/b22NeABQmBGAyMxrZyCf/XDUiZlmYiJlYa8kFkk35/ImageColorHover.js"],"sourcesContent":["// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask='url(\\'data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 0 0 L 6 6 L 12 0\" fill=\"transparent\" height=\"6px\" id=\"YQ5iVcvh8\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" stroke=\"var(--43q7um, rgb(0,0,0))\" transform=\"translate(6 9)\" width=\"12px\"/></svg>\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({height,id,stroke,width,...props})=>{return{...props,UO5clYVeQ:stroke??props.UO5clYVeQ??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,UO5clYVeQ,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-yvgXh\",className),layoutId:layoutId,ref:ref,style:{\"--43q7um\":UO5clYVeQ,...style}});});const css=[`.framer-yvgXh { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--43q7um); mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"UO5clYVeQ\":\"stroke\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Chevron Down\",\"color\":{\"type\":\"variable\",\"value\":\"43q7um\"},\"set\":{\"localId\":\"vectorSet/T8qKXkLfy\",\"id\":\"T8qKXkLfy\",\"moduleId\":\"fiHEoJwBMFnT6QLOcpPz\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-yvgXh\");Icon.displayName=\"Chevron Down\";export default Icon;addPropertyControls(Icon,{UO5clYVeQ:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Stroke\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerVector\":\"{\\\"name\\\":\\\"Chevron Down\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"43q7um\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/T8qKXkLfy\\\",\\\"id\\\":\\\"T8qKXkLfy\\\",\\\"moduleId\\\":\\\"fiHEoJwBMFnT6QLOcpPz\\\"}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"24\",\"framerDisableUnlink\":\"true\",\"framerIntrinsicWidth\":\"24\",\"framerImmutableVariables\":\"true\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerVariables\":\"{\\\"UO5clYVeQ\\\":\\\"stroke\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask='url(\\'data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 12 6 L 6 0 L 0 6\" fill=\"transparent\" height=\"6px\" id=\"eL8UOTOVZ\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" stroke=\"var(--43q7um, rgb(0,0,0))\" transform=\"translate(6 9)\" width=\"12px\"/></svg>\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({height,id,stroke,width,...props})=>{return{...props,UO5clYVeQ:stroke??props.UO5clYVeQ??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,UO5clYVeQ,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-iXkoi\",className),layoutId:layoutId,ref:ref,style:{\"--43q7um\":UO5clYVeQ,...style}});});const css=[`.framer-iXkoi { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--43q7um); mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"UO5clYVeQ\":\"stroke\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Chevron Up\",\"color\":{\"type\":\"variable\",\"value\":\"43q7um\"},\"set\":{\"localId\":\"vectorSet/T8qKXkLfy\",\"id\":\"T8qKXkLfy\",\"moduleId\":\"fiHEoJwBMFnT6QLOcpPz\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-iXkoi\");Icon.displayName=\"Chevron Up\";export default Icon;addPropertyControls(Icon,{UO5clYVeQ:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Stroke\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVector\":\"{\\\"name\\\":\\\"Chevron Up\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"43q7um\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/T8qKXkLfy\\\",\\\"id\\\":\\\"T8qKXkLfy\\\",\\\"moduleId\\\":\\\"fiHEoJwBMFnT6QLOcpPz\\\"}}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"24\",\"framerDisableUnlink\":\"true\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"UO5clYVeQ\\\":\\\"stroke\\\"}\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (d039229)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,CycleVariantState,getFontsFromSharedStyle,Instance,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import ChevronDown from\"https://framerusercontent.com/modules/5q6C0Ik7ypVShU1C2sa2/ZfUrR5p7zjf0PaSalh7L/BMJnfIjVN.js\";import ChevronUp from\"https://framerusercontent.com/modules/ujYJBEJlTvw8T499oZKk/P6H5ijYzoAcnnuvAWoZb/VCw0DV88W.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/oWwWavsPciEu1pTkoTBz/pecUxSwMQGEs3OfLaq9V/E5_EVIh07.js\";const cycleOrder=[\"ehBJ0i3pT\",\"GqT8yyHsh\"];const serializationHash=\"framer-ezlIu\";const variantClassNames={ehBJ0i3pT:\"framer-v-1xhxblg\",GqT8yyHsh:\"framer-v-upokdy\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const J8FKN6mPK=undefined;const q18B4RGB0=undefined;const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const humanReadableVariantMap={Closed:\"GqT8yyHsh\",Open:\"ehBJ0i3pT\"};const Variants=motion.create(React.Fragment);const getProps=({answer,height,id,question,width,...props})=>{return{...props,J8FKN6mPK:question??props.J8FKN6mPK??\"Question\",q18B4RGB0:answer??props.q18B4RGB0??\"Answer\",variant:humanReadableVariantMap[props.variant]??props.variant??\"ehBJ0i3pT\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,J8FKN6mPK,q18B4RGB0,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"ehBJ0i3pT\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTapgnqhaj=activeVariantCallback(async(...args)=>{setVariant(CycleVariantState);});const sharedStyleClassNames=[sharedStyle.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"GqT8yyHsh\")return false;return true;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1xhxblg\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Open\",layoutDependency:layoutDependency,layoutId:\"ehBJ0i3pT\",ref:refBinding,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-f7e7e024-cef3-4007-ac6d-7427afe5f295)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",...style},...addPropertyOverrides({GqT8yyHsh:{\"data-framer-name\":\"Closed\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1ntohpb\",\"data-framer-name\":\"Question Row\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"pCKjudLEx\",onTap:onTapgnqhaj,children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"R0Y7UGxheWZhaXIgRGlzcGxheS1yZWd1bGFy\",\"--framer-font-family\":'\"Playfair Display\", \"Playfair Display Placeholder\", serif',\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.2px\",\"--framer-line-height\":\"1.25em\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--token-af0ee40d-1542-40f6-8bca-9fdaea3697db))\"},children:\"Question\"})}),className:\"framer-zdd5x3\",fonts:[\"GF;Playfair Display-regular\"],layoutDependency:layoutDependency,layoutId:\"neLm3rZgI\",style:{\"--extracted-a0htzi\":\"var(--token-af0ee40d-1542-40f6-8bca-9fdaea3697db)\"},text:J8FKN6mPK,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(Instance,{animated:true,className:\"framer-fneb1q\",Component:ChevronUp,layoutDependency:layoutDependency,layoutId:\"nFNRnIMEn\",style:{\"--43q7um\":\"var(--token-af0ee40d-1542-40f6-8bca-9fdaea3697db)\"},...addPropertyOverrides({GqT8yyHsh:{Component:ChevronDown}},baseVariant,gestureVariant)})]}),isDisplayed()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-c56m2m\",\"data-border\":true,\"data-framer-name\":\"Answer\",layoutDependency:layoutDependency,layoutId:\"ESVgXUMMT\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-f7e7e024-cef3-4007-ac6d-7427afe5f295)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\"},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-62xj6u\",\"data-styles-preset\":\"E5_EVIh07\",dir:\"auto\",children:\"Answer\"})}),className:\"framer-1q3hwm0\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"OIuAMJvIk\",text:q18B4RGB0,verticalAlignment:\"top\",withExternalLayout:true})})]})})})});});const css=[\".framer-ezlIu.framer-yn3i5s, .framer-ezlIu .framer-yn3i5s { display: block; }\",\".framer-ezlIu.framer-1xhxblg { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; padding: 0px; position: relative; width: 800px; }\",\".framer-ezlIu .framer-1ntohpb { align-content: center; align-items: center; cursor: pointer; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: flex-start; padding: 24px 0px 24px 0px; position: relative; width: 100%; }\",\".framer-ezlIu .framer-zdd5x3 { -webkit-user-select: none; flex: 1 0 0px; height: auto; position: relative; user-select: none; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-ezlIu .framer-fneb1q { aspect-ratio: 1 / 1; flex: none; height: auto; position: relative; width: 20px; }\",\".framer-ezlIu .framer-c56m2m { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; padding: 20px 0px 24px 0px; position: relative; width: 100%; }\",\".framer-ezlIu .framer-1q3hwm0 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",...sharedStyle.css,'.framer-ezlIu[data-border=\"true\"]::after, .framer-ezlIu [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; corner-shape: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 144\n * @framerIntrinsicWidth 800\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"GqT8yyHsh\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"J8FKN6mPK\":\"question\",\"q18B4RGB0\":\"answer\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramersiGlpKCXi=withCSS(Component,css,\"framer-ezlIu\");export default FramersiGlpKCXi;FramersiGlpKCXi.displayName=\"FAQ Item\";FramersiGlpKCXi.defaultProps={height:144,width:800};addPropertyControls(FramersiGlpKCXi,{variant:{options:[\"ehBJ0i3pT\",\"GqT8yyHsh\"],optionTitles:[\"Open\",\"Closed\"],title:\"Variant\",type:ControlType.Enum},J8FKN6mPK:{defaultValue:\"Question\",title:\"Question\",type:ControlType.String},onJ8FKN6mPKChange:{changes:\"J8FKN6mPK\",type:ControlType.ChangeHandler},q18B4RGB0:{defaultValue:\"Answer\",displayTextArea:true,title:\"Answer\",type:ControlType.String},onq18B4RGB0Change:{changes:\"q18B4RGB0\",type:ControlType.ChangeHandler}});addFonts(FramersiGlpKCXi,[{explicitInter:true,fonts:[{cssFamilyName:\"Playfair Display\",source:\"google\",style:\"normal\",uiFamilyName:\"Playfair Display\",url:\"https://fonts.gstatic.com/s/playfairdisplay/v40/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvUDVZNLo_U2r.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramersiGlpKCXi\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"GqT8yyHsh\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerIntrinsicHeight\":\"144\",\"framerDisplayContentsDiv\":\"false\",\"framerAutoSizeImages\":\"true\",\"framerVariables\":\"{\\\"J8FKN6mPK\\\":\\\"question\\\",\\\"q18B4RGB0\\\":\\\"answer\\\"}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"800\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./siGlpKCXi.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef,useCallback,useEffect,useRef,useState}from\"react\";/**\n * Reveals a photograph's colour on hover by removing only the `grayscale`\n * term from its existing filter chain. Every other filter function the frame\n * already carries (brightness, contrast, …) is preserved, in its original\n * order.\n *\n * Matches the treatment used by SelectedWorkParallax and the public site:\n * 400ms cubic-bezier(0.23, 1, 0.32, 1), only on hover-capable fine pointers.\n */const TRANSITION=\"filter 400ms cubic-bezier(0.23, 1, 0.32, 1)\";const FINE_POINTER=\"(hover: hover) and (pointer: fine)\";const REDUCED_MOTION=\"(prefers-reduced-motion: reduce)\";/** Replaces the grayscale term in a filter chain, preserving every other function. */function removeGrayscale(filter){return filter.replace(/grayscale\\([^)]*\\)/gi,\"grayscale(0)\");}/**\n * Subscribes to a media query and returns its current match state.\n *\n * Starts as `false` so server and first client render agree, then syncs in an\n * effect — this avoids a hydration mismatch. A live subscription (rather than a\n * mount-time snapshot) means a pointer or OS-preference change is picked up,\n * which is what keeps a touch device from latching into a hovered state.\n */function useMediaQuery(query){const[matches,setMatches]=useState(false);useEffect(()=>{if(typeof window===\"undefined\"||!window.matchMedia)return;const list=window.matchMedia(query);const sync=()=>setMatches(list.matches);sync();if(typeof list.addEventListener===\"function\"){list.addEventListener(\"change\",sync);return()=>list.removeEventListener(\"change\",sync);}// Safari < 14 fallback.\nlist.addListener(sync);return()=>list.removeListener(sync);},[query]);return matches;}export function withColorOnHover(Component){return /*#__PURE__*/forwardRef(function ColorOnHover(props,forwardedRef){const elementRef=useRef(null);const[baseFilter,setBaseFilter]=useState(null);const[hovered,setHovered]=useState(false);const canHover=useMediaQuery(FINE_POINTER);const reducedMotion=useMediaQuery(REDUCED_MOTION);const setRefs=useCallback(node=>{elementRef.current=node;const ref=forwardedRef;if(typeof ref===\"function\")ref(node);else if(ref)ref.current=node;},[forwardedRef]);/**\n         * Framer renders the frame's `grayscale` control into generated CSS\n         * rather than a style prop, so the base chain is read from the element\n         * after mount. Capturing it here — instead of lazily on first hover —\n         * means the transition is already on the element before the first\n         * hover, so that hover animates instead of snapping.\n         */useEffect(()=>{const fromProps=props?.style?.filter;if(typeof fromProps===\"string\"&&fromProps.length>0){setBaseFilter(fromProps);return;}const node=elementRef.current;if(!node||typeof window===\"undefined\")return;const computed=window.getComputedStyle(node).filter;setBaseFilter(computed&&computed!==\"none\"?computed:null);},[props?.style?.filter]);// A pointer that loses hover capability mid-session must not stay lit.\nuseEffect(()=>{if(!canHover)setHovered(false);},[canHover]);const handleMouseEnter=useCallback(event=>{if(canHover)setHovered(true);props?.onMouseEnter?.(event);},[canHover,props?.onMouseEnter]);const handleMouseLeave=useCallback(event=>{setHovered(false);props?.onMouseLeave?.(event);},[props?.onMouseLeave]);const style={...props?.style};if(baseFilter){// Spreading props.style first and assigning after means this value\n// wins whether Framer emits the filter inline or via a class.\nstyle.filter=canHover&&hovered?removeGrayscale(baseFilter):baseFilter;if(!reducedMotion){style.transition=[props?.style?.transition,TRANSITION].filter(Boolean).join(\", \");}}return /*#__PURE__*/_jsx(Component,{...props,ref:setRefs,style:style,onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave});});}\nexport const __FramerMetadata__ = {\"exports\":{\"withColorOnHover\":{\"type\":\"reactHoc\",\"name\":\"withColorOnHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ImageColorHover.map"],"mappings":"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"}