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

package/dist/index.d.ts

@@ -206,7 +206,7 @@ export declare const ArrowDown: ({ width, height, className, color, decorative,
 
 export declare const ArrowLeft: ({ width, height, className, color, onClick, decorative, ariaLabel, }: IconProps) => JSX.Element;
 
-export declare const ArrowLink: ({ href, asLink, isExternal, fs, children, className, onClick, type, asButton, arrowVisible, ...props }: ArrowLinkProps) => JSX.Element;
+export declare const ArrowLink: ({ href, asLink, isExternal, fs, children, className, onClick, type, asButton, arrowVisible, iconPosition, ...props }: ArrowLinkProps) => JSX.Element;
 
 declare type ArrowLinkAsButtonProps = BaseArrowLinkProps & {
     onClick?: () => void;
@@ -305,6 +305,7 @@ declare type BaseArrowLinkProps = {
     fs?: TypographyKeys;
     children: default_2.ReactNode;
     className?: string;
+    iconPosition?: "left" | "right";
 };
 
 declare type BaseButtonProps = {
@@ -326,6 +327,10 @@ declare type BaseButtonProps = {
     fwClassName?: "fw-bold" | "fw-semibold" | "fw-normal";
 };
 
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Please use the new modal system instead.
+ */
 export declare const BaseModal: {
     ({ open, setOpen, overrideClassNames, stacked, overrideBaseModalClassName, id, role, children, }: BaseModalProps): JSX.Element;
     Header: ({ labels, onCloseClick, onBackClick, showBackButton, children, classNameModalHeader, }: {
@@ -982,6 +987,10 @@ declare type CategoryHeaderProps = {
 
 export declare const CenterMap: ({ width, height, className, color, decorative, ariaLabel, }: IconProps) => JSX.Element;
 
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Please use the new modal system instead.
+ */
 export declare const ChangeProfileModal: {
     ({ open, overrideClassNames, showFooter, showHeader, OnPressConfirm, disabledConfirm, setOpen, children, }: ChangeProfileModalProps): JSX.Element;
     Content: ({ overrideClassNames, children, }: {

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import \"./styles/index.scss\";\nimport { Settings } from \"luxon\";\nSettings.defaultLocale = \"it\";\n\nexport * from \"./components\";\nexport * from \"./sections\";\nexport * from \"./icons\";\n"],"names":["Settings"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEAA,EAAS,gBAAgB;"}
+{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import \"./styles/index.scss\";\r\nimport { Settings } from \"luxon\";\r\nSettings.defaultLocale = \"it\";\r\n\r\nexport * from \"./components\";\r\nexport * from \"./sections\";\r\nexport * from \"./icons\";\r\n"],"names":["Settings"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEAA,EAAS,gBAAgB;"}

package/dist/index.es10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es10.js","sources":["../src/components/navigations/HeaderPostLogin/index.tsx"],"sourcesContent":["import { LOGOS, Region } from \"../Header\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport \"./HeaderPostLogin.scss\";\nimport { ComponentType, ReactNode } from \"react\";\nimport { Col, Row } from \"@/components\";\nimport { CircleRightArrow, CirlceLeftArrow } from \"@/icons\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  icon?: ComponentType<any>;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\nexport type HeaderPostLoginProps = {\n  shortTitle: ReactNode;\n  region: Region;\n  navigationItems: NavigationItem[];\n  loginLink?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  generalClassName?: string;\n  navItemsClassName?: string;\n  isExpanded?: boolean;\n  toggleExpand?: () => void;\n  expandTitle?: string;\n};\n\nexport const HeaderPostLogin = ({\n  shortTitle,\n  region,\n  asLink = \"a\",\n  navigationItems,\n  generalClassName,\n  navItemsClassName,\n  isExpanded = true,\n  expandTitle = \"Apri\",\n  toggleExpand,\n}: HeaderPostLoginProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <nav\n      role=\"navigation\"\n      className={clsx(\n        \"ui-hpl-menu\",\n        generalClassName,\n        isExpanded ? \"expanded\" : \"closed\",\n      )}\n      style={\n        {\n          \"--navbar-elements\": navigationItems.length ?? 0,\n        } as React.CSSProperties\n      }\n    >\n      <Col\n        pt={\"x80\"}\n        px={isExpanded ? \"x40\" : \"x20\"}\n        gap={\"x16\"}\n        justifyContent={\"center\"}\n        className=\"position-relative\"\n      >\n        <Row\n          gap={isExpanded ? \"x24\" : \"x12\"}\n          alignItems={\"center\"}\n          justifyContent={\"center\"}\n        >\n          <NationalIcon\n            width={isExpanded ? 27 : 20}\n            height={isExpanded ? 44 : 37}\n          />\n          <Divider bg=\"border-divider\" direction=\"vertical\" />\n          <RegionIcon\n            width={isExpanded ? 44 : 37}\n            height={isExpanded ? 44 : 37}\n          />\n        </Row>\n        <h1 className=\"shortTitle fs-custom fw-normal text-slate-20 text-align-center\">\n          {shortTitle}\n        </h1>\n      </Col>\n      <div className={isExpanded ? \"p-x40\" : \"py-x40\"}>\n        <Divider bg=\"border-divider\" />\n      </div>\n      <Col\n        as={\"ul\"}\n        gap={\"x12\"}\n        className={clsx(\"list-style-none ui-hpl-list\", navItemsClassName)}\n        role=\"list\"\n      >\n        {navigationItems.map((item, index) => {\n          const IconComponent = item?.icon;\n          return (\n            <li\n              key={index}\n              className={clsx(\"ui-hpl-list-item\", item.active && \"active\")}\n            >\n              <LinkComponent\n                href={item.href}\n                className={clsx(\n                  \"text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8\",\n                  item.active ? \"fw-bold\" : \"fw-normal\",\n                )}\n                target={item.isNewTab ? \"_blank\" : undefined}\n                rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n              >\n                {IconComponent && (\n                  <IconComponent color=\"primary\" filled={item.active} />\n                )}\n                <span className=\"ui-hpl-text\">{item.label}</span>\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\n              </LinkComponent>\n            </li>\n          );\n        })}\n      </Col>\n      <button onClick={toggleExpand} className=\"ui-toggle-menu-button py-x24\">\n        {isExpanded ? <CirlceLeftArrow /> : <CircleRightArrow />}\n        {expandTitle}\n      </button>\n    </nav>\n  );\n};\n"],"names":["HeaderPostLogin","shortTitle","region","asLink","navigationItems","generalClassName","navItemsClassName","isExpanded","expandTitle","toggleExpand","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","clsx","Col","Row","jsx","Divider","item","index","IconComponent","CirlceLeftArrow","CircleRightArrow"],"mappings":"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"}
+{"version":3,"file":"index.es10.js","sources":["../src/components/navigations/HeaderPostLogin/index.tsx"],"sourcesContent":["import { LOGOS, Region } from \"../Header\";\r\nimport clsx from \"clsx\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport \"./HeaderPostLogin.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\nimport { Col, Row } from \"@/components\";\r\nimport { CircleRightArrow, CirlceLeftArrow } from \"@/icons\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  icon?: ComponentType<any>;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport type HeaderPostLoginProps = {\r\n  shortTitle: ReactNode;\r\n  region: Region;\r\n  navigationItems: NavigationItem[];\r\n  loginLink?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  generalClassName?: string;\r\n  navItemsClassName?: string;\r\n  isExpanded?: boolean;\r\n  toggleExpand?: () => void;\r\n  expandTitle?: string;\r\n};\r\n\r\nexport const HeaderPostLogin = ({\r\n  shortTitle,\r\n  region,\r\n  asLink = \"a\",\r\n  navigationItems,\r\n  generalClassName,\r\n  navItemsClassName,\r\n  isExpanded = true,\r\n  expandTitle = \"Apri\",\r\n  toggleExpand,\r\n}: HeaderPostLoginProps) => {\r\n  const LinkComponent = asLink;\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <nav\r\n      role=\"navigation\"\r\n      className={clsx(\r\n        \"ui-hpl-menu\",\r\n        generalClassName,\r\n        isExpanded ? \"expanded\" : \"closed\",\r\n      )}\r\n      style={\r\n        {\r\n          \"--navbar-elements\": navigationItems.length ?? 0,\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      <Col\r\n        pt={\"x80\"}\r\n        px={isExpanded ? \"x40\" : \"x20\"}\r\n        gap={\"x16\"}\r\n        justifyContent={\"center\"}\r\n        className=\"position-relative\"\r\n      >\r\n        <Row\r\n          gap={isExpanded ? \"x24\" : \"x12\"}\r\n          alignItems={\"center\"}\r\n          justifyContent={\"center\"}\r\n        >\r\n          <NationalIcon\r\n            width={isExpanded ? 27 : 20}\r\n            height={isExpanded ? 44 : 37}\r\n          />\r\n          <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n          <RegionIcon\r\n            width={isExpanded ? 44 : 37}\r\n            height={isExpanded ? 44 : 37}\r\n          />\r\n        </Row>\r\n        <h1 className=\"shortTitle fs-custom fw-normal text-slate-20 text-align-center\">\r\n          {shortTitle}\r\n        </h1>\r\n      </Col>\r\n      <div className={isExpanded ? \"p-x40\" : \"py-x40\"}>\r\n        <Divider bg=\"border-divider\" />\r\n      </div>\r\n      <Col\r\n        as={\"ul\"}\r\n        gap={\"x12\"}\r\n        className={clsx(\"list-style-none ui-hpl-list\", navItemsClassName)}\r\n        role=\"list\"\r\n      >\r\n        {navigationItems.map((item, index) => {\r\n          const IconComponent = item?.icon;\r\n          return (\r\n            <li\r\n              key={index}\r\n              className={clsx(\"ui-hpl-list-item\", item.active && \"active\")}\r\n            >\r\n              <LinkComponent\r\n                href={item.href}\r\n                className={clsx(\r\n                  \"text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8\",\r\n                  item.active ? \"fw-bold\" : \"fw-normal\",\r\n                )}\r\n                target={item.isNewTab ? \"_blank\" : undefined}\r\n                rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n              >\r\n                {IconComponent && (\r\n                  <IconComponent color=\"primary\" filled={item.active} />\r\n                )}\r\n                <span className=\"ui-hpl-text\">{item.label}</span>\r\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\r\n              </LinkComponent>\r\n            </li>\r\n          );\r\n        })}\r\n      </Col>\r\n      <button onClick={toggleExpand} className=\"ui-toggle-menu-button py-x24\">\r\n        {isExpanded ? <CirlceLeftArrow /> : <CircleRightArrow />}\r\n        {expandTitle}\r\n      </button>\r\n    </nav>\r\n  );\r\n};\r\n"],"names":["HeaderPostLogin","shortTitle","region","asLink","navigationItems","generalClassName","navItemsClassName","isExpanded","expandTitle","toggleExpand","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","clsx","Col","Row","jsx","Divider","item","index","IconComponent","CirlceLeftArrow","CircleRightArrow"],"mappings":"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"}

package/dist/index.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es100.js","sources":["../src/components/ui/HomeHeaderSkeleton/index.tsx"],"sourcesContent":["import \"./HomeHeaderSkeleton.scss\";\n\nexport const HomeHeaderSkeleton = () => {\n  return (\n    <div className=\"home-header-skeleton-container\">\n      <div className=\"home-header-skeleton-header-row\">\n        <div className=\"home-header-skeleton-doctor-name pulse\"></div>\n        <div className=\"home-header-skeleton-doctor-search pulse\"></div>\n      </div>\n    </div>\n  );\n};\n"],"names":["HomeHeaderSkeleton","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAqB,4BAE7B,OAAA,EAAI,WAAU,kCACb,UAAAC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yCAAA,CAAyC;AAAA,EACxDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,EAAA,CAC5D,EAAA,CACF;"}
+{"version":3,"file":"index.es100.js","sources":["../src/components/ui/HomeHeaderSkeleton/index.tsx"],"sourcesContent":["import \"./HomeHeaderSkeleton.scss\";\r\n\r\nexport const HomeHeaderSkeleton = () => {\r\n  return (\r\n    <div className=\"home-header-skeleton-container\">\r\n      <div className=\"home-header-skeleton-header-row\">\r\n        <div className=\"home-header-skeleton-doctor-name pulse\"></div>\r\n        <div className=\"home-header-skeleton-doctor-search pulse\"></div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HomeHeaderSkeleton","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAqB,4BAE7B,OAAA,EAAI,WAAU,kCACb,UAAAC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yCAAA,CAAyC;AAAA,EACxDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,EAAA,CAC5D,EAAA,CACF;"}

package/dist/index.es101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es101.js","sources":["../src/components/ui/InfoCardSkeleton/index.tsx"],"sourcesContent":["import \"./InfoCardSkeleton.scss\";\n\nexport const InfoCardSkeleton = () => {\n  return (\n    <div className=\"data-banner-skeleton pulse\">\n      <div className=\"data-banner-skeleton-content\">\n        {/*<div className=\"data-banner-skeleton-text pulse\"></div>*/}\n        {/*<div className=\"data-banner-skeleton-link pulse\"></div>*/}\n      </div>\n    </div>\n  );\n};\n"],"names":["InfoCardSkeleton","jsx"],"mappings":";;AAEO,MAAMA,IAAmB,MAE5BC,gBAAAA,MAAC,SAAI,WAAU,8BACb,gCAAC,OAAA,EAAI,WAAU,gCAGf,EAAA,CACF;"}
+{"version":3,"file":"index.es101.js","sources":["../src/components/ui/InfoCardSkeleton/index.tsx"],"sourcesContent":["import \"./InfoCardSkeleton.scss\";\r\n\r\nexport const InfoCardSkeleton = () => {\r\n  return (\r\n    <div className=\"data-banner-skeleton pulse\">\r\n      <div className=\"data-banner-skeleton-content\">\r\n        {/*<div className=\"data-banner-skeleton-text pulse\"></div>*/}\r\n        {/*<div className=\"data-banner-skeleton-link pulse\"></div>*/}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["InfoCardSkeleton","jsx"],"mappings":";;AAEO,MAAMA,IAAmB,MAE5BC,gBAAAA,MAAC,SAAI,WAAU,8BACb,gCAAC,OAAA,EAAI,WAAU,gCAGf,EAAA,CACF;"}

package/dist/index.es102.js.map

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

package/dist/index.es103.js.map

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

package/dist/index.es104.js.map

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

package/dist/index.es105.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es105.js","sources":["../src/components/ui/LatestCardClinicalData/index.tsx"],"sourcesContent":["import \"./LatestCardClinicalData.scss\";\nimport clsx from \"clsx\";\nimport { Col, Divider, Row } from \"@/components\";\n\nexport type LatestCardClinicalDataProps = {\n  className?: string;\n  categoryLabel: string;\n  effectiveTime?: string;\n  entity: string;\n  device?: string | null;\n  value?: number | null;\n  measurementUnit?: string;\n  variationValue?: string;\n  variationUnit?: string;\n  variationStatus?: \"normal\" | \"alert\";\n};\n\nexport const LatestCardClinicalData = ({\n  className = \"\",\n  categoryLabel,\n  effectiveTime,\n  entity,\n  device,\n  value,\n  measurementUnit,\n  variationValue,\n  variationUnit,\n  variationStatus = \"normal\",\n}: LatestCardClinicalDataProps) => {\n  const statusColor =\n    variationStatus === \"alert\"\n      ? \"clinical-data-dot-alert\"\n      : \"clinical-data-dot-normal\";\n\n  return (\n    <div\n      className={clsx(\n        \"clinical-data-card rounded shadow d-flex flex-column \",\n        className,\n      )}\n    >\n      <Row\n        className=\"px-x24 py-x8\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        flexWrap=\"wrap\"\n      >\n        <span className=\"fs-7 fw-semibold text-slate-28\">{categoryLabel}</span>\n        {effectiveTime && (\n          <span className=\"fs-7 fw-semibold text-slate-28\">\n            {effectiveTime}\n          </span>\n        )}\n      </Row>\n      <Divider bg={\"border-divider\"} />\n\n      <Row\n        className=\"gap-x16 p-x24 h-full w-full\"\n        justifyContent=\"space-between\"\n        alignItems=\"flex-end\"\n        flexWrap=\"wrap\"\n      >\n        <Col className=\"gap-x12\">\n          <h3 className=\"text-primary fw-semibold fs-5 md-fs-4 mb-0\">\n            {entity}\n          </h3>\n          {device && (\n            <span className=\"fs-7 fw-semibold text-white bg-secondary rounded py-x4 px-x16\">\n              {device}\n            </span>\n          )}\n        </Col>\n        <Row\n          alignItems=\"end\"\n          className=\"gap-x8 w-full\"\n          aria-live=\"polite\"\n          justifyContent=\"space-between\"\n        >\n          <div className=\"d-flex align-items-end gap-x8\">\n            <p className=\"text-slate-20 fw-bold fs-1 \">{value ?? \"-\"}</p>\n            {measurementUnit && (\n              <p className=\"text-slate-28 fs-6 \">{measurementUnit}</p>\n            )}\n          </div>\n          {variationValue && (\n            <div className=\"d-flex align-items-center gap-x4\">\n              <div\n                className={clsx(\"clinical-data-dot\", statusColor)}\n                aria-hidden=\"true\"\n              />\n              <p className=\"fw-bold text-slate-28 fs-6 \">{variationValue}</p>\n              {variationUnit && (\n                <p className=\"text-slate-28 fs-6\">{variationUnit}</p>\n              )}\n            </div>\n          )}\n        </Row>\n      </Row>\n    </div>\n  );\n};\n"],"names":["LatestCardClinicalData","className","categoryLabel","effectiveTime","entity","device","value","measurementUnit","variationValue","variationUnit","variationStatus","statusColor","jsxs","clsx","Row","jsx","Divider","Col"],"mappings":";;;;;;AAiBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC,IAAkB;AACpB,MAAmC;AACjC,QAAMC,IACJD,MAAoB,UAChB,4BACA;AAEN,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAZ;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAW,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,gBAAe;AAAA,YACf,YAAW;AAAA,YACX,UAAS;AAAA,YAET,UAAA;AAAA,cAAAC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,kCAAkC,UAAAb,GAAc;AAAA,cAC/DC,KACCY,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,kCACb,UAAAZ,EAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJY,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,IAAI,iBAAA,CAAkB;AAAA,QAE/BJ,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,gBAAe;AAAA,YACf,YAAW;AAAA,YACX,UAAS;AAAA,YAET,UAAA;AAAA,cAAAF,gBAAAA,EAAAA,KAACK,GAAA,EAAI,WAAU,WACb,UAAA;AAAA,gBAAAF,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,8CACX,UAAAX,GACH;AAAA,gBACCC,KACCU,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iEACb,UAAAV,EAAA,CACH;AAAA,cAAA,GAEJ;AAAA,cACAO,gBAAAA,EAAAA;AAAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,YAAW;AAAA,kBACX,WAAU;AAAA,kBACV,aAAU;AAAA,kBACV,gBAAe;AAAA,kBAEf,UAAA;AAAA,oBAAAF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,sBAAAG,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,+BAA+B,UAAAT,KAAS,KAAI;AAAA,sBACxDC,KACCQ,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,uBAAuB,UAAAR,EAAA,CAAgB;AAAA,oBAAA,GAExD;AAAA,oBACCC,KACCI,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,sBAAAG,gBAAAA,EAAAA;AAAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,WAAWF,EAAK,qBAAqBF,CAAW;AAAA,0BAChD,eAAY;AAAA,wBAAA;AAAA,sBAAA;AAAA,sBAEdI,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,+BAA+B,UAAAP,GAAe;AAAA,sBAC1DC,KACCM,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,sBAAsB,UAAAN,EAAA,CAAc;AAAA,oBAAA,EAAA,CAErD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es105.js","sources":["../src/components/ui/LatestCardClinicalData/index.tsx"],"sourcesContent":["import \"./LatestCardClinicalData.scss\";\r\nimport clsx from \"clsx\";\r\nimport { Col, Divider, Row } from \"@/components\";\r\n\r\nexport type LatestCardClinicalDataProps = {\r\n  className?: string;\r\n  categoryLabel: string;\r\n  effectiveTime?: string;\r\n  entity: string;\r\n  device?: string | null;\r\n  value?: number | null;\r\n  measurementUnit?: string;\r\n  variationValue?: string;\r\n  variationUnit?: string;\r\n  variationStatus?: \"normal\" | \"alert\";\r\n};\r\n\r\nexport const LatestCardClinicalData = ({\r\n  className = \"\",\r\n  categoryLabel,\r\n  effectiveTime,\r\n  entity,\r\n  device,\r\n  value,\r\n  measurementUnit,\r\n  variationValue,\r\n  variationUnit,\r\n  variationStatus = \"normal\",\r\n}: LatestCardClinicalDataProps) => {\r\n  const statusColor =\r\n    variationStatus === \"alert\"\r\n      ? \"clinical-data-dot-alert\"\r\n      : \"clinical-data-dot-normal\";\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"clinical-data-card rounded shadow d-flex flex-column \",\r\n        className,\r\n      )}\r\n    >\r\n      <Row\r\n        className=\"px-x24 py-x8\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        flexWrap=\"wrap\"\r\n      >\r\n        <span className=\"fs-7 fw-semibold text-slate-28\">{categoryLabel}</span>\r\n        {effectiveTime && (\r\n          <span className=\"fs-7 fw-semibold text-slate-28\">\r\n            {effectiveTime}\r\n          </span>\r\n        )}\r\n      </Row>\r\n      <Divider bg={\"border-divider\"} />\r\n\r\n      <Row\r\n        className=\"gap-x16 p-x24 h-full w-full\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"flex-end\"\r\n        flexWrap=\"wrap\"\r\n      >\r\n        <Col className=\"gap-x12\">\r\n          <h3 className=\"text-primary fw-semibold fs-5 md-fs-4 mb-0\">\r\n            {entity}\r\n          </h3>\r\n          {device && (\r\n            <span className=\"fs-7 fw-semibold text-white bg-secondary rounded py-x4 px-x16\">\r\n              {device}\r\n            </span>\r\n          )}\r\n        </Col>\r\n        <Row\r\n          alignItems=\"end\"\r\n          className=\"gap-x8 w-full\"\r\n          aria-live=\"polite\"\r\n          justifyContent=\"space-between\"\r\n        >\r\n          <div className=\"d-flex align-items-end gap-x8\">\r\n            <p className=\"text-slate-20 fw-bold fs-1 \">{value ?? \"-\"}</p>\r\n            {measurementUnit && (\r\n              <p className=\"text-slate-28 fs-6 \">{measurementUnit}</p>\r\n            )}\r\n          </div>\r\n          {variationValue && (\r\n            <div className=\"d-flex align-items-center gap-x4\">\r\n              <div\r\n                className={clsx(\"clinical-data-dot\", statusColor)}\r\n                aria-hidden=\"true\"\r\n              />\r\n              <p className=\"fw-bold text-slate-28 fs-6 \">{variationValue}</p>\r\n              {variationUnit && (\r\n                <p className=\"text-slate-28 fs-6\">{variationUnit}</p>\r\n              )}\r\n            </div>\r\n          )}\r\n        </Row>\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["LatestCardClinicalData","className","categoryLabel","effectiveTime","entity","device","value","measurementUnit","variationValue","variationUnit","variationStatus","statusColor","jsxs","clsx","Row","jsx","Divider","Col"],"mappings":";;;;;;AAiBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC,IAAkB;AACpB,MAAmC;AACjC,QAAMC,IACJD,MAAoB,UAChB,4BACA;AAEN,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAZ;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAW,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,gBAAe;AAAA,YACf,YAAW;AAAA,YACX,UAAS;AAAA,YAET,UAAA;AAAA,cAAAC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,kCAAkC,UAAAb,GAAc;AAAA,cAC/DC,KACCY,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,kCACb,UAAAZ,EAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJY,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,IAAI,iBAAA,CAAkB;AAAA,QAE/BJ,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,gBAAe;AAAA,YACf,YAAW;AAAA,YACX,UAAS;AAAA,YAET,UAAA;AAAA,cAAAF,gBAAAA,EAAAA,KAACK,GAAA,EAAI,WAAU,WACb,UAAA;AAAA,gBAAAF,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,8CACX,UAAAX,GACH;AAAA,gBACCC,KACCU,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iEACb,UAAAV,EAAA,CACH;AAAA,cAAA,GAEJ;AAAA,cACAO,gBAAAA,EAAAA;AAAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,YAAW;AAAA,kBACX,WAAU;AAAA,kBACV,aAAU;AAAA,kBACV,gBAAe;AAAA,kBAEf,UAAA;AAAA,oBAAAF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,sBAAAG,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,+BAA+B,UAAAT,KAAS,KAAI;AAAA,sBACxDC,KACCQ,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,uBAAuB,UAAAR,EAAA,CAAgB;AAAA,oBAAA,GAExD;AAAA,oBACCC,KACCI,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,sBAAAG,gBAAAA,EAAAA;AAAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,WAAWF,EAAK,qBAAqBF,CAAW;AAAA,0BAChD,eAAY;AAAA,wBAAA;AAAA,sBAAA;AAAA,sBAEdI,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,+BAA+B,UAAAP,GAAe;AAAA,sBAC1DC,KACCM,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,sBAAsB,UAAAN,EAAA,CAAc;AAAA,oBAAA,EAAA,CAErD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es106.js.map

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

package/dist/index.es107.js.map

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

package/dist/index.es108.js.map

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

package/dist/index.es109.js.map

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

package/dist/index.es110.js.map

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

package/dist/index.es111.js.map

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

package/dist/index.es112.js.map

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

package/dist/index.es113.js.map

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

package/dist/index.es114.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es114.js","sources":["../src/components/ui/ProgressBar/index.tsx"],"sourcesContent":["import { Close } from \"@/icons\";\nimport \"./ProgressBar.scss\";\nimport { Button } from \"@/components\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype DoctorModalHeaderProps = PropsWithChildren<{\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n  title?: string;\n  stepLabel?: string;\n  currentStep?: number;\n  totalSteps?: number;\n  onlyTitle?: boolean;\n}>;\n\nexport const ProgressBar = ({\n  closeButton,\n  onlyTitle = false,\n  onCloseClick,\n  title,\n  stepLabel = \"di\",\n  currentStep = 1,\n  totalSteps = 3,\n}: DoctorModalHeaderProps) => {\n  return (\n    <div className=\"text-slate-28\">\n      <header className=\"ui-modal-header\">\n        <div className=\"base-col justify-content-center align-items-center mb-5 pb-x8\">\n          {title && <div className=\"fw-bold fs-7 md-fs-custom\">{title}</div>}\n\n          {!onlyTitle && (\n            <div className=\"fs-7 ui-steps-container\">\n              Step <span className=\"text-primary fw-bold\">{currentStep}</span>{\" \"}\n              {stepLabel} {totalSteps}\n            </div>\n          )}\n        </div>\n\n        {closeButton && (\n          <div className=\"ui-modal-header-close\">\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              aria-label=\"Chiudi modale\"\n              onClick={onCloseClick}\n            >\n              {closeButton}\n              <Close className=\"ml-x8\" />\n            </Button>\n          </div>\n        )}\n      </header>\n\n      {!onlyTitle && (\n        <div className=\"ui-progress-bar mx-x4\">\n          {Array.from({ length: totalSteps }, (_, i) => (\n            <div\n              key={i + 1}\n              className={clsx(\n                \"ui-bar\",\n                i + 1 <= currentStep ? \"bg-primary\" : \"bg-lightblue-a02\",\n              )}\n              style={{\n                width: `${100 / totalSteps}%`,\n              }}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["ProgressBar","closeButton","onlyTitle","onCloseClick","title","stepLabel","currentStep","totalSteps","jsxs","jsx","Button","Close","_","i","clsx"],"mappings":";;;;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AACf,MAEIC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,mBAChB,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iEACZ,UAAA;AAAA,MAAAJ,KAASK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,6BAA6B,UAAAL,GAAM;AAAA,MAE3D,CAACF,KACAM,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BAA0B,UAAA;AAAA,QAAA;AAAA,QAClCC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAH,GAAY;AAAA,QAAQ;AAAA,QAChED;AAAA,QAAU;AAAA,QAAEE;AAAA,MAAA,EAAA,CACf;AAAA,IAAA,GAEJ;AAAA,IAECN,KACCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACb,UAAAD,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAER,UAAA;AAAA,UAAAF;AAAA,UACDQ,gBAAAA,EAAAA,IAACE,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAC3B,CACF;AAAA,EAAA,GAEJ;AAAA,EAEC,CAACT,KACAO,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACZ,UAAA,MAAM,KAAK,EAAE,QAAQF,EAAA,GAAc,CAACK,GAAGC,MACtCJ,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWK;AAAA,QACT;AAAA,QACAD,IAAI,KAAKP,IAAc,eAAe;AAAA,MAAA;AAAA,MAExC,OAAO;AAAA,QACL,OAAO,GAAG,MAAMC,CAAU;AAAA,MAAA;AAAA,IAC5B;AAAA,IAPKM,IAAI;AAAA,EAAA,CASZ,EAAA,CACH;AAAA,GAEJ;"}
+{"version":3,"file":"index.es114.js","sources":["../src/components/ui/ProgressBar/index.tsx"],"sourcesContent":["import { Close } from \"@/icons\";\r\nimport \"./ProgressBar.scss\";\r\nimport { Button } from \"@/components\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype DoctorModalHeaderProps = PropsWithChildren<{\r\n  closeButton?: string;\r\n  onCloseClick?: () => void;\r\n  children?: ReactNode;\r\n  title?: string;\r\n  stepLabel?: string;\r\n  currentStep?: number;\r\n  totalSteps?: number;\r\n  onlyTitle?: boolean;\r\n}>;\r\n\r\nexport const ProgressBar = ({\r\n  closeButton,\r\n  onlyTitle = false,\r\n  onCloseClick,\r\n  title,\r\n  stepLabel = \"di\",\r\n  currentStep = 1,\r\n  totalSteps = 3,\r\n}: DoctorModalHeaderProps) => {\r\n  return (\r\n    <div className=\"text-slate-28\">\r\n      <header className=\"ui-modal-header\">\r\n        <div className=\"base-col justify-content-center align-items-center mb-5 pb-x8\">\r\n          {title && <div className=\"fw-bold fs-7 md-fs-custom\">{title}</div>}\r\n\r\n          {!onlyTitle && (\r\n            <div className=\"fs-7 ui-steps-container\">\r\n              Step <span className=\"text-primary fw-bold\">{currentStep}</span>{\" \"}\r\n              {stepLabel} {totalSteps}\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {closeButton && (\r\n          <div className=\"ui-modal-header-close\">\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              aria-label=\"Chiudi modale\"\r\n              onClick={onCloseClick}\r\n            >\r\n              {closeButton}\r\n              <Close className=\"ml-x8\" />\r\n            </Button>\r\n          </div>\r\n        )}\r\n      </header>\r\n\r\n      {!onlyTitle && (\r\n        <div className=\"ui-progress-bar mx-x4\">\r\n          {Array.from({ length: totalSteps }, (_, i) => (\r\n            <div\r\n              key={i + 1}\r\n              className={clsx(\r\n                \"ui-bar\",\r\n                i + 1 <= currentStep ? \"bg-primary\" : \"bg-lightblue-a02\",\r\n              )}\r\n              style={{\r\n                width: `${100 / totalSteps}%`,\r\n              }}\r\n            />\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ProgressBar","closeButton","onlyTitle","onCloseClick","title","stepLabel","currentStep","totalSteps","jsxs","jsx","Button","Close","_","i","clsx"],"mappings":";;;;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AACf,MAEIC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,mBAChB,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iEACZ,UAAA;AAAA,MAAAJ,KAASK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,6BAA6B,UAAAL,GAAM;AAAA,MAE3D,CAACF,KACAM,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BAA0B,UAAA;AAAA,QAAA;AAAA,QAClCC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAH,GAAY;AAAA,QAAQ;AAAA,QAChED;AAAA,QAAU;AAAA,QAAEE;AAAA,MAAA,EAAA,CACf;AAAA,IAAA,GAEJ;AAAA,IAECN,KACCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACb,UAAAD,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAER,UAAA;AAAA,UAAAF;AAAA,UACDQ,gBAAAA,EAAAA,IAACE,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAC3B,CACF;AAAA,EAAA,GAEJ;AAAA,EAEC,CAACT,KACAO,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yBACZ,UAAA,MAAM,KAAK,EAAE,QAAQF,EAAA,GAAc,CAACK,GAAGC,MACtCJ,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWK;AAAA,QACT;AAAA,QACAD,IAAI,KAAKP,IAAc,eAAe;AAAA,MAAA;AAAA,MAExC,OAAO;AAAA,QACL,OAAO,GAAG,MAAMC,CAAU;AAAA,MAAA;AAAA,IAC5B;AAAA,IAPKM,IAAI;AAAA,EAAA,CASZ,EAAA,CACH;AAAA,GAEJ;"}

package/dist/index.es116.js.map

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

package/dist/index.es117.js

@@ -2,7 +2,7 @@ import { j as x } from "./index.es243.js";
 import { useMemo as y } from "react";
 import { clsx as g } from "./index.es245.js";
 import { createSpacingClasses as j } from "./index.es362.js";
-import { createColorClasses as u } from "./index.es279.js";
+import { createColorClasses as u } from "./index.es316.js";
 import { createTypographyClasses as h } from "./index.es363.js";
 const E = ({
   as: o,

package/dist/index.es118.js.map

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

package/dist/index.es119.js.map

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

package/dist/index.es12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es12.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Container } from \"@/components/ui/Container\";\nimport { Region, LOGOS } from \"../Header\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport clsx from \"clsx\";\nimport { Row } from \"@/components\";\n\nexport type HeaderTopBannerProps = {\n  asLink?: \"a\" | React.ComponentType<any>;\n  shortTitle: React.ReactNode;\n  region?: Region;\n  className?: string;\n};\n\nexport const HeaderTopBanner = ({\n  asLink = \"a\",\n  shortTitle,\n  region = \"marche\",\n  className,\n}: HeaderTopBannerProps) => {\n  const LinkComponent = asLink;\n\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"bg-white\">\n      <Container\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\n        display=\"flex\"\n        alignItems=\"center\"\n        gap=\"x16\"\n        py=\"x8\"\n      >\n        <Row alignItems={\"center\"} gap={\"x8\"}>\n          <NationalIcon width={28} height={28} />\n\n          {region !== \"nazionale\" && (\n            <>\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\n              <RegionIcon width={28} height={28} />\n            </>\n          )}\n        </Row>\n\n        <LinkComponent\n          href=\"/\"\n          className={\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\n          }\n        >\n          {shortTitle}\n        </LinkComponent>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":";;;;;;AAeO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAEhBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM;AAE/B,SACEM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,YACb,UAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCR,CAAS;AAAA,MAClE,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,IAAG;AAAA,MAEH,UAAA;AAAA,QAAAM,gBAAAA,EAAAA,KAACG,GAAA,EAAI,YAAY,UAAU,KAAK,MAC9B,UAAA;AAAA,UAAAJ,gBAAAA,EAAAA,IAACH,GAAA,EAAa,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEpCH,MAAW,eACVO,gBAAAA,EAAAA,KAAAI,EAAAA,UAAA,EACE,UAAA;AAAA,YAAAL,gBAAAA,EAAAA,IAACM,GAAA,EAAQ,WAAU,YAAW,IAAG,kBAAiB;AAAA,YAClDN,gBAAAA,EAAAA,IAACD,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,UAAA,EAAA,CACrC;AAAA,QAAA,GAEJ;AAAA,QAEAC,gBAAAA,EAAAA;AAAAA,UAACJ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WACE;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es12.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport { Region, LOGOS } from \"../Header\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport clsx from \"clsx\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type HeaderTopBannerProps = {\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  shortTitle: React.ReactNode;\r\n  region?: Region;\r\n  className?: string;\r\n};\r\n\r\nexport const HeaderTopBanner = ({\r\n  asLink = \"a\",\r\n  shortTitle,\r\n  region = \"marche\",\r\n  className,\r\n}: HeaderTopBannerProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <div className=\"bg-white\">\r\n      <Container\r\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\r\n        display=\"flex\"\r\n        alignItems=\"center\"\r\n        gap=\"x16\"\r\n        py=\"x8\"\r\n      >\r\n        <Row alignItems={\"center\"} gap={\"x8\"}>\r\n          <NationalIcon width={28} height={28} />\r\n\r\n          {region !== \"nazionale\" && (\r\n            <>\r\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\r\n              <RegionIcon width={28} height={28} />\r\n            </>\r\n          )}\r\n        </Row>\r\n\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className={\r\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\r\n          }\r\n        >\r\n          {shortTitle}\r\n        </LinkComponent>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":";;;;;;AAeO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAEhBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM;AAE/B,SACEM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,YACb,UAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCR,CAAS;AAAA,MAClE,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,IAAG;AAAA,MAEH,UAAA;AAAA,QAAAM,gBAAAA,EAAAA,KAACG,GAAA,EAAI,YAAY,UAAU,KAAK,MAC9B,UAAA;AAAA,UAAAJ,gBAAAA,EAAAA,IAACH,GAAA,EAAa,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEpCH,MAAW,eACVO,gBAAAA,EAAAA,KAAAI,EAAAA,UAAA,EACE,UAAA;AAAA,YAAAL,gBAAAA,EAAAA,IAACM,GAAA,EAAQ,WAAU,YAAW,IAAG,kBAAiB;AAAA,YAClDN,gBAAAA,EAAAA,IAACD,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,UAAA,EAAA,CACrC;AAAA,QAAA,GAEJ;AAAA,QAEAC,gBAAAA,EAAAA;AAAAA,UAACJ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WACE;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}