@anoki/fse-ui 1.0.0-beta1.50.23 → 1.0.0-beta1.50.4

package/dist/index.es75.js

@@ -1,80 +1,71 @@
-import { j as a } from "./index.es246.js";
+import { j as x } from "./index.es245.js";
 import './components/ui/InfoPopup/InfoPopup.css';/* empty css            */
-import { clsx as m } from "./index.es247.js";
-import { Root as n, Trigger as t, Content as c, Close as $ } from "./index.es347.js";
-import { Button as g } from "./index.es348.js";
+import { clsx as i } from "./index.es246.js";
+import { Root as n, Trigger as t, Content as c, Close as $ } from "./index.es346.js";
+import { Button as g } from "./index.es347.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\";\r\nimport \"./InfoPopup.scss\";\r\nimport { Close, Info } from \"@/icons\";\r\nimport { Button, Popover } from \"@radix-ui/themes\";\r\nimport clsx from \"clsx\";\r\nimport React from \"react\";\r\n\r\nexport type InfoPopupProps = PropsWithChildren<{\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  isOpen?: boolean;\r\n  onClickCloseBtn?: () => void;\r\n  className?: string;\r\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\r\n  width?: string | 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\r\n      defaultOpen={false}\r\n      open={isOpen}\r\n      onOpenChange={onClickCloseBtn}\r\n      modal={false}\r\n    >\r\n      <Popover.Trigger className=\"position-relative\">\r\n        <Button className=\"ui-popup-trigger-button\">\r\n          <Info color=\"primary\" />\r\n        </Button>\r\n      </Popover.Trigger>\r\n      <Popover.Content\r\n        className={clsx(className, \"dialog\")}\r\n        side={positionPopUp}\r\n        tabIndex={-1}\r\n        width={{\r\n          initial: `${width}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":";;;;;;;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.es245.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.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.es245.js";
+import n from "./index.es226.js";
 import "./index.es3.js";
 import './components/ui/DatePicker/DatePicker.css';/* empty css            */
