@anoki/fse-ui 1.0.617 → 1.0.619

package/dist/index.cjs51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs51.js","sources":["../src/components/ui/filters/CategoryContent/index.tsx"],"sourcesContent":["import { CheckboxFilter } from \"@/components/ui/filters/CheckboxFilter\";\nimport clsx from \"clsx\";\nimport \"./CategoryContent.scss\";\nimport { Col } from \"@/components\";\n\ntype CategoryContentProps = {\n  className?: string;\n  items: {\n    id: string;\n    label: string;\n    checked: boolean;\n  }[];\n  selectedItems: string[];\n  onChange: (selected: string[]) => void;\n};\nexport const CategoryContent = ({\n  className = \"\",\n  items,\n  selectedItems,\n  onChange,\n}: CategoryContentProps) => {\n  const handleCheckboxChange = (id: string) => {\n    const newSelected = selectedItems.includes(id)\n      ? selectedItems.filter((item) => item !== id)\n      : [...selectedItems, id];\n\n    onChange(newSelected);\n  };\n\n  return (\n    <Col className={clsx(className)}>\n      {items.map((item, index) => {\n        return (\n          <div\n            key={index}\n            className={\"ui-checkbox-border border-divider py-x8\"}\n          >\n            <CheckboxFilter\n              id={item.id}\n              label={item.label}\n              checked={item.checked}\n              onChange={() => handleCheckboxChange(item.id)}\n              classNameText={\"fs-6 fw-regular\"}\n            />\n          </div>\n        );\n      })}\n    </Col>\n  );\n};\n"],"names":["CategoryContent","className","items","selectedItems","onChange","handleCheckboxChange","id","newSelected","item","jsx","Col","clsx","index","CheckboxFilter"],"mappings":"mPAeaA,EAAkB,CAAC,CAC9B,UAAAC,EAAY,GACZ,MAAAC,EACA,cAAAC,EACA,SAAAC,CACF,IAA4B,CACpB,MAAAC,EAAwBC,GAAe,CAC3C,MAAMC,EAAcJ,EAAc,SAASG,CAAE,EACzCH,EAAc,OAAQK,GAASA,IAASF,CAAE,EAC1C,CAAC,GAAGH,EAAeG,CAAE,EAEzBF,EAASG,CAAW,CACtB,EAGE,OAAAE,wBAACC,EAAAA,IAAI,CAAA,UAAWC,EAAAA,KAAKV,CAAS,EAC3B,SAAMC,EAAA,IAAI,CAACM,EAAMI,IAEdH,EAAA,kBAAA,IAAC,MAAA,CAEC,UAAW,0CAEX,SAAAA,EAAA,kBAAA,IAACI,EAAA,eAAA,CACC,GAAIL,EAAK,GACT,MAAOA,EAAK,MACZ,QAASA,EAAK,QACd,SAAU,IAAMH,EAAqBG,EAAK,EAAE,EAC5C,cAAe,iBAAA,CAAA,CACjB,EATKI,CAUP,CAEH,EACH,CAEJ"}
+{"version":3,"file":"index.cjs51.js","sources":["../src/components/ui/filters/CategoryContent/index.tsx"],"sourcesContent":["import { CheckboxFilter } from \"@/components/ui/filters/CheckboxFilter\";\r\nimport clsx from \"clsx\";\r\nimport \"./CategoryContent.scss\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype CategoryContentProps = {\r\n  className?: string;\r\n  items: {\r\n    id: string;\r\n    label: string;\r\n    checked: boolean;\r\n  }[];\r\n  selectedItems: string[];\r\n  onChange: (selected: string[]) => void;\r\n};\r\nexport const CategoryContent = ({\r\n  className = \"\",\r\n  items,\r\n  selectedItems,\r\n  onChange,\r\n}: CategoryContentProps) => {\r\n  const handleCheckboxChange = (id: string) => {\r\n    const newSelected = selectedItems.includes(id)\r\n      ? selectedItems.filter((item) => item !== id)\r\n      : [...selectedItems, id];\r\n\r\n    onChange(newSelected);\r\n  };\r\n\r\n  return (\r\n    <Col className={clsx(className)}>\r\n      {items.map((item, index) => {\r\n        return (\r\n          <div\r\n            key={index}\r\n            className={\"ui-checkbox-border border-divider py-x8\"}\r\n          >\r\n            <CheckboxFilter\r\n              id={item.id}\r\n              label={item.label}\r\n              checked={item.checked}\r\n              onChange={() => handleCheckboxChange(item.id)}\r\n              classNameText={\"fs-6 fw-regular\"}\r\n            />\r\n          </div>\r\n        );\r\n      })}\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CategoryContent","className","items","selectedItems","onChange","handleCheckboxChange","id","newSelected","item","jsx","Col","clsx","index","CheckboxFilter"],"mappings":"mPAeaA,EAAkB,CAAC,CAC9B,UAAAC,EAAY,GACZ,MAAAC,EACA,cAAAC,EACA,SAAAC,CACF,IAA4B,CACpB,MAAAC,EAAwBC,GAAe,CAC3C,MAAMC,EAAcJ,EAAc,SAASG,CAAE,EACzCH,EAAc,OAAQK,GAASA,IAASF,CAAE,EAC1C,CAAC,GAAGH,EAAeG,CAAE,EAEzBF,EAASG,CAAW,CACtB,EAGE,OAAAE,wBAACC,EAAAA,IAAI,CAAA,UAAWC,EAAAA,KAAKV,CAAS,EAC3B,SAAMC,EAAA,IAAI,CAACM,EAAMI,IAEdH,EAAA,kBAAA,IAAC,MAAA,CAEC,UAAW,0CAEX,SAAAA,EAAA,kBAAA,IAACI,EAAA,eAAA,CACC,GAAIL,EAAK,GACT,MAAOA,EAAK,MACZ,QAASA,EAAK,QACd,SAAU,IAAMH,EAAqBG,EAAK,EAAE,EAC5C,cAAe,iBAAA,CAAA,CACjB,EATKI,CAUP,CAEH,EACH,CAEJ"}

package/dist/index.cjs52.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs52.js","sources":["../src/components/ui/filters/CategoryHeader/index.tsx"],"sourcesContent":["import { ArrowDown } from \"@/icons\";\nimport clsx from \"clsx\";\nimport \"./CategoryHeader.scss\";\n\ntype CategoryHeaderProps = {\n  className?: string;\n  title: string;\n  isOpen: boolean;\n  onToggle: () => void;\n  selectedStructures?: string[];\n  hasBorder?: boolean;\n};\nexport const CategoryHeader = ({\n  className = \"\",\n  title,\n  isOpen,\n  onToggle,\n  selectedStructures,\n  hasBorder = true,\n}: CategoryHeaderProps) => {\n  return (\n    <button\n      className={clsx(\n        hasBorder && \"ui-has-border-bottom\",\n        \"ui-btn-accordion \",\n        className,\n      )}\n      type=\"button\"\n      onClick={onToggle}\n    >\n      <h3 className=\"fw-semibold fs-6 text-primary pb-x16 px-x24\">\n        {title} {selectedStructures ? `(${selectedStructures.length})` : \"\"}\n      </h3>\n      <div className={\"px-x24\"}>\n        <ArrowDown\n          color=\"primary\"\n          className={clsx(\"ui-arrow \", { \"ui-expanded\": isOpen })}\n        />\n      </div>\n    </button>\n  );\n};\n"],"names":["CategoryHeader","className","title","isOpen","onToggle","selectedStructures","hasBorder","jsxs","clsx","jsx","ArrowDown"],"mappings":"sNAYaA,EAAiB,CAAC,CAC7B,UAAAC,EAAY,GACZ,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,UAAAC,EAAY,EACd,IAEIC,EAAA,kBAAA,KAAC,SAAA,CACC,UAAWC,EAAA,KACTF,GAAa,uBACb,oBACAL,CACF,EACA,KAAK,SACL,QAASG,EAET,SAAA,CAACG,EAAAA,kBAAAA,KAAA,KAAA,CAAG,UAAU,8CACX,SAAA,CAAAL,EAAM,IAAEG,EAAqB,IAAIA,EAAmB,MAAM,IAAM,EAAA,EACnE,EACAI,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,SACd,SAAAA,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,MAAM,UACN,UAAWF,EAAAA,KAAK,YAAa,CAAE,cAAeL,CAAQ,CAAA,CAAA,CAAA,CAE1D,CAAA,CAAA,CAAA,CACF"}
+{"version":3,"file":"index.cjs52.js","sources":["../src/components/ui/filters/CategoryHeader/index.tsx"],"sourcesContent":["import { ArrowDown } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport \"./CategoryHeader.scss\";\r\n\r\ntype CategoryHeaderProps = {\r\n  className?: string;\r\n  title: string;\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  selectedStructures?: string[];\r\n  hasBorder?: boolean;\r\n};\r\nexport const CategoryHeader = ({\r\n  className = \"\",\r\n  title,\r\n  isOpen,\r\n  onToggle,\r\n  selectedStructures,\r\n  hasBorder = true,\r\n}: CategoryHeaderProps) => {\r\n  return (\r\n    <button\r\n      className={clsx(\r\n        hasBorder && \"ui-has-border-bottom\",\r\n        \"ui-btn-accordion \",\r\n        className,\r\n      )}\r\n      type=\"button\"\r\n      onClick={onToggle}\r\n    >\r\n      <h3 className=\"fw-semibold fs-6 text-primary pb-x16 px-x24\">\r\n        {title} {selectedStructures ? `(${selectedStructures.length})` : \"\"}\r\n      </h3>\r\n      <div className={\"px-x24\"}>\r\n        <ArrowDown\r\n          color=\"primary\"\r\n          className={clsx(\"ui-arrow \", { \"ui-expanded\": isOpen })}\r\n        />\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n"],"names":["CategoryHeader","className","title","isOpen","onToggle","selectedStructures","hasBorder","jsxs","clsx","jsx","ArrowDown"],"mappings":"sNAYaA,EAAiB,CAAC,CAC7B,UAAAC,EAAY,GACZ,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,UAAAC,EAAY,EACd,IAEIC,EAAA,kBAAA,KAAC,SAAA,CACC,UAAWC,EAAA,KACTF,GAAa,uBACb,oBACAL,CACF,EACA,KAAK,SACL,QAASG,EAET,SAAA,CAACG,EAAAA,kBAAAA,KAAA,KAAA,CAAG,UAAU,8CACX,SAAA,CAAAL,EAAM,IAAEG,EAAqB,IAAIA,EAAmB,MAAM,IAAM,EAAA,EACnE,EACAI,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,SACd,SAAAA,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,MAAM,UACN,UAAWF,EAAAA,KAAK,YAAa,CAAE,cAAeL,CAAQ,CAAA,CAAA,CAAA,CAE1D,CAAA,CAAA,CAAA,CACF"}

package/dist/index.cjs53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs53.js","sources":["../src/components/ui/filters/HeaderNavigation/index.tsx"],"sourcesContent":["import { Button } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport clsx from \"clsx\";\n\ntype HeaderNavigationProps = {\n  className?: string;\n  title: string;\n  closeButton: string;\n  onCloseClick?: () => void;\n};\nexport const HeaderNavigation = ({\n  className = \"\",\n  title,\n  closeButton,\n  onCloseClick,\n}: HeaderNavigationProps) => {\n  return (\n    <div\n      className={clsx(\n        className,\n        \"base-row justify-content-between align-items-center\",\n      )}\n    >\n      <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\n        {title}\n      </Dialog.Title>\n      <Button\n        size=\"4\"\n        textColor=\"primary\"\n        bg=\"transparent\"\n        aria-label=\"Chiudi modale\"\n        onClick={onCloseClick}\n        className=\"bmClose\"\n      >\n        {closeButton}\n        <Close className=\"ml-x8\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["HeaderNavigation","className","title","closeButton","onCloseClick","jsxs","clsx","jsx","Dialog.Title","Button","Close"],"mappings":"gPAWaA,EAAmB,CAAC,CAC/B,UAAAC,EAAY,GACZ,MAAAC,EACA,YAAAC,EACA,aAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAA,KACTL,EACA,qDACF,EAEA,SAAA,CAAAM,EAAA,kBAAA,IAACC,EAAO,MAAP,CAAa,UAAU,6BACrB,SACHN,EAAA,EACAG,EAAA,kBAAA,KAACI,EAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,gBACX,QAASL,EACT,UAAU,UAET,SAAA,CAAAD,EACDI,EAAAA,kBAAAA,IAACG,EAAM,MAAA,CAAA,UAAU,OAAQ,CAAA,CAAA,CAAA,CAAA,CAC3B,CAAA,CACF"}
+{"version":3,"file":"index.cjs53.js","sources":["../src/components/ui/filters/HeaderNavigation/index.tsx"],"sourcesContent":["import { Button } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport clsx from \"clsx\";\r\n\r\ntype HeaderNavigationProps = {\r\n  className?: string;\r\n  title: string;\r\n  closeButton: string;\r\n  onCloseClick?: () => void;\r\n};\r\nexport const HeaderNavigation = ({\r\n  className = \"\",\r\n  title,\r\n  closeButton,\r\n  onCloseClick,\r\n}: HeaderNavigationProps) => {\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        className,\r\n        \"base-row justify-content-between align-items-center\",\r\n      )}\r\n    >\r\n      <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n        {title}\r\n      </Dialog.Title>\r\n      <Button\r\n        size=\"4\"\r\n        textColor=\"primary\"\r\n        bg=\"transparent\"\r\n        aria-label=\"Chiudi modale\"\r\n        onClick={onCloseClick}\r\n        className=\"bmClose\"\r\n      >\r\n        {closeButton}\r\n        <Close className=\"ml-x8\" />\r\n      </Button>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderNavigation","className","title","closeButton","onCloseClick","jsxs","clsx","jsx","Dialog.Title","Button","Close"],"mappings":"gPAWaA,EAAmB,CAAC,CAC/B,UAAAC,EAAY,GACZ,MAAAC,EACA,YAAAC,EACA,aAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAA,KACTL,EACA,qDACF,EAEA,SAAA,CAAAM,EAAA,kBAAA,IAACC,EAAO,MAAP,CAAa,UAAU,6BACrB,SACHN,EAAA,EACAG,EAAA,kBAAA,KAACI,EAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,gBACX,QAASL,EACT,UAAU,UAET,SAAA,CAAAD,EACDI,EAAAA,kBAAAA,IAACG,EAAM,MAAA,CAAA,UAAU,OAAQ,CAAA,CAAA,CAAA,CAAA,CAC3B,CAAA,CACF"}

