{"version":3,"file":"vFnLOMvvk.CLo7Ap-r.mjs","names":["React.useContext","React.useMemo","React.Fragment","useRef","React.useId","Image"],"sources":["https:/framerusercontent.com/modules/Ddu4b3Y4l9JZPIFgfXOZ/NojRYORhgXcd9YXAhTun/vFnLOMvvk.js"],"sourcesContent":["// Generated by Framer (47ebf4a)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const enabledGestures={bz0qVheqW:{hover:true},npUjaxkaj:{hover:true}};const cycleOrder=[\"npUjaxkaj\",\"bz0qVheqW\",\"tHNVTa3wl\",\"hsLrTmYZV\"];const serializationHash=\"framer-9GEEx\";const variantClassNames={bz0qVheqW:\"framer-v-ag56fa\",hsLrTmYZV:\"framer-v-zzpsfq\",npUjaxkaj:\"framer-v-yjhxht\",tHNVTa3wl:\"framer-v-11gj47a\"};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={\"BW - Aktiv\":\"hsLrTmYZV\",\"Farbig - Aktiv\":\"tHNVTa3wl\",BW:\"bz0qVheqW\",Farbig:\"npUjaxkaj\"};const getProps=({click,height,id,width,...props})=>{return{...props,fl4Lnem4a:click??props.fl4Lnem4a,variant:humanReadableVariantMap[props.variant]??props.variant??\"npUjaxkaj\"};};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,fl4Lnem4a,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"npUjaxkaj\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1ffw50e=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(fl4Lnem4a){const res=await fl4Lnem4a(...args);if(res===false)return false;}});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);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-yjhxht\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Farbig\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"npUjaxkaj\",onTap:onTap1ffw50e,ref:refBinding,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-206e7410-0059-4c9a-a4f9-27cae5da0481, rgb(145, 101, 81))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"rgba(145, 101, 81, 0.1)\",...style},variants:{\"bz0qVheqW-hover\":{backgroundColor:\"rgb(34, 34, 34)\"},\"npUjaxkaj-hover\":{\"--border-color\":\"var(--token-9cc3b7f6-8b15-4d4a-94b6-6cc4b97358fe, rgb(109, 76, 61))\",backgroundColor:\"var(--token-206e7410-0059-4c9a-a4f9-27cae5da0481, rgb(145, 101, 81))\"},bz0qVheqW:{\"--border-color\":\"var(--token-8d4d91d3-77e6-4027-a236-273b35f2a20d, rgb(255, 255, 255))\",backgroundColor:\"rgba(226, 226, 226, 0.2)\"},hsLrTmYZV:{\"--border-color\":\"var(--token-8d4d91d3-77e6-4027-a236-273b35f2a20d, rgb(255, 255, 255))\",backgroundColor:\"rgb(34, 34, 34)\"},tHNVTa3wl:{\"--border-color\":\"var(--token-9cc3b7f6-8b15-4d4a-94b6-6cc4b97358fe, rgb(109, 76, 61))\",backgroundColor:\"var(--token-206e7410-0059-4c9a-a4f9-27cae5da0481, rgb(145, 101, 81))\"}},...addPropertyOverrides({\"bz0qVheqW-hover\":{\"data-framer-name\":undefined},\"npUjaxkaj-hover\":{\"data-framer-name\":undefined},bz0qVheqW:{\"data-framer-name\":\"BW\"},hsLrTmYZV:{\"data-framer-name\":\"BW - Aktiv\"},tHNVTa3wl:{\"data-framer-name\":\"Farbig - Aktiv\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+(5+((componentViewport?.height||83)-10-221)/2)),pixelHeight:221,pixelWidth:152,positionX:\"center\",positionY:\"center\",src:\"https://framerusercontent.com/images/RCdmFKbeSu8OFhvsixQvbVvTz60.png\"},className:\"framer-2ndmc3\",layoutDependency:layoutDependency,layoutId:\"peYX5W7I3\",...addPropertyOverrides({bz0qVheqW:{background:{alt:\"\",fit:\"fit\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+(5+((componentViewport?.height||83)-10-221)/2)),pixelHeight:221,pixelWidth:152,positionX:\"center\",positionY:\"center\",src:\"https://framerusercontent.com/images/CKrGHsrVAEyrvjuvlkzlNpl03o0.png\"}},hsLrTmYZV:{background:{alt:\"\",fit:\"fit\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+(5+((componentViewport?.height||83)-10-221)/2)),pixelHeight:221,pixelWidth:152,positionX:\"center\",positionY:\"center\",src:\"https://framerusercontent.com/images/CKrGHsrVAEyrvjuvlkzlNpl03o0.png\"}}},baseVariant,gestureVariant)})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-9GEEx.framer-r0hzvv, .framer-9GEEx .framer-r0hzvv { display: block; }\",\".framer-9GEEx.framer-yjhxht { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 5px; position: relative; width: min-content; }\",\".framer-9GEEx .framer-2ndmc3 { aspect-ratio: 0.6877828054298643 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 73px); overflow: visible; position: relative; width: 50px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-9GEEx.framer-yjhxht { gap: 0px; } .framer-9GEEx.framer-yjhxht > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-9GEEx.framer-yjhxht > :first-child { margin-left: 0px; } .framer-9GEEx.framer-yjhxht > :last-child { margin-right: 0px; } }\",'.framer-9GEEx[data-border=\"true\"]::after, .framer-9GEEx [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; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 83\n * @framerIntrinsicWidth 60\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"bz0qVheqW\":{\"layout\":[\"auto\",\"auto\"]},\"tHNVTa3wl\":{\"layout\":[\"auto\",\"auto\"]},\"hsLrTmYZV\":{\"layout\":[\"auto\",\"auto\"]},\"peGS8FPdv\":{\"layout\":[\"auto\",\"auto\"]},\"IwKersXcN\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"fl4Lnem4a\":\"click\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramervFnLOMvvk=withCSS(Component,css,\"framer-9GEEx\");export default FramervFnLOMvvk;FramervFnLOMvvk.displayName=\"Color - Button\";FramervFnLOMvvk.defaultProps={height:83,width:60};addPropertyControls(FramervFnLOMvvk,{variant:{options:[\"npUjaxkaj\",\"bz0qVheqW\",\"tHNVTa3wl\",\"hsLrTmYZV\"],optionTitles:[\"Farbig\",\"BW\",\"Farbig - Aktiv\",\"BW - Aktiv\"],title:\"Variant\",type:ControlType.Enum},fl4Lnem4a:{title:\"Click\",type:ControlType.EventHandler}});addFonts(FramervFnLOMvvk,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramervFnLOMvvk\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerVariables\":\"{\\\"fl4Lnem4a\\\":\\\"click\\\"}\",\"framerIntrinsicHeight\":\"83\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"bz0qVheqW\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"tHNVTa3wl\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"hsLrTmYZV\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"peGS8FPdv\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"IwKersXcN\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"60\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./vFnLOMvvk.map"],"mappings":"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"}