@anoki/fse-ui 1.0.419 → 1.0.420

package/dist/index.es202.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es202.js","sources":["../src/components/ui/BaseModal/BaseModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close, ArrowLeft } from \"@/icons\";\nimport \"./BaseModalHeader.scss\";\nimport { Row } from \"@/components\";\n\ntype BaseModalHeaderProps = {\n  labels?: {\n    closeButton?: string;\n    backButton?: string;\n  };\n  onCloseClick?: () => void;\n  onBackClick?: () => void;\n  showBackButton?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const BaseModalHeader = ({\n  labels = {\n    closeButton: \"Chiudi\",\n    backButton: \"Indietro\",\n  },\n  onCloseClick,\n  onBackClick,\n  showBackButton = false,\n  children,\n}: BaseModalHeaderProps) => {\n  return (\n    <header className=\"ui-base-modal-header bg-white br-t-x4\">\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\n        {showBackButton && onBackClick && labels?.backButton ? (\n          <Button\n            size=\"4\"\n            textColor=\"primary\"\n            bg=\"transparent\"\n            aria-label=\"Torna indietro\"\n            onClick={onBackClick}\n          >\n            <ArrowLeft className=\"mr-x8\" />\n            {labels.backButton}\n          </Button>\n        ) : null}\n        {onCloseClick && labels?.closeButton ? (\n          <Dialog.Close asChild>\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              aria-label=\"Chiudi modale\"\n              onClick={onCloseClick}\n              className=\"ui-base-modal-close\"\n            >\n              {labels.closeButton}\n              <Close className=\"ml-x8\" />\n            </Button>\n          </Dialog.Close>\n        ) : null}\n      </Row>\n      <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n    </header>\n  );\n};\n"],"names":["BaseModalHeader","labels","onCloseClick","onBackClick","showBackButton","children","jsxs","Row","Button","jsx","ArrowLeft","Dialog.Close","Close","Dialog.Title"],"mappings":";;;;;;;AAiBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EACd;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,yCAChB,UAAA;AAAA,EAAAA,gBAAAA,EAAA,KAACC,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBACxC,UAAA;AAAA,IAAkBH,KAAAD,MAAeF,KAAA,QAAAA,EAAQ,cACxCK,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASL;AAAA,QAET,UAAA;AAAA,UAACM,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,WAAU,QAAQ,CAAA;AAAA,UAC5BT,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAER;AAAA,IACHC,MAAgBD,KAAA,QAAAA,EAAQ,eACvBQ,gBAAAA,EAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASN;AAAA,QACT,WAAU;AAAA,QAET,UAAA;AAAA,UAAOD,EAAA;AAAA,UACRQ,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,OAE7B,IACE;AAAA,EAAA,GACN;AAAA,wBACCC,GAAA,EAAa,WAAU,8BACrB,UAAAR,EACH,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es202.js","sources":["../src/components/ui/BaseModal/BaseModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { Close, ArrowLeft } from \"@/icons\";\r\nimport \"./BaseModalHeader.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype BaseModalHeaderProps = {\r\n  labels?: {\r\n    closeButton?: string;\r\n    backButton?: string;\r\n  };\r\n  onCloseClick?: () => void;\r\n  onBackClick?: () => void;\r\n  showBackButton?: boolean;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const BaseModalHeader = ({\r\n  labels = {\r\n    closeButton: \"Chiudi\",\r\n    backButton: \"Indietro\",\r\n  },\r\n  onCloseClick,\r\n  onBackClick,\r\n  showBackButton = false,\r\n  children,\r\n}: BaseModalHeaderProps) => {\r\n  return (\r\n    <header className=\"ui-base-modal-header bg-white br-t-x4\">\r\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\r\n        {showBackButton && onBackClick && labels?.backButton ? (\r\n          <Button\r\n            size=\"4\"\r\n            textColor=\"primary\"\r\n            bg=\"transparent\"\r\n            aria-label=\"Torna indietro\"\r\n            onClick={onBackClick}\r\n          >\r\n            <ArrowLeft className=\"mr-x8\" />\r\n            {labels.backButton}\r\n          </Button>\r\n        ) : null}\r\n        {onCloseClick && labels?.closeButton ? (\r\n          <Dialog.Close asChild>\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              aria-label=\"Chiudi modale\"\r\n              onClick={onCloseClick}\r\n              className=\"ui-base-modal-close\"\r\n            >\r\n              {labels.closeButton}\r\n              <Close className=\"ml-x8\" />\r\n            </Button>\r\n          </Dialog.Close>\r\n        ) : null}\r\n      </Row>\r\n      <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n        {children}\r\n      </Dialog.Title>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["BaseModalHeader","labels","onCloseClick","onBackClick","showBackButton","children","jsxs","Row","Button","jsx","ArrowLeft","Dialog.Close","Close","Dialog.Title"],"mappings":";;;;;;;AAiBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EACd;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,yCAChB,UAAA;AAAA,EAAAA,gBAAAA,EAAA,KAACC,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBACxC,UAAA;AAAA,IAAkBH,KAAAD,MAAeF,KAAA,QAAAA,EAAQ,cACxCK,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASL;AAAA,QAET,UAAA;AAAA,UAACM,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,WAAU,QAAQ,CAAA;AAAA,UAC5BT,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAER;AAAA,IACHC,MAAgBD,KAAA,QAAAA,EAAQ,eACvBQ,gBAAAA,EAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASN;AAAA,QACT,WAAU;AAAA,QAET,UAAA;AAAA,UAAOD,EAAA;AAAA,UACRQ,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,OAE7B,IACE;AAAA,EAAA,GACN;AAAA,wBACCC,GAAA,EAAa,WAAU,8BACrB,UAAAR,EACH,CAAA;AAAA,GACF;"}

package/dist/index.es203.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es203.js","sources":["../src/components/ui/BaseModal/BaseModalFooter/index.tsx"],"sourcesContent":["import { Row } from \"@/components\";\n\ntype BaseModalFooterProps = {\n  className?: string;\n  children: React.ReactNode;\n};\n\nexport const BaseModalFooter = ({\n  children,\n  className,\n}: BaseModalFooterProps) => {\n  return (\n    <Row\n      as={\"footer\"}\n      bg={\"white\"}\n      alignItems={\"center\"}\n      px={\"x36\"}\n      py={\"x8\"}\n      className={`min-h-x72 w-full br-b-x4 ${className ? className : \"\"} `}\n    >\n      {children}\n    </Row>\n  );\n};\n"],"names":["BaseModalFooter","children","className","jsx","Row"],"mappings":";;AAOO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,YAAY;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,WAAW,4BAA4BF,KAAwB,EAAE;AAAA,IAEhE,UAAAD;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.es203.js","sources":["../src/components/ui/BaseModal/BaseModalFooter/index.tsx"],"sourcesContent":["import { Row } from \"@/components\";\r\n\r\ntype BaseModalFooterProps = {\r\n  className?: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport const BaseModalFooter = ({\r\n  children,\r\n  className,\r\n}: BaseModalFooterProps) => {\r\n  return (\r\n    <Row\r\n      as={\"footer\"}\r\n      bg={\"white\"}\r\n      alignItems={\"center\"}\r\n      px={\"x36\"}\r\n      py={\"x8\"}\r\n      className={`min-h-x72 w-full br-b-x4 ${className ? className : \"\"} `}\r\n    >\r\n      {children}\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["BaseModalFooter","children","className","jsx","Row"],"mappings":";;AAOO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,YAAY;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,WAAW,4BAA4BF,KAAwB,EAAE;AAAA,IAEhE,UAAAD;AAAA,EAAA;AACH;"}

package/dist/index.es204.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es204.js","sources":["../src/components/ui/BaseModal/BaseModalContent/index.tsx"],"sourcesContent":["import \"./BaseModalContent.scss\";\n\ntype BaseModalContentProps = {\n  className?: string;\n  children: React.ReactNode;\n};\n\nexport const BaseModalContent = ({\n  className,\n  children,\n}: BaseModalContentProps) => {\n  return (\n    <div className={`ui-base-modal-content ${className ? className : \"\"}`}>\n      {children}\n    </div>\n  );\n};\n"],"names":["BaseModalContent","className","children","jsx"],"mappings":";;AAOO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,WAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,MAAC,SAAI,WAAW,yBAAyBF,KAAwB,EAAE,IAChE,UAAAC,EACH,CAAA;"}
+{"version":3,"file":"index.es204.js","sources":["../src/components/ui/BaseModal/BaseModalContent/index.tsx"],"sourcesContent":["import \"./BaseModalContent.scss\";\r\n\r\ntype BaseModalContentProps = {\r\n  className?: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport const BaseModalContent = ({\r\n  className,\r\n  children,\r\n}: BaseModalContentProps) => {\r\n  return (\r\n    <div className={`ui-base-modal-content ${className ? className : \"\"}`}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["BaseModalContent","className","children","jsx"],"mappings":";;AAOO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,WAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,MAAC,SAAI,WAAW,yBAAyBF,KAAwB,EAAE,IAChE,UAAAC,EACH,CAAA;"}

package/dist/index.es205.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es205.js","sources":["../src/components/ui/BaseModal/BaseModalBackHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { ArrowLeft } from \"@/icons\";\nimport \"./BaseModalBackHeader.scss\";\n\ntype BaseModalBackProps = {\n  onBackClick: () => void;\n  backButton: string;\n  children?: React.ReactNode;\n};\n\nexport const BaseModalBackHeader = ({\n  onBackClick,\n  backButton,\n  children,\n}: BaseModalBackProps) => {\n  return (\n    <header className=\"ui-base-modal-back-header\">\n      <Button\n        size=\"4\"\n        textColor=\"primary\"\n        bg=\"transparent\"\n        aria-label=\"Torna indietro\"\n        onClick={onBackClick}\n        className=\"ui-base-modal-back-button\"\n      >\n        <ArrowLeft className=\"mr-x8\" />\n        {backButton}\n      </Button>\n      <Dialog.Title className=\"ui-base-modal-back-header-title fs-3 text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n    </header>\n  );\n};\n"],"names":["BaseModalBackHeader","onBackClick","backButton","children","jsxs","Button","jsx","ArrowLeft","Dialog.Title"],"mappings":";;;;;AAWO,MAAMA,IAAsB,CAAC;AAAA,EAClC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,6BAChB,UAAA;AAAA,EAAAA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASJ;AAAA,MACT,WAAU;AAAA,MAEV,UAAA;AAAA,QAACK,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,WAAU,QAAQ,CAAA;AAAA,QAC5BL;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAAA,wBACCM,GAAA,EAAa,WAAU,8DACrB,UAAAL,EACH,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es205.js","sources":["../src/components/ui/BaseModal/BaseModalBackHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { ArrowLeft } from \"@/icons\";\r\nimport \"./BaseModalBackHeader.scss\";\r\n\r\ntype BaseModalBackProps = {\r\n  onBackClick: () => void;\r\n  backButton: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const BaseModalBackHeader = ({\r\n  onBackClick,\r\n  backButton,\r\n  children,\r\n}: BaseModalBackProps) => {\r\n  return (\r\n    <header className=\"ui-base-modal-back-header\">\r\n      <Button\r\n        size=\"4\"\r\n        textColor=\"primary\"\r\n        bg=\"transparent\"\r\n        aria-label=\"Torna indietro\"\r\n        onClick={onBackClick}\r\n        className=\"ui-base-modal-back-button\"\r\n      >\r\n        <ArrowLeft className=\"mr-x8\" />\r\n        {backButton}\r\n      </Button>\r\n      <Dialog.Title className=\"ui-base-modal-back-header-title fs-3 text-slate-20 fw-bold\">\r\n        {children}\r\n      </Dialog.Title>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["BaseModalBackHeader","onBackClick","backButton","children","jsxs","Button","jsx","ArrowLeft","Dialog.Title"],"mappings":";;;;;AAWO,MAAMA,IAAsB,CAAC;AAAA,EAClC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,6BAChB,UAAA;AAAA,EAAAA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASJ;AAAA,MACT,WAAU;AAAA,MAEV,UAAA;AAAA,QAACK,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,WAAU,QAAQ,CAAA;AAAA,QAC5BL;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAAA,wBACCM,GAAA,EAAa,WAAU,8DACrB,UAAAL,EACH,CAAA;AAAA,GACF;"}

package/dist/index.es207.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es207.js","sources":["../src/components/ui/ConsentModal/ConsentModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close } from \"@/icons\";\nimport \"./ConsentModalHeader.scss\";\n\ntype ConsentModalHeaderProps = {\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: React.ReactNode;\n};\n\nexport const ConsentModalHeader = ({\n  closeButton = \"Chiudi\",\n  onCloseClick,\n  children,\n}: ConsentModalHeaderProps) => {\n  return (\n    <header className=\"ui-consent-modal-header shadow bg-white\">\n      <Dialog.Title className=\"fs-6 md-fs-custom text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n      <Dialog.Close asChild className=\"ui-consent-modal-header-close\">\n        <Button\n          size=\"4\"\n          textColor=\"primary\"\n          bg=\"transparent\"\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          {closeButton}\n          <Close className=\"ml-x8\" />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["ConsentModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAqB,CAAC;AAAA,EACjC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,2CAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EACH,CAAA;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,iCAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASN;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDI,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es207.js","sources":["../src/components/ui/ConsentModal/ConsentModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./ConsentModalHeader.scss\";\r\n\r\ntype ConsentModalHeaderProps = {\r\n  closeButton?: string;\r\n  onCloseClick?: () => void;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const ConsentModalHeader = ({\r\n  closeButton = \"Chiudi\",\r\n  onCloseClick,\r\n  children,\r\n}: ConsentModalHeaderProps) => {\r\n  return (\r\n    <header className=\"ui-consent-modal-header shadow bg-white\">\r\n      <Dialog.Title className=\"fs-6 md-fs-custom text-slate-20 fw-bold\">\r\n        {children}\r\n      </Dialog.Title>\r\n      <Dialog.Close asChild className=\"ui-consent-modal-header-close\">\r\n        <Button\r\n          size=\"4\"\r\n          textColor=\"primary\"\r\n          bg=\"transparent\"\r\n          aria-label=\"Chiudi modale\"\r\n          onClick={onCloseClick}\r\n        >\r\n          {closeButton}\r\n          <Close className=\"ml-x8\" />\r\n        </Button>\r\n      </Dialog.Close>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["ConsentModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAqB,CAAC;AAAA,EACjC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,2CAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EACH,CAAA;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,iCAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASN;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDI,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}

