@zydon/common 2.9.6 → 2.9.8

package/dist/components/ImageCropModal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ImageCropModal/index.tsx"],"names":["useState","LoadingButton","Button","Slider","Stack","Typography","Fragment","jsx","jsxs","ImageCropModal","id","open","onClose","label","onSave","onRemove","onPreview","imageSrc","aspectRatio","onInitialized","loading","zoom","setZoom","Modal_default","ImageCrop_default","_","v","Icon_default","ImageCropModal_default"],"mappings":"oKAAA,OAAS,YAAAA,MAAgB,QACzB,OAAOC,MAAmB,yBAC1B,OAAOC,MAAY,uBACnB,OAAOC,MAAY,uBACnB,OAAOC,MAAW,sBAClB,OAAOC,MAAgB,2BA6Bf,mBAAAC,EACE,OAAAC,EADF,QAAAC,MAAA,oBArBR,IAAMC,EAAiB,CAAC,CACtB,GAAAC,EACA,KAAAC,EACA,QAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,cAAAC,EACA,QAAAC,CACF,IAA0B,CACxB,GAAM,CAACC,EAAMC,CAAO,EAAItB,EAAiB,EAAG,EAE5C,OACEO,EAACgB,EAAA,CACC,KAAMZ,EACN,QAASC,EACT,YAAaC,EACb,QACEL,EAAAF,EAAA,CACE,UAAAC,EAACL,EAAA,CACC,QAAQ,WACR,KAAK,SACL,QAASU,EACT,MAAM,UACP,oBAED,EAEAL,EAACN,EAAA,CACC,QAAQ,YACR,KAAK,SACL,QAASa,EACT,QAASM,EACV,kBAED,GACF,EAEF,UAAS,GACT,SAAS,KACT,YAAW,GAEX,SAAAZ,EAACJ,EAAA,CAAM,IAAK,EACV,UAAAG,EAACiB,EAAA,CACC,SAAUP,EACV,YAAaC,EACb,cAAeC,EACf,KAAME,EACN,aAAcC,EAChB,EAEAd,EAACJ,EAAA,CAAM,IAAK,IACV,UAAAI,EAACJ,EAAA,CAAM,MAAO,EAAG,UAAU,MAAM,IAAK,EAAG,KAAM,EAAG,WAAW,SAC3D,UAAAG,EAACF,EAAA,CAAW,QAAQ,QAAQ,gBAAI,EAEhCE,EAACJ,EAAA,CACC,MAAOkB,EACP,SAAU,CAACI,EAAGC,IAAMJ,EAAQ,MAAM,QAAQI,CAAC,EAAIA,EAAE,CAAC,EAAIA,CAAC,EACvD,IAAK,GACL,IAAK,EACL,KAAK,SACL,KAAM,MACR,GACF,EAEAlB,EAACJ,EAAA,CAAM,UAAU,MAAM,IAAK,EAC1B,UAAAG,EAACL,EAAA,CACC,QAAQ,WACR,MAAM,UACN,KAAK,QACL,UAAS,GACT,UAAWK,EAACoB,EAAA,CAAK,KAAK,wBAAwB,EAC9C,QAASZ,EACV,mBAED,EAEAR,EAACL,EAAA,CACC,QAAQ,WACR,MAAM,UACN,KAAK,QACL,UAAS,GACT,UAAWK,EAACoB,EAAA,CAAK,KAAK,cAAc,EACpC,QAASX,EACV,6BAED,EAEAT,EAACL,EAAA,CACC,QAAQ,WACR,MAAM,UACN,KAAK,QACL,UAAS,GACT,UAAWK,EAACoB,EAAA,CAAK,KAAK,eAAe,EACrC,UAAU,QACV,QAASjB,EACV,mBAED,GACF,GACF,GACF,EACF,CAEJ,EAEOkB,EAAQnB","sourcesContent":["import { useState } from 'react';\nimport LoadingButton from '@mui/lab/LoadingButton';\nimport Button from '@mui/material/Button';\nimport Slider from '@mui/material/Slider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from '../Icon';\nimport ImageCrop from '../ImageCrop';\nimport Modal from '../Modal';\n\nimport { ImageCropModalPros } from './props';\n\nconst ImageCropModal = ({\n  id,\n  open,\n  onClose,\n  label,\n  onSave,\n  onRemove,\n  onPreview,\n  imageSrc,\n  aspectRatio,\n  onInitialized,\n  loading,\n}: ImageCropModalPros) => {\n  const [zoom, setZoom] = useState<number>(0.5);\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      dialogTitle={label}\n      actions={\n        <>\n          <Button\n            variant=\"outlined\"\n            size=\"medium\"\n            onClick={onClose}\n            color=\"inherit\"\n          >\n            Cancelar\n          </Button>\n\n          <LoadingButton\n            variant=\"contained\"\n            size=\"medium\"\n            onClick={onSave}\n            loading={loading}\n          >\n            Salvar\n          </LoadingButton>\n        </>\n      }\n      fullWidth\n      maxWidth=\"sm\"\n      keepMounted\n    >\n      <Stack gap={2}>\n        <ImageCrop\n          imageSrc={imageSrc}\n          aspectRatio={aspectRatio}\n          onInitialized={onInitialized}\n          zoom={zoom}\n          onZoomChange={setZoom}\n        />\n\n        <Stack gap={1.5}>\n          <Stack width={1} direction=\"row\" gap={3} flex={1} alignItems=\"center\">\n            <Typography variant=\"body1\">Zoom</Typography>\n\n            <Slider\n              value={zoom}\n              onChange={(_, v) => setZoom(Array.isArray(v) ? v[0] : v)}\n              min={0.1}\n              max={2}\n              size=\"medium\"\n              step={0.0125}\n            />\n          </Stack>\n\n          <Stack direction=\"row\" gap={2}>\n            <Button\n              variant=\"outlined\"\n              color=\"inherit\"\n              size=\"large\"\n              fullWidth\n              startIcon={<Icon icon=\"DELETE_MARK_BUTTON_02\" />}\n              onClick={onRemove}\n            >\n              Remover\n            </Button>\n\n            <Button\n              variant=\"outlined\"\n              color=\"inherit\"\n              size=\"large\"\n              fullWidth\n              startIcon={<Icon icon=\"PLAY_SIMPLE\" />}\n              onClick={onPreview}\n            >\n              Pré-visualizar\n            </Button>\n\n            <Button\n              variant=\"outlined\"\n              color=\"inherit\"\n              size=\"large\"\n              fullWidth\n              startIcon={<Icon icon=\"SEARCH_IMAGE\" />}\n              component=\"label\"\n              htmlFor={id}\n            >\n              Alterar\n            </Button>\n          </Stack>\n        </Stack>\n      </Stack>\n    </Modal>\n  );\n};\n\nexport default ImageCropModal;\n"]}
+{"version":3,"sources":["../../../src/components/ImageCropModal/index.tsx"],"names":["useState","LoadingButton","Button","Slider","Stack","Typography","Fragment","jsx","jsxs","ImageCropModal","id","open","onClose","label","onSave","onRemove","onPreview","imageSrc","aspectRatio","onInitialized","loading","zoom","setZoom","Modal_default","ImageCrop_default","_","v","Icon_default","ImageCropModal_default"],"mappings":"oiKAAA,OAAS,YAAAA,MAAgB,QACzB,OAAOC,MAAmB,yBAC1B,OAAOC,MAAY,uBACnB,OAAOC,MAAY,uBACnB,OAAOC,MAAW,sBAClB,OAAOC,MAAgB,2BA6Bf,mBAAAC,EACE,OAAAC,EADF,QAAAC,MAAA,oBArBR,IAAMC,EAAiB,CAAC,CACtB,GAAAC,EACA,KAAAC,EACA,QAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,cAAAC,EACA,QAAAC,CACF,IAA0B,CACxB,GAAM,CAACC,EAAMC,CAAO,EAAItB,EAAiB,EAAG,EAE5C,OACEO,EAACgB,EAAA,CACC,KAAMZ,EACN,QAASC,EACT,YAAaC,EACb,QACEL,EAAAF,EAAA,CACE,UAAAC,EAACL,EAAA,CACC,QAAQ,WACR,KAAK,SACL,QAASU,EACT,MAAM,UACP,oBAED,EAEAL,EAACN,EAAA,CACC,QAAQ,YACR,KAAK,SACL,QAASa,EACT,QAASM,EACV,kBAED,GACF,EAEF,UAAS,GACT,SAAS,KACT,YAAW,GAEX,SAAAZ,EAACJ,EAAA,CAAM,IAAK,EACV,UAAAG,EAACiB,EAAA,CACC,SAAUP,EACV,YAAaC,EACb,cAAeC,EACf,KAAME,EACN,aAAcC,EAChB,EAEAd,EAACJ,EAAA,CAAM,IAAK,IACV,UAAAI,EAACJ,EAAA,CAAM,MAAO,EAAG,UAAU,MAAM,IAAK,EAAG,KAAM,EAAG,WAAW,SAC3D,UAAAG,EAACF,EAAA,CAAW,QAAQ,QAAQ,gBAAI,EAEhCE,EAACJ,EAAA,CACC,MAAOkB,EACP,SAAU,CAACI,EAAGC,IAAMJ,EAAQ,MAAM,QAAQI,CAAC,EAAIA,EAAE,CAAC,EAAIA,CAAC,EACvD,IAAK,GACL,IAAK,EACL,KAAK,SACL,KAAM,MACR,GACF,EAEAlB,EAACJ,EAAA,CAAM,UAAU,MAAM,IAAK,EAC1B,UAAAG,EAACL,EAAA,CACC,QAAQ,WACR,MAAM,UACN,KAAK,QACL,UAAS,GACT,UAAWK,EAACoB,EAAA,CAAK,KAAK,wBAAwB,EAC9C,QAASZ,EACV,mBAED,EAEAR,EAACL,EAAA,CACC,QAAQ,WACR,MAAM,UACN,KAAK,QACL,UAAS,GACT,UAAWK,EAACoB,EAAA,CAAK,KAAK,cAAc,EACpC,QAASX,EACV,6BAED,EAEAT,EAACL,EAAA,CACC,QAAQ,WACR,MAAM,UACN,KAAK,QACL,UAAS,GACT,UAAWK,EAACoB,EAAA,CAAK,KAAK,eAAe,EACrC,UAAU,QACV,QAASjB,EACV,mBAED,GACF,GACF,GACF,EACF,CAEJ,EAEOkB,EAAQnB","sourcesContent":["import { useState } from 'react';\nimport LoadingButton from '@mui/lab/LoadingButton';\nimport Button from '@mui/material/Button';\nimport Slider from '@mui/material/Slider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from '../Icon';\nimport ImageCrop from '../ImageCrop';\nimport Modal from '../Modal';\n\nimport { ImageCropModalPros } from './props';\n\nconst ImageCropModal = ({\n  id,\n  open,\n  onClose,\n  label,\n  onSave,\n  onRemove,\n  onPreview,\n  imageSrc,\n  aspectRatio,\n  onInitialized,\n  loading,\n}: ImageCropModalPros) => {\n  const [zoom, setZoom] = useState<number>(0.5);\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      dialogTitle={label}\n      actions={\n        <>\n          <Button\n            variant=\"outlined\"\n            size=\"medium\"\n            onClick={onClose}\n            color=\"inherit\"\n          >\n            Cancelar\n          </Button>\n\n          <LoadingButton\n            variant=\"contained\"\n            size=\"medium\"\n            onClick={onSave}\n            loading={loading}\n          >\n            Salvar\n          </LoadingButton>\n        </>\n      }\n      fullWidth\n      maxWidth=\"sm\"\n      keepMounted\n    >\n      <Stack gap={2}>\n        <ImageCrop\n          imageSrc={imageSrc}\n          aspectRatio={aspectRatio}\n          onInitialized={onInitialized}\n          zoom={zoom}\n          onZoomChange={setZoom}\n        />\n\n        <Stack gap={1.5}>\n          <Stack width={1} direction=\"row\" gap={3} flex={1} alignItems=\"center\">\n            <Typography variant=\"body1\">Zoom</Typography>\n\n            <Slider\n              value={zoom}\n              onChange={(_, v) => setZoom(Array.isArray(v) ? v[0] : v)}\n              min={0.1}\n              max={2}\n              size=\"medium\"\n              step={0.0125}\n            />\n          </Stack>\n\n          <Stack direction=\"row\" gap={2}>\n            <Button\n              variant=\"outlined\"\n              color=\"inherit\"\n              size=\"large\"\n              fullWidth\n              startIcon={<Icon icon=\"DELETE_MARK_BUTTON_02\" />}\n              onClick={onRemove}\n            >\n              Remover\n            </Button>\n\n            <Button\n              variant=\"outlined\"\n              color=\"inherit\"\n              size=\"large\"\n              fullWidth\n              startIcon={<Icon icon=\"PLAY_SIMPLE\" />}\n              onClick={onPreview}\n            >\n              Pré-visualizar\n            </Button>\n\n            <Button\n              variant=\"outlined\"\n              color=\"inherit\"\n              size=\"large\"\n              fullWidth\n              startIcon={<Icon icon=\"SEARCH_IMAGE\" />}\n              component=\"label\"\n              htmlFor={id}\n            >\n              Alterar\n            </Button>\n          </Stack>\n        </Stack>\n      </Stack>\n    </Modal>\n  );\n};\n\nexport default ImageCropModal;\n"]}