-import { clsx as D } from "./index.es247.js";
+import { clsx as D } from "./index.es246.js";
 import { useRef as h, useEffect as j } from "react";
 const F = ({
   label: s,

package/dist/index.es78.js

@@ -1,5 +1,5 @@
-import { j as i } from "./index.es246.js";
-import { clsx as h } from "./index.es247.js";
+import { j as i } from "./index.es245.js";
+import { clsx as h } from "./index.es246.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.es79.js

@@ -1,15 +1,15 @@
-import { j as e } from "./index.es246.js";
-import { clsx as o } from "./index.es247.js";
-import { ActionIconText as f } from "./index.es67.js";
+import { j as e } from "./index.es245.js";
+import { clsx as l } from "./index.es246.js";
+import { ActionIconText as d } from "./index.es67.js";
 import './components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css';/* empty css            */
-import { Info as x } from "./index.es201.js";
-const n = (s) => `notifications-settings-header-${s}`, y = ({
-  className: s,
-  showEmail: r = !1,
-  showSms: d = !1,
-  ...c
+import { Info as c } from "./index.es201.js";
+const j = ({
+  className: a,
+  showEmail: o = !1,
+  showSms: n = !1,
+  ...r
 }) => {
-  const a = [
+  const t = [
     {
       label: "Categoria notifica",
       noIcon: !0,
@@ -21,7 +21,7 @@ const n = (s) => `notifications-settings-header-${s}`, y = ({
       label: "SMS",
       fixedWidth: !0,
       key: "sms",
-      visible: d,
+      visible: n,
       popupInfo: {
         title: "SMS",
         description: "SMS come metodo di notifica",
@@ -34,7 +34,7 @@ const n = (s) => `notifications-settings-header-${s}`, y = ({
       label: "Email",
       fixedWidth: !0,
       key: "email",
-      visible: r,
+      visible: o,
       popupInfo: {
         title: "Email",
         description: "Email come metodo di notifica",
@@ -47,64 +47,42 @@ const n = (s) => `notifications-settings-header-${s}`, y = ({
     (i) => i.alwaysVisible || i.visible
   );
   return /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsx("div", { className: o(s), ...c, children: /* @__PURE__ */ e.jsxs("table", { className: "w-full flex", role: "table", children: [
-      /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { className: "w-full flex", children: a.map((i, l) => {
-        const t = n(i.key);
-        return /* @__PURE__ */ e.jsx(
-          "th",
+    /* @__PURE__ */ e.jsx("div", { className: l(a), ...r, children: /* @__PURE__ */ e.jsx("table", { className: "w-full flex", children: /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { className: "w-full flex", children: t.map((i, s) => /* @__PURE__ */ e.jsx(
+      "th",
+      {
+        className: l(
+          "table-header-divider-cell w-full",
+          i.isFlex ? "flex-1" : "flex-none"
+        ),
+        children: /* @__PURE__ */ e.jsx(
+          "div",
           {
-            id: t,
-            scope: "col",
-            "aria-colindex": l + 1,
-            "data-column-key": i.key,
-            className: o(
-              "table-header-divider-cell w-full",
-              i.isFlex ? "flex-1" : "flex-none"
+            className: l(
+              "table__cell--header--content",
+              i.fixedWidth ? "table-header-fixed-width " : ""
             ),
-            title: i.label,
-            children: /* @__PURE__ */ e.jsx(
-              "div",
+            children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
+              d,
               {
-                className: o(
-                  "table__cell--header--content",
-                  i.fixedWidth ? "table-header-fixed-width " : ""
-                ),
-                children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-                  f,
-                  {
-                    classNameText: "text-grey-black",
-                    noIcon: i.noIcon,
-                    icon: /* @__PURE__ */ e.jsx(x, {}),
-                    textLabel: i.label,
-                    iconPosition: "right",
-                    popupInfo: i.popupInfo,
-                    positionPopUp: a.length === l + 1 ? "left" : "right"
-                  }
-                ) })
+                classNameText: "text-grey-black",
+                noIcon: i.noIcon,
+                icon: /* @__PURE__ */ e.jsx(c, {}),
+                textLabel: i.label,
+                iconPosition: "right",
+                popupInfo: i.popupInfo,
+                positionPopUp: t.length === s + 1 ? "left" : "right"
               }
-            )
-          },
-          t
-        );
-      }) }) }),
-      /* @__PURE__ */ e.jsx("tbody", { children: /* @__PURE__ */ e.jsx("tr", { className: "sr-only", children: a.map((i, l) => {
-        const t = n(i.key);
-        return /* @__PURE__ */ e.jsx(
-          "td",
-          {
-            headers: t,
-            "aria-colindex": l + 1
-          },
-          `${t}-data`
-        );
-      }) }) })
-    ] }) }),
+            ) })
+          }
+        )
+      },
+      `${i.label}-${s}`
+    )) }) }) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "table-header-divider" })
   ] });
 };
 export {
-  y as NotificationsSettingsHeader,
-  y as default,
-  n as notificationsSettingsHeaderId
+  j as NotificationsSettingsHeader,
+  j as default
 };
 //# sourceMappingURL=index.es79.js.map

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\";\r\nimport { Info } from \"@/icons\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport \"./NotificationsSettingsHeader.scss\";\r\n\r\ntype TableHeaderProps = {\r\n  className?: string;\r\n  showEmail?: boolean;\r\n  showSms?: boolean;\r\n};\r\n\r\nexport const notificationsSettingsHeaderId = (columnKey: string) =>\r\n  `notifications-settings-header-${columnKey}`;\r\n\r\nexport const NotificationsSettingsHeader = ({\r\n  className,\r\n  showEmail = false,\r\n  showSms = false,\r\n  ...props\r\n}: TableHeaderProps) => {\r\n  const allColumns = [\r\n    {\r\n      label: \"Categoria notifica\",\r\n      noIcon: true,\r\n      isFlex: true,\r\n      key: \"category\",\r\n      alwaysVisible: true,\r\n    },\r\n    {\r\n      label: \"SMS\",\r\n      fixedWidth: true,\r\n      key: \"sms\",\r\n      visible: showSms,\r\n      popupInfo: {\r\n        title: \"SMS\",\r\n        description: \"SMS come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n      },\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\" role=\"table\">\r\n          <thead>\r\n            <tr className=\"w-full flex\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <th\r\n                    key={headerId}\r\n                    id={headerId}\r\n                    scope=\"col\"\r\n                    aria-colindex={index + 1}\r\n                    data-column-key={column.key}\r\n                    className={clsx(\r\n                      \"table-header-divider-cell w-full\",\r\n                      column.isFlex ? \"flex-1\" : \"flex-none\",\r\n                    )}\r\n                    title={column.label}\r\n                  >\r\n                    <div\r\n                      className={clsx(\r\n                        \"table__cell--header--content\",\r\n                        column.fixedWidth ? \"table-header-fixed-width \" : \"\",\r\n                      )}\r\n                    >\r\n                      <div>\r\n                        <ActionIconText\r\n                          classNameText={\"text-grey-black\"}\r\n                          noIcon={column.noIcon}\r\n                          icon={<Info />}\r\n                          textLabel={column.label}\r\n                          iconPosition={\"right\"}\r\n                          popupInfo={column.popupInfo}\r\n                          positionPopUp={\r\n                            visibleColumns.length === index + 1\r\n                              ? \"left\"\r\n                              : \"right\"\r\n                          }\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                  </th>\r\n                );\r\n              })}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr className=\"sr-only\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <td\r\n                    key={`${headerId}-data`}\r\n                    headers={headerId}\r\n                    aria-colindex={index + 1}\r\n                  >\r\n                    {/* Empty data cell for accessibility */}\r\n                  </td>\r\n                );\r\n              })}\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div className={\"table-header-divider\"} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NotificationsSettingsHeader;\r\n"],"names":["notificationsSettingsHeaderId","columnKey","NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","jsxs","index","headerId","ActionIconText","Info"],"mappings":";;;;;AAWO,MAAMA,IAAgC,CAACC,MAC5C,iCAAiCA,CAAS,IAE/BC,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,IAAAC,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWC,EAAKP,CAAS,GAAI,GAAGG,GACnC,UAAAK,gBAAAA,EAAA,KAAC,SAAM,EAAA,WAAU,eAAc,MAAK,SAClC,UAAA;AAAA,MAACF,gBAAAA,EAAAA,IAAA,SAAA,EACC,gCAAC,MAAG,EAAA,WAAU,eACX,UAAeF,EAAA,IAAI,CAACC,GAAQI,MAAU;AAC/B,cAAAC,IAAWb,EAA8BQ,EAAO,GAAG;AAEvD,eAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,IAAII;AAAA,YACJ,OAAM;AAAA,YACN,iBAAeD,IAAQ;AAAA,YACvB,mBAAiBJ,EAAO;AAAA,YACxB,WAAWE;AAAA,cACT;AAAA,cACAF,EAAO,SAAS,WAAW;AAAA,YAC7B;AAAA,YACA,OAAOA,EAAO;AAAA,YAEd,UAAAC,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWC;AAAA,kBACT;AAAA,kBACAF,EAAO,aAAa,8BAA8B;AAAA,gBACpD;AAAA,gBAEA,gCAAC,OACC,EAAA,UAAAC,gBAAAA,EAAA;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACC,eAAe;AAAA,oBACf,QAAQN,EAAO;AAAA,oBACf,4BAAOO,GAAK,EAAA;AAAA,oBACZ,WAAWP,EAAO;AAAA,oBAClB,cAAc;AAAA,oBACd,WAAWA,EAAO;AAAA,oBAClB,eACED,EAAe,WAAWK,IAAQ,IAC9B,SACA;AAAA,kBAAA;AAAA,gBAAA,EAGV,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAhCKC;AAAA,QAiCP;AAAA,MAAA,CAEH,GACH,EACF,CAAA;AAAA,MACAJ,gBAAAA,EAAAA,IAAC,SACC,EAAA,UAAAA,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAU,WACX,UAAeF,EAAA,IAAI,CAACC,GAAQI,MAAU;AAC/B,cAAAC,IAAWb,EAA8BQ,EAAO,GAAG;AAEvD,eAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAASI;AAAA,YACT,iBAAeD,IAAQ;AAAA,UAAA;AAAA,UAFlB,GAAGC,CAAQ;AAAA,QAKlB;AAAA,MAEH,CAAA,EACH,CAAA,EACF,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,IACAJ,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.es245.js";
 import { useMemo as s } from "react";