package/dist/index.es208.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es154.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
+import './components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/DoctorConfirmModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as ConsentModalFooter

package/dist/index.es208.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es208.js","sources":["../src/components/ui/ConsentModal/ConsentModalFooter/index.tsx"],"sourcesContent":["import \"./ConsentModalFooter.scss\";\n\ntype ConsentModalFooterProps = {\n  children?: React.ReactNode;\n};\n\nexport const ConsentModalFooter = ({ children }: ConsentModalFooterProps) => {\n  return (\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["ConsentModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAAqB,CAAC,EAAE,UAAAC,QAEhCC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}
+{"version":3,"file":"index.es208.js","sources":["../src/components/ui/ConsentModal/ConsentModalFooter/index.tsx"],"sourcesContent":["import \"./ConsentModalFooter.scss\";\r\n\r\ntype ConsentModalFooterProps = {\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const ConsentModalFooter = ({ children }: ConsentModalFooterProps) => {\r\n  return (\r\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\r\n      {children}\r\n    </footer>\r\n  );\r\n};\r\n"],"names":["ConsentModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAAqB,CAAC,EAAE,UAAAC,QAEhCC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}

package/dist/index.es209.js

@@ -1,5 +1,5 @@
 import { j as n } from "./index.es154.js";
-import { clsx as r } from "./index.es155.js";
+import { clsx as r } from "./index.es156.js";
 import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,

package/dist/index.es209.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es209.js","sources":["../src/components/ui/ConsentModal/ConsentModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./ConsentModalContent.scss\";\n\ntype ContentModalContentProps = {\n  overrideClassNames?: string;\n  children?: React.ReactNode;\n};\n\nexport const ContentModalContent = ({\n  overrideClassNames,\n  children,\n}: ContentModalContentProps) => {\n  return (\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["ContentModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAAsB,CAAC;AAAA,EAClC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}
+{"version":3,"file":"index.es209.js","sources":["../src/components/ui/ConsentModal/ConsentModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./ConsentModalContent.scss\";\r\n\r\ntype ContentModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const ContentModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: ContentModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ContentModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAAsB,CAAC;AAAA,EAClC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}

package/dist/index.es21.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es154.js";
 import { Container as m } from "./index.es6.js";
 import { LOGOS as n } from "./index.es24.js";
 import { Divider as l } from "./index.es173.js";
-import { clsx as x } from "./index.es155.js";
+import { clsx as x } from "./index.es156.js";
 import { Row as d } from "./index.es9.js";
 const b = ({
   asLink: i = "a",

package/dist/index.es21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es21.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Container } from \"@/components/ui/Container\";\nimport { Region, LOGOS } from \"../Header\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport clsx from \"clsx\";\nimport { Row } from \"@/components\";\n\nexport type HeaderTopBannerProps = {\n  asLink?: \"a\" | React.ComponentType<any>;\n  shortTitle: React.ReactNode;\n  region?: Region;\n  className?: string;\n};\n\nexport const HeaderTopBanner = ({\n  asLink = \"a\",\n  shortTitle,\n  region = \"marche\",\n  className,\n}: HeaderTopBannerProps) => {\n  const LinkComponent = asLink;\n\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"bg-white\">\n      <Container\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\n        display=\"flex\"\n        alignItems=\"center\"\n        gap=\"x16\"\n        py=\"x8\"\n      >\n        <Row alignItems={\"center\"} gap={\"x8\"}>\n          <NationalIcon width={28} height={28} />\n\n          {region !== \"nazionale\" && (\n            <>\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\n              <RegionIcon width={28} height={28} />\n            </>\n          )}\n        </Row>\n\n        <LinkComponent\n          href=\"/\"\n          className={\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\n          }\n        >\n          {shortTitle}\n        </LinkComponent>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":";;;;;;AAeO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAEhBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM;AAG7B,SAAAM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,YACb,UAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCR,CAAS;AAAA,MAClE,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,IAAG;AAAA,MAEH,UAAA;AAAA,QAAAM,gBAAAA,EAAA,KAACG,GAAI,EAAA,YAAY,UAAU,KAAK,MAC9B,UAAA;AAAA,UAAAJ,gBAAAA,EAAA,IAACH,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEpCH,MAAW,eAERO,gBAAAA,EAAAA,KAAAI,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAL,gBAAAA,EAAA,IAACM,GAAQ,EAAA,WAAU,YAAW,IAAG,kBAAiB;AAAA,YACjDN,gBAAAA,EAAA,IAAAD,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAAA,EACrC,CAAA;AAAA,QAAA,GAEJ;AAAA,QAEAC,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WACE;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es21.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport { Region, LOGOS } from \"../Header\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport clsx from \"clsx\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type HeaderTopBannerProps = {\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  shortTitle: React.ReactNode;\r\n  region?: Region;\r\n  className?: string;\r\n};\r\n\r\nexport const HeaderTopBanner = ({\r\n  asLink = \"a\",\r\n  shortTitle,\r\n  region = \"marche\",\r\n  className,\r\n}: HeaderTopBannerProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <div className=\"bg-white\">\r\n      <Container\r\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\r\n        display=\"flex\"\r\n        alignItems=\"center\"\r\n        gap=\"x16\"\r\n        py=\"x8\"\r\n      >\r\n        <Row alignItems={\"center\"} gap={\"x8\"}>\r\n          <NationalIcon width={28} height={28} />\r\n\r\n          {region !== \"nazionale\" && (\r\n            <>\r\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\r\n              <RegionIcon width={28} height={28} />\r\n            </>\r\n          )}\r\n        </Row>\r\n\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className={\r\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\r\n          }\r\n        >\r\n          {shortTitle}\r\n        </LinkComponent>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":";;;;;;AAeO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAEhBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM;AAG7B,SAAAM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,YACb,UAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCR,CAAS;AAAA,MAClE,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,IAAG;AAAA,MAEH,UAAA;AAAA,QAAAM,gBAAAA,EAAA,KAACG,GAAI,EAAA,YAAY,UAAU,KAAK,MAC9B,UAAA;AAAA,UAAAJ,gBAAAA,EAAA,IAACH,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEpCH,MAAW,eAERO,gBAAAA,EAAAA,KAAAI,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAL,gBAAAA,EAAA,IAACM,GAAQ,EAAA,WAAU,YAAW,IAAG,kBAAiB;AAAA,YACjDN,gBAAAA,EAAA,IAAAD,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAAA,EACrC,CAAA;AAAA,QAAA,GAEJ;AAAA,QAEAC,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WACE;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es212.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es154.js";
-import { clsx as s } from "./index.es155.js";
+import { clsx as s } from "./index.es156.js";
 import './components/ui/DoctorModal/DoctorModalContent/DoctorModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,

package/dist/index.es212.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es212.js","sources":["../src/components/ui/DoctorModal/DoctorModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./DoctorModalContent.scss\";\n\ntype DoctorModalContentProps = {\n  overrideClassNames?: string;\n  children?: React.ReactNode;\n};\n\nexport const DoctorModalContent = ({\n  overrideClassNames,\n  children,\n}: DoctorModalContentProps) => {\n  return (\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["DoctorModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAAqB,CAAC;AAAA,EACjC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}
+{"version":3,"file":"index.es212.js","sources":["../src/components/ui/DoctorModal/DoctorModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./DoctorModalContent.scss\";\r\n\r\ntype DoctorModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const DoctorModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: DoctorModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DoctorModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAAqB,CAAC;AAAA,EACjC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}

package/dist/index.es213.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es154.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
+import './components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/DoctorConfirmModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as DoctorModalFooter

package/dist/index.es213.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es213.js","sources":["../src/components/ui/DoctorModal/DoctorModalFooter/index.tsx"],"sourcesContent":["import \"./DoctorModalFooter.scss\";\n\ntype DoctorModalFooterProps = {\n  children?: React.ReactNode;\n};\n\nexport const DoctorModalFooter = ({ children }: DoctorModalFooterProps) => {\n  return (\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["DoctorModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAAoB,CAAC,EAAE,UAAAC,QAE/BC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}
+{"version":3,"file":"index.es213.js","sources":["../src/components/ui/DoctorModal/DoctorModalFooter/index.tsx"],"sourcesContent":["import \"./DoctorModalFooter.scss\";\r\n\r\ntype DoctorModalFooterProps = {\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const DoctorModalFooter = ({ children }: DoctorModalFooterProps) => {\r\n  return (\r\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\r\n      {children}\r\n    </footer>\r\n  );\r\n};\r\n"],"names":["DoctorModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAAoB,CAAC,EAAE,UAAAC,QAE/BC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}

package/dist/index.es218.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es154.js";
-import { clsx as m } from "./index.es155.js";
+import { clsx as m } from "./index.es156.js";
 import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
 const e = ({
   overrideClassNames: o,

package/dist/index.es218.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es218.js","sources":["../src/components/ui/DoctorConfirmModal/DoctorConfirmModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./DoctorConfirmModalContent.scss\";\n\ntype DoctorConfirmModalContentProps = {\n  overrideClassNames?: string;\n  children?: React.ReactNode;\n};\n\nexport const DoctorConfirmModalContent = ({\n  overrideClassNames,\n  children,\n}: DoctorConfirmModalContentProps) => {\n  return (\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["DoctorConfirmModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAA4B,CAAC;AAAA,EACxC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}
+{"version":3,"file":"index.es218.js","sources":["../src/components/ui/DoctorConfirmModal/DoctorConfirmModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./DoctorConfirmModalContent.scss\";\r\n\r\ntype DoctorConfirmModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const DoctorConfirmModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: DoctorConfirmModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DoctorConfirmModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAA4B,CAAC;AAAA,EACxC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}

package/dist/index.es219.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es219.js","sources":["../src/components/ui/DoctorConfirmModal/DoctorConfirmModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close } from \"@/icons\";\nimport \"./DoctorConfirmModalHeader.scss\";\n\ntype DoctorConfirmModalHeaderProps = {\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: React.ReactNode;\n};\n\nexport const DoctorConfirmModalHeader = ({\n  closeButton = \"Chiudi\",\n  onCloseClick,\n  children,\n}: DoctorConfirmModalHeaderProps) => {\n  return (\n    <header className=\"ui-doctor-confirm-modal-header bg-white\">\n      <Dialog.Title className=\"fs-6 md-fs-custom text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n      <Dialog.Close asChild className=\"ui-doctor-confirm-modal-header-close\">\n        <Button\n          size=\"4\"\n          textColor=\"primary\"\n          bg=\"transparent\"\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          {closeButton}\n          <Close className=\"ml-x8\" />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["DoctorConfirmModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAA2B,CAAC;AAAA,EACvC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,2CAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EACH,CAAA;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,wCAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASN;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDI,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es219.js","sources":["../src/components/ui/DoctorConfirmModal/DoctorConfirmModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./DoctorConfirmModalHeader.scss\";\r\n\r\ntype DoctorConfirmModalHeaderProps = {\r\n  closeButton?: string;\r\n  onCloseClick?: () => void;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const DoctorConfirmModalHeader = ({\r\n  closeButton = \"Chiudi\",\r\n  onCloseClick,\r\n  children,\r\n}: DoctorConfirmModalHeaderProps) => {\r\n  return (\r\n    <header className=\"ui-doctor-confirm-modal-header bg-white\">\r\n      <Dialog.Title className=\"fs-6 md-fs-custom text-slate-20 fw-bold\">\r\n        {children}\r\n      </Dialog.Title>\r\n      <Dialog.Close asChild className=\"ui-doctor-confirm-modal-header-close\">\r\n        <Button\r\n          size=\"4\"\r\n          textColor=\"primary\"\r\n          bg=\"transparent\"\r\n          aria-label=\"Chiudi modale\"\r\n          onClick={onCloseClick}\r\n        >\r\n          {closeButton}\r\n          <Close className=\"ml-x8\" />\r\n        </Button>\r\n      </Dialog.Close>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["DoctorConfirmModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAA2B,CAAC;AAAA,EACvC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,2CAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EACH,CAAA;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,wCAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASN;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDI,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}

package/dist/index.es22.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es154.js";
 import { Root as i, Trigger as c, Portal as m, Content as d, Group as u, Item as x } from "./index.es179.js";
-import { clsx as o } from "./index.es155.js";
-import { createColorClasses as h } from "./index.es156.js";
+import { clsx as o } from "./index.es156.js";
+import { createColorClasses as h } from "./index.es165.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as p } from "./index.es92.js";
 import { Row as w } from "./index.es9.js";

package/dist/index.es22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es22.js","sources":["../src/components/ui/Dropdown/index.tsx"],"sourcesContent":["import { ArrowDown } from \"@/icons\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport clsx from \"clsx\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport \"./Dropdown.scss\";\nimport { Row } from \"@/components\";\n\ntype DropdownOption = {\n  label: string;\n  href?: string;\n  onClick?: () => void;\n  active?: boolean;\n};\n\ntype DropdownProps = {\n  text: string;\n  leftIcon?: React.ReactNode;\n  options: DropdownOption[];\n  asLinkItem?: \"a\" | React.ComponentType<any>;\n  textColor?: ColorKeys;\n};\n\ntype DropdownMenuContentProps = {\n  options: DropdownOption[];\n  asLinkItem?: \"a\" | React.ComponentType<any>;\n};\n\nexport const Dropdown = ({\n  text,\n  leftIcon,\n  options,\n  asLinkItem,\n  textColor = \"white\",\n}: DropdownProps) => {\n  const textColorClass = createColorClasses({ text: textColor });\n\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <button\n          className={clsx(\n            \"border-none bg-transparent base-row gap-x8 fw-regular fs-6 align-items-center\",\n            textColorClass,\n            \"ui-dropdown-trigger\",\n          )}\n        >\n          {leftIcon && leftIcon}\n          <Row as={\"span\"} gap={\"x4\"}>\n            {text}\n            <ArrowDown color={textColor} className={\"ui-arrow\"} />\n          </Row>\n        </button>\n      </DropdownMenu.Trigger>\n      <DropdownMenuContent options={options} asLinkItem={asLinkItem} />\n    </DropdownMenu.Root>\n  );\n};\n\nconst DropdownMenuContent = ({\n  options,\n  asLinkItem,\n}: DropdownMenuContentProps) => {\n  if (options.length === 0) return null;\n\n  const LinkComponent = asLinkItem ?? \"a\";\n\n  return (\n    <DropdownMenu.Portal>\n      <DropdownMenu.Content\n        className={\"bg-white shadow ui-dropdown-menu-content\"}\n      >\n        <DropdownMenu.Group className={\"ui-dropdown-menu-group\"}>\n          {options.map((option, index) => (\n            <DropdownMenu.Item\n              key={index}\n              asChild\n              className={\"ui-dropdown-menu-item\"}\n            >\n              {option.href ? (\n                <LinkComponent\n                  href={option.href}\n                  className={clsx(\n                    \"fs-6 text-decoration-none\",\n                    option.active\n                      ? `text-primary fw-semibold`\n                      : `text-slate-28 fw-regular`,\n                  )}\n                >\n                  {option.label}\n                  {option.active && (\n                    <span className=\"visually-hidden\">Attivo</span>\n                  )}\n                </LinkComponent>\n              ) : (\n                <button onClick={option.onClick}>\n                  {option.label}\n                  {option.active && (\n                    <span className=\"visually-hidden\">Attivo</span>\n                  )}\n                </button>\n              )}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Group>\n      </DropdownMenu.Content>\n    </DropdownMenu.Portal>\n  );\n};\n"],"names":["Dropdown","text","leftIcon","options","asLinkItem","textColor","textColorClass","createColorClasses","jsxs","DropdownMenu.Root","jsx","DropdownMenu.Trigger","clsx","Row","ArrowDown","DropdownMenuContent","LinkComponent","DropdownMenu.Portal","DropdownMenu.Content","DropdownMenu.Group","option","index","DropdownMenu.Item"],"mappings":";;;;;;;AA2BO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAqB;AACnB,QAAMC,IAAiBC,EAAmB,EAAE,MAAMF,GAAW;AAG3D,SAAAG,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAqB,SAAO,IAC3B,UAAAH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,UACAN;AAAA,UACA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAYJ,KAAAA;AAAA,UACZM,gBAAAA,EAAA,KAAAK,GAAA,EAAI,IAAI,QAAQ,KAAK,MACnB,UAAA;AAAA,YAAAZ;AAAA,YACAS,gBAAAA,EAAA,IAAAI,GAAA,EAAU,OAAOT,GAAW,WAAW,WAAY,CAAA;AAAA,UAAA,EACtD,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACAK,gBAAAA,EAAAA,IAACK,GAAoB,EAAA,SAAAZ,GAAkB,YAAAC,EAAwB,CAAA;AAAA,EAAA,GACjE;AAEJ,GAEMW,IAAsB,CAAC;AAAA,EAC3B,SAAAZ;AAAA,EACA,YAAAC;AACF,MAAgC;AAC1B,MAAAD,EAAQ,WAAW,EAAU,QAAA;AAEjC,QAAMa,IAAgBZ,KAAc;AAGlC,SAAAM,gBAAAA,MAACO,GAAA,EACC,UAAAP,gBAAAA,EAAA;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,MAEX,UAAAR,gBAAAA,EAAA,IAACS,GAAA,EAAmB,WAAW,0BAC5B,UAAQhB,EAAA,IAAI,CAACiB,GAAQC,MACpBX,gBAAAA,EAAA;AAAA,QAACY;AAAAA,QAAA;AAAA,UAEC,SAAO;AAAA,UACP,WAAW;AAAA,UAEV,YAAO,OACNd,gBAAAA,EAAA;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAMI,EAAO;AAAA,cACb,WAAWR;AAAA,gBACT;AAAA,gBACAQ,EAAO,SACH,6BACA;AAAA,cACN;AAAA,cAEC,UAAA;AAAA,gBAAOA,EAAA;AAAA,gBACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAI5CF,gBAAAA,EAAAA,KAAC,UAAO,EAAA,SAASY,EAAO,SACrB,UAAA;AAAA,YAAOA,EAAA;AAAA,YACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,UAAA,EAE5C,CAAA;AAAA,QAAA;AAAA,QAzBGW;AAAA,MAAA,CA4BR,EACH,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es22.js","sources":["../src/components/ui/Dropdown/index.tsx"],"sourcesContent":["import { ArrowDown } from \"@/icons\";\r\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\r\nimport clsx from \"clsx\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport \"./Dropdown.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype DropdownOption = {\r\n  label: string;\r\n  href?: string;\r\n  onClick?: () => void;\r\n  active?: boolean;\r\n};\r\n\r\ntype DropdownProps = {\r\n  text: string;\r\n  leftIcon?: React.ReactNode;\r\n  options: DropdownOption[];\r\n  asLinkItem?: \"a\" | React.ComponentType<any>;\r\n  textColor?: ColorKeys;\r\n};\r\n\r\ntype DropdownMenuContentProps = {\r\n  options: DropdownOption[];\r\n  asLinkItem?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\nexport const Dropdown = ({\r\n  text,\r\n  leftIcon,\r\n  options,\r\n  asLinkItem,\r\n  textColor = \"white\",\r\n}: DropdownProps) => {\r\n  const textColorClass = createColorClasses({ text: textColor });\r\n\r\n  return (\r\n    <DropdownMenu.Root>\r\n      <DropdownMenu.Trigger asChild>\r\n        <button\r\n          className={clsx(\r\n            \"border-none bg-transparent base-row gap-x8 fw-regular fs-6 align-items-center\",\r\n            textColorClass,\r\n            \"ui-dropdown-trigger\",\r\n          )}\r\n        >\r\n          {leftIcon && leftIcon}\r\n          <Row as={\"span\"} gap={\"x4\"}>\r\n            {text}\r\n            <ArrowDown color={textColor} className={\"ui-arrow\"} />\r\n          </Row>\r\n        </button>\r\n      </DropdownMenu.Trigger>\r\n      <DropdownMenuContent options={options} asLinkItem={asLinkItem} />\r\n    </DropdownMenu.Root>\r\n  );\r\n};\r\n\r\nconst DropdownMenuContent = ({\r\n  options,\r\n  asLinkItem,\r\n}: DropdownMenuContentProps) => {\r\n  if (options.length === 0) return null;\r\n\r\n  const LinkComponent = asLinkItem ?? \"a\";\r\n\r\n  return (\r\n    <DropdownMenu.Portal>\r\n      <DropdownMenu.Content\r\n        className={\"bg-white shadow ui-dropdown-menu-content\"}\r\n      >\r\n        <DropdownMenu.Group className={\"ui-dropdown-menu-group\"}>\r\n          {options.map((option, index) => (\r\n            <DropdownMenu.Item\r\n              key={index}\r\n              asChild\r\n              className={\"ui-dropdown-menu-item\"}\r\n            >\r\n              {option.href ? (\r\n                <LinkComponent\r\n                  href={option.href}\r\n                  className={clsx(\r\n                    \"fs-6 text-decoration-none\",\r\n                    option.active\r\n                      ? `text-primary fw-semibold`\r\n                      : `text-slate-28 fw-regular`,\r\n                  )}\r\n                >\r\n                  {option.label}\r\n                  {option.active && (\r\n                    <span className=\"visually-hidden\">Attivo</span>\r\n                  )}\r\n                </LinkComponent>\r\n              ) : (\r\n                <button onClick={option.onClick}>\r\n                  {option.label}\r\n                  {option.active && (\r\n                    <span className=\"visually-hidden\">Attivo</span>\r\n                  )}\r\n                </button>\r\n              )}\r\n            </DropdownMenu.Item>\r\n          ))}\r\n        </DropdownMenu.Group>\r\n      </DropdownMenu.Content>\r\n    </DropdownMenu.Portal>\r\n  );\r\n};\r\n"],"names":["Dropdown","text","leftIcon","options","asLinkItem","textColor","textColorClass","createColorClasses","jsxs","DropdownMenu.Root","jsx","DropdownMenu.Trigger","clsx","Row","ArrowDown","DropdownMenuContent","LinkComponent","DropdownMenu.Portal","DropdownMenu.Content","DropdownMenu.Group","option","index","DropdownMenu.Item"],"mappings":";;;;;;;AA2BO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAqB;AACnB,QAAMC,IAAiBC,EAAmB,EAAE,MAAMF,GAAW;AAG3D,SAAAG,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAqB,SAAO,IAC3B,UAAAH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,UACAN;AAAA,UACA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAYJ,KAAAA;AAAA,UACZM,gBAAAA,EAAA,KAAAK,GAAA,EAAI,IAAI,QAAQ,KAAK,MACnB,UAAA;AAAA,YAAAZ;AAAA,YACAS,gBAAAA,EAAA,IAAAI,GAAA,EAAU,OAAOT,GAAW,WAAW,WAAY,CAAA;AAAA,UAAA,EACtD,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACAK,gBAAAA,EAAAA,IAACK,GAAoB,EAAA,SAAAZ,GAAkB,YAAAC,EAAwB,CAAA;AAAA,EAAA,GACjE;AAEJ,GAEMW,IAAsB,CAAC;AAAA,EAC3B,SAAAZ;AAAA,EACA,YAAAC;AACF,MAAgC;AAC1B,MAAAD,EAAQ,WAAW,EAAU,QAAA;AAEjC,QAAMa,IAAgBZ,KAAc;AAGlC,SAAAM,gBAAAA,MAACO,GAAA,EACC,UAAAP,gBAAAA,EAAA;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,MAEX,UAAAR,gBAAAA,EAAA,IAACS,GAAA,EAAmB,WAAW,0BAC5B,UAAQhB,EAAA,IAAI,CAACiB,GAAQC,MACpBX,gBAAAA,EAAA;AAAA,QAACY;AAAAA,QAAA;AAAA,UAEC,SAAO;AAAA,UACP,WAAW;AAAA,UAEV,YAAO,OACNd,gBAAAA,EAAA;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAMI,EAAO;AAAA,cACb,WAAWR;AAAA,gBACT;AAAA,gBACAQ,EAAO,SACH,6BACA;AAAA,cACN;AAAA,cAEC,UAAA;AAAA,gBAAOA,EAAA;AAAA,gBACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAI5CF,gBAAAA,EAAAA,KAAC,UAAO,EAAA,SAASY,EAAO,SACrB,UAAA;AAAA,YAAOA,EAAA;AAAA,YACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,UAAA,EAE5C,CAAA;AAAA,QAAA;AAAA,QAzBGW;AAAA,MAAA,CA4BR,EACH,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es220.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es154.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
+import './components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/DoctorConfirmModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es220.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es220.js","sources":["../src/components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/index.tsx"],"sourcesContent":["import \"./DoctorConfirmModalFooter.scss\";\n\ntype DoctorConfirmModalFooterProps = {\n  children?: React.ReactNode;\n};\n\nexport const DoctorConfirmModalFooter = ({\n  children,\n}: DoctorConfirmModalFooterProps) => {\n  return (\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["DoctorConfirmModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAA2B,CAAC;AAAA,EACvC,UAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}
+{"version":3,"file":"index.es220.js","sources":["../src/components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/index.tsx"],"sourcesContent":["import \"./DoctorConfirmModalFooter.scss\";\r\n\r\ntype DoctorConfirmModalFooterProps = {\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const DoctorConfirmModalFooter = ({\r\n  children,\r\n}: DoctorConfirmModalFooterProps) => {\r\n  return (\r\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\r\n      {children}\r\n    </footer>\r\n  );\r\n};\r\n"],"names":["DoctorConfirmModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAA2B,CAAC;AAAA,EACvC,UAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}

package/dist/index.es222.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es222.js","sources":["../src/components/ui/DocumentUploadModal/DocumentUploadModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport \"./DocumentUploadModalHeader.scss\";\nimport { PropsWithChildren, ReactNode } from \"react\";\n\ntype DocumentUploadModalHeaderProps = PropsWithChildren<{\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n}>;\n\nexport const DocumentUploadModalHeader = ({\n  closeButton = \"Chiudi\",\n  onCloseClick,\n  children,\n}: DocumentUploadModalHeaderProps) => {\n  return (\n    <header className=\"ui-upload-modal-header bg-white\">\n      <Dialog.Title className=\"fs-6 md-fs-custom text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n      <Dialog.Close asChild className=\"ui-upload-modal-header-close\">\n        <Button\n          size=\"4\"\n          textColor=\"primary\"\n          bg=\"transparent\"\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          {closeButton}\n          <Close className=\"ml-x8\" />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["DocumentUploadModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAYO,MAAMA,IAA4B,CAAC;AAAA,EACxC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,mCAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EACH,CAAA;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,gCAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASN;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDI,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es222.js","sources":["../src/components/ui/DocumentUploadModal/DocumentUploadModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./DocumentUploadModalHeader.scss\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\n\r\ntype DocumentUploadModalHeaderProps = PropsWithChildren<{\r\n  closeButton?: string;\r\n  onCloseClick?: () => void;\r\n  children?: ReactNode;\r\n}>;\r\n\r\nexport const DocumentUploadModalHeader = ({\r\n  closeButton = \"Chiudi\",\r\n  onCloseClick,\r\n  children,\r\n}: DocumentUploadModalHeaderProps) => {\r\n  return (\r\n    <header className=\"ui-upload-modal-header bg-white\">\r\n      <Dialog.Title className=\"fs-6 md-fs-custom text-slate-20 fw-bold\">\r\n        {children}\r\n      </Dialog.Title>\r\n      <Dialog.Close asChild className=\"ui-upload-modal-header-close\">\r\n        <Button\r\n          size=\"4\"\r\n          textColor=\"primary\"\r\n          bg=\"transparent\"\r\n          aria-label=\"Chiudi modale\"\r\n          onClick={onCloseClick}\r\n        >\r\n          {closeButton}\r\n          <Close className=\"ml-x8\" />\r\n        </Button>\r\n      </Dialog.Close>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["DocumentUploadModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAYO,MAAMA,IAA4B,CAAC;AAAA,EACxC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,mCAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EACH,CAAA;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,gCAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASN;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDI,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}

package/dist/index.es223.js

@@ -1,5 +1,5 @@
 import { j as m } from "./index.es154.js";
-import { clsx as r } from "./index.es155.js";
+import { clsx as r } from "./index.es156.js";
 import './components/ui/DocumentUploadModal/DocumentUploadModalContent/DocumentUploadModalContent.css';/* empty css            */
 const d = ({
   overrideClassNames: o,

package/dist/index.es223.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es223.js","sources":["../src/components/ui/DocumentUploadModal/DocumentUploadModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./DocumentUploadModalContent.scss\";\n\ntype DocumentUploadModalContentProps = {\n  overrideClassNames?: string;\n  children?: React.ReactNode;\n};\n\nexport const DocumentUploadModalContent = ({\n  overrideClassNames,\n  children,\n}: DocumentUploadModalContentProps) => {\n  return (\n    <div className={clsx(\"ui-upload-modal-body\", overrideClassNames)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["DocumentUploadModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAA6B,CAAC;AAAA,EACzC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,wBAAwBF,CAAkB,GAC5D,UAAAC,GACH;"}
+{"version":3,"file":"index.es223.js","sources":["../src/components/ui/DocumentUploadModal/DocumentUploadModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./DocumentUploadModalContent.scss\";\r\n\r\ntype DocumentUploadModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const DocumentUploadModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: DocumentUploadModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-upload-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DocumentUploadModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAA6B,CAAC;AAAA,EACzC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,wBAAwBF,CAAkB,GAC5D,UAAAC,GACH;"}

package/dist/index.es224.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es224.js","sources":["../src/components/ui/DocumentUploadModal/DocumentUploadModalFooter/index.tsx"],"sourcesContent":["import \"./DocumentUploadModalFooter.scss\";\n\ntype DocumentUploadModalFooterProps = {\n  children?: React.ReactNode;\n};\n\nexport const DocumentUploadModalFooter = ({\n  children,\n}: DocumentUploadModalFooterProps) => {\n  return (\n    <footer className=\"ui-upload-modal-footer bg-white shadow\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["DocumentUploadModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAA4B,CAAC;AAAA,EACxC,UAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,0CACf,UAAAD,EACH,CAAA;"}
+{"version":3,"file":"index.es224.js","sources":["../src/components/ui/DocumentUploadModal/DocumentUploadModalFooter/index.tsx"],"sourcesContent":["import \"./DocumentUploadModalFooter.scss\";\r\n\r\ntype DocumentUploadModalFooterProps = {\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const DocumentUploadModalFooter = ({\r\n  children,\r\n}: DocumentUploadModalFooterProps) => {\r\n  return (\r\n    <footer className=\"ui-upload-modal-footer bg-white shadow\">\r\n      {children}\r\n    </footer>\r\n  );\r\n};\r\n"],"names":["DocumentUploadModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAA4B,CAAC;AAAA,EACxC,UAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,0CACf,UAAAD,EACH,CAAA;"}

package/dist/index.es226.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es154.js";
-import { createColorClasses as f } from "./index.es156.js";
-import { clsx as x } from "./index.es155.js";
+import { createColorClasses as f } from "./index.es165.js";
+import { clsx as x } from "./index.es156.js";
 const j = ({
   className: t,
   fs: o = "3",

package/dist/index.es226.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es226.js","sources":["../src/components/ui/Section/Title/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport { ReactNode } from \"react\";\n\ntype TitleProps = {\n  className?: string;\n  fs?: TypographyKeys;\n  mdFs?: TypographyKeys;\n  color?: ColorKeys;\n  as?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  children: ReactNode;\n};\n\nexport const Title = ({\n  className,\n  fs = \"3\",\n  mdFs = \"1\",\n  color = \"slate-20\",\n  as = \"h2\",\n  children,\n}: TitleProps) => {\n  const Heading = as;\n\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const mdFontSizeClass = mdFs ? `md-fs-${mdFs}` : \"\";\n  const textColorClass = createColorClasses({ text: color });\n\n  return (\n    <Heading\n      className={clsx(\n        \"fw-bold\",\n        fontSizeClass,\n        mdFontSizeClass,\n\n        textColorClass,\n        className,\n      )}\n    >\n      {children}\n    </Heading>\n  );\n};\n"],"names":["Title","className","fs","mdFs","color","as","children","Heading","fontSizeClass","size","mdFontSizeClass","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAcO,MAAMA,IAAQ,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAAkB;AAChB,QAAMC,IAAUF,GAMVG,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBP,CAAE,GACtCQ,IAAkBP,IAAO,SAASA,CAAI,KAAK,IAC3CQ,IAAiBC,EAAmB,EAAE,MAAMR,GAAO;AAGvD,SAAAS,gBAAAA,EAAA;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QAEAC;AAAA,QACAV;AAAA,MACF;AAAA,MAEC,UAAAK;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es226.js","sources":["../src/components/ui/Section/Title/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport { ReactNode } from \"react\";\r\n\r\ntype TitleProps = {\r\n  className?: string;\r\n  fs?: TypographyKeys;\r\n  mdFs?: TypographyKeys;\r\n  color?: ColorKeys;\r\n  as?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n  children: ReactNode;\r\n};\r\n\r\nexport const Title = ({\r\n  className,\r\n  fs = \"3\",\r\n  mdFs = \"1\",\r\n  color = \"slate-20\",\r\n  as = \"h2\",\r\n  children,\r\n}: TitleProps) => {\r\n  const Heading = as;\r\n\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n  const mdFontSizeClass = mdFs ? `md-fs-${mdFs}` : \"\";\r\n  const textColorClass = createColorClasses({ text: color });\r\n\r\n  return (\r\n    <Heading\r\n      className={clsx(\r\n        \"fw-bold\",\r\n        fontSizeClass,\r\n        mdFontSizeClass,\r\n\r\n        textColorClass,\r\n        className,\r\n      )}\r\n    >\r\n      {children}\r\n    </Heading>\r\n  );\r\n};\r\n"],"names":["Title","className","fs","mdFs","color","as","children","Heading","fontSizeClass","size","mdFontSizeClass","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAcO,MAAMA,IAAQ,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAAkB;AAChB,QAAMC,IAAUF,GAMVG,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBP,CAAE,GACtCQ,IAAkBP,IAAO,SAASA,CAAI,KAAK,IAC3CQ,IAAiBC,EAAmB,EAAE,MAAMR,GAAO;AAGvD,SAAAS,gBAAAA,EAAA;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QAEAC;AAAA,QACAV;AAAA,MACF;AAAA,MAEC,UAAAK;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.es227.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es154.js";
-import { createColorClasses as n } from "./index.es156.js";
-import { clsx as l } from "./index.es155.js";
+import { createColorClasses as n } from "./index.es165.js";
+import { clsx as l } from "./index.es156.js";
 const C = ({
   fs: s = "6",
   color: t = "slate-28",

package/dist/index.es227.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es227.js","sources":["../src/components/ui/Section/Description/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport { PropsWithChildren } from \"react\";\n\ntype DescriptionProps = PropsWithChildren<{\n  fs?: TypographyKeys;\n  color?: ColorKeys;\n  className?: string;\n}>;\n\nexport const Description = ({\n  fs = \"6\",\n  color = \"slate-28\",\n  className,\n  children,\n}: DescriptionProps) => {\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n\n  const textColorClass = createColorClasses({ text: color });\n\n  return (\n    <div\n      className={clsx(\n        fontSizeClass,\n        textColorClass,\n        \"fw-regular\",\n        \"ui-max-width-section-description\",\n        className,\n        \"md-fs-custom\",\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["Description","fs","color","className","children","fontSizeClass","size","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAc,CAAC;AAAA,EAC1B,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,UAAAC;AACF,MAAwB;AAKhB,QAAAC,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBL,CAAE,GAEtCM,IAAiBC,EAAmB,EAAE,MAAMN,GAAO;AAGvD,SAAAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTL;AAAA,QACAE;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,QACA;AAAA,MACF;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es227.js","sources":["../src/components/ui/Section/Description/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport { PropsWithChildren } from \"react\";\r\n\r\ntype DescriptionProps = PropsWithChildren<{\r\n  fs?: TypographyKeys;\r\n  color?: ColorKeys;\r\n  className?: string;\r\n}>;\r\n\r\nexport const Description = ({\r\n  fs = \"6\",\r\n  color = \"slate-28\",\r\n  className,\r\n  children,\r\n}: DescriptionProps) => {\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n\r\n  const textColorClass = createColorClasses({ text: color });\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        fontSizeClass,\r\n        textColorClass,\r\n        \"fw-regular\",\r\n        \"ui-max-width-section-description\",\r\n        className,\r\n        \"md-fs-custom\",\r\n      )}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Description","fs","color","className","children","fontSizeClass","size","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAc,CAAC;AAAA,EAC1B,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,UAAAC;AACF,MAAwB;AAKhB,QAAAC,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBL,CAAE,GAEtCM,IAAiBC,EAAmB,EAAE,MAAMN,GAAO;AAGvD,SAAAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTL;AAAA,QACAE;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,QACA;AAAA,MACF;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.es228.js

@@ -1,32 +1,32 @@
-import * as n from "react";
-import { composeEventHandlers as T } from "./index.es274.js";
-import { useComposedRefs as _ } from "./index.es275.js";
-import { createContextScope as H } from "./index.es276.js";
-import { useControllableState as I } from "./index.es277.js";
-import { usePrevious as M } from "./index.es300.js";
-import { useSize as N } from "./index.es301.js";
-import { Primitive as w } from "./index.es316.js";
-import { j as u } from "./index.es154.js";
-var k = "Switch", [B, J] = H(k), [q, z] = B(k), C = n.forwardRef(
-  (e, s) => {
+import * as s from "react";
+import { composeEventHandlers as T } from "./index.es275.js";
+import { useComposedRefs as _ } from "./index.es276.js";
+import { createContextScope as H } from "./index.es277.js";
+import { useControllableState as I } from "./index.es278.js";
+import { usePrevious as M } from "./index.es282.js";
+import { useSize as N } from "./index.es283.js";
+import { Primitive as w } from "./index.es279.js";
+import { j as p } from "./index.es154.js";
+var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
+  (e, n) => {
     const {
       __scopeSwitch: t,
       name: o,
       checked: r,
-      defaultChecked: p,
+      defaultChecked: u,
       required: a,
       disabled: c,
       value: i = "on",
-      onCheckedChange: m,
+      onCheckedChange: f,
       form: b,
       ...l
-    } = e, [d, R] = n.useState(null), E = _(s, (f) => R(f)), S = n.useRef(!1), v = d ? b || !!d.closest("form") : !0, [h = !1, g] = I({
+    } = e, [d, R] = s.useState(null), E = _(n, (m) => R(m)), v = s.useRef(!1), k = d ? b || !!d.closest("form") : !0, [h = !1, g] = I({
       prop: r,
-      defaultProp: p,
-      onChange: m
+      defaultProp: u,
+      onChange: f
     });
-    return /* @__PURE__ */ u.jsxs(q, { scope: t, checked: h, disabled: c, children: [
-      /* @__PURE__ */ u.jsx(
+    return /* @__PURE__ */ p.jsxs(q, { scope: t, checked: h, disabled: c, children: [
+      /* @__PURE__ */ p.jsx(
         w.button,
         {
           type: "button",
@@ -39,16 +39,16 @@ var k = "Switch", [B, J] = H(k), [q, z] = B(k), C = n.forwardRef(
           value: i,
           ...l,
           ref: E,
-          onClick: T(e.onClick, (f) => {
-            g((j) => !j), v && (S.current = f.isPropagationStopped(), S.current || f.stopPropagation());
+          onClick: T(e.onClick, (m) => {
+            g((j) => !j), k && (v.current = m.isPropagationStopped(), v.current || m.stopPropagation());
           })
         }
       ),
-      v && /* @__PURE__ */ u.jsx(
+      k && /* @__PURE__ */ p.jsx(
         A,
         {
           control: d,
-          bubbles: !S.current,
+          bubbles: !v.current,
           name: o,
           value: i,
           checked: h,
@@ -61,31 +61,31 @@ var k = "Switch", [B, J] = H(k), [q, z] = B(k), C = n.forwardRef(
     ] });
   }
 );
-C.displayName = k;
-var x = "SwitchThumb", P = n.forwardRef(
-  (e, s) => {
+C.displayName = S;
+var x = "SwitchThumb", P = s.forwardRef(
+  (e, n) => {
     const { __scopeSwitch: t, ...o } = e, r = z(x, t);
-    return /* @__PURE__ */ u.jsx(
+    return /* @__PURE__ */ p.jsx(
       w.span,
       {
         "data-state": y(r.checked),
         "data-disabled": r.disabled ? "" : void 0,
         ...o,
-        ref: s
+        ref: n
       }
     );
   }
 );
 P.displayName = x;
 var A = (e) => {
-  const { control: s, checked: t, bubbles: o = !0, ...r } = e, p = n.useRef(null), a = M(t), c = N(s);
-  return n.useEffect(() => {
-    const i = p.current, m = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(m, "checked").set;
+  const { control: n, checked: t, bubbles: o = !0, ...r } = e, u = s.useRef(null), a = M(t), c = N(n);
+  return s.useEffect(() => {
+    const i = u.current, f = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(f, "checked").set;
     if (a !== t && l) {
       const d = new Event("click", { bubbles: o });
       l.call(i, t), i.dispatchEvent(d);
     }
-  }, [a, t, o]), /* @__PURE__ */ u.jsx(
+  }, [a, t, o]), /* @__PURE__ */ p.jsx(
     "input",
     {
       type: "checkbox",
@@ -93,7 +93,7 @@ var A = (e) => {
       defaultChecked: t,
       ...r,
       tabIndex: -1,
-      ref: p,
+      ref: u,
       style: {
         ...e.style,
         ...c,

package/dist/index.es23.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es154.js";
-import { clsx as a } from "./index.es155.js";
+import { clsx as a } from "./index.es156.js";
 import './components/ui/FilterDropDown/FilterDropDown.css';/* empty css            */
 import { ArrowDown as f } from "./index.es92.js";
 import { useState as x, useRef as w, useMemo as h, useEffect as j } from "react";

package/dist/index.es23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es23.js","sources":["../src/components/ui/FilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./FilterDropDown.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { ArrowList } from \"@/icons/ArrowList\";\nimport { Col } from \"@/components\";\n\ntype FilterDropdownProps = {\n  size: \"small\" | \"large\";\n  items: string[];\n  className?: string;\n  filter: string;\n  setFilter: (filter: string) => void;\n  allStructuresLabel: string;\n};\nexport const FilterDropDown = ({\n  size,\n  items = [],\n  className,\n  filter,\n  setFilter,\n  allStructuresLabel,\n}: FilterDropdownProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const processedItems = useMemo(() => {\n    return [allStructuresLabel, ...items];\n  }, [items, allStructuresLabel]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      style={size === \"large\" ? { width: \"668px\" } : { width: \"322px\" }}\n      className={clsx(className, \"ui-filter-dropdown\")}\n    >\n      <button\n        className=\"ui-button-accordion\"\n        type=\"button\"\n        onClick={() => setIsExpanded(!isExpanded)}\n      >\n        <h3 className=\"fw-semibold fs-custom text-primary\">{filter}</h3>\n        <ArrowDown\n          color=\"primary\"\n          className={clsx(\"ui-arrow\", { \"ui-expanded\": isExpanded })}\n        />\n      </button>\n      {isExpanded && (\n        <div className={\"ui-wrap-list-item-filter position-relative pt-x12\"}>\n          <ArrowList className={\"ui-arrow-list position-absolute\"} />\n          <div className={\"p-x24 h-full shadow\"}>\n            <Col\n              gap={\"x24\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-list-item-filter h-full overflow fw-regular\"}\n            >\n              {processedItems.map((item, index) => {\n                return (\n                  <div\n                    key={index}\n                    onClick={() => {\n                      setFilter(item);\n                      setIsExpanded(false);\n                    }}\n                  >\n                    {item}\n                  </div>\n                );\n              })}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["FilterDropDown","size","items","className","filter","setFilter","allStructuresLabel","isExpanded","setIsExpanded","useState","dropdownRef","useRef","processedItems","useMemo","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":";;;;;;;AAeO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AACF,MAA2B;AACzB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAcC,EAAuB,IAAI,GAEzCC,IAAiBC,EAAQ,MACtB,CAACP,GAAoB,GAAGJ,CAAK,GACnC,CAACA,GAAOI,CAAkB,CAAC;AAE9B,SAAAQ,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAN,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASM,EAAM,MAAc,KAElDR,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaQ,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACR,CAAU,CAAC,GAGbU,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,OAAOT,MAAS,UAAU,EAAE,OAAO,YAAY,EAAE,OAAO,QAAQ;AAAA,MAChE,WAAWiB,EAAKf,GAAW,oBAAoB;AAAA,MAE/C,UAAA;AAAA,QAAAc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMT,EAAc,CAACD,CAAU;AAAA,YAExC,UAAA;AAAA,cAACY,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,sCAAsC,UAAOf,GAAA;AAAA,cAC3De,gBAAAA,EAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAWF,EAAK,YAAY,EAAE,eAAeX,EAAY,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC3D;AAAA,UAAA;AAAA,QACF;AAAA,QACCA,KACCU,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,qDACd,UAAA;AAAA,UAACE,gBAAAA,EAAAA,IAAAE,GAAA,EAAU,WAAW,kCAAmC,CAAA;AAAA,UACzDF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,uBACd,UAAAA,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAM;AAAA,cACN,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,WAAW;AAAA,cAEV,UAAeV,EAAA,IAAI,CAACW,GAAMC,MAEvBL,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,SAAS,MAAM;AACb,oBAAAd,EAAUkB,CAAI,GACdf,EAAc,EAAK;AAAA,kBACrB;AAAA,kBAEC,UAAAe;AAAA,gBAAA;AAAA,gBANIC;AAAA,cAOP,CAEH;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es23.js","sources":["../src/components/ui/FilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./FilterDropDown.scss\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { ArrowList } from \"@/icons/ArrowList\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype FilterDropdownProps = {\r\n  size: \"small\" | \"large\";\r\n  items: string[];\r\n  className?: string;\r\n  filter: string;\r\n  setFilter: (filter: string) => void;\r\n  allStructuresLabel: string;\r\n};\r\nexport const FilterDropDown = ({\r\n  size,\r\n  items = [],\r\n  className,\r\n  filter,\r\n  setFilter,\r\n  allStructuresLabel,\r\n}: FilterDropdownProps) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n  const processedItems = useMemo(() => {\r\n    return [allStructuresLabel, ...items];\r\n  }, [items, allStructuresLabel]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isExpanded]);\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      style={size === \"large\" ? { width: \"668px\" } : { width: \"322px\" }}\r\n      className={clsx(className, \"ui-filter-dropdown\")}\r\n    >\r\n      <button\r\n        className=\"ui-button-accordion\"\r\n        type=\"button\"\r\n        onClick={() => setIsExpanded(!isExpanded)}\r\n      >\r\n        <h3 className=\"fw-semibold fs-custom text-primary\">{filter}</h3>\r\n        <ArrowDown\r\n          color=\"primary\"\r\n          className={clsx(\"ui-arrow\", { \"ui-expanded\": isExpanded })}\r\n        />\r\n      </button>\r\n      {isExpanded && (\r\n        <div className={\"ui-wrap-list-item-filter position-relative pt-x12\"}>\r\n          <ArrowList className={\"ui-arrow-list position-absolute\"} />\r\n          <div className={\"p-x24 h-full shadow\"}>\r\n            <Col\r\n              gap={\"x24\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-list-item-filter h-full overflow fw-regular\"}\r\n            >\r\n              {processedItems.map((item, index) => {\r\n                return (\r\n                  <div\r\n                    key={index}\r\n                    onClick={() => {\r\n                      setFilter(item);\r\n                      setIsExpanded(false);\r\n                    }}\r\n                  >\r\n                    {item}\r\n                  </div>\r\n                );\r\n              })}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["FilterDropDown","size","items","className","filter","setFilter","allStructuresLabel","isExpanded","setIsExpanded","useState","dropdownRef","useRef","processedItems","useMemo","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":";;;;;;;AAeO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AACF,MAA2B;AACzB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAcC,EAAuB,IAAI,GAEzCC,IAAiBC,EAAQ,MACtB,CAACP,GAAoB,GAAGJ,CAAK,GACnC,CAACA,GAAOI,CAAkB,CAAC;AAE9B,SAAAQ,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAN,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASM,EAAM,MAAc,KAElDR,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaQ,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACR,CAAU,CAAC,GAGbU,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,OAAOT,MAAS,UAAU,EAAE,OAAO,YAAY,EAAE,OAAO,QAAQ;AAAA,MAChE,WAAWiB,EAAKf,GAAW,oBAAoB;AAAA,MAE/C,UAAA;AAAA,QAAAc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMT,EAAc,CAACD,CAAU;AAAA,YAExC,UAAA;AAAA,cAACY,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,sCAAsC,UAAOf,GAAA;AAAA,cAC3De,gBAAAA,EAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAWF,EAAK,YAAY,EAAE,eAAeX,EAAY,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC3D;AAAA,UAAA;AAAA,QACF;AAAA,QACCA,KACCU,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,qDACd,UAAA;AAAA,UAACE,gBAAAA,EAAAA,IAAAE,GAAA,EAAU,WAAW,kCAAmC,CAAA;AAAA,UACzDF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,uBACd,UAAAA,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAM;AAAA,cACN,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,WAAW;AAAA,cAEV,UAAeV,EAAA,IAAI,CAACW,GAAMC,MAEvBL,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,SAAS,MAAM;AACb,oBAAAd,EAAUkB,CAAI,GACdf,EAAc,EAAK;AAAA,kBACrB;AAAA,kBAEC,UAAAe;AAAA,gBAAA;AAAA,gBANIC;AAAA,cAOP,CAEH;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es230.js

@@ -1,54 +1,54 @@
 import n from "react";
-var v = typeof window > "u", y = v ? n.useEffect : n.useLayoutEffect, $ = 0, m = () => ++$, _ = !1;
+var b = typeof window > "u", y = b ? n.useEffect : n.useLayoutEffect, $ = 0, v = () => ++$, m = !1;
 function x() {
-  let [t, s] = n.useState(_ ? m : void 0);
+  let [t, s] = n.useState(m ? v : void 0);
   return y(() => {
-    t === void 0 && s(m()), _ = !0;
+    t === void 0 && s(v()), m = !0;
   }, []), t === void 0 ? t : `rwb-${t.toString(32)}`;
 }
 function E() {
   return n.useMemo(() => "useId" in n ? n.useId : x, [])();
 }
-var p = "__wrap_b", f = "__wrap_n", b = "__wrap_o", w = (t, s, e) => {
+var p = "__wrap_b", f = "__wrap_n", _ = "__wrap_o", w = (t, s, e) => {
   e = e || document.querySelector(`[data-br="${t}"]`);
   let r = e == null ? void 0 : e.parentElement;
   if (!r) return;
-  let l = (u) => e.style.maxWidth = u + "px";
+  let l = (d) => e.style.maxWidth = d + "px";
   e.style.maxWidth = "";
-  let i = r.clientWidth, c = r.clientHeight, a = i / 2 - 0.25, o = i + 0.5, d;
+  let i = r.clientWidth, u = r.clientHeight, o = i / 2 - 0.25, a = i + 0.5, c;
   if (i) {
-    for (l(a), a = Math.max(e.scrollWidth, a); a + 1 < o; ) d = Math.round((a + o) / 2), l(d), r.clientHeight === c ? o = d : a = d;
-    l(o * s + i * (1 - s));
+    for (l(o), o = Math.max(e.scrollWidth, o); o + 1 < a; ) c = Math.round((o + a) / 2), l(c), r.clientHeight === u ? a = c : o = c;
+    l(a * s + i * (1 - s));
   }
   e.__wrap_o || (typeof ResizeObserver < "u" ? (e.__wrap_o = new ResizeObserver(() => {
     self.__wrap_b(0, +e.dataset.brr, e);
   })).observe(r) : process.env.NODE_ENV === "development" && console.warn("The browser you are using does not support the ResizeObserver API. Please consider add polyfill for this API to avoid potential layout shifts or upgrade your browser. Read more: https://github.com/shuding/react-wrap-balancer#browser-support-information"));
-}, S = w.toString(), N = '(self.CSS&&CSS.supports("text-wrap","balance")?1:2)', A = (t, s, e = "") => (e && (e = `self.${f}!=1&&${e}`), n.createElement("script", { suppressHydrationWarning: !0, dangerouslySetInnerHTML: { __html: (t ? "" : `self.${f}=self.${f}||${N};self.${p}=${S};`) + e }, nonce: s })), I = n.createContext({ preferNative: !0, hasProvider: !1 }), O = n.forwardRef(({ ratio: t = 1, preferNative: s, nonce: e, children: r, as: l, ...i }, c) => {
-  let a = E(), o = n.useRef(), d = n.useContext(I), u = s ?? d.preferNative, g = l || "span";
-  return n.useImperativeHandle(c, () => o.current, []), y(() => {
-    u && self[f] === 1 || o.current && (self[p] = w)(0, t, o.current);
-  }, [r, u, t]), y(() => {
-    if (!(u && self[f] === 1)) return () => {
-      if (!o.current) return;
-      let h = o.current[b];
-      h && (h.disconnect(), delete o.current[b]);
+}, S = w.toString(), N = '(self.CSS&&CSS.supports("text-wrap","balance")?1:2)', A = (t, s, e = "") => (e && (e = `self.${f}!=1&&${e}`), n.createElement("script", { suppressHydrationWarning: !0, dangerouslySetInnerHTML: { __html: (t ? "" : `self.${f}=self.${f}||${N};self.${p}=${S};`) + e }, nonce: s })), I = n.createContext({ preferNative: !0, hasProvider: !1 }), O = n.forwardRef(({ ratio: t = 1, preferNative: s, nonce: e, children: r, as: l, ...i }, u) => {
+  let o = E(), a = n.useRef(), c = n.useContext(I), d = s ?? c.preferNative, g = l || "span";
+  return n.useImperativeHandle(u, () => a.current, []), y(() => {
+    d && self[f] === 1 || a.current && (self[p] = w)(0, t, a.current);
+  }, [r, d, t]), y(() => {
+    if (!(d && self[f] === 1)) return () => {
+      if (!a.current) return;
+      let h = a.current[_];
+      h && (h.disconnect(), delete a.current[_]);
     };
-  }, [u]), process.env.NODE_ENV === "development" && r && !Array.isArray(r) && typeof r == "object" && "type" in r && typeof r.type == "string" && r.type !== "span" && console.warn(`<Balancer> should not wrap <${r.type}> inside. Instead, it should directly wrap text or inline nodes.
+  }, [d]), process.env.NODE_ENV === "development" && r && !Array.isArray(r) && typeof r == "object" && "type" in r && typeof r.type == "string" && r.type !== "span" && console.warn(`<Balancer> should not wrap <${r.type}> inside. Instead, it should directly wrap text or inline nodes.
 
 Try changing this:
   <Balancer><${r.type}>content</${r.type}></Balancer>
 To:
-  <${r.type}><Balancer>content</Balancer></${r.type}>`), n.createElement(n.Fragment, null, n.createElement(g, { ...i, "data-br": a, "data-brr": t, ref: o, style: { display: "inline-block", verticalAlign: "top", textDecoration: "inherit", textWrap: u ? "balance" : "initial" }, suppressHydrationWarning: !0 }, r), A(d.hasProvider, e, `self.${p}("${a}",${t})`));
+  <${r.type}><Balancer>content</Balancer></${r.type}>`), n.createElement(n.Fragment, null, n.createElement(g, { ...i, "data-br": o, "data-brr": t, ref: a, style: { display: "inline-block", verticalAlign: "top", textDecoration: "inherit", textWrap: d ? "balance" : "initial" }, suppressHydrationWarning: !0 }, r), A(c.hasProvider, e, `self.${p}("${o}",${t})`));
 });
-if (!v && process.env.NODE_ENV !== "production") {
+if (!b && process.env.NODE_ENV !== "production") {
   let t = document.querySelector("[data-next-hide-fouc]");
   if (t) {
     let s = (r) => {
       for (let l of r) for (let i of Array.from(l.removedNodes)) {
         if (i !== t) continue;
         e.disconnect();
-        let c = document.querySelectorAll("[data-br]");
-        for (let a of Array.from(c)) self[p](0, +a.dataset.brr, a);
+        let u = document.querySelectorAll("[data-br]");
+        for (let o of Array.from(u)) self[p](0, +o.dataset.brr, o);
       }
     }, e = new MutationObserver(s);
     e.observe(document.head, { childList: !0 });