package/dist/index.cjs54.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs54.js","sources":["../src/components/ui/filters/FiltersChips/index.tsx"],"sourcesContent":["\"use client\";\nimport \"./FiltersChips.scss\";\nimport { Row } from \"@/components\";\nimport { PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\n\ntype FiltersChipsProps = PropsWithChildren<{\n  chips: string[];\n  id: string;\n  additionalClassName?: string;\n  onChange: (selectedChip: string) => void;\n  selectedChip?: string;\n}>;\n\nexport const FiltersChips = ({\n  chips,\n  id,\n  additionalClassName,\n  onChange,\n  selectedChip,\n}: FiltersChipsProps) => {\n  return (\n    <div\n      className={clsx(\"filters-chips-container\", additionalClassName)}\n      role=\"radiogroup\"\n      aria-label=\"Filter options\"\n    >\n      <Row alignItems=\"center\" gap=\"x8\" flexWrap=\"wrap\">\n        {chips.map((chip) => (\n          <button\n            key={`${id}-${chip}`}\n            className={clsx(\"filter-chip\", {\n              \"filter-chip--selected\": selectedChip === chip,\n            })}\n            role=\"radio\"\n            aria-checked={selectedChip === chip}\n            onClick={() => onChange(chip)}\n          >\n            {chip}\n          </button>\n        ))}\n      </Row>\n    </div>\n  );\n};\n"],"names":["FiltersChips","chips","id","additionalClassName","onChange","selectedChip","jsx","clsx","Row","chip"],"mappings":"oNAcaA,EAAe,CAAC,CAC3B,MAAAC,EACA,GAAAC,EACA,oBAAAC,EACA,SAAAC,EACA,aAAAC,CACF,IAEIC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,KAAK,0BAA2BJ,CAAmB,EAC9D,KAAK,aACL,aAAW,iBAEX,SAAAG,EAAA,kBAAA,IAACE,EAAI,IAAA,CAAA,WAAW,SAAS,IAAI,KAAK,SAAS,OACxC,SAAAP,EAAM,IAAKQ,GACVH,EAAA,kBAAA,IAAC,SAAA,CAEC,UAAWC,OAAK,cAAe,CAC7B,wBAAyBF,IAAiBI,CAAA,CAC3C,EACD,KAAK,QACL,eAAcJ,IAAiBI,EAC/B,QAAS,IAAML,EAASK,CAAI,EAE3B,SAAAA,CAAA,EARI,GAAGP,CAAE,IAAIO,CAAI,EAAA,CAUrB,CACH,CAAA,CAAA,CACF"}
+{"version":3,"file":"index.cjs54.js","sources":["../src/components/ui/filters/FiltersChips/index.tsx"],"sourcesContent":["\"use client\";\r\nimport \"./FiltersChips.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { PropsWithChildren } from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype FiltersChipsProps = PropsWithChildren<{\r\n  chips: string[];\r\n  id: string;\r\n  additionalClassName?: string;\r\n  onChange: (selectedChip: string) => void;\r\n  selectedChip?: string;\r\n}>;\r\n\r\nexport const FiltersChips = ({\r\n  chips,\r\n  id,\r\n  additionalClassName,\r\n  onChange,\r\n  selectedChip,\r\n}: FiltersChipsProps) => {\r\n  return (\r\n    <div\r\n      className={clsx(\"filters-chips-container\", additionalClassName)}\r\n      role=\"radiogroup\"\r\n      aria-label=\"Filter options\"\r\n    >\r\n      <Row alignItems=\"center\" gap=\"x8\" flexWrap=\"wrap\">\r\n        {chips.map((chip) => (\r\n          <button\r\n            key={`${id}-${chip}`}\r\n            className={clsx(\"filter-chip\", {\r\n              \"filter-chip--selected\": selectedChip === chip,\r\n            })}\r\n            role=\"radio\"\r\n            aria-checked={selectedChip === chip}\r\n            onClick={() => onChange(chip)}\r\n          >\r\n            {chip}\r\n          </button>\r\n        ))}\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["FiltersChips","chips","id","additionalClassName","onChange","selectedChip","jsx","clsx","Row","chip"],"mappings":"oNAcaA,EAAe,CAAC,CAC3B,MAAAC,EACA,GAAAC,EACA,oBAAAC,EACA,SAAAC,EACA,aAAAC,CACF,IAEIC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,KAAK,0BAA2BJ,CAAmB,EAC9D,KAAK,aACL,aAAW,iBAEX,SAAAG,EAAA,kBAAA,IAACE,EAAI,IAAA,CAAA,WAAW,SAAS,IAAI,KAAK,SAAS,OACxC,SAAAP,EAAM,IAAKQ,GACVH,EAAA,kBAAA,IAAC,SAAA,CAEC,UAAWC,OAAK,cAAe,CAC7B,wBAAyBF,IAAiBI,CAAA,CAC3C,EACD,KAAK,QACL,eAAcJ,IAAiBI,EAC/B,QAAS,IAAML,EAASK,CAAI,EAE3B,SAAAA,CAAA,EARI,GAAGP,CAAE,IAAIO,CAAI,EAAA,CAUrB,CACH,CAAA,CAAA,CACF"}

package/dist/index.cjs55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs55.js","sources":["../src/components/ui/CardReminder/index.tsx"],"sourcesContent":["import Balancer from \"react-wrap-balancer\";\nimport { Calendar } from \"@/icons\";\nimport \"./CardReminder.scss\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardReminderProps = {\n  icon?: React.ReactNode;\n  title: string;\n  description?: React.ReactNode;\n  titleTag?: HeadingLevel;\n  footer?: React.ReactNode;\n};\n\nexport const CardReminder = ({\n  icon = <Calendar width={21} height={21} color=\"slate-28\" />,\n  titleTag: TitleTag = \"h3\",\n  title,\n  description,\n  footer,\n}: CardReminderProps) => {\n  return (\n    <div className=\"bg-white shadow br-x4 ui-card-reminder\">\n      <header className=\"ui-card-reminder-header\">\n        <div className=\"ui-card-reminder-icon\">{icon}</div>\n        <TitleTag className=\"fs-5 md-fs-4 fw-semibold text-slate-28\">\n          {title}\n        </TitleTag>\n      </header>\n      {description && (\n        <Balancer\n          as=\"p\"\n          className=\"fs-custom fw-regular text-slate-28 ui-card-reminder-content\"\n        >\n          {description}\n        </Balancer>\n      )}\n      {footer && <footer className=\"ui-card-reminder-footer\">{footer}</footer>}\n    </div>\n  );\n};\n"],"names":["CardReminder","icon","Calendar","TitleTag","title","description","footer","jsxs","jsx","Balancer"],"mappings":"sNAcaA,EAAe,CAAC,CAC3B,KAAAC,0BAAQC,EAAS,SAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,WAAW,EACzD,SAAUC,EAAW,KACrB,MAAAC,EACA,YAAAC,EACA,OAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,SAAA,CAAO,UAAU,0BAChB,SAAA,CAACC,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,wBAAyB,SAAKP,EAAA,EAC5CO,EAAA,kBAAA,IAAAL,EAAA,CAAS,UAAU,yCACjB,SACHC,CAAA,CAAA,CAAA,EACF,EACCC,GACCG,EAAA,kBAAA,IAACC,EAAA,QAAA,CACC,GAAG,IACH,UAAU,8DAET,SAAAJ,CAAA,CACH,EAEDC,GAAUE,EAAA,kBAAA,IAAC,SAAO,CAAA,UAAU,0BAA2B,SAAOF,CAAA,CAAA,CAAA,EACjE"}
+{"version":3,"file":"index.cjs55.js","sources":["../src/components/ui/CardReminder/index.tsx"],"sourcesContent":["import Balancer from \"react-wrap-balancer\";\r\nimport { Calendar } from \"@/icons\";\r\nimport \"./CardReminder.scss\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardReminderProps = {\r\n  icon?: React.ReactNode;\r\n  title: string;\r\n  description?: React.ReactNode;\r\n  titleTag?: HeadingLevel;\r\n  footer?: React.ReactNode;\r\n};\r\n\r\nexport const CardReminder = ({\r\n  icon = <Calendar width={21} height={21} color=\"slate-28\" />,\r\n  titleTag: TitleTag = \"h3\",\r\n  title,\r\n  description,\r\n  footer,\r\n}: CardReminderProps) => {\r\n  return (\r\n    <div className=\"bg-white shadow br-x4 ui-card-reminder\">\r\n      <header className=\"ui-card-reminder-header\">\r\n        <div className=\"ui-card-reminder-icon\">{icon}</div>\r\n        <TitleTag className=\"fs-5 md-fs-4 fw-semibold text-slate-28\">\r\n          {title}\r\n        </TitleTag>\r\n      </header>\r\n      {description && (\r\n        <Balancer\r\n          as=\"p\"\r\n          className=\"fs-custom fw-regular text-slate-28 ui-card-reminder-content\"\r\n        >\r\n          {description}\r\n        </Balancer>\r\n      )}\r\n      {footer && <footer className=\"ui-card-reminder-footer\">{footer}</footer>}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardReminder","icon","Calendar","TitleTag","title","description","footer","jsxs","jsx","Balancer"],"mappings":"sNAcaA,EAAe,CAAC,CAC3B,KAAAC,0BAAQC,EAAS,SAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,WAAW,EACzD,SAAUC,EAAW,KACrB,MAAAC,EACA,YAAAC,EACA,OAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,SAAA,CAAO,UAAU,0BAChB,SAAA,CAACC,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,wBAAyB,SAAKP,EAAA,EAC5CO,EAAA,kBAAA,IAAAL,EAAA,CAAS,UAAU,yCACjB,SACHC,CAAA,CAAA,CAAA,EACF,EACCC,GACCG,EAAA,kBAAA,IAACC,EAAA,QAAA,CACC,GAAG,IACH,UAAU,8DAET,SAAAJ,CAAA,CACH,EAEDC,GAAUE,EAAA,kBAAA,IAAC,SAAO,CAAA,UAAU,0BAA2B,SAAOF,CAAA,CAAA,CAAA,EACjE"}

package/dist/index.cjs57.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs57.js","sources":["../src/components/ui/Avatar/index.tsx"],"sourcesContent":["import { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\n\nexport type AvatarSize = \"1\" | \"2\" | \"3\";\n\ntype AvatarProps = {\n  initials: string;\n  bg?: ColorKeys;\n  textColor?: ColorKeys;\n  size?: AvatarSize;\n  className?: string;\n};\n\nexport const Avatar = ({\n  initials,\n  bg,\n  textColor,\n  size = \"2\",\n  className,\n}: AvatarProps) => {\n  const colorClasses = createColorClasses({\n    bg,\n    text: textColor,\n  });\n\n  const AVATAR_SIZES = {\n    \"1\": \"w-x64 h-x64 fs-5\",\n    \"2\": \"w-x48 h-x48 fs-6\",\n    \"3\": \"w-x32 h-x32 fs-7\",\n  };\n\n  const baseClasses = clsx(\n    \"rounded-full base-row justify-content-center align-items-center p-x4\",\n    AVATAR_SIZES[size],\n    colorClasses,\n    className,\n  );\n\n  return (\n    <div className={baseClasses} aria-hidden=\"true\">\n      <span className=\"fw-semibold\">{initials}</span>\n    </div>\n  );\n};\n"],"names":["Avatar","initials","bg","textColor","size","className","colorClasses","createColorClasses","AVATAR_SIZES","baseClasses","clsx","jsx"],"mappings":"mLAaaA,EAAS,CAAC,CACrB,SAAAC,EACA,GAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,IACP,UAAAC,CACF,IAAmB,CACjB,MAAMC,EAAeC,EAAAA,mBAAmB,CACtC,GAAAL,EACA,KAAMC,CAAA,CACP,EAEKK,EAAe,CACnB,EAAK,mBACL,EAAK,mBACL,EAAK,kBACP,EAEMC,EAAcC,EAAA,KAClB,uEACAF,EAAaJ,CAAI,EACjBE,EACAD,CACF,EAGE,OAAAM,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWF,EAAa,cAAY,OACvC,SAAAE,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAAV,CAAS,CAAA,EAC1C,CAEJ"}
+{"version":3,"file":"index.cjs57.js","sources":["../src/components/ui/Avatar/index.tsx"],"sourcesContent":["import { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\n\r\nexport type AvatarSize = \"1\" | \"2\" | \"3\";\r\n\r\ntype AvatarProps = {\r\n  initials: string;\r\n  bg?: ColorKeys;\r\n  textColor?: ColorKeys;\r\n  size?: AvatarSize;\r\n  className?: string;\r\n};\r\n\r\nexport const Avatar = ({\r\n  initials,\r\n  bg,\r\n  textColor,\r\n  size = \"2\",\r\n  className,\r\n}: AvatarProps) => {\r\n  const colorClasses = createColorClasses({\r\n    bg,\r\n    text: textColor,\r\n  });\r\n\r\n  const AVATAR_SIZES = {\r\n    \"1\": \"w-x64 h-x64 fs-5\",\r\n    \"2\": \"w-x48 h-x48 fs-6\",\r\n    \"3\": \"w-x32 h-x32 fs-7\",\r\n  };\r\n\r\n  const baseClasses = clsx(\r\n    \"rounded-full base-row justify-content-center align-items-center p-x4\",\r\n    AVATAR_SIZES[size],\r\n    colorClasses,\r\n    className,\r\n  );\r\n\r\n  return (\r\n    <div className={baseClasses} aria-hidden=\"true\">\r\n      <span className=\"fw-semibold\">{initials}</span>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Avatar","initials","bg","textColor","size","className","colorClasses","createColorClasses","AVATAR_SIZES","baseClasses","clsx","jsx"],"mappings":"mLAaaA,EAAS,CAAC,CACrB,SAAAC,EACA,GAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,IACP,UAAAC,CACF,IAAmB,CACjB,MAAMC,EAAeC,EAAAA,mBAAmB,CACtC,GAAAL,EACA,KAAMC,CAAA,CACP,EAEKK,EAAe,CACnB,EAAK,mBACL,EAAK,mBACL,EAAK,kBACP,EAEMC,EAAcC,EAAA,KAClB,uEACAF,EAAaJ,CAAI,EACjBE,EACAD,CACF,EAGE,OAAAM,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWF,EAAa,cAAY,OACvC,SAAAE,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAAV,CAAS,CAAA,EAC1C,CAEJ"}

package/dist/index.cjs58.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs58.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":"qHAUaA,EAAU,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAS,IAAK,QAAAC,KAA4B,CACzE,MAAMC,EAAgBF,EAGpB,OAAAG,wBAAC,MAAG,UAAU,kBAAkB,KAAK,OAClC,SAAAJ,GAAA,YAAAA,EAAO,IAAKK,GAAS,CACpB,MAAMC,EAAgBD,GAAA,YAAAA,EAAM,KAE1B,OAAAD,EAAAA,kBAAAA,IAAC,KAAoB,CAAA,UAAU,6BAC7B,SAAAG,EAAA,kBAAA,KAACJ,EAAA,CACC,KAAME,EAAK,KACX,UAAU,gHACV,QAAS,IAAM,CACHH,GAAA,MAAAA,GACZ,EAEC,SAAA,CACCI,EAAAF,EAAA,kBAAA,IAACE,GAAc,MAAM,UAAU,MAAO,GAAI,OAAQ,GAAI,EACpD,KACHD,EAAK,KAAA,CAAA,CAAA,CACR,EAZOA,EAAK,KAad,CAEH,GACH,CAEJ"}
+{"version":3,"file":"index.cjs58.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":"qHAUaA,EAAU,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAS,IAAK,QAAAC,KAA4B,CACzE,MAAMC,EAAgBF,EAGpB,OAAAG,wBAAC,MAAG,UAAU,kBAAkB,KAAK,OAClC,SAAAJ,GAAA,YAAAA,EAAO,IAAKK,GAAS,CACpB,MAAMC,EAAgBD,GAAA,YAAAA,EAAM,KAE1B,OAAAD,EAAAA,kBAAAA,IAAC,KAAoB,CAAA,UAAU,6BAC7B,SAAAG,EAAA,kBAAA,KAACJ,EAAA,CACC,KAAME,EAAK,KACX,UAAU,gHACV,QAAS,IAAM,CACHH,GAAA,MAAAA,GACZ,EAEC,SAAA,CACCI,EAAAF,EAAA,kBAAA,IAACE,GAAc,MAAM,UAAU,MAAO,GAAI,OAAQ,GAAI,EACpD,KACHD,EAAK,KAAA,CAAA,CAAA,CACR,EAZOA,EAAK,KAad,CAEH,GACH,CAEJ"}

package/dist/index.cjs59.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs59.js","sources":["../src/components/ui/RadioCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./RadioCard.scss\";\nimport { Col } from \"@/components\";\n\ntype RadioCardProps = {\n  id: string;\n  name: string;\n  value: string;\n  checked: boolean;\n  label: string;\n  description?: string;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const RadioCard = ({\n  id,\n  name,\n  value,\n  checked = false,\n  label,\n  description,\n  onChange,\n}: RadioCardProps) => {\n  return (\n    <label\n      className={clsx(\n        \"shadow bg-white br-x4 ui-radio-card\",\n        checked && \"ui-radio-card-checked\",\n      )}\n      htmlFor={id}\n    >\n      <input\n        type=\"radio\"\n        id={id}\n        name={name}\n        value={value}\n        checked={checked}\n        onChange={onChange}\n      />\n      <Col gap={\"x4\"}>\n        <div className=\"fw-semibold text-slate-20 fs-4\">{label}</div>\n        <p className=\"fs-6 fw-regular text-slate-20\">{description}</p>\n      </Col>\n    </label>\n  );\n};\n"],"names":["RadioCard","id","name","value","checked","label","description","onChange","jsxs","clsx","jsx","Col"],"mappings":"qNAcaA,EAAY,CAAC,CACxB,GAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,GACV,MAAAC,EACA,YAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,QAAA,CACC,UAAWC,EAAA,KACT,sCACAL,GAAW,uBACb,EACA,QAASH,EAET,SAAA,CAAAS,EAAA,kBAAA,IAAC,QAAA,CACC,KAAK,QACL,GAAAT,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAG,CAAA,CACF,EACAC,EAAAA,kBAAAA,KAACG,EAAAA,IAAI,CAAA,IAAK,KACR,SAAA,CAACD,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,iCAAkC,SAAML,EAAA,EACtDK,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,gCAAiC,SAAYJ,CAAA,CAAA,CAAA,CAC5D,CAAA,CAAA,CAAA,CACF"}
+{"version":3,"file":"index.cjs59.js","sources":["../src/components/ui/RadioCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./RadioCard.scss\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype RadioCardProps = {\r\n  id: string;\r\n  name: string;\r\n  value: string;\r\n  checked: boolean;\r\n  label: string;\r\n  description?: string;\r\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n};\r\n\r\nexport const RadioCard = ({\r\n  id,\r\n  name,\r\n  value,\r\n  checked = false,\r\n  label,\r\n  description,\r\n  onChange,\r\n}: RadioCardProps) => {\r\n  return (\r\n    <label\r\n      className={clsx(\r\n        \"shadow bg-white br-x4 ui-radio-card\",\r\n        checked && \"ui-radio-card-checked\",\r\n      )}\r\n      htmlFor={id}\r\n    >\r\n      <input\r\n        type=\"radio\"\r\n        id={id}\r\n        name={name}\r\n        value={value}\r\n        checked={checked}\r\n        onChange={onChange}\r\n      />\r\n      <Col gap={\"x4\"}>\r\n        <div className=\"fw-semibold text-slate-20 fs-4\">{label}</div>\r\n        <p className=\"fs-6 fw-regular text-slate-20\">{description}</p>\r\n      </Col>\r\n    </label>\r\n  );\r\n};\r\n"],"names":["RadioCard","id","name","value","checked","label","description","onChange","jsxs","clsx","jsx","Col"],"mappings":"qNAcaA,EAAY,CAAC,CACxB,GAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,GACV,MAAAC,EACA,YAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,QAAA,CACC,UAAWC,EAAA,KACT,sCACAL,GAAW,uBACb,EACA,QAASH,EAET,SAAA,CAAAS,EAAA,kBAAA,IAAC,QAAA,CACC,KAAK,QACL,GAAAT,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAG,CAAA,CACF,EACAC,EAAAA,kBAAAA,KAACG,EAAAA,IAAI,CAAA,IAAK,KACR,SAAA,CAACD,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,iCAAkC,SAAML,EAAA,EACtDK,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,gCAAiC,SAAYJ,CAAA,CAAA,CAAA,CAC5D,CAAA,CAAA,CAAA,CACF"}

