@anoki/fse-ui 1.0.396 → 1.0.397

package/dist/index.cjs33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs33.js","sources":["../src/components/ui/TabsGlossary/index.tsx"],"sourcesContent":["import \"./TabsGlossary.scss\";\r\nimport clsx from \"clsx\";\r\nimport React, { PropsWithChildren, ReactNode, useState } from \"react\";\r\nimport { Loader, Row } from \"@/components\";\r\n\r\ntype TabItem = {\r\n  label: string;\r\n  disabled?: boolean;\r\n};\r\n\r\ntype ActionItem = PropsWithChildren<{\r\n  label: string;\r\n  icon: ReactNode;\r\n  onClick: () => void;\r\n  loading?: boolean;\r\n}>;\r\n\r\ntype TabsGlossaryProps = {\r\n  CTA?: \"link\" | \"primary\";\r\n  navigationItems: TabItem[];\r\n  activeIndex: number;\r\n  onTabChange: (index: number) => void;\r\n  actions?: ActionItem[];\r\n  children?: ReactNode;\r\n  // onDownload?: () => void;\r\n  // onAdd?: () => void;\r\n  // downloadAllLabel?: string;\r\n  // addDocumentLabel?: string;\r\n  // actionType?: \"download\" | \"add\" | null;\r\n};\r\n\r\nexport const TabsGlossary = ({\r\n  CTA = \"link\",\r\n  navigationItems,\r\n  children,\r\n  activeIndex = 0,\r\n  onTabChange,\r\n  actions = [],\r\n  // onDownload,\r\n  // onAdd,\r\n  // downloadAllLabel = \"Scarica tutti\",\r\n  // addDocumentLabel = \"Aggiungi documento\",\r\n  // actionType,\r\n}: TabsGlossaryProps) => {\r\n  const [active, setActive] = useState(activeIndex);\r\n\r\n  // const isDownloading = loading && actionType === \"download\";\r\n  // const isAdding = loading && actionType === \"add\";\r\n\r\n  return (\r\n    <div>\r\n      <div className={clsx(\"ui-document-container-tabs\")}>\r\n        <nav aria-label=\"Menu di navigazione\">\r\n          <Row\r\n            gap={\"x20\"}\r\n            fw={\"semibold\"}\r\n            text={\"secondary\"}\r\n            className={clsx(\r\n              \"ui-document-container-tabs-nav list-style-none ui-tabs\",\r\n            )}\r\n          >\r\n            {navigationItems.map((item, index) => {\r\n              return (\r\n                <li\r\n                  key={index}\r\n                  className={clsx(\r\n                    !item.disabled ? \"cursor-pointer\" : \"text-muted\",\r\n                    \"ui-tab\",\r\n                    active === index && \"text-primary ui-active-tab-glossary\",\r\n                  )}\r\n                  onClick={() => {\r\n                    if (!item.disabled) {\r\n                      setActive(index);\r\n                      onTabChange(index);\r\n                    }\r\n                  }}\r\n                >\r\n                  <a className={\"text-decoration-none\"}>{item.label}</a>\r\n                </li>\r\n              );\r\n            })}\r\n          </Row>\r\n        </nav>\r\n        {children}\r\n        {CTA === \"link\" && (\r\n          <nav>\r\n            <ul className=\"list-style-none base-row gap-x20 fw-semibold text-primary fs-8 pb-x8\">\r\n              {actions.map((action, index) => (\r\n                <React.Fragment key={index}>\r\n                  <li\r\n                    className={clsx(\r\n                      !action.loading && \"cursor-pointer\",\r\n                      \"text-primary base-row justify-content-center align-items-center gap-x8\",\r\n                    )}\r\n                    onClick={() => !action.loading && action.onClick()}\r\n                  >\r\n                    {action.icon}\r\n                    <p>{action.label}</p>\r\n                    {action.loading && <Loader loading={action.loading} />}\r\n                  </li>\r\n                  {index < actions.length - 1 && (\r\n                    <li>\r\n                      <span className=\"ui-divider\"></span>\r\n                    </li>\r\n                  )}\r\n                </React.Fragment>\r\n              ))}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TabsGlossary","CTA","navigationItems","children","activeIndex","onTabChange","actions","active","setActive","useState","jsxs","clsx","jsx","Row","item","index","action","React","Loader"],"mappings":"qQA+BaA,EAAe,CAAC,CAC3B,IAAAC,EAAM,OACN,gBAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,EACd,YAAAC,EACA,QAAAC,EAAU,CAAA,CAMZ,IAAyB,CACvB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAASL,CAAW,EAKhD,+BACG,MACC,CAAA,SAAAM,EAAA,kBAAA,KAAC,OAAI,UAAWC,EAAAA,KAAK,4BAA4B,EAC/C,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,aAAW,sBACd,SAAAA,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,IAAK,MACL,GAAI,WACJ,KAAM,YACN,UAAWF,EAAA,KACT,wDACF,EAEC,SAAgBT,EAAA,IAAI,CAACY,EAAMC,IAExBH,EAAA,kBAAA,IAAC,KAAA,CAEC,UAAWD,EAAA,KACRG,EAAK,SAA8B,aAAnB,iBACjB,SACAP,IAAWQ,GAAS,qCACtB,EACA,QAAS,IAAM,CACRD,EAAK,WACRN,EAAUO,CAAK,EACfV,EAAYU,CAAK,EAErB,EAEA,SAACH,EAAAA,kBAAAA,IAAA,IAAA,CAAE,UAAW,uBAAyB,WAAK,KAAM,CAAA,CAAA,EAb7CG,CAcP,CAEH,CAAA,CAAA,EAEL,EACCZ,EACAF,IAAQ,QACPW,EAAAA,kBAAAA,IAAC,MACC,CAAA,SAAAA,EAAA,kBAAA,IAAC,MAAG,UAAU,uEACX,SAAQN,EAAA,IAAI,CAACU,EAAQD,IACnBL,EAAAA,kBAAAA,KAAAO,EAAM,SAAN,CACC,SAAA,CAAAP,EAAA,kBAAA,KAAC,KAAA,CACC,UAAWC,EAAA,KACT,CAACK,EAAO,SAAW,iBACnB,wEACF,EACA,QAAS,IAAM,CAACA,EAAO,SAAWA,EAAO,QAAQ,EAEhD,SAAA,CAAOA,EAAA,KACRJ,EAAAA,kBAAAA,IAAC,IAAG,CAAA,SAAAI,EAAO,KAAM,CAAA,EAChBA,EAAO,SAAWJ,wBAACM,EAAAA,OAAO,CAAA,QAASF,EAAO,OAAS,CAAA,CAAA,CAAA,CACtD,EACCD,EAAQT,EAAQ,OAAS,GACxBM,EAAA,kBAAA,IAAC,MACC,SAACA,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,YAAa,CAAA,CAC/B,CAAA,CAAA,GAfiBG,CAiBrB,CACD,CAAA,CACH,CACF,CAAA,CAAA,CAAA,CAEJ,CACF,CAAA,CAEJ"}
+{"version":3,"file":"index.cjs33.js","sources":["../src/components/ui/TabsGlossary/index.tsx"],"sourcesContent":["import \"./TabsGlossary.scss\";\nimport clsx from \"clsx\";\nimport React, { PropsWithChildren, ReactNode, useState } from \"react\";\nimport { Loader, Row } from \"@/components\";\n\ntype TabItem = {\n  label: string;\n  disabled?: boolean;\n};\n\ntype ActionItem = PropsWithChildren<{\n  label: string;\n  icon: ReactNode;\n  onClick: () => void;\n  loading?: boolean;\n}>;\n\ntype TabsGlossaryProps = {\n  CTA?: \"link\" | \"primary\";\n  navigationItems: TabItem[];\n  activeIndex: number;\n  onTabChange: (index: number) => void;\n  actions?: ActionItem[];\n  children?: ReactNode;\n  // onDownload?: () => void;\n  // onAdd?: () => void;\n  // downloadAllLabel?: string;\n  // addDocumentLabel?: string;\n  // actionType?: \"download\" | \"add\" | null;\n};\n\nexport const TabsGlossary = ({\n  CTA = \"link\",\n  navigationItems,\n  children,\n  activeIndex = 0,\n  onTabChange,\n  actions = [],\n  // onDownload,\n  // onAdd,\n  // downloadAllLabel = \"Scarica tutti\",\n  // addDocumentLabel = \"Aggiungi documento\",\n  // actionType,\n}: TabsGlossaryProps) => {\n  const [active, setActive] = useState(activeIndex);\n\n  // const isDownloading = loading && actionType === \"download\";\n  // const isAdding = loading && actionType === \"add\";\n\n  return (\n    <div>\n      <div className={clsx(\"ui-document-container-tabs\")}>\n        <nav aria-label=\"Menu di navigazione\">\n          <Row\n            gap={\"x20\"}\n            fw={\"semibold\"}\n            text={\"secondary\"}\n            className={clsx(\n              \"ui-document-container-tabs-nav list-style-none ui-tabs\",\n            )}\n          >\n            {navigationItems.map((item, index) => {\n              return (\n                <li\n                  key={index}\n                  className={clsx(\n                    !item.disabled ? \"cursor-pointer\" : \"text-muted\",\n                    \"ui-tab\",\n                    active === index && \"text-primary ui-active-tab-glossary\",\n                  )}\n                  onClick={() => {\n                    if (!item.disabled) {\n                      setActive(index);\n                      onTabChange(index);\n                    }\n                  }}\n                >\n                  <a className={\"text-decoration-none\"}>{item.label}</a>\n                </li>\n              );\n            })}\n          </Row>\n        </nav>\n        {children}\n        {CTA === \"link\" && (\n          <nav>\n            <ul className=\"list-style-none base-row gap-x20 fw-semibold text-primary fs-8 pb-x8\">\n              {actions.map((action, index) => (\n                <React.Fragment key={index}>\n                  <li\n                    className={clsx(\n                      !action.loading && \"cursor-pointer\",\n                      \"text-primary base-row justify-content-center align-items-center gap-x8\",\n                    )}\n                    onClick={() => !action.loading && action.onClick()}\n                  >\n                    {action.icon}\n                    <p>{action.label}</p>\n                    {action.loading && <Loader loading={action.loading} />}\n                  </li>\n                  {index < actions.length - 1 && (\n                    <li>\n                      <span className=\"ui-divider\"></span>\n                    </li>\n                  )}\n                </React.Fragment>\n              ))}\n            </ul>\n          </nav>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["TabsGlossary","CTA","navigationItems","children","activeIndex","onTabChange","actions","active","setActive","useState","jsxs","clsx","jsx","Row","item","index","action","React","Loader"],"mappings":"qQA+BaA,EAAe,CAAC,CAC3B,IAAAC,EAAM,OACN,gBAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,EACd,YAAAC,EACA,QAAAC,EAAU,CAAA,CAMZ,IAAyB,CACvB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAASL,CAAW,EAKhD,+BACG,MACC,CAAA,SAAAM,EAAA,kBAAA,KAAC,OAAI,UAAWC,EAAAA,KAAK,4BAA4B,EAC/C,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,aAAW,sBACd,SAAAA,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,IAAK,MACL,GAAI,WACJ,KAAM,YACN,UAAWF,EAAA,KACT,wDACF,EAEC,SAAgBT,EAAA,IAAI,CAACY,EAAMC,IAExBH,EAAA,kBAAA,IAAC,KAAA,CAEC,UAAWD,EAAA,KACRG,EAAK,SAA8B,aAAnB,iBACjB,SACAP,IAAWQ,GAAS,qCACtB,EACA,QAAS,IAAM,CACRD,EAAK,WACRN,EAAUO,CAAK,EACfV,EAAYU,CAAK,EAErB,EAEA,SAACH,EAAAA,kBAAAA,IAAA,IAAA,CAAE,UAAW,uBAAyB,WAAK,KAAM,CAAA,CAAA,EAb7CG,CAcP,CAEH,CAAA,CAAA,EAEL,EACCZ,EACAF,IAAQ,QACPW,EAAAA,kBAAAA,IAAC,MACC,CAAA,SAAAA,EAAA,kBAAA,IAAC,MAAG,UAAU,uEACX,SAAQN,EAAA,IAAI,CAACU,EAAQD,IACnBL,EAAAA,kBAAAA,KAAAO,EAAM,SAAN,CACC,SAAA,CAAAP,EAAA,kBAAA,KAAC,KAAA,CACC,UAAWC,EAAA,KACT,CAACK,EAAO,SAAW,iBACnB,wEACF,EACA,QAAS,IAAM,CAACA,EAAO,SAAWA,EAAO,QAAQ,EAEhD,SAAA,CAAOA,EAAA,KACRJ,EAAAA,kBAAAA,IAAC,IAAG,CAAA,SAAAI,EAAO,KAAM,CAAA,EAChBA,EAAO,SAAWJ,wBAACM,EAAAA,OAAO,CAAA,QAASF,EAAO,OAAS,CAAA,CAAA,CAAA,CACtD,EACCD,EAAQT,EAAQ,OAAS,GACxBM,EAAA,kBAAA,IAAC,MACC,SAACA,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,YAAa,CAAA,CAC/B,CAAA,CAAA,GAfiBG,CAiBrB,CACD,CAAA,CACH,CACF,CAAA,CAAA,CAAA,CAEJ,CACF,CAAA,CAEJ"}

package/dist/index.cjs34.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VideoPlayer/VideoPlayer.css');const e=require("./index.cjs152.js"),s=require("./index.cjs153.js");;/* empty css              */const m=require("./index.cjs90.js"),u=require("react"),h=require("./index.cjs10.js"),p={small:{width:"311px"},medium:{width:"388px"},large:{width:"666px"}},j={small:{heightImg:"170px"},medium:{heightImg:"183px"},large:{heightImg:"371px"}},g=({btnText:c="Trascrizione",sizeComp:i="large",titleTag:n="h3",image:r,asImage:l="img"})=>{const x=l,{width:o}=p[i],{heightImg:a}=j[i],[t,d]=u.useState(!1);return e.jsxRuntimeExports.jsxs(h.Col,{br:"x4",style:{width:o},className:s.clsx("shadow",t&&"ui-expanded"),children:[e.jsxRuntimeExports.jsxs("div",{style:{height:a},className:s.clsx("cardImgWrapper","w-full"),children:[e.jsxRuntimeExports.jsx(x,{src:r==null?void 0:r.src,className:s.clsx("cardImg","br-x4 h-full w-full"),alt:"..."}),e.jsxRuntimeExports.jsx("div",{className:s.clsx("cardImgMask")})]}),e.jsxRuntimeExports.jsx("div",{className:s.clsx("accordion","base-row justify-content-between align-items-center px-x24 w-full flex-1"),children:e.jsxRuntimeExports.jsxs("button",{className:s.clsx("ui-btn-accordion","base-row justify-content-between align-items-center"),type:"button",onClick:()=>d(!t),children:[e.jsxRuntimeExports.jsx(n,{className:s.clsx("fw-semibold text-primary base-col justify-content-center"),children:c}),e.jsxRuntimeExports.jsx(m.ArrowDown,{color:"primary",className:s.clsx("ui-arrow",{expanded:t})})]})}),t&&e.jsxRuntimeExports.jsx("div",{className:s.clsx("pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"),children:e.jsxRuntimeExports.jsxs("p",{children:["Placeholder content for this accordion, which is intended to demonstrate the ",e.jsxRuntimeExports.jsx("code",{children:".accordion-flush"})," class. This is the first item's accordion body."]})})]})};exports.VideoPlayer=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VideoPlayer/VideoPlayer.css');const e=require("./index.cjs152.js"),s=require("./index.cjs154.js");;/* empty css              */const m=require("./index.cjs90.js"),u=require("react"),h=require("./index.cjs10.js"),p={small:{width:"311px"},medium:{width:"388px"},large:{width:"666px"}},j={small:{heightImg:"170px"},medium:{heightImg:"183px"},large:{heightImg:"371px"}},g=({btnText:c="Trascrizione",sizeComp:i="large",titleTag:n="h3",image:r,asImage:l="img"})=>{const x=l,{width:o}=p[i],{heightImg:a}=j[i],[t,d]=u.useState(!1);return e.jsxRuntimeExports.jsxs(h.Col,{br:"x4",style:{width:o},className:s.clsx("shadow",t&&"ui-expanded"),children:[e.jsxRuntimeExports.jsxs("div",{style:{height:a},className:s.clsx("cardImgWrapper","w-full"),children:[e.jsxRuntimeExports.jsx(x,{src:r==null?void 0:r.src,className:s.clsx("cardImg","br-x4 h-full w-full"),alt:"..."}),e.jsxRuntimeExports.jsx("div",{className:s.clsx("cardImgMask")})]}),e.jsxRuntimeExports.jsx("div",{className:s.clsx("accordion","base-row justify-content-between align-items-center px-x24 w-full flex-1"),children:e.jsxRuntimeExports.jsxs("button",{className:s.clsx("ui-btn-accordion","base-row justify-content-between align-items-center"),type:"button",onClick:()=>d(!t),children:[e.jsxRuntimeExports.jsx(n,{className:s.clsx("fw-semibold text-primary base-col justify-content-center"),children:c}),e.jsxRuntimeExports.jsx(m.ArrowDown,{color:"primary",className:s.clsx("ui-arrow",{expanded:t})})]})}),t&&e.jsxRuntimeExports.jsx("div",{className:s.clsx("pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"),children:e.jsxRuntimeExports.jsxs("p",{children:["Placeholder content for this accordion, which is intended to demonstrate the ",e.jsxRuntimeExports.jsx("code",{children:".accordion-flush"})," class. This is the first item's accordion body."]})})]})};exports.VideoPlayer=g;
 //# sourceMappingURL=index.cjs34.js.map

package/dist/index.cjs34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs34.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./VideoPlayer.scss\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { useState } from \"react\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\nconst sizeStyles = {\r\n  small: {\r\n    width: \"311px\",\r\n  },\r\n  medium: {\r\n    width: \"388px\",\r\n  },\r\n  large: {\r\n    width: \"666px\",\r\n  },\r\n};\r\n\r\nconst imgSize = {\r\n  small: {\r\n    heightImg: \"170px\",\r\n  },\r\n  medium: {\r\n    heightImg: \"183px\",\r\n  },\r\n  large: {\r\n    heightImg: \"371px\",\r\n  },\r\n};\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype VideoPlayerProps = {\r\n  btnText: string;\r\n  sizeComp?: \"small\" | \"medium\" | \"large\";\r\n  titleTag: HeadingLevel;\r\n  image?: Image;\r\n  asImage?: \"img\";\r\n};\r\n\r\nexport const VideoPlayer = ({\r\n  btnText = \"Trascrizione\",\r\n  sizeComp = \"large\",\r\n  titleTag: TitleTag = \"h3\",\r\n  image,\r\n  asImage = \"img\",\r\n}: VideoPlayerProps) => {\r\n  const ImageComponent = asImage;\r\n  const { width } = sizeStyles[sizeComp];\r\n  const { heightImg } = imgSize[sizeComp];\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      style={{ width: width }}\r\n      className={clsx(\"shadow\", isExpanded && \"ui-expanded\")}\r\n    >\r\n      {/*to be replaced with video player*/}\r\n      <div\r\n        style={{ height: heightImg }}\r\n        className={clsx(\"cardImgWrapper\", \"w-full\")}\r\n      >\r\n        <ImageComponent\r\n          src={image?.src}\r\n          className={clsx(\"cardImg\", \"br-x4 h-full w-full\")}\r\n          alt=\"...\"\r\n        />\r\n        <div className={clsx(\"cardImgMask\")}></div>\r\n      </div>\r\n      <div\r\n        className={clsx(\r\n          \"accordion\",\r\n          \"base-row justify-content-between align-items-center px-x24 w-full flex-1\",\r\n        )}\r\n      >\r\n        <button\r\n          className={clsx(\r\n            \"ui-btn-accordion\",\r\n            \"base-row justify-content-between align-items-center\",\r\n          )}\r\n          type=\"button\"\r\n          onClick={() => setExpanded(!isExpanded)}\r\n        >\r\n          <TitleTag\r\n            className={clsx(\r\n              \"fw-semibold text-primary base-col justify-content-center\",\r\n            )}\r\n          >\r\n            {btnText}\r\n          </TitleTag>\r\n          <ArrowDown\r\n            color={\"primary\"}\r\n            className={clsx(\"ui-arrow\", { [\"expanded\"]: isExpanded })}\r\n          />\r\n        </button>\r\n      </div>\r\n      {isExpanded && (\r\n        <div\r\n          className={clsx(\r\n            \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\r\n          )}\r\n        >\r\n          <p>\r\n            Placeholder content for this accordion, which is intended to\r\n            demonstrate the <code>.accordion-flush</code> class. This is the\r\n            first item's accordion body.\r\n          </p>\r\n        </div>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","TitleTag","image","asImage","ImageComponent","width","heightImg","isExpanded","setExpanded","useState","jsxs","Col","clsx","jsx","ArrowDown"],"mappings":"sQAYMA,EAAa,CACjB,MAAO,CACL,MAAO,OACT,EACA,OAAQ,CACN,MAAO,OACT,EACA,MAAO,CACL,MAAO,OAAA,CAEX,EAEMC,EAAU,CACd,MAAO,CACL,UAAW,OACb,EACA,OAAQ,CACN,UAAW,OACb,EACA,MAAO,CACL,UAAW,OAAA,CAEf,EAYaC,EAAc,CAAC,CAC1B,QAAAC,EAAU,eACV,SAAAC,EAAW,QACX,SAAUC,EAAW,KACrB,MAAAC,EACA,QAAAC,EAAU,KACZ,IAAwB,CACtB,MAAMC,EAAiBD,EACjB,CAAE,MAAAE,CAAA,EAAUT,EAAWI,CAAQ,EAC/B,CAAE,UAAAM,CAAA,EAAcT,EAAQG,CAAQ,EAChC,CAACO,EAAYC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EAE9C,OAAAC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,KACJ,MAAO,CAAE,MAAAN,CAAa,EACtB,UAAWO,EAAA,KAAK,SAAUL,GAAc,aAAa,EAGrD,SAAA,CAAAG,EAAA,kBAAA,KAAC,MAAA,CACC,MAAO,CAAE,OAAQJ,CAAU,EAC3B,UAAWM,EAAAA,KAAK,iBAAkB,QAAQ,EAE1C,SAAA,CAAAC,EAAA,kBAAA,IAACT,EAAA,CACC,IAAKF,GAAA,YAAAA,EAAO,IACZ,UAAWU,EAAAA,KAAK,UAAW,qBAAqB,EAChD,IAAI,KAAA,CACN,EACCC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWD,EAAA,KAAK,aAAa,CAAG,CAAA,CAAA,CAAA,CACvC,EACAC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAA,KACT,YACA,0EACF,EAEA,SAAAF,EAAA,kBAAA,KAAC,SAAA,CACC,UAAWE,EAAA,KACT,mBACA,qDACF,EACA,KAAK,SACL,QAAS,IAAMJ,EAAY,CAACD,CAAU,EAEtC,SAAA,CAAAM,EAAA,kBAAA,IAACZ,EAAA,CACC,UAAWW,EAAA,KACT,0DACF,EAEC,SAAAb,CAAA,CACH,EACAc,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,MAAO,UACP,UAAWF,EAAAA,KAAK,WAAY,CAAG,SAAaL,CAAY,CAAA,CAAA,CAAA,CAC1D,CAAA,CAAA,CACF,CACF,EACCA,GACCM,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAA,KACT,qDACF,EAEA,kCAAC,IAAE,CAAA,SAAA,CAAA,gFAEeC,EAAAA,kBAAAA,IAAC,QAAK,SAAgB,kBAAA,CAAA,EAAO,kDAAA,CAE/C,CAAA,CAAA,CAAA,CACF,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs34.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./VideoPlayer.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useState } from \"react\";\nimport { Col } from \"@/components\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\nconst sizeStyles = {\n  small: {\n    width: \"311px\",\n  },\n  medium: {\n    width: \"388px\",\n  },\n  large: {\n    width: \"666px\",\n  },\n};\n\nconst imgSize = {\n  small: {\n    heightImg: \"170px\",\n  },\n  medium: {\n    heightImg: \"183px\",\n  },\n  large: {\n    heightImg: \"371px\",\n  },\n};\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype VideoPlayerProps = {\n  btnText: string;\n  sizeComp?: \"small\" | \"medium\" | \"large\";\n  titleTag: HeadingLevel;\n  image?: Image;\n  asImage?: \"img\";\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = \"large\",\n  titleTag: TitleTag = \"h3\",\n  image,\n  asImage = \"img\",\n}: VideoPlayerProps) => {\n  const ImageComponent = asImage;\n  const { width } = sizeStyles[sizeComp];\n  const { heightImg } = imgSize[sizeComp];\n  const [isExpanded, setExpanded] = useState(false);\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: width }}\n      className={clsx(\"shadow\", isExpanded && \"ui-expanded\")}\n    >\n      {/*to be replaced with video player*/}\n      <div\n        style={{ height: heightImg }}\n        className={clsx(\"cardImgWrapper\", \"w-full\")}\n      >\n        <ImageComponent\n          src={image?.src}\n          className={clsx(\"cardImg\", \"br-x4 h-full w-full\")}\n          alt=\"...\"\n        />\n        <div className={clsx(\"cardImgMask\")}></div>\n      </div>\n      <div\n        className={clsx(\n          \"accordion\",\n          \"base-row justify-content-between align-items-center px-x24 w-full flex-1\",\n        )}\n      >\n        <button\n          className={clsx(\n            \"ui-btn-accordion\",\n            \"base-row justify-content-between align-items-center\",\n          )}\n          type=\"button\"\n          onClick={() => setExpanded(!isExpanded)}\n        >\n          <TitleTag\n            className={clsx(\n              \"fw-semibold text-primary base-col justify-content-center\",\n            )}\n          >\n            {btnText}\n          </TitleTag>\n          <ArrowDown\n            color={\"primary\"}\n            className={clsx(\"ui-arrow\", { [\"expanded\"]: isExpanded })}\n          />\n        </button>\n      </div>\n      {isExpanded && (\n        <div\n          className={clsx(\n            \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n          )}\n        >\n          <p>\n            Placeholder content for this accordion, which is intended to\n            demonstrate the <code>.accordion-flush</code> class. This is the\n            first item's accordion body.\n          </p>\n        </div>\n      )}\n    </Col>\n  );\n};\n"],"names":["sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","TitleTag","image","asImage","ImageComponent","width","heightImg","isExpanded","setExpanded","useState","jsxs","Col","clsx","jsx","ArrowDown"],"mappings":"sQAYMA,EAAa,CACjB,MAAO,CACL,MAAO,OACT,EACA,OAAQ,CACN,MAAO,OACT,EACA,MAAO,CACL,MAAO,OAAA,CAEX,EAEMC,EAAU,CACd,MAAO,CACL,UAAW,OACb,EACA,OAAQ,CACN,UAAW,OACb,EACA,MAAO,CACL,UAAW,OAAA,CAEf,EAYaC,EAAc,CAAC,CAC1B,QAAAC,EAAU,eACV,SAAAC,EAAW,QACX,SAAUC,EAAW,KACrB,MAAAC,EACA,QAAAC,EAAU,KACZ,IAAwB,CACtB,MAAMC,EAAiBD,EACjB,CAAE,MAAAE,CAAA,EAAUT,EAAWI,CAAQ,EAC/B,CAAE,UAAAM,CAAA,EAAcT,EAAQG,CAAQ,EAChC,CAACO,EAAYC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EAE9C,OAAAC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,KACJ,MAAO,CAAE,MAAAN,CAAa,EACtB,UAAWO,EAAA,KAAK,SAAUL,GAAc,aAAa,EAGrD,SAAA,CAAAG,EAAA,kBAAA,KAAC,MAAA,CACC,MAAO,CAAE,OAAQJ,CAAU,EAC3B,UAAWM,EAAAA,KAAK,iBAAkB,QAAQ,EAE1C,SAAA,CAAAC,EAAA,kBAAA,IAACT,EAAA,CACC,IAAKF,GAAA,YAAAA,EAAO,IACZ,UAAWU,EAAAA,KAAK,UAAW,qBAAqB,EAChD,IAAI,KAAA,CACN,EACCC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWD,EAAA,KAAK,aAAa,CAAG,CAAA,CAAA,CAAA,CACvC,EACAC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAA,KACT,YACA,0EACF,EAEA,SAAAF,EAAA,kBAAA,KAAC,SAAA,CACC,UAAWE,EAAA,KACT,mBACA,qDACF,EACA,KAAK,SACL,QAAS,IAAMJ,EAAY,CAACD,CAAU,EAEtC,SAAA,CAAAM,EAAA,kBAAA,IAACZ,EAAA,CACC,UAAWW,EAAA,KACT,0DACF,EAEC,SAAAb,CAAA,CACH,EACAc,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,MAAO,UACP,UAAWF,EAAAA,KAAK,WAAY,CAAG,SAAaL,CAAY,CAAA,CAAA,CAAA,CAC1D,CAAA,CAAA,CACF,CACF,EACCA,GACCM,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAA,KACT,qDACF,EAEA,kCAAC,IAAE,CAAA,SAAA,CAAA,gFAEeC,EAAAA,kBAAAA,IAAC,QAAK,SAAgB,kBAAA,CAAA,EAAO,kDAAA,CAE/C,CAAA,CAAA,CAAA,CACF,CAAA,CAEJ,CAEJ"}