package/dist/components/Incrementer/index.js

@@ -1,6 +1,162 @@
-export { a as default } from '../../chunk-7JCZYOLK.js';
+export { a as default } from '../../chunk-LFWPNKUM.js';
 import '../../chunk-I3HQNMR3.js';
 import '../../chunk-OF6623HG.js';
-import '../../chunk-PAWS4ATJ.js';
+import '../../chunk-UK2F7TWJ.js';
+import '../../chunk-QNXYDH4Z.js';
+import '../../chunk-PB74EKXH.js';
+import '../../chunk-TP556MUN.js';
+import '../../chunk-EKZYDHUV.js';
+import '../../chunk-34CI5VGF.js';
+import '../../chunk-6YJXV77R.js';
+import '../../chunk-SQ3T74SK.js';
+import '../../chunk-UALPBWPM.js';
+import '../../chunk-3SPYJ5KY.js';
+import '../../chunk-GVWYETWT.js';
+import '../../chunk-AXS455TH.js';
+import '../../chunk-L4BJKCBQ.js';
+import '../../chunk-YYABA4NC.js';
+import '../../chunk-BTVUQ4XU.js';
+import '../../chunk-RP27UYVF.js';
+import '../../chunk-WBTIOMTF.js';
+import '../../chunk-ZCXQFAMG.js';
+import '../../chunk-SRI4ERT7.js';
+import '../../chunk-N63KFRAE.js';
+import '../../chunk-I65NZFOS.js';
+import '../../chunk-REVEMW2Z.js';
+import '../../chunk-JYHFX7VQ.js';
+import '../../chunk-WO6NCPDR.js';
+import '../../chunk-VV3FVOPK.js';
+import '../../chunk-62MXETHC.js';
+import '../../chunk-7ITH2BHN.js';
+import '../../chunk-GNE65ADW.js';
+import '../../chunk-7NSBILAB.js';
+import '../../chunk-EVCYTUOO.js';
+import '../../chunk-TF7C2MZM.js';
+import '../../chunk-2TEGEJGR.js';
+import '../../chunk-AGR54T2W.js';
+import '../../chunk-IPCUGUUQ.js';
+import '../../chunk-RCVDECZO.js';
+import '../../chunk-5P366VJV.js';
+import '../../chunk-4PK45LZ6.js';
+import '../../chunk-7JCS6XUD.js';
+import '../../chunk-CA3ERMCD.js';
+import '../../chunk-AOYZX4RD.js';
+import '../../chunk-3PF55BQ7.js';
+import '../../chunk-3O6DQK2Y.js';
+import '../../chunk-T3IMQCA4.js';
+import '../../chunk-LAW2SJKD.js';
+import '../../chunk-LECYUASO.js';
+import '../../chunk-HWADDMHQ.js';
+import '../../chunk-PEVNYPIT.js';
+import '../../chunk-RG3WUQ4U.js';
+import '../../chunk-VZQQHRES.js';
+import '../../chunk-ZHHHHVP3.js';
+import '../../chunk-FJYFLKYT.js';
+import '../../chunk-ZZYKPI33.js';
+import '../../chunk-77GXDO2J.js';
+import '../../chunk-PGPNLB6H.js';
+import '../../chunk-6MIB3Y74.js';
+import '../../chunk-YRPX7STA.js';
+import '../../chunk-XT2VU2IS.js';
+import '../../chunk-SWQTSSZB.js';
+import '../../chunk-4B4SAKN4.js';
+import '../../chunk-CRWHTBBL.js';
+import '../../chunk-ISPMY4EO.js';
+import '../../chunk-GFCDZMNY.js';
+import '../../chunk-23HPXWBG.js';
+import '../../chunk-R4BWG6IP.js';
+import '../../chunk-UVPHAGRR.js';
+import '../../chunk-36LUOVQV.js';
+import '../../chunk-QGXUR7SS.js';
+import '../../chunk-LAXL2FZH.js';
+import '../../chunk-UVBYI6Q4.js';
+import '../../chunk-2A3JEAR2.js';
+import '../../chunk-VS3HUF6I.js';
+import '../../chunk-LFFKQ5UY.js';
+import '../../chunk-KECDPJAX.js';
+import '../../chunk-2E3WI5RW.js';
+import '../../chunk-47GVGG4B.js';
+import '../../chunk-W6OLLGA5.js';
+import '../../chunk-K36XVEPZ.js';
+import '../../chunk-LA3IVJH3.js';
+import '../../chunk-TJDQSDGI.js';
+import '../../chunk-BXJEICPS.js';
+import '../../chunk-J5KDPAWP.js';
+import '../../chunk-BHGV4CYW.js';
+import '../../chunk-U4CAICN5.js';
+import '../../chunk-VQGBKDR7.js';
+import '../../chunk-J5CCDUEI.js';
+import '../../chunk-FIUVFX7R.js';
+import '../../chunk-3TBO3DSP.js';
+import '../../chunk-3JN2ENSO.js';
+import '../../chunk-B5AEISFL.js';
+import '../../chunk-66NGYJR5.js';
+import '../../chunk-4XYO73JX.js';
+import '../../chunk-6VHOHMT5.js';
+import '../../chunk-JDYJQJDC.js';
+import '../../chunk-467QIKOJ.js';
+import '../../chunk-4XW2XJLH.js';
+import '../../chunk-EAYBPL7I.js';
+import '../../chunk-IPKFFCW7.js';
+import '../../chunk-VJXZF4JZ.js';
+import '../../chunk-E2XW3ALY.js';
+import '../../chunk-W6CDOZMZ.js';
+import '../../chunk-FGIQXYQH.js';
+import '../../chunk-XBXD5FTK.js';
+import '../../chunk-3VYKHXMB.js';
+import '../../chunk-I3JOQYPX.js';
+import '../../chunk-MAQJHBRG.js';
+import '../../chunk-CG5OVPIM.js';
+import '../../chunk-EDZ6ZOEL.js';
+import '../../chunk-PPJJQFNS.js';
+import '../../chunk-NY7OH64D.js';
+import '../../chunk-DVN7YBAX.js';
+import '../../chunk-DMC7LQ4N.js';
+import '../../chunk-PANXFSBJ.js';
+import '../../chunk-FZEGQP3E.js';
+import '../../chunk-ISUBGMY4.js';
+import '../../chunk-3TJSB74Q.js';
+import '../../chunk-QLECZZYA.js';
+import '../../chunk-YYGFBIXE.js';
+import '../../chunk-VXTPFEPK.js';
+import '../../chunk-6VNI2SDX.js';
+import '../../chunk-6Q272Q44.js';
+import '../../chunk-XC42LUQQ.js';
+import '../../chunk-6HGX6PF6.js';
+import '../../chunk-RMM5IYNJ.js';
+import '../../chunk-SQKLWJ23.js';
+import '../../chunk-WENSCH6W.js';
+import '../../chunk-L3YFWYLR.js';
+import '../../chunk-3EFT6YSD.js';
+import '../../chunk-5NGWT3M5.js';
+import '../../chunk-WU5EGX2L.js';
+import '../../chunk-2OSAD34A.js';
+import '../../chunk-KP4SEXGX.js';
+import '../../chunk-5GLDXPBY.js';
+import '../../chunk-LQ2SLABO.js';
+import '../../chunk-FUVYZQLW.js';
+import '../../chunk-M22MNKOD.js';
+import '../../chunk-KFSNHVPI.js';
+import '../../chunk-PE4NNNW3.js';
+import '../../chunk-2I3FMGM3.js';
+import '../../chunk-KJNTTEAK.js';
+import '../../chunk-DTZ47O5J.js';
+import '../../chunk-3E2CZNAB.js';
+import '../../chunk-35FR4FOA.js';
+import '../../chunk-L3CADPDV.js';
+import '../../chunk-KC5WXOCZ.js';
+import '../../chunk-QOPUYMDW.js';
+import '../../chunk-GI2Q5ZKI.js';
+import '../../chunk-3GJ5AP7R.js';
+import '../../chunk-2ZGXYB4B.js';
+import '../../chunk-O5AVZ4XZ.js';
+import '../../chunk-STILB7RV.js';
+import '../../chunk-4HT344UK.js';
+import '../../chunk-HNQ253ZD.js';
+import '../../chunk-KIUSOVMC.js';
+import '../../chunk-DSQHDHEJ.js';
+import '../../chunk-ABGWQJMQ.js';
+import '../../chunk-N3QD4762.js';
+import '../../chunk-VXLXFRSL.js';
 import '../../chunk-TPOL2YXC.js';
 //# sourceMappingURL=index.js.map

