@anoki/fse-ui 1.0.0-beta1.50.22 → 1.0.0-beta1.50.3

package/dist/index.es75.js

@@ -1,80 +1,71 @@
-import { j as a } from "./index.es246.js";
+import { j as x } from "./index.es226.js";
 import './components/ui/InfoPopup/InfoPopup.css';/* empty css            */
-import { clsx as m } from "./index.es248.js";
-import { Root as n, Trigger as t, Content as c, Close as $ } from "./index.es376.js";
-import { Button as g } from "./index.es377.js";
+import { clsx as i } from "./index.es227.js";
+import { Root as n, Trigger as t, Content as c, Close as $ } from "./index.es328.js";
+import { Button as g } from "./index.es329.js";
 import { Info as f } from "./index.es201.js";
 import { Close as j } from "./index.es162.js";
 const y = ({
-  title: o = "Info",
-  description: x,
+  title: p = "Info",
+  description: o,
   width: s = 248,
-  className: p = "",
+  className: e = "",
   positionPopUp: l = "right",
-  onClickCloseBtn: e,
+  onClickCloseBtn: a,
   isOpen: r
-}) => /* @__PURE__ */ a.jsxs(
-  n,
-  {
-    defaultOpen: !1,
-    open: r,
-    onOpenChange: e,
-    modal: !1,
-    children: [
-      /* @__PURE__ */ a.jsx(t, { className: "position-relative", children: /* @__PURE__ */ a.jsx(g, { className: "ui-popup-trigger-button", children: /* @__PURE__ */ a.jsx(f, { color: "primary" }) }) }),
-      /* @__PURE__ */ a.jsxs(
-        c,
-        {
-          className: m(p, "dialog"),
-          side: l,
-          tabIndex: -1,
-          width: {
-            initial: `${s}px`,
-            sm: `${s}px`,
-            xs: `${s}px`,
-            lg: `${s}px`,
-            md: `${s}px`,
-            xl: `${s}px`
-          },
-          maxWidth: {
-            initial: `${s}px`,
-            sm: `${s}px`,
-            xs: `${s}px`,
-            lg: `${s}px`,
-            md: `${s}px`,
-            xl: `${s}px`
-          },
-          minWidth: {
-            initial: `${s}px`,
-            sm: `${s}px`,
-            xs: `${s}px`,
-            lg: `${s}px`,
-            md: `${s}px`,
-            xl: `${s}px`
-          },
-          style: { width: `${s}px` },
-          children: [
-            /* @__PURE__ */ a.jsxs("div", { className: "header", children: [
-              /* @__PURE__ */ a.jsx("h3", { id: "dialog-title", className: "title", children: o }),
-              /* @__PURE__ */ a.jsx(
-                $,
-                {
-                  className: "closeButton",
-                  "aria-label": "Close dialog",
-                  onClick: (i) => {
-                    i.stopPropagation(), e == null || e();
-                  },
-                  children: /* @__PURE__ */ a.jsx(j, { className: "closeIcon", width: 34, height: 34 })
-                }
-              )
-            ] }),
-            x && /* @__PURE__ */ a.jsx("div", { id: "dialog-description", className: "content", children: x })
-          ]
-        }
-      )
-    ]
-  }
-);
+}) => /* @__PURE__ */ x.jsxs(n, { defaultOpen: !1, open: r, modal: !1, children: [
+  /* @__PURE__ */ x.jsx(t, { onClick: a, children: /* @__PURE__ */ x.jsx(g, { className: "ui-popup-trigger-button", children: /* @__PURE__ */ x.jsx(f, { color: "primary" }) }) }),
+  /* @__PURE__ */ x.jsxs(
+    c,
+    {
+      className: i(e, "dialog"),
+      side: l,
+      tabIndex: -1,
+      width: {
+        initial: `${s}px`,
+        sm: `${s}px`,
+        xs: `${s}px`,
+        lg: `${s}px`,
+        md: `${s}px`,
+        xl: `${s}px`
+      },
+      maxWidth: {
+        initial: `${s}px`,
+        sm: `${s}px`,
+        xs: `${s}px`,
+        lg: `${s}px`,
+        md: `${s}px`,
+        xl: `${s}px`
+      },
+      minWidth: {
+        initial: `${s}px`,
+        sm: `${s}px`,
+        xs: `${s}px`,
+        lg: `${s}px`,
+        md: `${s}px`,
+        xl: `${s}px`
+      },
+      style: { width: `${s}px` },
+      children: [
+        /* @__PURE__ */ x.jsxs("div", { className: "header", children: [
+          /* @__PURE__ */ x.jsx("h3", { id: "dialog-title", className: "title", children: p }),
+          /* @__PURE__ */ x.jsx(
+            $,
+            {
+              className: "closeButton",
+              "aria-label": "Close dialog",
+              onClick: (m) => {
+                m.stopPropagation(), a == null || a();
+              },
+              children: /* @__PURE__ */ x.jsx(j, { className: "closeIcon", width: 34, height: 34 })
+            }
+          )
+        ] }),
+        o && /* @__PURE__ */ x.jsx("div", { id: "dialog-description", className: "content", children: o })
+      ]
+    }
+  )
+] });
 export {
   y as InfoPopup
 };