package/dist/index.cjs6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs6.js","sources":["../src/components/ui/Container/index.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport { CSSProperties, useMemo } from \"react\";\nimport { createSpacingClasses, SpacingProps } from \"@/theme/spacing\";\nimport \"./Container.scss\";\n\nexport type ContainerProps = {\n  as?: React.ElementType;\n  children: React.ReactNode;\n  className?: string;\n  display?: CSSProperties[\"display\"];\n  justifyContent?: CSSProperties[\"justifyContent\"];\n  alignItems?: CSSProperties[\"alignItems\"];\n  flexWrap?: CSSProperties[\"flexWrap\"];\n} & SpacingProps;\n\nexport const Container = ({\n  as,\n  children,\n  className,\n  display,\n  justifyContent,\n  alignItems,\n  flexWrap,\n  ...rest\n}: ContainerProps) => {\n  const Component = as || \"div\";\n  const classNames = useMemo(() => {\n    const spacingClasses = createSpacingClasses(rest);\n\n    return [...spacingClasses].join(\" \");\n  }, [rest]);\n\n  return (\n    <Component\n      className={clsx(\"ui-container\", className, classNames)}\n      style={{\n        display,\n        justifyContent,\n        alignItems,\n        flexWrap,\n      }}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["Container","as","children","className","display","justifyContent","alignItems","flexWrap","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":"mOAiBO,MAAMA,EAAY,CAAC,CACxB,GAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,eAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAsB,CACpB,MAAMC,EAAYR,GAAM,MAClBS,EAAaC,EAAAA,QAAQ,IAGlB,CAAC,GAFeC,uBAAqBJ,CAAI,CAEvB,EAAE,KAAK,GAAG,EAClC,CAACA,CAAI,CAAC,EAGP,OAAAK,EAAA,kBAAA,IAACJ,EAAA,CACC,UAAWK,EAAA,KAAK,eAAgBX,EAAWO,CAAU,EACrD,MAAO,CACL,QAAAN,EACA,eAAAC,EACA,WAAAC,EACA,SAAAC,CACF,EAEC,SAAAL,CAAA,CACH,CAEJ"}
+{"version":3,"file":"index.cjs6.js","sources":["../src/components/ui/Container/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport clsx from \"clsx\";\r\nimport { CSSProperties, useMemo } from \"react\";\r\nimport { createSpacingClasses, SpacingProps } from \"@/theme/spacing\";\r\nimport \"./Container.scss\";\r\n\r\nexport type ContainerProps = {\r\n  as?: React.ElementType;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  display?: CSSProperties[\"display\"];\r\n  justifyContent?: CSSProperties[\"justifyContent\"];\r\n  alignItems?: CSSProperties[\"alignItems\"];\r\n  flexWrap?: CSSProperties[\"flexWrap\"];\r\n} & SpacingProps;\r\n\r\nexport const Container = ({\r\n  as,\r\n  children,\r\n  className,\r\n  display,\r\n  justifyContent,\r\n  alignItems,\r\n  flexWrap,\r\n  ...rest\r\n}: ContainerProps) => {\r\n  const Component = as || \"div\";\r\n  const classNames = useMemo(() => {\r\n    const spacingClasses = createSpacingClasses(rest);\r\n\r\n    return [...spacingClasses].join(\" \");\r\n  }, [rest]);\r\n\r\n  return (\r\n    <Component\r\n      className={clsx(\"ui-container\", className, classNames)}\r\n      style={{\r\n        display,\r\n        justifyContent,\r\n        alignItems,\r\n        flexWrap,\r\n      }}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n};\r\n"],"names":["Container","as","children","className","display","justifyContent","alignItems","flexWrap","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":"mOAiBO,MAAMA,EAAY,CAAC,CACxB,GAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,eAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAsB,CACpB,MAAMC,EAAYR,GAAM,MAClBS,EAAaC,EAAAA,QAAQ,IAGlB,CAAC,GAFeC,uBAAqBJ,CAAI,CAEvB,EAAE,KAAK,GAAG,EAClC,CAACA,CAAI,CAAC,EAGP,OAAAK,EAAA,kBAAA,IAACJ,EAAA,CACC,UAAWK,EAAA,KAAK,eAAgBX,EAAWO,CAAU,EACrD,MAAO,CACL,QAAAN,EACA,eAAAC,EACA,WAAAC,EACA,SAAAC,CACF,EAEC,SAAAL,CAAA,CACH,CAEJ"}

package/dist/index.cjs61.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs61.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import \"./TitleSection.scss\";\nimport clsx from \"clsx\";\nimport { MoreActions } from \"@/icons\";\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\nimport { ActionsPopup, Row } from \"@/components\";\n\ntype TitleSectionProps = PropsWithChildren<{\n  action1?: ReactNode;\n  action2?: ReactNode;\n  mainButton?: ReactNode;\n  secondaryButton?: ReactNode;\n  titleSection: string;\n  classNameTitle?: string;\n  isMoreOption?: boolean;\n  handleMoreOption?: () => void;\n  titleTag?: \"h2\" | \"h3\" | \"h4\";\n}>;\n\nexport const TitleSection = ({\n  action1 = <></>,\n  action2,\n  mainButton,\n  secondaryButton,\n  titleSection,\n  classNameTitle,\n  isMoreOption = false,\n  handleMoreOption = () => {},\n  titleTag: TitleTag = \"h2\",\n}: TitleSectionProps) => {\n  const [openActions, setOpenActions] = useState(false);\n\n  console.log(handleMoreOption);\n\n  const popupActions = [];\n  if (action1) popupActions?.push(action1);\n  if (action2) popupActions?.push(action2);\n\n  return (\n    <div>\n      <div className={clsx(\"ui-title-section-container\")}>\n        <div className=\"ui-title-row\">\n          <TitleTag\n            className={clsx(\n              classNameTitle,\n              \"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28\",\n            )}\n          >\n            {titleSection}\n          </TitleTag>\n          <div\n            onClick={() => {\n              setOpenActions(!openActions);\n            }}\n            className=\"ui-mobile-actions\"\n          >\n            <MoreActions\n              className={\"cursor-pointer\"}\n              aria-label=\"Altre opzioni\"\n            />\n          </div>\n          {isMoreOption && <></>}\n          <ActionsPopup\n            isOpen={openActions}\n            onClickCloseBtn={() => {\n              setOpenActions(false);\n            }}\n            actions={popupActions}\n          >\n            {secondaryButton && (\n              <div className=\"ui-actions-popup-buttons\">{secondaryButton}</div>\n            )}\n          </ActionsPopup>\n        </div>\n        <nav className=\"ui-desktop-actions\" aria-label=\"Azioni principali\">\n          <Row\n            as={\"ul\"}\n            gap={\"x20\"}\n            fw={\"semibold\"}\n            text={\"primary\"}\n            fs={\"8\"}\n            className=\"list-style-none\"\n          >\n            {action1}\n            {action2 && <span className=\"ui-divider-title-section\"></span>}\n            {action2}\n            {secondaryButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {secondaryButton}\n              </Row>\n            )}\n            {mainButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {mainButton}\n              </Row>\n            )}\n          </Row>\n        </nav>\n      </div>\n      <div className=\"ui-mobile-main-button\">{mainButton}</div>\n    </div>\n  );\n};\n"],"names":["TitleSection","action1","jsx","Fragment","action2","mainButton","secondaryButton","titleSection","classNameTitle","isMoreOption","handleMoreOption","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","MoreActions","ActionsPopup","Row"],"mappings":"qSAkBaA,EAAe,CAAC,CAC3B,QAAAC,EAAYC,EAAAA,kBAAAA,IAAAC,EAAA,kBAAA,SAAA,EAAA,EACZ,QAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,eAAAC,EACA,aAAAC,EAAe,GACf,iBAAAC,EAAmB,IAAM,CAAC,EAC1B,SAAUC,EAAW,IACvB,IAAyB,CACvB,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAEpD,QAAQ,IAAIJ,CAAgB,EAE5B,MAAMK,EAAe,CAAC,EAClB,OAAAd,IAAuBc,GAAA,MAAAA,EAAA,KAAKd,IAC5BG,IAAuBW,GAAA,MAAAA,EAAA,KAAKX,6BAG7B,MACC,CAAA,SAAA,CAAAY,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAWC,EAAAA,KAAK,4BAA4B,EAC/C,SAAA,CAACD,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,eACb,SAAA,CAAAd,EAAA,kBAAA,IAACS,EAAA,CACC,UAAWM,EAAA,KACTT,EACA,oDACF,EAEC,SAAAD,CAAA,CACH,EACAL,EAAA,kBAAA,IAAC,MAAA,CACC,QAAS,IAAM,CACbW,EAAe,CAACD,CAAW,CAC7B,EACA,UAAU,oBAEV,SAAAV,EAAA,kBAAA,IAACgB,EAAA,YAAA,CACC,UAAW,iBACX,aAAW,eAAA,CAAA,CACb,CACF,EACCT,GAAkBP,EAAAA,kBAAAA,IAAAC,EAAA,kBAAA,SAAA,EAAA,EACnBD,EAAA,kBAAA,IAACiB,EAAA,aAAA,CACC,OAAQP,EACR,gBAAiB,IAAM,CACrBC,EAAe,EAAK,CACtB,EACA,QAASE,EAER,SACCT,GAAAJ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,2BAA4B,SAAgBI,CAAA,CAAA,CAAA,CAAA,CAE/D,EACF,EACCJ,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,qBAAqB,aAAW,oBAC7C,SAAAc,EAAA,kBAAA,KAACI,EAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,GAAI,WACJ,KAAM,UACN,GAAI,IACJ,UAAU,kBAET,SAAA,CAAAnB,EACAG,GAAWF,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,0BAA2B,CAAA,EACtDE,EACAE,GACCJ,EAAA,kBAAA,IAACkB,EAAA,IAAA,CACC,GAAI,KACJ,KAAM,UACN,eAAgB,SAChB,WAAY,SACZ,IAAK,KAEJ,SAAAd,CAAA,CACH,EAEDD,GACCH,EAAA,kBAAA,IAACkB,EAAA,IAAA,CACC,GAAI,KACJ,KAAM,UACN,eAAgB,SAChB,WAAY,SACZ,IAAK,KAEJ,SAAAf,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,CAAA,CAAA,EACF,EACCH,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,wBAAyB,SAAWG,CAAA,CAAA,CAAA,EACrD,CAEJ"}
+{"version":3,"file":"index.cjs61.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import \"./TitleSection.scss\";\r\nimport clsx from \"clsx\";\r\nimport { MoreActions } from \"@/icons\";\r\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\r\nimport { ActionsPopup, Row } from \"@/components\";\r\n\r\ntype TitleSectionProps = PropsWithChildren<{\r\n  action1?: ReactNode;\r\n  action2?: ReactNode;\r\n  mainButton?: ReactNode;\r\n  secondaryButton?: ReactNode;\r\n  titleSection: string;\r\n  classNameTitle?: string;\r\n  isMoreOption?: boolean;\r\n  handleMoreOption?: () => void;\r\n  titleTag?: \"h2\" | \"h3\" | \"h4\";\r\n}>;\r\n\r\nexport const TitleSection = ({\r\n  action1 = <></>,\r\n  action2,\r\n  mainButton,\r\n  secondaryButton,\r\n  titleSection,\r\n  classNameTitle,\r\n  isMoreOption = false,\r\n  handleMoreOption = () => {},\r\n  titleTag: TitleTag = \"h2\",\r\n}: TitleSectionProps) => {\r\n  const [openActions, setOpenActions] = useState(false);\r\n\r\n  console.log(handleMoreOption);\r\n\r\n  const popupActions = [];\r\n  if (action1) popupActions?.push(action1);\r\n  if (action2) popupActions?.push(action2);\r\n\r\n  return (\r\n    <div>\r\n      <div className={clsx(\"ui-title-section-container\")}>\r\n        <div className=\"ui-title-row\">\r\n          <TitleTag\r\n            className={clsx(\r\n              classNameTitle,\r\n              \"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28\",\r\n            )}\r\n          >\r\n            {titleSection}\r\n          </TitleTag>\r\n          <div\r\n            onClick={() => {\r\n              setOpenActions(!openActions);\r\n            }}\r\n            className=\"ui-mobile-actions\"\r\n          >\r\n            <MoreActions\r\n              className={\"cursor-pointer\"}\r\n              aria-label=\"Altre opzioni\"\r\n            />\r\n          </div>\r\n          {isMoreOption && <></>}\r\n          <ActionsPopup\r\n            isOpen={openActions}\r\n            onClickCloseBtn={() => {\r\n              setOpenActions(false);\r\n            }}\r\n            actions={popupActions}\r\n          >\r\n            {secondaryButton && (\r\n              <div className=\"ui-actions-popup-buttons\">{secondaryButton}</div>\r\n            )}\r\n          </ActionsPopup>\r\n        </div>\r\n        <nav className=\"ui-desktop-actions\" aria-label=\"Azioni principali\">\r\n          <Row\r\n            as={\"ul\"}\r\n            gap={\"x20\"}\r\n            fw={\"semibold\"}\r\n            text={\"primary\"}\r\n            fs={\"8\"}\r\n            className=\"list-style-none\"\r\n          >\r\n            {action1}\r\n            {action2 && <span className=\"ui-divider-title-section\"></span>}\r\n            {action2}\r\n            {secondaryButton && (\r\n              <Row\r\n                as={\"li\"}\r\n                text={\"primary\"}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                gap={\"x8\"}\r\n              >\r\n                {secondaryButton}\r\n              </Row>\r\n            )}\r\n            {mainButton && (\r\n              <Row\r\n                as={\"li\"}\r\n                text={\"primary\"}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                gap={\"x8\"}\r\n              >\r\n                {mainButton}\r\n              </Row>\r\n            )}\r\n          </Row>\r\n        </nav>\r\n      </div>\r\n      <div className=\"ui-mobile-main-button\">{mainButton}</div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TitleSection","action1","jsx","Fragment","action2","mainButton","secondaryButton","titleSection","classNameTitle","isMoreOption","handleMoreOption","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","MoreActions","ActionsPopup","Row"],"mappings":"qSAkBaA,EAAe,CAAC,CAC3B,QAAAC,EAAYC,EAAAA,kBAAAA,IAAAC,EAAA,kBAAA,SAAA,EAAA,EACZ,QAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,eAAAC,EACA,aAAAC,EAAe,GACf,iBAAAC,EAAmB,IAAM,CAAC,EAC1B,SAAUC,EAAW,IACvB,IAAyB,CACvB,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAEpD,QAAQ,IAAIJ,CAAgB,EAE5B,MAAMK,EAAe,CAAC,EAClB,OAAAd,IAAuBc,GAAA,MAAAA,EAAA,KAAKd,IAC5BG,IAAuBW,GAAA,MAAAA,EAAA,KAAKX,6BAG7B,MACC,CAAA,SAAA,CAAAY,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAWC,EAAAA,KAAK,4BAA4B,EAC/C,SAAA,CAACD,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,eACb,SAAA,CAAAd,EAAA,kBAAA,IAACS,EAAA,CACC,UAAWM,EAAA,KACTT,EACA,oDACF,EAEC,SAAAD,CAAA,CACH,EACAL,EAAA,kBAAA,IAAC,MAAA,CACC,QAAS,IAAM,CACbW,EAAe,CAACD,CAAW,CAC7B,EACA,UAAU,oBAEV,SAAAV,EAAA,kBAAA,IAACgB,EAAA,YAAA,CACC,UAAW,iBACX,aAAW,eAAA,CAAA,CACb,CACF,EACCT,GAAkBP,EAAAA,kBAAAA,IAAAC,EAAA,kBAAA,SAAA,EAAA,EACnBD,EAAA,kBAAA,IAACiB,EAAA,aAAA,CACC,OAAQP,EACR,gBAAiB,IAAM,CACrBC,EAAe,EAAK,CACtB,EACA,QAASE,EAER,SACCT,GAAAJ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,2BAA4B,SAAgBI,CAAA,CAAA,CAAA,CAAA,CAE/D,EACF,EACCJ,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,qBAAqB,aAAW,oBAC7C,SAAAc,EAAA,kBAAA,KAACI,EAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,GAAI,WACJ,KAAM,UACN,GAAI,IACJ,UAAU,kBAET,SAAA,CAAAnB,EACAG,GAAWF,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,0BAA2B,CAAA,EACtDE,EACAE,GACCJ,EAAA,kBAAA,IAACkB,EAAA,IAAA,CACC,GAAI,KACJ,KAAM,UACN,eAAgB,SAChB,WAAY,SACZ,IAAK,KAEJ,SAAAd,CAAA,CACH,EAEDD,GACCH,EAAA,kBAAA,IAACkB,EAAA,IAAA,CACC,GAAI,KACJ,KAAM,UACN,eAAgB,SAChB,WAAY,SACZ,IAAK,KAEJ,SAAAf,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,CAAA,CAAA,EACF,EACCH,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,wBAAyB,SAAWG,CAAA,CAAA,CAAA,EACrD,CAEJ"}

