@anoki/fse-ui 2.3.0-5-SNAPSHOT2 → 2.3.0-5-SNAPSHOT3

package/dist/index.es102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es102.js","sources":["../src/components/ui/InfoModal/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Row } from \"@/components\";\r\nimport { Actions, Close } from \"@/icons\";\r\nimport \"./InfoModal.scss\";\r\n\r\ntype InfoModalProps = {\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  id?: string;\r\n  title: string;\r\n  text: string;\r\n};\r\n\r\nconst InfoModal = ({ open, setOpen, id = \"\", title, text }: InfoModalProps) => {\r\n  return (\r\n    <Dialog.Root open={open} onOpenChange={setOpen}>\r\n      <Dialog.Portal>\r\n        <div className=\"ui-info-modal\">\r\n          <Dialog.Content className=\"shadow br-x4 ui-info-modal-body\" id={id}>\r\n            <div className=\"bg-lightblue-a03 ui-info-modal-container shadow br-x4\">\r\n              <Row p={\"x20\"} gap=\"x16\">\r\n                <div className=\"ui-info-modal-icon base-row bg-lightblue-a03\">\r\n                  <div className=\"ui-info-modal-badge-container\">\r\n                    <div className=\"ui-info-modal-badge\" />\r\n                  </div>\r\n                  <Row\r\n                    className=\"ui-info-modal-action-container\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"center\"\r\n                  >\r\n                    <Actions width={24} height={26} color=\"slate-28\" />\r\n                  </Row>\r\n                </div>\r\n                <div className=\"w-full\">\r\n                  <p className=\"my-x8 fs-5 fw-semibold\">{title}</p>\r\n                  <p>{text}</p>\r\n                </div>\r\n                <Close\r\n                  className=\"cursor-pointer\"\r\n                  onClick={() => setOpen(false)}\r\n                  width={32}\r\n                  height={32}\r\n                  color=\"slate-28\"\r\n                />\r\n              </Row>\r\n            </div>\r\n          </Dialog.Content>\r\n        </div>\r\n      </Dialog.Portal>\r\n    </Dialog.Root>\r\n  );\r\n};\r\n\r\nexport { InfoModal };\r\n"],"names":["InfoModal","open","setOpen","id","title","text","jsx","Dialog.Root","Dialog.Portal","Dialog.Content","jsxs","Row","Actions","Close"],"mappings":";;;;;;AAeA,MAAMA,IAAY,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,IAAI,OAAAC,GAAO,MAAAC,QAEhDC,gBAAAA,EAAAA,IAACC,GAAA,EAAY,MAAAN,GAAY,cAAcC,GACrC,UAAAI,gBAAAA,EAAAA,IAACE,GAAA,EACC,UAAAF,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iBACb,UAAAA,gBAAAA,MAACG,GAAA,EAAe,WAAU,mCAAkC,IAAAN,GAC1D,UAAAG,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yDACb,UAAAI,gBAAAA,EAAAA,KAACC,GAAA,EAAI,GAAG,OAAO,KAAI,OACjB,UAAA;AAAA,EAAAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iCACb,gCAAC,OAAA,EAAI,WAAU,uBAAsB,EAAA,CACvC;AAAA,IACAA,gBAAAA,EAAAA;AAAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,gBAAe;AAAA,QAEf,gCAACC,GAAA,EAAQ,OAAO,IAAI,QAAQ,IAAI,OAAM,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,GACF;AAAA,EACAF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,0BAA0B,UAAAF,GAAM;AAAA,IAC7CE,gBAAAA,EAAAA,IAAC,OAAG,UAAAD,EAAA,CAAK;AAAA,EAAA,GACX;AAAA,EACAC,gBAAAA,EAAAA;AAAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,MAAMX,EAAQ,EAAK;AAAA,MAC5B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAM;AAAA,IAAA;AAAA,EAAA;AACR,EAAA,CACF,EAAA,CACF,EAAA,CACF,EAAA,CACF,EAAA,CACF,EAAA,CACF;"}
+{"version":3,"file":"index.es102.js","sources":["../src/components/ui/InfoModal/index.tsx"],"sourcesContent":["\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { Row } from \"@/components\";\nimport { Actions, Close } from \"@/icons\";\nimport \"./InfoModal.scss\";\n\ntype InfoModalProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  id?: string;\n  title: string;\n  text: string;\n};\n\nconst InfoModal = ({ open, setOpen, id = \"\", title, text }: InfoModalProps) => {\n  return (\n    <Dialog.Root open={open} onOpenChange={setOpen}>\n      <Dialog.Portal>\n        <div className=\"ui-info-modal\">\n          <Dialog.Content className=\"shadow br-x4 ui-info-modal-body\" id={id}>\n            <div className=\"bg-lightblue-a03 ui-info-modal-container shadow br-x4\">\n              <Row p={\"x20\"} gap=\"x16\">\n                <div className=\"ui-info-modal-icon base-row bg-lightblue-a03\">\n                  <div className=\"ui-info-modal-badge-container\">\n                    <div className=\"ui-info-modal-badge\" />\n                  </div>\n                  <Row\n                    className=\"ui-info-modal-action-container\"\n                    alignItems=\"center\"\n                    justifyContent=\"center\"\n                  >\n                    <Actions width={24} height={26} color=\"slate-28\" />\n                  </Row>\n                </div>\n                <div className=\"w-full\">\n                  <p className=\"my-x8 fs-5 fw-semibold\">{title}</p>\n                  <p>{text}</p>\n                </div>\n                <Close\n                  className=\"cursor-pointer\"\n                  onClick={() => setOpen(false)}\n                  width={32}\n                  height={32}\n                  color=\"slate-28\"\n                />\n              </Row>\n            </div>\n          </Dialog.Content>\n        </div>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nexport { InfoModal };\n"],"names":["InfoModal","open","setOpen","id","title","text","jsx","Dialog.Root","Dialog.Portal","Dialog.Content","jsxs","Row","Actions","Close"],"mappings":";;;;;;AAeA,MAAMA,IAAY,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,IAAI,OAAAC,GAAO,MAAAC,QAEhDC,gBAAAA,EAAAA,IAACC,GAAA,EAAY,MAAAN,GAAY,cAAcC,GACrC,UAAAI,gBAAAA,EAAAA,IAACE,GAAA,EACC,UAAAF,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iBACb,UAAAA,gBAAAA,MAACG,GAAA,EAAe,WAAU,mCAAkC,IAAAN,GAC1D,UAAAG,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yDACb,UAAAI,gBAAAA,EAAAA,KAACC,GAAA,EAAI,GAAG,OAAO,KAAI,OACjB,UAAA;AAAA,EAAAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iCACb,gCAAC,OAAA,EAAI,WAAU,uBAAsB,EAAA,CACvC;AAAA,IACAA,gBAAAA,EAAAA;AAAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,gBAAe;AAAA,QAEf,gCAACC,GAAA,EAAQ,OAAO,IAAI,QAAQ,IAAI,OAAM,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,GACF;AAAA,EACAF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,0BAA0B,UAAAF,GAAM;AAAA,IAC7CE,gBAAAA,EAAAA,IAAC,OAAG,UAAAD,EAAA,CAAK;AAAA,EAAA,GACX;AAAA,EACAC,gBAAAA,EAAAA;AAAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,MAAMX,EAAQ,EAAK;AAAA,MAC5B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAM;AAAA,IAAA;AAAA,EAAA;AACR,EAAA,CACF,EAAA,CACF,EAAA,CACF,EAAA,CACF,EAAA,CACF,EAAA,CACF;"}

package/dist/index.es103.js

@@ -1,8 +1,8 @@
 import { j as a } from "./index.es241.js";
 import './components/ui/InfoPopup/InfoPopup.css';/* empty css            */