package/dist/index.es75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es75.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 | number;\n}>;\n\nexport const InfoPopup = ({\n  title = \"Info\",\n  description,\n  width = 248,\n  className = \"\",\n  positionPopUp = \"right\",\n  onClickCloseBtn,\n  isOpen,\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 className=\"ui-popup-trigger-button\">\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}px`,\n          sm: `${width}px`,\n          xs: `${width}px`,\n          lg: `${width}px`,\n          md: `${width}px`,\n          xl: `${width}px`,\n        }}\n        maxWidth={{\n          initial: `${width}px`,\n          sm: `${width}px`,\n          xs: `${width}px`,\n          lg: `${width}px`,\n          md: `${width}px`,\n          xl: `${width}px`,\n        }}\n        minWidth={{\n          initial: `${width}px`,\n          sm: `${width}px`,\n          xs: `${width}px`,\n          lg: `${width}px`,\n          md: `${width}px`,\n          xl: `${width}px`,\n        }}\n        style={{ width: `${width}px` }}\n      >\n        <div className=\"header\">\n          <h3 id=\"dialog-title\" className=\"title\">\n            {title}\n          </h3>\n\n          <Popover.Close\n            className=\"closeButton\"\n            aria-label=\"Close dialog\"\n            onClick={(e) => {\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      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":";;;;;;;AAiBO,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;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,aAAa;AAAA,IACb,MAAMF;AAAA,IACN,cAAcD;AAAA,IACd,OAAO;AAAA,IAEP,UAAA;AAAA,MAAAI,gBAAAA,EAAA,IAACC,GAAA,EAAgB,WAAU,qBACzB,UAACD,gBAAAA,EAAAA,IAAAE,GAAA,EAAO,WAAU,2BAChB,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAK,OAAM,UAAU,CAAA,EACxB,CAAA,GACF;AAAA,MACAL,gBAAAA,EAAA;AAAA,QAACM;AAAAA,QAAA;AAAA,UACC,WAAWC,EAAKX,GAAW,QAAQ;AAAA,UACnC,MAAMC;AAAA,UACN,UAAU;AAAA,UACV,OAAO;AAAA,YACL,SAAS,GAAGF,CAAK;AAAA,YACjB,IAAI,GAAGA,CAAK;AAAA,YACZ,IAAI,GAAGA,CAAK;AAAA,YACZ,IAAI,GAAGA,CAAK;AAAA,YACZ,IAAI,GAAGA,CAAK;AAAA,YACZ,IAAI,GAAGA,CAAK;AAAA,UACd;AAAA,UACA,UAAU;AAAA,YACR,SAAS,GAAGA,CAAK;AAAA,YACjB,IAAI,GAAGA,CAAK;AAAA,YACZ,IAAI,GAAGA,CAAK;AAAA,YACZ,IAAI,GAAGA,CAAK;AAAA,YACZ,IAAI,GAAGA,CAAK;AAAA,YACZ,IAAI,GAAGA,CAAK;AAAA,UACd;AAAA,UACA,UAAU;AAAA,YACR,SAAS,GAAGA,CAAK;AAAA,YACjB,IAAI,GAAGA,CAAK;AAAA,YACZ,IAAI,GAAGA,CAAK;AAAA,YACZ,IAAI,GAAGA,CAAK;AAAA,YACZ,IAAI,GAAGA,CAAK;AAAA,YACZ,IAAI,GAAGA,CAAK;AAAA,UACd;AAAA,UACA,OAAO,EAAE,OAAO,GAAGA,CAAK,KAAK;AAAA,UAE7B,UAAA;AAAA,YAACK,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,cAAAE,gBAAAA,MAAC,MAAG,EAAA,IAAG,gBAAe,WAAU,SAC7B,UACHT,GAAA;AAAA,cAEAS,gBAAAA,EAAA;AAAA,gBAACM;AAAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,cAAW;AAAA,kBACX,SAAS,CAACC,MAAM;AACd,oBAAAA,EAAE,gBAAgB,GACAX,KAAA,QAAAA;AAAA,kBACpB;AAAA,kBAEA,gCAACY,GAAM,EAAA,WAAU,aAAY,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACtD,GACF;AAAA,YACChB,KACEQ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,IAAG,sBAAqB,WAAU,WACpC,UACHR,EAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es75.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\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 | number;\r\n}>;\r\n\r\nexport const InfoPopup = ({\r\n  title = \"Info\",\r\n  description,\r\n  width = 248,\r\n  className = \"\",\r\n  positionPopUp = \"right\",\r\n  onClickCloseBtn,\r\n  isOpen,\r\n}: InfoPopupProps) => {\r\n  return (\r\n    <Popover.Root defaultOpen={false} open={isOpen} modal={false}>\r\n      <Popover.Trigger onClick={onClickCloseBtn}>\r\n        <Button className=\"ui-popup-trigger-button\">\r\n          <Info color=\"primary\" />\r\n        </Button>\r\n      </Popover.Trigger>\r\n\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}px`,\r\n          sm: `${width}px`,\r\n          xs: `${width}px`,\r\n          lg: `${width}px`,\r\n          md: `${width}px`,\r\n          xl: `${width}px`,\r\n        }}\r\n        maxWidth={{\r\n          initial: `${width}px`,\r\n          sm: `${width}px`,\r\n          xs: `${width}px`,\r\n          lg: `${width}px`,\r\n          md: `${width}px`,\r\n          xl: `${width}px`,\r\n        }}\r\n        minWidth={{\r\n          initial: `${width}px`,\r\n          sm: `${width}px`,\r\n          xs: `${width}px`,\r\n          lg: `${width}px`,\r\n          md: `${width}px`,\r\n          xl: `${width}px`,\r\n        }}\r\n        style={{ width: `${width}px` }}\r\n      >\r\n        <div className=\"header\">\r\n          <h3 id=\"dialog-title\" className=\"title\">\r\n            {title}\r\n          </h3>\r\n\r\n          <Popover.Close\r\n            className=\"closeButton\"\r\n            aria-label=\"Close dialog\"\r\n            onClick={(e) => {\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      </Popover.Content>\r\n    </Popover.Root>\r\n  );\r\n};\r\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":";;;;;;;AAgBO,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;AACF,MAEIC,gBAAAA,EAAA,KAACC,GAAA,EAAa,aAAa,IAAO,MAAMF,GAAQ,OAAO,IACrD,UAAA;AAAA,EAAAG,gBAAAA,EAAA,IAACC,GAAA,EAAgB,SAASL,GACxB,UAACI,gBAAAA,EAAAA,IAAAE,GAAA,EAAO,WAAU,2BAChB,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAK,OAAM,UAAU,CAAA,EACxB,CAAA,GACF;AAAA,EAEAL,gBAAAA,EAAA;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAKX,GAAW,QAAQ;AAAA,MACnC,MAAMC;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS,GAAGF,CAAK;AAAA,QACjB,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,MACd;AAAA,MACA,UAAU;AAAA,QACR,SAAS,GAAGA,CAAK;AAAA,QACjB,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,MACd;AAAA,MACA,UAAU;AAAA,QACR,SAAS,GAAGA,CAAK;AAAA,QACjB,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,QACZ,IAAI,GAAGA,CAAK;AAAA,MACd;AAAA,MACA,OAAO,EAAE,OAAO,GAAGA,CAAK,KAAK;AAAA,MAE7B,UAAA;AAAA,QAACK,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,UAAAE,gBAAAA,MAAC,MAAG,EAAA,IAAG,gBAAe,WAAU,SAC7B,UACHT,GAAA;AAAA,UAEAS,gBAAAA,EAAA;AAAA,YAACM;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,cAAW;AAAA,cACX,SAAS,CAACC,MAAM;AACd,gBAAAA,EAAE,gBAAgB,GACAX,KAAA,QAAAA;AAAA,cACpB;AAAA,cAEA,gCAACY,GAAM,EAAA,WAAU,aAAY,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACtD,GACF;AAAA,QACChB,KACEQ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,IAAG,sBAAqB,WAAU,WACpC,UACHR,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAEJ,GACF;"}

package/dist/index.es76.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es246.js";
+import { j as s } from "./index.es226.js";
 import './components/ui/CardNotification/CardNotification.css';/* empty css            */
 import { useMemo as v } from "react";
 import { Actions as C } from "./index.es185.js";

package/dist/index.es76.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es76.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\nimport { useMemo } from \"react\";\nimport { Actions, Calendar } from \"@/icons\";\nimport { Button, Row } from \"@/components\";\n\ntype Variant = \"primary\" | \"secondary\";\n\ntype NotificationIcon = \"calendar\" | \"actions\";\n\ntype CardNotificationProps = {\n  type: string;\n  date: string;\n  icon: NotificationIcon;\n  showBadge?: boolean;\n  title: string;\n  text: string;\n  variant?: Variant;\n  onClickEdit?: () => void;\n  onClickManage?: () => void;\n  onClickGoToDetails?: () => void;\n  showExpired?: boolean;\n  buttonMaxWidth?: boolean;\n  onClickRightManage?: () => void;\n  rightManageTitle?: string;\n  goToDetailsTitle?: string;\n};\n\nexport const CardNotification = ({\n  type,\n  onClickEdit,\n  onClickRightManage,\n  rightManageTitle = \"Gestisci\",\n  goToDetailsTitle = \"Più dettagli\",\n  showExpired = false,\n  buttonMaxWidth,\n  onClickGoToDetails,\n  icon = \"calendar\",\n  variant = \"primary\",\n  onClickManage,\n  date,\n  title,\n  showBadge = false,\n  text,\n}: CardNotificationProps) => {\n  const isSecondary = variant === \"secondary\";\n\n  const iconToRender = useMemo(() => {\n    if (icon === \"calendar\") {\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\n    }\n    if (icon === \"actions\") {\n      return <Actions width={24} height={26} color=\"slate-28\" />;\n    }\n  }, [icon]);\n\n  const cardClasses = ` ${\n    isSecondary\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\n      : \"bg-white\"\n  } shadow br-x4  `;\n\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\n  }   `;\n\n  const manageButtonClasses = ` ${\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\n  }  `;\n\n  return (\n    <div className={cardClasses}>\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\n      </Row>\n      <div className={\"ui-card-notifications-divider \"} />\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\n        <div className={iconContainer}>\n          {showBadge && (\n            <div className={\"ui-card-notifications-badge-container\"}>\n              <div className={\"ui-card-notifications-badge\"} />\n            </div>\n          )}\n          {iconToRender}\n        </div>\n        <div className={\"w-full\"}>\n          <div className={\"mb-x24\"}>\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\n            {showExpired && (\n              <Row mb={\"x8\"}>\n                <div\n                  className={\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\n                  }\n                >\n                  SCADUTO\n                </div>\n              </Row>\n            )}\n            <p>{text}</p>\n          </div>\n\n          {onClickManage && (\n            <div className={\"base-row justify-content-center\"}>\n              <Button className={manageButtonClasses} onClick={onClickManage}>\n                Gestisci\n              </Button>\n            </div>\n          )}\n\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\n            {!!onClickGoToDetails && (\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\n                {goToDetailsTitle}\n              </Button>\n            )}\n            {onClickRightManage && (\n              <div className={\"base-row justify-content-center\"}>\n                <Button onClick={onClickRightManage}>{rightManageTitle}</Button>\n              </div>\n            )}\n\n            {!!onClickEdit && (\n              <Button\n                onClick={onClickEdit}\n                bg=\"transparent\"\n                textColor=\"primary\"\n              >\n                Modifica\n              </Button>\n            )}\n          </Row>\n        </div>\n      </Row>\n    </div>\n  );\n};\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","rightManageTitle","goToDetailsTitle","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":"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"}
+{"version":3,"file":"index.es76.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\r\nimport { useMemo } from \"react\";\r\nimport { Actions, Calendar } from \"@/icons\";\r\nimport { Button, Row } from \"@/components\";\r\n\r\ntype Variant = \"primary\" | \"secondary\";\r\n\r\ntype NotificationIcon = \"calendar\" | \"actions\";\r\n\r\ntype CardNotificationProps = {\r\n  type: string;\r\n  date: string;\r\n  icon: NotificationIcon;\r\n  showBadge?: boolean;\r\n  title: string;\r\n  text: string;\r\n  variant?: Variant;\r\n  onClickEdit?: () => void;\r\n  onClickManage?: () => void;\r\n  onClickGoToDetails?: () => void;\r\n  showExpired?: boolean;\r\n  buttonMaxWidth?: boolean;\r\n  onClickRightManage?: () => void;\r\n  rightManageTitle?: string;\r\n  goToDetailsTitle?: string;\r\n};\r\n\r\nexport const CardNotification = ({\r\n  type,\r\n  onClickEdit,\r\n  onClickRightManage,\r\n  rightManageTitle = \"Gestisci\",\r\n  goToDetailsTitle = \"Più dettagli\",\r\n  showExpired = false,\r\n  buttonMaxWidth,\r\n  onClickGoToDetails,\r\n  icon = \"calendar\",\r\n  variant = \"primary\",\r\n  onClickManage,\r\n  date,\r\n  title,\r\n  showBadge = false,\r\n  text,\r\n}: CardNotificationProps) => {\r\n  const isSecondary = variant === \"secondary\";\r\n\r\n  const iconToRender = useMemo(() => {\r\n    if (icon === \"calendar\") {\r\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\r\n    }\r\n    if (icon === \"actions\") {\r\n      return <Actions width={24} height={26} color=\"slate-28\" />;\r\n    }\r\n  }, [icon]);\r\n\r\n  const cardClasses = ` ${\r\n    isSecondary\r\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\r\n      : \"bg-white\"\r\n  } shadow br-x4  `;\r\n\r\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\r\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\r\n  }   `;\r\n\r\n  const manageButtonClasses = ` ${\r\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\r\n  }  `;\r\n\r\n  return (\r\n    <div className={cardClasses}>\r\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\r\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\r\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\r\n      </Row>\r\n      <div className={\"ui-card-notifications-divider \"} />\r\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\r\n        <div className={iconContainer}>\r\n          {showBadge && (\r\n            <div className={\"ui-card-notifications-badge-container\"}>\r\n              <div className={\"ui-card-notifications-badge\"} />\r\n            </div>\r\n          )}\r\n          {iconToRender}\r\n        </div>\r\n        <div className={\"w-full\"}>\r\n          <div className={\"mb-x24\"}>\r\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\r\n            {showExpired && (\r\n              <Row mb={\"x8\"}>\r\n                <div\r\n                  className={\r\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\r\n                  }\r\n                >\r\n                  SCADUTO\r\n                </div>\r\n              </Row>\r\n            )}\r\n            <p>{text}</p>\r\n          </div>\r\n\r\n          {onClickManage && (\r\n            <div className={\"base-row justify-content-center\"}>\r\n              <Button className={manageButtonClasses} onClick={onClickManage}>\r\n                Gestisci\r\n              </Button>\r\n            </div>\r\n          )}\r\n\r\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\r\n            {!!onClickGoToDetails && (\r\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\r\n                {goToDetailsTitle}\r\n              </Button>\r\n            )}\r\n            {onClickRightManage && (\r\n              <div className={\"base-row justify-content-center\"}>\r\n                <Button onClick={onClickRightManage}>{rightManageTitle}</Button>\r\n              </div>\r\n            )}\r\n\r\n            {!!onClickEdit && (\r\n              <Button\r\n                onClick={onClickEdit}\r\n                bg=\"transparent\"\r\n                textColor=\"primary\"\r\n              >\r\n                Modifica\r\n              </Button>\r\n            )}\r\n          </Row>\r\n        </div>\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","rightManageTitle","goToDetailsTitle","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":"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"}