package/dist/index.cjs62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs62.js","sources":["../src/components/ui/filters/CheckboxFilter/index.tsx"],"sourcesContent":["\"use client\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport \"./CheckboxFilter.scss\";\nimport Balancer from \"react-wrap-balancer\";\nimport { Row } from \"@/components\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype CheckboxFilterProps = PropsWithChildren<{\n  id: string;\n  label?: ReactNode;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  classNameText?: string;\n}>;\n\nexport const CheckboxFilter = ({\n  id,\n  label,\n  checked,\n  onChange,\n  classNameText = \"fs-6 fw-bold\",\n}: CheckboxFilterProps) => {\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  const parser = new DOMParser();\n  const html = parser.parseFromString(`${label}`, \"text/html\");\n  const labelText = html?.body?.textContent || \"\";\n\n  return (\n    <Row alignItems=\"center\" gap=\"x16\">\n      <Row\n        as={\"label\"}\n        gap={\"x16\"}\n        alignItems={\"center\"}\n        py={\"x8\"}\n        htmlFor={id}\n        className=\"cursor-pointer w-full\"\n      >\n        <CheckboxRadix.Root\n          id={id}\n          checked={checked}\n          onCheckedChange={onChange}\n          className={\"ui-checkbox-filter-container\"}\n          aria-label={labelText}\n        >\n          <CheckboxRadix.Indicator>\n            <div className=\"checkbox-container\">\n              <CheckIcon />\n            </div>\n          </CheckboxRadix.Indicator>\n        </CheckboxRadix.Root>\n        {label && (\n          <Balancer\n            as=\"label\"\n            htmlFor={id}\n            className={clsx(classNameText, \"text-slate-20 cursor-pointer\")}\n          >\n            {label}\n          </Balancer>\n        )}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["CheckboxFilter","id","label","checked","onChange","classNameText","CheckIcon","jsx","html","labelText","_a","Row","jsxs","CheckboxRadix.Root","CheckboxRadix.Indicator","Balancer","clsx"],"mappings":"kRAgBaA,EAAiB,CAAC,CAC7B,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,cAClB,IAA2B,OACzB,MAAMC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIIC,EADS,IAAI,UAAU,EACT,gBAAgB,GAAGN,CAAK,GAAI,WAAW,EACrDO,IAAYC,EAAAF,GAAA,YAAAA,EAAM,OAAN,YAAAE,EAAY,cAAe,GAE7C,OACGH,EAAA,kBAAA,IAAAI,EAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC3B,SAAAC,EAAA,kBAAA,KAACD,EAAA,IAAA,CACC,GAAI,QACJ,IAAK,MACL,WAAY,SACZ,GAAI,KACJ,QAASV,EACT,UAAU,wBAEV,SAAA,CAAAM,EAAA,kBAAA,IAACM,EAAc,KAAd,CACC,GAAAZ,EACA,QAAAE,EACA,gBAAiBC,EACjB,UAAW,+BACX,aAAYK,EAEZ,SAAAF,EAAA,kBAAA,IAACO,EAAc,UAAd,CACC,SAAAP,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qBACb,SAAAA,EAAA,kBAAA,IAACD,EAAU,CAAA,CAAA,CACb,CAAA,CACF,CAAA,CAAA,CACF,EACCJ,GACCK,EAAA,kBAAA,IAACQ,EAAA,QAAA,CACC,GAAG,QACH,QAASd,EACT,UAAWe,EAAAA,KAAKX,EAAe,8BAA8B,EAE5D,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAGN,CAEJ"}
+{"version":3,"file":"index.cjs62.js","sources":["../src/components/ui/filters/CheckboxFilter/index.tsx"],"sourcesContent":["\"use client\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport \"./CheckboxFilter.scss\";\r\nimport Balancer from \"react-wrap-balancer\";\r\nimport { Row } from \"@/components\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype CheckboxFilterProps = PropsWithChildren<{\r\n  id: string;\r\n  label?: ReactNode;\r\n  checked: boolean;\r\n  onChange: (checked: boolean) => void;\r\n  classNameText?: string;\r\n}>;\r\n\r\nexport const CheckboxFilter = ({\r\n  id,\r\n  label,\r\n  checked,\r\n  onChange,\r\n  classNameText = \"fs-6 fw-bold\",\r\n}: CheckboxFilterProps) => {\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  const parser = new DOMParser();\r\n  const html = parser.parseFromString(`${label}`, \"text/html\");\r\n  const labelText = html?.body?.textContent || \"\";\r\n\r\n  return (\r\n    <Row alignItems=\"center\" gap=\"x16\">\r\n      <Row\r\n        as={\"label\"}\r\n        gap={\"x16\"}\r\n        alignItems={\"center\"}\r\n        py={\"x8\"}\r\n        htmlFor={id}\r\n        className=\"cursor-pointer w-full\"\r\n      >\r\n        <CheckboxRadix.Root\r\n          id={id}\r\n          checked={checked}\r\n          onCheckedChange={onChange}\r\n          className={\"ui-checkbox-filter-container\"}\r\n          aria-label={labelText}\r\n        >\r\n          <CheckboxRadix.Indicator>\r\n            <div className=\"checkbox-container\">\r\n              <CheckIcon />\r\n            </div>\r\n          </CheckboxRadix.Indicator>\r\n        </CheckboxRadix.Root>\r\n        {label && (\r\n          <Balancer\r\n            as=\"label\"\r\n            htmlFor={id}\r\n            className={clsx(classNameText, \"text-slate-20 cursor-pointer\")}\r\n          >\r\n            {label}\r\n          </Balancer>\r\n        )}\r\n      </Row>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["CheckboxFilter","id","label","checked","onChange","classNameText","CheckIcon","jsx","html","labelText","_a","Row","jsxs","CheckboxRadix.Root","CheckboxRadix.Indicator","Balancer","clsx"],"mappings":"kRAgBaA,EAAiB,CAAC,CAC7B,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,cAClB,IAA2B,OACzB,MAAMC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIIC,EADS,IAAI,UAAU,EACT,gBAAgB,GAAGN,CAAK,GAAI,WAAW,EACrDO,IAAYC,EAAAF,GAAA,YAAAA,EAAM,OAAN,YAAAE,EAAY,cAAe,GAE7C,OACGH,EAAA,kBAAA,IAAAI,EAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC3B,SAAAC,EAAA,kBAAA,KAACD,EAAA,IAAA,CACC,GAAI,QACJ,IAAK,MACL,WAAY,SACZ,GAAI,KACJ,QAASV,EACT,UAAU,wBAEV,SAAA,CAAAM,EAAA,kBAAA,IAACM,EAAc,KAAd,CACC,GAAAZ,EACA,QAAAE,EACA,gBAAiBC,EACjB,UAAW,+BACX,aAAYK,EAEZ,SAAAF,EAAA,kBAAA,IAACO,EAAc,UAAd,CACC,SAAAP,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qBACb,SAAAA,EAAA,kBAAA,IAACD,EAAU,CAAA,CAAA,CACb,CAAA,CACF,CAAA,CAAA,CACF,EACCJ,GACCK,EAAA,kBAAA,IAACQ,EAAA,QAAA,CACC,GAAG,QACH,QAASd,EACT,UAAWe,EAAAA,KAAKX,EAAe,8BAA8B,EAE5D,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAGN,CAEJ"}

package/dist/index.cjs63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs63.js","sources":["../src/components/ui/CardUser/index.tsx"],"sourcesContent":["import { ColorKeys } from \"@/theme/colors\";\nimport { Avatar } from \"../Avatar\";\nimport \"./CardUser.scss\";\nimport { Col, Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardUserProps = {\n  titleTag?: HeadingLevel;\n  userName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  information?: {\n    label: string;\n    value: string;\n  }[];\n};\n\nexport const CardUser = ({\n  titleTag: TitleTag = \"h3\",\n  userName,\n  avatar,\n  information = [],\n}: CardUserProps) => {\n  return (\n    <Col\n      as={\"article\"}\n      bg={\"white\"}\n      br={\"x4\"}\n      p={\"x16\"}\n      gap={\"x16\"}\n      className=\"shadow md-p-x24 md-gap-x24\"\n    >\n      <Row as={\"header\"} gap={\"x16\"} alignItems={\"center\"}>\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size=\"3\"\n          />\n        )}\n        <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\n          {userName}\n        </TitleTag>\n      </Row>\n      <dl className=\"ui-card-user \">\n        {information.map(({ label, value }) => (\n          <div key={label}>\n            <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\n            <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\n          </div>\n        ))}\n      </dl>\n    </Col>\n  );\n};\n"],"names":["CardUser","TitleTag","userName","avatar","information","jsxs","Col","Row","jsx","Avatar","label","value"],"mappings":"iPAqBaA,EAAW,CAAC,CACvB,SAAUC,EAAW,KACrB,SAAAC,EACA,OAAAC,EACA,YAAAC,EAAc,CAAA,CAChB,IAEIC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,UACJ,GAAI,QACJ,GAAI,KACJ,EAAG,MACH,IAAK,MACL,UAAU,6BAEV,SAAA,CAAAD,yBAACE,EAAAA,KAAI,GAAI,SAAU,IAAK,MAAO,WAAY,SACxC,SAAA,CACCJ,GAAAK,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,WAAWN,GAAA,YAAAA,EAAQ,YAAa,WAChC,IAAIA,GAAA,YAAAA,EAAQ,KAAM,gBAClB,UAAUA,GAAA,YAAAA,EAAQ,WAAY,GAC9B,UAAU,wBACV,KAAK,GAAA,CACP,EAEDK,EAAA,kBAAA,IAAAP,EAAA,CAAS,UAAU,iCACjB,SACHC,CAAA,CAAA,CAAA,EACF,EACCM,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,gBACX,SAAYJ,EAAA,IAAI,CAAC,CAAE,MAAAM,EAAO,MAAAC,CACzB,IAAAN,EAAA,kBAAA,KAAC,MACC,CAAA,SAAA,CAACG,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,6BAA8B,SAAME,EAAA,EACjDF,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,gCAAiC,SAAMG,CAAA,CAAA,CAAA,CAF7C,EAAAD,CAGV,CACD,CACH,CAAA,CAAA,CAAA,CACF"}
+{"version":3,"file":"index.cjs63.js","sources":["../src/components/ui/CardUser/index.tsx"],"sourcesContent":["import { ColorKeys } from \"@/theme/colors\";\r\nimport { Avatar } from \"../Avatar\";\r\nimport \"./CardUser.scss\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardUserProps = {\r\n  titleTag?: HeadingLevel;\r\n  userName: string;\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  information?: {\r\n    label: string;\r\n    value: string;\r\n  }[];\r\n};\r\n\r\nexport const CardUser = ({\r\n  titleTag: TitleTag = \"h3\",\r\n  userName,\r\n  avatar,\r\n  information = [],\r\n}: CardUserProps) => {\r\n  return (\r\n    <Col\r\n      as={\"article\"}\r\n      bg={\"white\"}\r\n      br={\"x4\"}\r\n      p={\"x16\"}\r\n      gap={\"x16\"}\r\n      className=\"shadow md-p-x24 md-gap-x24\"\r\n    >\r\n      <Row as={\"header\"} gap={\"x16\"} alignItems={\"center\"}>\r\n        {avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-doctor-avatar\"\r\n            size=\"3\"\r\n          />\r\n        )}\r\n        <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\r\n          {userName}\r\n        </TitleTag>\r\n      </Row>\r\n      <dl className=\"ui-card-user \">\r\n        {information.map(({ label, value }) => (\r\n          <div key={label}>\r\n            <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\r\n            <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\r\n          </div>\r\n        ))}\r\n      </dl>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CardUser","TitleTag","userName","avatar","information","jsxs","Col","Row","jsx","Avatar","label","value"],"mappings":"iPAqBaA,EAAW,CAAC,CACvB,SAAUC,EAAW,KACrB,SAAAC,EACA,OAAAC,EACA,YAAAC,EAAc,CAAA,CAChB,IAEIC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,UACJ,GAAI,QACJ,GAAI,KACJ,EAAG,MACH,IAAK,MACL,UAAU,6BAEV,SAAA,CAAAD,yBAACE,EAAAA,KAAI,GAAI,SAAU,IAAK,MAAO,WAAY,SACxC,SAAA,CACCJ,GAAAK,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,WAAWN,GAAA,YAAAA,EAAQ,YAAa,WAChC,IAAIA,GAAA,YAAAA,EAAQ,KAAM,gBAClB,UAAUA,GAAA,YAAAA,EAAQ,WAAY,GAC9B,UAAU,wBACV,KAAK,GAAA,CACP,EAEDK,EAAA,kBAAA,IAAAP,EAAA,CAAS,UAAU,iCACjB,SACHC,CAAA,CAAA,CAAA,EACF,EACCM,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,gBACX,SAAYJ,EAAA,IAAI,CAAC,CAAE,MAAAM,EAAO,MAAAC,CACzB,IAAAN,EAAA,kBAAA,KAAC,MACC,CAAA,SAAA,CAACG,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,6BAA8B,SAAME,EAAA,EACjDF,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,gCAAiC,SAAMG,CAAA,CAAA,CAAA,CAF7C,EAAAD,CAGV,CACD,CACH,CAAA,CAAA,CAAA,CACF"}

package/dist/index.cjs64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs64.js","sources":["../src/components/ui/CardExemption/index.tsx"],"sourcesContent":["import \"./CardExemption.scss\";\nimport clsx from \"clsx\";\nimport { ArrowDown } from \"@/icons\";\nimport { Row } from \"@/components\";\n\ntype CardExemptionProps = {\n  information?: { label: string; value: string }[];\n  className?: string;\n  exemptionCode: string;\n  isOpen: boolean;\n  onToggle: () => void;\n  selectedStructures?: string[];\n  hasBorder?: boolean;\n  exemptionLabel?: string;\n};\n\nexport const CardExemption = ({\n  information = [],\n  className = \"\",\n  exemptionCode,\n  isOpen,\n  onToggle,\n  hasBorder = true,\n  exemptionLabel = \"\",\n}: CardExemptionProps) => {\n  return (\n    <div className={\"rounded shadow w-full\"}>\n      <button\n        className={clsx(\n          hasBorder && \"ui-has-border-bottom\",\n          \"ui-btn-accordion \",\n          className,\n        )}\n        type=\"button\"\n        onClick={onToggle}\n      >\n        <Row\n          gap={\"x24\"}\n          p={\"x24\"}\n          justifyContent={\"center\"}\n          alignItems={\"center\"}\n        >\n          <h3 className=\"fw-semibold fs-5 md-fs-4 text-color-darker \">\n            {exemptionCode}\n          </h3>\n          <span className=\"ui-divider\"></span>\n\n          <p className={\"fs-7 md-fs-6 text-muted fw-semibold\"}>\n            {exemptionLabel}\n          </p>\n        </Row>\n        <div className={\"p-x24\"}>\n          <ArrowDown\n            color=\"primary\"\n            className={clsx(\"ui-arrow\", { \"ui-expanded\": isOpen })}\n          />\n        </div>\n      </button>\n      {isOpen && (\n        <dl className=\"ui-card-exemption p-x24\">\n          {information.map(({ label, value }) => (\n            <div key={label}>\n              <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\n              <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\n            </div>\n          ))}\n        </dl>\n      )}\n    </div>\n  );\n};\n"],"names":["CardExemption","information","className","exemptionCode","isOpen","onToggle","hasBorder","exemptionLabel","jsxs","clsx","Row","jsx","ArrowDown","label","value"],"mappings":"mPAgBaA,EAAgB,CAAC,CAC5B,YAAAC,EAAc,CAAC,EACf,UAAAC,EAAY,GACZ,cAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,eAAAC,EAAiB,EACnB,IAEIC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAW,wBACd,SAAA,CAAAA,EAAA,kBAAA,KAAC,SAAA,CACC,UAAWC,EAAA,KACTH,GAAa,uBACb,oBACAJ,CACF,EACA,KAAK,SACL,QAASG,EAET,SAAA,CAAAG,EAAA,kBAAA,KAACE,EAAA,IAAA,CACC,IAAK,MACL,EAAG,MACH,eAAgB,SAChB,WAAY,SAEZ,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,8CACX,SACHR,EAAA,EACAQ,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,YAAa,CAAA,EAE5BA,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,sCACX,SACHJ,CAAA,CAAA,CAAA,CAAA,CACF,EACAI,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,QACd,SAAAA,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,MAAM,UACN,UAAWH,EAAAA,KAAK,WAAY,CAAE,cAAeL,CAAQ,CAAA,CAAA,CAAA,CAEzD,CAAA,CAAA,CAAA,CACF,EACCA,GACCO,EAAA,kBAAA,IAAC,KAAG,CAAA,UAAU,0BACX,SAAAV,EAAY,IAAI,CAAC,CAAE,MAAAY,EAAO,MAAAC,CAAM,6BAC9B,MACC,CAAA,SAAA,CAACH,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,6BAA8B,SAAME,EAAA,EACjDF,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,gCAAiC,SAAMG,CAAA,CAAA,CAAA,CAF7C,EAAAD,CAGV,CACD,CACH,CAAA,CAAA,EAEJ"}
+{"version":3,"file":"index.cjs64.js","sources":["../src/components/ui/CardExemption/index.tsx"],"sourcesContent":["import \"./CardExemption.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ArrowDown } from \"@/icons\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype CardExemptionProps = {\r\n  information?: { label: string; value: string }[];\r\n  className?: string;\r\n  exemptionCode: string;\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  selectedStructures?: string[];\r\n  hasBorder?: boolean;\r\n  exemptionLabel?: string;\r\n};\r\n\r\nexport const CardExemption = ({\r\n  information = [],\r\n  className = \"\",\r\n  exemptionCode,\r\n  isOpen,\r\n  onToggle,\r\n  hasBorder = true,\r\n  exemptionLabel = \"\",\r\n}: CardExemptionProps) => {\r\n  return (\r\n    <div className={\"rounded shadow w-full\"}>\r\n      <button\r\n        className={clsx(\r\n          hasBorder && \"ui-has-border-bottom\",\r\n          \"ui-btn-accordion \",\r\n          className,\r\n        )}\r\n        type=\"button\"\r\n        onClick={onToggle}\r\n      >\r\n        <Row\r\n          gap={\"x24\"}\r\n          p={\"x24\"}\r\n          justifyContent={\"center\"}\r\n          alignItems={\"center\"}\r\n        >\r\n          <h3 className=\"fw-semibold fs-5 md-fs-4 text-color-darker \">\r\n            {exemptionCode}\r\n          </h3>\r\n          <span className=\"ui-divider\"></span>\r\n\r\n          <p className={\"fs-7 md-fs-6 text-muted fw-semibold\"}>\r\n            {exemptionLabel}\r\n          </p>\r\n        </Row>\r\n        <div className={\"p-x24\"}>\r\n          <ArrowDown\r\n            color=\"primary\"\r\n            className={clsx(\"ui-arrow\", { \"ui-expanded\": isOpen })}\r\n          />\r\n        </div>\r\n      </button>\r\n      {isOpen && (\r\n        <dl className=\"ui-card-exemption p-x24\">\r\n          {information.map(({ label, value }) => (\r\n            <div key={label}>\r\n              <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\r\n              <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\r\n            </div>\r\n          ))}\r\n        </dl>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardExemption","information","className","exemptionCode","isOpen","onToggle","hasBorder","exemptionLabel","jsxs","clsx","Row","jsx","ArrowDown","label","value"],"mappings":"mPAgBaA,EAAgB,CAAC,CAC5B,YAAAC,EAAc,CAAC,EACf,UAAAC,EAAY,GACZ,cAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,eAAAC,EAAiB,EACnB,IAEIC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAW,wBACd,SAAA,CAAAA,EAAA,kBAAA,KAAC,SAAA,CACC,UAAWC,EAAA,KACTH,GAAa,uBACb,oBACAJ,CACF,EACA,KAAK,SACL,QAASG,EAET,SAAA,CAAAG,EAAA,kBAAA,KAACE,EAAA,IAAA,CACC,IAAK,MACL,EAAG,MACH,eAAgB,SAChB,WAAY,SAEZ,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,8CACX,SACHR,EAAA,EACAQ,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,YAAa,CAAA,EAE5BA,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,sCACX,SACHJ,CAAA,CAAA,CAAA,CAAA,CACF,EACAI,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,QACd,SAAAA,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,MAAM,UACN,UAAWH,EAAAA,KAAK,WAAY,CAAE,cAAeL,CAAQ,CAAA,CAAA,CAAA,CAEzD,CAAA,CAAA,CAAA,CACF,EACCA,GACCO,EAAA,kBAAA,IAAC,KAAG,CAAA,UAAU,0BACX,SAAAV,EAAY,IAAI,CAAC,CAAE,MAAAY,EAAO,MAAAC,CAAM,6BAC9B,MACC,CAAA,SAAA,CAACH,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,6BAA8B,SAAME,EAAA,EACjDF,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,gCAAiC,SAAMG,CAAA,CAAA,CAAA,CAF7C,EAAAD,CAGV,CACD,CACH,CAAA,CAAA,EAEJ"}

package/dist/index.cjs65.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs65.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":"oJAEaA,EAAS,CAAC,CACrB,QAAAC,EAAU,GACV,UAAAC,CACF,4BAIU,MAAI,CAAA,UAAAA,EAAuB,WAAWC,EAAAA,kBAAAA,IAAAC,EAAA,QAAA,EAAQ,EAAK,IAAK,CAAA"}
+{"version":3,"file":"index.cjs65.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":"oJAEaA,EAAS,CAAC,CACrB,QAAAC,EAAU,GACV,UAAAC,CACF,4BAIU,MAAI,CAAA,UAAAA,EAAuB,WAAWC,EAAAA,kBAAAA,IAAAC,EAAA,QAAA,EAAQ,EAAK,IAAK,CAAA"}