package/dist/components/InfoCircle/index.js

@@ -1,5 +1,161 @@
-export { a as default } from '../../chunk-XHNY46KY.js';
+export { a as default } from '../../chunk-QBKRR7YK.js';
 import '../../chunk-5J35UAV6.js';
-import '../../chunk-PAWS4ATJ.js';
+import '../../chunk-UK2F7TWJ.js';
+import '../../chunk-QNXYDH4Z.js';
+import '../../chunk-PB74EKXH.js';
+import '../../chunk-TP556MUN.js';
+import '../../chunk-EKZYDHUV.js';
+import '../../chunk-34CI5VGF.js';
+import '../../chunk-6YJXV77R.js';
+import '../../chunk-SQ3T74SK.js';
+import '../../chunk-UALPBWPM.js';
+import '../../chunk-3SPYJ5KY.js';
+import '../../chunk-GVWYETWT.js';
+import '../../chunk-AXS455TH.js';
+import '../../chunk-L4BJKCBQ.js';
+import '../../chunk-YYABA4NC.js';
+import '../../chunk-BTVUQ4XU.js';
+import '../../chunk-RP27UYVF.js';
+import '../../chunk-WBTIOMTF.js';
+import '../../chunk-ZCXQFAMG.js';
+import '../../chunk-SRI4ERT7.js';
+import '../../chunk-N63KFRAE.js';
+import '../../chunk-I65NZFOS.js';
+import '../../chunk-REVEMW2Z.js';
+import '../../chunk-JYHFX7VQ.js';
+import '../../chunk-WO6NCPDR.js';
+import '../../chunk-VV3FVOPK.js';
+import '../../chunk-62MXETHC.js';
+import '../../chunk-7ITH2BHN.js';
+import '../../chunk-GNE65ADW.js';
+import '../../chunk-7NSBILAB.js';
+import '../../chunk-EVCYTUOO.js';
+import '../../chunk-TF7C2MZM.js';
+import '../../chunk-2TEGEJGR.js';
+import '../../chunk-AGR54T2W.js';
+import '../../chunk-IPCUGUUQ.js';
+import '../../chunk-RCVDECZO.js';
+import '../../chunk-5P366VJV.js';
+import '../../chunk-4PK45LZ6.js';
+import '../../chunk-7JCS6XUD.js';
+import '../../chunk-CA3ERMCD.js';
+import '../../chunk-AOYZX4RD.js';
+import '../../chunk-3PF55BQ7.js';
+import '../../chunk-3O6DQK2Y.js';
+import '../../chunk-T3IMQCA4.js';
+import '../../chunk-LAW2SJKD.js';
+import '../../chunk-LECYUASO.js';
+import '../../chunk-HWADDMHQ.js';
+import '../../chunk-PEVNYPIT.js';
+import '../../chunk-RG3WUQ4U.js';
+import '../../chunk-VZQQHRES.js';
+import '../../chunk-ZHHHHVP3.js';
+import '../../chunk-FJYFLKYT.js';
+import '../../chunk-ZZYKPI33.js';
+import '../../chunk-77GXDO2J.js';
+import '../../chunk-PGPNLB6H.js';
+import '../../chunk-6MIB3Y74.js';
+import '../../chunk-YRPX7STA.js';
+import '../../chunk-XT2VU2IS.js';
+import '../../chunk-SWQTSSZB.js';
+import '../../chunk-4B4SAKN4.js';
+import '../../chunk-CRWHTBBL.js';
+import '../../chunk-ISPMY4EO.js';
+import '../../chunk-GFCDZMNY.js';
+import '../../chunk-23HPXWBG.js';
+import '../../chunk-R4BWG6IP.js';
+import '../../chunk-UVPHAGRR.js';
+import '../../chunk-36LUOVQV.js';
+import '../../chunk-QGXUR7SS.js';
+import '../../chunk-LAXL2FZH.js';
+import '../../chunk-UVBYI6Q4.js';
+import '../../chunk-2A3JEAR2.js';
+import '../../chunk-VS3HUF6I.js';
+import '../../chunk-LFFKQ5UY.js';
+import '../../chunk-KECDPJAX.js';
+import '../../chunk-2E3WI5RW.js';
+import '../../chunk-47GVGG4B.js';
+import '../../chunk-W6OLLGA5.js';
+import '../../chunk-K36XVEPZ.js';
+import '../../chunk-LA3IVJH3.js';
+import '../../chunk-TJDQSDGI.js';
+import '../../chunk-BXJEICPS.js';
+import '../../chunk-J5KDPAWP.js';
+import '../../chunk-BHGV4CYW.js';
+import '../../chunk-U4CAICN5.js';
+import '../../chunk-VQGBKDR7.js';
+import '../../chunk-J5CCDUEI.js';
+import '../../chunk-FIUVFX7R.js';
+import '../../chunk-3TBO3DSP.js';
+import '../../chunk-3JN2ENSO.js';
+import '../../chunk-B5AEISFL.js';
+import '../../chunk-66NGYJR5.js';
+import '../../chunk-4XYO73JX.js';
+import '../../chunk-6VHOHMT5.js';
+import '../../chunk-JDYJQJDC.js';
+import '../../chunk-467QIKOJ.js';
+import '../../chunk-4XW2XJLH.js';
+import '../../chunk-EAYBPL7I.js';
+import '../../chunk-IPKFFCW7.js';
+import '../../chunk-VJXZF4JZ.js';
+import '../../chunk-E2XW3ALY.js';
+import '../../chunk-W6CDOZMZ.js';
+import '../../chunk-FGIQXYQH.js';
+import '../../chunk-XBXD5FTK.js';
+import '../../chunk-3VYKHXMB.js';
+import '../../chunk-I3JOQYPX.js';
+import '../../chunk-MAQJHBRG.js';
+import '../../chunk-CG5OVPIM.js';
+import '../../chunk-EDZ6ZOEL.js';
+import '../../chunk-PPJJQFNS.js';
+import '../../chunk-NY7OH64D.js';
+import '../../chunk-DVN7YBAX.js';
+import '../../chunk-DMC7LQ4N.js';
+import '../../chunk-PANXFSBJ.js';
+import '../../chunk-FZEGQP3E.js';
+import '../../chunk-ISUBGMY4.js';
+import '../../chunk-3TJSB74Q.js';
+import '../../chunk-QLECZZYA.js';
+import '../../chunk-YYGFBIXE.js';
+import '../../chunk-VXTPFEPK.js';
+import '../../chunk-6VNI2SDX.js';
+import '../../chunk-6Q272Q44.js';
+import '../../chunk-XC42LUQQ.js';
+import '../../chunk-6HGX6PF6.js';
+import '../../chunk-RMM5IYNJ.js';
+import '../../chunk-SQKLWJ23.js';
+import '../../chunk-WENSCH6W.js';
+import '../../chunk-L3YFWYLR.js';
+import '../../chunk-3EFT6YSD.js';
+import '../../chunk-5NGWT3M5.js';
+import '../../chunk-WU5EGX2L.js';
+import '../../chunk-2OSAD34A.js';
+import '../../chunk-KP4SEXGX.js';
+import '../../chunk-5GLDXPBY.js';
+import '../../chunk-LQ2SLABO.js';
+import '../../chunk-FUVYZQLW.js';
+import '../../chunk-M22MNKOD.js';
+import '../../chunk-KFSNHVPI.js';
+import '../../chunk-PE4NNNW3.js';
+import '../../chunk-2I3FMGM3.js';
+import '../../chunk-KJNTTEAK.js';
+import '../../chunk-DTZ47O5J.js';
+import '../../chunk-3E2CZNAB.js';
+import '../../chunk-35FR4FOA.js';
+import '../../chunk-L3CADPDV.js';
+import '../../chunk-KC5WXOCZ.js';
+import '../../chunk-QOPUYMDW.js';
+import '../../chunk-GI2Q5ZKI.js';
+import '../../chunk-3GJ5AP7R.js';
+import '../../chunk-2ZGXYB4B.js';
+import '../../chunk-O5AVZ4XZ.js';
+import '../../chunk-STILB7RV.js';
+import '../../chunk-4HT344UK.js';
+import '../../chunk-HNQ253ZD.js';
+import '../../chunk-KIUSOVMC.js';
+import '../../chunk-DSQHDHEJ.js';
+import '../../chunk-ABGWQJMQ.js';
+import '../../chunk-N3QD4762.js';
+import '../../chunk-VXLXFRSL.js';
 import '../../chunk-TPOL2YXC.js';
 //# sourceMappingURL=index.js.map