package/dist/index.cjs35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs35.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\r\nimport { TypographyKeys } from \"@/theme/typography\";\r\nimport React from \"react\";\r\n\r\ntype BaseArrowLinkProps = {\r\n  isExternal?: boolean;\r\n  fs?: TypographyKeys;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n};\r\n\r\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\r\n  href: string;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  onClick?: never;\r\n  type?: never;\r\n  asButton?: never;\r\n};\r\n\r\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\r\n  onClick?: () => void;\r\n  type?: \"button\";\r\n  asButton?: true;\r\n  asLink?: never;\r\n  href?: never;\r\n};\r\n\r\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\r\n\r\nexport const ArrowLink = ({\r\n  href,\r\n  asLink = \"a\",\r\n  isExternal = false,\r\n  fs = \"6\",\r\n  children,\r\n  className = \"\",\r\n  onClick,\r\n  type = \"button\",\r\n  asButton,\r\n  ...props\r\n}: ArrowLinkProps) => {\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\r\n\r\n  if (asButton) {\r\n    return (\r\n      <button\r\n        className={`bg-transparent border-none ${baseClasses}`}\r\n        onClick={onClick}\r\n        type={type}\r\n        {...props}\r\n      >\r\n        {children}\r\n        <ArrowRight color={\"primary\"} width={24} height={24} />\r\n      </button>\r\n    );\r\n  }\r\n\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <LinkComponent\r\n      className={baseClasses}\r\n      href={href}\r\n      target={isExternal ? \"_blank\" : undefined}\r\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n      {...props}\r\n    >\r\n      {children}\r\n      {isExternal && (\r\n        <span className=\"visually-hidden\">\r\n          {\" \"}\r\n          (si apre in una nuova finestra)\r\n        </span>\r\n      )}\r\n      <ArrowRight color={\"primary\"} width={24} height={24} />\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","props","baseClasses","size","jsxs","ArrowRight","LinkComponent"],"mappings":"oJA6BaA,EAAY,CAAC,CACxB,KAAAC,EACA,OAAAC,EAAS,IACT,WAAAC,EAAa,GACb,GAAAC,EAAK,IACL,SAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,GAAGC,CACL,IAAsB,CAMpB,MAAMC,EAAc,2GALSC,GACpB,MAAMA,CAAI,IAGuBR,CAAE,CAC+F,IAAIE,CAAS,GAExJ,GAAIG,EAEA,OAAAI,EAAA,kBAAA,KAAC,SAAA,CACC,UAAW,8BAA8BF,CAAW,GACpD,QAAAJ,EACA,KAAAC,EACC,GAAGE,EAEH,SAAA,CAAAL,0BACAS,EAAAA,WAAW,CAAA,MAAO,UAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CAAA,CACvD,EAIJ,MAAMC,EAAgBb,EAGpB,OAAAW,EAAA,kBAAA,KAACE,EAAA,CACC,UAAWJ,EACX,KAAAV,EACA,OAAQE,EAAa,SAAW,OAChC,IAAKA,EAAa,sBAAwB,OACzC,GAAGO,EAEH,SAAA,CAAAL,EACAF,GACCU,EAAA,kBAAA,KAAC,OAAK,CAAA,UAAU,kBACb,SAAA,CAAA,IAAI,iCAAA,EAEP,0BAEDC,EAAAA,WAAW,CAAA,MAAO,UAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CAAA,CACvD,CAEJ"}
+{"version":3,"file":"index.cjs35.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport React from \"react\";\n\ntype BaseArrowLinkProps = {\n  isExternal?: boolean;\n  fs?: TypographyKeys;\n  children: React.ReactNode;\n  className?: string;\n};\n\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\n  href: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n  onClick?: never;\n  type?: never;\n  asButton?: never;\n};\n\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\n  onClick?: () => void;\n  type?: \"button\";\n  asButton?: true;\n  asLink?: never;\n  href?: never;\n};\n\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\n\nexport const ArrowLink = ({\n  href,\n  asLink = \"a\",\n  isExternal = false,\n  fs = \"6\",\n  children,\n  className = \"\",\n  onClick,\n  type = \"button\",\n  asButton,\n  ...props\n}: ArrowLinkProps) => {\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\n\n  if (asButton) {\n    return (\n      <button\n        className={`bg-transparent border-none ${baseClasses}`}\n        onClick={onClick}\n        type={type}\n        {...props}\n      >\n        {children}\n        <ArrowRight color={\"primary\"} width={24} height={24} />\n      </button>\n    );\n  }\n\n  const LinkComponent = asLink;\n\n  return (\n    <LinkComponent\n      className={baseClasses}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      {...props}\n    >\n      {children}\n      {isExternal && (\n        <span className=\"visually-hidden\">\n          {\" \"}\n          (si apre in una nuova finestra)\n        </span>\n      )}\n      <ArrowRight color={\"primary\"} width={24} height={24} />\n    </LinkComponent>\n  );\n};\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","props","baseClasses","size","jsxs","ArrowRight","LinkComponent"],"mappings":"oJA6BaA,EAAY,CAAC,CACxB,KAAAC,EACA,OAAAC,EAAS,IACT,WAAAC,EAAa,GACb,GAAAC,EAAK,IACL,SAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,GAAGC,CACL,IAAsB,CAMpB,MAAMC,EAAc,2GALSC,GACpB,MAAMA,CAAI,IAGuBR,CAAE,CAC+F,IAAIE,CAAS,GAExJ,GAAIG,EAEA,OAAAI,EAAA,kBAAA,KAAC,SAAA,CACC,UAAW,8BAA8BF,CAAW,GACpD,QAAAJ,EACA,KAAAC,EACC,GAAGE,EAEH,SAAA,CAAAL,0BACAS,EAAAA,WAAW,CAAA,MAAO,UAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CAAA,CACvD,EAIJ,MAAMC,EAAgBb,EAGpB,OAAAW,EAAA,kBAAA,KAACE,EAAA,CACC,UAAWJ,EACX,KAAAV,EACA,OAAQE,EAAa,SAAW,OAChC,IAAKA,EAAa,sBAAwB,OACzC,GAAGO,EAEH,SAAA,CAAAL,EACAF,GACCU,EAAA,kBAAA,KAAC,OAAK,CAAA,UAAU,kBACb,SAAA,CAAA,IAAI,iCAAA,EAEP,0BAEDC,EAAAA,WAAW,CAAA,MAAO,UAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CAAA,CACvD,CAEJ"}

