@anoki/fse-ui 1.0.618 → 1.0.620

package/dist/index.es54.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es54.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":";;;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,2BAA2BJ,CAAmB;AAAA,IAC9D,MAAK;AAAA,IACL,cAAW;AAAA,IAEX,UAAAG,gBAAAA,EAAA,IAACE,GAAI,EAAA,YAAW,UAAS,KAAI,MAAK,UAAS,QACxC,UAAAP,EAAM,IAAI,CAACQ,MACVH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC,EAAK,eAAe;AAAA,UAC7B,yBAAyBF,MAAiBI;AAAA,QAAA,CAC3C;AAAA,QACD,MAAK;AAAA,QACL,gBAAcJ,MAAiBI;AAAA,QAC/B,SAAS,MAAML,EAASK,CAAI;AAAA,QAE3B,UAAAA;AAAA,MAAA;AAAA,MARI,GAAGP,CAAE,IAAIO,CAAI;AAAA,IAAA,CAUrB,EACH,CAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es54.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":";;;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,2BAA2BJ,CAAmB;AAAA,IAC9D,MAAK;AAAA,IACL,cAAW;AAAA,IAEX,UAAAG,gBAAAA,EAAA,IAACE,GAAI,EAAA,YAAW,UAAS,KAAI,MAAK,UAAS,QACxC,UAAAP,EAAM,IAAI,CAACQ,MACVH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC,EAAK,eAAe;AAAA,UAC7B,yBAAyBF,MAAiBI;AAAA,QAAA,CAC3C;AAAA,QACD,MAAK;AAAA,QACL,gBAAcJ,MAAiBI;AAAA,QAC/B,SAAS,MAAML,EAASK,CAAI;AAAA,QAE3B,UAAAA;AAAA,MAAA;AAAA,MARI,GAAGP,CAAE,IAAIO,CAAI;AAAA,IAAA,CAUrB,EACH,CAAA;AAAA,EAAA;AACF;"}

package/dist/index.es55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es55.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":";;;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC3B,MAAAC,0BAAQC,GAAS,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,YAAW;AAAA,EACzD,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,0CACb,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,UAAA,EAAO,WAAU,2BAChB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,yBAAyB,UAAKP,GAAA;AAAA,IAC5CO,gBAAAA,EAAA,IAAAL,GAAA,EAAS,WAAU,0CACjB,UACHC,EAAA,CAAA;AAAA,EAAA,GACF;AAAA,EACCC,KACCG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MAET,UAAAJ;AAAA,IAAA;AAAA,EACH;AAAA,EAEDC,KAAUE,gBAAAA,EAAA,IAAC,UAAO,EAAA,WAAU,2BAA2B,UAAOF,EAAA,CAAA;AAAA,GACjE;"}
+{"version":3,"file":"index.es55.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":";;;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC3B,MAAAC,0BAAQC,GAAS,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,YAAW;AAAA,EACzD,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,0CACb,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,UAAA,EAAO,WAAU,2BAChB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,yBAAyB,UAAKP,GAAA;AAAA,IAC5CO,gBAAAA,EAAA,IAAAL,GAAA,EAAS,WAAU,0CACjB,UACHC,EAAA,CAAA;AAAA,EAAA,GACF;AAAA,EACCC,KACCG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MAET,UAAAJ;AAAA,IAAA;AAAA,EACH;AAAA,EAEDC,KAAUE,gBAAAA,EAAA,IAAC,UAAO,EAAA,WAAU,2BAA2B,UAAOF,EAAA,CAAA;AAAA,GACjE;"}