package/dist/index.es77.js

@@ -1,8 +1,8 @@
-import { j as i } from "./index.es246.js";
-import n from "./index.es227.js";
+import { j as i } from "./index.es226.js";
+import n from "./index.es265.js";
 import "./index.es3.js";
 import './components/ui/DatePicker/DatePicker.css';/* empty css            */
-import { clsx as D } from "./index.es248.js";
+import { clsx as D } from "./index.es227.js";
 import { useRef as h, useEffect as j } from "react";
 const F = ({
   label: s,

package/dist/index.es77.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es77.js","sources":["../src/components/ui/DatePicker/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport { DateTime } from \"luxon\";\nimport \"./DatePicker.scss\";\nimport clsx from \"clsx\";\nimport { useEffect, useRef } from \"react\";\n\ntype DatePickerProps = {\n  label: string;\n  value?: Date | null;\n  maxValue?: Date;\n  minValue?: Date;\n  className?: string;\n  disabled?: boolean;\n  onClick?: () => void;\n  onChange: (date: Date) => void;\n  error?: string;\n  required?: boolean;\n  id?: string;\n};\n\nexport const DatePicker = ({\n  label,\n  value,\n  maxValue,\n  minValue,\n  className,\n  disabled,\n  onClick,\n  onChange,\n  error,\n  required = false,\n  id,\n}: DatePickerProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputId =\n    id || `datepicker-${label.toLowerCase().replace(/\\s+/g, \"-\")}`;\n\n  useEffect(() => {\n    if (error && inputRef.current) {\n      inputRef.current.setAttribute(\"aria-invalid\", \"true\");\n      inputRef.current.setAttribute(\"aria-describedby\", `${inputId}-error`);\n    } else if (inputRef.current) {\n      inputRef.current.setAttribute(\"aria-invalid\", \"false\");\n      inputRef.current.removeAttribute(\"aria-describedby\");\n    }\n  }, [error, inputId]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\" && !disabled) {\n      onClick?.();\n    }\n  };\n\n  const formattedValue = value\n    ? DateTime.fromJSDate(value).toFormat(\"yyyy-MM-dd\")\n    : \"\";\n\n  return (\n    <div\n      className={clsx(\"datepicker-container\", className)}\n      role=\"group\"\n      aria-labelledby={`${inputId}-label`}\n      aria-describedby={error ? `${inputId}-error` : undefined}\n    >\n      <label\n        id={`${inputId}-label`}\n        htmlFor={inputId}\n        className=\"datepicker-label fs-7\"\n      >\n        {label}\n        {required && (\n          <span className=\"text-error ml-1\" aria-hidden=\"true\">\n            *\n          </span>\n        )}\n      </label>\n      <input\n        ref={inputRef}\n        id={inputId}\n        type=\"date\"\n        className=\"datepicker-input fs-6\"\n        disabled={disabled}\n        value={formattedValue}\n        max={\n          maxValue\n            ? DateTime.fromJSDate(maxValue).toFormat(\"yyyy-MM-dd\")\n            : undefined\n        }\n        min={\n          minValue\n            ? DateTime.fromJSDate(minValue).toFormat(\"yyyy-MM-dd\")\n            : undefined\n        }\n        onClick={() => onClick?.()}\n        onChange={(e) => {\n          const newDate = new Date(e.target.value);\n          if (!isNaN(newDate.getTime())) {\n            onChange(newDate);\n          }\n        }}\n        onKeyDown={handleKeyDown}\n        aria-required={required}\n        aria-disabled={disabled}\n        aria-label={label}\n        aria-invalid={!!error}\n        aria-describedby={error ? `${inputId}-error` : undefined}\n      />\n      {error && (\n        <div\n          id={`${inputId}-error`}\n          className=\"datepicker-error\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {error}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DatePicker","label","value","maxValue","minValue","className","disabled","onClick","onChange","error","required","id","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","newDate"],"mappings":";;;;;;AAoBO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,IAAAC;AACF,MAAuB;AACf,QAAAC,IAAWC,EAAyB,IAAI,GACxCC,IACJH,KAAM,cAAcV,EAAM,YAAc,EAAA,QAAQ,QAAQ,GAAG,CAAC;AAE9D,EAAAc,EAAU,MAAM;AACV,IAAAN,KAASG,EAAS,WACXA,EAAA,QAAQ,aAAa,gBAAgB,MAAM,GACpDA,EAAS,QAAQ,aAAa,oBAAoB,GAAGE,CAAO,QAAQ,KAC3DF,EAAS,YACTA,EAAA,QAAQ,aAAa,gBAAgB,OAAO,GAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB;AAAA,EACrD,GACC,CAACH,GAAOK,CAAO,CAAC;AAEb,QAAAE,IAAgB,CAACC,MAA6C;AAClE,IAAIA,EAAE,QAAQ,WAAW,CAACX,MACdC,KAAA,QAAAA;AAAA,EAEd,GAEMW,IAAiBhB,IACnBiB,EAAS,WAAWjB,CAAK,EAAE,SAAS,YAAY,IAChD;AAGF,SAAAkB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,wBAAwBhB,CAAS;AAAA,MACjD,MAAK;AAAA,MACL,mBAAiB,GAAGS,CAAO;AAAA,MAC3B,oBAAkBL,IAAQ,GAAGK,CAAO,WAAW;AAAA,MAE/C,UAAA;AAAA,QAAAM,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGN,CAAO;AAAA,YACd,SAASA;AAAA,YACT,WAAU;AAAA,YAET,UAAA;AAAA,cAAAb;AAAA,cACAS,KACEY,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,eAAY,QAAO,UAErD,IAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,IAAIE;AAAA,YACJ,MAAK;AAAA,YACL,WAAU;AAAA,YACV,UAAAR;AAAA,YACA,OAAOY;AAAA,YACP,KACEf,IACIgB,EAAS,WAAWhB,CAAQ,EAAE,SAAS,YAAY,IACnD;AAAA,YAEN,KACEC,IACIe,EAAS,WAAWf,CAAQ,EAAE,SAAS,YAAY,IACnD;AAAA,YAEN,SAAS,MAAMG,KAAA,gBAAAA;AAAA,YACf,UAAU,CAACU,MAAM;AACf,oBAAMM,IAAU,IAAI,KAAKN,EAAE,OAAO,KAAK;AACvC,cAAK,MAAMM,EAAQ,QAAS,CAAA,KAC1Bf,EAASe,CAAO;AAAA,YAEpB;AAAA,YACA,WAAWP;AAAA,YACX,iBAAeN;AAAA,YACf,iBAAeJ;AAAA,YACf,cAAYL;AAAA,YACZ,gBAAc,CAAC,CAACQ;AAAA,YAChB,oBAAkBA,IAAQ,GAAGK,CAAO,WAAW;AAAA,UAAA;AAAA,QACjD;AAAA,QACCL,KACCa,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGR,CAAO;AAAA,YACd,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAET,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es77.js","sources":["../src/components/ui/DatePicker/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport { DateTime } from \"luxon\";\r\nimport \"./DatePicker.scss\";\r\nimport clsx from \"clsx\";\r\nimport { useEffect, useRef } from \"react\";\r\n\r\ntype DatePickerProps = {\r\n  label: string;\r\n  value?: Date | null;\r\n  maxValue?: Date;\r\n  minValue?: Date;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  onClick?: () => void;\r\n  onChange: (date: Date) => void;\r\n  error?: string;\r\n  required?: boolean;\r\n  id?: string;\r\n};\r\n\r\nexport const DatePicker = ({\r\n  label,\r\n  value,\r\n  maxValue,\r\n  minValue,\r\n  className,\r\n  disabled,\r\n  onClick,\r\n  onChange,\r\n  error,\r\n  required = false,\r\n  id,\r\n}: DatePickerProps) => {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const inputId =\r\n    id || `datepicker-${label.toLowerCase().replace(/\\s+/g, \"-\")}`;\r\n\r\n  useEffect(() => {\r\n    if (error && inputRef.current) {\r\n      inputRef.current.setAttribute(\"aria-invalid\", \"true\");\r\n      inputRef.current.setAttribute(\"aria-describedby\", `${inputId}-error`);\r\n    } else if (inputRef.current) {\r\n      inputRef.current.setAttribute(\"aria-invalid\", \"false\");\r\n      inputRef.current.removeAttribute(\"aria-describedby\");\r\n    }\r\n  }, [error, inputId]);\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === \"Enter\" && !disabled) {\r\n      onClick?.();\r\n    }\r\n  };\r\n\r\n  const formattedValue = value\r\n    ? DateTime.fromJSDate(value).toFormat(\"yyyy-MM-dd\")\r\n    : \"\";\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"datepicker-container\", className)}\r\n      role=\"group\"\r\n      aria-labelledby={`${inputId}-label`}\r\n      aria-describedby={error ? `${inputId}-error` : undefined}\r\n    >\r\n      <label\r\n        id={`${inputId}-label`}\r\n        htmlFor={inputId}\r\n        className=\"datepicker-label fs-7\"\r\n      >\r\n        {label}\r\n        {required && (\r\n          <span className=\"text-error ml-1\" aria-hidden=\"true\">\r\n            *\r\n          </span>\r\n        )}\r\n      </label>\r\n      <input\r\n        ref={inputRef}\r\n        id={inputId}\r\n        type=\"date\"\r\n        className=\"datepicker-input fs-6\"\r\n        disabled={disabled}\r\n        value={formattedValue}\r\n        max={\r\n          maxValue\r\n            ? DateTime.fromJSDate(maxValue).toFormat(\"yyyy-MM-dd\")\r\n            : undefined\r\n        }\r\n        min={\r\n          minValue\r\n            ? DateTime.fromJSDate(minValue).toFormat(\"yyyy-MM-dd\")\r\n            : undefined\r\n        }\r\n        onClick={() => onClick?.()}\r\n        onChange={(e) => {\r\n          const newDate = new Date(e.target.value);\r\n          if (!isNaN(newDate.getTime())) {\r\n            onChange(newDate);\r\n          }\r\n        }}\r\n        onKeyDown={handleKeyDown}\r\n        aria-required={required}\r\n        aria-disabled={disabled}\r\n        aria-label={label}\r\n        aria-invalid={!!error}\r\n        aria-describedby={error ? `${inputId}-error` : undefined}\r\n      />\r\n      {error && (\r\n        <div\r\n          id={`${inputId}-error`}\r\n          className=\"datepicker-error\"\r\n          role=\"alert\"\r\n          aria-live=\"polite\"\r\n        >\r\n          {error}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DatePicker","label","value","maxValue","minValue","className","disabled","onClick","onChange","error","required","id","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","newDate"],"mappings":";;;;;;AAoBO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,IAAAC;AACF,MAAuB;AACf,QAAAC,IAAWC,EAAyB,IAAI,GACxCC,IACJH,KAAM,cAAcV,EAAM,YAAc,EAAA,QAAQ,QAAQ,GAAG,CAAC;AAE9D,EAAAc,EAAU,MAAM;AACV,IAAAN,KAASG,EAAS,WACXA,EAAA,QAAQ,aAAa,gBAAgB,MAAM,GACpDA,EAAS,QAAQ,aAAa,oBAAoB,GAAGE,CAAO,QAAQ,KAC3DF,EAAS,YACTA,EAAA,QAAQ,aAAa,gBAAgB,OAAO,GAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB;AAAA,EACrD,GACC,CAACH,GAAOK,CAAO,CAAC;AAEb,QAAAE,IAAgB,CAACC,MAA6C;AAClE,IAAIA,EAAE,QAAQ,WAAW,CAACX,MACdC,KAAA,QAAAA;AAAA,EAEd,GAEMW,IAAiBhB,IACnBiB,EAAS,WAAWjB,CAAK,EAAE,SAAS,YAAY,IAChD;AAGF,SAAAkB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,wBAAwBhB,CAAS;AAAA,MACjD,MAAK;AAAA,MACL,mBAAiB,GAAGS,CAAO;AAAA,MAC3B,oBAAkBL,IAAQ,GAAGK,CAAO,WAAW;AAAA,MAE/C,UAAA;AAAA,QAAAM,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGN,CAAO;AAAA,YACd,SAASA;AAAA,YACT,WAAU;AAAA,YAET,UAAA;AAAA,cAAAb;AAAA,cACAS,KACEY,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,eAAY,QAAO,UAErD,IAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,IAAIE;AAAA,YACJ,MAAK;AAAA,YACL,WAAU;AAAA,YACV,UAAAR;AAAA,YACA,OAAOY;AAAA,YACP,KACEf,IACIgB,EAAS,WAAWhB,CAAQ,EAAE,SAAS,YAAY,IACnD;AAAA,YAEN,KACEC,IACIe,EAAS,WAAWf,CAAQ,EAAE,SAAS,YAAY,IACnD;AAAA,YAEN,SAAS,MAAMG,KAAA,gBAAAA;AAAA,YACf,UAAU,CAACU,MAAM;AACf,oBAAMM,IAAU,IAAI,KAAKN,EAAE,OAAO,KAAK;AACvC,cAAK,MAAMM,EAAQ,QAAS,CAAA,KAC1Bf,EAASe,CAAO;AAAA,YAEpB;AAAA,YACA,WAAWP;AAAA,YACX,iBAAeN;AAAA,YACf,iBAAeJ;AAAA,YACf,cAAYL;AAAA,YACZ,gBAAc,CAAC,CAACQ;AAAA,YAChB,oBAAkBA,IAAQ,GAAGK,CAAO,WAAW;AAAA,UAAA;AAAA,QACjD;AAAA,QACCL,KACCa,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGR,CAAO;AAAA,YACd,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAET,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es78.js

@@ -1,5 +1,5 @@
-import { j as i } from "./index.es246.js";
-import { clsx as h } from "./index.es248.js";
+import { j as i } from "./index.es226.js";
+import { clsx as h } from "./index.es227.js";
 import { useRef as k, useEffect as N } from "react";
 import { DatePicker as x } from "./index.es77.js";
 import { Row as $ } from "./index.es9.js";

package/dist/index.es78.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es78.js","sources":["../src/components/ui/DatePickerRange/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport clsx from \"clsx\";\nimport { useEffect, useRef } from \"react\";\nimport { DatePicker } from \"../DatePicker\";\nimport { Row } from \"@/components\";\n\ntype DatePickerRangeProps = {\n  label?: string;\n  startDateLabel?: string;\n  endDateLabel?: string;\n  startDate?: Date;\n  endDate?: Date;\n  className?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: string;\n  onStartDateChange: (date: Date) => void;\n  onEndDateChange: (date: Date) => void;\n  onStartDateClick?: () => void;\n  onEndDateClick?: () => void;\n};\n\nexport const DatePickerRange = ({\n  label,\n  startDateLabel = \"Start Date\",\n  endDateLabel = \"End Date\",\n  startDate,\n  endDate,\n  className,\n  disabled = false,\n  required = false,\n  error,\n  onStartDateChange,\n  onEndDateChange,\n  onStartDateClick,\n  onEndDateClick,\n}: DatePickerRangeProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  // we need to generate a unique id for the container and manage errors\n  const containerId = label\n    ? `datepicker-range-${label.toLowerCase().replace(/\\s+/g, \"-\")}`\n    : \"datepicker-range\";\n\n  useEffect(() => {\n    if (error && containerRef.current) {\n      containerRef.current.setAttribute(\"aria-invalid\", \"true\");\n      containerRef.current.setAttribute(\n        \"aria-describedby\",\n        `${containerId}-error`,\n      );\n    } else if (containerRef.current) {\n      containerRef.current.setAttribute(\"aria-invalid\", \"false\");\n      containerRef.current.removeAttribute(\"aria-describedby\");\n    }\n  }, [error, containerId]);\n\n  const handleStartDateChange = (date: Date) => {\n    // Ensure end date is not before start date\n    if (endDate && date > endDate) {\n      onStartDateChange(date);\n      onEndDateChange(date);\n    } else {\n      onStartDateChange(date);\n    }\n  };\n\n  const handleEndDateChange = (date: Date) => {\n    // Ensure start date is not after end date\n    if (startDate && date < startDate) {\n      onStartDateChange(date);\n      onEndDateChange(date);\n    } else {\n      onEndDateChange(date);\n    }\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(\"base-col gap-x8\", className)}\n      role=\"group\"\n      aria-labelledby={label ? `${containerId}-label` : undefined}\n      aria-describedby={error ? `${containerId}-error` : undefined}\n    >\n      {label && (\n        <label id={`${containerId}-label`} className=\"text-sm text-dark\">\n          {label}\n          {required && (\n            <span className=\"text-error ml-1\" aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <Row gap={\"x16\"} role=\"group\">\n        <DatePicker\n          label={startDateLabel}\n          value={startDate}\n          maxValue={endDate}\n          disabled={disabled}\n          required={required}\n          onChange={handleStartDateChange}\n          onClick={onStartDateClick}\n          className=\"flex-1\"\n        />\n\n        <DatePicker\n          label={endDateLabel}\n          value={endDate}\n          minValue={startDate}\n          disabled={disabled}\n          required={required}\n          onChange={handleEndDateChange}\n          onClick={onEndDateClick}\n          className=\"flex-1\"\n        />\n      </Row>\n\n      {error && (\n        <div\n          id={`${containerId}-error`}\n          className=\"text-sm text-error\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {error}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DatePickerRange","label","startDateLabel","endDateLabel","startDate","endDate","className","disabled","required","error","onStartDateChange","onEndDateChange","onStartDateClick","onEndDateClick","containerRef","useRef","containerId","useEffect","handleStartDateChange","date","handleEndDateChange","jsxs","clsx","jsx","Row","DatePicker"],"mappings":";;;;;AAsBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AACF,MAA4B;AACpB,QAAAC,IAAeC,EAAuB,IAAI,GAE1CC,IAAcf,IAChB,oBAAoBA,EAAM,cAAc,QAAQ,QAAQ,GAAG,CAAC,KAC5D;AAEJ,EAAAgB,EAAU,MAAM;AACV,IAAAR,KAASK,EAAa,WACXA,EAAA,QAAQ,aAAa,gBAAgB,MAAM,GACxDA,EAAa,QAAQ;AAAA,MACnB;AAAA,MACA,GAAGE,CAAW;AAAA,IAChB,KACSF,EAAa,YACTA,EAAA,QAAQ,aAAa,gBAAgB,OAAO,GAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB;AAAA,EACzD,GACC,CAACL,GAAOO,CAAW,CAAC;AAEjB,QAAAE,IAAwB,CAACC,MAAe;AAExC,IAAAd,KAAWc,IAAOd,KACpBK,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI,KAEpBT,EAAkBS,CAAI;AAAA,EAE1B,GAEMC,IAAsB,CAACD,MAAe;AAEtC,IAAAf,KAAae,IAAOf,KACtBM,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI;AAAA,EAIxB;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWQ,EAAK,mBAAmBhB,CAAS;AAAA,MAC5C,MAAK;AAAA,MACL,mBAAiBL,IAAQ,GAAGe,CAAW,WAAW;AAAA,MAClD,oBAAkBP,IAAQ,GAAGO,CAAW,WAAW;AAAA,MAElD,UAAA;AAAA,QAAAf,4BACE,SAAM,EAAA,IAAI,GAAGe,CAAW,UAAU,WAAU,qBAC1C,UAAA;AAAA,UAAAf;AAAA,UACAO,KACEe,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,eAAY,QAAO,UAErD,IAAA,CAAA;AAAA,QAAA,GAEJ;AAAA,QAGDF,gBAAAA,EAAA,KAAAG,GAAA,EAAI,KAAK,OAAO,MAAK,SACpB,UAAA;AAAA,UAAAD,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOvB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUC;AAAA,cACV,UAAAE;AAAA,cACA,UAAAC;AAAA,cACA,UAAUU;AAAA,cACV,SAASN;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEAW,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOtB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUD;AAAA,cACV,UAAAG;AAAA,cACA,UAAAC;AAAA,cACA,UAAUY;AAAA,cACV,SAASP;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QAECJ,KACCc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGP,CAAW;AAAA,YAClB,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAET,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es78.js","sources":["../src/components/ui/DatePickerRange/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport clsx from \"clsx\";\r\nimport { useEffect, useRef } from \"react\";\r\nimport { DatePicker } from \"../DatePicker\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype DatePickerRangeProps = {\r\n  label?: string;\r\n  startDateLabel?: string;\r\n  endDateLabel?: string;\r\n  startDate?: Date;\r\n  endDate?: Date;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  required?: boolean;\r\n  error?: string;\r\n  onStartDateChange: (date: Date) => void;\r\n  onEndDateChange: (date: Date) => void;\r\n  onStartDateClick?: () => void;\r\n  onEndDateClick?: () => void;\r\n};\r\n\r\nexport const DatePickerRange = ({\r\n  label,\r\n  startDateLabel = \"Start Date\",\r\n  endDateLabel = \"End Date\",\r\n  startDate,\r\n  endDate,\r\n  className,\r\n  disabled = false,\r\n  required = false,\r\n  error,\r\n  onStartDateChange,\r\n  onEndDateChange,\r\n  onStartDateClick,\r\n  onEndDateClick,\r\n}: DatePickerRangeProps) => {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  // we need to generate a unique id for the container and manage errors\r\n  const containerId = label\r\n    ? `datepicker-range-${label.toLowerCase().replace(/\\s+/g, \"-\")}`\r\n    : \"datepicker-range\";\r\n\r\n  useEffect(() => {\r\n    if (error && containerRef.current) {\r\n      containerRef.current.setAttribute(\"aria-invalid\", \"true\");\r\n      containerRef.current.setAttribute(\r\n        \"aria-describedby\",\r\n        `${containerId}-error`,\r\n      );\r\n    } else if (containerRef.current) {\r\n      containerRef.current.setAttribute(\"aria-invalid\", \"false\");\r\n      containerRef.current.removeAttribute(\"aria-describedby\");\r\n    }\r\n  }, [error, containerId]);\r\n\r\n  const handleStartDateChange = (date: Date) => {\r\n    // Ensure end date is not before start date\r\n    if (endDate && date > endDate) {\r\n      onStartDateChange(date);\r\n      onEndDateChange(date);\r\n    } else {\r\n      onStartDateChange(date);\r\n    }\r\n  };\r\n\r\n  const handleEndDateChange = (date: Date) => {\r\n    // Ensure start date is not after end date\r\n    if (startDate && date < startDate) {\r\n      onStartDateChange(date);\r\n      onEndDateChange(date);\r\n    } else {\r\n      onEndDateChange(date);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      className={clsx(\"base-col gap-x8\", className)}\r\n      role=\"group\"\r\n      aria-labelledby={label ? `${containerId}-label` : undefined}\r\n      aria-describedby={error ? `${containerId}-error` : undefined}\r\n    >\r\n      {label && (\r\n        <label id={`${containerId}-label`} className=\"text-sm text-dark\">\r\n          {label}\r\n          {required && (\r\n            <span className=\"text-error ml-1\" aria-hidden=\"true\">\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      <Row gap={\"x16\"} role=\"group\">\r\n        <DatePicker\r\n          label={startDateLabel}\r\n          value={startDate}\r\n          maxValue={endDate}\r\n          disabled={disabled}\r\n          required={required}\r\n          onChange={handleStartDateChange}\r\n          onClick={onStartDateClick}\r\n          className=\"flex-1\"\r\n        />\r\n\r\n        <DatePicker\r\n          label={endDateLabel}\r\n          value={endDate}\r\n          minValue={startDate}\r\n          disabled={disabled}\r\n          required={required}\r\n          onChange={handleEndDateChange}\r\n          onClick={onEndDateClick}\r\n          className=\"flex-1\"\r\n        />\r\n      </Row>\r\n\r\n      {error && (\r\n        <div\r\n          id={`${containerId}-error`}\r\n          className=\"text-sm text-error\"\r\n          role=\"alert\"\r\n          aria-live=\"polite\"\r\n        >\r\n          {error}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DatePickerRange","label","startDateLabel","endDateLabel","startDate","endDate","className","disabled","required","error","onStartDateChange","onEndDateChange","onStartDateClick","onEndDateClick","containerRef","useRef","containerId","useEffect","handleStartDateChange","date","handleEndDateChange","jsxs","clsx","jsx","Row","DatePicker"],"mappings":";;;;;AAsBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AACF,MAA4B;AACpB,QAAAC,IAAeC,EAAuB,IAAI,GAE1CC,IAAcf,IAChB,oBAAoBA,EAAM,cAAc,QAAQ,QAAQ,GAAG,CAAC,KAC5D;AAEJ,EAAAgB,EAAU,MAAM;AACV,IAAAR,KAASK,EAAa,WACXA,EAAA,QAAQ,aAAa,gBAAgB,MAAM,GACxDA,EAAa,QAAQ;AAAA,MACnB;AAAA,MACA,GAAGE,CAAW;AAAA,IAChB,KACSF,EAAa,YACTA,EAAA,QAAQ,aAAa,gBAAgB,OAAO,GAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB;AAAA,EACzD,GACC,CAACL,GAAOO,CAAW,CAAC;AAEjB,QAAAE,IAAwB,CAACC,MAAe;AAExC,IAAAd,KAAWc,IAAOd,KACpBK,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI,KAEpBT,EAAkBS,CAAI;AAAA,EAE1B,GAEMC,IAAsB,CAACD,MAAe;AAEtC,IAAAf,KAAae,IAAOf,KACtBM,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI;AAAA,EAIxB;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWQ,EAAK,mBAAmBhB,CAAS;AAAA,MAC5C,MAAK;AAAA,MACL,mBAAiBL,IAAQ,GAAGe,CAAW,WAAW;AAAA,MAClD,oBAAkBP,IAAQ,GAAGO,CAAW,WAAW;AAAA,MAElD,UAAA;AAAA,QAAAf,4BACE,SAAM,EAAA,IAAI,GAAGe,CAAW,UAAU,WAAU,qBAC1C,UAAA;AAAA,UAAAf;AAAA,UACAO,KACEe,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,eAAY,QAAO,UAErD,IAAA,CAAA;AAAA,QAAA,GAEJ;AAAA,QAGDF,gBAAAA,EAAA,KAAAG,GAAA,EAAI,KAAK,OAAO,MAAK,SACpB,UAAA;AAAA,UAAAD,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOvB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUC;AAAA,cACV,UAAAE;AAAA,cACA,UAAAC;AAAA,cACA,UAAUU;AAAA,cACV,SAASN;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEAW,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOtB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUD;AAAA,cACV,UAAAG;AAAA,cACA,UAAAC;AAAA,cACA,UAAUY;AAAA,cACV,SAASP;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QAECJ,KACCc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGP,CAAW;AAAA,YAClB,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAET,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es79.js