package/dist/index.cjs36.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/EntryButton/EntryButton.css');const e=require("./index.cjs152.js"),x=require("./index.cjs190.js");;/* empty css              */const c=require("./index.cjs9.js"),u=({href:t,asLink:r="a",showIcon:s=!1,ariaLabel:n="Accedi con SPID",children:i})=>{const o=r;return e.jsxRuntimeExports.jsxs(o,{className:"bg-primary min-h-x40 h-full base-row align-items-center br-x4 min-w-x252 text-decoration-none ui-entry-btn",href:t,rel:"noreferrer noopener",children:[e.jsxRuntimeExports.jsx(c.Row,{py:"x8",px:"x12",className:"items-center ui-entry-btn-spid",children:s?e.jsxRuntimeExports.jsx(x.Spid,{color:"white"}):e.jsxRuntimeExports.jsx("div",{style:{width:24,height:24},"aria-hidden":"true"})}),e.jsxRuntimeExports.jsxs("span",{className:"p-x8 fw-bold text-white text-decoration-none fs-6",rel:"noreferrer noopener",children:[i,n&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:n})]})]})};exports.EntryButton=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/EntryButton/EntryButton.css');const e=require("./index.cjs152.js"),x=require("./index.cjs197.js");;/* empty css              */const c=require("./index.cjs9.js"),u=({href:t,asLink:r="a",showIcon:s=!1,ariaLabel:n="Accedi con SPID",children:i})=>{const o=r;return e.jsxRuntimeExports.jsxs(o,{className:"bg-primary min-h-x40 h-full base-row align-items-center br-x4 min-w-x252 text-decoration-none ui-entry-btn",href:t,rel:"noreferrer noopener",children:[e.jsxRuntimeExports.jsx(c.Row,{py:"x8",px:"x12",className:"items-center ui-entry-btn-spid",children:s?e.jsxRuntimeExports.jsx(x.Spid,{color:"white"}):e.jsxRuntimeExports.jsx("div",{style:{width:24,height:24},"aria-hidden":"true"})}),e.jsxRuntimeExports.jsxs("span",{className:"p-x8 fw-bold text-white text-decoration-none fs-6",rel:"noreferrer noopener",children:[i,n&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:n})]})]})};exports.EntryButton=u;
 //# sourceMappingURL=index.cjs36.js.map

package/dist/index.cjs36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs36.js","sources":["../src/components/ui/EntryButton/index.tsx"],"sourcesContent":["import { Spid } from \"@/icons/Spid\";\r\nimport \"./EntryButton.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype EntryButtonProps = {\r\n  href: string;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  showIcon?: boolean;\r\n  ariaLabel: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport const EntryButton = ({\r\n  href,\r\n  asLink = \"a\",\r\n  showIcon = false,\r\n  ariaLabel = \"Accedi con SPID\",\r\n  children,\r\n}: EntryButtonProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <LinkComponent\r\n      className=\"bg-primary min-h-x40 h-full base-row align-items-center br-x4 min-w-x252 text-decoration-none ui-entry-btn\"\r\n      href={href}\r\n      rel={\"noreferrer noopener\"}\r\n    >\r\n      <Row py={\"x8\"} px={\"x12\"} className=\"items-center ui-entry-btn-spid\">\r\n        {showIcon ? (\r\n          <Spid color=\"white\" />\r\n        ) : (\r\n          <div style={{ width: 24, height: 24 }} aria-hidden=\"true\" />\r\n        )}\r\n      </Row>\r\n      <span\r\n        className=\"p-x8 fw-bold text-white text-decoration-none fs-6\"\r\n        rel={\"noreferrer noopener\"}\r\n      >\r\n        {children}\r\n        {ariaLabel && <span className=\"visually-hidden\">{ariaLabel}</span>}\r\n      </span>\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["EntryButton","href","asLink","showIcon","ariaLabel","children","LinkComponent","jsxs","jsx","Row","Spid"],"mappings":"oNAYaA,EAAc,CAAC,CAC1B,KAAAC,EACA,OAAAC,EAAS,IACT,SAAAC,EAAW,GACX,UAAAC,EAAY,kBACZ,SAAAC,CACF,IAAwB,CACtB,MAAMC,EAAgBJ,EAGpB,OAAAK,EAAA,kBAAA,KAACD,EAAA,CACC,UAAU,6GACV,KAAAL,EACA,IAAK,sBAEL,SAAA,CAACO,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,GAAI,KAAM,GAAI,MAAO,UAAU,iCACjC,SAAAN,EACEK,EAAA,kBAAA,IAAAE,EAAA,KAAA,CAAK,MAAM,OAAA,CAAQ,EAEnBF,EAAA,kBAAA,IAAA,MAAA,CAAI,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAG,EAAG,cAAY,MAAA,CAAO,CAE9D,CAAA,EACAD,EAAA,kBAAA,KAAC,OAAA,CACC,UAAU,oDACV,IAAK,sBAEJ,SAAA,CAAAF,EACAD,GAAaI,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,kBAAmB,SAAUJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAC7D,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs36.js","sources":["../src/components/ui/EntryButton/index.tsx"],"sourcesContent":["import { Spid } from \"@/icons/Spid\";\nimport \"./EntryButton.scss\";\nimport { Row } from \"@/components\";\n\ntype EntryButtonProps = {\n  href: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n  showIcon?: boolean;\n  ariaLabel: string;\n  children: React.ReactNode;\n};\n\nexport const EntryButton = ({\n  href,\n  asLink = \"a\",\n  showIcon = false,\n  ariaLabel = \"Accedi con SPID\",\n  children,\n}: EntryButtonProps) => {\n  const LinkComponent = asLink;\n\n  return (\n    <LinkComponent\n      className=\"bg-primary min-h-x40 h-full base-row align-items-center br-x4 min-w-x252 text-decoration-none ui-entry-btn\"\n      href={href}\n      rel={\"noreferrer noopener\"}\n    >\n      <Row py={\"x8\"} px={\"x12\"} className=\"items-center ui-entry-btn-spid\">\n        {showIcon ? (\n          <Spid color=\"white\" />\n        ) : (\n          <div style={{ width: 24, height: 24 }} aria-hidden=\"true\" />\n        )}\n      </Row>\n      <span\n        className=\"p-x8 fw-bold text-white text-decoration-none fs-6\"\n        rel={\"noreferrer noopener\"}\n      >\n        {children}\n        {ariaLabel && <span className=\"visually-hidden\">{ariaLabel}</span>}\n      </span>\n    </LinkComponent>\n  );\n};\n"],"names":["EntryButton","href","asLink","showIcon","ariaLabel","children","LinkComponent","jsxs","jsx","Row","Spid"],"mappings":"oNAYaA,EAAc,CAAC,CAC1B,KAAAC,EACA,OAAAC,EAAS,IACT,SAAAC,EAAW,GACX,UAAAC,EAAY,kBACZ,SAAAC,CACF,IAAwB,CACtB,MAAMC,EAAgBJ,EAGpB,OAAAK,EAAA,kBAAA,KAACD,EAAA,CACC,UAAU,6GACV,KAAAL,EACA,IAAK,sBAEL,SAAA,CAACO,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,GAAI,KAAM,GAAI,MAAO,UAAU,iCACjC,SAAAN,EACEK,EAAA,kBAAA,IAAAE,EAAA,KAAA,CAAK,MAAM,OAAA,CAAQ,EAEnBF,EAAA,kBAAA,IAAA,MAAA,CAAI,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAG,EAAG,cAAY,MAAA,CAAO,CAE9D,CAAA,EACAD,EAAA,kBAAA,KAAC,OAAA,CACC,UAAU,oDACV,IAAK,sBAEJ,SAAA,CAAAF,EACAD,GAAaI,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,kBAAmB,SAAUJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAC7D,CAAA,CACF,CAEJ"}

package/dist/index.cjs37.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/BaseModal/BaseModal.css');const o=require("./index.cjs152.js"),r=require("./index.cjs192.js"),d=require("./index.cjs193.js"),x=require("./index.cjs194.js"),l=require("./index.cjs195.js"),u=require("./index.cjs196.js");;/* empty css              */const e=({open:s,setOpen:t,overrideClassNames:a,id:n=void 0,children:i})=>o.jsxRuntimeExports.jsx(r.Root,{open:s,onOpenChange:t,children:o.jsxRuntimeExports.jsxs(r.Portal,{children:[o.jsxRuntimeExports.jsx(r.Overlay,{className:"ui-base-modal-overlay"}),o.jsxRuntimeExports.jsx(r.Content,{className:`bg-white shadow br-x4 ui-base-modal-body ${a??""}`,id:n,children:i})]})});e.Header=d.BaseModalHeader;e.HeaderBack=u.BaseModalBackHeader;e.Content=l.BaseModalContent;e.Footer=x.BaseModalFooter;exports.BaseModal=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/BaseModal/BaseModal.css');const o=require("./index.cjs152.js"),r=require("./index.cjs199.js"),d=require("./index.cjs200.js"),x=require("./index.cjs201.js"),l=require("./index.cjs202.js"),u=require("./index.cjs203.js");;/* empty css              */const e=({open:s,setOpen:t,overrideClassNames:a,id:n=void 0,children:i})=>o.jsxRuntimeExports.jsx(r.Root,{open:s,onOpenChange:t,children:o.jsxRuntimeExports.jsxs(r.Portal,{children:[o.jsxRuntimeExports.jsx(r.Overlay,{className:"ui-base-modal-overlay"}),o.jsxRuntimeExports.jsx(r.Content,{className:`bg-white shadow br-x4 ui-base-modal-body ${a??""}`,id:n,children:i})]})});e.Header=d.BaseModalHeader;e.HeaderBack=u.BaseModalBackHeader;e.Content=l.BaseModalContent;e.Footer=x.BaseModalFooter;exports.BaseModal=e;
 //# sourceMappingURL=index.cjs37.js.map

package/dist/index.cjs37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs37.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { BaseModalHeader } from \"./BaseModalHeader\";\r\nimport { BaseModalFooter } from \"./BaseModalFooter\";\r\nimport { BaseModalContent } from \"./BaseModalContent\";\r\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\r\nimport \"./BaseModal.scss\";\r\n\r\ntype BaseModalProps = {\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  overrideClassNames?: string;\r\n  id?: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst BaseModal = ({\r\n  open,\r\n  setOpen,\r\n  overrideClassNames,\r\n  id = undefined,\r\n  children,\r\n}: BaseModalProps) => {\r\n  return (\r\n    <Dialog.Root open={open} onOpenChange={setOpen}>\r\n      <Dialog.Portal>\r\n        <Dialog.Overlay className=\"ui-base-modal-overlay\" />\r\n        <Dialog.Content\r\n          className={`bg-white shadow br-x4 ui-base-modal-body ${overrideClassNames ?? \"\"}`}\r\n          id={id}\r\n        >\r\n          {children}\r\n        </Dialog.Content>\r\n      </Dialog.Portal>\r\n    </Dialog.Root>\r\n  );\r\n};\r\n\r\nBaseModal.Header = BaseModalHeader;\r\nBaseModal.HeaderBack = BaseModalBackHeader;\r\nBaseModal.Content = BaseModalContent;\r\nBaseModal.Footer = BaseModalFooter;\r\n\r\nexport { BaseModal };\r\n"],"names":["BaseModal","open","setOpen","overrideClassNames","id","children","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","Dialog.Content","BaseModalHeader","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":"6SAgBA,MAAMA,EAAY,CAAC,CACjB,KAAAC,EACA,QAAAC,EACA,mBAAAC,EACA,GAAAC,EAAK,OACL,SAAAC,CACF,IAEIC,wBAACC,EAAAA,KAAA,CAAY,KAAAN,EAAY,aAAcC,EACrC,SAAAM,EAAA,kBAAA,KAACC,SAAA,CACC,SAAA,CAAAH,EAAAA,kBAAAA,IAACI,EAAO,QAAP,CAAe,UAAU,uBAAwB,CAAA,EAClDJ,EAAA,kBAAA,IAACK,EAAO,QAAP,CACC,UAAW,4CAA4CR,GAAsB,EAAE,GAC/E,GAAAC,EAEC,SAAAC,CAAA,CAAA,CACH,CAAA,CACF,CACF,CAAA,EAIJL,EAAU,OAASY,EAAA,gBACnBZ,EAAU,WAAaa,EAAA,oBACvBb,EAAU,QAAUc,EAAA,iBACpBd,EAAU,OAASe,EAAA"}
+{"version":3,"file":"index.cjs37.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { BaseModalHeader } from \"./BaseModalHeader\";\nimport { BaseModalFooter } from \"./BaseModalFooter\";\nimport { BaseModalContent } from \"./BaseModalContent\";\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\nimport \"./BaseModal.scss\";\n\ntype BaseModalProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  overrideClassNames?: string;\n  id?: string;\n  children: React.ReactNode;\n};\n\nconst BaseModal = ({\n  open,\n  setOpen,\n  overrideClassNames,\n  id = undefined,\n  children,\n}: BaseModalProps) => {\n  return (\n    <Dialog.Root open={open} onOpenChange={setOpen}>\n      <Dialog.Portal>\n        <Dialog.Overlay className=\"ui-base-modal-overlay\" />\n        <Dialog.Content\n          className={`bg-white shadow br-x4 ui-base-modal-body ${overrideClassNames ?? \"\"}`}\n          id={id}\n        >\n          {children}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nBaseModal.Header = BaseModalHeader;\nBaseModal.HeaderBack = BaseModalBackHeader;\nBaseModal.Content = BaseModalContent;\nBaseModal.Footer = BaseModalFooter;\n\nexport { BaseModal };\n"],"names":["BaseModal","open","setOpen","overrideClassNames","id","children","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","Dialog.Content","BaseModalHeader","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":"6SAgBA,MAAMA,EAAY,CAAC,CACjB,KAAAC,EACA,QAAAC,EACA,mBAAAC,EACA,GAAAC,EAAK,OACL,SAAAC,CACF,IAEIC,wBAACC,EAAAA,KAAA,CAAY,KAAAN,EAAY,aAAcC,EACrC,SAAAM,EAAA,kBAAA,KAACC,SAAA,CACC,SAAA,CAAAH,EAAAA,kBAAAA,IAACI,EAAO,QAAP,CAAe,UAAU,uBAAwB,CAAA,EAClDJ,EAAA,kBAAA,IAACK,EAAO,QAAP,CACC,UAAW,4CAA4CR,GAAsB,EAAE,GAC/E,GAAAC,EAEC,SAAAC,CAAA,CAAA,CACH,CAAA,CACF,CACF,CAAA,EAIJL,EAAU,OAASY,EAAA,gBACnBZ,EAAU,WAAaa,EAAA,oBACvBb,EAAU,QAAUc,EAAA,iBACpBd,EAAU,OAASe,EAAA"}

package/dist/index.cjs38.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ConsentModal/ConsentModal.css');const s=require("./index.cjs152.js"),i=require("./index.cjs37.js"),d=require("./index.cjs198.js"),a=require("./index.cjs199.js"),u=require("./index.cjs200.js"),l=require("./index.cjs153.js");;/* empty css              */const e=({open:o,overrideClassNames:n,setOpen:t,children:r})=>s.jsxRuntimeExports.jsx(i.BaseModal,{open:o,setOpen:t,overrideClassNames:l.clsx("ui-consent-modal-override",n),children:r});e.Header=d.ConsentModalHeader;e.Content=u.ContentModalContent;e.Footer=a.ConsentModalFooter;exports.ConsentModal=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ConsentModal/ConsentModal.css');const s=require("./index.cjs152.js"),i=require("./index.cjs37.js"),d=require("./index.cjs205.js"),a=require("./index.cjs206.js"),u=require("./index.cjs207.js"),l=require("./index.cjs154.js");;/* empty css              */const e=({open:o,overrideClassNames:n,setOpen:t,children:r})=>s.jsxRuntimeExports.jsx(i.BaseModal,{open:o,setOpen:t,overrideClassNames:l.clsx("ui-consent-modal-override",n),children:r});e.Header=d.ConsentModalHeader;e.Content=u.ContentModalContent;e.Footer=a.ConsentModalFooter;exports.ConsentModal=e;
 //# sourceMappingURL=index.cjs38.js.map

package/dist/index.cjs38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs38.js","sources":["../src/components/ui/ConsentModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"../BaseModal\";\r\nimport { ConsentModalHeader } from \"./ConsentModalHeader\";\r\nimport { ConsentModalFooter } from \"./ConsentModalFooter\";\r\nimport { ContentModalContent } from \"./ConsentModalContent\";\r\nimport clsx from \"clsx\";\r\nimport \"./ConsentModal.scss\";\r\n\r\ntype ConsentModalProps = {\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst ConsentModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  setOpen,\r\n  children,\r\n}: ConsentModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\r\n    >\r\n      {children}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nConsentModal.Header = ConsentModalHeader;\r\nConsentModal.Content = ContentModalContent;\r\nConsentModal.Footer = ConsentModalFooter;\r\n\r\nexport { ConsentModal };\r\n"],"names":["ConsentModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","ConsentModalHeader","ContentModalContent","ConsentModalFooter"],"mappings":"4SAcA,MAAMA,EAAe,CAAC,CACpB,KAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,KAAAL,EACA,QAAAE,EACA,mBAAoBI,EAAAA,KAAK,4BAA6BL,CAAkB,EAEvE,SAAAE,CAAA,CACH,EAIJJ,EAAa,OAASQ,EAAA,mBACtBR,EAAa,QAAUS,EAAA,oBACvBT,EAAa,OAASU,EAAA"}
+{"version":3,"file":"index.cjs38.js","sources":["../src/components/ui/ConsentModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"../BaseModal\";\nimport { ConsentModalHeader } from \"./ConsentModalHeader\";\nimport { ConsentModalFooter } from \"./ConsentModalFooter\";\nimport { ContentModalContent } from \"./ConsentModalContent\";\nimport clsx from \"clsx\";\nimport \"./ConsentModal.scss\";\n\ntype ConsentModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst ConsentModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: ConsentModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nConsentModal.Header = ConsentModalHeader;\nConsentModal.Content = ContentModalContent;\nConsentModal.Footer = ConsentModalFooter;\n\nexport { ConsentModal };\n"],"names":["ConsentModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","ConsentModalHeader","ContentModalContent","ConsentModalFooter"],"mappings":"4SAcA,MAAMA,EAAe,CAAC,CACpB,KAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,KAAAL,EACA,QAAAE,EACA,mBAAoBI,EAAAA,KAAK,4BAA6BL,CAAkB,EAEvE,SAAAE,CAAA,CACH,EAIJJ,EAAa,OAASQ,EAAA,mBACtBR,EAAa,QAAUS,EAAA,oBACvBT,EAAa,OAASU,EAAA"}