-import { clsx as x } from "./index.es247.js";
-import { createSpacingClasses as f } from "./index.es248.js";
+import { clsx as x } from "./index.es246.js";
+import { createSpacingClasses as f } from "./index.es247.js";
 const v = ({
   as: e,
   className: i,

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.es297.js";
+import { j as o } from "./index.es245.js";
+import { Root as r, Portal as t, Content as c } from "./index.es296.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\";\r\n\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Row } from \"@/components\";\r\nimport { Actions, Close } from \"@/icons\";\r\nimport \"./InfoModal.scss\";\r\n\r\ntype InfoModalProps = {\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  id?: string;\r\n  title: string;\r\n  text: string;\r\n};\r\n\r\nconst InfoModal = ({ open, setOpen, id = \"\", title, text }: InfoModalProps) => {\r\n  return (\r\n    <Dialog.Root open={open} onOpenChange={setOpen}>\r\n      <Dialog.Portal>\r\n        <div className=\"ui-info-modal\">\r\n          <Dialog.Content className=\"shadow br-x4 ui-info-modal-body\" id={id}>\r\n            <div className=\"bg-lightblue-a03 ui-info-modal-container shadow br-x4\">\r\n              <Row p={\"x20\"} gap=\"x16\">\r\n                <div className=\"ui-info-modal-icon base-row bg-lightblue-a03\">\r\n                  <div className=\"ui-info-modal-badge-container\">\r\n                    <div className=\"ui-info-modal-badge\" />\r\n                  </div>\r\n                  <Row\r\n                    className=\"ui-info-modal-action-container\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"center\"\r\n                  >\r\n                    <Actions width={24} height={26} color=\"slate-28\" />\r\n                  </Row>\r\n                </div>\r\n                <div className=\"w-full\">\r\n                  <p className=\"my-x8 fs-5 fw-semibold\">{title}</p>\r\n                  <p>{text}</p>\r\n                </div>\r\n                <Close\r\n                  className=\"cursor-pointer\"\r\n                  onClick={() => setOpen(false)}\r\n                  width={32}\r\n                  height={32}\r\n                  color=\"slate-28\"\r\n                />\r\n              </Row>\r\n            </div>\r\n          </Dialog.Content>\r\n        </div>\r\n      </Dialog.Portal>\r\n    </Dialog.Root>\r\n  );\r\n};\r\n\r\nexport { InfoModal };\r\n"],"names":["InfoModal","open","setOpen","id","title","text","jsx","Dialog.Root","Dialog.Portal","Dialog.Content","jsxs","Row","Actions","Close"],"mappings":";;;;;;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.es245.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.es82.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es245.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.es83.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es246.js";
+import { j as s } from "./index.es245.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.es84.js

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

package/dist/index.es85.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es246.js";
+import { j as s } from "./index.es245.js";
 import './components/ui/ServicesListSkeleton/ServicesListSkeleton.css';/* empty css            */
 const i = () => /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-container", children: [
   /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-breadcrumb", children: [

package/dist/index.es86.js

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

package/dist/index.es87.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es245.js";
 import './components/ui/DocumentDetailSkeleton/DocumentDetailSkeleton.css';/* empty css            */
 const d = () => /* @__PURE__ */ e.jsxs("div", { className: "doc-detail-skeleton-container", children: [
   /* @__PURE__ */ e.jsx("div", { className: "doc-detail-skeleton-header", children: /* @__PURE__ */ e.jsxs("div", { className: "doc-detail-skeleton-title-area", children: [

package/dist/index.es88.js

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

package/dist/index.es89.js

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

package/dist/index.es9.js

@@ -1,9 +1,9 @@
-import { j as x } from "./index.es246.js";
+import { j as x } from "./index.es245.js";
 import { useMemo as y } from "react";
-import { clsx as g } from "./index.es247.js";
-import { createSpacingClasses as j } from "./index.es248.js";
-import { createColorClasses as u } from "./index.es250.js";
-import { createTypographyClasses as h } from "./index.es251.js";
+import { clsx as g } from "./index.es246.js";
+import { createSpacingClasses as j } from "./index.es247.js";
+import { createColorClasses as u } from "./index.es249.js";
+import { createTypographyClasses as h } from "./index.es250.js";
 const E = ({
   as: o,
   className: r,

package/dist/index.es90.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es245.js";
 import './components/ui/ConsentPrivacySkeleton/ConsentPrivacySkeleton.css';/* empty css            */
 const t = () => /* @__PURE__ */ e.jsxs("div", { className: "consent-skeleton-container", children: [
   /* @__PURE__ */ e.jsxs("div", { className: "consent-skeleton-header", children: [

package/dist/index.es91.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es246.js";
+import { j as s } from "./index.es245.js";
 import './components/ui/NotificationSettingsSkeleton/NotificationSettingsSkeleton.css';/* empty css            */
 const i = () => /* @__PURE__ */ s.jsxs("div", { className: "simple-skeleton-container", children: [
   /* @__PURE__ */ s.jsx("div", { className: "simple-skeleton-header pulse" }),

package/dist/index.es92.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es245.js";
 import './components/ui/SearchStructureSkeleton/SearchStructureSkeleton.css';/* empty css            */
 const r = () => /* @__PURE__ */ e.jsxs("div", { className: "search-structure-skeleton-container", children: [
   /* @__PURE__ */ e.jsxs("div", { className: "search-structure-skeleton-breadcrumb", children: [

package/dist/index.es93.js

@@ -1,4 +1,4 @@
-import { j as i } from "./index.es246.js";
+import { j as i } from "./index.es245.js";
 import './components/ui/ActionPoint/ActionPoint.css';/* empty css            */
 const e = ({ links: n }) => /* @__PURE__ */ i.jsx("div", { className: "action-point", children: n.map((t, o) => /* @__PURE__ */ i.jsx("a", { className: "link", href: t.link, children: t.title }, o)) });
 export {

package/dist/index.es94.js

@@ -1,4 +1,4 @@
-import { j as l } from "./index.es246.js";
+import { j as l } from "./index.es245.js";
 import './components/ui/Blockquote/Blockquote.css';/* empty css            */
 var o = /* @__PURE__ */ ((e) => (e.LEFTLINE = "left-line", e.BLUEBOX = "blue-box", e.LIGHTBG = "light-bg", e))(o || {});
 function x({

package/dist/index.es95.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es246.js";
+import { j as s } from "./index.es245.js";
 import './components/ui/Callout/Callout.css';/* empty css            */
 import { ErrorExagon as i } from "./index.es205.js";
 import { Info as r } from "./index.es201.js";