@anoki/fse-ui 1.0.541 → 1.0.543

package/dist/index.es88.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es88.js","sources":["../src/components/ui/Alert/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./Alert.scss\";\r\nimport { ErrorExagon, Info } from \"@/icons\";\r\nimport { Divider } from \"../Divider\";\r\nimport { GetValues, Link as ILink } from \"@anoki/fse-common/dist\";\r\nimport { Link } from \"../link\";\r\n\r\nexport const AlertVariantEnum = {\r\n  DEFAULT: \"default\",\r\n  INFO: \"info\",\r\n  WARNING: \"warning\",\r\n  DANGER: \"danger\",\r\n  SUCCESS: \"success\",\r\n} as const;\r\n\r\nexport type AlertVariant = GetValues<typeof AlertVariantEnum>;\r\n\r\nexport type AlertProps = {\r\n  title: string;\r\n  description: string;\r\n  subtitle: string;\r\n  link: ILink;\r\n  variant?: AlertVariant;\r\n};\r\n\r\nconst iconMap = {\r\n  default: <Info color=\"primary\" width={32} height={32} />,\r\n  info: <Info color=\"primary\" width={32} height={32} />,\r\n  warning: <Info color=\"warning\" width={32} height={32} />,\r\n  danger: <ErrorExagon width={32} height={32} />,\r\n  success: <Info color=\"status-success\" width={32} height={32} />,\r\n};\r\n\r\nexport const Alert: React.FC<AlertProps> = ({\r\n  title,\r\n  description,\r\n  subtitle,\r\n  link,\r\n  variant = \"default\",\r\n}) => {\r\n  return (\r\n    <blockquote className={`styled-alert alert-${variant}`}>\r\n      <div className=\"container\">\r\n        {iconMap[variant]}\r\n        <div className=\"right-container\">\r\n          <h4 className=\"title\">{title}</h4>\r\n          <p className=\"subtitle\">{subtitle}</p>\r\n          <Divider bg=\"blue-30\" />\r\n          <p className=\"description\">{description}</p>\r\n          <Link title={link.title} src={link.link} />\r\n        </div>\r\n      </div>\r\n    </blockquote>\r\n  );\r\n};\r\n"],"names":["AlertVariantEnum","iconMap","Info","jsx","ErrorExagon","Alert","title","description","subtitle","link","variant","jsxs","Divider","Link"],"mappings":";;;;;;AAOO,MAAMA,IAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AACX,GAYMC,IAAU;AAAA,EACd,+BAAUC,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,4BAAOA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACnD,+BAAUA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,QAASC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,EAC5C,+BAAUF,GAAK,EAAA,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAC/D,GAEaG,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAEIP,gBAAAA,EAAA,IAAC,gBAAW,WAAW,sBAAsBO,CAAO,IAClD,UAAAC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACZ,UAAA;AAAA,EAAAV,EAAQS,CAAO;AAAA,EAChBC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,IAACR,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMG,GAAA;AAAA,IAC5BH,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,YAAY,UAASK,GAAA;AAAA,IAClCL,gBAAAA,EAAAA,IAACS,GAAQ,EAAA,IAAG,UAAU,CAAA;AAAA,IACrBT,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYI,GAAA;AAAA,0BACvCM,GAAK,EAAA,OAAOJ,EAAK,OAAO,KAAKA,EAAK,KAAM,CAAA;AAAA,EAAA,EAC3C,CAAA;AAAA,EAAA,CACF,EACF,CAAA;"}
+{"version":3,"file":"index.es88.js","sources":["../src/components/ui/Alert/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./Alert.scss\";\nimport { ErrorExagon, Info } from \"@/icons\";\nimport { Divider } from \"../Divider\";\nimport { GetValues, Link as ILink } from \"@anoki/fse-common/dist\";\nimport { Link } from \"../link\";\n\nexport const AlertVariantEnum = {\n  DEFAULT: \"default\",\n  INFO: \"info\",\n  WARNING: \"warning\",\n  DANGER: \"danger\",\n  SUCCESS: \"success\",\n} as const;\n\nexport type AlertVariant = GetValues<typeof AlertVariantEnum>;\n\nexport type AlertProps = {\n  title: string;\n  description: string;\n  subtitle: string;\n  link: ILink;\n  variant?: AlertVariant;\n};\n\nconst iconMap = {\n  default: <Info color=\"primary\" width={32} height={32} />,\n  info: <Info color=\"primary\" width={32} height={32} />,\n  warning: <Info color=\"warning\" width={32} height={32} />,\n  danger: <ErrorExagon width={32} height={32} />,\n  success: <Info color=\"status-success\" width={32} height={32} />,\n};\n\nexport const Alert: React.FC<AlertProps> = ({\n  title,\n  description,\n  subtitle,\n  link,\n  variant = \"default\",\n}) => {\n  return (\n    <blockquote className={`styled-alert alert-${variant}`}>\n      <div className=\"container\">\n        {iconMap[variant]}\n        <div className=\"right-container\">\n          <h4 className=\"title\">{title}</h4>\n          <p className=\"subtitle\">{subtitle}</p>\n          <Divider bg=\"blue-30\" />\n          <p className=\"description\">{description}</p>\n          <Link title={link.title} src={link.link} />\n        </div>\n      </div>\n    </blockquote>\n  );\n};\n"],"names":["AlertVariantEnum","iconMap","Info","jsx","ErrorExagon","Alert","title","description","subtitle","link","variant","jsxs","Divider","Link"],"mappings":";;;;;;AAOO,MAAMA,IAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AACX,GAYMC,IAAU;AAAA,EACd,+BAAUC,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,4BAAOA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACnD,+BAAUA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,QAASC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,EAC5C,+BAAUF,GAAK,EAAA,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAC/D,GAEaG,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAEIP,gBAAAA,EAAA,IAAC,gBAAW,WAAW,sBAAsBO,CAAO,IAClD,UAAAC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACZ,UAAA;AAAA,EAAAV,EAAQS,CAAO;AAAA,EAChBC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,IAACR,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMG,GAAA;AAAA,IAC5BH,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,YAAY,UAASK,GAAA;AAAA,IAClCL,gBAAAA,EAAAA,IAACS,GAAQ,EAAA,IAAG,UAAU,CAAA;AAAA,IACrBT,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYI,GAAA;AAAA,0BACvCM,GAAK,EAAA,OAAOJ,EAAK,OAAO,KAAKA,EAAK,KAAM,CAAA;AAAA,EAAA,EAC3C,CAAA;AAAA,EAAA,CACF,EACF,CAAA;"}

package/dist/index.es89.js

@@ -1,5 +1,5 @@
-import { j as e } from "./index.es184.js";
-import { Root as l, Portal as r, Overlay as n, Content as c, Title as m, Description as x, Cancel as p } from "./index.es291.js";
+import { j as e } from "./index.es185.js";
+import { Root as l, Portal as r, Overlay as n, Content as c, Title as m, Description as x, Cancel as p } from "./index.es292.js";
 import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css            */
 import { Row as d } from "./index.es9.js";
 import { Button as j } from "./index.es25.js";