package/dist/index.cjs39.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DoctorModal/DoctorModal.css');const s=require("./index.cjs152.js"),i=require("./index.cjs153.js");;/* empty css              */const c=require("./index.cjs203.js"),d=require("./index.cjs204.js"),u=require("./index.cjs37.js"),e=({open:o,overrideClassNames:r,setOpen:t,children:n})=>s.jsxRuntimeExports.jsx(u.BaseModal,{open:o,setOpen:t,overrideClassNames:i.clsx("ui-consent-modal-override",r),children:n});e.Content=c.DoctorModalContent;e.Footer=d.DoctorModalFooter;exports.DoctorModal=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DoctorModal/DoctorModal.css');const s=require("./index.cjs152.js"),i=require("./index.cjs154.js");;/* empty css              */const c=require("./index.cjs210.js"),d=require("./index.cjs211.js"),u=require("./index.cjs37.js"),e=({open:o,overrideClassNames:r,setOpen:t,children:n})=>s.jsxRuntimeExports.jsx(u.BaseModal,{open:o,setOpen:t,overrideClassNames:i.clsx("ui-consent-modal-override",r),children:n});e.Content=c.DoctorModalContent;e.Footer=d.DoctorModalFooter;exports.DoctorModal=e;
 //# sourceMappingURL=index.cjs39.js.map

package/dist/index.cjs39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs39.js","sources":["../src/components/ui/DoctorModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./DoctorModal.scss\";\r\nimport { BaseModal } from \"@/components\";\r\nimport { DoctorModalContent } from \"@/components/ui/DoctorModal/DoctorModalContent\";\r\nimport { DoctorModalFooter } from \"@/components/ui/DoctorModal/DoctorModalFooter\";\r\n\r\ntype DoctorModalProps = {\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst DoctorModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  setOpen,\r\n  children,\r\n}: DoctorModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\r\n    >\r\n      {children}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nDoctorModal.Content = DoctorModalContent;\r\nDoctorModal.Footer = DoctorModalFooter;\r\n\r\nexport { DoctorModal };\r\n"],"names":["DoctorModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DoctorModalContent","DoctorModalFooter"],"mappings":"mRAaMA,EAAc,CAAC,CACnB,KAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,KAAAL,EACA,QAAAE,EACA,mBAAoBI,EAAAA,KAAK,4BAA6BL,CAAkB,EAEvE,SAAAE,CAAA,CACH,EAIJJ,EAAY,QAAUQ,EAAA,mBACtBR,EAAY,OAASS,EAAA"}
+{"version":3,"file":"index.cjs39.js","sources":["../src/components/ui/DoctorModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./DoctorModal.scss\";\nimport { BaseModal } from \"@/components\";\nimport { DoctorModalContent } from \"@/components/ui/DoctorModal/DoctorModalContent\";\nimport { DoctorModalFooter } from \"@/components/ui/DoctorModal/DoctorModalFooter\";\n\ntype DoctorModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst DoctorModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: DoctorModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nDoctorModal.Content = DoctorModalContent;\nDoctorModal.Footer = DoctorModalFooter;\n\nexport { DoctorModal };\n"],"names":["DoctorModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DoctorModalContent","DoctorModalFooter"],"mappings":"mRAaMA,EAAc,CAAC,CACnB,KAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,KAAAL,EACA,QAAAE,EACA,mBAAoBI,EAAAA,KAAK,4BAA6BL,CAAkB,EAEvE,SAAAE,CAAA,CACH,EAIJJ,EAAY,QAAUQ,EAAA,mBACtBR,EAAY,OAASS,EAAA"}

package/dist/index.cjs40.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ProgressBar/ProgressBar.css');const s=require("./index.cjs152.js"),x=require("./index.cjs192.js");;/* empty css              */const o=require("./index.cjs153.js"),m=require("./index.cjs25.js"),c=require("./index.cjs93.js"),d=({closeButton:a="Chiudi",onCloseClick:l,title:r,stepLabel:n="di",currentStep:i=1,totalSteps:e=3})=>s.jsxRuntimeExports.jsxs("div",{className:"text-slate-28",children:[s.jsxRuntimeExports.jsxs("header",{className:"ui-modal-header ",children:[s.jsxRuntimeExports.jsxs(x.Title,{className:"base-col justify-content-center align-items-center mb-5 pb-x8",children:[r&&s.jsxRuntimeExports.jsx("div",{className:"fw-bold fs-7 md-fs-custom",children:r}),s.jsxRuntimeExports.jsxs("p",{className:"fs-7",children:["Step ",s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:i})," ",n," ",e]})]}),s.jsxRuntimeExports.jsx(x.Close,{asChild:!0,className:"ui-modal-header-close",children:s.jsxRuntimeExports.jsxs(m.Button,{size:"4",textColor:"primary",bg:"transparent","aria-label":"Chiudi modale",onClick:l,children:[a,s.jsxRuntimeExports.jsx(c.Close,{className:"ml-x8"})]})})]}),s.jsxRuntimeExports.jsx("div",{className:"ui-progress-bar mx-x4",children:Array.from({length:e},(u,t)=>s.jsxRuntimeExports.jsx("div",{className:o.clsx("ui-bar",t+1<=i?"bg-primary":"bg-lightblue-a02"),style:{width:`${100/e}%`}},t+1))})]});exports.ProgressBar=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ProgressBar/ProgressBar.css');const s=require("./index.cjs152.js"),x=require("./index.cjs199.js");;/* empty css              */const o=require("./index.cjs154.js"),m=require("./index.cjs25.js"),c=require("./index.cjs93.js"),d=({closeButton:a="Chiudi",onCloseClick:l,title:r,stepLabel:n="di",currentStep:i=1,totalSteps:e=3})=>s.jsxRuntimeExports.jsxs("div",{className:"text-slate-28",children:[s.jsxRuntimeExports.jsxs("header",{className:"ui-modal-header ",children:[s.jsxRuntimeExports.jsxs(x.Title,{className:"base-col justify-content-center align-items-center mb-5 pb-x8",children:[r&&s.jsxRuntimeExports.jsx("div",{className:"fw-bold fs-7 md-fs-custom",children:r}),s.jsxRuntimeExports.jsxs("p",{className:"fs-7",children:["Step ",s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:i})," ",n," ",e]})]}),s.jsxRuntimeExports.jsx(x.Close,{asChild:!0,className:"ui-modal-header-close",children:s.jsxRuntimeExports.jsxs(m.Button,{size:"4",textColor:"primary",bg:"transparent","aria-label":"Chiudi modale",onClick:l,children:[a,s.jsxRuntimeExports.jsx(c.Close,{className:"ml-x8"})]})})]}),s.jsxRuntimeExports.jsx("div",{className:"ui-progress-bar mx-x4",children:Array.from({length:e},(u,t)=>s.jsxRuntimeExports.jsx("div",{className:o.clsx("ui-bar",t+1<=i?"bg-primary":"bg-lightblue-a02"),style:{width:`${100/e}%`}},t+1))})]});exports.ProgressBar=d;
 //# sourceMappingURL=index.cjs40.js.map

package/dist/index.cjs40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs40.js","sources":["../src/components/ui/ProgressBar/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./ProgressBar.scss\";\r\nimport { Button } from \"@/components\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype DoctorModalHeaderProps = PropsWithChildren<{\r\n  closeButton?: string;\r\n  onCloseClick?: () => void;\r\n  children?: ReactNode;\r\n  title?: string;\r\n  stepLabel?: string;\r\n  currentStep?: number;\r\n  totalSteps?: number;\r\n}>;\r\n\r\nexport const ProgressBar = ({\r\n  closeButton = \"Chiudi\",\r\n  onCloseClick,\r\n  title,\r\n  stepLabel = \"di\",\r\n  currentStep = 1,\r\n  totalSteps = 3,\r\n}: DoctorModalHeaderProps) => {\r\n  return (\r\n    <div className={\"text-slate-28\"}>\r\n      <header className=\"ui-modal-header \">\r\n        <Dialog.Title className=\"base-col justify-content-center align-items-center mb-5 pb-x8\">\r\n          {title && <div className={\"fw-bold fs-7 md-fs-custom\"}>{title}</div>}\r\n          <p className={\"fs-7\"}>\r\n            Step <span className={\"text-primary fw-bold\"}>{currentStep}</span>{\" \"}\r\n            {stepLabel} {totalSteps}\r\n          </p>\r\n        </Dialog.Title>\r\n\r\n        <Dialog.Close asChild className=\"ui-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      <div className={\"ui-progress-bar mx-x4\"}>\r\n        {Array.from({ length: totalSteps }, (_, i) => (\r\n          <div\r\n            key={i + 1}\r\n            className={clsx(\r\n              \"ui-bar\",\r\n              i + 1 <= currentStep ? \"bg-primary\" : \"bg-lightblue-a02\",\r\n            )}\r\n            style={{\r\n              width: `${100 / totalSteps}%`,\r\n            }}\r\n          />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ProgressBar","closeButton","onCloseClick","title","stepLabel","currentStep","totalSteps","jsxs","Dialog.Title","jsx","Dialog.Close","Button","Close","_","i","clsx"],"mappings":"kRAiBaA,EAAc,CAAC,CAC1B,YAAAC,EAAc,SACd,aAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,KACZ,YAAAC,EAAc,EACd,WAAAC,EAAa,CACf,IAEIC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAW,gBACd,SAAA,CAACA,EAAAA,kBAAAA,KAAA,SAAA,CAAO,UAAU,mBAChB,SAAA,CAAAA,EAAAA,kBAAAA,KAACC,EAAAA,MAAA,CAAa,UAAU,gEACrB,SAAA,CAAAL,GAAUM,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAW,4BAA8B,SAAMN,EAAA,EAC9DI,EAAAA,kBAAAA,KAAC,IAAE,CAAA,UAAW,OAAQ,SAAA,CAAA,QACdE,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,uBAAyB,SAAYJ,EAAA,EAAQ,IAClED,EAAU,IAAEE,CAAA,CACf,CAAA,CAAA,EACF,0BAECI,EAAO,MAAP,CAAa,QAAO,GAAC,UAAU,wBAC9B,SAAAH,EAAA,kBAAA,KAACI,EAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,gBACX,QAAST,EAER,SAAA,CAAAD,EACDQ,EAAAA,kBAAAA,IAACG,EAAM,MAAA,CAAA,UAAU,OAAQ,CAAA,CAAA,CAAA,CAAA,CAE7B,CAAA,CAAA,EACF,EACCH,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAW,wBACb,SAAM,MAAA,KAAK,CAAE,OAAQH,CAAW,EAAG,CAACO,EAAGC,IACtCL,EAAA,kBAAA,IAAC,MAAA,CAEC,UAAWM,EAAA,KACT,SACAD,EAAI,GAAKT,EAAc,aAAe,kBACxC,EACA,MAAO,CACL,MAAO,GAAG,IAAMC,CAAU,GAAA,CAC5B,EAPKQ,EAAI,CAAA,CASZ,CACH,CAAA,CAAA,EACF"}
+{"version":3,"file":"index.cjs40.js","sources":["../src/components/ui/ProgressBar/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Close } from \"@/icons\";\nimport \"./ProgressBar.scss\";\nimport { Button } from \"@/components\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype DoctorModalHeaderProps = PropsWithChildren<{\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n  title?: string;\n  stepLabel?: string;\n  currentStep?: number;\n  totalSteps?: number;\n}>;\n\nexport const ProgressBar = ({\n  closeButton = \"Chiudi\",\n  onCloseClick,\n  title,\n  stepLabel = \"di\",\n  currentStep = 1,\n  totalSteps = 3,\n}: DoctorModalHeaderProps) => {\n  return (\n    <div className={\"text-slate-28\"}>\n      <header className=\"ui-modal-header \">\n        <Dialog.Title className=\"base-col justify-content-center align-items-center mb-5 pb-x8\">\n          {title && <div className={\"fw-bold fs-7 md-fs-custom\"}>{title}</div>}\n          <p className={\"fs-7\"}>\n            Step <span className={\"text-primary fw-bold\"}>{currentStep}</span>{\" \"}\n            {stepLabel} {totalSteps}\n          </p>\n        </Dialog.Title>\n\n        <Dialog.Close asChild className=\"ui-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      <div className={\"ui-progress-bar mx-x4\"}>\n        {Array.from({ length: totalSteps }, (_, i) => (\n          <div\n            key={i + 1}\n            className={clsx(\n              \"ui-bar\",\n              i + 1 <= currentStep ? \"bg-primary\" : \"bg-lightblue-a02\",\n            )}\n            style={{\n              width: `${100 / totalSteps}%`,\n            }}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["ProgressBar","closeButton","onCloseClick","title","stepLabel","currentStep","totalSteps","jsxs","Dialog.Title","jsx","Dialog.Close","Button","Close","_","i","clsx"],"mappings":"kRAiBaA,EAAc,CAAC,CAC1B,YAAAC,EAAc,SACd,aAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,KACZ,YAAAC,EAAc,EACd,WAAAC,EAAa,CACf,IAEIC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAW,gBACd,SAAA,CAACA,EAAAA,kBAAAA,KAAA,SAAA,CAAO,UAAU,mBAChB,SAAA,CAAAA,EAAAA,kBAAAA,KAACC,EAAAA,MAAA,CAAa,UAAU,gEACrB,SAAA,CAAAL,GAAUM,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAW,4BAA8B,SAAMN,EAAA,EAC9DI,EAAAA,kBAAAA,KAAC,IAAE,CAAA,UAAW,OAAQ,SAAA,CAAA,QACdE,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,uBAAyB,SAAYJ,EAAA,EAAQ,IAClED,EAAU,IAAEE,CAAA,CACf,CAAA,CAAA,EACF,0BAECI,EAAO,MAAP,CAAa,QAAO,GAAC,UAAU,wBAC9B,SAAAH,EAAA,kBAAA,KAACI,EAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,gBACX,QAAST,EAER,SAAA,CAAAD,EACDQ,EAAAA,kBAAAA,IAACG,EAAM,MAAA,CAAA,UAAU,OAAQ,CAAA,CAAA,CAAA,CAAA,CAE7B,CAAA,CAAA,EACF,EACCH,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAW,wBACb,SAAM,MAAA,KAAK,CAAE,OAAQH,CAAW,EAAG,CAACO,EAAGC,IACtCL,EAAA,kBAAA,IAAC,MAAA,CAEC,UAAWM,EAAA,KACT,SACAD,EAAI,GAAKT,EAAc,aAAe,kBACxC,EACA,MAAO,CACL,MAAO,GAAG,IAAMC,CAAU,GAAA,CAC5B,EAPKQ,EAAI,CAAA,CASZ,CACH,CAAA,CAAA,EACF"}

package/dist/index.cjs41.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardSelectDoctor/CardSelectDoctor.css');const e=require("./index.cjs152.js");;/* empty css              */const x=require("react"),a=require("./index.cjs181.js"),R=require("./index.cjs182.js"),w=require("./index.cjs10.js"),g=({id:r,title:l,titleTag:u="h3",description:d,className:h,setSelectedCard:i=()=>{},description2:o,keepSelectionOnNavigation:m=!1,disabled:s=!1})=>{const[t,c]=x.useState(!1),n=x.useRef(null);R.useClickOutside(n,t,()=>c(!1),()=>i(""),m);const j=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),p=`${h} ${t?"ui-is-active":"ui-card-search"} shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${s?"ui-card-disabled":"cursor-pointer"}`,f=()=>{s||(c(!0),i(r))};return e.jsxRuntimeExports.jsxs("div",{ref:n,className:p,onClick:f,"aria-disabled":s,children:[e.jsxRuntimeExports.jsx(a.Root,{id:r,checked:t,disabled:s,className:"ui-checkbox-filter",children:e.jsxRuntimeExports.jsx(a.Indicator,{children:e.jsxRuntimeExports.jsx(j,{})})}),e.jsxRuntimeExports.jsxs(w.Col,{children:[e.jsxRuntimeExports.jsx(u,{className:"flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold",children:l}),e.jsxRuntimeExports.jsx("p",{className:"fs-7 md-fs-custom fw-regular text-slate-28",children:d}),o&&e.jsxRuntimeExports.jsx("p",{className:"fs-7 md-fs-custom fw-regular text-slate-28 pt-x16",children:o})]})]})};exports.CardSelectDoctor=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardSelectDoctor/CardSelectDoctor.css');const e=require("./index.cjs152.js");;/* empty css              */const x=require("react"),a=require("./index.cjs188.js"),R=require("./index.cjs189.js"),w=require("./index.cjs10.js"),g=({id:r,title:l,titleTag:u="h3",description:d,className:h,setSelectedCard:i=()=>{},description2:o,keepSelectionOnNavigation:m=!1,disabled:s=!1})=>{const[t,c]=x.useState(!1),n=x.useRef(null);R.useClickOutside(n,t,()=>c(!1),()=>i(""),m);const j=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),p=`${h} ${t?"ui-is-active":"ui-card-search"} shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${s?"ui-card-disabled":"cursor-pointer"}`,f=()=>{s||(c(!0),i(r))};return e.jsxRuntimeExports.jsxs("div",{ref:n,className:p,onClick:f,"aria-disabled":s,children:[e.jsxRuntimeExports.jsx(a.Root,{id:r,checked:t,disabled:s,className:"ui-checkbox-filter",children:e.jsxRuntimeExports.jsx(a.Indicator,{children:e.jsxRuntimeExports.jsx(j,{})})}),e.jsxRuntimeExports.jsxs(w.Col,{children:[e.jsxRuntimeExports.jsx(u,{className:"flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold",children:l}),e.jsxRuntimeExports.jsx("p",{className:"fs-7 md-fs-custom fw-regular text-slate-28",children:d}),o&&e.jsxRuntimeExports.jsx("p",{className:"fs-7 md-fs-custom fw-regular text-slate-28 pt-x16",children:o})]})]})};exports.CardSelectDoctor=g;
 //# sourceMappingURL=index.cjs41.js.map