package/dist/index.cjs66.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Table/Table.css');const t=require("./index.cjs196.js"),z=require("react"),d=require("./index.cjs197.js");;/* empty css              */const se=require("./index.cjs60.js"),ne=require("./index.cjs162.js"),ie=require("./index.cjs163.js"),ae=require("./index.cjs155.js"),re=require("./index.cjs164.js");function le(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const _=le(z),P=_.forwardRef(({className:e,columns:s,data:i,pagination:a,initialCurrentPage:h=1,resultsPerPage:T=10,defaultSortDirection:l="desc",setSelectedSort:p,initialSortConfig:R,serverSidePagination:m=!1,totalItems:E,hasNextPage:g,hasPreviousPage:u,onNextPage:w,onPreviousPage:A,onPageChange:B,...$},v)=>{const[o,n]=_.useState(R||{key:s[0].key||s[0].label,direction:l}),[k,j]=_.useState(h);z.useEffect(()=>{R&&n(R)},[R]);const f=_.useMemo(()=>[...i].sort((x,N)=>{const c=x[o.key],r=N[o.key],b=s.find(y=>(y.key||y.label)===o.key);if(typeof c=="string"&&typeof r=="string"){if((b==null?void 0:b.type)==="date"){const y=S=>{const[W,X]=S.split(" - "),[Y,Z,K]=W.split("/").map(Number),[ee,te]=X.split(":").map(Number);return new Date(K,Z-1,Y,ee,te)},D=y(c),F=y(r);return o.direction==="asc"?D.getTime()-F.getTime():F.getTime()-D.getTime()}if((b==null?void 0:b.type)==="number"){const y=parseFloat(c),D=parseFloat(r);return o.direction==="asc"?y-D:D-y}return o.direction==="asc"?c.localeCompare(r):r.localeCompare(c)}return M(c)&&M(r)?o.direction==="asc"?c.firstLine.localeCompare(r.firstLine):r.firstLine.localeCompare(c.firstLine):0}),[i,o,s]),C=x=>{const N={key:x,direction:o.key===x&&o.direction==="asc"?"desc":"asc"};n(N),p&&p(N)},V=a&&!m?(k-1)*T:0,J=a&&!m?Math.min(V+T,f.length):f.length,Q=m?f:f.slice(V,J);return t.jsxRuntimeExports.jsxs("div",{className:"position-relative w-full",children:[t.jsxRuntimeExports.jsxs("table",{ref:v,className:d.clsx("table",e),role:"table",...$,children:[t.jsxRuntimeExports.jsx(O,{className:"table__header",children:t.jsxRuntimeExports.jsx(q,{children:s.map((x,N)=>t.jsxRuntimeExports.jsx(I,{config:x,sortConfig:o,onSort:()=>x.sortable&&C(x.key||x.label)},`${x.label}-${N}`))})}),t.jsxRuntimeExports.jsx(H,{className:"table__body",children:Q.map((x,N)=>t.jsxRuntimeExports.jsx(q,{className:"table__row",children:Object.entries(x).map(([c,r],b)=>r?c==="actionData"&&U(r)?t.jsxRuntimeExports.jsx(L,{content:r,type:"action"},`${c}-${b}`):M(r)?t.jsxRuntimeExports.jsx(L,{content:r,type:"double-line"},`${c}-${b}`):typeof r=="string"?t.jsxRuntimeExports.jsx(L,{content:r},`${c}-${b}`):null:null)},N))})]}),a&&t.jsxRuntimeExports.jsx(G,{currentPage:k,totalResults:m?E||0:f.length,resultsPerPage:T,setCurrentPage:j,onPageChange:B,serverSide:m,totalItems:E,hasNextPage:g,hasPreviousPage:u,onNextPage:w,onPreviousPage:A})]})});P.displayName="Table";const O=_.forwardRef(({className:e,children:s,...i},a)=>t.jsxRuntimeExports.jsx("thead",{ref:a,className:d.clsx("[&_tr]:border-b-0",e),...i,children:s}));O.displayName="TableHeader";const H=_.forwardRef(({className:e,children:s,...i},a)=>t.jsxRuntimeExports.jsx("tbody",{ref:a,className:d.clsx("[&_tr:last-child]:border-0",e),...i,children:s}));H.displayName="TableBody";const q=_.forwardRef(({className:e,children:s,...i},a)=>t.jsxRuntimeExports.jsx("tr",{ref:a,className:d.clsx("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...i,children:s}));q.displayName="TableRow";const I=_.forwardRef(({className:e,config:s,sortConfig:i,onSort:a,...h},T)=>{var E;const l=i.key===(s.key||s.label),p=l?i.direction:null,R=()=>p==="asc"?"ascending":"descending",m=g=>{switch(g){case"info":return t.jsxRuntimeExports.jsx(re.Info,{});case"download":return t.jsxRuntimeExports.jsx(ae.Download,{});default:return g}};return t.jsxRuntimeExports.jsx("th",{ref:T,className:d.clsx("table__cell table__cell--header",{"table__cell--sortable":s.sortable,"table__cell--action":s.action},e),onClick:s.sortable?a:s.action,"aria-label":s.ariaLabel,"aria-sort":l?R():void 0,...h,children:t.jsxRuntimeExports.jsxs("div",{className:"table__cell--header--content",children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(se.ActionIconText,{icon:m(s.icon),textLabel:s.label,iconPosition:s.iconPosition,handleIconAction:()=>{s.iconAction},popupInfo:s.popupInfo,positionPopUp:(E=s.popupInfo)==null?void 0:E.positionPopUp})}),s.sortable&&t.jsxRuntimeExports.jsxs("span",{className:"sort-indicator",children:[t.jsxRuntimeExports.jsx(ne.TriangleUp,{filled:l&&p==="desc",className:d.clsx("sort-indicator__triangle",{active:l&&p==="desc"})}),t.jsxRuntimeExports.jsx(ie.TriangleDown,{filled:l&&p==="asc",className:d.clsx("sort-indicator__triangle",{active:l&&p==="asc"})})]})]})})});I.displayName="TableHead";const oe=({data:e})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{className:"table__cell--firstLine",children:e.firstLine}),t.jsxRuntimeExports.jsx("div",{className:"table__cell--secondLine",children:e.secondLine})]}),ce=({data:e})=>e.type==="link"&&e.link?t.jsxRuntimeExports.jsx("a",{href:e.link,"aria-label":e.ariaLabel,children:e.label}):t.jsxRuntimeExports.jsx("button",{onClick:e.action,"aria-label":e.ariaLabel,children:e.label}),M=e=>typeof e=="object"&&e!==null&&"firstLine"in e&&"secondLine"in e,U=e=>typeof e=="object"&&e!==null&&"label"in e&&"type"in e,xe=({content:e})=>typeof e=="string"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e}):M(e)?t.jsxRuntimeExports.jsx(oe,{data:e}):U(e)?t.jsxRuntimeExports.jsx(ce,{data:e}):null,L=_.forwardRef(({className:e,content:s,type:i,...a},h)=>t.jsxRuntimeExports.jsx("td",{ref:h,className:d.clsx("table__cell",{"table__cell--double-line":i==="double-line","table__cell--action":i==="action"},e),...a,children:t.jsxRuntimeExports.jsx(xe,{content:s})}));L.displayName="TableCell";const G=({currentPage:e=1,totalResults:s,resultsPerPage:i,setCurrentPage:a,onPageChange:h,className:T,serverSide:l=!1,totalItems:p,hasNextPage:R,hasPreviousPage:m,onNextPage:E,onPreviousPage:g})=>{const u=Math.ceil(l?(p||s)/i:s/i),w=n=>{a(n),h&&h(n)},A=()=>{const n=e+1;l&&E&&E(),w(n)},B=()=>{const n=e-1;l&&g&&g(),w(n)},$=l?!R:e===u,v=l?!m:e===1,o=()=>{const n=[];if(u<=5)for(let j=1;j<=u;j++)n.push(j);else{n.push(1);let j=Math.max(2,e-1),f=Math.min(u-1,e+1);e<=3?f=4:e>=u-2&&(j=u-3),j>2&&n.push("...");for(let C=j;C<=f;C++)n.push(C);f<u-1&&n.push("..."),n.push(u)}return n};return t.jsxRuntimeExports.jsxs("div",{className:d.clsx("pagination",T),children:[t.jsxRuntimeExports.jsxs("div",{className:"pagination__info",children:["Stai visualizzando"," ",t.jsxRuntimeExports.jsx("span",{className:"pagination__info__resultsPerPage",children:i})," ","di ",l&&p||s," risultati"]}),t.jsxRuntimeExports.jsxs("div",{className:"pagination__nav",children:[t.jsxRuntimeExports.jsx("button",{className:d.clsx("pagination__button",v&&"pagination__button--disabled"),onClick:B,disabled:v,"aria-label":"Previous page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination__button-arrow",viewBox:"0 0 24 24",children:t.jsxRuntimeExports.jsx("path",{d:"M15 18l-6-6 6-6"})})}),o().map((n,k)=>n==="..."?t.jsxRuntimeExports.jsx("span",{className:"pagination__ellipsis",children:"..."},`ellipsis-${k}`):t.jsxRuntimeExports.jsx("button",{className:d.clsx("pagination__button",e===n&&"pagination__button--active"),onClick:()=>w(n),disabled:n===e,children:n},n)),t.jsxRuntimeExports.jsx("button",{className:d.clsx("pagination__button",$&&"pagination__button--disabled"),onClick:A,disabled:$,"aria-label":"Next page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination__button-arrow",viewBox:"0 0 24 24",children:t.jsxRuntimeExports.jsx("path",{d:"M9 6l6 6-6 6"})})})]})]})};exports.Pagination=G;exports.Table=P;exports.TableBody=H;exports.TableCell=L;exports.TableHead=I;exports.TableHeader=O;exports.TableRow=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Table/Table.css');const t=require("./index.cjs196.js"),z=require("react"),d=require("./index.cjs197.js");;/* empty css              */const se=require("./index.cjs60.js"),ne=require("./index.cjs162.js"),ie=require("./index.cjs163.js"),ae=require("./index.cjs155.js"),le=require("./index.cjs164.js");function re(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const h=re(z),P=h.forwardRef(({className:e,columns:s,data:i,pagination:a,initialCurrentPage:j=1,resultsPerPage:T=10,defaultSortDirection:r="desc",setSelectedSort:u,initialSortConfig:R,serverSidePagination:p=!1,totalItems:E,hasNextPage:w,hasPreviousPage:b,onNextPage:g,onPreviousPage:A,onPageChange:B,...k},$)=>{const[o,n]=h.useState(R||{key:s[0].key||s[0].label,direction:r}),[C,f]=h.useState(j);z.useEffect(()=>{R&&n(R)},[R]);const _=h.useMemo(()=>[...i].sort((x,N)=>{const c=x[o.key],l=N[o.key],m=s.find(y=>(y.key||y.label)===o.key);if(typeof c=="string"&&typeof l=="string"){if((m==null?void 0:m.type)==="date"){const y=S=>{const[W,X]=S.split(" - "),[Y,Z,K]=W.split("/").map(Number),[ee,te]=X.split(":").map(Number);return new Date(K,Z-1,Y,ee,te)},L=y(c),F=y(l);return o.direction==="asc"?L.getTime()-F.getTime():F.getTime()-L.getTime()}if((m==null?void 0:m.type)==="number"){const y=parseFloat(c),L=parseFloat(l);return o.direction==="asc"?y-L:L-y}return o.direction==="asc"?c.localeCompare(l):l.localeCompare(c)}return M(c)&&M(l)?o.direction==="asc"?c.firstLine.localeCompare(l.firstLine):l.firstLine.localeCompare(c.firstLine):0}),[i,o,s]),D=x=>{const N={key:x,direction:o.key===x&&o.direction==="asc"?"desc":"asc"};n(N),u&&u(N)},V=a&&!p?(C-1)*T:0,J=a&&!p?Math.min(V+T,_.length):_.length,Q=p?_:_.slice(V,J);return t.jsxRuntimeExports.jsxs("div",{className:"position-relative w-full",children:[t.jsxRuntimeExports.jsxs("table",{ref:$,className:d.clsx("table",e),role:"table",...k,children:[t.jsxRuntimeExports.jsx(O,{className:"table__header",children:t.jsxRuntimeExports.jsx(q,{children:s.map((x,N)=>t.jsxRuntimeExports.jsx(I,{config:x,sortConfig:o,onSort:()=>x.sortable&&D(x.key||x.label),variant:k.variant},`${x.label}-${N}`))})}),t.jsxRuntimeExports.jsx(H,{className:"table__body",children:Q.map((x,N)=>t.jsxRuntimeExports.jsx(q,{className:"table__row",children:Object.entries(x).map(([c,l],m)=>l?c==="actionData"&&U(l)?t.jsxRuntimeExports.jsx(v,{content:l,type:"action"},`${c}-${m}`):M(l)?t.jsxRuntimeExports.jsx(v,{content:l,type:"double-line"},`${c}-${m}`):typeof l=="string"?t.jsxRuntimeExports.jsx(v,{content:l},`${c}-${m}`):null:null)},N))})]}),a&&t.jsxRuntimeExports.jsx(G,{currentPage:C,totalResults:p?E||0:_.length,resultsPerPage:T,setCurrentPage:f,onPageChange:B,serverSide:p,totalItems:E,hasNextPage:w,hasPreviousPage:b,onNextPage:g,onPreviousPage:A})]})});P.displayName="Table";const O=h.forwardRef(({className:e,children:s,...i},a)=>t.jsxRuntimeExports.jsx("thead",{ref:a,className:d.clsx("[&_tr]:border-b-0",e),...i,children:s}));O.displayName="TableHeader";const H=h.forwardRef(({className:e,children:s,...i},a)=>t.jsxRuntimeExports.jsx("tbody",{ref:a,className:d.clsx("[&_tr:last-child]:border-0",e),...i,children:s}));H.displayName="TableBody";const q=h.forwardRef(({className:e,children:s,...i},a)=>t.jsxRuntimeExports.jsx("tr",{ref:a,className:d.clsx("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...i,children:s}));q.displayName="TableRow";const I=h.forwardRef(({className:e,config:s,sortConfig:i,onSort:a,...j},T)=>{var E;const r=i.key===(s.key||s.label),u=r?i.direction:null,R=()=>u==="asc"?"ascending":"descending",p=w=>{switch(w){case"info":return t.jsxRuntimeExports.jsx(le.Info,{});case"download":return t.jsxRuntimeExports.jsx(ae.Download,{});default:return w}};return t.jsxRuntimeExports.jsx("th",{ref:T,className:d.clsx("table__cell table__cell--header",{"table__cell--sortable":s.sortable,"table__cell--action":s.action},e),onClick:s.sortable?a:s.action,"aria-label":s.ariaLabel,"aria-sort":r?R():void 0,...j,children:t.jsxRuntimeExports.jsxs("div",{className:"table__cell--header--content",children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(se.ActionIconText,{icon:p(s.icon),noIcon:!p(s.icon),textLabel:s.label,iconPosition:s.iconPosition,handleIconAction:()=>{s.iconAction},popupInfo:s.popupInfo,positionPopUp:(E=s.popupInfo)==null?void 0:E.positionPopUp,classNameText:j.variant&&"fw-bold text-slate-28 fs-custom md-fs-6"})}),s.sortable&&t.jsxRuntimeExports.jsxs("span",{className:"sort-indicator",children:[t.jsxRuntimeExports.jsx(ne.TriangleUp,{filled:r&&u==="desc",className:d.clsx("sort-indicator__triangle",{active:r&&u==="desc"})}),t.jsxRuntimeExports.jsx(ie.TriangleDown,{filled:r&&u==="asc",className:d.clsx("sort-indicator__triangle",{active:r&&u==="asc"})})]})]})})});I.displayName="TableHead";const oe=({data:e})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{className:"table__cell--firstLine",children:e.firstLine}),t.jsxRuntimeExports.jsx("div",{className:"table__cell--secondLine",children:e.secondLine})]}),ce=({data:e})=>e.type==="link"&&e.link?t.jsxRuntimeExports.jsx("a",{href:e.link,"aria-label":e.ariaLabel,children:e.label}):t.jsxRuntimeExports.jsx("button",{onClick:e.action,"aria-label":e.ariaLabel,children:e.label}),M=e=>typeof e=="object"&&e!==null&&"firstLine"in e&&"secondLine"in e,U=e=>typeof e=="object"&&e!==null&&"label"in e&&"type"in e,xe=({content:e})=>typeof e=="string"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e}):M(e)?t.jsxRuntimeExports.jsx(oe,{data:e}):U(e)?t.jsxRuntimeExports.jsx(ce,{data:e}):null,v=h.forwardRef(({className:e,content:s,type:i,...a},j)=>t.jsxRuntimeExports.jsx("td",{ref:j,className:d.clsx("table__cell",{"table__cell--double-line":i==="double-line","table__cell--action":i==="action"},e),...a,children:t.jsxRuntimeExports.jsx(xe,{content:s})}));v.displayName="TableCell";const G=({currentPage:e=1,totalResults:s,resultsPerPage:i,setCurrentPage:a,onPageChange:j,className:T,serverSide:r=!1,totalItems:u,hasNextPage:R,hasPreviousPage:p,onNextPage:E,onPreviousPage:w})=>{const b=Math.ceil(r?(u||s)/i:s/i),g=n=>{a(n),j&&j(n)},A=()=>{const n=e+1;r&&E&&E(),g(n)},B=()=>{const n=e-1;r&&w&&w(),g(n)},k=r?!R:e===b,$=r?!p:e===1,o=()=>{const n=[];if(b<=5)for(let f=1;f<=b;f++)n.push(f);else{n.push(1);let f=Math.max(2,e-1),_=Math.min(b-1,e+1);e<=3?_=4:e>=b-2&&(f=b-3),f>2&&n.push("...");for(let D=f;D<=_;D++)n.push(D);_<b-1&&n.push("..."),n.push(b)}return n};return t.jsxRuntimeExports.jsxs("div",{className:d.clsx("pagination",T),children:[t.jsxRuntimeExports.jsxs("div",{className:"pagination__info",children:["Stai visualizzando"," ",t.jsxRuntimeExports.jsx("span",{className:"pagination__info__resultsPerPage",children:i})," ","di ",r&&u||s," risultati"]}),t.jsxRuntimeExports.jsxs("div",{className:"pagination__nav",children:[t.jsxRuntimeExports.jsx("button",{className:d.clsx("pagination__button",$&&"pagination__button--disabled"),onClick:B,disabled:$,"aria-label":"Previous page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination__button-arrow",viewBox:"0 0 24 24",children:t.jsxRuntimeExports.jsx("path",{d:"M15 18l-6-6 6-6"})})}),o().map((n,C)=>n==="..."?t.jsxRuntimeExports.jsx("span",{className:"pagination__ellipsis",children:"..."},`ellipsis-${C}`):t.jsxRuntimeExports.jsx("button",{className:d.clsx("pagination__button",e===n&&"pagination__button--active"),onClick:()=>g(n),disabled:n===e,children:n},n)),t.jsxRuntimeExports.jsx("button",{className:d.clsx("pagination__button",k&&"pagination__button--disabled"),onClick:A,disabled:k,"aria-label":"Next page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination__button-arrow",viewBox:"0 0 24 24",children:t.jsxRuntimeExports.jsx("path",{d:"M9 6l6 6-6 6"})})})]})]})};exports.Pagination=G;exports.Table=P;exports.TableBody=H;exports.TableCell=v;exports.TableHead=I;exports.TableHeader=O;exports.TableRow=q;
 //# sourceMappingURL=index.cjs66.js.map

package/dist/index.cjs66.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs66.js","sources":["../src/components/ui/Table/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport clsx from \"clsx\";\nimport \"./Table.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CommonIconsType } from \"@/types/icons\";\nimport { InfoPopupProps } from \"../InfoPopup\";\nimport { useEffect } from \"react\";\n\n// per le celle che vanno renderizzate su due righe\nexport interface DoubleLineData {\n  firstLine: string;\n  secondLine: string;\n}\n\n//per le celle che renderizzano un link o un bottone\nexport interface ActionData {\n  label: string | React.ReactNode;\n  ariaLabel: string;\n  type: \"link\" | \"button\";\n  link?: string;\n  action?: () => void;\n}\n\nexport interface ColumnConfig {\n  label: string;\n  ariaLabel: string;\n  sortable: boolean;\n  action?: () => void;\n  iconAction?: () => void;\n  popupInfo?: InfoPopupProps;\n  icon?: React.ReactNode | CommonIconsType;\n  iconPosition?: \"left\" | \"right\";\n  key?: string;\n  type?: \"string\" | \"date\" | \"number\";\n}\n\nexport interface TableRowData {\n  [key: string]: string | DoubleLineData | ActionData;\n}\n\nexport interface TableHeaderProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableHeadProps\n  extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableCellBaseProps\n  extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, \"content\"> {\n  type?: \"double-line\" | \"action\";\n}\n\nexport interface TableCellProps extends TableCellBaseProps {\n  content: string | DoubleLineData | ActionData;\n}\n\nexport interface PaginationProps {\n  currentPage: number;\n  totalResults: number;\n  resultsPerPage: number;\n  setCurrentPage: (page: number) => void;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  serverSide?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  className?: string;\n  columns: ColumnConfig[];\n  data: TableRowData[];\n  pagination?: boolean;\n  initialCurrentPage?: number;\n  resultsPerPage?: number;\n  defaultSortDirection?: \"asc\" | \"desc\";\n  setSelectedSort?: (sortConfig: {\n    key: string;\n    direction: \"asc\" | \"desc\";\n  }) => void;\n  initialSortConfig?: { key: string; direction: \"asc\" | \"desc\" };\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n}\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      className,\n      columns,\n      data,\n      pagination,\n      initialCurrentPage = 1,\n      resultsPerPage = 10,\n      defaultSortDirection = \"desc\",\n      setSelectedSort,\n      initialSortConfig,\n      serverSidePagination = false,\n      totalItems,\n      hasNextPage,\n      hasPreviousPage,\n      onNextPage,\n      onPreviousPage,\n      onPageChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [sortConfig, setSortConfig] = React.useState<{\n      key: string;\n      direction: \"asc\" | \"desc\";\n    }>(\n      initialSortConfig || {\n        key: columns[0].key || columns[0].label,\n        direction: defaultSortDirection,\n      },\n    );\n    const [currentPage, setCurrentPage] = React.useState(initialCurrentPage);\n\n    useEffect(() => {\n      if (initialSortConfig) {\n        setSortConfig(initialSortConfig);\n      }\n    }, [initialSortConfig]);\n\n    const sortedData = React.useMemo(() => {\n      return [...data].sort((a, b) => {\n        const aValue = a[sortConfig.key];\n        const bValue = b[sortConfig.key];\n        const column = columns.find(\n          (col) => (col.key || col.label) === sortConfig.key,\n        );\n\n        if (typeof aValue === \"string\" && typeof bValue === \"string\") {\n          if (column?.type === \"date\") {\n            // Convert Italian date format (DD/MM/YYYY - HH:mm) to Date object\n            const parseDate = (dateStr: string) => {\n              const [datePart, timePart] = dateStr.split(\" - \");\n              const [day, month, year] = datePart.split(\"/\").map(Number);\n              const [hours, minutes] = timePart.split(\":\").map(Number);\n              return new Date(year, month - 1, day, hours, minutes);\n            };\n\n            const dateA = parseDate(aValue);\n            const dateB = parseDate(bValue);\n            return sortConfig.direction === \"asc\"\n              ? dateA.getTime() - dateB.getTime()\n              : dateB.getTime() - dateA.getTime();\n          }\n\n          if (column?.type === \"number\") {\n            const numA = parseFloat(aValue);\n            const numB = parseFloat(bValue);\n            return sortConfig.direction === \"asc\" ? numA - numB : numB - numA;\n          }\n\n          return sortConfig.direction === \"asc\"\n            ? aValue.localeCompare(bValue)\n            : bValue.localeCompare(aValue);\n        }\n\n        if (isDoubleLineData(aValue) && isDoubleLineData(bValue)) {\n          return sortConfig.direction === \"asc\"\n            ? aValue.firstLine.localeCompare(bValue.firstLine)\n            : bValue.firstLine.localeCompare(aValue.firstLine);\n        }\n\n        return 0;\n      });\n    }, [data, sortConfig, columns]);\n\n    const handleSort = (columnKey: string) => {\n      const newSortConfig = {\n        key: columnKey,\n        direction:\n          sortConfig.key === columnKey && sortConfig.direction === \"asc\"\n            ? \"desc\"\n            : \"asc\",\n      } as { key: string; direction: \"asc\" | \"desc\" };\n\n      setSortConfig(newSortConfig);\n      if (setSelectedSort) {\n        setSelectedSort(newSortConfig);\n      }\n    };\n\n    const startIndex =\n      pagination && !serverSidePagination\n        ? (currentPage - 1) * resultsPerPage\n        : 0;\n    const endIndex =\n      pagination && !serverSidePagination\n        ? Math.min(startIndex + resultsPerPage, sortedData.length)\n        : sortedData.length;\n    const currentPageData = serverSidePagination\n      ? sortedData\n      : sortedData.slice(startIndex, endIndex);\n\n    return (\n      <div className=\"position-relative w-full\">\n        <table\n          ref={ref}\n          className={clsx(\"table\", className)}\n          role=\"table\"\n          {...props}\n        >\n          <TableHeader className=\"table__header\">\n            <TableRow>\n              {columns.map((column, index) => (\n                <TableHead\n                  key={`${column.label}-${index}`}\n                  config={column}\n                  sortConfig={sortConfig}\n                  onSort={() =>\n                    column.sortable && handleSort(column.key || column.label)\n                  }\n                />\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody className=\"table__body\">\n            {currentPageData.map((row, rowIndex) => (\n              <TableRow key={rowIndex} className=\"table__row\">\n                {Object.entries(row).map(([key, value], cellIndex) => {\n                  if (!value) return null;\n\n                  if (key === \"actionData\" && isActionData(value)) {\n                    return (\n                      <TableCell\n                        key={`${key}-${cellIndex}`}\n                        content={value}\n                        type=\"action\"\n                      />\n                    );\n                  }\n                  if (isDoubleLineData(value)) {\n                    return (\n                      <TableCell\n                        key={`${key}-${cellIndex}`}\n                        content={value}\n                        type=\"double-line\"\n                      />\n                    );\n                  }\n                  if (typeof value === \"string\") {\n                    return (\n                      <TableCell key={`${key}-${cellIndex}`} content={value} />\n                    );\n                  }\n                  return null;\n                })}\n              </TableRow>\n            ))}\n          </TableBody>\n        </table>\n        {pagination && (\n          <Pagination\n            currentPage={currentPage}\n            totalResults={\n              serverSidePagination ? totalItems || 0 : sortedData.length\n            }\n            resultsPerPage={resultsPerPage}\n            setCurrentPage={setCurrentPage}\n            onPageChange={onPageChange}\n            serverSide={serverSidePagination}\n            totalItems={totalItems}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={hasPreviousPage}\n            onNextPage={onNextPage}\n            onPreviousPage={onPreviousPage}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, children, ...props }, ref) => (\n    <thead\n      ref={ref}\n      className={clsx(\"[&_tr]:border-b-0\", className)}\n      {...props}\n    >\n      {children}\n    </thead>\n  ),\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, children, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={clsx(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    >\n      {children}\n    </tbody>\n  ),\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, children, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={clsx(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </tr>\n  ),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  TableHeadProps & {\n    config: ColumnConfig;\n    sortConfig: { key: string; direction: \"asc\" | \"desc\" };\n    onSort?: () => void;\n  }\n>(({ className, config, sortConfig, onSort, ...props }, ref) => {\n  const isSorted = sortConfig.key === (config.key || config.label);\n  const sortDirection = isSorted ? sortConfig.direction : null;\n\n  const getAriaSortValue = (): \"ascending\" | \"descending\" => {\n    return sortDirection === \"asc\" ? \"ascending\" : \"descending\";\n  };\n\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\n    switch (icon) {\n      case \"info\":\n        return <Info />;\n      case \"download\":\n        return <Download />;\n      default:\n        return icon;\n    }\n  };\n\n  return (\n    <th\n      ref={ref}\n      className={clsx(\n        \"table__cell table__cell--header\",\n        {\n          \"table__cell--sortable\": config.sortable,\n          \"table__cell--action\": config.action,\n        },\n        className,\n      )}\n      onClick={config.sortable ? onSort : config.action}\n      aria-label={config.ariaLabel}\n      aria-sort={isSorted ? getAriaSortValue() : undefined}\n      {...props}\n    >\n      <div className=\"table__cell--header--content\">\n        <div>\n          <ActionIconText\n            icon={renderIcon(config.icon)}\n            textLabel={config.label}\n            iconPosition={config.iconPosition}\n            handleIconAction={() => {\n              config.iconAction;\n            }}\n            popupInfo={config.popupInfo}\n            positionPopUp={config.popupInfo?.positionPopUp}\n          />\n        </div>\n        {config.sortable && (\n          <span className=\"sort-indicator\">\n            <TriangleUp\n              filled={isSorted && sortDirection === \"desc\"}\n              className={clsx(\"sort-indicator__triangle\", {\n                active: isSorted && sortDirection === \"desc\",\n              })}\n            />\n            <TriangleDown\n              filled={isSorted && sortDirection === \"asc\"}\n              className={clsx(\"sort-indicator__triangle\", {\n                active: isSorted && sortDirection === \"asc\",\n              })}\n            />\n          </span>\n        )}\n      </div>\n    </th>\n  );\n});\nTableHead.displayName = \"TableHead\";\n\nconst DoubleLineContent: React.FC<{ data: DoubleLineData }> = ({ data }) => (\n  <>\n    <div className=\"table__cell--firstLine\">{data.firstLine}</div>\n    <div className=\"table__cell--secondLine\">{data.secondLine}</div>\n  </>\n);\n\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\n  if (data.type === \"link\" && data.link) {\n    return (\n      <a href={data.link} aria-label={data.ariaLabel}>\n        {data.label}\n      </a>\n    );\n  }\n  return (\n    <button onClick={data.action} aria-label={data.ariaLabel}>\n      {data.label}\n    </button>\n  );\n};\n\n// check if we are rendering a double line data\nconst isDoubleLineData = (\n  content: TableCellProps[\"content\"],\n): content is DoubleLineData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"firstLine\" in content &&\n    \"secondLine\" in content\n  );\n};\n\n// check if we are rendering an action data\nconst isActionData = (\n  content: TableCellProps[\"content\"],\n): content is ActionData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"label\" in content &&\n    \"type\" in content\n  );\n};\n\nconst TableCellContent: React.FC<{ content: TableCellProps[\"content\"] }> = ({\n  content,\n}) => {\n  if (typeof content === \"string\") {\n    return <>{content}</>;\n  }\n  if (isDoubleLineData(content)) {\n    return <DoubleLineContent data={content} />;\n  }\n  if (isActionData(content)) {\n    return <ActionContent data={content} />;\n  }\n  return null;\n};\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, content, type, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={clsx(\n        \"table__cell\",\n        {\n          \"table__cell--double-line\": type === \"double-line\",\n          \"table__cell--action\": type === \"action\",\n        },\n        className,\n      )}\n      {...props}\n    >\n      <TableCellContent content={content} />\n    </td>\n  ),\n);\nTableCell.displayName = \"TableCell\";\n\nconst Pagination: React.FC<PaginationProps> = ({\n  currentPage = 1,\n  totalResults,\n  resultsPerPage,\n  setCurrentPage,\n  onPageChange,\n  className,\n  serverSide = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n}) => {\n  const totalPages = serverSide\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\n    : Math.ceil(totalResults / resultsPerPage);\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    if (onPageChange) {\n      onPageChange(page);\n    }\n  };\n\n  const handleNextPage = () => {\n    const nextPage = currentPage + 1;\n    if (serverSide && onNextPage) {\n      onNextPage();\n    }\n    handlePageChange(nextPage);\n  };\n\n  const handlePreviousPage = () => {\n    const prevPage = currentPage - 1;\n    if (serverSide && onPreviousPage) {\n      onPreviousPage();\n    }\n    handlePageChange(prevPage);\n  };\n\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxVisiblePages = 5;\n\n    if (totalPages <= maxVisiblePages) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i);\n      }\n    } else {\n      pages.push(1);\n\n      let start = Math.max(2, currentPage - 1);\n      let end = Math.min(totalPages - 1, currentPage + 1);\n\n      if (currentPage <= 3) {\n        end = 4;\n      } else if (currentPage >= totalPages - 2) {\n        start = totalPages - 3;\n      }\n\n      if (start > 2) {\n        pages.push(\"...\");\n      }\n\n      for (let i = start; i <= end; i++) {\n        pages.push(i);\n      }\n\n      if (end < totalPages - 1) {\n        pages.push(\"...\");\n      }\n\n      pages.push(totalPages);\n    }\n\n    return pages;\n  };\n\n  return (\n    <div className={clsx(\"pagination\", className)}>\n      <div className=\"pagination__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination__info__resultsPerPage\">\n          {resultsPerPage}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n      <div className=\"pagination__nav\">\n        <button\n          className={clsx(\n            \"pagination__button\",\n            isPrevDisabled && \"pagination__button--disabled\",\n          )}\n          onClick={handlePreviousPage}\n          disabled={isPrevDisabled}\n          aria-label=\"Previous page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n\n        {getPageNumbers().map((page, index) =>\n          page === \"...\" ? (\n            <span key={`ellipsis-${index}`} className=\"pagination__ellipsis\">\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              className={clsx(\n                \"pagination__button\",\n                currentPage === page && \"pagination__button--active\",\n              )}\n              onClick={() => handlePageChange(page as number)}\n              disabled={page === currentPage}\n            >\n              {page}\n            </button>\n          ),\n        )}\n\n        <button\n          className={clsx(\n            \"pagination__button\",\n            isNextDisabled && \"pagination__button--disabled\",\n          )}\n          onClick={handleNextPage}\n          disabled={isNextDisabled}\n          aria-label=\"Next page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableHead,\n  TableRow,\n  TableCell,\n  Pagination,\n};\n"],"names":["Table","React","className","columns","data","pagination","initialCurrentPage","resultsPerPage","defaultSortDirection","setSelectedSort","initialSortConfig","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","props","ref","sortConfig","setSortConfig","currentPage","setCurrentPage","useEffect","sortedData","a","b","aValue","bValue","column","col","parseDate","dateStr","datePart","timePart","day","month","year","hours","minutes","dateA","dateB","numA","numB","isDoubleLineData","handleSort","columnKey","newSortConfig","startIndex","endIndex","currentPageData","jsxs","clsx","jsx","TableHeader","TableRow","index","TableHead","TableBody","row","rowIndex","key","value","cellIndex","isActionData","TableCell","Pagination","children","config","onSort","isSorted","sortDirection","getAriaSortValue","renderIcon","icon","Info","Download","ActionIconText","_a","TriangleUp","TriangleDown","DoubleLineContent","Fragment","ActionContent","content","TableCellContent","type","totalResults","serverSide","totalPages","handlePageChange","page","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}
+{"version":3,"file":"index.cjs66.js","sources":["../src/components/ui/Table/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport clsx from \"clsx\";\nimport \"./Table.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CommonIconsType } from \"@/types/icons\";\nimport { InfoPopupProps } from \"../InfoPopup\";\nimport { useEffect } from \"react\";\n\n// per le celle che vanno renderizzate su due righe\nexport interface DoubleLineData {\n  firstLine: string;\n  secondLine: string;\n}\n\n//per le celle che renderizzano un link o un bottone\nexport interface ActionData {\n  label: string | React.ReactNode;\n  ariaLabel: string;\n  type: \"link\" | \"button\";\n  link?: string;\n  action?: () => void;\n}\n\nexport interface ColumnConfig {\n  label: string;\n  ariaLabel: string;\n  sortable: boolean;\n  action?: () => void;\n  iconAction?: () => void;\n  popupInfo?: InfoPopupProps;\n  icon?: React.ReactNode | CommonIconsType;\n  iconPosition?: \"left\" | \"right\";\n  key?: string;\n  type?: \"string\" | \"date\" | \"number\";\n}\n\nexport interface TableRowData {\n  [key: string]: string | DoubleLineData | ActionData;\n}\n\nexport interface TableHeaderProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableHeadProps\n  extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableCellBaseProps\n  extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, \"content\"> {\n  type?: \"double-line\" | \"action\";\n}\n\nexport interface TableCellProps extends TableCellBaseProps {\n  content: string | DoubleLineData | ActionData;\n}\n\nexport interface PaginationProps {\n  currentPage: number;\n  totalResults: number;\n  resultsPerPage: number;\n  setCurrentPage: (page: number) => void;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  serverSide?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  className?: string;\n  columns: ColumnConfig[];\n  data: TableRowData[];\n  pagination?: boolean;\n  initialCurrentPage?: number;\n  resultsPerPage?: number;\n  defaultSortDirection?: \"asc\" | \"desc\";\n  setSelectedSort?: (sortConfig: {\n    key: string;\n    direction: \"asc\" | \"desc\";\n  }) => void;\n  initialSortConfig?: { key: string; direction: \"asc\" | \"desc\" };\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  variant?: \"default\" | \"exemptions\";\n}\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      className,\n      columns,\n      data,\n      pagination,\n      initialCurrentPage = 1,\n      resultsPerPage = 10,\n      defaultSortDirection = \"desc\",\n      setSelectedSort,\n      initialSortConfig,\n      serverSidePagination = false,\n      totalItems,\n      hasNextPage,\n      hasPreviousPage,\n      onNextPage,\n      onPreviousPage,\n      onPageChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [sortConfig, setSortConfig] = React.useState<{\n      key: string;\n      direction: \"asc\" | \"desc\";\n    }>(\n      initialSortConfig || {\n        key: columns[0].key || columns[0].label,\n        direction: defaultSortDirection,\n      },\n    );\n    const [currentPage, setCurrentPage] = React.useState(initialCurrentPage);\n\n    useEffect(() => {\n      if (initialSortConfig) {\n        setSortConfig(initialSortConfig);\n      }\n    }, [initialSortConfig]);\n\n    const sortedData = React.useMemo(() => {\n      return [...data].sort((a, b) => {\n        const aValue = a[sortConfig.key];\n        const bValue = b[sortConfig.key];\n        const column = columns.find(\n          (col) => (col.key || col.label) === sortConfig.key,\n        );\n\n        if (typeof aValue === \"string\" && typeof bValue === \"string\") {\n          if (column?.type === \"date\") {\n            // Convert Italian date format (DD/MM/YYYY - HH:mm) to Date object\n            const parseDate = (dateStr: string) => {\n              const [datePart, timePart] = dateStr.split(\" - \");\n              const [day, month, year] = datePart.split(\"/\").map(Number);\n              const [hours, minutes] = timePart.split(\":\").map(Number);\n              return new Date(year, month - 1, day, hours, minutes);\n            };\n\n            const dateA = parseDate(aValue);\n            const dateB = parseDate(bValue);\n            return sortConfig.direction === \"asc\"\n              ? dateA.getTime() - dateB.getTime()\n              : dateB.getTime() - dateA.getTime();\n          }\n\n          if (column?.type === \"number\") {\n            const numA = parseFloat(aValue);\n            const numB = parseFloat(bValue);\n            return sortConfig.direction === \"asc\" ? numA - numB : numB - numA;\n          }\n\n          return sortConfig.direction === \"asc\"\n            ? aValue.localeCompare(bValue)\n            : bValue.localeCompare(aValue);\n        }\n\n        if (isDoubleLineData(aValue) && isDoubleLineData(bValue)) {\n          return sortConfig.direction === \"asc\"\n            ? aValue.firstLine.localeCompare(bValue.firstLine)\n            : bValue.firstLine.localeCompare(aValue.firstLine);\n        }\n\n        return 0;\n      });\n    }, [data, sortConfig, columns]);\n\n    const handleSort = (columnKey: string) => {\n      const newSortConfig = {\n        key: columnKey,\n        direction:\n          sortConfig.key === columnKey && sortConfig.direction === \"asc\"\n            ? \"desc\"\n            : \"asc\",\n      } as { key: string; direction: \"asc\" | \"desc\" };\n\n      setSortConfig(newSortConfig);\n      if (setSelectedSort) {\n        setSelectedSort(newSortConfig);\n      }\n    };\n\n    const startIndex =\n      pagination && !serverSidePagination\n        ? (currentPage - 1) * resultsPerPage\n        : 0;\n    const endIndex =\n      pagination && !serverSidePagination\n        ? Math.min(startIndex + resultsPerPage, sortedData.length)\n        : sortedData.length;\n    const currentPageData = serverSidePagination\n      ? sortedData\n      : sortedData.slice(startIndex, endIndex);\n\n    return (\n      <div className=\"position-relative w-full\">\n        <table\n          ref={ref}\n          className={clsx(\"table\", className)}\n          role=\"table\"\n          {...props}\n        >\n          <TableHeader className=\"table__header\">\n            <TableRow>\n              {columns.map((column, index) => (\n                <TableHead\n                  key={`${column.label}-${index}`}\n                  config={column}\n                  sortConfig={sortConfig}\n                  onSort={() =>\n                    column.sortable && handleSort(column.key || column.label)\n                  }\n                  variant={props.variant}\n                />\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody className=\"table__body\">\n            {currentPageData.map((row, rowIndex) => (\n              <TableRow key={rowIndex} className=\"table__row\">\n                {Object.entries(row).map(([key, value], cellIndex) => {\n                  if (!value) return null;\n\n                  if (key === \"actionData\" && isActionData(value)) {\n                    return (\n                      <TableCell\n                        key={`${key}-${cellIndex}`}\n                        content={value}\n                        type=\"action\"\n                      />\n                    );\n                  }\n                  if (isDoubleLineData(value)) {\n                    return (\n                      <TableCell\n                        key={`${key}-${cellIndex}`}\n                        content={value}\n                        type=\"double-line\"\n                      />\n                    );\n                  }\n                  if (typeof value === \"string\") {\n                    return (\n                      <TableCell key={`${key}-${cellIndex}`} content={value} />\n                    );\n                  }\n                  return null;\n                })}\n              </TableRow>\n            ))}\n          </TableBody>\n        </table>\n        {pagination && (\n          <Pagination\n            currentPage={currentPage}\n            totalResults={\n              serverSidePagination ? totalItems || 0 : sortedData.length\n            }\n            resultsPerPage={resultsPerPage}\n            setCurrentPage={setCurrentPage}\n            onPageChange={onPageChange}\n            serverSide={serverSidePagination}\n            totalItems={totalItems}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={hasPreviousPage}\n            onNextPage={onNextPage}\n            onPreviousPage={onPreviousPage}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, children, ...props }, ref) => (\n    <thead\n      ref={ref}\n      className={clsx(\"[&_tr]:border-b-0\", className)}\n      {...props}\n    >\n      {children}\n    </thead>\n  ),\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, children, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={clsx(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    >\n      {children}\n    </tbody>\n  ),\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, children, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={clsx(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </tr>\n  ),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  TableHeadProps & {\n    config: ColumnConfig;\n    sortConfig: { key: string; direction: \"asc\" | \"desc\" };\n    onSort?: () => void;\n    variant?: \"default\" | \"exemptions\";\n  }\n>(({ className, config, sortConfig, onSort, ...props }, ref) => {\n  const isSorted = sortConfig.key === (config.key || config.label);\n  const sortDirection = isSorted ? sortConfig.direction : null;\n\n  const getAriaSortValue = (): \"ascending\" | \"descending\" => {\n    return sortDirection === \"asc\" ? \"ascending\" : \"descending\";\n  };\n\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\n    switch (icon) {\n      case \"info\":\n        return <Info />;\n      case \"download\":\n        return <Download />;\n      default:\n        return icon;\n    }\n  };\n\n  return (\n    <th\n      ref={ref}\n      className={clsx(\n        \"table__cell table__cell--header\",\n        {\n          \"table__cell--sortable\": config.sortable,\n          \"table__cell--action\": config.action,\n        },\n        className,\n      )}\n      onClick={config.sortable ? onSort : config.action}\n      aria-label={config.ariaLabel}\n      aria-sort={isSorted ? getAriaSortValue() : undefined}\n      {...props}\n    >\n      <div className=\"table__cell--header--content\">\n        <div>\n          <ActionIconText\n            icon={renderIcon(config.icon)}\n            noIcon={!renderIcon(config.icon)}\n            textLabel={config.label}\n            iconPosition={config.iconPosition}\n            handleIconAction={() => {\n              config.iconAction;\n            }}\n            popupInfo={config.popupInfo}\n            positionPopUp={config.popupInfo?.positionPopUp}\n            classNameText={\n              props.variant && \"fw-bold text-slate-28 fs-custom md-fs-6\"\n            }\n          />\n        </div>\n        {config.sortable && (\n          <span className=\"sort-indicator\">\n            <TriangleUp\n              filled={isSorted && sortDirection === \"desc\"}\n              className={clsx(\"sort-indicator__triangle\", {\n                active: isSorted && sortDirection === \"desc\",\n              })}\n            />\n            <TriangleDown\n              filled={isSorted && sortDirection === \"asc\"}\n              className={clsx(\"sort-indicator__triangle\", {\n                active: isSorted && sortDirection === \"asc\",\n              })}\n            />\n          </span>\n        )}\n      </div>\n    </th>\n  );\n});\nTableHead.displayName = \"TableHead\";\n\nconst DoubleLineContent: React.FC<{ data: DoubleLineData }> = ({ data }) => (\n  <>\n    <div className=\"table__cell--firstLine\">{data.firstLine}</div>\n    <div className=\"table__cell--secondLine\">{data.secondLine}</div>\n  </>\n);\n\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\n  if (data.type === \"link\" && data.link) {\n    return (\n      <a href={data.link} aria-label={data.ariaLabel}>\n        {data.label}\n      </a>\n    );\n  }\n  return (\n    <button onClick={data.action} aria-label={data.ariaLabel}>\n      {data.label}\n    </button>\n  );\n};\n\n// check if we are rendering a double line data\nconst isDoubleLineData = (\n  content: TableCellProps[\"content\"],\n): content is DoubleLineData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"firstLine\" in content &&\n    \"secondLine\" in content\n  );\n};\n\n// check if we are rendering an action data\nconst isActionData = (\n  content: TableCellProps[\"content\"],\n): content is ActionData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"label\" in content &&\n    \"type\" in content\n  );\n};\n\nconst TableCellContent: React.FC<{ content: TableCellProps[\"content\"] }> = ({\n  content,\n}) => {\n  if (typeof content === \"string\") {\n    return <>{content}</>;\n  }\n  if (isDoubleLineData(content)) {\n    return <DoubleLineContent data={content} />;\n  }\n  if (isActionData(content)) {\n    return <ActionContent data={content} />;\n  }\n  return null;\n};\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, content, type, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={clsx(\n        \"table__cell\",\n        {\n          \"table__cell--double-line\": type === \"double-line\",\n          \"table__cell--action\": type === \"action\",\n        },\n        className,\n      )}\n      {...props}\n    >\n      <TableCellContent content={content} />\n    </td>\n  ),\n);\nTableCell.displayName = \"TableCell\";\n\nconst Pagination: React.FC<PaginationProps> = ({\n  currentPage = 1,\n  totalResults,\n  resultsPerPage,\n  setCurrentPage,\n  onPageChange,\n  className,\n  serverSide = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n}) => {\n  const totalPages = serverSide\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\n    : Math.ceil(totalResults / resultsPerPage);\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    if (onPageChange) {\n      onPageChange(page);\n    }\n  };\n\n  const handleNextPage = () => {\n    const nextPage = currentPage + 1;\n    if (serverSide && onNextPage) {\n      onNextPage();\n    }\n    handlePageChange(nextPage);\n  };\n\n  const handlePreviousPage = () => {\n    const prevPage = currentPage - 1;\n    if (serverSide && onPreviousPage) {\n      onPreviousPage();\n    }\n    handlePageChange(prevPage);\n  };\n\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxVisiblePages = 5;\n\n    if (totalPages <= maxVisiblePages) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i);\n      }\n    } else {\n      pages.push(1);\n\n      let start = Math.max(2, currentPage - 1);\n      let end = Math.min(totalPages - 1, currentPage + 1);\n\n      if (currentPage <= 3) {\n        end = 4;\n      } else if (currentPage >= totalPages - 2) {\n        start = totalPages - 3;\n      }\n\n      if (start > 2) {\n        pages.push(\"...\");\n      }\n\n      for (let i = start; i <= end; i++) {\n        pages.push(i);\n      }\n\n      if (end < totalPages - 1) {\n        pages.push(\"...\");\n      }\n\n      pages.push(totalPages);\n    }\n\n    return pages;\n  };\n\n  return (\n    <div className={clsx(\"pagination\", className)}>\n      <div className=\"pagination__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination__info__resultsPerPage\">\n          {resultsPerPage}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n      <div className=\"pagination__nav\">\n        <button\n          className={clsx(\n            \"pagination__button\",\n            isPrevDisabled && \"pagination__button--disabled\",\n          )}\n          onClick={handlePreviousPage}\n          disabled={isPrevDisabled}\n          aria-label=\"Previous page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n\n        {getPageNumbers().map((page, index) =>\n          page === \"...\" ? (\n            <span key={`ellipsis-${index}`} className=\"pagination__ellipsis\">\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              className={clsx(\n                \"pagination__button\",\n                currentPage === page && \"pagination__button--active\",\n              )}\n              onClick={() => handlePageChange(page as number)}\n              disabled={page === currentPage}\n            >\n              {page}\n            </button>\n          ),\n        )}\n\n        <button\n          className={clsx(\n            \"pagination__button\",\n            isNextDisabled && \"pagination__button--disabled\",\n          )}\n          onClick={handleNextPage}\n          disabled={isNextDisabled}\n          aria-label=\"Next page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableHead,\n  TableRow,\n  TableCell,\n  Pagination,\n};\n"],"names":["Table","React","className","columns","data","pagination","initialCurrentPage","resultsPerPage","defaultSortDirection","setSelectedSort","initialSortConfig","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","props","ref","sortConfig","setSortConfig","currentPage","setCurrentPage","useEffect","sortedData","a","b","aValue","bValue","column","col","parseDate","dateStr","datePart","timePart","day","month","year","hours","minutes","dateA","dateB","numA","numB","isDoubleLineData","handleSort","columnKey","newSortConfig","startIndex","endIndex","currentPageData","jsxs","clsx","jsx","TableHeader","TableRow","index","TableHead","TableBody","row","rowIndex","key","value","cellIndex","isActionData","TableCell","Pagination","children","config","onSort","isSorted","sortDirection","getAriaSortValue","renderIcon","icon","Info","Download","ActionIconText","_a","TriangleUp","TriangleDown","DoubleLineContent","Fragment","ActionContent","content","TableCellContent","type","totalResults","serverSide","totalPages","handlePageChange","page","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}

package/dist/index.cjs68.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs68.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\nimport { useMemo } from \"react\";\nimport { Actions, Calendar } from \"@/icons\";\nimport { Button, Row } from \"@/components\";\n\ntype Variant = \"primary\" | \"secondary\";\n\ntype NotificationIcon = \"calendar\" | \"actions\";\n\ntype CardNotificationProps = {\n  type: string;\n  date: string;\n  icon: NotificationIcon;\n  showBadge?: boolean;\n  title: string;\n  text: string;\n  variant?: Variant;\n  onClickEdit?: () => void;\n  onClickManage?: () => void;\n  onClickGoToDetails?: () => void;\n  showExpired?: boolean;\n  buttonMaxWidth?: boolean;\n  onClickRightManage?: () => void;\n};\n\nexport const CardNotification = ({\n  type,\n  onClickEdit,\n  onClickRightManage,\n  showExpired = false,\n  buttonMaxWidth,\n  onClickGoToDetails,\n  icon = \"calendar\",\n  variant = \"primary\",\n  onClickManage,\n  date,\n  title,\n  showBadge = false,\n  text,\n}: CardNotificationProps) => {\n  const isSecondary = variant === \"secondary\";\n\n  const iconToRender = useMemo(() => {\n    if (icon === \"calendar\") {\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\n    }\n    if (icon === \"actions\") {\n      return <Actions width={24} height={26} color=\"slate-28\" />;\n    }\n  }, [icon]);\n\n  const cardClasses = ` ${\n    isSecondary\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\n      : \"bg-white\"\n  } shadow br-x4  `;\n\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\n  }   `;\n\n  const manageButtonClasses = ` ${\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\n  }  `;\n\n  return (\n    <div className={cardClasses}>\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\n      </Row>\n      <div className={\"ui-card-notifications-divider \"} />\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\n        <div className={iconContainer}>\n          {showBadge && (\n            <div className={\"ui-card-notifications-badge-container\"}>\n              <div className={\"ui-card-notifications-badge\"} />\n            </div>\n          )}\n          {iconToRender}\n        </div>\n        <div className={\"w-full\"}>\n          <div className={\"mb-x24\"}>\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\n            {showExpired && (\n              <Row mb={\"x8\"}>\n                <div\n                  className={\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\n                  }\n                >\n                  SCADUTO\n                </div>\n              </Row>\n            )}\n            <p>{text}</p>\n          </div>\n\n          {onClickManage && (\n            <div className={\"base-row justify-content-center\"}>\n              <Button className={manageButtonClasses} onClick={onClickManage}>\n                Gestisci\n              </Button>\n            </div>\n          )}\n\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\n            {onClickRightManage && (\n              <div className={\"base-row justify-content-center\"}>\n                <Button onClick={onClickRightManage}>Gestisci</Button>\n              </div>\n            )}\n\n            {!!onClickEdit && (\n              <Button\n                onClick={onClickEdit}\n                bg=\"transparent\"\n                textColor=\"primary\"\n              >\n                Modifica\n              </Button>\n            )}\n            {!!onClickGoToDetails && (\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\n                Più dettagli\n              </Button>\n            )}\n          </Row>\n        </div>\n      </Row>\n    </div>\n  );\n};\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":"oSAyBaA,EAAmB,CAAC,CAC/B,KAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,YAAAC,EAAc,GACd,eAAAC,EACA,mBAAAC,EACA,KAAAC,EAAO,WACP,QAAAC,EAAU,UACV,cAAAC,EACA,KAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,GACZ,KAAAC,CACF,IAA6B,CAC3B,MAAMC,EAAcN,IAAY,YAE1BO,EAAeC,EAAAA,QAAQ,IAAM,CACjC,GAAIT,IAAS,WACX,+BAAQU,WAAS,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,WAAW,EAE3D,GAAIV,IAAS,UACX,+BAAQW,UAAQ,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,WAAW,CAC1D,EACC,CAACX,CAAI,CAAC,EAEHY,EAAc,IAClBL,EACI,mDACA,UACN,kBAEMM,EAAgB,0CACpBN,EAAc,WAAa,kBAC7B,MAEMO,EAAsB,IAC1BhB,EAAiB,SAAW,8BAC9B,KAGE,OAAAiB,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAWH,EACd,SAAA,CAAAG,yBAACC,EAAAA,KAAI,GAAI,MAAO,GAAI,KAAM,eAAgB,gBACxC,SAAA,CAACD,EAAAA,kBAAAA,KAAA,IAAA,CAAE,UAAW,mBAAoB,SAAA,CAAA,IAAErB,CAAA,EAAK,EACxCuB,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,mBAAqB,SAAKd,CAAA,CAAA,CAAA,EAC1C,EACAc,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,gCAAkC,CAAA,EAClDF,EAAAA,kBAAAA,KAACC,OAAI,GAAI,MAAO,GAAI,MAAO,GAAI,MAAO,IAAK,MACzC,SAAA,CAACD,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWF,EACb,SAAA,CACCR,GAAAY,EAAAA,kBAAAA,IAAC,OAAI,UAAW,wCACd,iCAAC,MAAI,CAAA,UAAW,8BAA+B,CACjD,CAAA,EAEDT,CAAA,EACH,EACAO,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAW,SACd,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,SACd,SAAA,CAACE,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,yBAA2B,SAAMb,EAAA,EAC9CP,GACCoB,EAAA,kBAAA,IAACD,EAAI,IAAA,CAAA,GAAI,KACP,SAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,UACE,oEAEH,SAAA,SAAA,CAAA,EAGH,EAEFA,EAAAA,kBAAAA,IAAC,KAAG,SAAKX,CAAA,CAAA,CAAA,EACX,EAECJ,GACCe,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAW,kCACd,SAAAA,wBAACC,EAAAA,OAAO,CAAA,UAAWJ,EAAqB,QAASZ,EAAe,SAAA,UAEhE,CAAA,EACF,EAGDa,EAAA,kBAAA,KAAAC,EAAA,IAAA,CAAI,eAAgB,WAAY,UAAW,iBACzC,SAAA,CACCpB,GAAAqB,EAAA,kBAAA,IAAC,OAAI,UAAW,kCACd,iCAACC,EAAAA,OAAO,CAAA,QAAStB,EAAoB,SAAA,UAAA,CAAQ,CAC/C,CAAA,EAGD,CAAC,CAACD,GACDsB,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAASvB,EACT,GAAG,cACH,UAAU,UACX,SAAA,UAAA,CAED,EAED,CAAC,CAACI,GACDkB,wBAACC,EAAAA,QAAO,QAASnB,EAAoB,QAAS,YAAa,SAE3D,cAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs68.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\r\nimport { useMemo } from \"react\";\r\nimport { Actions, Calendar } from \"@/icons\";\r\nimport { Button, Row } from \"@/components\";\r\n\r\ntype Variant = \"primary\" | \"secondary\";\r\n\r\ntype NotificationIcon = \"calendar\" | \"actions\";\r\n\r\ntype CardNotificationProps = {\r\n  type: string;\r\n  date: string;\r\n  icon: NotificationIcon;\r\n  showBadge?: boolean;\r\n  title: string;\r\n  text: string;\r\n  variant?: Variant;\r\n  onClickEdit?: () => void;\r\n  onClickManage?: () => void;\r\n  onClickGoToDetails?: () => void;\r\n  showExpired?: boolean;\r\n  buttonMaxWidth?: boolean;\r\n  onClickRightManage?: () => void;\r\n};\r\n\r\nexport const CardNotification = ({\r\n  type,\r\n  onClickEdit,\r\n  onClickRightManage,\r\n  showExpired = false,\r\n  buttonMaxWidth,\r\n  onClickGoToDetails,\r\n  icon = \"calendar\",\r\n  variant = \"primary\",\r\n  onClickManage,\r\n  date,\r\n  title,\r\n  showBadge = false,\r\n  text,\r\n}: CardNotificationProps) => {\r\n  const isSecondary = variant === \"secondary\";\r\n\r\n  const iconToRender = useMemo(() => {\r\n    if (icon === \"calendar\") {\r\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\r\n    }\r\n    if (icon === \"actions\") {\r\n      return <Actions width={24} height={26} color=\"slate-28\" />;\r\n    }\r\n  }, [icon]);\r\n\r\n  const cardClasses = ` ${\r\n    isSecondary\r\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\r\n      : \"bg-white\"\r\n  } shadow br-x4  `;\r\n\r\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\r\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\r\n  }   `;\r\n\r\n  const manageButtonClasses = ` ${\r\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\r\n  }  `;\r\n\r\n  return (\r\n    <div className={cardClasses}>\r\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\r\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\r\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\r\n      </Row>\r\n      <div className={\"ui-card-notifications-divider \"} />\r\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\r\n        <div className={iconContainer}>\r\n          {showBadge && (\r\n            <div className={\"ui-card-notifications-badge-container\"}>\r\n              <div className={\"ui-card-notifications-badge\"} />\r\n            </div>\r\n          )}\r\n          {iconToRender}\r\n        </div>\r\n        <div className={\"w-full\"}>\r\n          <div className={\"mb-x24\"}>\r\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\r\n            {showExpired && (\r\n              <Row mb={\"x8\"}>\r\n                <div\r\n                  className={\r\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\r\n                  }\r\n                >\r\n                  SCADUTO\r\n                </div>\r\n              </Row>\r\n            )}\r\n            <p>{text}</p>\r\n          </div>\r\n\r\n          {onClickManage && (\r\n            <div className={\"base-row justify-content-center\"}>\r\n              <Button className={manageButtonClasses} onClick={onClickManage}>\r\n                Gestisci\r\n              </Button>\r\n            </div>\r\n          )}\r\n\r\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\r\n            {onClickRightManage && (\r\n              <div className={\"base-row justify-content-center\"}>\r\n                <Button onClick={onClickRightManage}>Gestisci</Button>\r\n              </div>\r\n            )}\r\n\r\n            {!!onClickEdit && (\r\n              <Button\r\n                onClick={onClickEdit}\r\n                bg=\"transparent\"\r\n                textColor=\"primary\"\r\n              >\r\n                Modifica\r\n              </Button>\r\n            )}\r\n            {!!onClickGoToDetails && (\r\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\r\n                Più dettagli\r\n              </Button>\r\n            )}\r\n          </Row>\r\n        </div>\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":"oSAyBaA,EAAmB,CAAC,CAC/B,KAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,YAAAC,EAAc,GACd,eAAAC,EACA,mBAAAC,EACA,KAAAC,EAAO,WACP,QAAAC,EAAU,UACV,cAAAC,EACA,KAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,GACZ,KAAAC,CACF,IAA6B,CAC3B,MAAMC,EAAcN,IAAY,YAE1BO,EAAeC,EAAAA,QAAQ,IAAM,CACjC,GAAIT,IAAS,WACX,+BAAQU,WAAS,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,WAAW,EAE3D,GAAIV,IAAS,UACX,+BAAQW,UAAQ,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,WAAW,CAC1D,EACC,CAACX,CAAI,CAAC,EAEHY,EAAc,IAClBL,EACI,mDACA,UACN,kBAEMM,EAAgB,0CACpBN,EAAc,WAAa,kBAC7B,MAEMO,EAAsB,IAC1BhB,EAAiB,SAAW,8BAC9B,KAGE,OAAAiB,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAWH,EACd,SAAA,CAAAG,yBAACC,EAAAA,KAAI,GAAI,MAAO,GAAI,KAAM,eAAgB,gBACxC,SAAA,CAACD,EAAAA,kBAAAA,KAAA,IAAA,CAAE,UAAW,mBAAoB,SAAA,CAAA,IAAErB,CAAA,EAAK,EACxCuB,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,mBAAqB,SAAKd,CAAA,CAAA,CAAA,EAC1C,EACAc,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,gCAAkC,CAAA,EAClDF,EAAAA,kBAAAA,KAACC,OAAI,GAAI,MAAO,GAAI,MAAO,GAAI,MAAO,IAAK,MACzC,SAAA,CAACD,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWF,EACb,SAAA,CACCR,GAAAY,EAAAA,kBAAAA,IAAC,OAAI,UAAW,wCACd,iCAAC,MAAI,CAAA,UAAW,8BAA+B,CACjD,CAAA,EAEDT,CAAA,EACH,EACAO,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAW,SACd,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,SACd,SAAA,CAACE,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,yBAA2B,SAAMb,EAAA,EAC9CP,GACCoB,EAAA,kBAAA,IAACD,EAAI,IAAA,CAAA,GAAI,KACP,SAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,UACE,oEAEH,SAAA,SAAA,CAAA,EAGH,EAEFA,EAAAA,kBAAAA,IAAC,KAAG,SAAKX,CAAA,CAAA,CAAA,EACX,EAECJ,GACCe,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAW,kCACd,SAAAA,wBAACC,EAAAA,OAAO,CAAA,UAAWJ,EAAqB,QAASZ,EAAe,SAAA,UAEhE,CAAA,EACF,EAGDa,EAAA,kBAAA,KAAAC,EAAA,IAAA,CAAI,eAAgB,WAAY,UAAW,iBACzC,SAAA,CACCpB,GAAAqB,EAAA,kBAAA,IAAC,OAAI,UAAW,kCACd,iCAACC,EAAAA,OAAO,CAAA,QAAStB,EAAoB,SAAA,UAAA,CAAQ,CAC/C,CAAA,EAGD,CAAC,CAACD,GACDsB,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAASvB,EACT,GAAG,cACH,UAAU,UACX,SAAA,UAAA,CAED,EAED,CAAC,CAACI,GACDkB,wBAACC,EAAAA,QAAO,QAASnB,EAAoB,QAAS,YAAa,SAE3D,cAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}

package/dist/index.cjs69.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs69.js","sources":["../src/components/ui/DatePicker/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport { DateTime } from \"luxon\";\nimport \"./DatePicker.scss\";\nimport clsx from \"clsx\";\nimport { useEffect, useRef } from \"react\";\n\ntype DatePickerProps = {\n  label: string;\n  value?: Date | null;\n  maxValue?: Date;\n  minValue?: Date;\n  className?: string;\n  disabled?: boolean;\n  onClick?: () => void;\n  onChange: (date: Date) => void;\n  error?: string;\n  required?: boolean;\n  id?: string;\n};\n\nexport const DatePicker = ({\n  label,\n  value,\n  maxValue,\n  minValue,\n  className,\n  disabled,\n  onClick,\n  onChange,\n  error,\n  required = false,\n  id,\n}: DatePickerProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputId =\n    id || `datepicker-${label.toLowerCase().replace(/\\s+/g, \"-\")}`;\n\n  useEffect(() => {\n    if (error && inputRef.current) {\n      inputRef.current.setAttribute(\"aria-invalid\", \"true\");\n      inputRef.current.setAttribute(\"aria-describedby\", `${inputId}-error`);\n    } else if (inputRef.current) {\n      inputRef.current.setAttribute(\"aria-invalid\", \"false\");\n      inputRef.current.removeAttribute(\"aria-describedby\");\n    }\n  }, [error, inputId]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\" && !disabled) {\n      onClick?.();\n    }\n  };\n\n  const formattedValue = value\n    ? DateTime.fromJSDate(value).toFormat(\"yyyy-MM-dd\")\n    : \"\";\n\n  return (\n    <div\n      className={clsx(\"datepicker-container\", className)}\n      role=\"group\"\n      aria-labelledby={`${inputId}-label`}\n      aria-describedby={error ? `${inputId}-error` : undefined}\n    >\n      <label\n        id={`${inputId}-label`}\n        htmlFor={inputId}\n        className=\"datepicker-label fs-7\"\n      >\n        {label}\n        {required && (\n          <span className=\"text-error ml-1\" aria-hidden=\"true\">\n            *\n          </span>\n        )}\n      </label>\n      <input\n        ref={inputRef}\n        id={inputId}\n        type=\"date\"\n        className=\"datepicker-input fs-6\"\n        disabled={disabled}\n        value={formattedValue}\n        max={\n          maxValue\n            ? DateTime.fromJSDate(maxValue).toFormat(\"yyyy-MM-dd\")\n            : undefined\n        }\n        min={\n          minValue\n            ? DateTime.fromJSDate(minValue).toFormat(\"yyyy-MM-dd\")\n            : undefined\n        }\n        onClick={() => onClick?.()}\n        onChange={(e) => {\n          const newDate = new Date(e.target.value);\n          if (!isNaN(newDate.getTime())) {\n            onChange(newDate);\n          }\n        }}\n        onKeyDown={handleKeyDown}\n        aria-required={required}\n        aria-disabled={disabled}\n        aria-label={label}\n        aria-invalid={!!error}\n        aria-describedby={error ? `${inputId}-error` : undefined}\n      />\n      {error && (\n        <div\n          id={`${inputId}-error`}\n          className=\"datepicker-error\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {error}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DatePicker","label","value","maxValue","minValue","className","disabled","onClick","onChange","error","required","id","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","newDate"],"mappings":"oQAoBaA,EAAa,CAAC,CACzB,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,GACX,GAAAC,CACF,IAAuB,CACf,MAAAC,EAAWC,SAAyB,IAAI,EACxCC,EACJH,GAAM,cAAcV,EAAM,YAAc,EAAA,QAAQ,OAAQ,GAAG,CAAC,GAE9Dc,EAAAA,UAAU,IAAM,CACVN,GAASG,EAAS,SACXA,EAAA,QAAQ,aAAa,eAAgB,MAAM,EACpDA,EAAS,QAAQ,aAAa,mBAAoB,GAAGE,CAAO,QAAQ,GAC3DF,EAAS,UACTA,EAAA,QAAQ,aAAa,eAAgB,OAAO,EAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB,EACrD,EACC,CAACH,EAAOK,CAAO,CAAC,EAEb,MAAAE,EAAiBC,GAA6C,CAC9DA,EAAE,MAAQ,SAAW,CAACX,IACdC,GAAA,MAAAA,IAEd,EAEMW,EAAiBhB,EACnBiB,UAAS,WAAWjB,CAAK,EAAE,SAAS,YAAY,EAChD,GAGF,OAAAkB,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,KAAK,uBAAwBhB,CAAS,EACjD,KAAK,QACL,kBAAiB,GAAGS,CAAO,SAC3B,mBAAkBL,EAAQ,GAAGK,CAAO,SAAW,OAE/C,SAAA,CAAAM,EAAA,kBAAA,KAAC,QAAA,CACC,GAAI,GAAGN,CAAO,SACd,QAASA,EACT,UAAU,wBAET,SAAA,CAAAb,EACAS,GACEY,EAAAA,kBAAAA,IAAA,OAAA,CAAK,UAAU,kBAAkB,cAAY,OAAO,SAErD,GAAA,CAAA,CAAA,CAAA,CAEJ,EACAA,EAAA,kBAAA,IAAC,QAAA,CACC,IAAKV,EACL,GAAIE,EACJ,KAAK,OACL,UAAU,wBACV,SAAAR,EACA,MAAOY,EACP,IACEf,EACIgB,EAAAA,QAAS,WAAWhB,CAAQ,EAAE,SAAS,YAAY,EACnD,OAEN,IACEC,EACIe,EAAAA,QAAS,WAAWf,CAAQ,EAAE,SAAS,YAAY,EACnD,OAEN,QAAS,IAAMG,GAAA,YAAAA,IACf,SAAWU,GAAM,CACf,MAAMM,EAAU,IAAI,KAAKN,EAAE,OAAO,KAAK,EAClC,MAAMM,EAAQ,QAAS,CAAA,GAC1Bf,EAASe,CAAO,CAEpB,EACA,UAAWP,EACX,gBAAeN,EACf,gBAAeJ,EACf,aAAYL,EACZ,eAAc,CAAC,CAACQ,EAChB,mBAAkBA,EAAQ,GAAGK,CAAO,SAAW,MAAA,CACjD,EACCL,GACCa,EAAA,kBAAA,IAAC,MAAA,CACC,GAAI,GAAGR,CAAO,SACd,UAAU,mBACV,KAAK,QACL,YAAU,SAET,SAAAL,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs69.js","sources":["../src/components/ui/DatePicker/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport { DateTime } from \"luxon\";\r\nimport \"./DatePicker.scss\";\r\nimport clsx from \"clsx\";\r\nimport { useEffect, useRef } from \"react\";\r\n\r\ntype DatePickerProps = {\r\n  label: string;\r\n  value?: Date | null;\r\n  maxValue?: Date;\r\n  minValue?: Date;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  onClick?: () => void;\r\n  onChange: (date: Date) => void;\r\n  error?: string;\r\n  required?: boolean;\r\n  id?: string;\r\n};\r\n\r\nexport const DatePicker = ({\r\n  label,\r\n  value,\r\n  maxValue,\r\n  minValue,\r\n  className,\r\n  disabled,\r\n  onClick,\r\n  onChange,\r\n  error,\r\n  required = false,\r\n  id,\r\n}: DatePickerProps) => {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const inputId =\r\n    id || `datepicker-${label.toLowerCase().replace(/\\s+/g, \"-\")}`;\r\n\r\n  useEffect(() => {\r\n    if (error && inputRef.current) {\r\n      inputRef.current.setAttribute(\"aria-invalid\", \"true\");\r\n      inputRef.current.setAttribute(\"aria-describedby\", `${inputId}-error`);\r\n    } else if (inputRef.current) {\r\n      inputRef.current.setAttribute(\"aria-invalid\", \"false\");\r\n      inputRef.current.removeAttribute(\"aria-describedby\");\r\n    }\r\n  }, [error, inputId]);\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === \"Enter\" && !disabled) {\r\n      onClick?.();\r\n    }\r\n  };\r\n\r\n  const formattedValue = value\r\n    ? DateTime.fromJSDate(value).toFormat(\"yyyy-MM-dd\")\r\n    : \"\";\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"datepicker-container\", className)}\r\n      role=\"group\"\r\n      aria-labelledby={`${inputId}-label`}\r\n      aria-describedby={error ? `${inputId}-error` : undefined}\r\n    >\r\n      <label\r\n        id={`${inputId}-label`}\r\n        htmlFor={inputId}\r\n        className=\"datepicker-label fs-7\"\r\n      >\r\n        {label}\r\n        {required && (\r\n          <span className=\"text-error ml-1\" aria-hidden=\"true\">\r\n            *\r\n          </span>\r\n        )}\r\n      </label>\r\n      <input\r\n        ref={inputRef}\r\n        id={inputId}\r\n        type=\"date\"\r\n        className=\"datepicker-input fs-6\"\r\n        disabled={disabled}\r\n        value={formattedValue}\r\n        max={\r\n          maxValue\r\n            ? DateTime.fromJSDate(maxValue).toFormat(\"yyyy-MM-dd\")\r\n            : undefined\r\n        }\r\n        min={\r\n          minValue\r\n            ? DateTime.fromJSDate(minValue).toFormat(\"yyyy-MM-dd\")\r\n            : undefined\r\n        }\r\n        onClick={() => onClick?.()}\r\n        onChange={(e) => {\r\n          const newDate = new Date(e.target.value);\r\n          if (!isNaN(newDate.getTime())) {\r\n            onChange(newDate);\r\n          }\r\n        }}\r\n        onKeyDown={handleKeyDown}\r\n        aria-required={required}\r\n        aria-disabled={disabled}\r\n        aria-label={label}\r\n        aria-invalid={!!error}\r\n        aria-describedby={error ? `${inputId}-error` : undefined}\r\n      />\r\n      {error && (\r\n        <div\r\n          id={`${inputId}-error`}\r\n          className=\"datepicker-error\"\r\n          role=\"alert\"\r\n          aria-live=\"polite\"\r\n        >\r\n          {error}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DatePicker","label","value","maxValue","minValue","className","disabled","onClick","onChange","error","required","id","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","newDate"],"mappings":"oQAoBaA,EAAa,CAAC,CACzB,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,GACX,GAAAC,CACF,IAAuB,CACf,MAAAC,EAAWC,SAAyB,IAAI,EACxCC,EACJH,GAAM,cAAcV,EAAM,YAAc,EAAA,QAAQ,OAAQ,GAAG,CAAC,GAE9Dc,EAAAA,UAAU,IAAM,CACVN,GAASG,EAAS,SACXA,EAAA,QAAQ,aAAa,eAAgB,MAAM,EACpDA,EAAS,QAAQ,aAAa,mBAAoB,GAAGE,CAAO,QAAQ,GAC3DF,EAAS,UACTA,EAAA,QAAQ,aAAa,eAAgB,OAAO,EAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB,EACrD,EACC,CAACH,EAAOK,CAAO,CAAC,EAEb,MAAAE,EAAiBC,GAA6C,CAC9DA,EAAE,MAAQ,SAAW,CAACX,IACdC,GAAA,MAAAA,IAEd,EAEMW,EAAiBhB,EACnBiB,UAAS,WAAWjB,CAAK,EAAE,SAAS,YAAY,EAChD,GAGF,OAAAkB,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,KAAK,uBAAwBhB,CAAS,EACjD,KAAK,QACL,kBAAiB,GAAGS,CAAO,SAC3B,mBAAkBL,EAAQ,GAAGK,CAAO,SAAW,OAE/C,SAAA,CAAAM,EAAA,kBAAA,KAAC,QAAA,CACC,GAAI,GAAGN,CAAO,SACd,QAASA,EACT,UAAU,wBAET,SAAA,CAAAb,EACAS,GACEY,EAAAA,kBAAAA,IAAA,OAAA,CAAK,UAAU,kBAAkB,cAAY,OAAO,SAErD,GAAA,CAAA,CAAA,CAAA,CAEJ,EACAA,EAAA,kBAAA,IAAC,QAAA,CACC,IAAKV,EACL,GAAIE,EACJ,KAAK,OACL,UAAU,wBACV,SAAAR,EACA,MAAOY,EACP,IACEf,EACIgB,EAAAA,QAAS,WAAWhB,CAAQ,EAAE,SAAS,YAAY,EACnD,OAEN,IACEC,EACIe,EAAAA,QAAS,WAAWf,CAAQ,EAAE,SAAS,YAAY,EACnD,OAEN,QAAS,IAAMG,GAAA,YAAAA,IACf,SAAWU,GAAM,CACf,MAAMM,EAAU,IAAI,KAAKN,EAAE,OAAO,KAAK,EAClC,MAAMM,EAAQ,QAAS,CAAA,GAC1Bf,EAASe,CAAO,CAEpB,EACA,UAAWP,EACX,gBAAeN,EACf,gBAAeJ,EACf,aAAYL,EACZ,eAAc,CAAC,CAACQ,EAChB,mBAAkBA,EAAQ,GAAGK,CAAO,SAAW,MAAA,CACjD,EACCL,GACCa,EAAA,kBAAA,IAAC,MAAA,CACC,GAAI,GAAGR,CAAO,SACd,UAAU,mBACV,KAAK,QACL,YAAU,SAET,SAAAL,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ"}

package/dist/index.cjs7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs7.js","sources":["../src/components/ui/GridContainer/index.tsx"],"sourcesContent":["import { ElementType, ComponentPropsWithoutRef, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { createSpacingClasses, SpacingProps } from \"@theme/spacing.ts\";\n\ntype PolymorphicProps<E extends ElementType> = {\n  as?: E;\n} & SpacingProps &\n  Omit<ComponentPropsWithoutRef<E>, keyof SpacingProps>;\n\nexport const GridContainer = <E extends ElementType = \"div\">({\n  as,\n  className,\n  style,\n  ...rest\n}: PolymorphicProps<E>) => {\n  const Component = as || \"div\";\n\n  const classNames = useMemo(() => {\n    const spacingClasses = createSpacingClasses(rest);\n    return [...spacingClasses].join(\" \");\n  }, [rest]);\n\n  return (\n    <Component\n      className={clsx(\"base-grid\", className, classNames)}\n      style={{\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n"],"names":["GridContainer","as","className","style","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":"sMASaA,EAAgB,CAAgC,CAC3D,GAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA2B,CACzB,MAAMC,EAAYJ,GAAM,MAElBK,EAAaC,EAAAA,QAAQ,IAElB,CAAC,GADeC,uBAAqBJ,CAAI,CACvB,EAAE,KAAK,GAAG,EAClC,CAACA,CAAI,CAAC,EAGP,OAAAK,EAAA,kBAAA,IAACJ,EAAA,CACC,UAAWK,EAAA,KAAK,YAAaR,EAAWI,CAAU,EAClD,MAAO,CACL,GAAGH,CACL,EACC,GAAGC,CAAA,CACN,CAEJ"}
+{"version":3,"file":"index.cjs7.js","sources":["../src/components/ui/GridContainer/index.tsx"],"sourcesContent":["import { ElementType, ComponentPropsWithoutRef, useMemo } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { createSpacingClasses, SpacingProps } from \"@theme/spacing.ts\";\r\n\r\ntype PolymorphicProps<E extends ElementType> = {\r\n  as?: E;\r\n} & SpacingProps &\r\n  Omit<ComponentPropsWithoutRef<E>, keyof SpacingProps>;\r\n\r\nexport const GridContainer = <E extends ElementType = \"div\">({\r\n  as,\r\n  className,\r\n  style,\r\n  ...rest\r\n}: PolymorphicProps<E>) => {\r\n  const Component = as || \"div\";\r\n\r\n  const classNames = useMemo(() => {\r\n    const spacingClasses = createSpacingClasses(rest);\r\n    return [...spacingClasses].join(\" \");\r\n  }, [rest]);\r\n\r\n  return (\r\n    <Component\r\n      className={clsx(\"base-grid\", className, classNames)}\r\n      style={{\r\n        ...style,\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n"],"names":["GridContainer","as","className","style","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":"sMASaA,EAAgB,CAAgC,CAC3D,GAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA2B,CACzB,MAAMC,EAAYJ,GAAM,MAElBK,EAAaC,EAAAA,QAAQ,IAElB,CAAC,GADeC,uBAAqBJ,CAAI,CACvB,EAAE,KAAK,GAAG,EAClC,CAACA,CAAI,CAAC,EAGP,OAAAK,EAAA,kBAAA,IAACJ,EAAA,CACC,UAAWK,EAAA,KAAK,YAAaR,EAAWI,CAAU,EAClD,MAAO,CACL,GAAGH,CACL,EACC,GAAGC,CAAA,CACN,CAEJ"}