@@ -1,5 +1,5 @@
-import { j as e } from "./index.es246.js";
-import { clsx as l } from "./index.es248.js";
+import { j as e } from "./index.es226.js";
+import { clsx as l } from "./index.es227.js";
 import { ActionIconText as d } from "./index.es67.js";
 import './components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css';/* empty css            */
 import { Info as c } from "./index.es201.js";

package/dist/index.es79.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es79.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 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      },\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      },\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\">\n          <thead>\n            <tr className=\"w-full flex\">\n              {visibleColumns.map((column, index) => {\n                return (\n                  <th\n                    key={`${column.label}-${index}`}\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        </table>\n      </div>\n      <div className={\"table-header-divider\"} />\n    </div>\n  );\n};\n\nexport default NotificationsSettingsHeader;\n"],"names":["NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","index","ActionIconText","Info"],"mappings":";;;;;AAWO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAAwB;AAmCtB,QAAMC,IAlCa;AAAA,IACjB;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,eAAe;AAAA,IACjB;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,SAASF;AAAA,MACT,WAAW;AAAA,QACT,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,iBAAiB,MAAM;AAAA,QAAA;AAAA,MAAC;AAAA,IAE5B;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,SAASD;AAAA,MACT,WAAW;AAAA,QACT,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,iBAAiB,MAAM;AAAA,QAAA;AAAA,MAAC;AAAA,IAC1B;AAAA,EAEJ,EAEkC;AAAA,IAChC,CAACI,MAAWA,EAAO,iBAAiBA,EAAO;AAAA,EAC7C;AAEA,gCACG,OACC,EAAA,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWC,EAAKP,CAAS,GAAI,GAAGG,GACnC,gCAAC,SAAM,EAAA,WAAU,eACf,UAACG,gBAAAA,EAAA,IAAA,SAAA,EACC,gCAAC,MAAG,EAAA,WAAU,eACX,UAAeF,EAAA,IAAI,CAACC,GAAQG,MAEzBF,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC;AAAA,UACT;AAAA,UACAF,EAAO,SAAS,WAAW;AAAA,QAC7B;AAAA,QAEA,UAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACAF,EAAO,aAAa,8BAA8B;AAAA,YACpD;AAAA,YAEA,gCAAC,OACC,EAAA,UAAAC,gBAAAA,EAAA;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,eAAe;AAAA,gBACf,QAAQJ,EAAO;AAAA,gBACf,4BAAOK,GAAK,EAAA;AAAA,gBACZ,WAAWL,EAAO;AAAA,gBAClB,cAAc;AAAA,gBACd,WAAWA,EAAO;AAAA,gBAClB,eACED,EAAe,WAAWI,IAAQ,IAC9B,SACA;AAAA,cAAA;AAAA,YAAA,EAGV,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,MA3BK,GAAGH,EAAO,KAAK,IAAIG,CAAK;AAAA,IA4B/B,CAEH,GACH,EACF,CAAA,EACF,CAAA,GACF;AAAA,IACAF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,uBAAwB,CAAA;AAAA,EAAA,GAC1C;AAEJ;"}
+{"version":3,"file":"index.es79.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 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      },\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      },\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\">\r\n          <thead>\r\n            <tr className=\"w-full flex\">\r\n              {visibleColumns.map((column, index) => {\r\n                return (\r\n                  <th\r\n                    key={`${column.label}-${index}`}\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        </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"],"names":["NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","index","ActionIconText","Info"],"mappings":";;;;;AAWO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAAwB;AAmCtB,QAAMC,IAlCa;AAAA,IACjB;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,eAAe;AAAA,IACjB;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,SAASF;AAAA,MACT,WAAW;AAAA,QACT,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,iBAAiB,MAAM;AAAA,QAAA;AAAA,MAAC;AAAA,IAE5B;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,SAASD;AAAA,MACT,WAAW;AAAA,QACT,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,iBAAiB,MAAM;AAAA,QAAA;AAAA,MAAC;AAAA,IAC1B;AAAA,EAEJ,EAEkC;AAAA,IAChC,CAACI,MAAWA,EAAO,iBAAiBA,EAAO;AAAA,EAC7C;AAEA,gCACG,OACC,EAAA,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWC,EAAKP,CAAS,GAAI,GAAGG,GACnC,gCAAC,SAAM,EAAA,WAAU,eACf,UAACG,gBAAAA,EAAA,IAAA,SAAA,EACC,gCAAC,MAAG,EAAA,WAAU,eACX,UAAeF,EAAA,IAAI,CAACC,GAAQG,MAEzBF,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC;AAAA,UACT;AAAA,UACAF,EAAO,SAAS,WAAW;AAAA,QAC7B;AAAA,QAEA,UAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACAF,EAAO,aAAa,8BAA8B;AAAA,YACpD;AAAA,YAEA,gCAAC,OACC,EAAA,UAAAC,gBAAAA,EAAA;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,eAAe;AAAA,gBACf,QAAQJ,EAAO;AAAA,gBACf,4BAAOK,GAAK,EAAA;AAAA,gBACZ,WAAWL,EAAO;AAAA,gBAClB,cAAc;AAAA,gBACd,WAAWA,EAAO;AAAA,gBAClB,eACED,EAAe,WAAWI,IAAQ,IAC9B,SACA;AAAA,cAAA;AAAA,YAAA,EAGV,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,MA3BK,GAAGH,EAAO,KAAK,IAAIG,CAAK;AAAA,IA4B/B,CAEH,GACH,EACF,CAAA,EACF,CAAA,GACF;AAAA,IACAF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,uBAAwB,CAAA;AAAA,EAAA,GAC1C;AAEJ;"}