package/dist/index.cjs41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs41.js","sources":["../src/components/ui/CardSelectDoctor/index.tsx"],"sourcesContent":["import \"./CardSelectDoctor.scss\";\r\nimport { useRef, useState } from \"react\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\r\nimport { Col } from \"../Col\";\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardSelectDoctorProps = {\r\n  id: string;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  asLink?: \"a\";\r\n  className?: string;\r\n  setSelectedCard?: (id: string) => void;\r\n  description2?: string;\r\n  keepSelectionOnNavigation?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const CardSelectDoctor = ({\r\n  id,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  description,\r\n  className,\r\n  setSelectedCard = () => {},\r\n  description2,\r\n  keepSelectionOnNavigation = false,\r\n  disabled = false,\r\n}: CardSelectDoctorProps) => {\r\n  const [isActive, setIsActive] = useState(false);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  useClickOutside(\r\n    dropdownRef,\r\n    isActive,\r\n    () => setIsActive(false),\r\n    () => setSelectedCard(\"\"),\r\n    keepSelectionOnNavigation,\r\n  );\r\n\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  // Generate class names based on active and disabled states\r\n  const cardClasses = `${className} ${\r\n    isActive ? \"ui-is-active\" : \"ui-card-search\"\r\n  } shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${\r\n    disabled ? \"ui-card-disabled\" : \"cursor-pointer\"\r\n  }`;\r\n\r\n  // Handle click only if not disabled\r\n  const handleClick = () => {\r\n    if (!disabled) {\r\n      setIsActive(true);\r\n      setSelectedCard(id);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={cardClasses}\r\n      onClick={handleClick}\r\n      aria-disabled={disabled}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={id}\r\n        checked={isActive}\r\n        disabled={disabled}\r\n        // onCheckedChange={onChange}\r\n        className={\"ui-checkbox-filter\"}\r\n        // aria-label={labelText}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Col>\r\n        <TitleTag className=\"flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold\">\r\n          {title}\r\n        </TitleTag>\r\n        <p className=\"fs-7 md-fs-custom fw-regular text-slate-28\">\r\n          {description}\r\n        </p>\r\n        {description2 && (\r\n          <p className=\"fs-7 md-fs-custom fw-regular text-slate-28 pt-x16\">\r\n            {description2}\r\n          </p>\r\n        )}\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardSelectDoctor","id","title","TitleTag","description","className","setSelectedCard","description2","keepSelectionOnNavigation","disabled","isActive","setIsActive","useState","dropdownRef","useRef","useClickOutside","CheckIcon","jsx","cardClasses","handleClick","jsxs","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"uQAuBaA,EAAmB,CAAC,CAC/B,GAAAC,EACA,MAAAC,EACA,SAAUC,EAAW,KACrB,YAAAC,EACA,UAAAC,EACA,gBAAAC,EAAkB,IAAM,CAAC,EACzB,aAAAC,EACA,0BAAAC,EAA4B,GAC5B,SAAAC,EAAW,EACb,IAA6B,CAC3B,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxCC,EAAcC,SAAuB,IAAI,EAC/CC,EAAA,gBACEF,EACAH,EACA,IAAMC,EAAY,EAAK,EACvB,IAAML,EAAgB,EAAE,EACxBE,CACF,EAEA,MAAMQ,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIIC,EAAc,GAAGb,CAAS,IAC9BK,EAAW,eAAiB,gBAC9B,yDACED,EAAW,mBAAqB,gBAClC,GAGMU,EAAc,IAAM,CACnBV,IACHE,EAAY,EAAI,EAChBL,EAAgBL,CAAE,EAEtB,EAGE,OAAAmB,EAAA,kBAAA,KAAC,MAAA,CACC,IAAKP,EACL,UAAWK,EACX,QAASC,EACT,gBAAeV,EAEf,SAAA,CAAAQ,EAAA,kBAAA,IAACI,EAAc,KAAd,CACC,GAAApB,EACA,QAASS,EACT,SAAAD,EAEA,UAAW,qBAGX,iCAACa,YAAA,CACC,SAAAL,wBAACD,IAAU,CACb,CAAA,CAAA,CACF,2BACCO,EAAAA,IACC,CAAA,SAAA,CAACN,EAAA,kBAAA,IAAAd,EAAA,CAAS,UAAU,sDACjB,SACHD,EAAA,EACCe,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,6CACV,SACHb,EAAA,EACCG,GACCU,EAAA,kBAAA,IAAC,IAAE,CAAA,UAAU,oDACV,SACHV,CAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs41.js","sources":["../src/components/ui/CardSelectDoctor/index.tsx"],"sourcesContent":["import \"./CardSelectDoctor.scss\";\nimport { useRef, useState } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\nimport { Col } from \"../Col\";\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardSelectDoctorProps = {\n  id: string;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string;\n  isExternal?: boolean;\n  showIcon?: boolean;\n  asLink?: \"a\";\n  className?: string;\n  setSelectedCard?: (id: string) => void;\n  description2?: string;\n  keepSelectionOnNavigation?: boolean;\n  disabled?: boolean;\n};\n\nexport const CardSelectDoctor = ({\n  id,\n  title,\n  titleTag: TitleTag = \"h3\",\n  description,\n  className,\n  setSelectedCard = () => {},\n  description2,\n  keepSelectionOnNavigation = false,\n  disabled = false,\n}: CardSelectDoctorProps) => {\n  const [isActive, setIsActive] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  useClickOutside(\n    dropdownRef,\n    isActive,\n    () => setIsActive(false),\n    () => setSelectedCard(\"\"),\n    keepSelectionOnNavigation,\n  );\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  // Generate class names based on active and disabled states\n  const cardClasses = `${className} ${\n    isActive ? \"ui-is-active\" : \"ui-card-search\"\n  } shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${\n    disabled ? \"ui-card-disabled\" : \"cursor-pointer\"\n  }`;\n\n  // Handle click only if not disabled\n  const handleClick = () => {\n    if (!disabled) {\n      setIsActive(true);\n      setSelectedCard(id);\n    }\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={cardClasses}\n      onClick={handleClick}\n      aria-disabled={disabled}\n    >\n      <CheckboxRadix.Root\n        id={id}\n        checked={isActive}\n        disabled={disabled}\n        // onCheckedChange={onChange}\n        className={\"ui-checkbox-filter\"}\n        // aria-label={labelText}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Col>\n        <TitleTag className=\"flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold\">\n          {title}\n        </TitleTag>\n        <p className=\"fs-7 md-fs-custom fw-regular text-slate-28\">\n          {description}\n        </p>\n        {description2 && (\n          <p className=\"fs-7 md-fs-custom fw-regular text-slate-28 pt-x16\">\n            {description2}\n          </p>\n        )}\n      </Col>\n    </div>\n  );\n};\n"],"names":["CardSelectDoctor","id","title","TitleTag","description","className","setSelectedCard","description2","keepSelectionOnNavigation","disabled","isActive","setIsActive","useState","dropdownRef","useRef","useClickOutside","CheckIcon","jsx","cardClasses","handleClick","jsxs","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"uQAuBaA,EAAmB,CAAC,CAC/B,GAAAC,EACA,MAAAC,EACA,SAAUC,EAAW,KACrB,YAAAC,EACA,UAAAC,EACA,gBAAAC,EAAkB,IAAM,CAAC,EACzB,aAAAC,EACA,0BAAAC,EAA4B,GAC5B,SAAAC,EAAW,EACb,IAA6B,CAC3B,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxCC,EAAcC,SAAuB,IAAI,EAC/CC,EAAA,gBACEF,EACAH,EACA,IAAMC,EAAY,EAAK,EACvB,IAAML,EAAgB,EAAE,EACxBE,CACF,EAEA,MAAMQ,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIIC,EAAc,GAAGb,CAAS,IAC9BK,EAAW,eAAiB,gBAC9B,yDACED,EAAW,mBAAqB,gBAClC,GAGMU,EAAc,IAAM,CACnBV,IACHE,EAAY,EAAI,EAChBL,EAAgBL,CAAE,EAEtB,EAGE,OAAAmB,EAAA,kBAAA,KAAC,MAAA,CACC,IAAKP,EACL,UAAWK,EACX,QAASC,EACT,gBAAeV,EAEf,SAAA,CAAAQ,EAAA,kBAAA,IAACI,EAAc,KAAd,CACC,GAAApB,EACA,QAASS,EACT,SAAAD,EAEA,UAAW,qBAGX,iCAACa,YAAA,CACC,SAAAL,wBAACD,IAAU,CACb,CAAA,CAAA,CACF,2BACCO,EAAAA,IACC,CAAA,SAAA,CAACN,EAAA,kBAAA,IAAAd,EAAA,CAAS,UAAU,sDACjB,SACHD,EAAA,EACCe,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,6CACV,SACHb,EAAA,EACCG,GACCU,EAAA,kBAAA,IAAC,IAAE,CAAA,UAAU,oDACV,SACHV,CAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,CAAA,CACF,CAEJ"}

package/dist/index.cjs42.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardDoctorInfo/CardDoctorInfo.css');const s=require("./index.cjs152.js"),R=require("./index.cjs56.js");;/* empty css              */const m=require("./index.cjs153.js"),b=require("./index.cjs164.js"),j=require("react"),E=require("./index.cjs51.js"),N=require("./index.cjs9.js"),w=require("./index.cjs10.js"),q=({titleTag:o="h3",doctorName:c,specialties:x,contactInfo:d,avatar:r,className:h,officesInfo:t=[],officeLabel:a="Ambulatorio"})=>{const[i,n]=j.useState([]),g=()=>d&&(d==null?void 0:d.length)>0,p=e=>{i.includes(e)?n(i.filter(l=>l!==e)):n([...i,e])};return s.jsxRuntimeExports.jsxs("article",{className:m.clsx("bg-white shadow br-x4 ui-card-doctor-info",h),children:[s.jsxRuntimeExports.jsxs(N.Row,{as:"header",gap:"x16",children:[r&&s.jsxRuntimeExports.jsx(R.Avatar,{textColor:(r==null?void 0:r.textColor)??"slate-20",bg:(r==null?void 0:r.bg)??"lightblue-a01",initials:(r==null?void 0:r.initials)??"",className:"ui-card-doctor-avatar",size:"3"}),s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx(o,{className:"fs-5 fw-semibold text-slate-20",children:c}),x&&(x==null?void 0:x.length)>0&&s.jsxRuntimeExports.jsx("p",{className:"fs-6 text-slate-20 fw-regular",children:x==null?void 0:x.join(" | ")})]})]}),s.jsxRuntimeExports.jsxs("div",{className:"ui-card-doctor-content-info",children:[g()&&s.jsxRuntimeExports.jsx("dl",{className:"ui-card-doctor-contact-info",children:d==null?void 0:d.map(e=>s.jsxRuntimeExports.jsxs("div",{role:"group",className:"ui-card-doctor-contact-detail-info",children:[s.jsxRuntimeExports.jsx("dt",{className:"fs-6 fw-bold text-slate-28",children:e.label}),s.jsxRuntimeExports.jsx("dd",{className:"fs-6 fw-regular  text-slate-28",children:e.value})]},e.label))}),(t==null?void 0:t.length)>0&&s.jsxRuntimeExports.jsx(b.Divider,{bg:"border-divider",className:"ui-card-doctor-divider-info mt-x24"}),s.jsxRuntimeExports.jsx(w.Col,{children:(t==null?void 0:t.length)>0&&(t==null?void 0:t.map((e,l)=>s.jsxRuntimeExports.jsxs(j.Fragment,{children:[s.jsxRuntimeExports.jsx(E.CategoryHeader,{title:`${a} ${l+1}`,isOpen:i.includes(l),onToggle:()=>p(l),hasBorder:!i.includes(l),className:"pt-x24"}),i.includes(l)&&s.jsxRuntimeExports.jsx("div",{className:m.clsx("ui-has-border-bottom","pb-x24"),children:e.length>0&&s.jsxRuntimeExports.jsx("dl",{className:"ui-card-doctor-contact-info",children:e==null?void 0:e.map(u=>s.jsxRuntimeExports.jsxs("div",{role:"group",className:"ui-card-doctor-contact-detail-info",children:[s.jsxRuntimeExports.jsx("dt",{className:"fs-6 fw-bold text-slate-28",children:u.label}),s.jsxRuntimeExports.jsx("dd",{className:"fs-6 fw-regular  text-slate-28",children:u.value})]},u.label))})})]},l)))})]})]})};exports.CardDoctorInfo=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardDoctorInfo/CardDoctorInfo.css');const s=require("./index.cjs152.js"),R=require("./index.cjs56.js");;/* empty css              */const m=require("./index.cjs154.js"),b=require("./index.cjs171.js"),j=require("react"),E=require("./index.cjs51.js"),N=require("./index.cjs9.js"),w=require("./index.cjs10.js"),q=({titleTag:o="h3",doctorName:c,specialties:x,contactInfo:d,avatar:r,className:h,officesInfo:t=[],officeLabel:a="Ambulatorio"})=>{const[i,n]=j.useState([]),g=()=>d&&(d==null?void 0:d.length)>0,p=e=>{i.includes(e)?n(i.filter(l=>l!==e)):n([...i,e])};return s.jsxRuntimeExports.jsxs("article",{className:m.clsx("bg-white shadow br-x4 ui-card-doctor-info",h),children:[s.jsxRuntimeExports.jsxs(N.Row,{as:"header",gap:"x16",children:[r&&s.jsxRuntimeExports.jsx(R.Avatar,{textColor:(r==null?void 0:r.textColor)??"slate-20",bg:(r==null?void 0:r.bg)??"lightblue-a01",initials:(r==null?void 0:r.initials)??"",className:"ui-card-doctor-avatar",size:"3"}),s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx(o,{className:"fs-5 fw-semibold text-slate-20",children:c}),x&&(x==null?void 0:x.length)>0&&s.jsxRuntimeExports.jsx("p",{className:"fs-6 text-slate-20 fw-regular",children:x==null?void 0:x.join(" | ")})]})]}),s.jsxRuntimeExports.jsxs("div",{className:"ui-card-doctor-content-info",children:[g()&&s.jsxRuntimeExports.jsx("dl",{className:"ui-card-doctor-contact-info",children:d==null?void 0:d.map(e=>s.jsxRuntimeExports.jsxs("div",{role:"group",className:"ui-card-doctor-contact-detail-info",children:[s.jsxRuntimeExports.jsx("dt",{className:"fs-6 fw-bold text-slate-28",children:e.label}),s.jsxRuntimeExports.jsx("dd",{className:"fs-6 fw-regular  text-slate-28",children:e.value})]},e.label))}),(t==null?void 0:t.length)>0&&s.jsxRuntimeExports.jsx(b.Divider,{bg:"border-divider",className:"ui-card-doctor-divider-info mt-x24"}),s.jsxRuntimeExports.jsx(w.Col,{children:(t==null?void 0:t.length)>0&&(t==null?void 0:t.map((e,l)=>s.jsxRuntimeExports.jsxs(j.Fragment,{children:[s.jsxRuntimeExports.jsx(E.CategoryHeader,{title:`${a} ${l+1}`,isOpen:i.includes(l),onToggle:()=>p(l),hasBorder:!i.includes(l),className:"pt-x24"}),i.includes(l)&&s.jsxRuntimeExports.jsx("div",{className:m.clsx("ui-has-border-bottom","pb-x24"),children:e.length>0&&s.jsxRuntimeExports.jsx("dl",{className:"ui-card-doctor-contact-info",children:e==null?void 0:e.map(u=>s.jsxRuntimeExports.jsxs("div",{role:"group",className:"ui-card-doctor-contact-detail-info",children:[s.jsxRuntimeExports.jsx("dt",{className:"fs-6 fw-bold text-slate-28",children:u.label}),s.jsxRuntimeExports.jsx("dd",{className:"fs-6 fw-regular  text-slate-28",children:u.value})]},u.label))})})]},l)))})]})]})};exports.CardDoctorInfo=q;
 //# sourceMappingURL=index.cjs42.js.map