package/dist/components/ListBundles/index.js

@@ -1,7 +1,163 @@
 import { a as a$2 } from '../../chunk-RUABKHIV.js';
 import { a as a$1 } from '../../chunk-4F2NKGF6.js';
-import { o, a, f, k as k$1 } from '../../chunk-UMFGBRJF.js';
-import '../../chunk-PAWS4ATJ.js';
+import { o, a, f, k as k$1 } from '../../chunk-MMOGWTW7.js';
+import '../../chunk-UK2F7TWJ.js';
+import '../../chunk-QNXYDH4Z.js';
+import '../../chunk-PB74EKXH.js';
+import '../../chunk-TP556MUN.js';
+import '../../chunk-EKZYDHUV.js';
+import '../../chunk-34CI5VGF.js';
+import '../../chunk-6YJXV77R.js';
+import '../../chunk-SQ3T74SK.js';
+import '../../chunk-UALPBWPM.js';
+import '../../chunk-3SPYJ5KY.js';
+import '../../chunk-GVWYETWT.js';
+import '../../chunk-AXS455TH.js';
+import '../../chunk-L4BJKCBQ.js';
+import '../../chunk-YYABA4NC.js';
+import '../../chunk-BTVUQ4XU.js';
+import '../../chunk-RP27UYVF.js';
+import '../../chunk-WBTIOMTF.js';
+import '../../chunk-ZCXQFAMG.js';
+import '../../chunk-SRI4ERT7.js';
+import '../../chunk-N63KFRAE.js';
+import '../../chunk-I65NZFOS.js';
+import '../../chunk-REVEMW2Z.js';
+import '../../chunk-JYHFX7VQ.js';
+import '../../chunk-WO6NCPDR.js';
+import '../../chunk-VV3FVOPK.js';
+import '../../chunk-62MXETHC.js';
+import '../../chunk-7ITH2BHN.js';
+import '../../chunk-GNE65ADW.js';
+import '../../chunk-7NSBILAB.js';
+import '../../chunk-EVCYTUOO.js';
+import '../../chunk-TF7C2MZM.js';
+import '../../chunk-2TEGEJGR.js';
+import '../../chunk-AGR54T2W.js';
+import '../../chunk-IPCUGUUQ.js';
+import '../../chunk-RCVDECZO.js';
+import '../../chunk-5P366VJV.js';
+import '../../chunk-4PK45LZ6.js';
+import '../../chunk-7JCS6XUD.js';
+import '../../chunk-CA3ERMCD.js';
+import '../../chunk-AOYZX4RD.js';
+import '../../chunk-3PF55BQ7.js';
+import '../../chunk-3O6DQK2Y.js';
+import '../../chunk-T3IMQCA4.js';
+import '../../chunk-LAW2SJKD.js';
+import '../../chunk-LECYUASO.js';
+import '../../chunk-HWADDMHQ.js';
+import '../../chunk-PEVNYPIT.js';
+import '../../chunk-RG3WUQ4U.js';
+import '../../chunk-VZQQHRES.js';
+import '../../chunk-ZHHHHVP3.js';
+import '../../chunk-FJYFLKYT.js';
+import '../../chunk-ZZYKPI33.js';
+import '../../chunk-77GXDO2J.js';
+import '../../chunk-PGPNLB6H.js';
+import '../../chunk-6MIB3Y74.js';
+import '../../chunk-YRPX7STA.js';
+import '../../chunk-XT2VU2IS.js';
+import '../../chunk-SWQTSSZB.js';
+import '../../chunk-4B4SAKN4.js';
+import '../../chunk-CRWHTBBL.js';
+import '../../chunk-ISPMY4EO.js';
+import '../../chunk-GFCDZMNY.js';
+import '../../chunk-23HPXWBG.js';
+import '../../chunk-R4BWG6IP.js';
+import '../../chunk-UVPHAGRR.js';
+import '../../chunk-36LUOVQV.js';
+import '../../chunk-QGXUR7SS.js';
+import '../../chunk-LAXL2FZH.js';
+import '../../chunk-UVBYI6Q4.js';
+import '../../chunk-2A3JEAR2.js';
+import '../../chunk-VS3HUF6I.js';
+import '../../chunk-LFFKQ5UY.js';
+import '../../chunk-KECDPJAX.js';
+import '../../chunk-2E3WI5RW.js';
+import '../../chunk-47GVGG4B.js';
+import '../../chunk-W6OLLGA5.js';
+import '../../chunk-K36XVEPZ.js';
+import '../../chunk-LA3IVJH3.js';
+import '../../chunk-TJDQSDGI.js';
+import '../../chunk-BXJEICPS.js';
+import '../../chunk-J5KDPAWP.js';
+import '../../chunk-BHGV4CYW.js';
+import '../../chunk-U4CAICN5.js';
+import '../../chunk-VQGBKDR7.js';
+import '../../chunk-J5CCDUEI.js';
+import '../../chunk-FIUVFX7R.js';
+import '../../chunk-3TBO3DSP.js';
+import '../../chunk-3JN2ENSO.js';
+import '../../chunk-B5AEISFL.js';
+import '../../chunk-66NGYJR5.js';
+import '../../chunk-4XYO73JX.js';
+import '../../chunk-6VHOHMT5.js';
+import '../../chunk-JDYJQJDC.js';
+import '../../chunk-467QIKOJ.js';
+import '../../chunk-4XW2XJLH.js';
+import '../../chunk-EAYBPL7I.js';
+import '../../chunk-IPKFFCW7.js';
+import '../../chunk-VJXZF4JZ.js';
+import '../../chunk-E2XW3ALY.js';
+import '../../chunk-W6CDOZMZ.js';
+import '../../chunk-FGIQXYQH.js';
+import '../../chunk-XBXD5FTK.js';
+import '../../chunk-3VYKHXMB.js';
+import '../../chunk-I3JOQYPX.js';
+import '../../chunk-MAQJHBRG.js';
+import '../../chunk-CG5OVPIM.js';
+import '../../chunk-EDZ6ZOEL.js';
+import '../../chunk-PPJJQFNS.js';
+import '../../chunk-NY7OH64D.js';
+import '../../chunk-DVN7YBAX.js';
+import '../../chunk-DMC7LQ4N.js';
+import '../../chunk-PANXFSBJ.js';
+import '../../chunk-FZEGQP3E.js';
+import '../../chunk-ISUBGMY4.js';
+import '../../chunk-3TJSB74Q.js';
+import '../../chunk-QLECZZYA.js';
+import '../../chunk-YYGFBIXE.js';
+import '../../chunk-VXTPFEPK.js';
+import '../../chunk-6VNI2SDX.js';
+import '../../chunk-6Q272Q44.js';
+import '../../chunk-XC42LUQQ.js';
+import '../../chunk-6HGX6PF6.js';
+import '../../chunk-RMM5IYNJ.js';
+import '../../chunk-SQKLWJ23.js';
+import '../../chunk-WENSCH6W.js';
+import '../../chunk-L3YFWYLR.js';
+import '../../chunk-3EFT6YSD.js';
+import '../../chunk-5NGWT3M5.js';
+import '../../chunk-WU5EGX2L.js';
+import '../../chunk-2OSAD34A.js';
+import '../../chunk-KP4SEXGX.js';
+import '../../chunk-5GLDXPBY.js';
+import '../../chunk-LQ2SLABO.js';
+import '../../chunk-FUVYZQLW.js';
+import '../../chunk-M22MNKOD.js';
+import '../../chunk-KFSNHVPI.js';
+import '../../chunk-PE4NNNW3.js';
+import '../../chunk-2I3FMGM3.js';
+import '../../chunk-KJNTTEAK.js';
+import '../../chunk-DTZ47O5J.js';
+import '../../chunk-3E2CZNAB.js';
+import '../../chunk-35FR4FOA.js';
+import '../../chunk-L3CADPDV.js';
+import '../../chunk-KC5WXOCZ.js';
+import '../../chunk-QOPUYMDW.js';
+import '../../chunk-GI2Q5ZKI.js';
+import '../../chunk-3GJ5AP7R.js';
+import '../../chunk-2ZGXYB4B.js';
+import '../../chunk-O5AVZ4XZ.js';
+import '../../chunk-STILB7RV.js';
+import '../../chunk-4HT344UK.js';
+import '../../chunk-HNQ253ZD.js';
+import '../../chunk-KIUSOVMC.js';
+import '../../chunk-DSQHDHEJ.js';
+import '../../chunk-ABGWQJMQ.js';
+import '../../chunk-N3QD4762.js';
+import '../../chunk-VXLXFRSL.js';
 import '../../chunk-TPOL2YXC.js';
 import '../../chunk-GLRLKFPS.js';
 import { Fragment } from 'react';