-import { clsx as c } from "./index.es244.js";
-import { Root as t, Trigger as g, Content as f, Close as j } from "./index.es394.js";
-import { Button as d } from "./index.es395.js";
+import { clsx as c } from "./index.es242.js";
+import { Root as t, Trigger as g, Content as f, Close as j } from "./index.es420.js";
+import { Button as d } from "./index.es421.js";
 import { Info as u } from "./index.es211.js";
 import { Close as N } from "./index.es182.js";
 const W = ({

package/dist/index.es103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es103.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\nimport \"./InfoPopup.scss\";\r\nimport { Close, Info } from \"@/icons\";\r\nimport { Button, Popover } from \"@radix-ui/themes\";\r\nimport clsx from \"clsx\";\r\nimport React from \"react\";\r\n\r\nexport type InfoPopupProps = PropsWithChildren<{\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  isOpen?: boolean;\r\n  onClickCloseBtn?: () => void;\r\n  className?: string;\r\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\r\n  width?: string;\r\n  ariaLabel?: string;\r\n}>;\r\n\r\nexport const InfoPopup = ({\r\n  title = \"Info\",\r\n  description,\r\n  width = \"15.5rem\",\r\n  className = \"\",\r\n  positionPopUp = \"right\",\r\n  onClickCloseBtn,\r\n  isOpen,\r\n  ariaLabel,\r\n  children,\r\n}: InfoPopupProps) => {\r\n  return (\r\n    <Popover.Root\r\n      defaultOpen={false}\r\n      open={isOpen}\r\n      onOpenChange={onClickCloseBtn}\r\n      modal={false}\r\n    >\r\n      <Popover.Trigger className=\"position-relative\">\r\n        <Button\r\n          className=\"ui-popup-trigger-button\"\r\n          aria-label={ariaLabel || title}\r\n          title={ariaLabel || title}\r\n        >\r\n          <Info color=\"primary\" />\r\n        </Button>\r\n      </Popover.Trigger>\r\n      <Popover.Content\r\n        className={clsx(className, \"dialog\")}\r\n        side={positionPopUp}\r\n        tabIndex={-1}\r\n        width={{\r\n          initial: width,\r\n          sm: width,\r\n          xs: width,\r\n          lg: width,\r\n          md: width,\r\n          xl: width,\r\n        }}\r\n        maxWidth={{\r\n          initial: width,\r\n          sm: width,\r\n          xs: width,\r\n          lg: width,\r\n          md: width,\r\n          xl: width,\r\n        }}\r\n        minWidth={{\r\n          initial: width,\r\n          sm: width,\r\n          xs: width,\r\n          lg: width,\r\n          md: width,\r\n          xl: width,\r\n        }}\r\n        style={{ width: width }}\r\n      >\r\n        <div className=\"header\">\r\n          <h1 id=\"dialog-title\" className=\"title\">\r\n            {title}\r\n          </h1>\r\n\r\n          <Popover.Close\r\n            className=\"closeButton\"\r\n            aria-label=\"Close dialog\"\r\n            onClick={(e: any) => {\r\n              e.stopPropagation();\r\n              onClickCloseBtn?.();\r\n            }}\r\n          >\r\n            <Close className=\"closeIcon\" width={34} height={34} />\r\n          </Popover.Close>\r\n        </div>\r\n        {description && (\r\n          <div id=\"dialog-description\" className=\"content\">\r\n            {description}\r\n          </div>\r\n        )}\r\n        {children}\r\n      </Popover.Content>\r\n    </Popover.Root>\r\n  );\r\n};\r\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","ariaLabel","children","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":";;;;;;;AAkBO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAAA,EAChB,iBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAAA,EAAA;AAAA,IACC,aAAa;AAAA,IACb,MAAMJ;AAAA,IACN,cAAcD;AAAA,IACd,OAAO;AAAA,IAEP,UAAA;AAAA,MAAAM,gBAAAA,EAAAA,IAACC,GAAA,EAAgB,WAAU,qBACzB,UAAAD,gBAAAA,EAAAA;AAAAA,QAACE;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAYN,KAAaP;AAAA,UACzB,OAAOO,KAAaP;AAAA,UAEpB,UAAAW,gBAAAA,EAAAA,IAACG,GAAA,EAAK,OAAM,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA,GAE1B;AAAA,MACAL,gBAAAA,EAAAA;AAAAA,QAACM;AAAAA,QAAA;AAAA,UACC,WAAWC,EAAKb,GAAW,QAAQ;AAAA,UACnC,MAAMC;AAAA,UACN,UAAU;AAAA,UACV,OAAO;AAAA,YACL,SAASF;AAAA,YACT,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,UAAA;AAAA,UAEN,UAAU;AAAA,YACR,SAASA;AAAA,YACT,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,UAAA;AAAA,UAEN,UAAU;AAAA,YACR,SAASA;AAAA,YACT,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,UAAA;AAAA,UAEN,OAAO,EAAE,OAAAA,EAAA;AAAA,UAET,UAAA;AAAA,YAAAO,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,cAAAE,gBAAAA,MAAC,MAAA,EAAG,IAAG,gBAAe,WAAU,SAC7B,UAAAX,GACH;AAAA,cAEAW,gBAAAA,EAAAA;AAAAA,gBAACM;AAAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,cAAW;AAAA,kBACX,SAAS,CAACC,MAAW;AACnB,oBAAAA,EAAE,gBAAA,GACFb,KAAA,QAAAA;AAAA,kBACF;AAAA,kBAEA,gCAACc,GAAA,EAAM,WAAU,aAAY,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YACtD,GACF;AAAA,YACClB,KACCU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,IAAG,sBAAqB,WAAU,WACpC,UAAAV,GACH;AAAA,YAEDO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.es103.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport \"./InfoPopup.scss\";\nimport { Close, Info } from \"@/icons\";\nimport { Button, Popover } from \"@radix-ui/themes\";\nimport clsx from \"clsx\";\nimport React from \"react\";\n\nexport type InfoPopupProps = PropsWithChildren<{\n  title: string;\n  description: string | React.ReactNode;\n  isOpen?: boolean;\n  onClickCloseBtn?: () => void;\n  className?: string;\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\n  width?: string;\n  ariaLabel?: string;\n}>;\n\nexport const InfoPopup = ({\n  title = \"Info\",\n  description,\n  width = \"15.5rem\",\n  className = \"\",\n  positionPopUp = \"right\",\n  onClickCloseBtn,\n  isOpen,\n  ariaLabel,\n  children,\n}: InfoPopupProps) => {\n  return (\n    <Popover.Root\n      defaultOpen={false}\n      open={isOpen}\n      onOpenChange={onClickCloseBtn}\n      modal={false}\n    >\n      <Popover.Trigger className=\"position-relative\">\n        <Button\n          className=\"ui-popup-trigger-button\"\n          aria-label={ariaLabel || title}\n          title={ariaLabel || title}\n        >\n          <Info color=\"primary\" />\n        </Button>\n      </Popover.Trigger>\n      <Popover.Content\n        className={clsx(className, \"dialog\")}\n        side={positionPopUp}\n        tabIndex={-1}\n        width={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        maxWidth={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        minWidth={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        style={{ width: width }}\n      >\n        <div className=\"header\">\n          <h1 id=\"dialog-title\" className=\"title\">\n            {title}\n          </h1>\n\n          <Popover.Close\n            className=\"closeButton\"\n            aria-label=\"Close dialog\"\n            onClick={(e: any) => {\n              e.stopPropagation();\n              onClickCloseBtn?.();\n            }}\n          >\n            <Close className=\"closeIcon\" width={34} height={34} />\n          </Popover.Close>\n        </div>\n        {description && (\n          <div id=\"dialog-description\" className=\"content\">\n            {description}\n          </div>\n        )}\n        {children}\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","ariaLabel","children","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":";;;;;;;AAkBO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAAA,EAChB,iBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAAA,EAAA;AAAA,IACC,aAAa;AAAA,IACb,MAAMJ;AAAA,IACN,cAAcD;AAAA,IACd,OAAO;AAAA,IAEP,UAAA;AAAA,MAAAM,gBAAAA,EAAAA,IAACC,GAAA,EAAgB,WAAU,qBACzB,UAAAD,gBAAAA,EAAAA;AAAAA,QAACE;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAYN,KAAaP;AAAA,UACzB,OAAOO,KAAaP;AAAA,UAEpB,UAAAW,gBAAAA,EAAAA,IAACG,GAAA,EAAK,OAAM,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA,GAE1B;AAAA,MACAL,gBAAAA,EAAAA;AAAAA,QAACM;AAAAA,QAAA;AAAA,UACC,WAAWC,EAAKb,GAAW,QAAQ;AAAA,UACnC,MAAMC;AAAA,UACN,UAAU;AAAA,UACV,OAAO;AAAA,YACL,SAASF;AAAA,YACT,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,UAAA;AAAA,UAEN,UAAU;AAAA,YACR,SAASA;AAAA,YACT,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,UAAA;AAAA,UAEN,UAAU;AAAA,YACR,SAASA;AAAA,YACT,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,YACJ,IAAIA;AAAA,UAAA;AAAA,UAEN,OAAO,EAAE,OAAAA,EAAA;AAAA,UAET,UAAA;AAAA,YAAAO,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,cAAAE,gBAAAA,MAAC,MAAA,EAAG,IAAG,gBAAe,WAAU,SAC7B,UAAAX,GACH;AAAA,cAEAW,gBAAAA,EAAAA;AAAAA,gBAACM;AAAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,cAAW;AAAA,kBACX,SAAS,CAACC,MAAW;AACnB,oBAAAA,EAAE,gBAAA,GACFb,KAAA,QAAAA;AAAA,kBACF;AAAA,kBAEA,gCAACc,GAAA,EAAM,WAAU,aAAY,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YACtD,GACF;AAAA,YACClB,KACCU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,IAAG,sBAAqB,WAAU,WACpC,UAAAV,GACH;AAAA,YAEDO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAAA;"}

package/dist/index.es104.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es241.js";
-import { clsx as e } from "./index.es244.js";
+import { clsx as e } from "./index.es242.js";
 import './components/ui/InfoSectionCard/InfoSectionCard.css';/* empty css            */
 import { Col as s } from "./index.es61.js";
 const d = ({ title: o, children: t }) => /* @__PURE__ */ r.jsx("label", { className: e("shadow  br-x4 ui-radio-card-container"), children: /* @__PURE__ */ r.jsxs(s, { style: { width: "100%" }, children: [

package/dist/index.es104.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es104.js","sources":["../src/components/ui/InfoSectionCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./InfoSectionCard.scss\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype InfoSectionCardProps = {\r\n  title?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const InfoSectionCard = ({ title, children }: InfoSectionCardProps) => {\r\n  return (\r\n    <label className={clsx(\"shadow  br-x4 ui-radio-card-container\")}>\r\n      <Col style={{ width: \"100%\" }}>\r\n        <Col py={\"x32\"} px={\"x24\"}>\r\n          <div className=\"fw-semibold text-slate-20 fs-4\">{title}</div>\r\n        </Col>\r\n        <Col\r\n          style={{\r\n            height: 1,\r\n            backgroundColor: \"#C5C7C9\",\r\n            width: \"100%\",\r\n          }}\r\n        />\r\n        <Col p={\"x24\"}>{children}</Col>\r\n      </Col>\r\n    </label>\r\n  );\r\n};\r\n"],"names":["InfoSectionCard","title","children","jsx","clsx","jsxs","Col"],"mappings":";;;;AASO,MAAMA,IAAkB,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAErCC,gBAAAA,EAAAA,IAAC,SAAA,EAAM,WAAWC,EAAK,uCAAuC,GAC5D,UAAAC,gBAAAA,EAAAA,KAACC,GAAA,EAAI,OAAO,EAAE,OAAO,OAAA,GACnB,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACG,GAAA,EAAI,IAAI,OAAO,IAAI,OAClB,gCAAC,OAAA,EAAI,WAAU,kCAAkC,UAAAL,EAAA,CAAM,GACzD;AAAA,EACAE,gBAAAA,EAAAA;AAAAA,IAACG;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAAA,EAEFH,gBAAAA,EAAAA,IAACG,GAAA,EAAI,GAAG,OAAQ,UAAAJ,EAAA,CAAS;AAAA,EAAA,CAC3B,EAAA,CACF;"}
+{"version":3,"file":"index.es104.js","sources":["../src/components/ui/InfoSectionCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./InfoSectionCard.scss\";\nimport { Col } from \"@/components\";\n\ntype InfoSectionCardProps = {\n  title?: string;\n  children?: React.ReactNode;\n};\n\nexport const InfoSectionCard = ({ title, children }: InfoSectionCardProps) => {\n  return (\n    <label className={clsx(\"shadow  br-x4 ui-radio-card-container\")}>\n      <Col style={{ width: \"100%\" }}>\n        <Col py={\"x32\"} px={\"x24\"}>\n          <div className=\"fw-semibold text-slate-20 fs-4\">{title}</div>\n        </Col>\n        <Col\n          style={{\n            height: 1,\n            backgroundColor: \"#C5C7C9\",\n            width: \"100%\",\n          }}\n        />\n        <Col p={\"x24\"}>{children}</Col>\n      </Col>\n    </label>\n  );\n};\n"],"names":["InfoSectionCard","title","children","jsx","clsx","jsxs","Col"],"mappings":";;;;AASO,MAAMA,IAAkB,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAErCC,gBAAAA,EAAAA,IAAC,SAAA,EAAM,WAAWC,EAAK,uCAAuC,GAC5D,UAAAC,gBAAAA,EAAAA,KAACC,GAAA,EAAI,OAAO,EAAE,OAAO,OAAA,GACnB,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACG,GAAA,EAAI,IAAI,OAAO,IAAI,OAClB,gCAAC,OAAA,EAAI,WAAU,kCAAkC,UAAAL,EAAA,CAAM,GACzD;AAAA,EACAE,gBAAAA,EAAAA;AAAAA,IAACG;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAAA,EAEFH,gBAAAA,EAAAA,IAACG,GAAA,EAAI,GAAG,OAAQ,UAAAJ,EAAA,CAAS;AAAA,EAAA,CAC3B,EAAA,CACF;"}

package/dist/index.es105.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es241.js";
 import './styles/typography.css';import './components/ui/link/Link.css';/* empty css            */
 /* empty css            */
-import { clsx as m } from "./index.es244.js";
+import { clsx as m } from "./index.es242.js";
 function x({
   title: o,
   src: e,

package/dist/index.es105.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es105.js","sources":["../src/components/ui/link/index.tsx"],"sourcesContent":["import \"./Link.scss\";\r\nimport \"../../../styles/typography.scss\";\r\nimport { clsx } from \"clsx\";\r\nimport { ElementType } from \"react\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  src: string;\r\n  decoration?: string;\r\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\";\r\n  icon?: ElementType;\r\n  asLink?: ElementType;\r\n  external?: boolean;\r\n};\r\n\r\nexport function Link({\r\n  title,\r\n  src,\r\n  decoration = \"\",\r\n  transform = \"none\",\r\n  icon: Icon,\r\n  asLink = \"a\",\r\n  external = false,\r\n}: Props) {\r\n  const LinkTag = asLink || \"a\";\r\n\r\n  return (\r\n    <LinkTag\r\n      className={clsx(\r\n        \"link link-sans-bold-sm\",\r\n        decoration,\r\n        `text-${transform}`,\r\n      )}\r\n      href={src}\r\n      target={external ? \"_blank\" : \"\"}\r\n      rel={external ? \"noopener noreferrer\" : \"\"}\r\n    >\r\n      {title}\r\n      {Icon && <Icon class={\"link-icon\"} size=\"md\" />}\r\n    </LinkTag>\r\n  );\r\n}\r\n"],"names":["Link","title","src","decoration","transform","Icon","asLink","external","LinkTag","jsxs","clsx","jsx"],"mappings":";;;;AAeO,SAASA,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,MAAMC;AAAA,EACN,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AACb,GAAU;AACR,QAAMC,IAAUF,KAAU;AAE1B,SACEG,gBAAAA,EAAAA;AAAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAP;AAAA,QACA,QAAQC,CAAS;AAAA,MAAA;AAAA,MAEnB,MAAMF;AAAA,MACN,QAAQK,IAAW,WAAW;AAAA,MAC9B,KAAKA,IAAW,wBAAwB;AAAA,MAEvC,UAAA;AAAA,QAAAN;AAAA,QACAI,KAAQM,gBAAAA,EAAAA,IAACN,GAAA,EAAK,OAAO,aAAa,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnD;"}
+{"version":3,"file":"index.es105.js","sources":["../src/components/ui/link/index.tsx"],"sourcesContent":["import \"./Link.scss\";\nimport \"../../../styles/typography.scss\";\nimport { clsx } from \"clsx\";\nimport { ElementType } from \"react\";\n\ntype Props = {\n  title: string;\n  src: string;\n  decoration?: string;\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\";\n  icon?: ElementType;\n  asLink?: ElementType;\n  external?: boolean;\n};\n\nexport function Link({\n  title,\n  src,\n  decoration = \"\",\n  transform = \"none\",\n  icon: Icon,\n  asLink = \"a\",\n  external = false,\n}: Props) {\n  const LinkTag = asLink || \"a\";\n\n  return (\n    <LinkTag\n      className={clsx(\n        \"link link-sans-bold-sm\",\n        decoration,\n        `text-${transform}`,\n      )}\n      href={src}\n      target={external ? \"_blank\" : \"\"}\n      rel={external ? \"noopener noreferrer\" : \"\"}\n    >\n      {title}\n      {Icon && <Icon class={\"link-icon\"} size=\"md\" />}\n    </LinkTag>\n  );\n}\n"],"names":["Link","title","src","decoration","transform","Icon","asLink","external","LinkTag","jsxs","clsx","jsx"],"mappings":";;;;AAeO,SAASA,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,MAAMC;AAAA,EACN,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AACb,GAAU;AACR,QAAMC,IAAUF,KAAU;AAE1B,SACEG,gBAAAA,EAAAA;AAAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAP;AAAA,QACA,QAAQC,CAAS;AAAA,MAAA;AAAA,MAEnB,MAAMF;AAAA,MACN,QAAQK,IAAW,WAAW;AAAA,MAC9B,KAAKA,IAAW,wBAAwB;AAAA,MAEvC,UAAA;AAAA,QAAAN;AAAA,QACAI,KAAQM,gBAAAA,EAAAA,IAACN,GAAA,EAAK,OAAO,aAAa,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnD;"}

package/dist/index.es106.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es106.js","sources":["../src/components/ui/Loader/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\n\r\nexport const Loader = ({\r\n  loading = false,\r\n  className,\r\n}: {\r\n  loading?: boolean;\r\n  className?: string;\r\n}) => {\r\n  return <div className={className}>{loading ? <Spinner /> : null}</div>;\r\n};\r\n"],"names":["Loader","loading","className","jsx","Spinner"],"mappings":";;AAEO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,4BAIU,OAAA,EAAI,WAAAA,GAAuB,cAAUC,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,IAAK,KAAA,CAAK;"}
+{"version":3,"file":"index.es106.js","sources":["../src/components/ui/Loader/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\n\nexport const Loader = ({\n  loading = false,\n  className,\n}: {\n  loading?: boolean;\n  className?: string;\n}) => {\n  return <div className={className}>{loading ? <Spinner /> : null}</div>;\n};\n"],"names":["Loader","loading","className","jsx","Spinner"],"mappings":";;AAEO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,4BAIU,OAAA,EAAI,WAAAA,GAAuB,cAAUC,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,IAAK,KAAA,CAAK;"}

package/dist/index.es107.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import './components/ui/ModalsHeader/ModalsHeader.css';/* empty css            */
-import { Title as o, Close as l } from "./index.es283.js";
+import { Title as o, Close as l } from "./index.es316.js";
 import { Button as i } from "./index.es32.js";
 import { Close as m } from "./index.es182.js";
 const h = ({

package/dist/index.es107.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es107.js","sources":["../src/components/ui/ModalsHeader/index.tsx"],"sourcesContent":["import \"./ModalsHeader.scss\";\r\nimport { Button } from \"@/components\";\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Close } from \"@/icons\";\r\n\r\ntype ModalsHeaderProps = {\r\n  title: string;\r\n  closeButton: string;\r\n  onCloseClick: () => void;\r\n};\r\n\r\nexport const ModalsHeader = ({\r\n  title,\r\n  closeButton,\r\n  onCloseClick,\r\n}: ModalsHeaderProps) => {\r\n  return (\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      </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  );\r\n};\r\n"],"names":["ModalsHeader","title","closeButton","onCloseClick","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,oBAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,iEACrB,UAAAL,KAASI,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,6BAA8B,UAAAJ,EAAA,CAAM,EAAA,CAChE;AAAA,wBAECM,GAAA,EAAa,SAAO,IAAC,WAAU,yBAC9B,UAAAH,gBAAAA,EAAAA;AAAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASL;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDG,gBAAAA,EAAAA,IAACI,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAC3B,CACF;AAAA,GACF;"}
+{"version":3,"file":"index.es107.js","sources":["../src/components/ui/ModalsHeader/index.tsx"],"sourcesContent":["import \"./ModalsHeader.scss\";\nimport { Button } from \"@/components\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { Close } from \"@/icons\";\n\ntype ModalsHeaderProps = {\n  title: string;\n  closeButton: string;\n  onCloseClick: () => void;\n};\n\nexport const ModalsHeader = ({\n  title,\n  closeButton,\n  onCloseClick,\n}: ModalsHeaderProps) => {\n  return (\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      </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  );\n};\n"],"names":["ModalsHeader","title","closeButton","onCloseClick","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,oBAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,iEACrB,UAAAL,KAASI,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,6BAA8B,UAAAJ,EAAA,CAAM,EAAA,CAChE;AAAA,wBAECM,GAAA,EAAa,SAAO,IAAC,WAAU,yBAC9B,UAAAH,gBAAAA,EAAAA;AAAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASL;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDG,gBAAAA,EAAAA,IAACI,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAC3B,CACF;AAAA,GACF;"}

package/dist/index.es108.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es108.js","sources":["../src/components/ui/NavList/index.tsx"],"sourcesContent":["type NavListProps = {\r\n  links: {\r\n    value: string;\r\n    href: string;\r\n    icon?: React.ComponentType<any>;\r\n  }[];\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  onClick?: () => void;\r\n};\r\n\r\nexport const NavList = ({ links, asLink = \"a\", onClick }: NavListProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <ul className=\"list-style-none\" role=\"list\">\r\n      {links?.map((link) => {\r\n        const IconComponent = link?.icon;\r\n        return (\r\n          <li key={link.value} className=\"py-x20 py-x8 border-bottom\">\r\n            <LinkComponent\r\n              href={link.href}\r\n              className=\"w-full underline text-decoration-none text-primary fs-5 md-fs-4 fw-regular base-row align-items-center gap-x8\"\r\n              onClick={() => {\r\n                onClick?.();\r\n              }}\r\n            >\r\n              {IconComponent ? (\r\n                <IconComponent color=\"primary\" width={32} height={32} />\r\n              ) : null}\r\n              {link.value}\r\n            </LinkComponent>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n};\r\n"],"names":["NavList","links","asLink","onClick","LinkComponent","jsx","link","IconComponent","jsxs"],"mappings":";AAUO,MAAMA,IAAU,CAAC,EAAE,OAAAC,GAAO,QAAAC,IAAS,KAAK,SAAAC,QAA4B;AACzE,QAAMC,IAAgBF;AAEtB,SACEG,gBAAAA,MAAC,QAAG,WAAU,mBAAkB,MAAK,QAClC,UAAAJ,KAAA,gBAAAA,EAAO,IAAI,CAACK,MAAS;AACpB,UAAMC,IAAgBD,KAAA,gBAAAA,EAAM;AAC5B,WACED,gBAAAA,EAAAA,IAAC,MAAA,EAAoB,WAAU,8BAC7B,UAAAG,gBAAAA,EAAAA;AAAAA,MAACJ;AAAA,MAAA;AAAA,QACC,MAAME,EAAK;AAAA,QACX,WAAU;AAAA,QACV,SAAS,MAAM;AACb,UAAAH,KAAA,QAAAA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAAI,IACCF,gBAAAA,EAAAA,IAACE,KAAc,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI,IACpD;AAAA,UACHD,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACR,GAZOA,EAAK,KAad;AAAA,EAEJ,GAAC,CACH;AAEJ;"}
+{"version":3,"file":"index.es108.js","sources":["../src/components/ui/NavList/index.tsx"],"sourcesContent":["type NavListProps = {\n  links: {\n    value: string;\n    href: string;\n    icon?: React.ComponentType<any>;\n  }[];\n  asLink?: \"a\" | React.ComponentType<any>;\n  onClick?: () => void;\n};\n\nexport const NavList = ({ links, asLink = \"a\", onClick }: NavListProps) => {\n  const LinkComponent = asLink;\n\n  return (\n    <ul className=\"list-style-none\" role=\"list\">\n      {links?.map((link) => {\n        const IconComponent = link?.icon;\n        return (\n          <li key={link.value} className=\"py-x20 py-x8 border-bottom\">\n            <LinkComponent\n              href={link.href}\n              className=\"w-full underline text-decoration-none text-primary fs-5 md-fs-4 fw-regular base-row align-items-center gap-x8\"\n              onClick={() => {\n                onClick?.();\n              }}\n            >\n              {IconComponent ? (\n                <IconComponent color=\"primary\" width={32} height={32} />\n              ) : null}\n              {link.value}\n            </LinkComponent>\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n"],"names":["NavList","links","asLink","onClick","LinkComponent","jsx","link","IconComponent","jsxs"],"mappings":";AAUO,MAAMA,IAAU,CAAC,EAAE,OAAAC,GAAO,QAAAC,IAAS,KAAK,SAAAC,QAA4B;AACzE,QAAMC,IAAgBF;AAEtB,SACEG,gBAAAA,MAAC,QAAG,WAAU,mBAAkB,MAAK,QAClC,UAAAJ,KAAA,gBAAAA,EAAO,IAAI,CAACK,MAAS;AACpB,UAAMC,IAAgBD,KAAA,gBAAAA,EAAM;AAC5B,WACED,gBAAAA,EAAAA,IAAC,MAAA,EAAoB,WAAU,8BAC7B,UAAAG,gBAAAA,EAAAA;AAAAA,MAACJ;AAAA,MAAA;AAAA,QACC,MAAME,EAAK;AAAA,QACX,WAAU;AAAA,QACV,SAAS,MAAM;AACb,UAAAH,KAAA,QAAAA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAAI,IACCF,gBAAAA,EAAAA,IAACE,KAAc,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI,IACpD;AAAA,UACHD,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACR,GAZOA,EAAK,KAad;AAAA,EAEJ,GAAC,CACH;AAEJ;"}

package/dist/index.es109.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es109.js","sources":["../src/components/ui/NotificationSettingsSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationSettingsSkeleton.scss\";\r\n\r\nexport const NotificationSettingsSkeleton = () => {\r\n  return (\r\n    <div className=\"simple-skeleton-container\">\r\n      {/* Header */}\r\n      <div className=\"simple-skeleton-header pulse\"></div>\r\n\r\n      {/* Contact info */}\r\n      <div className=\"simple-skeleton-contacts\">\r\n        <div className=\"simple-skeleton-contact pulse\"></div>\r\n      </div>\r\n\r\n      {/* Table header */}\r\n      <div className=\"simple-skeleton-table-header\">\r\n        <div className=\"simple-skeleton-cell-large pulse\"></div>\r\n        <div className=\"simple-skeleton-cell-small pulse\"></div>\r\n        <div className=\"simple-skeleton-cell-small pulse\"></div>\r\n      </div>\r\n\r\n      {/* Table rows */}\r\n      <div className=\"simple-skeleton-rows\">\r\n        {[1, 2, 3, 4].map((index) => (\r\n          <div key={index} className=\"simple-skeleton-row\">\r\n            <div className=\"simple-skeleton-cell-large pulse\"></div>\r\n            <div className=\"simple-skeleton-cell-small pulse\"></div>\r\n            <div className=\"simple-skeleton-cell-small pulse\"></div>\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["NotificationSettingsSkeleton","jsxs","jsx","index"],"mappings":";;AAEO,MAAMA,IAA+B,MAExCC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6BAEb,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,+BAAA,CAA+B;AAAA,EAG9CA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,4BACb,gCAAC,OAAA,EAAI,WAAU,iCAAgC,EAAA,CACjD;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,EAAA,GACpD;AAAA,wBAGC,OAAA,EAAI,WAAU,wBACZ,UAAA,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAACC,MACjBF,gBAAAA,EAAAA,KAAC,OAAA,EAAgB,WAAU,uBACzB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,EAAA,EAAA,GAH1CC,CAIV,CACD,EAAA,CACH;AAAA,GACF;"}
+{"version":3,"file":"index.es109.js","sources":["../src/components/ui/NotificationSettingsSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationSettingsSkeleton.scss\";\n\nexport const NotificationSettingsSkeleton = () => {\n  return (\n    <div className=\"simple-skeleton-container\">\n      {/* Header */}\n      <div className=\"simple-skeleton-header pulse\"></div>\n\n      {/* Contact info */}\n      <div className=\"simple-skeleton-contacts\">\n        <div className=\"simple-skeleton-contact pulse\"></div>\n      </div>\n\n      {/* Table header */}\n      <div className=\"simple-skeleton-table-header\">\n        <div className=\"simple-skeleton-cell-large pulse\"></div>\n        <div className=\"simple-skeleton-cell-small pulse\"></div>\n        <div className=\"simple-skeleton-cell-small pulse\"></div>\n      </div>\n\n      {/* Table rows */}\n      <div className=\"simple-skeleton-rows\">\n        {[1, 2, 3, 4].map((index) => (\n          <div key={index} className=\"simple-skeleton-row\">\n            <div className=\"simple-skeleton-cell-large pulse\"></div>\n            <div className=\"simple-skeleton-cell-small pulse\"></div>\n            <div className=\"simple-skeleton-cell-small pulse\"></div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["NotificationSettingsSkeleton","jsxs","jsx","index"],"mappings":";;AAEO,MAAMA,IAA+B,MAExCC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6BAEb,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,+BAAA,CAA+B;AAAA,EAG9CA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,4BACb,gCAAC,OAAA,EAAI,WAAU,iCAAgC,EAAA,CACjD;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,EAAA,GACpD;AAAA,wBAGC,OAAA,EAAI,WAAU,wBACZ,UAAA,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAACC,MACjBF,gBAAAA,EAAAA,KAAC,OAAA,EAAgB,WAAU,uBACzB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,EAAA,EAAA,GAH1CC,CAIV,CACD,EAAA,CACH;AAAA,GACF;"}

package/dist/index.es11.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
 import { Container as l } from "./index.es65.js";
-import { clsx as i } from "./index.es244.js";
+import { clsx as i } from "./index.es242.js";
 import './components/navigations/HeaderSlim/HeaderSlim.css';/* empty css            */
 import { Row as u } from "./index.es116.js";
 const h = ({

package/dist/index.es110.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es110.js","sources":["../src/components/ui/NotificationsListModalSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationsListModalSkeleton.scss\";\r\n\r\nexport const NotificationsListModalSkeleton = () => {\r\n  return (\r\n    <div className=\"docs-skeleton-container\">\r\n      {/* Column of Skeleton Documents */}\r\n      {[...Array(3)].map((_, index) => (\r\n        <div className=\"docs-skeleton-document\" key={index}>\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["NotificationsListModalSkeleton","_","index","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAiC,4BAEzC,OAAA,EAAI,WAAU,2BAEZ,UAAA,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAACC,GAAGC,MACrBC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,6BAAA,CAA6B;AAAA,IAC5CA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2BAAA,CAA2B;AAAA,EAAA,GAC5C;AAAA,EACAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,IACnDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,IACpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,IACvDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,MACnDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,IAAA,EAAA,CACvD;AAAA,EAAA,EAAA,CACF;AAAA,KAd2CF,CAe7C,CACD,GACH;"}
+{"version":3,"file":"index.es110.js","sources":["../src/components/ui/NotificationsListModalSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationsListModalSkeleton.scss\";\n\nexport const NotificationsListModalSkeleton = () => {\n  return (\n    <div className=\"docs-skeleton-container\">\n      {/* Column of Skeleton Documents */}\n      {[...Array(3)].map((_, index) => (\n        <div className=\"docs-skeleton-document\" key={index}>\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["NotificationsListModalSkeleton","_","index","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAiC,4BAEzC,OAAA,EAAI,WAAU,2BAEZ,UAAA,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAACC,GAAGC,MACrBC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,6BAAA,CAA6B;AAAA,IAC5CA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2BAAA,CAA2B;AAAA,EAAA,GAC5C;AAAA,EACAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,IACnDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,IACpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,IACvDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,MACnDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,IAAA,EAAA,CACvD;AAAA,EAAA,EAAA,CACF;AAAA,KAd2CF,CAe7C,CACD,GACH;"}

package/dist/index.es111.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es111.js","sources":["../src/components/ui/NotificationsListSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationsListSkeleton.scss\";\r\n\r\nexport const NotificationsListSkeleton = () => {\r\n  return (\r\n    <div className=\"docs-skeleton-container\">\r\n      {/* Search and filters row */}\r\n      <div className=\"docs-skeleton-search-row\">\r\n        <div className=\"docs-skeleton-search-input pulse\"></div>\r\n        <div className=\"docs-skeleton-search-button pulse\"></div>\r\n        <div className=\"docs-skeleton-filter-button pulse\"></div>\r\n      </div>\r\n\r\n      {/* Tabs with actions */}\r\n      <div className=\"docs-skeleton-tabs-row\">\r\n        <div className=\"docs-skeleton-tabs\">\r\n          <div className=\"docs-skeleton-tab-active pulse\"></div>\r\n          <div className=\"docs-skeleton-tab pulse\"></div>\r\n        </div>\r\n        <div className=\"docs-skeleton-actions\">\r\n          <div className=\"docs-skeleton-action-button pulse\"></div>\r\n          <div className=\"docs-skeleton-action-button pulse\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Document count */}\r\n      <div className=\"docs-skeleton-count pulse\"></div>\r\n\r\n      {/* Year header */}\r\n      <div className=\"docs-skeleton-year pulse\"></div>\r\n\r\n      {/* Row 1 */}\r\n      <div className=\"docs-skeleton-row\">\r\n        {/* Document 1 */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Document 2 */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Horizontal divider */}\r\n      <div className=\"docs-skeleton-divider\"></div>\r\n\r\n      {/* Row 2 */}\r\n      <div className=\"docs-skeleton-row\">\r\n        {/* Document 3 */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Document 4 */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Horizontal divider */}\r\n      <div className=\"docs-skeleton-divider\"></div>\r\n\r\n      {/* Row 3 */}\r\n      <div className=\"docs-skeleton-row\">\r\n        {/* Document 5 */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Document 6 */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["NotificationsListSkeleton","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index.es111.js","sources":["../src/components/ui/NotificationsListSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationsListSkeleton.scss\";\n\nexport const NotificationsListSkeleton = () => {\n  return (\n    <div className=\"docs-skeleton-container\">\n      {/* Search and filters row */}\n      <div className=\"docs-skeleton-search-row\">\n        <div className=\"docs-skeleton-search-input pulse\"></div>\n        <div className=\"docs-skeleton-search-button pulse\"></div>\n        <div className=\"docs-skeleton-filter-button pulse\"></div>\n      </div>\n\n      {/* Tabs with actions */}\n      <div className=\"docs-skeleton-tabs-row\">\n        <div className=\"docs-skeleton-tabs\">\n          <div className=\"docs-skeleton-tab-active pulse\"></div>\n          <div className=\"docs-skeleton-tab pulse\"></div>\n        </div>\n        <div className=\"docs-skeleton-actions\">\n          <div className=\"docs-skeleton-action-button pulse\"></div>\n          <div className=\"docs-skeleton-action-button pulse\"></div>\n        </div>\n      </div>\n\n      {/* Document count */}\n      <div className=\"docs-skeleton-count pulse\"></div>\n\n      {/* Year header */}\n      <div className=\"docs-skeleton-year pulse\"></div>\n\n      {/* Row 1 */}\n      <div className=\"docs-skeleton-row\">\n        {/* Document 1 */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n\n        {/* Document 2 */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Horizontal divider */}\n      <div className=\"docs-skeleton-divider\"></div>\n\n      {/* Row 2 */}\n      <div className=\"docs-skeleton-row\">\n        {/* Document 3 */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n\n        {/* Document 4 */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Horizontal divider */}\n      <div className=\"docs-skeleton-divider\"></div>\n\n      {/* Row 3 */}\n      <div className=\"docs-skeleton-row\">\n        {/* Document 5 */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n\n        {/* Document 6 */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["NotificationsListSkeleton","jsxs","jsx"],"mappings":"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"}

package/dist/index.es112.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es241.js";
-import { clsx as o } from "./index.es244.js";
+import { clsx as o } from "./index.es242.js";
 import { ActionIconText as f } from "./index.es18.js";
 import './components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css';/* empty css            */
 import { Info as x } from "./index.es211.js";

package/dist/index.es112.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es112.js","sources":["../src/components/ui/NotificationsSettingsHeader/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { Info } from \"@/icons\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport \"./NotificationsSettingsHeader.scss\";\r\n\r\ntype TableHeaderProps = {\r\n  className?: string;\r\n  showEmail?: boolean;\r\n  showSms?: boolean;\r\n};\r\n\r\nexport const notificationsSettingsHeaderId = (columnKey: string) =>\r\n  `notifications-settings-header-${columnKey}`;\r\n\r\nexport const NotificationsSettingsHeader = ({\r\n  className,\r\n  showEmail = false,\r\n  showSms = false,\r\n  ...props\r\n}: TableHeaderProps) => {\r\n  const allColumns = [\r\n    {\r\n      label: \"Categoria notifica\",\r\n      noIcon: true,\r\n      isFlex: true,\r\n      key: \"category\",\r\n      alwaysVisible: true,\r\n    },\r\n    {\r\n      label: \"SMS\",\r\n      fixedWidth: true,\r\n      key: \"sms\",\r\n      visible: showSms,\r\n      popupInfo: {\r\n        title: \"SMS\",\r\n        description: \"SMS come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n        ariaLabel: \"Informazioni SMS\",\r\n      },\r\n    },\r\n    {\r\n      label: \"Email\",\r\n      fixedWidth: true,\r\n      key: \"email\",\r\n      visible: showEmail,\r\n      popupInfo: {\r\n        title: \"Email\",\r\n        description: \"Email come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n        ariaLabel: \"Informazioni Email\",\r\n      },\r\n    },\r\n  ];\r\n\r\n  const visibleColumns = allColumns.filter(\r\n    (column) => column.alwaysVisible || column.visible,\r\n  );\r\n\r\n  return (\r\n    <div>\r\n      <div className={clsx(className)} {...props}>\r\n        <table className=\"w-full flex\" role=\"table\">\r\n          <thead>\r\n            <tr className=\"w-full flex\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <th\r\n                    key={headerId}\r\n                    id={headerId}\r\n                    scope=\"col\"\r\n                    aria-colindex={index + 1}\r\n                    data-column-key={column.key}\r\n                    className={clsx(\r\n                      \"table-header-divider-cell w-full\",\r\n                      column.isFlex ? \"flex-1\" : \"flex-none\",\r\n                    )}\r\n                  >\r\n                    <div\r\n                      className={clsx(\r\n                        \"table__cell--header--content\",\r\n                        column.fixedWidth ? \"table-header-fixed-width \" : \"\",\r\n                      )}\r\n                    >\r\n                      <div>\r\n                        <ActionIconText\r\n                          classNameText={\"text-grey-black\"}\r\n                          noIcon={column.noIcon}\r\n                          icon={<Info />}\r\n                          textLabel={column.label}\r\n                          iconPosition={\"right\"}\r\n                          popupInfo={column.popupInfo}\r\n                          positionPopUp={\r\n                            visibleColumns.length === index + 1\r\n                              ? \"left\"\r\n                              : \"right\"\r\n                          }\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                  </th>\r\n                );\r\n              })}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr className=\"sr-only\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <td\r\n                    key={`${headerId}-data`}\r\n                    headers={headerId}\r\n                    aria-colindex={index + 1}\r\n                  >\r\n                    {/* Empty data cell for accessibility */}\r\n                  </td>\r\n                );\r\n              })}\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div className={\"table-header-divider\"} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NotificationsSettingsHeader;\r\n\r\n\r\n\r\n"],"names":["notificationsSettingsHeaderId","columnKey","NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","jsxs","index","headerId","ActionIconText","Info"],"mappings":"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"}
+{"version":3,"file":"index.es112.js","sources":["../src/components/ui/NotificationsSettingsHeader/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Info } from \"@/icons\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport \"./NotificationsSettingsHeader.scss\";\n\ntype TableHeaderProps = {\n  className?: string;\n  showEmail?: boolean;\n  showSms?: boolean;\n};\n\nexport const notificationsSettingsHeaderId = (columnKey: string) =>\n  `notifications-settings-header-${columnKey}`;\n\nexport const NotificationsSettingsHeader = ({\n  className,\n  showEmail = false,\n  showSms = false,\n  ...props\n}: TableHeaderProps) => {\n  const allColumns = [\n    {\n      label: \"Categoria notifica\",\n      noIcon: true,\n      isFlex: true,\n      key: \"category\",\n      alwaysVisible: true,\n    },\n    {\n      label: \"SMS\",\n      fixedWidth: true,\n      key: \"sms\",\n      visible: showSms,\n      popupInfo: {\n        title: \"SMS\",\n        description: \"SMS come metodo di notifica\",\n        isOpen: false,\n        onClickCloseBtn: () => {},\n        ariaLabel: \"Informazioni SMS\",\n      },\n    },\n    {\n      label: \"Email\",\n      fixedWidth: true,\n      key: \"email\",\n      visible: showEmail,\n      popupInfo: {\n        title: \"Email\",\n        description: \"Email come metodo di notifica\",\n        isOpen: false,\n        onClickCloseBtn: () => {},\n        ariaLabel: \"Informazioni Email\",\n      },\n    },\n  ];\n\n  const visibleColumns = allColumns.filter(\n    (column) => column.alwaysVisible || column.visible,\n  );\n\n  return (\n    <div>\n      <div className={clsx(className)} {...props}>\n        <table className=\"w-full flex\" role=\"table\">\n          <thead>\n            <tr className=\"w-full flex\">\n              {visibleColumns.map((column, index) => {\n                const headerId = notificationsSettingsHeaderId(column.key);\n                return (\n                  <th\n                    key={headerId}\n                    id={headerId}\n                    scope=\"col\"\n                    aria-colindex={index + 1}\n                    data-column-key={column.key}\n                    className={clsx(\n                      \"table-header-divider-cell w-full\",\n                      column.isFlex ? \"flex-1\" : \"flex-none\",\n                    )}\n                  >\n                    <div\n                      className={clsx(\n                        \"table__cell--header--content\",\n                        column.fixedWidth ? \"table-header-fixed-width \" : \"\",\n                      )}\n                    >\n                      <div>\n                        <ActionIconText\n                          classNameText={\"text-grey-black\"}\n                          noIcon={column.noIcon}\n                          icon={<Info />}\n                          textLabel={column.label}\n                          iconPosition={\"right\"}\n                          popupInfo={column.popupInfo}\n                          positionPopUp={\n                            visibleColumns.length === index + 1\n                              ? \"left\"\n                              : \"right\"\n                          }\n                        />\n                      </div>\n                    </div>\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n          <tbody>\n            <tr className=\"sr-only\">\n              {visibleColumns.map((column, index) => {\n                const headerId = notificationsSettingsHeaderId(column.key);\n                return (\n                  <td\n                    key={`${headerId}-data`}\n                    headers={headerId}\n                    aria-colindex={index + 1}\n                  >\n                    {/* Empty data cell for accessibility */}\n                  </td>\n                );\n              })}\n            </tr>\n          </tbody>\n        </table>\n      </div>\n      <div className={\"table-header-divider\"} />\n    </div>\n  );\n};\n\nexport default NotificationsSettingsHeader;\n\n\n\n"],"names":["notificationsSettingsHeaderId","columnKey","NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","jsxs","index","headerId","ActionIconText","Info"],"mappings":"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"}

package/dist/index.es113.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
 import './components/ui/ProgressBar/ProgressBar.css';/* empty css            */
-import { clsx as o } from "./index.es244.js";
+import { clsx as o } from "./index.es242.js";
 import { Button as n } from "./index.es32.js";
 import { Close as t } from "./index.es182.js";
 const u = ({

package/dist/index.es113.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es113.js","sources":["../src/components/ui/ProgressBar/index.tsx"],"sourcesContent":["import { 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  onlyTitle?: boolean;\r\n}>;\r\n\r\nexport const ProgressBar = ({\r\n  closeButton,\r\n  onlyTitle = false,\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        <div 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\r\n          {!onlyTitle && (\r\n            <div className=\"fs-7 ui-steps-container\">\r\n              Step <span className=\"text-primary fw-bold\">{currentStep}</span>{\" \"}\r\n              {stepLabel} {totalSteps}\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {closeButton && (\r\n          <div 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          </div>\r\n        )}\r\n      </header>\r\n\r\n      {!onlyTitle && (\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      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ProgressBar","closeButton","onlyTitle","onCloseClick","title","stepLabel","currentStep","totalSteps","jsxs","jsx","Button","Close","_","i","clsx"],"mappings":";;;;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AACf,MAEIC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,mBAChB,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iEACZ,UAAA;AAAA,MAAAJ,KAASK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,6BAA6B,UAAAL,GAAM;AAAA,MAE3D,CAACF,KACAM,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BAA0B,UAAA;AAAA,QAAA;AAAA,QAClCC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAH,GAAY;AAAA,QAAQ;AAAA,QAChED;AAAA,QAAU;AAAA,QAAEE;AAAA,MAAA,EAAA,CACf;AAAA,IAAA,GAEJ;AAAA,IAECN,KACCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACb,UAAAD,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAER,UAAA;AAAA,UAAAF;AAAA,UACDQ,gBAAAA,EAAAA,IAACE,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAC3B,CACF;AAAA,EAAA,GAEJ;AAAA,EAEC,CAACT,KACAO,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACZ,UAAA,MAAM,KAAK,EAAE,QAAQF,EAAA,GAAc,CAACK,GAAGC,MACtCJ,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWK;AAAA,QACT;AAAA,QACAD,IAAI,KAAKP,IAAc,eAAe;AAAA,MAAA;AAAA,MAExC,OAAO;AAAA,QACL,OAAO,GAAG,MAAMC,CAAU;AAAA,MAAA;AAAA,IAC5B;AAAA,IAPKM,IAAI;AAAA,EAAA,CASZ,EAAA,CACH;AAAA,GAEJ;"}
+{"version":3,"file":"index.es113.js","sources":["../src/components/ui/ProgressBar/index.tsx"],"sourcesContent":["import { 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  onlyTitle?: boolean;\n}>;\n\nexport const ProgressBar = ({\n  closeButton,\n  onlyTitle = false,\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        <div 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\n          {!onlyTitle && (\n            <div className=\"fs-7 ui-steps-container\">\n              Step <span className=\"text-primary fw-bold\">{currentStep}</span>{\" \"}\n              {stepLabel} {totalSteps}\n            </div>\n          )}\n        </div>\n\n        {closeButton && (\n          <div 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          </div>\n        )}\n      </header>\n\n      {!onlyTitle && (\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      )}\n    </div>\n  );\n};\n"],"names":["ProgressBar","closeButton","onlyTitle","onCloseClick","title","stepLabel","currentStep","totalSteps","jsxs","jsx","Button","Close","_","i","clsx"],"mappings":";;;;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AACf,MAEIC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,mBAChB,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iEACZ,UAAA;AAAA,MAAAJ,KAASK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,6BAA6B,UAAAL,GAAM;AAAA,MAE3D,CAACF,KACAM,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BAA0B,UAAA;AAAA,QAAA;AAAA,QAClCC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAH,GAAY;AAAA,QAAQ;AAAA,QAChED;AAAA,QAAU;AAAA,QAAEE;AAAA,MAAA,EAAA,CACf;AAAA,IAAA,GAEJ;AAAA,IAECN,KACCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACb,UAAAD,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAER,UAAA;AAAA,UAAAF;AAAA,UACDQ,gBAAAA,EAAAA,IAACE,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAC3B,CACF;AAAA,EAAA,GAEJ;AAAA,EAEC,CAACT,KACAO,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACZ,UAAA,MAAM,KAAK,EAAE,QAAQF,EAAA,GAAc,CAACK,GAAGC,MACtCJ,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWK;AAAA,QACT;AAAA,QACAD,IAAI,KAAKP,IAAc,eAAe;AAAA,MAAA;AAAA,MAExC,OAAO;AAAA,QACL,OAAO,GAAG,MAAMC,CAAU;AAAA,MAAA;AAAA,IAC5B;AAAA,IAPKM,IAAI;AAAA,EAAA,CASZ,EAAA,CACH;AAAA,GAEJ;"}

package/dist/index.es114.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es241.js";
-import { clsx as c } from "./index.es244.js";
+import { clsx as c } from "./index.es242.js";
 import './components/ui/RadioCard/RadioCard.css';/* empty css            */
 import { Col as t } from "./index.es61.js";
 const h = ({

package/dist/index.es115.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import { CreditCard as c } from "./index.es185.js";
-import { clsx as w } from "./index.es244.js";
+import { clsx as w } from "./index.es242.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
 import { EditPencil as N } from "./index.es193.js";
 import { Col as s } from "./index.es61.js";

package/dist/index.es115.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es115.js","sources":["../src/components/ui/ReservationRecapCard/index.tsx"],"sourcesContent":["import { ActionIconText, ArrowLink, Button, Col, Row } from \"@/components\";\r\nimport { EditPencil } from \"@/icons\";\r\nimport { CreditCard } from \"@/icons/CreditCard\";\r\nimport clsx from \"clsx\";\r\nimport \"./ReservationRecapCard.scss\";\r\n\r\ntype InfoSectionCardProps = {\r\n  title?: string;\r\n  firstStatusLabel?: string;\r\n  secondStatusLabel?: string;\r\n  code?: string;\r\n  description?: any;\r\n  onPressPay?: () => void;\r\n  onPressPayLink?: string;\r\n  onPressEdit?: () => void;\r\n  onPressDownload?: () => void;\r\n  downloadLabel?: string;\r\n  payLabel?: string;\r\n  editLabel?: string;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\nexport const ReservationRecapCard = ({\r\n  title,\r\n  code,\r\n  onPressDownload,\r\n  firstStatusLabel,\r\n  secondStatusLabel,\r\n  description,\r\n  onPressPay,\r\n  onPressPayLink = undefined,\r\n  onPressEdit,\r\n  downloadLabel,\r\n  payLabel,\r\n  editLabel,\r\n  asLink = \"a\",\r\n}: InfoSectionCardProps) => {\r\n  return (\r\n    <Col className={clsx(\"shadow  br-x4 ui-radio-card-container-reservations\")}>\r\n      <Col p={\"x24\"} style={{ width: \"100%\" }}>\r\n        <Col gap={\"x8\"}>\r\n          <span className={\"fs-7 fw-semibold text-slate-28\"}>{code}</span>\r\n          <span className={\"text-slate-20 fw-semibold fs-4\"}>{title}</span>\r\n        </Col>\r\n        <Row mt={\"x16\"} gap={\"x16\"}>\r\n          <div className={\"  px-x16 py-x4 bg-blue-15  rounded \"}>\r\n            <span className={\"text-white fs-7 fw-bold\"}>\r\n              {firstStatusLabel}\r\n            </span>\r\n          </div>\r\n          <div className={\"  px-x16 py-x4 bg-status-warning  rounded \"}>\r\n            <span className={\"text-white fs-7 fw-bold\"}>\r\n              {secondStatusLabel}\r\n            </span>\r\n          </div>\r\n        </Row>\r\n        <Col mt={\"x24\"}>{description}</Col>\r\n        <Col mt={\"x36\"} mb={\"x16\"} className={\"ui-reservation-recap-divider\"} />\r\n        <Row\r\n          className={\"actions-container-card-reservation\"}\r\n          alignItems={\"center\"}\r\n          justifyContent={\"space-between\"}\r\n        >\r\n          <Row alignItems={\"center\"} gap={\"x16\"} className={\"action-link\"}>\r\n            {onPressPay ? (\r\n              <ActionIconText\r\n                textLabel={payLabel}\r\n                icon={<CreditCard />}\r\n                handleAction={onPressPay}\r\n                handleIconAction={onPressPay}\r\n                classNameText={\"fw-bold\"}\r\n              />\r\n            ) : onPressPayLink ? (\r\n              <ArrowLink className=\"ui-reservation-recap-pay-link\" asLink={asLink} href={onPressPayLink} arrowVisible={false}>\r\n                <CreditCard />\r\n                {payLabel}\r\n              </ArrowLink>\r\n            ) : <></>}\r\n            <div className={(onPressPay || onPressPayLink) && \"share-divider-reservations\"}>\r\n              <ActionIconText\r\n                textLabel={editLabel}\r\n                icon={<EditPencil />}\r\n                handleAction={onPressEdit}\r\n                handleIconAction={onPressEdit}\r\n                classNameText={\"fw-bold\"}\r\n              />\r\n            </div>\r\n          </Row>\r\n          <Button onClick={onPressDownload} variant=\"secondary\" type=\"button\">\r\n            {downloadLabel}\r\n          </Button>\r\n        </Row>\r\n      </Col>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["ReservationRecapCard","title","code","onPressDownload","firstStatusLabel","secondStatusLabel","description","onPressPay","onPressPayLink","onPressEdit","downloadLabel","payLabel","editLabel","asLink","jsx","Col","clsx","jsxs","Row","ActionIconText","CreditCard","ArrowLink","Fragment","EditPencil","Button"],"mappings":";;;;;;;;;;AAsBO,MAAMA,IAAuB,CAAC;AAAA,EACnC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAEIC,gBAAAA,EAAAA,IAACC,GAAA,EAAI,WAAWC,EAAK,oDAAoD,GACvE,UAAAC,gBAAAA,EAAAA,KAACF,GAAA,EAAI,GAAG,OAAO,OAAO,EAAE,OAAO,UAC7B,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,KAACF,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,kCAAmC,UAAAZ,GAAK;AAAA,IACzDY,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,kCAAmC,UAAAb,EAAA,CAAM;AAAA,EAAA,GAC5D;AAAA,EACAgB,gBAAAA,EAAAA,KAACC,GAAA,EAAI,IAAI,OAAO,KAAK,OACnB,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,uCACd,UAAAA,gBAAAA,EAAAA,IAAC,UAAK,WAAW,2BACd,aACH,EAAA,CACF;AAAA,IACAA,gBAAAA,EAAAA,IAAC,SAAI,WAAW,8CACd,gCAAC,QAAA,EAAK,WAAW,2BACd,UAAAT,EAAA,CACH,EAAA,CACF;AAAA,EAAA,GACF;AAAA,EACAS,gBAAAA,EAAAA,IAACC,GAAA,EAAI,IAAI,OAAQ,UAAAT,GAAY;AAAA,wBAC5BS,GAAA,EAAI,IAAI,OAAO,IAAI,OAAO,WAAW,gCAAgC;AAAA,EACtEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAAD,gBAAAA,OAACC,KAAI,YAAY,UAAU,KAAK,OAAO,WAAW,eAC/C,UAAA;AAAA,UAAAX,IACCO,gBAAAA,EAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWR;AAAA,cACX,4BAAOS,GAAA,EAAW;AAAA,cAClB,cAAcb;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UAAA,IAEfC,IACFS,gBAAAA,EAAAA,KAACI,GAAA,EAAU,WAAU,iCAAgC,QAAAR,GAAgB,MAAML,GAAgB,cAAc,IACvG,UAAA;AAAA,YAAAM,gBAAAA,EAAAA,IAACM,GAAA,EAAW;AAAA,YACXT;AAAA,UAAA,EAAA,CACH,IACEG,gBAAAA,EAAAA,IAAAQ,EAAAA,UAAA,EAAE;AAAA,UACNR,gBAAAA,MAAC,OAAA,EAAI,YAAYP,KAAcC,MAAmB,8BAChD,UAAAM,gBAAAA,EAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWP;AAAA,cACX,4BAAOW,GAAA,EAAW;AAAA,cAClB,cAAcd;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UAAA,EACjB,CACF;AAAA,QAAA,GACF;AAAA,QACAK,gBAAAA,EAAAA,IAACU,KAAO,SAASrB,GAAiB,SAAQ,aAAY,MAAK,UACxD,UAAAO,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EAAA,CACF;"}
+{"version":3,"file":"index.es115.js","sources":["../src/components/ui/ReservationRecapCard/index.tsx"],"sourcesContent":["import { ActionIconText, ArrowLink, Button, Col, Row } from \"@/components\";\nimport { EditPencil } from \"@/icons\";\nimport { CreditCard } from \"@/icons/CreditCard\";\nimport clsx from \"clsx\";\nimport \"./ReservationRecapCard.scss\";\n\ntype InfoSectionCardProps = {\n  title?: string;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n  code?: string;\n  description?: any;\n  onPressPay?: () => void;\n  onPressPayLink?: string;\n  onPressEdit?: () => void;\n  onPressDownload?: () => void;\n  downloadLabel?: string;\n  payLabel?: string;\n  editLabel?: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\nexport const ReservationRecapCard = ({\n  title,\n  code,\n  onPressDownload,\n  firstStatusLabel,\n  secondStatusLabel,\n  description,\n  onPressPay,\n  onPressPayLink = undefined,\n  onPressEdit,\n  downloadLabel,\n  payLabel,\n  editLabel,\n  asLink = \"a\",\n}: InfoSectionCardProps) => {\n  return (\n    <Col className={clsx(\"shadow  br-x4 ui-radio-card-container-reservations\")}>\n      <Col p={\"x24\"} style={{ width: \"100%\" }}>\n        <Col gap={\"x8\"}>\n          <span className={\"fs-7 fw-semibold text-slate-28\"}>{code}</span>\n          <span className={\"text-slate-20 fw-semibold fs-4\"}>{title}</span>\n        </Col>\n        <Row mt={\"x16\"} gap={\"x16\"}>\n          <div className={\"  px-x16 py-x4 bg-blue-15  rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n          <div className={\"  px-x16 py-x4 bg-status-warning  rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        </Row>\n        <Col mt={\"x24\"}>{description}</Col>\n        <Col mt={\"x36\"} mb={\"x16\"} className={\"ui-reservation-recap-divider\"} />\n        <Row\n          className={\"actions-container-card-reservation\"}\n          alignItems={\"center\"}\n          justifyContent={\"space-between\"}\n        >\n          <Row alignItems={\"center\"} gap={\"x16\"} className={\"action-link\"}>\n            {onPressPay ? (\n              <ActionIconText\n                textLabel={payLabel}\n                icon={<CreditCard />}\n                handleAction={onPressPay}\n                handleIconAction={onPressPay}\n                classNameText={\"fw-bold\"}\n              />\n            ) : onPressPayLink ? (\n              <ArrowLink className=\"ui-reservation-recap-pay-link\" asLink={asLink} href={onPressPayLink} arrowVisible={false}>\n                <CreditCard />\n                {payLabel}\n              </ArrowLink>\n            ) : <></>}\n            <div className={(onPressPay || onPressPayLink) && \"share-divider-reservations\"}>\n              <ActionIconText\n                textLabel={editLabel}\n                icon={<EditPencil />}\n                handleAction={onPressEdit}\n                handleIconAction={onPressEdit}\n                classNameText={\"fw-bold\"}\n              />\n            </div>\n          </Row>\n          <Button onClick={onPressDownload} variant=\"secondary\" type=\"button\">\n            {downloadLabel}\n          </Button>\n        </Row>\n      </Col>\n    </Col>\n  );\n};\n"],"names":["ReservationRecapCard","title","code","onPressDownload","firstStatusLabel","secondStatusLabel","description","onPressPay","onPressPayLink","onPressEdit","downloadLabel","payLabel","editLabel","asLink","jsx","Col","clsx","jsxs","Row","ActionIconText","CreditCard","ArrowLink","Fragment","EditPencil","Button"],"mappings":";;;;;;;;;;AAsBO,MAAMA,IAAuB,CAAC;AAAA,EACnC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAEIC,gBAAAA,EAAAA,IAACC,GAAA,EAAI,WAAWC,EAAK,oDAAoD,GACvE,UAAAC,gBAAAA,EAAAA,KAACF,GAAA,EAAI,GAAG,OAAO,OAAO,EAAE,OAAO,UAC7B,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,KAACF,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,kCAAmC,UAAAZ,GAAK;AAAA,IACzDY,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,kCAAmC,UAAAb,EAAA,CAAM;AAAA,EAAA,GAC5D;AAAA,EACAgB,gBAAAA,EAAAA,KAACC,GAAA,EAAI,IAAI,OAAO,KAAK,OACnB,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,uCACd,UAAAA,gBAAAA,EAAAA,IAAC,UAAK,WAAW,2BACd,aACH,EAAA,CACF;AAAA,IACAA,gBAAAA,EAAAA,IAAC,SAAI,WAAW,8CACd,gCAAC,QAAA,EAAK,WAAW,2BACd,UAAAT,EAAA,CACH,EAAA,CACF;AAAA,EAAA,GACF;AAAA,EACAS,gBAAAA,EAAAA,IAACC,GAAA,EAAI,IAAI,OAAQ,UAAAT,GAAY;AAAA,wBAC5BS,GAAA,EAAI,IAAI,OAAO,IAAI,OAAO,WAAW,gCAAgC;AAAA,EACtEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAAD,gBAAAA,OAACC,KAAI,YAAY,UAAU,KAAK,OAAO,WAAW,eAC/C,UAAA;AAAA,UAAAX,IACCO,gBAAAA,EAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWR;AAAA,cACX,4BAAOS,GAAA,EAAW;AAAA,cAClB,cAAcb;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UAAA,IAEfC,IACFS,gBAAAA,EAAAA,KAACI,GAAA,EAAU,WAAU,iCAAgC,QAAAR,GAAgB,MAAML,GAAgB,cAAc,IACvG,UAAA;AAAA,YAAAM,gBAAAA,EAAAA,IAACM,GAAA,EAAW;AAAA,YACXT;AAAA,UAAA,EAAA,CACH,IACEG,gBAAAA,EAAAA,IAAAQ,EAAAA,UAAA,EAAE;AAAA,UACNR,gBAAAA,MAAC,OAAA,EAAI,YAAYP,KAAcC,MAAmB,8BAChD,UAAAM,gBAAAA,EAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWP;AAAA,cACX,4BAAOW,GAAA,EAAW;AAAA,cAClB,cAAcd;AAAA,cACd,kBAAkBA;AAAA,cAClB,eAAe;AAAA,YAAA;AAAA,UAAA,EACjB,CACF;AAAA,QAAA,GACF;AAAA,QACAK,gBAAAA,EAAAA,IAACU,KAAO,SAASrB,GAAiB,SAAQ,aAAY,MAAK,UACxD,UAAAO,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EAAA,CACF;"}

package/dist/index.es116.js

@@ -1,9 +1,9 @@
 import { j as x } from "./index.es241.js";
 import { useMemo as y } from "react";
-import { clsx as g } from "./index.es244.js";
-import { createSpacingClasses as j } from "./index.es334.js";
-import { createColorClasses as u } from "./index.es281.js";
-import { createTypographyClasses as h } from "./index.es335.js";
+import { clsx as g } from "./index.es242.js";
+import { createSpacingClasses as j } from "./index.es360.js";
+import { createColorClasses as u } from "./index.es243.js";
+import { createTypographyClasses as h } from "./index.es361.js";
 const E = ({
   as: o,
   className: r,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as r } from "./index.es244.js";
+import { clsx as r } from "./index.es242.js";
 import { useState as x } from "react";
 import { SearchIcon as d } from "./index.es226.js";
 import { Button as h } from "./index.es32.js";

package/dist/index.es117.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es117.js","sources":["../src/components/ui/Search/index.tsx"],"sourcesContent":["import \"./Search.scss\";\r\nimport clsx from \"clsx\";\r\nimport { useState } from \"react\";\r\nimport { Button } from \"@/components\";\r\nimport { SearchIcon } from \"@/icons\";\r\n\r\ntype SearchProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  variant?: \"outlined\" | \"basic\";\r\n  onChangeValue?: (value: string) => void;\r\n  onSearch?: (value: string) => void;\r\n  dimensionStrategy?: \"fixed\" | \"auto\";\r\n};\r\n\r\nexport const Search = ({\r\n  btnText,\r\n  helperText,\r\n  onChangeValue,\r\n  value,\r\n  variant = \"basic\",\r\n  onSearch,\r\n  dimensionStrategy = \"fixed\"\r\n}: SearchProps) => {\r\n  const [valueInput, setValueInput] = useState(value);\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-search\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        variant,\r\n        {\r\n          \"ui-search-auto\": dimensionStrategy === \"auto\",\r\n        },\r\n      )}\r\n    >\r\n      {variant === \"basic\" ? (\r\n        <>\r\n          <input\r\n            id=\"search\"\r\n            type=\"search\"\r\n            className={clsx(\r\n              \"ui-search-input\",\r\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n            )}\r\n            placeholder={helperText}\r\n            aria-label=\"Barra di ricerca\"\r\n            autoComplete=\"off\"\r\n            value={valueInput}\r\n            onChange={(e) => {\r\n              if (onChangeValue) {\r\n                onChangeValue(e.target.value);\r\n              }\r\n              setValueInput(e.target.value);\r\n            }}\r\n          />\r\n\r\n          <div className={clsx(\"ui-div-btn\")}>\r\n            <Button\r\n              className={clsx(\r\n                \"ui-btn-search\",\r\n                \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n              )}\r\n              onClick={() => onSearch?.(valueInput)}\r\n            >\r\n              {btnText}\r\n            </Button>\r\n          </div>\r\n        </>\r\n      ) : (\r\n        <>\r\n          <div className=\"ui-search-icon\">\r\n            <SearchIcon width={20} height={20} />\r\n          </div>\r\n          <input\r\n            id=\"search\"\r\n            type=\"search\"\r\n            className={clsx(\r\n              \"ui-search-input\",\r\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n            )}\r\n            placeholder={helperText}\r\n            aria-label=\"Barra di ricerca\"\r\n            autoComplete=\"off\"\r\n            value={valueInput}\r\n            onChange={(e) => {\r\n              if (onChangeValue) {\r\n                onChangeValue(e.target.value);\r\n              }\r\n              setValueInput(e.target.value);\r\n            }}\r\n          />\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Search","btnText","helperText","onChangeValue","value","variant","onSearch","dimensionStrategy","valueInput","setValueInput","useState","jsx","clsx","jsxs","Fragment","e","Button","SearchIcon"],"mappings":";;;;;;AAgBO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,MAAmB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASN,CAAK;AAClD,SACEO,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAP;AAAA,QACA;AAAA,UACE,kBAAkBE,MAAsB;AAAA,QAAA;AAAA,MAC1C;AAAA,MAGD,UAAAF,MAAY,UACXQ,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,QAAAH,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,aAAaV;AAAA,YACb,cAAW;AAAA,YACX,cAAa;AAAA,YACb,OAAOM;AAAA,YACP,UAAU,CAACO,MAAM;AACf,cAAIZ,KACFA,EAAcY,EAAE,OAAO,KAAK,GAE9BN,EAAcM,EAAE,OAAO,KAAK;AAAA,YAC9B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGFJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAK,YAAY,GAC/B,UAAAD,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWJ;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,SAAS,MAAMN,KAAA,gBAAAA,EAAWE;AAAA,YAEzB,UAAAP;AAAA,UAAA;AAAA,QAAA,EACH,CACF;AAAA,MAAA,EAAA,CACF,IAEAY,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,QAAAH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kBACb,UAAAA,gBAAAA,EAAAA,IAACM,KAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACrC;AAAA,QACAN,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,aAAaV;AAAA,YACb,cAAW;AAAA,YACX,cAAa;AAAA,YACb,OAAOM;AAAA,YACP,UAAU,CAACO,MAAM;AACf,cAAIZ,KACFA,EAAcY,EAAE,OAAO,KAAK,GAE9BN,EAAcM,EAAE,OAAO,KAAK;AAAA,YAC9B;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es117.js","sources":["../src/components/ui/Search/index.tsx"],"sourcesContent":["import \"./Search.scss\";\nimport clsx from \"clsx\";\nimport { useState } from \"react\";\nimport { Button } from \"@/components\";\nimport { SearchIcon } from \"@/icons\";\n\ntype SearchProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  variant?: \"outlined\" | \"basic\";\n  onChangeValue?: (value: string) => void;\n  onSearch?: (value: string) => void;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport const Search = ({\n  btnText,\n  helperText,\n  onChangeValue,\n  value,\n  variant = \"basic\",\n  onSearch,\n  dimensionStrategy = \"fixed\"\n}: SearchProps) => {\n  const [valueInput, setValueInput] = useState(value);\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        variant,\n        {\n          \"ui-search-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      {variant === \"basic\" ? (\n        <>\n          <input\n            id=\"search\"\n            type=\"search\"\n            className={clsx(\n              \"ui-search-input\",\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\n            )}\n            placeholder={helperText}\n            aria-label=\"Barra di ricerca\"\n            autoComplete=\"off\"\n            value={valueInput}\n            onChange={(e) => {\n              if (onChangeValue) {\n                onChangeValue(e.target.value);\n              }\n              setValueInput(e.target.value);\n            }}\n          />\n\n          <div className={clsx(\"ui-div-btn\")}>\n            <Button\n              className={clsx(\n                \"ui-btn-search\",\n                \"bg-primary text-white fs-7 fw-semibold br-x4\",\n              )}\n              onClick={() => onSearch?.(valueInput)}\n            >\n              {btnText}\n            </Button>\n          </div>\n        </>\n      ) : (\n        <>\n          <div className=\"ui-search-icon\">\n            <SearchIcon width={20} height={20} />\n          </div>\n          <input\n            id=\"search\"\n            type=\"search\"\n            className={clsx(\n              \"ui-search-input\",\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\n            )}\n            placeholder={helperText}\n            aria-label=\"Barra di ricerca\"\n            autoComplete=\"off\"\n            value={valueInput}\n            onChange={(e) => {\n              if (onChangeValue) {\n                onChangeValue(e.target.value);\n              }\n              setValueInput(e.target.value);\n            }}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["Search","btnText","helperText","onChangeValue","value","variant","onSearch","dimensionStrategy","valueInput","setValueInput","useState","jsx","clsx","jsxs","Fragment","e","Button","SearchIcon"],"mappings":";;;;;;AAgBO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,MAAmB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASN,CAAK;AAClD,SACEO,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAP;AAAA,QACA;AAAA,UACE,kBAAkBE,MAAsB;AAAA,QAAA;AAAA,MAC1C;AAAA,MAGD,UAAAF,MAAY,UACXQ,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,QAAAH,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,aAAaV;AAAA,YACb,cAAW;AAAA,YACX,cAAa;AAAA,YACb,OAAOM;AAAA,YACP,UAAU,CAACO,MAAM;AACf,cAAIZ,KACFA,EAAcY,EAAE,OAAO,KAAK,GAE9BN,EAAcM,EAAE,OAAO,KAAK;AAAA,YAC9B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGFJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAK,YAAY,GAC/B,UAAAD,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWJ;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,SAAS,MAAMN,KAAA,gBAAAA,EAAWE;AAAA,YAEzB,UAAAP;AAAA,UAAA;AAAA,QAAA,EACH,CACF;AAAA,MAAA,EAAA,CACF,IAEAY,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,QAAAH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kBACb,UAAAA,gBAAAA,EAAAA,IAACM,KAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACrC;AAAA,QACAN,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,aAAaV;AAAA,YACb,cAAW;AAAA,YACX,cAAa;AAAA,YACb,OAAOM;AAAA,YACP,UAAU,CAACO,MAAM;AACf,cAAIZ,KACFA,EAAcY,EAAE,OAAO,KAAK,GAE9BN,EAAcM,EAAE,OAAO,KAAK;AAAA,YAC9B;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/index.es118.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es241.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es244.js";
+import { clsx as n } from "./index.es242.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es182.js";
 import { Col as N } from "./index.es61.js";

package/dist/index.es118.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es118.js","sources":["../src/components/ui/SearchDocument/index.tsx"],"sourcesContent":["import \"./SearchDocument.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\n\r\nexport type SearchDocumentProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  items: any;\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchDocument = ({\r\n  btnText,\r\n  helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n}: SearchDocumentProps) => {\r\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\r\n  const [filteredItems, setFilteredItems] = useState<any>([]);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n\r\n    if (inputValue.length >= 3) {\r\n      const results = items.filter((item: any) =>\r\n        [item.classification?.type?.label].some((field) =>\r\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\r\n        ),\r\n      );\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: any) => {\r\n    setValueInput(item.classification?.type?.label);\r\n    setFilteredItems([]);\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\r\n      <div className={\"position-relative\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n        />\r\n        {valueInput && valueInput.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item: any, index: any) => (\r\n              <div key={index} onClick={() => handleSelectItem(item)}>\r\n                {item.classification?.type?.label\r\n                  ? highlightMatch(\r\n                      item.classification?.type?.label,\r\n                      valueInput || \"\",\r\n                    )\r\n                  : \"\"}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput ?? \"\");\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchDocument","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","_b","_a","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","_d","_c","Button"],"mappings":"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"}
+{"version":3,"file":"index.es118.js","sources":["../src/components/ui/SearchDocument/index.tsx"],"sourcesContent":["import \"./SearchDocument.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\n\nexport type SearchDocumentProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  items: any;\n  setValue: (value: string) => void;\n};\n\nexport const SearchDocument = ({\n  btnText,\n  helperText,\n  value,\n  items,\n  setValue,\n}: SearchDocumentProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<any>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items.filter((item: any) =>\n        [item.classification?.type?.label].some((field) =>\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\n        ),\n      );\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: any) => {\n    setValueInput(item.classification?.type?.label);\n    setFilteredItems([]);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto \"\n          >\n            {filteredItems.map((item: any, index: any) => (\n              <div key={index} onClick={() => handleSelectItem(item)}>\n                {item.classification?.type?.label\n                  ? highlightMatch(\n                      item.classification?.type?.label,\n                      valueInput || \"\",\n                    )\n                  : \"\"}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchDocument","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","_b","_a","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","_d","_c","Button"],"mappings":"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"}

package/dist/index.es119.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es241.js";
 import { useState as C, useId as G } from "react";
-import { clsx as m } from "./index.es244.js";
+import { clsx as m } from "./index.es242.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es250.js";
+import { useMediaQuery as Q } from "./index.es285.js";
 import { Close as S } from "./index.es182.js";
 import { Col as A } from "./index.es61.js";
 import { Button as D } from "./index.es32.js";