package/dist/index.es57.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es196.js";
-import { createColorClasses as l } from "./index.es209.js";
+import { createColorClasses as l } from "./index.es211.js";
 import { clsx as x } from "./index.es198.js";
 const p = ({
   initials: e,

package/dist/index.es57.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es57.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","baseClasses","clsx","jsx"],"mappings":";;;AAaO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAAmB;AACjB,QAAMC,IAAeC,EAAmB;AAAA,IACtC,IAAAL;AAAA,IACA,MAAMC;AAAA,EAAA,CACP,GAQKK,IAAcC;AAAA,IAClB;AAAA,IAPmB;AAAA,MACnB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIeL,CAAI;AAAA,IACjBE;AAAA,IACAD;AAAA,EACF;AAGE,SAAAK,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAWF,GAAa,eAAY,QACvC,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,eAAe,UAAAT,EAAS,CAAA,GAC1C;AAEJ;"}
+{"version":3,"file":"index.es57.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","baseClasses","clsx","jsx"],"mappings":";;;AAaO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAAmB;AACjB,QAAMC,IAAeC,EAAmB;AAAA,IACtC,IAAAL;AAAA,IACA,MAAMC;AAAA,EAAA,CACP,GAQKK,IAAcC;AAAA,IAClB;AAAA,IAPmB;AAAA,MACnB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIeL,CAAI;AAAA,IACjBE;AAAA,IACAD;AAAA,EACF;AAGE,SAAAK,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAWF,GAAa,eAAY,QACvC,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,eAAe,UAAAT,EAAS,CAAA,GAC1C;AAEJ;"}

package/dist/index.es58.js.map

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

package/dist/index.es59.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es59.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":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAL,KAAW;AAAA,IACb;AAAA,IACA,SAASH;AAAA,IAET,UAAA;AAAA,MAAAS,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,IAAAT;AAAA,UACA,MAAAC;AAAA,UACA,OAAAC;AAAA,UACA,SAAAC;AAAA,UACA,UAAAG;AAAA,QAAA;AAAA,MACF;AAAA,MACAC,gBAAAA,EAAAA,KAACG,GAAI,EAAA,KAAK,MACR,UAAA;AAAA,QAACD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,kCAAkC,UAAML,GAAA;AAAA,QACtDK,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,iCAAiC,UAAYJ,EAAA,CAAA;AAAA,MAAA,EAC5D,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es59.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":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAL,KAAW;AAAA,IACb;AAAA,IACA,SAASH;AAAA,IAET,UAAA;AAAA,MAAAS,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,IAAAT;AAAA,UACA,MAAAC;AAAA,UACA,OAAAC;AAAA,UACA,SAAAC;AAAA,UACA,UAAAG;AAAA,QAAA;AAAA,MACF;AAAA,MACAC,gBAAAA,EAAAA,KAACG,GAAI,EAAA,KAAK,MACR,UAAA;AAAA,QAACD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,kCAAkC,UAAML,GAAA;AAAA,QACtDK,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,iCAAiC,UAAYJ,EAAA,CAAA;AAAA,MAAA,EAC5D,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/index.es6.js

@@ -1,7 +1,7 @@
 import { j as p } from "./index.es196.js";
 import { clsx as l } from "./index.es198.js";
 import { useMemo as u } from "react";
-import { createSpacingClasses as x } from "./index.es210.js";
+import { createSpacingClasses as x } from "./index.es209.js";
 import './components/ui/Container/Container.css';/* empty css            */
 const v = ({
   as: o,

package/dist/index.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es6.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":";;;;;AAiBO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AACpB,QAAMC,IAAYR,KAAM,OAClBS,IAAaC,EAAQ,MAGlB,CAAC,GAFeC,EAAqBJ,CAAI,CAEvB,EAAE,KAAK,GAAG,GAClC,CAACA,CAAI,CAAC;AAGP,SAAAK,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,WAAWK,EAAK,gBAAgBX,GAAWO,CAAU;AAAA,MACrD,OAAO;AAAA,QACL,SAAAN;AAAA,QACA,gBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,UAAAC;AAAA,MACF;AAAA,MAEC,UAAAL;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es6.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":";;;;;AAiBO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AACpB,QAAMC,IAAYR,KAAM,OAClBS,IAAaC,EAAQ,MAGlB,CAAC,GAFeC,EAAqBJ,CAAI,CAEvB,EAAE,KAAK,GAAG,GAClC,CAACA,CAAI,CAAC;AAGP,SAAAK,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,WAAWK,EAAK,gBAAgBX,GAAWO,CAAU;AAAA,MACrD,OAAO;AAAA,QACL,SAAAN;AAAA,QACA,gBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,UAAAC;AAAA,MACF;AAAA,MAEC,UAAAL;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.es61.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es61.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":"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"}
+{"version":3,"file":"index.es61.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":"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"}

package/dist/index.es62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es62.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":";;;;;;AAgBO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,MAA2B;;AACzB,QAAMC,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,GAIIC,IADS,IAAI,UAAU,EACT,gBAAgB,GAAGN,CAAK,IAAI,WAAW,GACrDO,MAAYC,IAAAF,KAAA,gBAAAA,EAAM,SAAN,gBAAAE,EAAY,gBAAe;AAE7C,SACGH,gBAAAA,EAAA,IAAAI,GAAA,EAAI,YAAW,UAAS,KAAI,OAC3B,UAAAC,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ,SAASV;AAAA,MACT,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAM,gBAAAA,EAAA;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,IAAAZ;AAAA,YACA,SAAAE;AAAA,YACA,iBAAiBC;AAAA,YACjB,WAAW;AAAA,YACX,cAAYK;AAAA,YAEZ,UAAAF,gBAAAA,EAAA,IAACO,GAAA,EACC,UAAAP,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,sBACb,UAAAA,gBAAAA,EAAA,IAACD,GAAU,CAAA,CAAA,EACb,CAAA,EACF,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCJ,KACCK,gBAAAA,EAAA;AAAA,UAACQ;AAAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,SAASd;AAAA,YACT,WAAWe,EAAKX,GAAe,8BAA8B;AAAA,YAE5D,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}
+{"version":3,"file":"index.es62.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":";;;;;;AAgBO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,MAA2B;;AACzB,QAAMC,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,GAIIC,IADS,IAAI,UAAU,EACT,gBAAgB,GAAGN,CAAK,IAAI,WAAW,GACrDO,MAAYC,IAAAF,KAAA,gBAAAA,EAAM,SAAN,gBAAAE,EAAY,gBAAe;AAE7C,SACGH,gBAAAA,EAAA,IAAAI,GAAA,EAAI,YAAW,UAAS,KAAI,OAC3B,UAAAC,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ,SAASV;AAAA,MACT,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAM,gBAAAA,EAAA;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,IAAAZ;AAAA,YACA,SAAAE;AAAA,YACA,iBAAiBC;AAAA,YACjB,WAAW;AAAA,YACX,cAAYK;AAAA,YAEZ,UAAAF,gBAAAA,EAAA,IAACO,GAAA,EACC,UAAAP,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,sBACb,UAAAA,gBAAAA,EAAA,IAACD,GAAU,CAAA,CAAA,EACb,CAAA,EACF,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCJ,KACCK,gBAAAA,EAAA;AAAA,UAACQ;AAAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,SAASd;AAAA,YACT,WAAWe,EAAKX,GAAe,8BAA8B;AAAA,YAE5D,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

package/dist/index.es63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es63.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":";;;;;AAqBO,MAAMA,IAAW,CAAC;AAAA,EACvB,UAAUC,IAAW;AAAA,EACrB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAChB,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,KAAK;AAAA,IACL,WAAU;AAAA,IAEV,UAAA;AAAA,MAAAD,gBAAAA,OAACE,KAAI,IAAI,UAAU,KAAK,OAAO,YAAY,UACxC,UAAA;AAAA,QACCJ,KAAAK,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAWN,KAAA,gBAAAA,EAAQ,cAAa;AAAA,YAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,YAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,YAC9B,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QAEDK,gBAAAA,EAAA,IAAAP,GAAA,EAAS,WAAU,kCACjB,UACHC,EAAA,CAAA;AAAA,MAAA,GACF;AAAA,MACCM,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iBACX,UAAYJ,EAAA,IAAI,CAAC,EAAE,OAAAM,GAAO,OAAAC,EACzB,MAAAN,gBAAAA,EAAA,KAAC,OACC,EAAA,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,QACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,MAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es63.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":";;;;;AAqBO,MAAMA,IAAW,CAAC;AAAA,EACvB,UAAUC,IAAW;AAAA,EACrB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAChB,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,KAAK;AAAA,IACL,WAAU;AAAA,IAEV,UAAA;AAAA,MAAAD,gBAAAA,OAACE,KAAI,IAAI,UAAU,KAAK,OAAO,YAAY,UACxC,UAAA;AAAA,QACCJ,KAAAK,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAWN,KAAA,gBAAAA,EAAQ,cAAa;AAAA,YAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,YAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,YAC9B,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QAEDK,gBAAAA,EAAA,IAAAP,GAAA,EAAS,WAAU,kCACjB,UACHC,EAAA,CAAA;AAAA,MAAA,GACF;AAAA,MACCM,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iBACX,UAAYJ,EAAA,IAAI,CAAC,EAAE,OAAAM,GAAO,OAAAC,EACzB,MAAAN,gBAAAA,EAAA,KAAC,OACC,EAAA,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,QACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,MAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/index.es64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es64.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":";;;;;AAgBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,aAAAC,IAAc,CAAC;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AACnB,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,yBACd,UAAA;AAAA,EAAAA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTH,KAAa;AAAA,QACb;AAAA,QACAJ;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACL,SAASG;AAAA,MAET,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,GAAG;AAAA,YACH,gBAAgB;AAAA,YAChB,YAAY;AAAA,YAEZ,UAAA;AAAA,cAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,+CACX,UACHR,GAAA;AAAA,cACAQ,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,aAAa,CAAA;AAAA,cAE5BA,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,uCACX,UACHJ,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACAI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,SACd,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAWH,EAAK,YAAY,EAAE,eAAeL,EAAQ,CAAA;AAAA,UAAA;AAAA,QAAA,EAEzD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EACCA,KACCO,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAU,2BACX,UAAAV,EAAY,IAAI,CAAC,EAAE,OAAAY,GAAO,OAAAC,EAAM,6BAC9B,OACC,EAAA,UAAA;AAAA,IAACH,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,IACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,EAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,GAEJ;"}
+{"version":3,"file":"index.es64.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":";;;;;AAgBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,aAAAC,IAAc,CAAC;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AACnB,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,yBACd,UAAA;AAAA,EAAAA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTH,KAAa;AAAA,QACb;AAAA,QACAJ;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACL,SAASG;AAAA,MAET,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,GAAG;AAAA,YACH,gBAAgB;AAAA,YAChB,YAAY;AAAA,YAEZ,UAAA;AAAA,cAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,+CACX,UACHR,GAAA;AAAA,cACAQ,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,aAAa,CAAA;AAAA,cAE5BA,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,uCACX,UACHJ,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACAI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,SACd,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAWH,EAAK,YAAY,EAAE,eAAeL,EAAQ,CAAA;AAAA,UAAA;AAAA,QAAA,EAEzD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EACCA,KACCO,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAU,2BACX,UAAAV,EAAY,IAAI,CAAC,EAAE,OAAAY,GAAO,OAAAC,EAAM,6BAC9B,OACC,EAAA,UAAA;AAAA,IAACH,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,IACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,EAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,GAEJ;"}

package/dist/index.es65.js.map

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

package/dist/index.es66.js

@@ -1,5 +1,5 @@
 import { j as a } from "./index.es196.js";
-import * as N from "react";
+import * as j from "react";
 import { useEffect as S } from "react";
 import { clsx as b } from "./index.es198.js";
 import './components/ui/Table/Table.css';/* empty css            */
@@ -8,7 +8,7 @@ import { TriangleUp as ae } from "./index.es162.js";
 import { TriangleDown as te } from "./index.es163.js";
 import { Download as se } from "./index.es155.js";
 import { Info as ie } from "./index.es164.js";
-const le = N.forwardRef(
+const le = j.forwardRef(
   ({
     className: e,
     columns: t,
@@ -18,51 +18,51 @@ const le = N.forwardRef(
     resultsPerPage: k = 10,
     defaultSortDirection: o = "desc",
     setSelectedSort: p,
-    initialSortConfig: y,
+    initialSortConfig: N,
     serverSidePagination: m = !1,
-    totalItems: w,
-    hasNextPage: _,
+    totalItems: y,
+    hasNextPage: L,
     hasPreviousPage: f,
-    onNextPage: L,
+    onNextPage: C,
     onPreviousPage: B,
     onPageChange: I,
-    ...C
+    ...D
   }, A) => {
-    const [r, s] = N.useState(
-      y || {
+    const [r, s] = j.useState(
+      N || {
         key: t[0].key || t[0].label,
         direction: o
       }
-    ), [D, u] = N.useState(h);
+    ), [g, _] = j.useState(h);
     S(() => {
-      y && s(y);
-    }, [y]);
-    const j = N.useMemo(() => [...i].sort((d, T) => {
-      const c = d[r.key], l = T[r.key], x = t.find(
-        (g) => (g.key || g.label) === r.key
+      N && s(N);
+    }, [N]);
+    const u = j.useMemo(() => [...i].sort((d, w) => {
+      const c = d[r.key], l = w[r.key], x = t.find(
+        (T) => (T.key || T.label) === r.key
       );
       if (typeof c == "string" && typeof l == "string") {
         if ((x == null ? void 0 : x.type) === "date") {
-          const g = (J) => {
+          const T = (J) => {
             const [Q, W] = J.split(" - "), [X, Y, Z] = Q.split("/").map(Number), [K, P] = W.split(":").map(Number);
             return new Date(Z, Y - 1, X, K, P);
-          }, $ = g(c), H = g(l);
+          }, $ = T(c), H = T(l);
           return r.direction === "asc" ? $.getTime() - H.getTime() : H.getTime() - $.getTime();
         }
         if ((x == null ? void 0 : x.type) === "number") {
-          const g = parseFloat(c), $ = parseFloat(l);
-          return r.direction === "asc" ? g - $ : $ - g;
+          const T = parseFloat(c), $ = parseFloat(l);
+          return r.direction === "asc" ? T - $ : $ - T;
         }
         return r.direction === "asc" ? c.localeCompare(l) : l.localeCompare(c);
       }
       return M(c) && M(l) ? r.direction === "asc" ? c.firstLine.localeCompare(l.firstLine) : l.firstLine.localeCompare(c.firstLine) : 0;
     }), [i, r, t]), v = (d) => {
-      const T = {
+      const w = {
         key: d,
         direction: r.key === d && r.direction === "asc" ? "desc" : "asc"
       };
-      s(T), p && p(T);
-    }, F = n && !m ? (D - 1) * k : 0, q = n && !m ? Math.min(F + k, j.length) : j.length, G = m ? j : j.slice(F, q);
+      s(w), p && p(w);
+    }, F = n && !m ? (g - 1) * k : 0, q = n && !m ? Math.min(F + k, u.length) : u.length, G = m ? u : u.slice(F, q);
     return /* @__PURE__ */ a.jsxs("div", { className: "position-relative w-full", children: [
       /* @__PURE__ */ a.jsxs(
         "table",
@@ -70,19 +70,19 @@ const le = N.forwardRef(
           ref: A,
           className: b("table", e),
           role: "table",
-          ...C,
+          ...D,
           children: [
-            /* @__PURE__ */ a.jsx(U, { className: "table__header", children: /* @__PURE__ */ a.jsx(V, { children: t.map((d, T) => /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx(U, { className: "table__header", children: /* @__PURE__ */ a.jsx(V, { children: t.map((d, w) => /* @__PURE__ */ a.jsx(
               E,
               {
                 config: d,
                 sortConfig: r,
                 onSort: () => d.sortable && v(d.key || d.label),
-                variant: C.variant
+                variant: D.variant
               },
-              `${d.label}-${T}`
+              `${d.label}-${w}`
             )) }) }),
-            /* @__PURE__ */ a.jsx(z, { className: "table__body", children: G.map((d, T) => /* @__PURE__ */ a.jsx(V, { className: "table__row", children: Object.entries(d).map(([c, l], x) => l ? c === "actionData" && O(l) ? /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx(z, { className: "table__body", children: G.map((d, w) => /* @__PURE__ */ a.jsx(V, { className: "table__row", children: Object.entries(d).map(([c, l], x) => l ? c === "actionData" && O(l) ? /* @__PURE__ */ a.jsx(
               R,
               {
                 content: l,
@@ -96,23 +96,23 @@ const le = N.forwardRef(
                 type: "double-line"
               },
               `${c}-${x}`
-            ) : typeof l == "string" ? /* @__PURE__ */ a.jsx(R, { content: l }, `${c}-${x}`) : null : null) }, T)) })
+            ) : typeof l == "string" ? /* @__PURE__ */ a.jsx(R, { content: l }, `${c}-${x}`) : null : null) }, w)) })
           ]
         }
       ),
       n && /* @__PURE__ */ a.jsx(
         ce,
         {
-          currentPage: D,
-          totalResults: m ? w || 0 : j.length,
+          currentPage: g,
+          totalResults: m ? y || 0 : u.length,
           resultsPerPage: k,
-          setCurrentPage: u,
+          setCurrentPage: _,
           onPageChange: I,
           serverSide: m,
-          totalItems: w,
-          hasNextPage: _,
+          totalItems: y,
+          hasNextPage: L,
           hasPreviousPage: f,
-          onNextPage: L,
+          onNextPage: C,
           onPreviousPage: B
         }
       )
@@ -120,7 +120,7 @@ const le = N.forwardRef(
   }
 );
 le.displayName = "Table";
-const U = N.forwardRef(
+const U = j.forwardRef(
   ({ className: e, children: t, ...i }, n) => /* @__PURE__ */ a.jsx(
     "thead",
     {
@@ -132,7 +132,7 @@ const U = N.forwardRef(
   )
 );
 U.displayName = "TableHeader";
-const z = N.forwardRef(
+const z = j.forwardRef(
   ({ className: e, children: t, ...i }, n) => /* @__PURE__ */ a.jsx(
     "tbody",
     {
@@ -144,7 +144,7 @@ const z = N.forwardRef(
   )
 );
 z.displayName = "TableBody";
-const V = N.forwardRef(
+const V = j.forwardRef(
   ({ className: e, children: t, ...i }, n) => /* @__PURE__ */ a.jsx(
     "tr",
     {
@@ -159,16 +159,16 @@ const V = N.forwardRef(
   )
 );
 V.displayName = "TableRow";
-const E = N.forwardRef(({ className: e, config: t, sortConfig: i, onSort: n, ...h }, k) => {
-  var w;
-  const o = i.key === (t.key || t.label), p = o ? i.direction : null, y = () => p === "asc" ? "ascending" : "descending", m = (_) => {
-    switch (console.log("icon log"), console.log(_), _) {
+const E = j.forwardRef(({ className: e, config: t, sortConfig: i, onSort: n, ...h }, k) => {
+  var y;
+  const o = i.key === (t.key || t.label), p = o ? i.direction : null, N = () => p === "asc" ? "ascending" : "descending", m = (L) => {
+    switch (L) {
       case "info":
         return /* @__PURE__ */ a.jsx(ie, {});
       case "download":
         return /* @__PURE__ */ a.jsx(se, {});
       default:
-        return console.log("icon return"), console.log(_), _;
+        return L;
     }
   };
   return /* @__PURE__ */ a.jsx(
@@ -185,7 +185,7 @@ const E = N.forwardRef(({ className: e, config: t, sortConfig: i, onSort: n, ...
       ),
       onClick: t.sortable ? n : t.action,
       "aria-label": t.ariaLabel,
-      "aria-sort": o ? y() : void 0,
+      "aria-sort": o ? N() : void 0,
       ...h,
       children: /* @__PURE__ */ a.jsxs("div", { className: "table__cell--header--content", children: [
         /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
@@ -199,7 +199,7 @@ const E = N.forwardRef(({ className: e, config: t, sortConfig: i, onSort: n, ...
               t.iconAction;
             },
             popupInfo: t.popupInfo,
-            positionPopUp: (w = t.popupInfo) == null ? void 0 : w.positionPopUp,
+            positionPopUp: (y = t.popupInfo) == null ? void 0 : y.positionPopUp,
             classNameText: h.variant && "fw-bold text-slate-28 fs-custom md-fs-6"
           }
         ) }),
@@ -233,7 +233,7 @@ const ne = ({ data: e }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
   /* @__PURE__ */ a.jsx("div", { className: "table__cell--secondLine", children: e.secondLine })
 ] }), oe = ({ data: e }) => e.type === "link" && e.link ? /* @__PURE__ */ a.jsx("a", { href: e.link, "aria-label": e.ariaLabel, children: e.label }) : /* @__PURE__ */ a.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, O = (e) => typeof e == "object" && e !== null && "label" in e && "type" in e, re = ({
   content: e
-}) => typeof e == "string" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : M(e) ? /* @__PURE__ */ a.jsx(ne, { data: e }) : O(e) ? /* @__PURE__ */ a.jsx(oe, { data: e }) : null, R = N.forwardRef(
+}) => typeof e == "string" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : M(e) ? /* @__PURE__ */ a.jsx(ne, { data: e }) : O(e) ? /* @__PURE__ */ a.jsx(oe, { data: e }) : null, R = j.forwardRef(
   ({ className: e, content: t, type: i, ...n }, h) => /* @__PURE__ */ a.jsx(
     "td",
     {
@@ -261,31 +261,31 @@ const ce = ({
   className: k,
   serverSide: o = !1,
   totalItems: p,
-  hasNextPage: y,
+  hasNextPage: N,
   hasPreviousPage: m,
-  onNextPage: w,
-  onPreviousPage: _
+  onNextPage: y,
+  onPreviousPage: L
 }) => {
-  const f = Math.ceil(o ? (p || t) / i : t / i), L = (s) => {
+  const f = Math.ceil(o ? (p || t) / i : t / i), C = (s) => {
     n(s), h && h(s);
   }, B = () => {
     const s = e + 1;
-    o && w && w(), L(s);
+    o && y && y(), C(s);
   }, I = () => {
     const s = e - 1;
-    o && _ && _(), L(s);
-  }, C = o ? !y : e === f, A = o ? !m : e === 1, r = () => {
+    o && L && L(), C(s);
+  }, D = o ? !N : e === f, A = o ? !m : e === 1, r = () => {
     const s = [];
     if (f <= 5)
-      for (let u = 1; u <= f; u++)
-        s.push(u);
+      for (let _ = 1; _ <= f; _++)
+        s.push(_);
     else {
       s.push(1);
-      let u = Math.max(2, e - 1), j = Math.min(f - 1, e + 1);
-      e <= 3 ? j = 4 : e >= f - 2 && (u = f - 3), u > 2 && s.push("...");
-      for (let v = u; v <= j; v++)
+      let _ = Math.max(2, e - 1), u = Math.min(f - 1, e + 1);
+      e <= 3 ? u = 4 : e >= f - 2 && (_ = f - 3), _ > 2 && s.push("...");
+      for (let v = _; v <= u; v++)
         s.push(v);
-      j < f - 1 && s.push("..."), s.push(f);
+      u < f - 1 && s.push("..."), s.push(f);
     }
     return s;
   };
@@ -314,14 +314,14 @@ const ce = ({
         }
       ),
       r().map(
-        (s, D) => s === "..." ? /* @__PURE__ */ a.jsx("span", { className: "pagination__ellipsis", children: "..." }, `ellipsis-${D}`) : /* @__PURE__ */ a.jsx(
+        (s, g) => s === "..." ? /* @__PURE__ */ a.jsx("span", { className: "pagination__ellipsis", children: "..." }, `ellipsis-${g}`) : /* @__PURE__ */ a.jsx(
           "button",
           {
             className: b(
               "pagination__button",
               e === s && "pagination__button--active"
             ),
-            onClick: () => L(s),
+            onClick: () => C(s),
             disabled: s === e,
             children: s
           },
@@ -333,10 +333,10 @@ const ce = ({
         {
           className: b(
             "pagination__button",
-            C && "pagination__button--disabled"
+            D && "pagination__button--disabled"
           ),
           onClick: B,
-          disabled: C,
+          disabled: D,
           "aria-label": "Next page",
           children: /* @__PURE__ */ a.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ a.jsx("path", { d: "M9 6l6 6-6 6" }) })
         }