package/dist/components/ListBundles/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ListBundles/index.tsx","../../../src/components/ListBundles/styles.ts"],"names":["Fragment","Stack","styled","Container","theme","SkeletonDots","jsx","jsxs","ListBundles","bundles","isLoading","isFetching","onRefetch","renderItem","carousel","useCarousel","carouselBreakpoints","Result_default","Skeleton_default","Carousel","bundle","CarouselDotButtons","ListBundles_default"],"mappings":"yPAAA,OAAS,YAAAA,MAAgB,QACzB,OAAOC,MAAW,sBCDlB,OAAOA,MAAW,sBAClB,OAAS,UAAAC,MAAc,uBAEhB,IAAMC,EAAYD,EAAOD,CAAK,EAAE,CAAC,CAAE,MAAAG,CAAM,KAAO,CACrD,2BAA4BA,EAAM,QAAQ,CAAC,EAE3C,CAACA,EAAM,YAAY,GAAG,IAAI,CAAC,EAAG,CAC5B,2BAA4BA,EAAM,QAAQ,CAAC,CAC7C,EACA,CAACA,EAAM,YAAY,GAAG,IAAI,CAAC,EAAG,CAC5B,2BAA4BA,EAAM,QAAQ,CAAC,CAC7C,EACA,SAAU,WACV,IAAK,gCACL,WAAY,SAEZ,EAAG,CACD,eAAgB,MAClB,EAEA,8BAA+B,CAC7B,WAAY,qDACd,CACF,EAAE,EAEWC,EAAeH,EAAO,MAAM,EAAE,CACzC,QAAS,EACT,QAAS,QACT,MAAO,OACP,OAAQ,OACR,SAAU,MACZ,CAAC,EDiBG,OACE,OAAAI,EADF,QAAAC,MAAA,oBAzBJ,IAAMC,EAAc,CAAC,CACnB,QAAAC,EAAU,CAAC,EACX,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,UAAAC,EAAY,IAAM,CAAC,EACnB,WAAAC,CACF,IAAwB,CACtB,IAAMC,EAAWC,EAAY,CAC3B,cAAe,GACf,aAAc,CAAE,GAAI,EAAG,GAAI,EAAG,GAAI,EAAG,GAAI,CAAE,EAC3C,eAAgB,EAChB,aAAc,gCACd,MAAO,QACP,YAAa,CACX,CAACC,EAAoB,EAAE,EAAG,CAAE,eAAgB,CAAE,EAC9C,CAACA,EAAoB,EAAE,EAAG,CAAE,eAAgB,CAAE,EAC9C,CAACA,EAAoB,EAAE,EAAG,CAAE,eAAgB,CAAE,EAC9C,CAACA,EAAoB,EAAE,EAAG,CAAE,eAAgB,CAAE,CAChD,EACA,KAAM,EACR,CAAC,EAED,MAAI,CAACN,GAAaD,EAAQ,SAAW,EAAU,KAY7CF,EAACJ,EAAA,CACC,UAAAG,EAACW,EAAA,CAAO,UAAWP,EAAW,QAVhCH,EAACN,EAAA,CAAM,MAAM,OAAO,UAAU,MAAM,WAAW,SAAS,IAAK,EAC3D,UAAAK,EAACY,EAAA,CAAS,MAAM,OAAO,OAAQ,IAAK,EACpCZ,EAACY,EAAA,CAAS,MAAM,OAAO,OAAQ,IAAK,EACpCZ,EAACY,EAAA,CAAS,MAAM,OAAO,OAAQ,IAAK,EACpCZ,EAACY,EAAA,CAAS,MAAM,OAAO,OAAQ,IAAK,GACtC,EAMI,SAAAZ,EAACa,EAAA,CAAS,SAAUL,EACjB,SAAAL,EAAQ,IAAIW,GACXd,EAACN,EAAA,CACE,SAAAa,EAAWO,EAAQ,CAAE,UAAAR,EAAW,WAAAD,CAAW,CAAC,GADhCS,EAAO,EAEtB,CACD,EACH,EACF,EAEAd,EAACW,EAAA,CAAO,UAAWP,EAAW,QAASJ,EAACD,EAAA,EAAa,EAClD,SAAAS,EAAS,KAAK,YAAY,OAAS,GAClCR,EAACe,EAAA,CACC,QAAQ,UACR,YAAaP,EAAS,KAAK,YAC3B,cAAeA,EAAS,KAAK,cAC7B,WAAYA,EAAS,KAAK,WAC5B,EAEJ,GACF,CAEJ,EAEOQ,EAAQd","sourcesContent":["import { Fragment } from 'react';\nimport Stack from '@mui/material/Stack';\n\nimport {\n  Carousel,\n  carouselBreakpoints,\n  CarouselDotButtons,\n  useCarousel,\n} from 'components/carousel';\nimport Result from 'components/Result';\nimport Skeleton from 'components/Skeleton';\n\nimport { ListBundlesProps } from './props';\nimport { Container, SkeletonDots } from './styles';\n\n/**\n * Reusable component to display bundles in a carousel\n * @param bundles - Array of bundle items to display\n * @param isLoading - Loading state for initial data fetch\n * @param isFetching - Loading state for subsequent data fetches\n * @param onRefetch - Function to refetch data\n * @param renderItem - Custom render function for bundle items\n */\nconst ListBundles = ({\n  bundles = [],\n  isLoading = false,\n  isFetching = false,\n  onRefetch = () => {},\n  renderItem,\n}: ListBundlesProps) => {\n  const carousel = useCarousel({\n    containScroll: false,\n    slidesToShow: { xs: 1, sm: 2, md: 3, lg: 4 },\n    slidesToScroll: 3,\n    slideSpacing: 'var(--slide-spacing-products)',\n    align: 'start',\n    breakpoints: {\n      [carouselBreakpoints.xs]: { slidesToScroll: 1 },\n      [carouselBreakpoints.sm]: { slidesToScroll: 2 },\n      [carouselBreakpoints.md]: { slidesToScroll: 3 },\n      [carouselBreakpoints.lg]: { slidesToScroll: 4 },\n    },\n    loop: true,\n  });\n\n  if (!isLoading && bundles.length === 0) return null;\n\n  const defaultSkeleton = (\n    <Stack width=\"100%\" direction=\"row\" alignItems=\"center\" gap={3}>\n      <Skeleton width=\"100%\" height={127} />\n      <Skeleton width=\"100%\" height={127} />\n      <Skeleton width=\"100%\" height={127} />\n      <Skeleton width=\"100%\" height={127} />\n    </Stack>\n  );\n\n  return (\n    <Container>\n      <Result isLoading={isLoading} loading={defaultSkeleton}>\n        <Carousel carousel={carousel}>\n          {bundles.map(bundle => (\n            <Fragment key={bundle.id}>\n              {renderItem(bundle, { onRefetch, isFetching })}\n            </Fragment>\n          ))}\n        </Carousel>\n      </Result>\n\n      <Result isLoading={isLoading} loading={<SkeletonDots />}>\n        {carousel.dots.scrollSnaps.length > 1 && (\n          <CarouselDotButtons\n            variant=\"rounded\"\n            scrollSnaps={carousel.dots.scrollSnaps}\n            selectedIndex={carousel.dots.selectedIndex}\n            onClickDot={carousel.dots.onClickDot}\n          />\n        )}\n      </Result>\n    </Container>\n  );\n};\n\nexport default ListBundles;\n","import Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\n\nexport const Container = styled(Stack)(({ theme }) => ({\n  '--slide-spacing-products': theme.spacing(3),\n\n  [theme.breakpoints.up('xs')]: {\n    '--slide-spacing-products': theme.spacing(1),\n  },\n  [theme.breakpoints.up('sm')]: {\n    '--slide-spacing-products': theme.spacing(2),\n  },\n  position: 'relative',\n  gap: 'var(--slide-spacing-products)',\n  alignItems: 'center',\n\n  a: {\n    textDecoration: 'none',\n  },\n\n  '& .mnl__carousel__container': {\n    marginLeft: 'calc(var(--slide-spacing-products) * -1) !important',\n  },\n}));\n\nexport const SkeletonDots = styled('span')({\n  opacity: 0,\n  display: 'block',\n  width: '100%',\n  height: '18px',\n  minWidth: '18px',\n});\n"]}
+{"version":3,"sources":["../../../src/components/ListBundles/index.tsx","../../../src/components/ListBundles/styles.ts"],"names":["Fragment","Stack","styled","Container","theme","SkeletonDots","jsx","jsxs","ListBundles","bundles","isLoading","isFetching","onRefetch","renderItem","carousel","useCarousel","carouselBreakpoints","Result_default","Skeleton_default","Carousel","bundle","CarouselDotButtons","ListBundles_default"],"mappings":"ynKAAA,OAAS,YAAAA,MAAgB,QACzB,OAAOC,MAAW,sBCDlB,OAAOA,MAAW,sBAClB,OAAS,UAAAC,MAAc,uBAEhB,IAAMC,EAAYD,EAAOD,CAAK,EAAE,CAAC,CAAE,MAAAG,CAAM,KAAO,CACrD,2BAA4BA,EAAM,QAAQ,CAAC,EAE3C,CAACA,EAAM,YAAY,GAAG,IAAI,CAAC,EAAG,CAC5B,2BAA4BA,EAAM,QAAQ,CAAC,CAC7C,EACA,CAACA,EAAM,YAAY,GAAG,IAAI,CAAC,EAAG,CAC5B,2BAA4BA,EAAM,QAAQ,CAAC,CAC7C,EACA,SAAU,WACV,IAAK,gCACL,WAAY,SAEZ,EAAG,CACD,eAAgB,MAClB,EAEA,8BAA+B,CAC7B,WAAY,qDACd,CACF,EAAE,EAEWC,EAAeH,EAAO,MAAM,EAAE,CACzC,QAAS,EACT,QAAS,QACT,MAAO,OACP,OAAQ,OACR,SAAU,MACZ,CAAC,EDiBG,OACE,OAAAI,EADF,QAAAC,MAAA,oBAzBJ,IAAMC,EAAc,CAAC,CACnB,QAAAC,EAAU,CAAC,EACX,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,UAAAC,EAAY,IAAM,CAAC,EACnB,WAAAC,CACF,IAAwB,CACtB,IAAMC,EAAWC,EAAY,CAC3B,cAAe,GACf,aAAc,CAAE,GAAI,EAAG,GAAI,EAAG,GAAI,EAAG,GAAI,CAAE,EAC3C,eAAgB,EAChB,aAAc,gCACd,MAAO,QACP,YAAa,CACX,CAACC,EAAoB,EAAE,EAAG,CAAE,eAAgB,CAAE,EAC9C,CAACA,EAAoB,EAAE,EAAG,CAAE,eAAgB,CAAE,EAC9C,CAACA,EAAoB,EAAE,EAAG,CAAE,eAAgB,CAAE,EAC9C,CAACA,EAAoB,EAAE,EAAG,CAAE,eAAgB,CAAE,CAChD,EACA,KAAM,EACR,CAAC,EAED,MAAI,CAACN,GAAaD,EAAQ,SAAW,EAAU,KAY7CF,EAACJ,EAAA,CACC,UAAAG,EAACW,EAAA,CAAO,UAAWP,EAAW,QAVhCH,EAACN,EAAA,CAAM,MAAM,OAAO,UAAU,MAAM,WAAW,SAAS,IAAK,EAC3D,UAAAK,EAACY,EAAA,CAAS,MAAM,OAAO,OAAQ,IAAK,EACpCZ,EAACY,EAAA,CAAS,MAAM,OAAO,OAAQ,IAAK,EACpCZ,EAACY,EAAA,CAAS,MAAM,OAAO,OAAQ,IAAK,EACpCZ,EAACY,EAAA,CAAS,MAAM,OAAO,OAAQ,IAAK,GACtC,EAMI,SAAAZ,EAACa,EAAA,CAAS,SAAUL,EACjB,SAAAL,EAAQ,IAAIW,GACXd,EAACN,EAAA,CACE,SAAAa,EAAWO,EAAQ,CAAE,UAAAR,EAAW,WAAAD,CAAW,CAAC,GADhCS,EAAO,EAEtB,CACD,EACH,EACF,EAEAd,EAACW,EAAA,CAAO,UAAWP,EAAW,QAASJ,EAACD,EAAA,EAAa,EAClD,SAAAS,EAAS,KAAK,YAAY,OAAS,GAClCR,EAACe,EAAA,CACC,QAAQ,UACR,YAAaP,EAAS,KAAK,YAC3B,cAAeA,EAAS,KAAK,cAC7B,WAAYA,EAAS,KAAK,WAC5B,EAEJ,GACF,CAEJ,EAEOQ,EAAQd","sourcesContent":["import { Fragment } from 'react';\nimport Stack from '@mui/material/Stack';\n\nimport {\n  Carousel,\n  carouselBreakpoints,\n  CarouselDotButtons,\n  useCarousel,\n} from 'components/carousel';\nimport Result from 'components/Result';\nimport Skeleton from 'components/Skeleton';\n\nimport { ListBundlesProps } from './props';\nimport { Container, SkeletonDots } from './styles';\n\n/**\n * Reusable component to display bundles in a carousel\n * @param bundles - Array of bundle items to display\n * @param isLoading - Loading state for initial data fetch\n * @param isFetching - Loading state for subsequent data fetches\n * @param onRefetch - Function to refetch data\n * @param renderItem - Custom render function for bundle items\n */\nconst ListBundles = ({\n  bundles = [],\n  isLoading = false,\n  isFetching = false,\n  onRefetch = () => {},\n  renderItem,\n}: ListBundlesProps) => {\n  const carousel = useCarousel({\n    containScroll: false,\n    slidesToShow: { xs: 1, sm: 2, md: 3, lg: 4 },\n    slidesToScroll: 3,\n    slideSpacing: 'var(--slide-spacing-products)',\n    align: 'start',\n    breakpoints: {\n      [carouselBreakpoints.xs]: { slidesToScroll: 1 },\n      [carouselBreakpoints.sm]: { slidesToScroll: 2 },\n      [carouselBreakpoints.md]: { slidesToScroll: 3 },\n      [carouselBreakpoints.lg]: { slidesToScroll: 4 },\n    },\n    loop: true,\n  });\n\n  if (!isLoading && bundles.length === 0) return null;\n\n  const defaultSkeleton = (\n    <Stack width=\"100%\" direction=\"row\" alignItems=\"center\" gap={3}>\n      <Skeleton width=\"100%\" height={127} />\n      <Skeleton width=\"100%\" height={127} />\n      <Skeleton width=\"100%\" height={127} />\n      <Skeleton width=\"100%\" height={127} />\n    </Stack>\n  );\n\n  return (\n    <Container>\n      <Result isLoading={isLoading} loading={defaultSkeleton}>\n        <Carousel carousel={carousel}>\n          {bundles.map(bundle => (\n            <Fragment key={bundle.id}>\n              {renderItem(bundle, { onRefetch, isFetching })}\n            </Fragment>\n          ))}\n        </Carousel>\n      </Result>\n\n      <Result isLoading={isLoading} loading={<SkeletonDots />}>\n        {carousel.dots.scrollSnaps.length > 1 && (\n          <CarouselDotButtons\n            variant=\"rounded\"\n            scrollSnaps={carousel.dots.scrollSnaps}\n            selectedIndex={carousel.dots.selectedIndex}\n            onClickDot={carousel.dots.onClickDot}\n          />\n        )}\n      </Result>\n    </Container>\n  );\n};\n\nexport default ListBundles;\n","import Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\n\nexport const Container = styled(Stack)(({ theme }) => ({\n  '--slide-spacing-products': theme.spacing(3),\n\n  [theme.breakpoints.up('xs')]: {\n    '--slide-spacing-products': theme.spacing(1),\n  },\n  [theme.breakpoints.up('sm')]: {\n    '--slide-spacing-products': theme.spacing(2),\n  },\n  position: 'relative',\n  gap: 'var(--slide-spacing-products)',\n  alignItems: 'center',\n\n  a: {\n    textDecoration: 'none',\n  },\n\n  '& .mnl__carousel__container': {\n    marginLeft: 'calc(var(--slide-spacing-products) * -1) !important',\n  },\n}));\n\nexport const SkeletonDots = styled('span')({\n  opacity: 0,\n  display: 'block',\n  width: '100%',\n  height: '18px',\n  minWidth: '18px',\n});\n"]}