package/dist/index.es9.js

@@ -1,9 +1,9 @@
-import { j as x } from "./index.es184.js";
+import { j as x } from "./index.es185.js";
 import { useMemo as y } from "react";
-import { clsx as g } from "./index.es185.js";
-import { createSpacingClasses as j } from "./index.es186.js";
-import { createColorClasses as u } from "./index.es188.js";
-import { createTypographyClasses as h } from "./index.es189.js";
+import { clsx as g } from "./index.es186.js";
+import { createSpacingClasses as j } from "./index.es188.js";
+import { createColorClasses as u } from "./index.es187.js";
+import { createTypographyClasses as h } from "./index.es190.js";
 const E = ({
   as: o,
   className: r,

package/dist/index.es90.js

@@ -1,7 +1,7 @@
-import { j as n } from "./index.es184.js";
+import { j as n } from "./index.es185.js";
 import './styles/typography.css';import './components/ui/link/Link.css';/* empty css            */
 /* empty css            */
-import { clsx as a } from "./index.es185.js";
+import { clsx as a } from "./index.es186.js";
 function x({
   title: s,
   src: o,

package/dist/index.es90.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es90.js","sources":["../src/components/ui/link/index.tsx"],"sourcesContent":["import \"./Link.scss\";\r\nimport \"../../../styles/typography.scss\";\r\nimport { clsx } from \"clsx\";\r\nimport { ElementType } from \"react\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  src: string;\r\n  decoration?: string;\r\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\";\r\n  icon?: ElementType;\r\n  asLink?: ElementType;\r\n};\r\n\r\nexport function Link({\r\n  title,\r\n  src,\r\n  decoration = \"\",\r\n  transform = \"none\",\r\n  icon: Icon,\r\n  asLink = \"a\",\r\n}: Props) {\r\n  const LinkTag = asLink || \"a\";\r\n\r\n  return (\r\n    <LinkTag\r\n      className={clsx(\r\n        \"link link-sans-bold-sm\",\r\n        decoration,\r\n        `link-${transform}`,\r\n      )}\r\n      href={src}\r\n    >\r\n      {title}\r\n      {Icon && <Icon class={\"link-icon\"} size=\"md\" />}\r\n    </LinkTag>\r\n  );\r\n}\r\n"],"names":["Link","title","src","decoration","transform","Icon","asLink","LinkTag","jsxs","clsx","jsx"],"mappings":";;;;AAcO,SAASA,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,MAAMC;AAAA,EACN,QAAAC,IAAS;AACX,GAAU;AACR,QAAMC,IAAUD,KAAU;AAGxB,SAAAE,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAN;AAAA,QACA,QAAQC,CAAS;AAAA,MACnB;AAAA,MACA,MAAMF;AAAA,MAEL,UAAA;AAAA,QAAAD;AAAA,QACAI,KAASK,gBAAAA,EAAA,IAAAL,GAAA,EAAK,OAAO,aAAa,MAAK,KAAK,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C;AAEJ;"}
+{"version":3,"file":"index.es90.js","sources":["../src/components/ui/link/index.tsx"],"sourcesContent":["import \"./Link.scss\";\nimport \"../../../styles/typography.scss\";\nimport { clsx } from \"clsx\";\nimport { ElementType } from \"react\";\n\ntype Props = {\n  title: string;\n  src: string;\n  decoration?: string;\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\";\n  icon?: ElementType;\n  asLink?: ElementType;\n};\n\nexport function Link({\n  title,\n  src,\n  decoration = \"\",\n  transform = \"none\",\n  icon: Icon,\n  asLink = \"a\",\n}: Props) {\n  const LinkTag = asLink || \"a\";\n\n  return (\n    <LinkTag\n      className={clsx(\n        \"link link-sans-bold-sm\",\n        decoration,\n        `link-${transform}`,\n      )}\n      href={src}\n    >\n      {title}\n      {Icon && <Icon class={\"link-icon\"} size=\"md\" />}\n    </LinkTag>\n  );\n}\n"],"names":["Link","title","src","decoration","transform","Icon","asLink","LinkTag","jsxs","clsx","jsx"],"mappings":";;;;AAcO,SAASA,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,MAAMC;AAAA,EACN,QAAAC,IAAS;AACX,GAAU;AACR,QAAMC,IAAUD,KAAU;AAGxB,SAAAE,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAN;AAAA,QACA,QAAQC,CAAS;AAAA,MACnB;AAAA,MACA,MAAMF;AAAA,MAEL,UAAA;AAAA,QAAAD;AAAA,QACAI,KAASK,gBAAAA,EAAA,IAAAL,GAAA,EAAK,OAAO,aAAa,MAAK,KAAK,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C;AAEJ;"}

package/dist/index.es91.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es184.js";
+import { j as e } from "./index.es185.js";
 import './components/ui/GenericSkeleton/GenericSkeleton.css';/* empty css            */
 const t = () => /* @__PURE__ */ e.jsxs("div", { className: "search-structure-skeleton-container", children: [
   /* @__PURE__ */ e.jsx("div", { className: "search-structure-skeleton-title pulse" }),

package/dist/index.es91.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es91.js","sources":["../src/components/ui/GenericSkeleton/index.tsx"],"sourcesContent":["import \"./GenericSkeleton.scss\";\r\n\r\nexport const GenericSkeleton = () => {\r\n  return (\r\n    <div className=\"search-structure-skeleton-container\">\r\n      {/* Page title */}\r\n      <div className=\"search-structure-skeleton-title pulse\"></div>\r\n\r\n      <div className=\"search-structure-skeleton-description-generic pulse\"></div>\r\n\r\n      <div className=\"search-structure-skeleton-results\">\r\n        <div className=\"search-structure-skeleton-map pulse\"></div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["GenericSkeleton","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAkB,MAE3BC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,uCAEb,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wCAAwC,CAAA;AAAA,EAEvDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,sDAAsD,CAAA;AAAA,EAErEA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,qCACb,gCAAC,OAAI,EAAA,WAAU,sCAAsC,CAAA,EACvD,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es91.js","sources":["../src/components/ui/GenericSkeleton/index.tsx"],"sourcesContent":["import \"./GenericSkeleton.scss\";\n\nexport const GenericSkeleton = () => {\n  return (\n    <div className=\"search-structure-skeleton-container\">\n      {/* Page title */}\n      <div className=\"search-structure-skeleton-title pulse\"></div>\n\n      <div className=\"search-structure-skeleton-description-generic pulse\"></div>\n\n      <div className=\"search-structure-skeleton-results\">\n        <div className=\"search-structure-skeleton-map pulse\"></div>\n      </div>\n    </div>\n  );\n};\n"],"names":["GenericSkeleton","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAkB,MAE3BC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,uCAEb,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wCAAwC,CAAA;AAAA,EAEvDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,sDAAsD,CAAA;AAAA,EAErEA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,qCACb,gCAAC,OAAI,EAAA,WAAU,sCAAsC,CAAA,EACvD,CAAA;AAAA,GACF;"}

package/dist/index.es92.js

@@ -1,11 +1,11 @@
-import { j as r } from "./index.es184.js";
+import { j as r } from "./index.es185.js";
 import './components/ui/CardFile/CardFile.css';/* empty css            */
 import { Button as o } from "./index.es25.js";
 import { ArrowLink as n } from "./index.es35.js";
-import { clsx as a } from "./index.es185.js";
-import { File as d } from "./index.es141.js";
-import { Download as x } from "./index.es146.js";
-import { ExternalLink as c } from "./index.es116.js";
+import { clsx as a } from "./index.es186.js";
+import { File as d } from "./index.es142.js";
+import { Download as x } from "./index.es147.js";
+import { ExternalLink as c } from "./index.es117.js";
 var m = /* @__PURE__ */ ((s) => (s.DOWNLOAD = "download", s.GOTO = "goto", s.EXTERNAL = "external", s))(m || {});
 function v({
   title: s,

package/dist/index.es93.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es184.js";
+import { j as s } from "./index.es185.js";
 import { Avatar as x } from "./index.es56.js";
 import './components/ui/AuthorBlock/AuthorBlock.css';/* empty css            */
 import { Row as n } from "./index.es9.js";

package/dist/index.es94.js

@@ -1,7 +1,7 @@
-import { j as o } from "./index.es184.js";
-import { clsx as m } from "./index.es185.js";
+import { j as o } from "./index.es185.js";
+import { clsx as m } from "./index.es186.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { ChangeProfileModalContent as d } from "./index.es299.js";
+import { ChangeProfileModalContent as d } from "./index.es300.js";
 import { ModalsHeader as c } from "./index.es95.js";
 import { BaseModal as f } from "./index.es37.js";
 import { Button as p } from "./index.es25.js";

package/dist/index.es94.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es94.js","sources":["../src/components/ui/ChangeProfileModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./ChangeProfileModal.scss\";\r\nimport { BaseModal, Button, ModalsHeader } from \"@/components\";\r\nimport { ChangeProfileModalContent } from \"@/components/ui/ChangeProfileModal/ChangeProfileModalContent\";\r\n\r\ntype ChangeProfileModalProps = {\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: React.ReactNode;\r\n  OnPressConfirm: () => void;\r\n  disabledConfirm?: boolean;\r\n  showHeader?: boolean;\r\n  showFooter?: boolean;\r\n};\r\n\r\nconst ChangeProfileModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  showFooter = true,\r\n  showHeader = true,\r\n  OnPressConfirm,\r\n  disabledConfirm,\r\n  setOpen,\r\n  children,\r\n}: ChangeProfileModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\r\n    >\r\n      {showHeader && (\r\n        <ModalsHeader\r\n          title={\"Cambia profilo\"}\r\n          closeButton={\"Annulla\"}\r\n          onCloseClick={() => setOpen(false)}\r\n        />\r\n      )}\r\n      {children}\r\n      {showFooter && (\r\n        <footer className=\"ui-consent-modal-footer bg-white shadow\">\r\n          <div className=\"base-row gap-x16 flex-wrap justify-content-center\">\r\n            <Button disabled={disabledConfirm} onClick={OnPressConfirm}>\r\n              Conferma\r\n            </Button>\r\n          </div>\r\n        </footer>\r\n      )}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nChangeProfileModal.Content = ChangeProfileModalContent;\r\n\r\nexport { ChangeProfileModal };\r\n"],"names":["ChangeProfileModal","open","overrideClassNames","showFooter","showHeader","OnPressConfirm","disabledConfirm","setOpen","children","jsxs","BaseModal","clsx","jsx","ModalsHeader","Button","ChangeProfileModalContent"],"mappings":";;;;;;;AAgBA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAT;AAAA,IACA,SAAAM;AAAA,IACA,oBAAoBI,EAAK,6BAA6BT,CAAkB;AAAA,IAEvE,UAAA;AAAA,MACCE,KAAAQ,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAa;AAAA,UACb,cAAc,MAAMN,EAAQ,EAAK;AAAA,QAAA;AAAA,MACnC;AAAA,MAEDC;AAAA,MACAL,KACES,gBAAAA,EAAA,IAAA,UAAA,EAAO,WAAU,2CAChB,gCAAC,OAAI,EAAA,WAAU,qDACb,UAAAA,gBAAAA,EAAAA,IAACE,KAAO,UAAUR,GAAiB,SAASD,GAAgB,UAAA,YAE5D,GACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AAEJ;AAIJL,EAAmB,UAAUe;"}
+{"version":3,"file":"index.es94.js","sources":["../src/components/ui/ChangeProfileModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./ChangeProfileModal.scss\";\nimport { BaseModal, Button, ModalsHeader } from \"@/components\";\nimport { ChangeProfileModalContent } from \"@/components/ui/ChangeProfileModal/ChangeProfileModalContent\";\n\ntype ChangeProfileModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n  OnPressConfirm: () => void;\n  disabledConfirm?: boolean;\n  showHeader?: boolean;\n  showFooter?: boolean;\n};\n\nconst ChangeProfileModal = ({\n  open,\n  overrideClassNames,\n  showFooter = true,\n  showHeader = true,\n  OnPressConfirm,\n  disabledConfirm,\n  setOpen,\n  children,\n}: ChangeProfileModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {showHeader && (\n        <ModalsHeader\n          title={\"Cambia profilo\"}\n          closeButton={\"Annulla\"}\n          onCloseClick={() => setOpen(false)}\n        />\n      )}\n      {children}\n      {showFooter && (\n        <footer className=\"ui-consent-modal-footer bg-white shadow\">\n          <div className=\"base-row gap-x16 flex-wrap justify-content-center\">\n            <Button disabled={disabledConfirm} onClick={OnPressConfirm}>\n              Conferma\n            </Button>\n          </div>\n        </footer>\n      )}\n    </BaseModal>\n  );\n};\n\nChangeProfileModal.Content = ChangeProfileModalContent;\n\nexport { ChangeProfileModal };\n"],"names":["ChangeProfileModal","open","overrideClassNames","showFooter","showHeader","OnPressConfirm","disabledConfirm","setOpen","children","jsxs","BaseModal","clsx","jsx","ModalsHeader","Button","ChangeProfileModalContent"],"mappings":";;;;;;;AAgBA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAT;AAAA,IACA,SAAAM;AAAA,IACA,oBAAoBI,EAAK,6BAA6BT,CAAkB;AAAA,IAEvE,UAAA;AAAA,MACCE,KAAAQ,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAa;AAAA,UACb,cAAc,MAAMN,EAAQ,EAAK;AAAA,QAAA;AAAA,MACnC;AAAA,MAEDC;AAAA,MACAL,KACES,gBAAAA,EAAA,IAAA,UAAA,EAAO,WAAU,2CAChB,gCAAC,OAAI,EAAA,WAAU,qDACb,UAAAA,gBAAAA,EAAAA,IAACE,KAAO,UAAUR,GAAiB,SAASD,GAAgB,UAAA,YAE5D,GACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AAEJ;AAIJL,EAAmB,UAAUe;"}

package/dist/index.es95.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es184.js";
+import { j as e } from "./index.es185.js";
 import './components/ui/ModalsHeader/ModalsHeader.css';/* empty css            */
-import { Title as o, Close as l } from "./index.es225.js";
+import { Title as o, Close as l } from "./index.es226.js";
 import { Button as i } from "./index.es25.js";
-import { Close as m } from "./index.es118.js";
+import { Close as m } from "./index.es119.js";
 const h = ({
   title: s,
   closeButton: r,

package/dist/index.es95.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es95.js","sources":["../src/components/ui/ModalsHeader/index.tsx"],"sourcesContent":["import \"./ModalsHeader.scss\";\r\nimport { Button } from \"@/components\";\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Close } from \"@/icons\";\r\n\r\ntype ModalsHeaderProps = {\r\n  title: string;\r\n  closeButton: string;\r\n  onCloseClick: () => void;\r\n};\r\n\r\nexport const ModalsHeader = ({\r\n  title,\r\n  closeButton,\r\n  onCloseClick,\r\n}: ModalsHeaderProps) => {\r\n  return (\r\n    <header className=\"ui-modal-header \">\r\n      <Dialog.Title className=\"base-col justify-content-center align-items-center mb-5 pb-x8\">\r\n        {title && <div className={\"fw-bold fs-7 md-fs-custom\"}>{title}</div>}\r\n      </Dialog.Title>\r\n\r\n      <Dialog.Close asChild className=\"ui-modal-header-close\">\r\n        <Button\r\n          size=\"4\"\r\n          textColor=\"primary\"\r\n          bg=\"transparent\"\r\n          aria-label=\"Chiudi modale\"\r\n          onClick={onCloseClick}\r\n        >\r\n          {closeButton}\r\n          <Close className=\"ml-x8\" />\r\n        </Button>\r\n      </Dialog.Close>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["ModalsHeader","title","closeButton","onCloseClick","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,oBAChB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAa,WAAU,iEACrB,UAASL,KAAAI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,6BAA8B,UAAAJ,EAAA,CAAM,EAChE,CAAA;AAAA,wBAECM,GAAA,EAAa,SAAO,IAAC,WAAU,yBAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASL;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDG,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es95.js","sources":["../src/components/ui/ModalsHeader/index.tsx"],"sourcesContent":["import \"./ModalsHeader.scss\";\nimport { Button } from \"@/components\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { Close } from \"@/icons\";\n\ntype ModalsHeaderProps = {\n  title: string;\n  closeButton: string;\n  onCloseClick: () => void;\n};\n\nexport const ModalsHeader = ({\n  title,\n  closeButton,\n  onCloseClick,\n}: ModalsHeaderProps) => {\n  return (\n    <header className=\"ui-modal-header \">\n      <Dialog.Title className=\"base-col justify-content-center align-items-center mb-5 pb-x8\">\n        {title && <div className={\"fw-bold fs-7 md-fs-custom\"}>{title}</div>}\n      </Dialog.Title>\n\n      <Dialog.Close asChild className=\"ui-modal-header-close\">\n        <Button\n          size=\"4\"\n          textColor=\"primary\"\n          bg=\"transparent\"\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          {closeButton}\n          <Close className=\"ml-x8\" />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["ModalsHeader","title","closeButton","onCloseClick","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,oBAChB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAa,WAAU,iEACrB,UAASL,KAAAI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,6BAA8B,UAAAJ,EAAA,CAAM,EAChE,CAAA;AAAA,wBAECM,GAAA,EAAa,SAAO,IAAC,WAAU,yBAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASL;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDG,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}

package/dist/index.es96.js

@@ -1,4 +1,4 @@
-import { j as t } from "./index.es184.js";
+import { j as t } from "./index.es185.js";
 import './components/ui/Tags/Tags.css';/* empty css            */
 const a = ({ label: r }) => /* @__PURE__ */ t.jsx("div", { className: "tag", children: r });
 export {

package/dist/index.es96.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es96.js","sources":["../src/components/ui/Tags/Tag/Tag.tsx"],"sourcesContent":["import \"../Tags.scss\";\r\n\r\ninterface TagProps {\r\n  label: string;\r\n}\r\n\r\nexport const Tag: React.FC<TagProps> = ({ label }) => {\r\n  return <div className=\"tag\">{label}</div>;\r\n};\r\n"],"names":["Tag","label","jsx"],"mappings":";;AAMO,MAAMA,IAA0B,CAAC,EAAE,OAAAC,QAChCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,OAAO,UAAMD,GAAA;"}
+{"version":3,"file":"index.es96.js","sources":["../src/components/ui/Tags/Tag/Tag.tsx"],"sourcesContent":["import \"../Tags.scss\";\n\ninterface TagProps {\n  label: string;\n}\n\nexport const Tag: React.FC<TagProps> = ({ label }) => {\n  return <div className=\"tag\">{label}</div>;\n};\n"],"names":["Tag","label","jsx"],"mappings":";;AAMO,MAAMA,IAA0B,CAAC,EAAE,OAAAC,QAChCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,OAAO,UAAMD,GAAA;"}

package/dist/index.es97.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es184.js";
+import { j as r } from "./index.es185.js";
 import { Tag as t } from "./index.es96.js";
 import './components/ui/Tags/Tags.css';/* empty css            */
 const p = ({ topics: s = [] }) => /* @__PURE__ */ r.jsx("div", { className: "tags-group-container", children: /* @__PURE__ */ r.jsx("div", { className: "tags-group", children: s.map((a, o) => /* @__PURE__ */ r.jsx(t, { label: a }, o)) }) });

package/dist/index.es97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es97.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\r\nimport \"../Tags.scss\";\r\n\r\ntype TagsProps = {\r\n  topics?: Array<string>;\r\n};\r\n\r\nexport const TagsGroup = ({ topics = [] }: TagsProps) => {\r\n  return (\r\n    <div className=\"tags-group-container\">\r\n      <div className=\"tags-group\">\r\n        {topics.map((topic, index) => (\r\n          <Tag key={index} label={topic} />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TagsGroup","topics","jsx","topic","index","Tag"],"mappings":";;;AAOO,MAAMA,IAAY,CAAC,EAAE,QAAAC,IAAS,CAAA,QAEjCC,gBAAAA,MAAC,SAAI,WAAU,wBACb,gCAAC,OAAI,EAAA,WAAU,cACZ,UAAOD,EAAA,IAAI,CAACE,GAAOC,4BACjBC,GAAgB,EAAA,OAAOF,KAAdC,CAAqB,CAChC,GACH,EACF,CAAA;"}
+{"version":3,"file":"index.es97.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\nimport \"../Tags.scss\";\n\ntype TagsProps = {\n  topics?: Array<string>;\n};\n\nexport const TagsGroup = ({ topics = [] }: TagsProps) => {\n  return (\n    <div className=\"tags-group-container\">\n      <div className=\"tags-group\">\n        {topics.map((topic, index) => (\n          <Tag key={index} label={topic} />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["TagsGroup","topics","jsx","topic","index","Tag"],"mappings":";;;AAOO,MAAMA,IAAY,CAAC,EAAE,QAAAC,IAAS,CAAA,QAEjCC,gBAAAA,MAAC,SAAI,WAAU,wBACb,gCAAC,OAAI,EAAA,WAAU,cACZ,UAAOD,EAAA,IAAI,CAACE,GAAOC,4BACjBC,GAAgB,EAAA,OAAOF,KAAdC,CAAqB,CAChC,GACH,EACF,CAAA;"}

package/dist/index.es98.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es184.js";
+import { j as e } from "./index.es185.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as w } from "react";
-import { Root as u, Indicator as g } from "./index.es214.js";
+import { Root as u, Indicator as g } from "./index.es215.js";
 import { Row as t } from "./index.es9.js";
 import { Col as r } from "./index.es10.js";
 const y = ({

package/dist/index.es98.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es98.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\r\nimport { useRef } from \"react\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { Col, Region, Row } from \"@/components\";\r\n\r\nexport type DelegateCardProps = {\r\n  id: string;\r\n  isSelected: boolean;\r\n  title: string;\r\n  subtitle: string;\r\n  relation: string;\r\n  isMe?: boolean;\r\n  setSelectedCard: (id: string) => void;\r\n  className?: string;\r\n  showRegion?: boolean;\r\n  region?: Region;\r\n};\r\n\r\nexport const DelegateCard = ({\r\n  id,\r\n  isSelected,\r\n  title,\r\n  subtitle,\r\n  region,\r\n  relation,\r\n  isMe = false,\r\n  showRegion = false,\r\n  setSelectedCard = () => {},\r\n  className,\r\n}: DelegateCardProps) => {\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n  const firstLetterUppercase = (str: string) => {\r\n    return str.charAt(0).toUpperCase() + str.slice(1);\r\n  };\r\n\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  return (\r\n    <Row\r\n      br={\"x4\"}\r\n      p={\"x24\"}\r\n      gap={\"x16\"}\r\n      bg={\"white\"}\r\n      text={\"slate-20\"}\r\n      ref={dropdownRef}\r\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\r\n      onClick={() => {\r\n        setSelectedCard(id);\r\n      }}\r\n      style={{ width: \"100%\" }}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={id}\r\n        checked={isSelected}\r\n        className={\"ui-checkbox-filter\"}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Row\r\n        alignItems={\"flex-start\"}\r\n        style={{ width: \"100%\" }}\r\n        justifyContent={\"space-between\"}\r\n      >\r\n        <Col style={{ flex: 1 }} justifyContent={\"center\"} className={`w-full`}>\r\n          <Col\r\n            gap={\"x4\"}\r\n            pb={\r\n              (isMe || (!isMe && !relation)) && !showRegion ? undefined : \"x16\"\r\n            }\r\n          >\r\n            <h3 className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\r\n              {title}\r\n            </h3>\r\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\r\n          </Col>\r\n          <Row gap={\"x40\"} justifyContent={\"space-between\"}>\r\n            {!isMe && relation && (\r\n              <Col gap={\"x4\"}>\r\n                <div className={\"fw-bold\"}>Relazione con il delegante</div>\r\n                <p className={\"fw-normal\"}>{relation}</p>\r\n              </Col>\r\n            )}\r\n            {showRegion && region && (\r\n              <Col pr={\"x104\"} gap={\"x4\"}>\r\n                <div className={\"fw-bold\"}>Regione di assistenza</div>\r\n                <p className={\"fw-normal\"}>{firstLetterUppercase(region)}</p>\r\n              </Col>\r\n            )}\r\n          </Row>\r\n        </Col>\r\n        {isMe && <Row className={\"ui-fascicolo-label\"}>IL TUO FASCICOLO</Row>}\r\n      </Row>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["DelegateCard","id","isSelected","title","subtitle","region","relation","isMe","showRegion","setSelectedCard","className","dropdownRef","useRef","firstLetterUppercase","str","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"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"}
+{"version":3,"file":"index.es98.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Col, Region, Row } from \"@/components\";\n\nexport type DelegateCardProps = {\n  id: string;\n  isSelected: boolean;\n  title: string;\n  subtitle: string;\n  relation: string;\n  isMe?: boolean;\n  setSelectedCard: (id: string) => void;\n  className?: string;\n  showRegion?: boolean;\n  region?: Region;\n};\n\nexport const DelegateCard = ({\n  id,\n  isSelected,\n  title,\n  subtitle,\n  region,\n  relation,\n  isMe = false,\n  showRegion = false,\n  setSelectedCard = () => {},\n  className,\n}: DelegateCardProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\n      onClick={() => {\n        setSelectedCard(id);\n      }}\n      style={{ width: \"100%\" }}\n    >\n      <CheckboxRadix.Root\n        id={id}\n        checked={isSelected}\n        className={\"ui-checkbox-filter\"}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Row\n        alignItems={\"flex-start\"}\n        style={{ width: \"100%\" }}\n        justifyContent={\"space-between\"}\n      >\n        <Col style={{ flex: 1 }} justifyContent={\"center\"} className={`w-full`}>\n          <Col\n            gap={\"x4\"}\n            pb={\n              (isMe || (!isMe && !relation)) && !showRegion ? undefined : \"x16\"\n            }\n          >\n            <h3 className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n              {title}\n            </h3>\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\n          </Col>\n          <Row gap={\"x40\"} justifyContent={\"space-between\"}>\n            {!isMe && relation && (\n              <Col gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Relazione con il delegante</div>\n                <p className={\"fw-normal\"}>{relation}</p>\n              </Col>\n            )}\n            {showRegion && region && (\n              <Col pr={\"x104\"} gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Regione di assistenza</div>\n                <p className={\"fw-normal\"}>{firstLetterUppercase(region)}</p>\n              </Col>\n            )}\n          </Row>\n        </Col>\n        {isMe && <Row className={\"ui-fascicolo-label\"}>IL TUO FASCICOLO</Row>}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["DelegateCard","id","isSelected","title","subtitle","region","relation","isMe","showRegion","setSelectedCard","className","dropdownRef","useRef","firstLetterUppercase","str","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"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"}

package/dist/index.es99.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es184.js";
+import { j as e } from "./index.es185.js";
 import './components/ui/ChangeRelatedCard/ChangeRelatedCard.css';/* empty css            */
-import { Divider as d } from "./index.es197.js";
+import { Divider as d } from "./index.es198.js";
 import { LOGOS as n } from "./index.es24.js";
 import { Col as h } from "./index.es10.js";
 import { Row as i } from "./index.es9.js";

package/dist/index.es99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es99.js","sources":["../src/components/ui/ChangeRelatedCard/index.tsx"],"sourcesContent":["import \"./ChangeRelatedCard.scss\";\r\nimport { Col, LOGOS, Region, Row } from \"@/components\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\n\r\ntype ChangeRelatedCardProps = {\r\n  title: string;\r\n  region: Region;\r\n  isSelected?: boolean;\r\n};\r\n\r\nexport const ChangeRelatedCard = ({\r\n  title,\r\n  isSelected = false,\r\n  region,\r\n}: ChangeRelatedCardProps) => {\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  const firstLetterUppercase = (str: string) => {\r\n    return str.charAt(0).toUpperCase() + str.slice(1);\r\n  };\r\n  return (\r\n    <Col\r\n      className={`position-relative change-related-card-container ${isSelected ? \"change-related-card-container-selected\" : \"\"}`}\r\n    >\r\n      <Row mb={\"x16\"} alignItems={\"center\"} justifyContent={\"center\"}>\r\n        <p>\r\n          <strong>{title}</strong>\r\n        </p>\r\n      </Row>\r\n      <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"center\"}>\r\n        <NationalIcon width={27} height={44} />\r\n        <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n        <RegionIcon width={44} height={44} />\r\n      </Row>\r\n      <h3 className=\"fs-custom fw-normal text-slate-20 text-align-center\">\r\n        <p style={{ marginTop: 5 }}>Fascicolo Sanitario</p>\r\n        <p style={{ fontWeight: \"bold\" }}>\r\n          Salute{firstLetterUppercase(region)}\r\n        </p>\r\n      </h3>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["ChangeRelatedCard","title","isSelected","region","NationalIcon","LOGOS","RegionIcon","firstLetterUppercase","str","jsxs","Col","jsx","Row","Divider"],"mappings":";;;;;;AAUO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC;AACF,MAA8B;AACtB,QAAAC,IAAeC,EAAM,WACrBC,IAAaD,EAAMF,CAAM,GAEzBI,IAAuB,CAACC,MACrBA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AAGhD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,mDAAmDR,IAAa,2CAA2C,EAAE;AAAA,MAExH,UAAA;AAAA,QAAAS,gBAAAA,MAACC,GAAI,EAAA,IAAI,OAAO,YAAY,UAAU,gBAAgB,UACpD,UAAAD,gBAAAA,EAAA,IAAC,KACC,EAAA,UAAAA,gBAAAA,EAAAA,IAAC,UAAQ,EAAA,UAAAV,EAAA,CAAM,EACjB,CAAA,GACF;AAAA,+BACCW,GAAI,EAAA,KAAK,OAAO,YAAY,UAAU,gBAAgB,UACrD,UAAA;AAAA,UAAAD,gBAAAA,EAAA,IAACP,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UACpCO,gBAAAA,EAAA,IAAAE,GAAA,EAAQ,IAAG,kBAAiB,WAAU,YAAW;AAAA,UACjDF,gBAAAA,EAAA,IAAAL,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA,GACrC;AAAA,QACAG,gBAAAA,EAAAA,KAAC,MAAG,EAAA,WAAU,uDACZ,UAAA;AAAA,UAAAE,gBAAAA,MAAC,OAAE,OAAO,EAAE,WAAW,KAAK,UAAmB,uBAAA;AAAA,iCAC9C,KAAE,EAAA,OAAO,EAAE,YAAY,OAAU,GAAA,UAAA;AAAA,YAAA;AAAA,YACzBJ,EAAqBJ,CAAM;AAAA,UAAA,EACpC,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es99.js","sources":["../src/components/ui/ChangeRelatedCard/index.tsx"],"sourcesContent":["import \"./ChangeRelatedCard.scss\";\nimport { Col, LOGOS, Region, Row } from \"@/components\";\nimport { Divider } from \"@/components/ui/Divider\";\n\ntype ChangeRelatedCardProps = {\n  title: string;\n  region: Region;\n  isSelected?: boolean;\n};\n\nexport const ChangeRelatedCard = ({\n  title,\n  isSelected = false,\n  region,\n}: ChangeRelatedCardProps) => {\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n  return (\n    <Col\n      className={`position-relative change-related-card-container ${isSelected ? \"change-related-card-container-selected\" : \"\"}`}\n    >\n      <Row mb={\"x16\"} alignItems={\"center\"} justifyContent={\"center\"}>\n        <p>\n          <strong>{title}</strong>\n        </p>\n      </Row>\n      <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"center\"}>\n        <NationalIcon width={27} height={44} />\n        <Divider bg=\"border-divider\" direction=\"vertical\" />\n        <RegionIcon width={44} height={44} />\n      </Row>\n      <h3 className=\"fs-custom fw-normal text-slate-20 text-align-center\">\n        <p style={{ marginTop: 5 }}>Fascicolo Sanitario</p>\n        <p style={{ fontWeight: \"bold\" }}>\n          Salute{firstLetterUppercase(region)}\n        </p>\n      </h3>\n    </Col>\n  );\n};\n"],"names":["ChangeRelatedCard","title","isSelected","region","NationalIcon","LOGOS","RegionIcon","firstLetterUppercase","str","jsxs","Col","jsx","Row","Divider"],"mappings":";;;;;;AAUO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC;AACF,MAA8B;AACtB,QAAAC,IAAeC,EAAM,WACrBC,IAAaD,EAAMF,CAAM,GAEzBI,IAAuB,CAACC,MACrBA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AAGhD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,mDAAmDR,IAAa,2CAA2C,EAAE;AAAA,MAExH,UAAA;AAAA,QAAAS,gBAAAA,MAACC,GAAI,EAAA,IAAI,OAAO,YAAY,UAAU,gBAAgB,UACpD,UAAAD,gBAAAA,EAAA,IAAC,KACC,EAAA,UAAAA,gBAAAA,EAAAA,IAAC,UAAQ,EAAA,UAAAV,EAAA,CAAM,EACjB,CAAA,GACF;AAAA,+BACCW,GAAI,EAAA,KAAK,OAAO,YAAY,UAAU,gBAAgB,UACrD,UAAA;AAAA,UAAAD,gBAAAA,EAAA,IAACP,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UACpCO,gBAAAA,EAAA,IAAAE,GAAA,EAAQ,IAAG,kBAAiB,WAAU,YAAW;AAAA,UACjDF,gBAAAA,EAAA,IAAAL,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA,GACrC;AAAA,QACAG,gBAAAA,EAAAA,KAAC,MAAG,EAAA,WAAU,uDACZ,UAAA;AAAA,UAAAE,gBAAAA,MAAC,OAAE,OAAO,EAAE,WAAW,KAAK,UAAmB,uBAAA;AAAA,iCAC9C,KAAE,EAAA,OAAO,EAAE,YAAY,OAAU,GAAA,UAAA;AAAA,YAAA;AAAA,YACzBJ,EAAqBJ,CAAM;AAAA,UAAA,EACpC,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/package.json

@@ -1,109 +1,109 @@
-{
-  "name": "@anoki/fse-ui",
-  "version": "1.0.541",
-  "description": "FSE UI components library",
-  "type": "module",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "/dist"
-  ],
-  "scripts": {
-    "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
-    "lint": "eslint .",
-    "build": "tsc && vite build",
-    "test": "vitest run",
-    "test-watch": "vitest",
-    "test:ui": "vitest --ui",
-    "sb": "storybook dev -p 6006",
-    "release": "npm run build && npm publish --access public",
-    "build-storybook": "storybook build",
-    "prepare": "husky",
-    "patch": "npm version patch"
-  },
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "author": "Anoki <developer@anoki.it>",
-  "keywords": [
-    "anoki",
-    "fse",
-    "ui",
-    "components",
-    "library"
-  ],
-  "license": "ISC",
-  "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.4",
-    "@eslint/js": "^9.22.0",
-    "@storybook/addon-a11y": "^8.5.2",
-    "@storybook/addon-essentials": "^8.5.2",
-    "@storybook/addon-interactions": "^8.5.2",
-    "@storybook/addon-links": "^8.5.2",
-    "@storybook/addon-onboarding": "^8.5.2",
-    "@storybook/blocks": "^8.5.2",
-    "@storybook/react": "^8.5.2",
-    "@storybook/react-vite": "^8.5.2",
-    "@storybook/test": "^8.5.2",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
-    "@types/html-to-text": "^9.0.4",
-    "@types/lodash": "^4.17.14",
-    "@types/luxon": "^3.4.2",
-    "@types/react": "^19.0.8",
-    "@typescript-eslint/eslint-plugin": "^8.21.0",
-    "@typescript-eslint/parser": "^8.21.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^9.19.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-prettier": "^5.2.3",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^0.11.4",
-    "husky": "^9.1.7",
-    "jsdom": "^26.0.0",
-    "lint-staged": "^15.4.3",
-    "postcss": "^8.5.1",
-    "prettier": "^3.4.2",
-    "sass": "^1.83.4",
-    "storybook": "^8.5.2",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.26.1",
-    "vite": "^6.0.11",
-    "vite-plugin-dts": "^4.5.0",
-    "vite-plugin-lib-inject-css": "^2.2.1",
-    "vitest": "^3.0.4"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "engines": {
-    "node": ">=18.18.0",
-    "yarn": ">=1.22.19"
-  },
-  "packageManager": "yarn@4.2.2",
-  "dependencies": {
-    "@anoki/fse-common": "^1.0.76",
-    "@radix-ui/react-alert-dialog": "^1.1.7",
-    "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-dialog": "^1.1.6",
-    "@radix-ui/react-dropdown-menu": "^2.1.5",
-    "@radix-ui/react-switch": "^1.1.3",
-    "@radix-ui/themes": "^3.2.1",
-    "@types/node": "^22.10.10",
-    "clsx": "^2.1.1",
-    "lodash": "^4.17.21",
-    "luxon": "^3.5.0",
-    "react-wrap-balancer": "^1.1.1",
-    "rollup-plugin-visualizer": "^5.14.0"
-  }
-}
+{
+  "name": "@anoki/fse-ui",
+  "version": "1.0.543",
+  "description": "FSE UI components library",
+  "type": "module",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
+    "lint": "eslint .",
+    "build": "tsc && vite build",
+    "test": "vitest run",
+    "test-watch": "vitest",
+    "test:ui": "vitest --ui",
+    "sb": "storybook dev -p 6006",
+    "release": "npm run build && npm publish --access public",
+    "build-storybook": "storybook build",
+    "prepare": "husky",
+    "patch": "npm version patch"
+  },
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "author": "Anoki <developer@anoki.it>",
+  "keywords": [
+    "anoki",
+    "fse",
+    "ui",
+    "components",
+    "library"
+  ],
+  "license": "ISC",
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.4",
+    "@eslint/js": "^9.22.0",
+    "@storybook/addon-a11y": "^8.5.2",
+    "@storybook/addon-essentials": "^8.5.2",
+    "@storybook/addon-interactions": "^8.5.2",
+    "@storybook/addon-links": "^8.5.2",
+    "@storybook/addon-onboarding": "^8.5.2",
+    "@storybook/blocks": "^8.5.2",
+    "@storybook/react": "^8.5.2",
+    "@storybook/react-vite": "^8.5.2",
+    "@storybook/test": "^8.5.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@types/html-to-text": "^9.0.4",
+    "@types/lodash": "^4.17.14",
+    "@types/luxon": "^3.4.2",
+    "@types/react": "^19.0.8",
+    "@typescript-eslint/eslint-plugin": "^8.21.0",
+    "@typescript-eslint/parser": "^8.21.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.19.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-storybook": "^0.11.4",
+    "husky": "^9.1.7",
+    "jsdom": "^26.0.0",
+    "lint-staged": "^15.4.3",
+    "postcss": "^8.5.1",
+    "prettier": "^3.4.2",
+    "sass": "^1.83.4",
+    "storybook": "^8.5.2",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.26.1",
+    "vite": "^6.0.11",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-lib-inject-css": "^2.2.1",
+    "vitest": "^3.0.4"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "engines": {
+    "node": ">=18.18.0",
+    "yarn": ">=1.22.19"
+  },
+  "packageManager": "yarn@4.2.2",
+  "dependencies": {
+    "@anoki/fse-common": "^1.0.76",
+    "@radix-ui/react-alert-dialog": "^1.1.7",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.5",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/themes": "^3.2.1",
+    "@types/node": "^22.10.10",
+    "clsx": "^2.1.1",
+    "lodash": "^4.17.21",
+    "luxon": "^3.5.0",
+    "react-wrap-balancer": "^1.1.1",
+    "rollup-plugin-visualizer": "^5.14.0"
+  }
+}

package/readme.md

@@ -1,42 +1,42 @@
-# This is the UI Library for the [FSE Marche]
-
-Use npm to install the dependencies [Not yarn]
-
-```bash
-npm install
-```
-
-Run storybook
-
-```bash
-npm run sb
-```
-
-Use npm release to build the library and publish the package to npm:
-
-```bash
-npm run release
-```
-
-Use npm bump-patch to increments the patch version (the last number in the version, e.g., from 0.1.96 to 0.1.97), push the changes, build the package and publish it to npm:
-
-```bash
-npm run bump-patch
-```
-
-Use npm bump-minor to increments the minor version (the second number in the version, e.g., from 0.1.96 to 0.2.0), push the changes, build the package and publish it to npm.
-
-```bash
-npm run bump-minor
-```
-
-Use npm bump-major to increments the major version (the first number in the version, e.g., from 0.1.96 to 1.0.0), push the changes, build the package and publish it to npm:
-
-```bash
-npm run bump-major
-```
-
-The structure of the library is as follows:
-src/
-├── components/ # Reusable components
-├── styles/ # Global styles
+# This is the UI Library for the [FSE Marche]
+
+Use npm to install the dependencies [Not yarn]
+
+```bash
+npm install
+```
+
+Run storybook
+
+```bash
+npm run sb
+```
+
+Use npm release to build the library and publish the package to npm:
+
+```bash
+npm run release
+```
+
+Use npm bump-patch to increments the patch version (the last number in the version, e.g., from 0.1.96 to 0.1.97), push the changes, build the package and publish it to npm:
+
+```bash
+npm run bump-patch
+```
+
+Use npm bump-minor to increments the minor version (the second number in the version, e.g., from 0.1.96 to 0.2.0), push the changes, build the package and publish it to npm.
+
+```bash
+npm run bump-minor
+```
+
+Use npm bump-major to increments the major version (the first number in the version, e.g., from 0.1.96 to 1.0.0), push the changes, build the package and publish it to npm:
+
+```bash
+npm run bump-major
+```
+
+The structure of the library is as follows:
+src/
+├── components/ # Reusable components
+├── styles/ # Global styles

package/dist/index.cjs189.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs189.js","sources":["../src/theme/typography.ts"],"sourcesContent":["export type TypographyKeys =\r\n  | \"0\"\r\n  | \"1\"\r\n  | \"2\"\r\n  | \"3\"\r\n  | \"4\"\r\n  | \"5\"\r\n  | \"6\"\r\n  | \"7\"\r\n  | \"8\"\r\n  | \"custom\";\r\n\r\nexport type TypographyProps = {\r\n  fs?: TypographyKeys;\r\n  fw?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\r\n};\r\n\r\nexport type TypographyPropsKeys = keyof TypographyProps;\r\nconst typographyPropsKeys: TypographyPropsKeys[] = [\"fs\", \"fw\"];\r\n\r\nexport const createTypographyClasses = <TProps extends TypographyProps>(\r\n  props: TProps,\r\n) => {\r\n  return typographyPropsKeys\r\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\r\n    .filter(Boolean);\r\n};\r\n"],"names":["typographyPropsKeys","createTypographyClasses","props","key"],"mappings":"gFAkBA,MAAMA,EAA6C,CAAC,KAAM,IAAI,EAEjDC,EACXC,GAEOF,EACJ,IAAKG,GAASD,EAAMC,CAAG,EAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,GAAK,EAAG,EACvD,OAAO,OAAO"}