package/dist/index.cjs42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs42.js","sources":["../src/components/ui/CardDoctorInfo/index.tsx"],"sourcesContent":["import { Avatar } from \"../Avatar\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./CardDoctorInfo.scss\";\r\nimport clsx from \"clsx\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport { CategoryHeader, Col, Row } from \"@/components\";\r\nimport { useState } from \"react\";\r\n// import { OfficeResponse } from \"@/types/general-practitioner-service\";\r\nimport React from \"react\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\ntype Info = {\r\n  label: string;\r\n  value: string;\r\n};\r\n\r\ntype CardDoctorInfoProps = {\r\n  titleTag?: HeadingLevel;\r\n  doctorName: string;\r\n  specialties?: string[];\r\n  contactInfo?: Info[];\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  className?: string;\r\n  // offices?: OfficeResponse[];\r\n  officesInfo?: Info[][];\r\n  officeLabel?: string;\r\n};\r\n\r\n// TODO: da finire\r\nexport const CardDoctorInfo = ({\r\n  titleTag: TitleTag = \"h3\",\r\n  doctorName,\r\n  specialties,\r\n  contactInfo,\r\n  avatar,\r\n  className,\r\n  officesInfo = [],\r\n  officeLabel = \"Ambulatorio\",\r\n}: CardDoctorInfoProps) => {\r\n  const [openOffices, setOpenOffices] = useState<number[]>([]);\r\n\r\n  const showContactInfo = () => {\r\n    return contactInfo && contactInfo?.length > 0;\r\n  };\r\n\r\n  const toggleOffice = (index: number) => {\r\n    if (openOffices.includes(index)) {\r\n      setOpenOffices(openOffices.filter((i) => i !== index));\r\n    } else {\r\n      setOpenOffices([...openOffices, index]);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <article\r\n      className={clsx(\"bg-white shadow br-x4 ui-card-doctor-info\", className)}\r\n    >\r\n      <Row as={\"header\"} gap={\"x16\"}>\r\n        {avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-doctor-avatar\"\r\n            size=\"3\"\r\n          />\r\n        )}\r\n\r\n        <div>\r\n          <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\r\n            {doctorName}\r\n          </TitleTag>\r\n          {specialties && specialties?.length > 0 && (\r\n            <p className=\"fs-6 text-slate-20 fw-regular\">\r\n              {specialties?.join(\" | \")}\r\n            </p>\r\n          )}\r\n        </div>\r\n      </Row>\r\n      <div className=\"ui-card-doctor-content-info\">\r\n        {showContactInfo() && (\r\n          <dl className=\"ui-card-doctor-contact-info\">\r\n            {contactInfo?.map((info) => (\r\n              <div\r\n                key={info.label}\r\n                role=\"group\"\r\n                className=\"ui-card-doctor-contact-detail-info\"\r\n              >\r\n                <dt className=\"fs-6 fw-bold text-slate-28\">{info.label}</dt>\r\n                <dd className=\"fs-6 fw-regular  text-slate-28\">{info.value}</dd>\r\n              </div>\r\n            ))}\r\n          </dl>\r\n        )}\r\n        {officesInfo?.length > 0 && (\r\n          <Divider\r\n            bg=\"border-divider\"\r\n            className=\"ui-card-doctor-divider-info mt-x24\"\r\n          />\r\n        )}\r\n\r\n        <Col>\r\n          {officesInfo?.length > 0 &&\r\n            officesInfo?.map((office, index) => (\r\n              <React.Fragment key={index}>\r\n                <CategoryHeader\r\n                  title={`${officeLabel} ${index + 1}`}\r\n                  isOpen={openOffices.includes(index)}\r\n                  onToggle={() => toggleOffice(index)}\r\n                  hasBorder={!openOffices.includes(index)}\r\n                  className={\"pt-x24\"}\r\n                />\r\n                {openOffices.includes(index) && (\r\n                  <div className={clsx(\"ui-has-border-bottom\", \"pb-x24\")}>\r\n                    {office.length > 0 && (\r\n                      <dl className=\"ui-card-doctor-contact-info\">\r\n                        {office?.map((info) => (\r\n                          <div\r\n                            key={info.label}\r\n                            role=\"group\"\r\n                            className=\"ui-card-doctor-contact-detail-info\"\r\n                          >\r\n                            <dt className=\"fs-6 fw-bold text-slate-28\">\r\n                              {info.label}\r\n                            </dt>\r\n                            <dd className=\"fs-6 fw-regular  text-slate-28\">\r\n                              {info.value}\r\n                            </dd>\r\n                          </div>\r\n                        ))}\r\n                      </dl>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </React.Fragment>\r\n            ))}\r\n        </Col>\r\n      </div>\r\n    </article>\r\n  );\r\n};\r\n"],"names":["CardDoctorInfo","TitleTag","doctorName","specialties","contactInfo","avatar","className","officesInfo","officeLabel","openOffices","setOpenOffices","useState","showContactInfo","toggleOffice","index","i","jsxs","clsx","Row","jsx","Avatar","info","Divider","Col","office","React","CategoryHeader"],"mappings":"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"}
+{"version":3,"file":"index.cjs42.js","sources":["../src/components/ui/CardDoctorInfo/index.tsx"],"sourcesContent":["import { Avatar } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./CardDoctorInfo.scss\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport { CategoryHeader, Col, Row } from \"@/components\";\nimport { useState } from \"react\";\n// import { OfficeResponse } from \"@/types/general-practitioner-service\";\nimport React from \"react\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype Info = {\n  label: string;\n  value: string;\n};\n\ntype CardDoctorInfoProps = {\n  titleTag?: HeadingLevel;\n  doctorName: string;\n  specialties?: string[];\n  contactInfo?: Info[];\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  className?: string;\n  // offices?: OfficeResponse[];\n  officesInfo?: Info[][];\n  officeLabel?: string;\n};\n\n// TODO: da finire\nexport const CardDoctorInfo = ({\n  titleTag: TitleTag = \"h3\",\n  doctorName,\n  specialties,\n  contactInfo,\n  avatar,\n  className,\n  officesInfo = [],\n  officeLabel = \"Ambulatorio\",\n}: CardDoctorInfoProps) => {\n  const [openOffices, setOpenOffices] = useState<number[]>([]);\n\n  const showContactInfo = () => {\n    return contactInfo && contactInfo?.length > 0;\n  };\n\n  const toggleOffice = (index: number) => {\n    if (openOffices.includes(index)) {\n      setOpenOffices(openOffices.filter((i) => i !== index));\n    } else {\n      setOpenOffices([...openOffices, index]);\n    }\n  };\n\n  return (\n    <article\n      className={clsx(\"bg-white shadow br-x4 ui-card-doctor-info\", className)}\n    >\n      <Row as={\"header\"} gap={\"x16\"}>\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size=\"3\"\n          />\n        )}\n\n        <div>\n          <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\n            {doctorName}\n          </TitleTag>\n          {specialties && specialties?.length > 0 && (\n            <p className=\"fs-6 text-slate-20 fw-regular\">\n              {specialties?.join(\" | \")}\n            </p>\n          )}\n        </div>\n      </Row>\n      <div className=\"ui-card-doctor-content-info\">\n        {showContactInfo() && (\n          <dl className=\"ui-card-doctor-contact-info\">\n            {contactInfo?.map((info) => (\n              <div\n                key={info.label}\n                role=\"group\"\n                className=\"ui-card-doctor-contact-detail-info\"\n              >\n                <dt className=\"fs-6 fw-bold text-slate-28\">{info.label}</dt>\n                <dd className=\"fs-6 fw-regular  text-slate-28\">{info.value}</dd>\n              </div>\n            ))}\n          </dl>\n        )}\n        {officesInfo?.length > 0 && (\n          <Divider\n            bg=\"border-divider\"\n            className=\"ui-card-doctor-divider-info mt-x24\"\n          />\n        )}\n\n        <Col>\n          {officesInfo?.length > 0 &&\n            officesInfo?.map((office, index) => (\n              <React.Fragment key={index}>\n                <CategoryHeader\n                  title={`${officeLabel} ${index + 1}`}\n                  isOpen={openOffices.includes(index)}\n                  onToggle={() => toggleOffice(index)}\n                  hasBorder={!openOffices.includes(index)}\n                  className={\"pt-x24\"}\n                />\n                {openOffices.includes(index) && (\n                  <div className={clsx(\"ui-has-border-bottom\", \"pb-x24\")}>\n                    {office.length > 0 && (\n                      <dl className=\"ui-card-doctor-contact-info\">\n                        {office?.map((info) => (\n                          <div\n                            key={info.label}\n                            role=\"group\"\n                            className=\"ui-card-doctor-contact-detail-info\"\n                          >\n                            <dt className=\"fs-6 fw-bold text-slate-28\">\n                              {info.label}\n                            </dt>\n                            <dd className=\"fs-6 fw-regular  text-slate-28\">\n                              {info.value}\n                            </dd>\n                          </div>\n                        ))}\n                      </dl>\n                    )}\n                  </div>\n                )}\n              </React.Fragment>\n            ))}\n        </Col>\n      </div>\n    </article>\n  );\n};\n"],"names":["CardDoctorInfo","TitleTag","doctorName","specialties","contactInfo","avatar","className","officesInfo","officeLabel","openOffices","setOpenOffices","useState","showContactInfo","toggleOffice","index","i","jsxs","clsx","Row","jsx","Avatar","info","Divider","Col","office","React","CategoryHeader"],"mappings":"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"}

package/dist/index.cjs43.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DoctorConfirmModal/DoctorConfirmModal.css');const i=require("./index.cjs152.js"),s=require("./index.cjs37.js"),c=require("./index.cjs153.js");;/* empty css              */const d=require("./index.cjs209.js"),a=require("./index.cjs210.js"),u=require("./index.cjs211.js"),e=({open:o,overrideClassNames:r,setOpen:t,children:n})=>i.jsxRuntimeExports.jsx(s.BaseModal,{open:o,setOpen:t,overrideClassNames:c.clsx("ui-consent-modal-override",r),children:n});e.Header=a.DoctorConfirmModalHeader;e.Content=d.DoctorConfirmModalContent;e.Footer=u.DoctorConfirmModalFooter;exports.DoctorConfirmModal=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DoctorConfirmModal/DoctorConfirmModal.css');const i=require("./index.cjs152.js"),s=require("./index.cjs37.js"),c=require("./index.cjs154.js");;/* empty css              */const d=require("./index.cjs216.js"),a=require("./index.cjs217.js"),u=require("./index.cjs218.js"),e=({open:o,overrideClassNames:r,setOpen:t,children:n})=>i.jsxRuntimeExports.jsx(s.BaseModal,{open:o,setOpen:t,overrideClassNames:c.clsx("ui-consent-modal-override",r),children:n});e.Header=a.DoctorConfirmModalHeader;e.Content=d.DoctorConfirmModalContent;e.Footer=u.DoctorConfirmModalFooter;exports.DoctorConfirmModal=e;
 //# sourceMappingURL=index.cjs43.js.map

package/dist/index.cjs43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs43.js","sources":["../src/components/ui/DoctorConfirmModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"../BaseModal\";\r\nimport clsx from \"clsx\";\r\nimport \"./DoctorConfirmModal.scss\";\r\nimport { DoctorConfirmModalContent } from \"@/components/ui/DoctorConfirmModal/DoctorConfirmModalContent\";\r\nimport { DoctorConfirmModalHeader } from \"@/components/ui/DoctorConfirmModal/DoctorConfirmModalHeader\";\r\nimport { DoctorConfirmModalFooter } from \"@/components/ui/DoctorConfirmModal/DoctorConfirmModalFooter\";\r\n\r\ntype DoctorConfirmModalProps = {\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst DoctorConfirmModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  setOpen,\r\n  children,\r\n}: DoctorConfirmModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\r\n    >\r\n      {children}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nDoctorConfirmModal.Header = DoctorConfirmModalHeader;\r\nDoctorConfirmModal.Content = DoctorConfirmModalContent;\r\nDoctorConfirmModal.Footer = DoctorConfirmModalFooter;\r\n\r\nexport { DoctorConfirmModal };\r\n"],"names":["DoctorConfirmModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DoctorConfirmModalHeader","DoctorConfirmModalContent","DoctorConfirmModalFooter"],"mappings":"kTAcMA,EAAqB,CAAC,CAC1B,KAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,KAAAL,EACA,QAAAE,EACA,mBAAoBI,EAAAA,KAAK,4BAA6BL,CAAkB,EAEvE,SAAAE,CAAA,CACH,EAIJJ,EAAmB,OAASQ,EAAA,yBAC5BR,EAAmB,QAAUS,EAAA,0BAC7BT,EAAmB,OAASU,EAAA"}
+{"version":3,"file":"index.cjs43.js","sources":["../src/components/ui/DoctorConfirmModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"../BaseModal\";\nimport clsx from \"clsx\";\nimport \"./DoctorConfirmModal.scss\";\nimport { DoctorConfirmModalContent } from \"@/components/ui/DoctorConfirmModal/DoctorConfirmModalContent\";\nimport { DoctorConfirmModalHeader } from \"@/components/ui/DoctorConfirmModal/DoctorConfirmModalHeader\";\nimport { DoctorConfirmModalFooter } from \"@/components/ui/DoctorConfirmModal/DoctorConfirmModalFooter\";\n\ntype DoctorConfirmModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst DoctorConfirmModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: DoctorConfirmModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nDoctorConfirmModal.Header = DoctorConfirmModalHeader;\nDoctorConfirmModal.Content = DoctorConfirmModalContent;\nDoctorConfirmModal.Footer = DoctorConfirmModalFooter;\n\nexport { DoctorConfirmModal };\n"],"names":["DoctorConfirmModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DoctorConfirmModalHeader","DoctorConfirmModalContent","DoctorConfirmModalFooter"],"mappings":"kTAcMA,EAAqB,CAAC,CAC1B,KAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,KAAAL,EACA,QAAAE,EACA,mBAAoBI,EAAAA,KAAK,4BAA6BL,CAAkB,EAEvE,SAAAE,CAAA,CACH,EAIJJ,EAAmB,OAASQ,EAAA,yBAC5BR,EAAmB,QAAUS,EAAA,0BAC7BT,EAAmB,OAASU,EAAA"}

package/dist/index.cjs44.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DocumentUploadModal/DocumentUploadModal.css');const d=require("./index.cjs152.js"),a=require("./index.cjs153.js");;/* empty css              */const u=require("./index.cjs213.js"),i=require("./index.cjs214.js"),l=require("./index.cjs215.js"),s=require("./index.cjs37.js"),e=({open:o,overrideClassNames:r,setOpen:t,children:n})=>d.jsxRuntimeExports.jsx(s.BaseModal,{open:o,setOpen:t,overrideClassNames:a.clsx("ui-upload-modal-override",r),children:n});e.Header=u.DocumentUploadModalHeader;e.Content=i.DocumentUploadModalContent;e.Footer=l.DocumentUploadModalFooter;exports.DocumentUploadModal=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DocumentUploadModal/DocumentUploadModal.css');const d=require("./index.cjs152.js"),a=require("./index.cjs154.js");;/* empty css              */const u=require("./index.cjs220.js"),i=require("./index.cjs221.js"),l=require("./index.cjs222.js"),s=require("./index.cjs37.js"),e=({open:o,overrideClassNames:r,setOpen:t,children:n})=>d.jsxRuntimeExports.jsx(s.BaseModal,{open:o,setOpen:t,overrideClassNames:a.clsx("ui-upload-modal-override",r),children:n});e.Header=u.DocumentUploadModalHeader;e.Content=i.DocumentUploadModalContent;e.Footer=l.DocumentUploadModalFooter;exports.DocumentUploadModal=e;
 //# sourceMappingURL=index.cjs44.js.map

package/dist/index.cjs44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs44.js","sources":["../src/components/ui/DocumentUploadModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./DocumentUploadModal.scss\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport { DocumentUploadModalHeader } from \"@/components/ui/DocumentUploadModal/DocumentUploadModalHeader\";\r\nimport { DocumentUploadModalContent } from \"@/components/ui/DocumentUploadModal/DocumentUploadModalContent\";\r\nimport { DocumentUploadModalFooter } from \"@/components/ui/DocumentUploadModal/DocumentUploadModalFooter\";\r\n\r\ntype DocumentUploadModalProps = PropsWithChildren<{\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: ReactNode;\r\n}>;\r\n\r\nconst DocumentUploadModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  setOpen,\r\n  children,\r\n}: DocumentUploadModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-upload-modal-override\", overrideClassNames)}\r\n    >\r\n      {children}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nDocumentUploadModal.Header = DocumentUploadModalHeader;\r\nDocumentUploadModal.Content = DocumentUploadModalContent;\r\nDocumentUploadModal.Footer = DocumentUploadModalFooter;\r\n\r\nexport { DocumentUploadModal };\r\n"],"names":["DocumentUploadModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DocumentUploadModalHeader","DocumentUploadModalContent","DocumentUploadModalFooter"],"mappings":"kTAeMA,EAAsB,CAAC,CAC3B,KAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,KAAAL,EACA,QAAAE,EACA,mBAAoBI,EAAAA,KAAK,2BAA4BL,CAAkB,EAEtE,SAAAE,CAAA,CACH,EAIJJ,EAAoB,OAASQ,EAAA,0BAC7BR,EAAoB,QAAUS,EAAA,2BAC9BT,EAAoB,OAASU,EAAA"}
+{"version":3,"file":"index.cjs44.js","sources":["../src/components/ui/DocumentUploadModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./DocumentUploadModal.scss\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { DocumentUploadModalHeader } from \"@/components/ui/DocumentUploadModal/DocumentUploadModalHeader\";\nimport { DocumentUploadModalContent } from \"@/components/ui/DocumentUploadModal/DocumentUploadModalContent\";\nimport { DocumentUploadModalFooter } from \"@/components/ui/DocumentUploadModal/DocumentUploadModalFooter\";\n\ntype DocumentUploadModalProps = PropsWithChildren<{\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: ReactNode;\n}>;\n\nconst DocumentUploadModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: DocumentUploadModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-upload-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nDocumentUploadModal.Header = DocumentUploadModalHeader;\nDocumentUploadModal.Content = DocumentUploadModalContent;\nDocumentUploadModal.Footer = DocumentUploadModalFooter;\n\nexport { DocumentUploadModal };\n"],"names":["DocumentUploadModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DocumentUploadModalHeader","DocumentUploadModalContent","DocumentUploadModalFooter"],"mappings":"kTAeMA,EAAsB,CAAC,CAC3B,KAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,KAAAL,EACA,QAAAE,EACA,mBAAoBI,EAAAA,KAAK,2BAA4BL,CAAkB,EAEtE,SAAAE,CAAA,CACH,EAIJJ,EAAoB,OAASQ,EAAA,0BAC7BR,EAAoB,QAAUS,EAAA,2BAC9BT,EAAoB,OAASU,EAAA"}

