{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/oZYSfEb9huHAH1rJL5km/kzNagnsw2po2SeEwWOJU/CarrouselSelector.js", "ssg:https://framerusercontent.com/modules/uyJUOSVJwcFBDFdZlzyg/Q08ZL0SNLYYtvVvoFD0r/W1q6p4s90.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";// Create a store to manage the clicked state\nconst useStore=createStore({clickedId:\"SGRrfIcgU\"});/**\n * @framerDisableUnlink\n * @framerIntrinsicWidth 100\n * @framerIntrinsicHeight 100\n */export function withClickOpacity(Component){return props=>{const[store,setStore]=useStore();const{id}=props;// Initialize store with the first component's ID if not already set\nif(!store.clickedId&&id===\"1\"){setStore({clickedId:id.toString()});}const handleClick=()=>{setStore({clickedId:id.toString()});};const opacity=store.clickedId&&store.clickedId!==id.toString()?.5:1;return console.log(store.clickedId),/*#__PURE__*/_jsx(Component,{...props,onClick:handleClick,style:{...props.style,opacity}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withClickOpacity\":{\"type\":\"reactHoc\",\"name\":\"withClickOpacity\",\"annotations\":{\"framerIntrinsicHeight\":\"100\",\"framerDisableUnlink\":\"* @framerIntrinsicWidth 100\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CarrouselSelector.map", "// Generated by Framer (3f9fff0)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Image,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"m3TwJ3J1I\",\"IKtsXbMuu\"];const serializationHash=\"framer-JW9ks\";const variantClassNames={IKtsXbMuu:\"framer-v-10i4nz8\",m3TwJ3J1I:\"framer-v-37548f\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const radiusForCorner=(value,cornerIndex)=>{if(typeof value===\"number\"&&Number.isFinite(value))return Math.max(0,value)+\"px\";if(typeof value!==\"string\"||typeof cornerIndex!==\"number\")return undefined;const segments=value.split(\" \");return segments[cornerIndex]||segments[cornerIndex-2]||segments[0];};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={Active:\"IKtsXbMuu\",Idle:\"m3TwJ3J1I\"};const getProps=({height,highlight,id,iD,image,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref,_ref1;return{...props,etrtr4ZdT:iD!==null&&iD!==void 0?iD:props.etrtr4ZdT,lNPYCkvsl:highlight!==null&&highlight!==void 0?highlight:props.lNPYCkvsl,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"m3TwJ3J1I\",Xvy7l5nqu:(_ref1=image!==null&&image!==void 0?image:props.Xvy7l5nqu)!==null&&_ref1!==void 0?_ref1:{src:\"https://framerusercontent.com/images/3V7ZK5ZXGRmMvoOvWZl043V7eA.webp?scale-down-to=512&lossless=1\",srcSet:\"https://framerusercontent.com/images/3V7ZK5ZXGRmMvoOvWZl043V7eA.webp?scale-down-to=512&lossless=1 512w,https://framerusercontent.com/images/3V7ZK5ZXGRmMvoOvWZl043V7eA.webp?scale-down-to=1024&lossless=1 1024w,https://framerusercontent.com/images/3V7ZK5ZXGRmMvoOvWZl043V7eA.webp?scale-down-to=2048&lossless=1 2048w,https://framerusercontent.com/images/3V7ZK5ZXGRmMvoOvWZl043V7eA.webp?lossless=1 2149w\"}};};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,lNPYCkvsl,Xvy7l5nqu,etrtr4ZdT,...restProps}=getProps(props);const{baseVariant,classNames,gestureHandlers,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"m3TwJ3J1I\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTapb2xwfk=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(lNPYCkvsl){const res=await lNPYCkvsl(...args);if(res===false)return false;}});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Image,{...restProps,...gestureHandlers,background:{alt:\"\",fit:\"fill\",pixelHeight:386,pixelWidth:386,sizes:(componentViewport===null||componentViewport===void 0?void 0:componentViewport.width)||\"100vw\",...toResponsiveImage(Xvy7l5nqu),...{positionX:\"left\",positionY:\"center\"}},className:cx(serializationHash,...sharedStyleClassNames,\"framer-37548f\",className,classNames),\"data-framer-name\":\"Idle\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"m3TwJ3J1I\",onTap:onTapb2xwfk,ref:ref!==null&&ref!==void 0?ref:ref1,style:{borderBottomLeftRadius:radiusForCorner(etrtr4ZdT,3),borderBottomRightRadius:radiusForCorner(etrtr4ZdT,2),borderTopLeftRadius:radiusForCorner(etrtr4ZdT,0),borderTopRightRadius:radiusForCorner(etrtr4ZdT,1),opacity:.5,...style},variants:{IKtsXbMuu:{opacity:1}},...addPropertyOverrides({IKtsXbMuu:{\"data-framer-name\":\"Active\"}},baseVariant,gestureVariant)})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-JW9ks.framer-1q2by05, .framer-JW9ks .framer-1q2by05 { display: block; }\",\".framer-JW9ks.framer-37548f { cursor: pointer; height: 195px; overflow: hidden; position: relative; width: 195px; will-change: var(--framer-will-change-override, transform); }\",\".framer-JW9ks.framer-v-10i4nz8.framer-37548f { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 195px); }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 195\n * @framerIntrinsicWidth 195\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"IKtsXbMuu\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"lNPYCkvsl\":\"highlight\",\"Xvy7l5nqu\":\"image\",\"etrtr4ZdT\":\"iD\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerW1q6p4s90=withCSS(Component,css,\"framer-JW9ks\");export default FramerW1q6p4s90;FramerW1q6p4s90.displayName=\"Section Items/Ingredients slideshow item thumbnails\";FramerW1q6p4s90.defaultProps={height:195,width:195};addPropertyControls(FramerW1q6p4s90,{variant:{options:[\"m3TwJ3J1I\",\"IKtsXbMuu\"],optionTitles:[\"Idle\",\"Active\"],title:\"Variant\",type:ControlType.Enum},lNPYCkvsl:{title:\"Highlight\",type:ControlType.EventHandler},Xvy7l5nqu:{__defaultAssetReference:\"data:framer/asset-reference,3V7ZK5ZXGRmMvoOvWZl043V7eA.webp?originalFilename=TinyPNG+Frame+427319559.webp&preferredSize=lossless\",title:\"Image\",type:ControlType.ResponsiveImage},etrtr4ZdT:{defaultValue:0,title:\"ID\",type:ControlType.Number}});addFonts(FramerW1q6p4s90,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerW1q6p4s90\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"lNPYCkvsl\\\":\\\"highlight\\\",\\\"Xvy7l5nqu\\\":\\\"image\\\",\\\"etrtr4ZdT\\\":\\\"iD\\\"}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"195\",\"framerIntrinsicWidth\":\"195\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"IKtsXbMuu\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerComponentViewportWidth\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./W1q6p4s90.map"],
  "mappings": "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",
  "names": ["useStore", "createStore", "withClickOpacity", "Component", "props", "store", "setStore", "id", "handleClick", "opacity", "p", "W1q6p4s90_exports", "__export", "__FramerMetadata__", "W1q6p4s90_default", "cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "radiusForCorner", "value", "cornerIndex", "segments", "toResponsiveImage", "transition1", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "highlight", "id", "iD", "image", "width", "props", "_humanReadableVariantMap_props_variant", "_ref", "_ref1", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "lNPYCkvsl", "Xvy7l5nqu", "etrtr4ZdT", "restProps", "baseVariant", "classNames", "gestureHandlers", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onTapb2xwfk", "args", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "componentViewport", "useComponentViewport", "LayoutGroup", "Image2", "cx", "css", "FramerW1q6p4s90", "withCSS", "W1q6p4s90_default", "addPropertyControls", "ControlType", "addFonts", "__FramerMetadata__"]
}