package/dist/index.cjs193.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs193.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport const useMediaQuery = (query: string): boolean => {\r\n  const [matches, setMatches] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\nexport const useMediaQueryV2 = (\r\n  query: string,\r\n  initialValue: boolean,\r\n): boolean => {\r\n  const [matches, setMatches] = useState(initialValue);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event"],"mappings":"yGAEaA,EAAiBC,GAA2B,CACvD,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAE5CC,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAQ,OAAO,WAAWL,CAAK,EAErCE,EAAWG,EAAM,OAAO,EAElB,MAAAC,EAAYC,GAA+B,CAC/CL,EAAWK,EAAM,OAAO,CAC1B,EAEM,OAAAF,EAAA,iBAAiB,SAAUC,CAAQ,EAElC,IAAM,CACLD,EAAA,oBAAoB,SAAUC,CAAQ,CAC9C,CAAA,EACC,CAACN,CAAK,CAAC,EAEHC,CACT"}

package/dist/index.cjs197.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs197.js","sources":["../src/components/ui/Divider/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ColorProps, createColorClasses } from \"@/theme/colors\";\r\nimport \"./Divider.scss\";\r\n\r\ntype DividerProps = Pick<ColorProps, \"bg\"> & {\r\n  direction?: \"horizontal\" | \"vertical\";\r\n  className?: string;\r\n};\r\n\r\nexport const Divider = ({\r\n  direction = \"horizontal\",\r\n  bg = \"white\",\r\n  className,\r\n}: DividerProps) => {\r\n  const colorClass = createColorClasses({ bg });\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        direction === \"horizontal\" ? \"ui-horizontal\" : \"ui-vertical\",\r\n        colorClass,\r\n        className,\r\n      )}\r\n    />\r\n  );\r\n};\r\n"],"names":["Divider","direction","bg","className","colorClass","createColorClasses","jsx","clsx"],"mappings":"gNASO,MAAMA,EAAU,CAAC,CACtB,UAAAC,EAAY,aACZ,GAAAC,EAAK,QACL,UAAAC,CACF,IAAoB,CAClB,MAAMC,EAAaC,EAAAA,mBAAmB,CAAE,GAAAH,EAAI,EAG1C,OAAAI,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,KACTN,IAAc,aAAe,gBAAkB,cAC/CG,EACAD,CAAA,CACF,CACF,CAEJ"}