package/dist/index.cjs45.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DocumentUploadComponent/DocumentUploadComponent.css');const e=require("./index.cjs152.js"),q=require("react"),d=require("./index.cjs25.js"),l=require("./index.cjs153.js");;/* empty css              */const I=require("./index.cjs10.js"),B=require("./index.cjs93.js"),S=require("./index.cjs126.js"),k=({onFileUpload:r,isLoading:u,title:m,description:p="",titleTag:j="h3",actionText:f="Aggiungi",className:g="",classNameTitle:b="",classNameDescription:h="",id:o="fileInput",name:R="fileInput",fileSizeLabel:y="Dimensioni",removeLabel:E="RIMUOVI"})=>{const[n,x]=q.useState(null),C=t=>{if(t.target.files&&t.target.files.length>0){const s=t.target.files[0];x(s),r&&s&&N(s).then(a=>{r(a,s.name,s.type)})}},N=t=>new Promise((s,a)=>{const i=new FileReader;i.readAsDataURL(t),i.onload=()=>{if(typeof i.result=="string"){const c=i.result.split(",")[1];s(c)}},i.onerror=c=>a(c)}),w=()=>{x(null);const t=document.getElementById(o);t&&(t.value=""),r("","","")};return e.jsxRuntimeExports.jsxs(I.Col,{br:"x4",gap:"x16",bg:"lightblue-a03",className:l.clsx(g,"ui-banner-upload shadow"),children:[e.jsxRuntimeExports.jsx(j,{className:l.clsx(n?"text-primary":"text-slate-20","ui-banner-title-upload ",b||"fs-4 fw-bold"),children:n?n.name:m}),e.jsxRuntimeExports.jsxs("main",{className:l.clsx("ui-banner-content-upload fs-6 text-secondary w-100 ui-banner-content-layout1-upload text-secondary justify-content-between"),children:[e.jsxRuntimeExports.jsx("div",{className:l.clsx(h,"ui-banner-description-upload"),children:n?e.jsxRuntimeExports.jsxs("div",{children:[y,": ",(n.size/(1024*1024)).toFixed(2)," ","MB"]}):p}),e.jsxRuntimeExports.jsxs("div",{className:l.clsx("ui-banner-link-upload"),children:[e.jsxRuntimeExports.jsx("input",{type:"file",id:o,name:R,style:{display:"none"},onChange:C,accept:".pdf,.doc,.docx,.jpg,.jpeg,.png",className:"fs-7",required:!0}),n?e.jsxRuntimeExports.jsxs(d.Button,{size:"2",textColor:"primary",bg:"lightblue-a03",className:"w-full ",onClick:w,disabled:u,children:[e.jsxRuntimeExports.jsx(B.Close,{}),e.jsxRuntimeExports.jsx("p",{className:"fs-6 fw-bold px-x8",children:E})]}):e.jsxRuntimeExports.jsxs(d.Button,{size:"2",textColor:"primary",bg:"lightblue-a03",border:"primary",className:"w-full",onClick:()=>{var t;return(t=document.getElementById(o))==null?void 0:t.click()},disabled:u,children:[e.jsxRuntimeExports.jsx(S.Attachment,{className:"mr-x8"}),e.jsxRuntimeExports.jsx("p",{className:"fs-6 fw-bold",children:f})]})]})]})]})};exports.DocumentUploadComponent=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DocumentUploadComponent/DocumentUploadComponent.css');const e=require("./index.cjs152.js"),q=require("react"),d=require("./index.cjs25.js"),l=require("./index.cjs154.js");;/* empty css              */const I=require("./index.cjs10.js"),B=require("./index.cjs93.js"),S=require("./index.cjs126.js"),k=({onFileUpload:r,isLoading:u,title:m,description:p="",titleTag:j="h3",actionText:f="Aggiungi",className:g="",classNameTitle:b="",classNameDescription:h="",id:o="fileInput",name:R="fileInput",fileSizeLabel:y="Dimensioni",removeLabel:E="RIMUOVI"})=>{const[n,x]=q.useState(null),C=t=>{if(t.target.files&&t.target.files.length>0){const s=t.target.files[0];x(s),r&&s&&N(s).then(a=>{r(a,s.name,s.type)})}},N=t=>new Promise((s,a)=>{const i=new FileReader;i.readAsDataURL(t),i.onload=()=>{if(typeof i.result=="string"){const c=i.result.split(",")[1];s(c)}},i.onerror=c=>a(c)}),w=()=>{x(null);const t=document.getElementById(o);t&&(t.value=""),r("","","")};return e.jsxRuntimeExports.jsxs(I.Col,{br:"x4",gap:"x16",bg:"lightblue-a03",className:l.clsx(g,"ui-banner-upload shadow"),children:[e.jsxRuntimeExports.jsx(j,{className:l.clsx(n?"text-primary":"text-slate-20","ui-banner-title-upload ",b||"fs-4 fw-bold"),children:n?n.name:m}),e.jsxRuntimeExports.jsxs("main",{className:l.clsx("ui-banner-content-upload fs-6 text-secondary w-100 ui-banner-content-layout1-upload text-secondary justify-content-between"),children:[e.jsxRuntimeExports.jsx("div",{className:l.clsx(h,"ui-banner-description-upload"),children:n?e.jsxRuntimeExports.jsxs("div",{children:[y,": ",(n.size/(1024*1024)).toFixed(2)," ","MB"]}):p}),e.jsxRuntimeExports.jsxs("div",{className:l.clsx("ui-banner-link-upload"),children:[e.jsxRuntimeExports.jsx("input",{type:"file",id:o,name:R,style:{display:"none"},onChange:C,accept:".pdf,.doc,.docx,.jpg,.jpeg,.png",className:"fs-7",required:!0}),n?e.jsxRuntimeExports.jsxs(d.Button,{size:"2",textColor:"primary",bg:"lightblue-a03",className:"w-full ",onClick:w,disabled:u,children:[e.jsxRuntimeExports.jsx(B.Close,{}),e.jsxRuntimeExports.jsx("p",{className:"fs-6 fw-bold px-x8",children:E})]}):e.jsxRuntimeExports.jsxs(d.Button,{size:"2",textColor:"primary",bg:"lightblue-a03",border:"primary",className:"w-full",onClick:()=>{var t;return(t=document.getElementById(o))==null?void 0:t.click()},disabled:u,children:[e.jsxRuntimeExports.jsx(S.Attachment,{className:"mr-x8"}),e.jsxRuntimeExports.jsx("p",{className:"fs-6 fw-bold",children:f})]})]})]})]})};exports.DocumentUploadComponent=k;
 //# sourceMappingURL=index.cjs45.js.map

package/dist/index.cjs45.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs45.js","sources":["../src/components/ui/DocumentUploadComponent/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { Button } from \"../Button\";\r\nimport { Attachment, Close } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport \"./DocumentUploadComponent.scss\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ninterface DocumentUploadProps {\r\n  onFileUpload: (\r\n    base64File: string,\r\n    fileName: string,\r\n    fileType: string,\r\n  ) => void;\r\n  isLoading: boolean;\r\n  title: string;\r\n  description?: string;\r\n  titleTag: HeadingLevel;\r\n  actionText?: string;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  id?: string;\r\n  name?: string;\r\n  fileSizeLabel?: string;\r\n  removeLabel?: string;\r\n}\r\n\r\nexport const DocumentUploadComponent = ({\r\n  onFileUpload,\r\n  isLoading,\r\n  title,\r\n  description = \"\",\r\n  titleTag: TitleTag = \"h3\",\r\n  actionText = \"Aggiungi\",\r\n  className = \"\",\r\n  classNameTitle = \"\",\r\n  classNameDescription = \"\",\r\n  id = \"fileInput\",\r\n  name = \"fileInput\",\r\n  fileSizeLabel = \"Dimensioni\",\r\n  removeLabel = \"RIMUOVI\",\r\n}: DocumentUploadProps) => {\r\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\r\n\r\n  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (event.target.files && event.target.files.length > 0) {\r\n      const file = event.target.files[0];\r\n      setSelectedFile(file);\r\n\r\n      if (onFileUpload && file) {\r\n        convertToBase64(file).then((base64) => {\r\n          onFileUpload(base64, file.name, file.type);\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n  const convertToBase64 = (file: File): Promise<string> => {\r\n    return new Promise((resolve, reject) => {\r\n      const reader = new FileReader();\r\n      reader.readAsDataURL(file);\r\n      reader.onload = () => {\r\n        if (typeof reader.result === \"string\") {\r\n          // Remove the data URL prefix (e.g., \"data:application/pdf;base64,\")\r\n          const base64String = reader.result.split(\",\")[1];\r\n          resolve(base64String);\r\n        }\r\n      };\r\n      reader.onerror = (error) => reject(error);\r\n    });\r\n  };\r\n\r\n  const handleClear = () => {\r\n    setSelectedFile(null);\r\n    const fileInput = document.getElementById(id) as HTMLInputElement;\r\n    if (fileInput) fileInput.value = \"\";\r\n    onFileUpload(\"\", \"\", \"\");\r\n  };\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      gap={\"x16\"}\r\n      bg={\"lightblue-a03\"}\r\n      className={clsx(className, \"ui-banner-upload shadow\")}\r\n    >\r\n      <TitleTag\r\n        className={clsx(\r\n          selectedFile ? \"text-primary\" : \"text-slate-20\",\r\n          \"ui-banner-title-upload \",\r\n          classNameTitle || \"fs-4 fw-bold\",\r\n        )}\r\n      >\r\n        {selectedFile ? selectedFile.name : title}\r\n      </TitleTag>\r\n      <main\r\n        className={clsx(\r\n          \"ui-banner-content-upload fs-6 text-secondary w-100 ui-banner-content-layout1-upload text-secondary justify-content-between\",\r\n        )}\r\n      >\r\n        <div\r\n          className={clsx(classNameDescription, \"ui-banner-description-upload\")}\r\n        >\r\n          {selectedFile ? (\r\n            <div>\r\n              {fileSizeLabel}: {(selectedFile.size / (1024 * 1024)).toFixed(2)}{\" \"}\r\n              MB\r\n            </div>\r\n          ) : (\r\n            description\r\n          )}\r\n        </div>\r\n\r\n        <div className={clsx(\"ui-banner-link-upload\")}>\r\n          <input\r\n            type=\"file\"\r\n            id={id}\r\n            name={name}\r\n            style={{ display: \"none\" }}\r\n            onChange={handleFileChange}\r\n            accept=\".pdf,.doc,.docx,.jpg,.jpeg,.png\"\r\n            className=\"fs-7\"\r\n            required\r\n          />\r\n\r\n          {selectedFile ? (\r\n            <Button\r\n              size={\"2\"}\r\n              textColor=\"primary\"\r\n              bg=\"lightblue-a03\"\r\n              className={\"w-full \"}\r\n              onClick={handleClear}\r\n              disabled={isLoading}\r\n            >\r\n              <Close />\r\n              <p className={\"fs-6 fw-bold px-x8\"}>{removeLabel}</p>\r\n            </Button>\r\n          ) : (\r\n            <Button\r\n              size={\"2\"}\r\n              textColor=\"primary\"\r\n              bg=\"lightblue-a03\"\r\n              border={\"primary\"}\r\n              className={\"w-full\"}\r\n              onClick={() => document.getElementById(id)?.click()}\r\n              disabled={isLoading}\r\n            >\r\n              <Attachment className={\"mr-x8\"} />\r\n              <p className={\"fs-6 fw-bold\"}>{actionText}</p>\r\n            </Button>\r\n          )}\r\n        </div>\r\n      </main>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["DocumentUploadComponent","onFileUpload","isLoading","title","description","TitleTag","actionText","className","classNameTitle","classNameDescription","id","name","fileSizeLabel","removeLabel","selectedFile","setSelectedFile","useState","handleFileChange","event","file","convertToBase64","base64","resolve","reject","reader","base64String","error","handleClear","fileInput","jsxs","Col","clsx","jsx","Button","Close","_a","Attachment"],"mappings":"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"}
+{"version":3,"file":"index.cjs45.js","sources":["../src/components/ui/DocumentUploadComponent/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Button } from \"../Button\";\nimport { Attachment, Close } from \"@/icons\";\nimport clsx from \"clsx\";\nimport \"./DocumentUploadComponent.scss\";\nimport { Col } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ninterface DocumentUploadProps {\n  onFileUpload: (\n    base64File: string,\n    fileName: string,\n    fileType: string,\n  ) => void;\n  isLoading: boolean;\n  title: string;\n  description?: string;\n  titleTag: HeadingLevel;\n  actionText?: string;\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  id?: string;\n  name?: string;\n  fileSizeLabel?: string;\n  removeLabel?: string;\n}\n\nexport const DocumentUploadComponent = ({\n  onFileUpload,\n  isLoading,\n  title,\n  description = \"\",\n  titleTag: TitleTag = \"h3\",\n  actionText = \"Aggiungi\",\n  className = \"\",\n  classNameTitle = \"\",\n  classNameDescription = \"\",\n  id = \"fileInput\",\n  name = \"fileInput\",\n  fileSizeLabel = \"Dimensioni\",\n  removeLabel = \"RIMUOVI\",\n}: DocumentUploadProps) => {\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\n\n  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.files && event.target.files.length > 0) {\n      const file = event.target.files[0];\n      setSelectedFile(file);\n\n      if (onFileUpload && file) {\n        convertToBase64(file).then((base64) => {\n          onFileUpload(base64, file.name, file.type);\n        });\n      }\n    }\n  };\n\n  const convertToBase64 = (file: File): Promise<string> => {\n    return new Promise((resolve, reject) => {\n      const reader = new FileReader();\n      reader.readAsDataURL(file);\n      reader.onload = () => {\n        if (typeof reader.result === \"string\") {\n          // Remove the data URL prefix (e.g., \"data:application/pdf;base64,\")\n          const base64String = reader.result.split(\",\")[1];\n          resolve(base64String);\n        }\n      };\n      reader.onerror = (error) => reject(error);\n    });\n  };\n\n  const handleClear = () => {\n    setSelectedFile(null);\n    const fileInput = document.getElementById(id) as HTMLInputElement;\n    if (fileInput) fileInput.value = \"\";\n    onFileUpload(\"\", \"\", \"\");\n  };\n  return (\n    <Col\n      br={\"x4\"}\n      gap={\"x16\"}\n      bg={\"lightblue-a03\"}\n      className={clsx(className, \"ui-banner-upload shadow\")}\n    >\n      <TitleTag\n        className={clsx(\n          selectedFile ? \"text-primary\" : \"text-slate-20\",\n          \"ui-banner-title-upload \",\n          classNameTitle || \"fs-4 fw-bold\",\n        )}\n      >\n        {selectedFile ? selectedFile.name : title}\n      </TitleTag>\n      <main\n        className={clsx(\n          \"ui-banner-content-upload fs-6 text-secondary w-100 ui-banner-content-layout1-upload text-secondary justify-content-between\",\n        )}\n      >\n        <div\n          className={clsx(classNameDescription, \"ui-banner-description-upload\")}\n        >\n          {selectedFile ? (\n            <div>\n              {fileSizeLabel}: {(selectedFile.size / (1024 * 1024)).toFixed(2)}{\" \"}\n              MB\n            </div>\n          ) : (\n            description\n          )}\n        </div>\n\n        <div className={clsx(\"ui-banner-link-upload\")}>\n          <input\n            type=\"file\"\n            id={id}\n            name={name}\n            style={{ display: \"none\" }}\n            onChange={handleFileChange}\n            accept=\".pdf,.doc,.docx,.jpg,.jpeg,.png\"\n            className=\"fs-7\"\n            required\n          />\n\n          {selectedFile ? (\n            <Button\n              size={\"2\"}\n              textColor=\"primary\"\n              bg=\"lightblue-a03\"\n              className={\"w-full \"}\n              onClick={handleClear}\n              disabled={isLoading}\n            >\n              <Close />\n              <p className={\"fs-6 fw-bold px-x8\"}>{removeLabel}</p>\n            </Button>\n          ) : (\n            <Button\n              size={\"2\"}\n              textColor=\"primary\"\n              bg=\"lightblue-a03\"\n              border={\"primary\"}\n              className={\"w-full\"}\n              onClick={() => document.getElementById(id)?.click()}\n              disabled={isLoading}\n            >\n              <Attachment className={\"mr-x8\"} />\n              <p className={\"fs-6 fw-bold\"}>{actionText}</p>\n            </Button>\n          )}\n        </div>\n      </main>\n    </Col>\n  );\n};\n"],"names":["DocumentUploadComponent","onFileUpload","isLoading","title","description","TitleTag","actionText","className","classNameTitle","classNameDescription","id","name","fileSizeLabel","removeLabel","selectedFile","setSelectedFile","useState","handleFileChange","event","file","convertToBase64","base64","resolve","reject","reader","base64String","error","handleClear","fileInput","jsxs","Col","clsx","jsx","Button","Close","_a","Attachment"],"mappings":"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"}

package/dist/index.cjs46.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.cjs152.js"),r=require("./index.cjs217.js"),o=require("./index.cjs218.js"),e=({className:t,children:i})=>n.jsxRuntimeExports.jsx("section",{className:t,children:i});e.Title=r.Title;e.Description=o.Description;exports.Section=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.cjs152.js"),r=require("./index.cjs224.js"),o=require("./index.cjs225.js"),e=({className:t,children:i})=>n.jsxRuntimeExports.jsx("section",{className:t,children:i});e.Title=r.Title;e.Description=o.Description;exports.Section=e;
 //# sourceMappingURL=index.cjs46.js.map

package/dist/index.cjs46.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs46.js","sources":["../src/components/ui/Section/index.tsx"],"sourcesContent":["import { Title as SectionTitle } from \"./Title\";\r\nimport { Description as SectionDescription } from \"./Description\";\r\nimport { FC, PropsWithChildren } from \"react\";\r\n\r\ntype SectionProps = PropsWithChildren<{\r\n  className?: string;\r\n}>;\r\n\r\ninterface SectionComponent extends FC<SectionProps> {\r\n  Title: typeof SectionTitle;\r\n  Description: typeof SectionDescription;\r\n}\r\n\r\nconst Section: SectionComponent = ({ className, children }: SectionProps) => {\r\n  return <section className={className}>{children}</section>;\r\n};\r\n\r\nSection.Title = SectionTitle;\r\nSection.Description = SectionDescription;\r\n\r\nexport { Section };\r\n"],"names":["Section","className","children","jsx","SectionTitle","SectionDescription"],"mappings":"mLAaMA,EAA4B,CAAC,CAAE,UAAAC,EAAW,SAAAC,KACvCC,EAAA,kBAAA,IAAC,UAAQ,CAAA,UAAAF,EAAuB,SAAAC,CAAS,CAAA,EAGlDF,EAAQ,MAAQI,EAAA,MAChBJ,EAAQ,YAAcK,EAAA"}
+{"version":3,"file":"index.cjs46.js","sources":["../src/components/ui/Section/index.tsx"],"sourcesContent":["import { Title as SectionTitle } from \"./Title\";\nimport { Description as SectionDescription } from \"./Description\";\nimport { FC, PropsWithChildren } from \"react\";\n\ntype SectionProps = PropsWithChildren<{\n  className?: string;\n}>;\n\ninterface SectionComponent extends FC<SectionProps> {\n  Title: typeof SectionTitle;\n  Description: typeof SectionDescription;\n}\n\nconst Section: SectionComponent = ({ className, children }: SectionProps) => {\n  return <section className={className}>{children}</section>;\n};\n\nSection.Title = SectionTitle;\nSection.Description = SectionDescription;\n\nexport { Section };\n"],"names":["Section","className","children","jsx","SectionTitle","SectionDescription"],"mappings":"mLAaMA,EAA4B,CAAC,CAAE,UAAAC,EAAW,SAAAC,KACvCC,EAAA,kBAAA,IAAC,UAAQ,CAAA,UAAAF,EAAuB,SAAAC,CAAS,CAAA,EAGlDF,EAAQ,MAAQI,EAAA,MAChBJ,EAAQ,YAAcK,EAAA"}

