{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/UvKOFxTHAdj4blGdrbez/3Wo9nBkdCkDqm2mGUSww/JellySlide.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion}from\"framer\";import{addPropertyControls,ControlType}from\"framer\";import React,{useEffect,useRef,useState}from\"react\";export function ScrollableLayout({children,gap,padding,layout,columns,autoScroll,scrollSpeed,maxWidthContainer}){const scrollRef=useRef(null);const[containerWidth,setContainerWidth]=useState(0);// Track component width for dynamic max-width adjustments\nuseEffect(()=>{const updateWidth=()=>{if(scrollRef.current){setContainerWidth(scrollRef.current.offsetWidth);}};updateWidth();window.addEventListener(\"resize\",updateWidth);return()=>window.removeEventListener(\"resize\",updateWidth);},[]);// Ensure proper spacing when the container exceeds `maxWidthContainer`\nconst isContainerWiderThanMax=containerWidth>maxWidthContainer;const effectivePadding=isContainerWiderThanMax?`calc((100vw - ${maxWidthContainer}px) / 2 + ${padding}px)`:`${padding}px`;return /*#__PURE__*/_jsxs(\"div\",{ref:scrollRef,style:{display:layout===\"grid\"?\"grid\":\"flex\",gridTemplateColumns:layout===\"grid\"?`repeat(${columns}, minmax(0, 1fr))`:\"unset\",flexDirection:layout===\"horizontal\"?\"row\":\"unset\",flexWrap:layout===\"grid\"?\"wrap\":\"nowrap\",justifyContent:\"flex-start\",alignItems:\"stretch\",gap:layout===\"grid\"?`${gap}px`:\"0px\",width:\"100%\",maxWidth:layout===\"grid\"?`${maxWidthContainer}px`:\"none\",padding:layout===\"grid\"?`${padding}px`:\"0px\",overflowX:layout===\"horizontal\"?\"auto\":\"visible\",overflowY:layout===\"grid\"?\"visible\":\"hidden\",scrollSnapType:layout===\"horizontal\"?\"x mandatory\":\"none\",scrollBehavior:\"smooth\",whiteSpace:layout===\"horizontal\"?\"nowrap\":\"normal\",scrollbarWidth:\"none\",WebkitOverflowScrolling:\"touch\",scrollPaddingLeft:layout===\"horizontal\"?effectivePadding:\"0px\",scrollPaddingRight:layout===\"horizontal\"?effectivePadding:\"0px\",paddingLeft:layout===\"horizontal\"?effectivePadding:`${padding}px`,paddingRight:layout===\"horizontal\"?effectivePadding:`${padding}px`},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                div::-webkit-scrollbar {\n                    display: none;\n                }\n            `}),/*#__PURE__*/_jsx(\"div\",{style:{display:layout===\"horizontal\"?\"flex\":\"contents\",flexDirection:\"row\",width:layout===\"horizontal\"?\"max-content\":\"100%\"},children:children.length>0?children.map((child,index)=>/*#__PURE__*/_jsx(motion.div,{style:{flexShrink:0,display:\"flex\",flexDirection:\"column\",width:layout===\"grid\"?\"100%\":\"auto\",flexGrow:layout===\"grid\"?1:0,alignSelf:layout===\"grid\"?\"stretch\":\"unset\",scrollSnapAlign:layout===\"horizontal\"?\"start\":\"unset\",marginRight:layout===\"horizontal\"&&index!==children.length-1?`${gap}px`:\"0px\",marginLeft:layout===\"horizontal\"&&index===0?`${padding}px`:\"0px\"},whileTap:layout===\"horizontal\"?{scale:.95}:{},children:/*#__PURE__*/React.cloneElement(child,{style:{...child.props.style,width:layout===\"grid\"?\"100%\":child.props.style?.width,flexGrow:layout===\"grid\"?1:0}})},index)):/*#__PURE__*/_jsx(\"div\",{style:{color:\"gray\",textAlign:\"center\",width:\"100%\"},children:\"Add children in Framer!\"})})]});}// \uD83C\uDF9B **Framer UI Property Controls**\naddPropertyControls(ScrollableLayout,{children:{type:ControlType.Array,title:\"Children\",propertyControl:{type:ControlType.ComponentInstance}},layout:{type:ControlType.Enum,options:[\"horizontal\",\"grid\"],optionTitles:[\"Horizontal Scroll\",\"Grid Layout\"],title:\"Layout\",defaultValue:\"horizontal\"},columns:{type:ControlType.Number,title:\"Grid Columns\",defaultValue:3,min:1,hidden:props=>props.layout!==\"grid\"},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:16},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:16},autoScroll:{type:ControlType.Boolean,title:\"Auto Scroll\",defaultValue:false},scrollSpeed:{type:ControlType.Number,title:\"Scroll Speed\",defaultValue:2,min:1,max:10,hidden:props=>!props.autoScroll},maxWidthContainer:{type:ControlType.Number,title:\"Max-Width Container\",defaultValue:1200,min:1,max:3e3,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"ScrollableLayout\":{\"type\":\"reactComponent\",\"name\":\"ScrollableLayout\",\"slots\":[\"children\"],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./JellySlide.map"],
  "mappings": "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",
  "names": ["ScrollableLayout", "children", "gap", "padding", "layout", "columns", "autoScroll", "scrollSpeed", "maxWidthContainer", "scrollRef", "pe", "containerWidth", "setContainerWidth", "ye", "ue", "updateWidth", "window", "effectivePadding", "u", "p", "child", "index", "motion", "e", "addPropertyControls", "ControlType", "props"]
}