package/dist/index.cjs200.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs200.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType } from \"react\";\r\n\r\nexport type BreadcrumbItemProps = {\r\n  label: string;\r\n  href?: string;\r\n  isClickable?: boolean;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n};\r\n\r\nexport const BreadcrumbItem = ({\r\n  label,\r\n  href,\r\n  isClickable,\r\n  asLink = \"a\",\r\n}: BreadcrumbItemProps) => {\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <li\r\n      className={clsx(\"ui-breadcrumb-item\", {\r\n        \"active text-slate-20 fw-semibold\": isClickable,\r\n        \"text-slate-28\": !isClickable,\r\n      })}\r\n    >\r\n      {href && isClickable ? (\r\n        <LinkComponent href={href}>{label}</LinkComponent>\r\n      ) : (\r\n        label\r\n      )}\r\n    </li>\r\n  );\r\n};\r\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":"uLAWaA,EAAiB,CAAC,CAC7B,MAAAC,EACA,KAAAC,EACA,YAAAC,EACA,OAAAC,EAAS,GACX,IAA2B,CACzB,MAAMC,EAAgBD,EAEpB,OAAAE,EAAA,kBAAA,IAAC,KAAA,CACC,UAAWC,OAAK,qBAAsB,CACpC,mCAAoCJ,EACpC,gBAAiB,CAACA,CAAA,CACnB,EAEA,YAAQA,EACPG,wBAACD,EAAc,CAAA,KAAAH,EAAa,WAAM,EAElCD,CAAA,CAEJ,CAEJ"}