package/dist/index.es8.js

@@ -1,7 +1,7 @@
-import { j as g } from "./index.es246.js";
+import { j as g } from "./index.es226.js";
 import { useMemo as s } from "react";
-import { clsx as x } from "./index.es248.js";
-import { createSpacingClasses as f } from "./index.es279.js";
+import { clsx as x } from "./index.es227.js";
+import { createSpacingClasses as f } from "./index.es228.js";
 const v = ({
   as: e,
   className: i,

package/dist/index.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es8.js","sources":["../src/components/ui/GridItem/index.tsx"],"sourcesContent":["import { ElementType, ComponentPropsWithoutRef, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { createSpacingClasses, SpacingProps } from \"@theme/spacing.ts\";\n\ntype BreakpointSpace =\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | \"1\"\n  | \"2\"\n  | \"3\"\n  | \"4\"\n  | \"5\"\n  | \"6\"\n  | \"7\"\n  | \"8\"\n  | \"9\"\n  | \"10\"\n  | \"11\"\n  | \"12\";\n\ntype PolymorphicProps<E extends ElementType> = {\n  as?: E;\n  md?: BreakpointSpace;\n  sm?: BreakpointSpace;\n  xs?: BreakpointSpace;\n} & SpacingProps &\n  Omit<ComponentPropsWithoutRef<E>, keyof SpacingProps>;\n\nexport const GridItem = <E extends ElementType = \"div\">({\n  as,\n  className,\n  style,\n  md,\n  sm,\n  xs,\n  ...rest\n}: PolymorphicProps<E>) => {\n  const Component = as || \"div\";\n\n  const mdClass = useMemo(() => `col-grid-md-${md ?? \"3\"}`, [md]);\n  const smClass = useMemo(() => (sm ? `col-grid-sm-${sm ?? \"6\"}` : \"\"), [sm]);\n  const xsClass = useMemo(() => `col-grid-${xs ?? \"12\"}`, [xs]);\n\n  const classNames = useMemo(() => {\n    const spacingClasses = createSpacingClasses(rest);\n    return [xsClass, smClass, mdClass, ...spacingClasses].join(\" \");\n  }, [mdClass, rest, smClass, xsClass]);\n\n  return (\n    <Component\n      className={clsx(className, classNames)}\n      style={{\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n"],"names":["GridItem","as","className","style","md","sm","xs","rest","Component","mdClass","useMemo","smClass","xsClass","classNames","spacingClasses","createSpacingClasses","jsx","clsx"],"mappings":";;;;AAsCO,MAAMA,IAAW,CAAgC;AAAA,EACtD,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,IAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAYP,KAAM,OAElBQ,IAAUC,EAAQ,MAAM,eAAeN,KAAM,GAAG,IAAI,CAACA,CAAE,CAAC,GACxDO,IAAUD,EAAQ,MAAOL,IAAK,eAAeA,KAAM,GAAG,KAAK,IAAK,CAACA,CAAE,CAAC,GACpEO,IAAUF,EAAQ,MAAM,YAAYJ,KAAM,IAAI,IAAI,CAACA,CAAE,CAAC,GAEtDO,IAAaH,EAAQ,MAAM;AACzB,UAAAI,IAAiBC,EAAqBR,CAAI;AACzC,WAAA,CAACK,GAASD,GAASF,GAAS,GAAGK,CAAc,EAAE,KAAK,GAAG;AAAA,KAC7D,CAACL,GAASF,GAAMI,GAASC,CAAO,CAAC;AAGlC,SAAAI,gBAAAA,EAAA;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKf,GAAWW,CAAU;AAAA,MACrC,OAAO;AAAA,QACL,GAAGV;AAAA,MACL;AAAA,MACC,GAAGI;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"index.es8.js","sources":["../src/components/ui/GridItem/index.tsx"],"sourcesContent":["import { ElementType, ComponentPropsWithoutRef, useMemo } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { createSpacingClasses, SpacingProps } from \"@theme/spacing.ts\";\r\n\r\ntype BreakpointSpace =\r\n  | 1\r\n  | 2\r\n  | 3\r\n  | 4\r\n  | 5\r\n  | 6\r\n  | 7\r\n  | 8\r\n  | 9\r\n  | 10\r\n  | 11\r\n  | 12\r\n  | \"1\"\r\n  | \"2\"\r\n  | \"3\"\r\n  | \"4\"\r\n  | \"5\"\r\n  | \"6\"\r\n  | \"7\"\r\n  | \"8\"\r\n  | \"9\"\r\n  | \"10\"\r\n  | \"11\"\r\n  | \"12\";\r\n\r\ntype PolymorphicProps<E extends ElementType> = {\r\n  as?: E;\r\n  md?: BreakpointSpace;\r\n  sm?: BreakpointSpace;\r\n  xs?: BreakpointSpace;\r\n} & SpacingProps &\r\n  Omit<ComponentPropsWithoutRef<E>, keyof SpacingProps>;\r\n\r\nexport const GridItem = <E extends ElementType = \"div\">({\r\n  as,\r\n  className,\r\n  style,\r\n  md,\r\n  sm,\r\n  xs,\r\n  ...rest\r\n}: PolymorphicProps<E>) => {\r\n  const Component = as || \"div\";\r\n\r\n  const mdClass = useMemo(() => `col-grid-md-${md ?? \"3\"}`, [md]);\r\n  const smClass = useMemo(() => (sm ? `col-grid-sm-${sm ?? \"6\"}` : \"\"), [sm]);\r\n  const xsClass = useMemo(() => `col-grid-${xs ?? \"12\"}`, [xs]);\r\n\r\n  const classNames = useMemo(() => {\r\n    const spacingClasses = createSpacingClasses(rest);\r\n    return [xsClass, smClass, mdClass, ...spacingClasses].join(\" \");\r\n  }, [mdClass, rest, smClass, xsClass]);\r\n\r\n  return (\r\n    <Component\r\n      className={clsx(className, classNames)}\r\n      style={{\r\n        ...style,\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n"],"names":["GridItem","as","className","style","md","sm","xs","rest","Component","mdClass","useMemo","smClass","xsClass","classNames","spacingClasses","createSpacingClasses","jsx","clsx"],"mappings":";;;;AAsCO,MAAMA,IAAW,CAAgC;AAAA,EACtD,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,IAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAYP,KAAM,OAElBQ,IAAUC,EAAQ,MAAM,eAAeN,KAAM,GAAG,IAAI,CAACA,CAAE,CAAC,GACxDO,IAAUD,EAAQ,MAAOL,IAAK,eAAeA,KAAM,GAAG,KAAK,IAAK,CAACA,CAAE,CAAC,GACpEO,IAAUF,EAAQ,MAAM,YAAYJ,KAAM,IAAI,IAAI,CAACA,CAAE,CAAC,GAEtDO,IAAaH,EAAQ,MAAM;AACzB,UAAAI,IAAiBC,EAAqBR,CAAI;AACzC,WAAA,CAACK,GAASD,GAASF,GAAS,GAAGK,CAAc,EAAE,KAAK,GAAG;AAAA,KAC7D,CAACL,GAASF,GAAMI,GAASC,CAAO,CAAC;AAGlC,SAAAI,gBAAAA,EAAA;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKf,GAAWW,CAAU;AAAA,MACrC,OAAO;AAAA,QACL,GAAGV;AAAA,MACL;AAAA,MACC,GAAGI;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/index.es80.js

@@ -1,37 +1,37 @@
-import { j as i } from "./index.es246.js";
-import { Root as r, Portal as c, Content as d } from "./index.es327.js";
+import { j as o } from "./index.es226.js";
+import { Root as r, Portal as t, Content as c } from "./index.es278.js";
 import './components/ui/InfoModal/InfoModal.css';/* empty css            */
 import { Row as s } from "./index.es9.js";
-import { Actions as t } from "./index.es185.js";
+import { Actions as d } from "./index.es185.js";
 import { Close as m } from "./index.es162.js";
-const b = ({ open: e, setOpen: o, id: a = "", title: l, text: n }) => /* @__PURE__ */ i.jsx(r, { open: e, onOpenChange: o, children: /* @__PURE__ */ i.jsx(c, { children: /* @__PURE__ */ i.jsx("div", { className: "ui-info-modal", children: /* @__PURE__ */ i.jsx(d, { className: "shadow br-x4 ui-info-modal-body", id: a, children: /* @__PURE__ */ i.jsx("div", { className: "bg-lightblue-a03 ui-info-modal-container shadow br-x4", children: /* @__PURE__ */ i.jsxs(s, { p: "x20", gap: "x16", children: [
-  /* @__PURE__ */ i.jsxs("div", { className: "ui-info-modal-icon base-row bg-lightblue-a03", children: [
-    /* @__PURE__ */ i.jsx("div", { className: "ui-info-modal-badge-container", children: /* @__PURE__ */ i.jsx("div", { className: "ui-info-modal-badge" }) }),
-    /* @__PURE__ */ i.jsx(
+const b = ({ open: e, setOpen: i, id: a = "", title: l, text: n }) => /* @__PURE__ */ o.jsx(r, { open: e, onOpenChange: i, children: /* @__PURE__ */ o.jsx(t, { children: /* @__PURE__ */ o.jsx(c, { className: "shadow br-x4 ui-info-modal-body", id: a, children: /* @__PURE__ */ o.jsx("div", { className: "bg-lightblue-a03 ui-info-modal-container shadow br-x4", children: /* @__PURE__ */ o.jsxs(s, { p: "x20", gap: "x16", children: [
+  /* @__PURE__ */ o.jsxs("div", { className: "ui-info-modal-icon base-row bg-lightblue-a03", children: [
+    /* @__PURE__ */ o.jsx("div", { className: "ui-info-modal-badge-container", children: /* @__PURE__ */ o.jsx("div", { className: "ui-info-modal-badge" }) }),
+    /* @__PURE__ */ o.jsx(
       s,
       {
         className: "ui-info-modal-action-container",
         alignItems: "center",
         justifyContent: "center",
-        children: /* @__PURE__ */ i.jsx(t, { width: 24, height: 26, color: "slate-28" })
+        children: /* @__PURE__ */ o.jsx(d, { width: 24, height: 26, color: "slate-28" })
       }
     )
   ] }),
-  /* @__PURE__ */ i.jsxs("div", { className: "w-full", children: [
-    /* @__PURE__ */ i.jsx("p", { className: "my-x8 fs-5 fw-semibold", children: l }),
-    /* @__PURE__ */ i.jsx("p", { children: n })
+  /* @__PURE__ */ o.jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ o.jsx("p", { className: "my-x8 fs-5 fw-semibold", children: l }),
+    /* @__PURE__ */ o.jsx("p", { children: n })
   ] }),
-  /* @__PURE__ */ i.jsx(
+  /* @__PURE__ */ o.jsx(
     m,
     {
       className: "cursor-pointer",
-      onClick: () => o(!1),
+      onClick: () => i(!1),
       width: 32,
       height: 32,
       color: "slate-28"
     }
   )
-] }) }) }) }) }) });
+] }) }) }) }) });
 export {
   b as InfoModal
 };

package/dist/index.es80.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es80.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":";;;;;;AAeM,MAAAA,IAAY,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,IAAI,OAAAC,GAAO,MAAAC,QAE/CC,gBAAAA,EAAAA,IAAAC,GAAA,EAAY,MAAAN,GAAY,cAAcC,GACrC,UAAAI,gBAAAA,EAAA,IAACE,GAAA,EACC,UAAAF,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iBACb,UAACA,gBAAAA,MAAAG,GAAA,EAAe,WAAU,mCAAkC,IAAAN,GAC1D,UAACG,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,yDACb,UAACI,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,GAAG,OAAO,KAAI,OACjB,UAAA;AAAA,EAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iCACb,gCAAC,OAAI,EAAA,WAAU,uBAAsB,EACvC,CAAA;AAAA,IACAA,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,gBAAe;AAAA,QAEf,gCAACC,GAAQ,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,WAAW,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,GACF;AAAA,EACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,UACb,UAAA;AAAA,IAACJ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,0BAA0B,UAAMF,GAAA;AAAA,IAC7CE,gBAAAA,EAAAA,IAAC,OAAG,UAAKD,EAAA,CAAA;AAAA,EAAA,GACX;AAAA,EACAC,gBAAAA,EAAA;AAAA,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,EACF,CAAA,EAAA,CACF,EACF,CAAA,EAAA,CACF,EACF,CAAA;"}
+{"version":3,"file":"index.es80.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        <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      </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":";;;;;;AAeM,MAAAA,IAAY,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,IAAI,OAAAC,GAAO,MAAAC,QAEhDC,gBAAAA,EAAA,IAACC,GAAA,EAAY,MAAAN,GAAY,cAAcC,GACrC,UAACI,gBAAAA,EAAAA,IAAAE,GAAA,EACC,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAe,WAAU,mCAAkC,IAAAN,GAC1D,UAAAG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,yDACb,UAAAI,gBAAAA,EAAA,KAACC,GAAI,EAAA,GAAG,OAAO,KAAI,OACjB,UAAA;AAAA,EAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,IAAAJ,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iCACb,gCAAC,OAAI,EAAA,WAAU,uBAAsB,EACvC,CAAA;AAAA,IACAA,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,gBAAe;AAAA,QAEf,gCAACC,GAAQ,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,WAAW,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,GACF;AAAA,EACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,UACb,UAAA;AAAA,IAACJ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,0BAA0B,UAAMF,GAAA;AAAA,IAC7CE,gBAAAA,EAAAA,IAAC,OAAG,UAAKD,EAAA,CAAA;AAAA,EAAA,GACX;AAAA,EACAC,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAS,MAAMX,EAAQ,EAAK;AAAA,MAC5B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAM;AAAA,IAAA;AAAA,EAAA;AAEV,EAAA,CAAA,EACF,CAAA,GACF,EAAA,CACF,EACF,CAAA;"}

package/dist/index.es81.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es246.js";
+import { j as s } from "./index.es226.js";
 import './components/ui/DoctorSkeleton/DoctorSkeleton.css';/* empty css            */
 const l = () => /* @__PURE__ */ s.jsxs("div", { className: "doctor-skeleton-container", children: [
   /* @__PURE__ */ s.jsxs("div", { className: "doctor-skeleton-header-row", children: [

package/dist/index.es81.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es81.js","sources":["../src/components/ui/DoctorSkeleton/index.tsx"],"sourcesContent":["import \"./DoctorSkeleton.scss\";\n\nexport const DoctorSkeleton = () => {\n  return (\n    <div className=\"doctor-skeleton-container\">\n      {/* Doctor header with title and buttons */}\n      <div className=\"doctor-skeleton-header-row\">\n        <div className=\"doctor-skeleton-doctor-name pulse\"></div>\n        <div className=\"doctor-skeleton-actions\">\n          <div className=\"doctor-skeleton-action-storico pulse\"></div>\n          <div className=\"doctor-skeleton-action-scegli pulse\"></div>\n          <div className=\"doctor-skeleton-action-cambia pulse\"></div>\n        </div>\n      </div>\n\n      {/* Divider */}\n      <div className=\"doctor-skeleton-divider\"></div>\n\n      {/* Info fields in 3-column layout */}\n      <div className=\"doctor-skeleton-info-grid\">\n        {/* Column 1: Anno di nascita */}\n        <div className=\"doctor-skeleton-info-column\">\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\n          <div className=\"doctor-skeleton-info-value pulse\"></div>\n        </div>\n\n        {/* Column 2: Distretto */}\n        <div className=\"doctor-skeleton-info-column\">\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\n          <div className=\"doctor-skeleton-info-value-long pulse\"></div>\n        </div>\n\n        {/* Column 3: Specializzazione */}\n        <div className=\"doctor-skeleton-info-column\">\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\n          <div className=\"doctor-skeleton-info-value pulse\"></div>\n        </div>\n      </div>\n\n      {/* Selection date in separate row */}\n      <div className=\"doctor-skeleton-selection-date\">\n        <div className=\"doctor-skeleton-info-label pulse\"></div>\n        <div className=\"doctor-skeleton-info-value pulse\"></div>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"doctor-skeleton-tabs-container\">\n        <div className=\"doctor-skeleton-tab-active pulse\"></div>\n        <div className=\"doctor-skeleton-tab-divider\"></div>\n      </div>\n\n      {/* Office address */}\n      <div className=\"doctor-skeleton-office\">\n        <div className=\"doctor-skeleton-office-title pulse\"></div>\n\n        {/* Contact info and schedule in two columns */}\n        <div className=\"doctor-skeleton-office-grid\">\n          {/* Left column - Contact info */}\n          <div className=\"doctor-skeleton-contact-column\">\n            <div className=\"doctor-skeleton-contact-item\">\n              <div className=\"doctor-skeleton-contact-label pulse\"></div>\n              <div className=\"doctor-skeleton-contact-value pulse\"></div>\n            </div>\n            <div className=\"doctor-skeleton-contact-item\">\n              <div className=\"doctor-skeleton-contact-label pulse\"></div>\n              <div className=\"doctor-skeleton-contact-value pulse\"></div>\n            </div>\n          </div>\n\n          {/* Right column - Schedule */}\n          <div className=\"doctor-skeleton-schedule-column\">\n            <div className=\"doctor-skeleton-schedule-title pulse\"></div>\n            <div className=\"doctor-skeleton-schedule-grid\">\n              {/* Row 1 */}\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n\n              {/* Row 2 */}\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n\n              {/* Row 3 */}\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["DoctorSkeleton","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index.es81.js","sources":["../src/components/ui/DoctorSkeleton/index.tsx"],"sourcesContent":["import \"./DoctorSkeleton.scss\";\r\n\r\nexport const DoctorSkeleton = () => {\r\n  return (\r\n    <div className=\"doctor-skeleton-container\">\r\n      {/* Doctor header with title and buttons */}\r\n      <div className=\"doctor-skeleton-header-row\">\r\n        <div className=\"doctor-skeleton-doctor-name pulse\"></div>\r\n        <div className=\"doctor-skeleton-actions\">\r\n          <div className=\"doctor-skeleton-action-storico pulse\"></div>\r\n          <div className=\"doctor-skeleton-action-scegli pulse\"></div>\r\n          <div className=\"doctor-skeleton-action-cambia pulse\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Divider */}\r\n      <div className=\"doctor-skeleton-divider\"></div>\r\n\r\n      {/* Info fields in 3-column layout */}\r\n      <div className=\"doctor-skeleton-info-grid\">\r\n        {/* Column 1: Anno di nascita */}\r\n        <div className=\"doctor-skeleton-info-column\">\r\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\r\n          <div className=\"doctor-skeleton-info-value pulse\"></div>\r\n        </div>\r\n\r\n        {/* Column 2: Distretto */}\r\n        <div className=\"doctor-skeleton-info-column\">\r\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\r\n          <div className=\"doctor-skeleton-info-value-long pulse\"></div>\r\n        </div>\r\n\r\n        {/* Column 3: Specializzazione */}\r\n        <div className=\"doctor-skeleton-info-column\">\r\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\r\n          <div className=\"doctor-skeleton-info-value pulse\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Selection date in separate row */}\r\n      <div className=\"doctor-skeleton-selection-date\">\r\n        <div className=\"doctor-skeleton-info-label pulse\"></div>\r\n        <div className=\"doctor-skeleton-info-value pulse\"></div>\r\n      </div>\r\n\r\n      {/* Tabs */}\r\n      <div className=\"doctor-skeleton-tabs-container\">\r\n        <div className=\"doctor-skeleton-tab-active pulse\"></div>\r\n        <div className=\"doctor-skeleton-tab-divider\"></div>\r\n      </div>\r\n\r\n      {/* Office address */}\r\n      <div className=\"doctor-skeleton-office\">\r\n        <div className=\"doctor-skeleton-office-title pulse\"></div>\r\n\r\n        {/* Contact info and schedule in two columns */}\r\n        <div className=\"doctor-skeleton-office-grid\">\r\n          {/* Left column - Contact info */}\r\n          <div className=\"doctor-skeleton-contact-column\">\r\n            <div className=\"doctor-skeleton-contact-item\">\r\n              <div className=\"doctor-skeleton-contact-label pulse\"></div>\r\n              <div className=\"doctor-skeleton-contact-value pulse\"></div>\r\n            </div>\r\n            <div className=\"doctor-skeleton-contact-item\">\r\n              <div className=\"doctor-skeleton-contact-label pulse\"></div>\r\n              <div className=\"doctor-skeleton-contact-value pulse\"></div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Right column - Schedule */}\r\n          <div className=\"doctor-skeleton-schedule-column\">\r\n            <div className=\"doctor-skeleton-schedule-title pulse\"></div>\r\n            <div className=\"doctor-skeleton-schedule-grid\">\r\n              {/* Row 1 */}\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n\r\n              {/* Row 2 */}\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n\r\n              {/* Row 3 */}\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DoctorSkeleton","jsxs","jsx"],"mappings":"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"}

package/dist/index.es82.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import './components/ui/InfoCardSkeleton/InfoCardSkeleton.css';/* empty css            */
 const s = () => /* @__PURE__ */ e.jsx("div", { className: "data-banner-skeleton pulse", children: /* @__PURE__ */ e.jsx("div", { className: "data-banner-skeleton-content" }) });
 export {

package/dist/index.es82.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es82.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,OAAI,EAAA,WAAU,gCAGf,EACF,CAAA;"}
+{"version":3,"file":"index.es82.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,OAAI,EAAA,WAAU,gCAGf,EACF,CAAA;"}

package/dist/index.es83.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es246.js";
+import { j as s } from "./index.es226.js";
 import './components/ui/TableSkeleton/TableSkeleton.css';/* empty css            */
 const a = () => /* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton", children: [
   /* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-title pulse" }),

package/dist/index.es83.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es83.js","sources":["../src/components/ui/TableSkeleton/index.tsx"],"sourcesContent":["import \"./TableSkeleton.scss\";\n\nexport const TableSkeleton = () => {\n  return (\n    <div className=\"family-doctor-skeleton\">\n      {/* Section title */}\n      <div className=\"family-doctor-skeleton-title pulse\"></div>\n\n      {/* Card content */}\n      <div className=\"family-doctor-skeleton-card\">\n        {/* Avatar and doctor info */}\n        <div className=\"family-doctor-skeleton-header\">\n          <div className=\"family-doctor-skeleton-avatar pulse\"></div>\n          <div className=\"family-doctor-skeleton-info\">\n            <div className=\"family-doctor-skeleton-name pulse\"></div>\n            <div className=\"family-doctor-skeleton-dash pulse\"></div>\n          </div>\n        </div>\n\n        {/* Two-column layout for contact and schedule */}\n        <div className=\"family-doctor-skeleton-content\">\n          {/* Left column - Contact info */}\n          <div className=\"family-doctor-skeleton-left-column\">\n            {/* Phone */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\n            </div>\n\n            {/* Email */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-dash-value pulse\"></div>\n            </div>\n\n            {/* Address */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\n            </div>\n\n            {/* Change doctor button */}\n            <div className=\"family-doctor-skeleton-button pulse\"></div>\n          </div>\n\n          {/* Right column - Schedule */}\n          <div className=\"family-doctor-skeleton-right-column\">\n            <div className=\"family-doctor-skeleton-schedule-title pulse\"></div>\n            <div className=\"family-doctor-skeleton-schedule\">\n              {/* Row 1: Monday and Thursday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n\n              {/* Row 2: Tuesday and Friday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n\n              {/* Row 3: Wednesday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["TableSkeleton","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index.es83.js","sources":["../src/components/ui/TableSkeleton/index.tsx"],"sourcesContent":["import \"./TableSkeleton.scss\";\r\n\r\nexport const TableSkeleton = () => {\r\n  return (\r\n    <div className=\"family-doctor-skeleton\">\r\n      {/* Section title */}\r\n      <div className=\"family-doctor-skeleton-title pulse\"></div>\r\n\r\n      {/* Card content */}\r\n      <div className=\"family-doctor-skeleton-card\">\r\n        {/* Avatar and doctor info */}\r\n        <div className=\"family-doctor-skeleton-header\">\r\n          <div className=\"family-doctor-skeleton-avatar pulse\"></div>\r\n          <div className=\"family-doctor-skeleton-info\">\r\n            <div className=\"family-doctor-skeleton-name pulse\"></div>\r\n            <div className=\"family-doctor-skeleton-dash pulse\"></div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Two-column layout for contact and schedule */}\r\n        <div className=\"family-doctor-skeleton-content\">\r\n          {/* Left column - Contact info */}\r\n          <div className=\"family-doctor-skeleton-left-column\">\r\n            {/* Phone */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Email */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-dash-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Address */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Change doctor button */}\r\n            <div className=\"family-doctor-skeleton-button pulse\"></div>\r\n          </div>\r\n\r\n          {/* Right column - Schedule */}\r\n          <div className=\"family-doctor-skeleton-right-column\">\r\n            <div className=\"family-doctor-skeleton-schedule-title pulse\"></div>\r\n            <div className=\"family-doctor-skeleton-schedule\">\r\n              {/* Row 1: Monday and Thursday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* Row 2: Tuesday and Friday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* Row 3: Wednesday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableSkeleton","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAgB,MAEzBC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,0BAEb,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,qCAAqC,CAAA;AAAA,EAGpDD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,+BAEb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,sCAAsC,CAAA;AAAA,MACrDD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,+BACb,UAAA;AAAA,QAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,oCAAoC,CAAA;AAAA,QACnDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,oCAAoC,CAAA;AAAA,MAAA,EACrD,CAAA;AAAA,IAAA,GACF;AAAA,IAGAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,kCAEb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,sCAEb,UAAA;AAAA,QAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,qCAAqC,CAAA;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,qCAAqC,CAAA;AAAA,QAAA,GACtD;AAAA,QAGAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,UAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,qCAAqC,CAAA;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,0CAA0C,CAAA;AAAA,QAAA,GAC3D;AAAA,QAGAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,UAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,qCAAqC,CAAA;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,qCAAqC,CAAA;AAAA,QAAA,GACtD;AAAA,QAGAA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,sCAAsC,CAAA;AAAA,MAAA,GACvD;AAAA,MAGAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,QAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,8CAA8C,CAAA;AAAA,QAC7DD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mCAEb,UAAA;AAAA,UAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,YAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,cAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wCAAwC,CAAA;AAAA,cACvDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,qCAAqC,CAAA;AAAA,YAAA,GACtD;AAAA,YAEAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,cAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wCAAwC,CAAA;AAAA,cACvDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,qCAAqC,CAAA;AAAA,cACpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,qCAAqC,CAAA;AAAA,YAAA,EACtD,CAAA;AAAA,UAAA,GACF;AAAA,UAGAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,0CACb,UAAA;AAAA,YAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,cAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wCAAwC,CAAA;AAAA,cACvDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,qCAAqC,CAAA;AAAA,YAAA,GACtD;AAAA,YAEAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,cAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wCAAwC,CAAA;AAAA,cACvDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,qCAAqC,CAAA;AAAA,cACpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,qCAAqC,CAAA;AAAA,YAAA,EACtD,CAAA;AAAA,UAAA,GACF;AAAA,gCAGC,OAAI,EAAA,WAAU,0CACb,UAACD,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,YAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wCAAwC,CAAA;AAAA,YACvDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,qCAAqC,CAAA;AAAA,UAAA,EAAA,CACtD,EACF,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}