package/dist/index.cjs47.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Switch/Switch.css');const e=require("./index.cjs152.js"),r=require("./index.cjs219.js"),d=require("./index.cjs9.js");;/* empty css              */const a=({id:s=void 0,label:t="",checked:i=!1,setValue:n,name:o,disabled:x=!1})=>{const u=()=>e.jsxRuntimeExports.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M9 3L3 9M3 3L9 9",stroke:"rgba(255, 255, 255, 0.5)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),h=()=>e.jsxRuntimeExports.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"rgba(255, 255, 255, 0.5)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});return e.jsxRuntimeExports.jsxs(d.Row,{alignItems:"center",gap:"x16",children:[t&&e.jsxRuntimeExports.jsx("label",{className:"text-muted fs-6 fw-bold",htmlFor:s,children:t}),e.jsxRuntimeExports.jsx(r.Root,{id:s,disabled:x,checked:i,onCheckedChange:c=>{n(o??"",c)},className:"ui-switch","aria-label":t,children:e.jsxRuntimeExports.jsx(r.Thumb,{className:"ui-switch-thumb",children:i?e.jsxRuntimeExports.jsx(h,{}):e.jsxRuntimeExports.jsx(u,{})})})]})};exports.Switch=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Switch/Switch.css');const e=require("./index.cjs152.js"),r=require("./index.cjs226.js"),d=require("./index.cjs9.js");;/* empty css              */const a=({id:s=void 0,label:t="",checked:i=!1,setValue:n,name:o,disabled:x=!1})=>{const u=()=>e.jsxRuntimeExports.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M9 3L3 9M3 3L9 9",stroke:"rgba(255, 255, 255, 0.5)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),h=()=>e.jsxRuntimeExports.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"rgba(255, 255, 255, 0.5)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});return e.jsxRuntimeExports.jsxs(d.Row,{alignItems:"center",gap:"x16",children:[t&&e.jsxRuntimeExports.jsx("label",{className:"text-muted fs-6 fw-bold",htmlFor:s,children:t}),e.jsxRuntimeExports.jsx(r.Root,{id:s,disabled:x,checked:i,onCheckedChange:c=>{n(o??"",c)},className:"ui-switch","aria-label":t,children:e.jsxRuntimeExports.jsx(r.Thumb,{className:"ui-switch-thumb",children:i?e.jsxRuntimeExports.jsx(h,{}):e.jsxRuntimeExports.jsx(u,{})})})]})};exports.Switch=a;
 //# sourceMappingURL=index.cjs47.js.map

package/dist/index.cjs47.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs47.js","sources":["../src/components/ui/Switch/index.tsx"],"sourcesContent":["import * as SwitchRadix from \"@radix-ui/react-switch\";\r\nimport { Row } from \"../Row\";\r\nimport \"./Switch.scss\";\r\n\r\ntype SwitchProps = {\r\n  id?: string;\r\n  label?: string;\r\n  checked?: boolean;\r\n  name?: string;\r\n  disabled?: boolean;\r\n  setValue: (name: string, value: boolean) => void;\r\n};\r\n\r\nexport const Switch = ({\r\n  id = undefined,\r\n  label = \"\",\r\n  checked = false,\r\n  setValue,\r\n  name,\r\n  disabled = false,\r\n}: SwitchProps) => {\r\n  const CloseIcon = () => (\r\n    <svg\r\n      width=\"12\"\r\n      height=\"12\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M9 3L3 9M3 3L9 9\"\r\n        stroke=\"rgba(255, 255, 255, 0.5)\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"12\"\r\n      height=\"12\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"rgba(255, 255, 255, 0.5)\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  return (\r\n    <Row alignItems=\"center\" gap=\"x16\">\r\n      {label && (\r\n        <label className=\"text-muted fs-6 fw-bold\" htmlFor={id}>\r\n          {label}\r\n        </label>\r\n      )}\r\n      <SwitchRadix.Root\r\n        id={id}\r\n        disabled={disabled}\r\n        checked={checked}\r\n        onCheckedChange={(value) => {\r\n          setValue(name ?? \"\", value);\r\n        }}\r\n        className={\"ui-switch\"}\r\n        aria-label={label}\r\n      >\r\n        <SwitchRadix.Thumb className={\"ui-switch-thumb\"}>\r\n          {checked ? <CheckIcon /> : <CloseIcon />}\r\n        </SwitchRadix.Thumb>\r\n      </SwitchRadix.Root>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["Switch","id","label","checked","setValue","name","disabled","CloseIcon","jsx","CheckIcon","jsxs","Row","SwitchRadix.Root","value","SwitchRadix.Thumb"],"mappings":"8MAaO,MAAMA,EAAS,CAAC,CACrB,GAAAC,EAAK,OACL,MAAAC,EAAQ,GACR,QAAAC,EAAU,GACV,SAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,EACb,IAAmB,CACjB,MAAMC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,mBACF,OAAO,2BACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAGIC,EAAY,IAChBD,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,2BACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAGF,OACGE,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC1B,SAAA,CAAAT,2BACE,QAAM,CAAA,UAAU,0BAA0B,QAASD,EACjD,SACHC,EAAA,EAEFM,EAAA,kBAAA,IAACI,EAAY,KAAZ,CACC,GAAAX,EACA,SAAAK,EACA,QAAAH,EACA,gBAAkBU,GAAU,CACjBT,EAAAC,GAAQ,GAAIQ,CAAK,CAC5B,EACA,UAAW,YACX,aAAYX,EAEZ,SAACM,EAAA,kBAAA,IAAAM,EAAA,MAAA,CAAkB,UAAW,kBAC3B,SAAUX,EAAAK,EAAAA,kBAAAA,IAACC,EAAU,CAAA,CAAA,EAAMD,EAAA,kBAAA,IAAAD,EAAA,CAAU,CAAA,CACxC,CAAA,CAAA,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"index.cjs47.js","sources":["../src/components/ui/Switch/index.tsx"],"sourcesContent":["import * as SwitchRadix from \"@radix-ui/react-switch\";\nimport { Row } from \"../Row\";\nimport \"./Switch.scss\";\n\ntype SwitchProps = {\n  id?: string;\n  label?: string;\n  checked?: boolean;\n  name?: string;\n  disabled?: boolean;\n  setValue: (name: string, value: boolean) => void;\n};\n\nexport const Switch = ({\n  id = undefined,\n  label = \"\",\n  checked = false,\n  setValue,\n  name,\n  disabled = false,\n}: SwitchProps) => {\n  const CloseIcon = () => (\n    <svg\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M9 3L3 9M3 3L9 9\"\n        stroke=\"rgba(255, 255, 255, 0.5)\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  const CheckIcon = () => (\n    <svg\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"rgba(255, 255, 255, 0.5)\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <Row alignItems=\"center\" gap=\"x16\">\n      {label && (\n        <label className=\"text-muted fs-6 fw-bold\" htmlFor={id}>\n          {label}\n        </label>\n      )}\n      <SwitchRadix.Root\n        id={id}\n        disabled={disabled}\n        checked={checked}\n        onCheckedChange={(value) => {\n          setValue(name ?? \"\", value);\n        }}\n        className={\"ui-switch\"}\n        aria-label={label}\n      >\n        <SwitchRadix.Thumb className={\"ui-switch-thumb\"}>\n          {checked ? <CheckIcon /> : <CloseIcon />}\n        </SwitchRadix.Thumb>\n      </SwitchRadix.Root>\n    </Row>\n  );\n};\n"],"names":["Switch","id","label","checked","setValue","name","disabled","CloseIcon","jsx","CheckIcon","jsxs","Row","SwitchRadix.Root","value","SwitchRadix.Thumb"],"mappings":"8MAaO,MAAMA,EAAS,CAAC,CACrB,GAAAC,EAAK,OACL,MAAAC,EAAQ,GACR,QAAAC,EAAU,GACV,SAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,EACb,IAAmB,CACjB,MAAMC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,mBACF,OAAO,2BACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAGIC,EAAY,IAChBD,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,2BACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAGF,OACGE,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC1B,SAAA,CAAAT,2BACE,QAAM,CAAA,UAAU,0BAA0B,QAASD,EACjD,SACHC,EAAA,EAEFM,EAAA,kBAAA,IAACI,EAAY,KAAZ,CACC,GAAAX,EACA,SAAAK,EACA,QAAAH,EACA,gBAAkBU,GAAU,CACjBT,EAAAC,GAAQ,GAAIQ,CAAK,CAC5B,EACA,UAAW,YACX,aAAYX,EAEZ,SAACM,EAAA,kBAAA,IAAAM,EAAA,MAAA,CAAkB,UAAW,kBAC3B,SAAUX,EAAAK,EAAAA,kBAAAA,IAACC,EAAU,CAAA,CAAA,EAAMD,EAAA,kBAAA,IAAAD,EAAA,CAAU,CAAA,CACxC,CAAA,CAAA,CAAA,CACF,EACF,CAEJ"}

package/dist/index.cjs48.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Checkbox/Checkbox.css');const e=require("./index.cjs152.js"),o=require("./index.cjs181.js"),l=require("./index.cjs9.js"),d=require("./index.cjs221.js");;/* empty css              */const h=require("./index.cjs153.js"),j=({id:r,label:t,checked:i,onChange:x,classNameText:c="fs-6 fw-bold"})=>{var n;const a=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),s=new DOMParser().parseFromString(`${t}`,"text/html"),u=((n=s==null?void 0:s.body)==null?void 0:n.textContent)||"";return e.jsxRuntimeExports.jsxs(l.Row,{alignItems:"center",gap:"x16",children:[e.jsxRuntimeExports.jsx(o.Root,{id:r,checked:i,onCheckedChange:x,className:"ui-checkbox","aria-label":u,children:e.jsxRuntimeExports.jsx(o.Indicator,{children:e.jsxRuntimeExports.jsx(a,{})})}),t&&e.jsxRuntimeExports.jsx(d.default,{as:"label",htmlFor:r,className:h.clsx(c,"text-slate-20"),children:t})]})};exports.Checkbox=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Checkbox/Checkbox.css');const e=require("./index.cjs152.js"),o=require("./index.cjs188.js"),l=require("./index.cjs9.js"),d=require("./index.cjs228.js");;/* empty css              */const h=require("./index.cjs154.js"),j=({id:r,label:t,checked:i,onChange:x,classNameText:c="fs-6 fw-bold"})=>{var n;const a=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),s=new DOMParser().parseFromString(`${t}`,"text/html"),u=((n=s==null?void 0:s.body)==null?void 0:n.textContent)||"";return e.jsxRuntimeExports.jsxs(l.Row,{alignItems:"center",gap:"x16",children:[e.jsxRuntimeExports.jsx(o.Root,{id:r,checked:i,onCheckedChange:x,className:"ui-checkbox","aria-label":u,children:e.jsxRuntimeExports.jsx(o.Indicator,{children:e.jsxRuntimeExports.jsx(a,{})})}),t&&e.jsxRuntimeExports.jsx(d.default,{as:"label",htmlFor:r,className:h.clsx(c,"text-slate-20"),children:t})]})};exports.Checkbox=j;
 //# sourceMappingURL=index.cjs48.js.map

package/dist/index.cjs48.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs48.js","sources":["../src/components/ui/Checkbox/index.tsx"],"sourcesContent":["\"use client\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { Row } from \"../Row\";\r\nimport Balancer from \"react-wrap-balancer\";\r\nimport \"./Checkbox.scss\";\r\nimport clsx from \"clsx\";\r\n\r\ntype CheckboxProps = {\r\n  id: string;\r\n  label?: React.ReactNode;\r\n  checked: boolean;\r\n  onChange: (checked: boolean) => void;\r\n  classNameText?: string;\r\n};\r\n\r\nexport const Checkbox = ({\r\n  id,\r\n  label,\r\n  checked,\r\n  onChange,\r\n  classNameText = \"fs-6 fw-bold\",\r\n}: CheckboxProps) => {\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  const parser = new DOMParser();\r\n  const html = parser.parseFromString(`${label}`, \"text/html\");\r\n  const labelText = html?.body?.textContent || \"\";\r\n\r\n  return (\r\n    <Row alignItems=\"center\" gap=\"x16\">\r\n      <CheckboxRadix.Root\r\n        id={id}\r\n        checked={checked}\r\n        onCheckedChange={onChange}\r\n        className={\"ui-checkbox\"}\r\n        aria-label={labelText}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      {label && (\r\n        <Balancer\r\n          as=\"label\"\r\n          htmlFor={id}\r\n          className={clsx(classNameText, \"text-slate-20\")}\r\n        >\r\n          {label}\r\n        </Balancer>\r\n      )}\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["Checkbox","id","label","checked","onChange","classNameText","CheckIcon","jsx","html","labelText","_a","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Balancer","clsx"],"mappings":"kRAeaA,EAAW,CAAC,CACvB,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,cAClB,IAAqB,OACnB,MAAMC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIIC,EADS,IAAI,UAAU,EACT,gBAAgB,GAAGN,CAAK,GAAI,WAAW,EACrDO,IAAYC,EAAAF,GAAA,YAAAA,EAAM,OAAN,YAAAE,EAAY,cAAe,GAE7C,OACGC,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC3B,SAAA,CAAAL,EAAA,kBAAA,IAACM,EAAc,KAAd,CACC,GAAAZ,EACA,QAAAE,EACA,gBAAiBC,EACjB,UAAW,cACX,aAAYK,EAEZ,iCAACK,YAAA,CACC,SAAAP,wBAACD,IAAU,CACb,CAAA,CAAA,CACF,EACCJ,GACCK,EAAA,kBAAA,IAACQ,EAAA,QAAA,CACC,GAAG,QACH,QAASd,EACT,UAAWe,EAAAA,KAAKX,EAAe,eAAe,EAE7C,SAAAH,CAAA,CAAA,CACH,EAEJ,CAEJ"}
+{"version":3,"file":"index.cjs48.js","sources":["../src/components/ui/Checkbox/index.tsx"],"sourcesContent":["\"use client\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Row } from \"../Row\";\nimport Balancer from \"react-wrap-balancer\";\nimport \"./Checkbox.scss\";\nimport clsx from \"clsx\";\n\ntype CheckboxProps = {\n  id: string;\n  label?: React.ReactNode;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  classNameText?: string;\n};\n\nexport const Checkbox = ({\n  id,\n  label,\n  checked,\n  onChange,\n  classNameText = \"fs-6 fw-bold\",\n}: CheckboxProps) => {\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  const parser = new DOMParser();\n  const html = parser.parseFromString(`${label}`, \"text/html\");\n  const labelText = html?.body?.textContent || \"\";\n\n  return (\n    <Row alignItems=\"center\" gap=\"x16\">\n      <CheckboxRadix.Root\n        id={id}\n        checked={checked}\n        onCheckedChange={onChange}\n        className={\"ui-checkbox\"}\n        aria-label={labelText}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      {label && (\n        <Balancer\n          as=\"label\"\n          htmlFor={id}\n          className={clsx(classNameText, \"text-slate-20\")}\n        >\n          {label}\n        </Balancer>\n      )}\n    </Row>\n  );\n};\n"],"names":["Checkbox","id","label","checked","onChange","classNameText","CheckIcon","jsx","html","labelText","_a","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Balancer","clsx"],"mappings":"kRAeaA,EAAW,CAAC,CACvB,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,cAClB,IAAqB,OACnB,MAAMC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIIC,EADS,IAAI,UAAU,EACT,gBAAgB,GAAGN,CAAK,GAAI,WAAW,EACrDO,IAAYC,EAAAF,GAAA,YAAAA,EAAM,OAAN,YAAAE,EAAY,cAAe,GAE7C,OACGC,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC3B,SAAA,CAAAL,EAAA,kBAAA,IAACM,EAAc,KAAd,CACC,GAAAZ,EACA,QAAAE,EACA,gBAAiBC,EACjB,UAAW,cACX,aAAYK,EAEZ,iCAACK,YAAA,CACC,SAAAP,wBAACD,IAAU,CACb,CAAA,CAAA,CACF,EACCJ,GACCK,EAAA,kBAAA,IAACQ,EAAA,QAAA,CACC,GAAG,QACH,QAASd,EACT,UAAWe,EAAAA,KAAKX,EAAe,eAAe,EAE7C,SAAAH,CAAA,CAAA,CACH,EAEJ,CAEJ"}

package/dist/index.cjs49.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/filters/BottomNavigation/BottomNavigation.css');const e=require("./index.cjs152.js"),m=require("./index.cjs153.js");;/* empty css              */const d=require("./index.cjs10.js"),s=require("./index.cjs25.js"),j=({className:i="",title:o,removeLabel:n,applyLabel:r,selectedFilters:c,onApplyFilters:l,onClearFilters:x})=>{const t=Object.values(c).reduce((u,a)=>u+a.length,0);return e.jsxRuntimeExports.jsxs(d.Col,{gap:"x24",className:m.clsx(i),children:[e.jsxRuntimeExports.jsxs("h5",{className:"fw-semibold fs-5 text-slate-20",children:[o," (",t,")"]}),e.jsxRuntimeExports.jsxs("footer",{className:"ui-bottom-navigation-filters",children:[e.jsxRuntimeExports.jsx(s.Button,{onClick:x,disabled:t===0,children:n}),e.jsxRuntimeExports.jsx(s.Button,{onClick:l,children:r})]})]})};exports.BottomNavigation=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/filters/BottomNavigation/BottomNavigation.css');const e=require("./index.cjs152.js"),m=require("./index.cjs154.js");;/* empty css              */const d=require("./index.cjs10.js"),s=require("./index.cjs25.js"),j=({className:i="",title:o,removeLabel:n,applyLabel:r,selectedFilters:c,onApplyFilters:l,onClearFilters:x})=>{const t=Object.values(c).reduce((u,a)=>u+a.length,0);return e.jsxRuntimeExports.jsxs(d.Col,{gap:"x24",className:m.clsx(i),children:[e.jsxRuntimeExports.jsxs("h5",{className:"fw-semibold fs-5 text-slate-20",children:[o," (",t,")"]}),e.jsxRuntimeExports.jsxs("footer",{className:"ui-bottom-navigation-filters",children:[e.jsxRuntimeExports.jsx(s.Button,{onClick:x,disabled:t===0,children:n}),e.jsxRuntimeExports.jsx(s.Button,{onClick:l,children:r})]})]})};exports.BottomNavigation=j;
 //# sourceMappingURL=index.cjs49.js.map