{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/wgMf9sCmxdTdQvta8KVG/HQNd84lTLGbOpPSma5n7/r59YQy39Z.js"],
  "sourcesContent": ["// Generated by Framer (f082bd6)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"aM47FUTwb\",\"DnLRCT3Uh\"];const serializationHash=\"framer-p2RpQ\";const variantClassNames={aM47FUTwb:\"framer-v-flvd63\",DnLRCT3Uh:\"framer-v-vtdre2\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}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 Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Changing Background Color\":\"DnLRCT3Uh\",\"Initial Background Color\":\"aM47FUTwb\"};const getProps=({changingColor,height,id,initialColor,width,...props})=>{return{...props,KRnJCQFI1:initialColor??props.KRnJCQFI1??\"var(--token-1d4d5949-ef42-42d8-ba6d-cff3ab9ffc9e, rgb(190, 190, 190))\",rnUxH4JdC:changingColor??props.rnUxH4JdC??\"var(--token-f76a2cc7-8878-49ec-9f9c-3f7846231034, rgb(28, 28, 28))\",variant:humanReadableVariantMap[props.variant]??props.variant??\"aM47FUTwb\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,KRnJCQFI1,rnUxH4JdC,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"aM47FUTwb\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-flvd63\",className,classNames),\"data-framer-name\":\"Initial Background Color\",layoutDependency:layoutDependency,layoutId:\"aM47FUTwb\",ref:ref??ref1,style:{backgroundColor:KRnJCQFI1,...style},variants:{DnLRCT3Uh:{backgroundColor:rnUxH4JdC}},...addPropertyOverrides({DnLRCT3Uh:{\"data-framer-name\":\"Changing Background Color\"}},baseVariant,gestureVariant)})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-p2RpQ.framer-1wstcoe, .framer-p2RpQ .framer-1wstcoe { display: block; }\",\".framer-p2RpQ.framer-flvd63 { height: 2849px; overflow: hidden; position: relative; width: 1200px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 2849\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"DnLRCT3Uh\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"KRnJCQFI1\":\"initialColor\",\"rnUxH4JdC\":\"changingColor\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const Framerr59YQy39Z=withCSS(Component,css,\"framer-p2RpQ\");export default Framerr59YQy39Z;Framerr59YQy39Z.displayName=\"Changing Background\";Framerr59YQy39Z.defaultProps={height:2849,width:1200};addPropertyControls(Framerr59YQy39Z,{variant:{options:[\"aM47FUTwb\",\"DnLRCT3Uh\"],optionTitles:[\"Initial Background Color\",\"Changing Background Color\"],title:\"Variant\",type:ControlType.Enum},KRnJCQFI1:{defaultValue:'var(--token-1d4d5949-ef42-42d8-ba6d-cff3ab9ffc9e, rgb(190, 190, 190)) /* {\"name\":\"Light Gray\"} */',title:\"Initial Color\",type:ControlType.Color},rnUxH4JdC:{defaultValue:'var(--token-f76a2cc7-8878-49ec-9f9c-3f7846231034, rgb(28, 28, 28)) /* {\"name\":\"Charcoal Gray\"} */',title:\"Changing Color\",type:ControlType.Color}});addFonts(Framerr59YQy39Z,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerr59YQy39Z\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"2849\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"DnLRCT3Uh\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"KRnJCQFI1\\\":\\\"initialColor\\\",\\\"rnUxH4JdC\\\":\\\"changingColor\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"1200\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./r59YQy39Z.map"],
  "mappings": "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",
  "names": ["cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "changingColor", "height", "id", "initialColor", "width", "props", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "KRnJCQFI1", "rnUxH4JdC", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "scopingClassNames", "cx", "ref1", "pe", "defaultLayoutId", "ae", "componentViewport", "useComponentViewport", "LayoutGroup", "css", "Framerr59YQy39Z", "withCSS", "r59YQy39Z_default", "addPropertyControls", "ControlType", "addFonts"]
}