{"version":3,"file":"ScrollableContainer.DfppLRj_.mjs","names":["React.useRef"],"sources":["https:/framerusercontent.com/modules/ofohcGr2qDb5UchYzi8d/q7Dj1Rhbds2yeMR44vDG/ScrollableContainer.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function ScrollableContainer(props){const{outerPadding,radius,background,gap,forceFillWidth,scrollbarBackgroundColor,thumbColor,hoverColor,focusColor,children,style,...rest}=props;const scrollRef=React.useRef(null);React.useEffect(()=>{const className=\"custom-scroll-container\";const styleTag=document.createElement(\"style\");styleTag.innerHTML=`\n            .${className}::-webkit-scrollbar {\n                width: 8px;\n            }\n            .${className}::-webkit-scrollbar-track {\n                background: ${scrollbarBackgroundColor};\n                padding: 4px;\n                border-radius: 20px;\n            }\n            .${className}::-webkit-scrollbar-thumb {\n                background-color: ${thumbColor};\n                border: transparent;\n                border-radius: 200px;\n            }\n            .${className}::-webkit-scrollbar-thumb:hover {\n                background-color: ${hoverColor};\n            }\n            .${className}::-webkit-scrollbar-thumb:active {\n                background-color: ${focusColor};\n            }\n        `;document.head.appendChild(styleTag);const el=scrollRef.current;if(el){el.classList.add(className);const wheelHandler=e=>{e.stopPropagation();};const touchHandler=e=>{e.stopPropagation();};el.addEventListener(\"wheel\",wheelHandler,{passive:false});el.addEventListener(\"touchmove\",touchHandler,{passive:false});return()=>{el.removeEventListener(\"wheel\",wheelHandler);el.removeEventListener(\"touchmove\",touchHandler);el.classList.remove(className);document.head.removeChild(styleTag);};}return()=>{document.head.removeChild(styleTag);};},[scrollbarBackgroundColor,thumbColor,hoverColor,focusColor]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",background,borderRadius:radius,boxSizing:\"border-box\",padding:outerPadding,...style},...rest,children:/*#__PURE__*/_jsx(\"div\",{ref:scrollRef,style:{width:\"100%\",height:\"100%\",overflowY:\"auto\",overflowX:\"hidden\",boxSizing:\"border-box\",display:\"flex\",flexDirection:\"column\"},children:/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:gap,width:\"100%\",alignItems:\"stretch\"},children:React.Children.map(children,child=>{if(!/*#__PURE__*/React.isValidElement(child))return child;if(!forceFillWidth)return child;return /*#__PURE__*/React.cloneElement(child,{style:{...child.props.style||{},width:\"100%\"}});})})})});}addPropertyControls(ScrollableContainer,{outerPadding:{type:ControlType.Number,title:\"Padding\",defaultValue:24,min:0,max:100},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:16,min:0,max:100},background:{type:ControlType.Color,title:\"Background\",defaultValue:\"#0C1B22\"},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:16,min:0,max:100},forceFillWidth:{type:ControlType.Boolean,title:\"Force Fill Width\",defaultValue:true},scrollbarBackgroundColor:{type:ControlType.Color,title:\"Scroll Track\",defaultValue:\"rgba(255, 255, 255, 0.2)\"},thumbColor:{type:ControlType.Color,title:\"Thumb\",defaultValue:\"rgba(255, 255, 255, 0.5)\"},hoverColor:{type:ControlType.Color,title:\"Thumb Hover\",defaultValue:\"rgba(255, 255, 255, 0.6)\"},focusColor:{type:ControlType.Color,title:\"Thumb Active\",defaultValue:\"rgba(255, 255, 255, 1)\"},children:{type:ControlType.Array,title:\"Cartes\",propertyControl:{type:ControlType.ComponentInstance}}});\nexport const __FramerMetadata__ = {\"exports\":{\"ScrollableContainer\":{\"type\":\"reactComponent\",\"name\":\"ScrollableContainer\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScrollableContainer.map"],"mappings":"sMAA2H,SAAgB,EAAoB,EAAM,CAAC,GAAK,CAAC,eAAa,SAAO,aAAW,MAAI,iBAAe,2BAAyB,aAAW,aAAW,aAAW,WAAS,QAAM,GAAG,GAAM,EAAY,EAAUA,EAAa,KAAK,CAoBqQ,OApBpQ,MAAoB,CAAC,IAAM,EAAU,0BAAgC,EAAS,SAAS,cAAc,QAAQ,CAAC,EAAS,UAAU;eAC3c,EAAU;;;eAGV,EAAU;8BACK,EAAyB;;;;eAIxC,EAAU;oCACW,EAAW;;;;eAIhC,EAAU;oCACW,EAAW;;eAEhC,EAAU;oCACW,EAAW;;UAErC,SAAS,KAAK,YAAY,EAAS,CAAC,IAAM,EAAG,EAAU,QAAQ,GAAG,EAAG,CAAC,EAAG,UAAU,IAAI,EAAU,CAAC,IAAM,EAAa,GAAG,CAAC,EAAE,iBAAiB,EAAS,EAAa,GAAG,CAAC,EAAE,iBAAiB,EAA2H,OAAxH,EAAG,iBAAiB,QAAQ,EAAa,CAAC,QAAQ,GAAM,CAAC,CAAC,EAAG,iBAAiB,YAAY,EAAa,CAAC,QAAQ,GAAM,CAAC,KAAW,CAAC,EAAG,oBAAoB,QAAQ,EAAa,CAAC,EAAG,oBAAoB,YAAY,EAAa,CAAC,EAAG,UAAU,OAAO,EAAU,CAAC,SAAS,KAAK,YAAY,EAAS,EAAI,UAAU,CAAC,SAAS,KAAK,YAAY,EAAS,GAAK,CAAC,EAAyB,EAAW,EAAW,EAAW,CAAC,CAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,aAAW,aAAa,EAAO,UAAU,aAAa,QAAQ,EAAa,GAAG,EAAM,CAAC,GAAG,EAAK,SAAsB,EAAK,MAAM,CAAC,IAAI,EAAU,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,OAAO,UAAU,SAAS,UAAU,aAAa,QAAQ,OAAO,cAAc,SAAS,CAAC,SAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,cAAc,SAAa,MAAI,MAAM,OAAO,WAAW,UAAU,CAAC,SAAA,EAAwB,IAAI,EAAS,GAAW,CAAc,EAAqB,EAAM,EAAiB,CAAC,EAAsB,EAA0B,EAAmB,EAAM,CAAC,MAAM,CAAC,GAAG,EAAM,MAAM,OAAO,EAAE,CAAC,MAAM,OAAO,CAAC,CAAC,CAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBApB5uC,IAA4B,IAAoD,CAoB8pC,EAAoB,EAAoB,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,EAAY,QAAQ,MAAM,mBAAmB,aAAa,GAAK,CAAC,yBAAyB,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,2BAA2B,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,2BAA2B,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,aAAa,2BAA2B,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,yBAAyB,CAAC,SAAS,CAAC,KAAK,EAAY,MAAM,MAAM,SAAS,gBAAgB,CAAC,KAAK,EAAY,kBAAkB,CAAC,CAAC,CAAC"}