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

package/dist/index.es64.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es246.js";
-import { createColorClasses as l } from "./index.es250.js";
-import { clsx as x } from "./index.es247.js";
+import { j as s } from "./index.es226.js";
+import { createColorClasses as l } from "./index.es230.js";
+import { clsx as x } from "./index.es227.js";
 const p = ({
   initials: e,
   bg: r,

package/dist/index.es65.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es246.js";
+import { j as r } from "./index.es226.js";
 const x = ({ links: t, asLink: a = "a", onClick: o }) => {
   const m = a;
   return /* @__PURE__ */ r.jsx("ul", { className: "list-style-none", role: "list", children: t == null ? void 0 : t.map((e) => {

package/dist/index.es66.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es246.js";
-import { clsx as c } from "./index.es247.js";
+import { j as s } from "./index.es226.js";
+import { clsx as c } from "./index.es227.js";
 import './components/ui/RadioCard/RadioCard.css';/* empty css            */
 import { Col as t } from "./index.es10.js";
 const h = ({

package/dist/index.es67.js

@@ -1,44 +1,43 @@
-import { j as t } from "./index.es246.js";
-import { clsx as u } from "./index.es247.js";
-import T, { useMemo as _ } from "react";
+import { j as t } from "./index.es226.js";
+import { clsx as u } from "./index.es227.js";
+import F, { useMemo as T } from "react";
 import { InfoPopup as C } from "./index.es75.js";
-import "./index.es339.js";
+import "./index.es320.js";
 import { Favourite as N } from "./index.es186.js";
 import { Row as m } from "./index.es9.js";
-const q = ({
-  iconColor: i,
-  icon: c = /* @__PURE__ */ t.jsx(N, { color: i }),
+const z = ({
+  iconColor: c,
+  icon: x = /* @__PURE__ */ t.jsx(N, { color: c }),
   noIcon: l = !1,
-  textLabel: O = "Default text",
+  textLabel: h = "Default text",
   handleAction: d = () => {
   },
-  handleIconAction: k = () => {
+  handleIconAction: n = () => {
   },
-  classNameComponent: R = "fs-7",
-  classNameText: h = "",
-  disablePointer: x = !1,
+  classNameComponent: O = "fs-7",
+  classNameText: R = "",
+  disablePointer: i = !1,
   iconPosition: r = "left",
   popupInfo: e,
-  positionPopUp: n = "right",
+  positionPopUp: k = "right",
   justifyContent: v = "center",
   alignItems: w = "center",
   children: j = void 0
 }) => {
   const g = (s) => {
-    !x && k && (s.stopPropagation(), e && f(!a), k());
-  }, [a, f] = T.useState(!1), B = _(() => c || /* @__PURE__ */ t.jsx(N, { color: i }), [i, c]);
-  return /* @__PURE__ */ t.jsxs(
+    !i && n && (s.stopPropagation(), e && f(!a), n());
+  }, [a, f] = F.useState(!1), B = T(() => x || /* @__PURE__ */ t.jsx(N, { color: c }), [c, x]);
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs(
     m,
     {
       justifyContent: v,
       alignItems: w,
       gap: "x8",
       className: u(
-        "position-relative",
-        x ? "text-muted" : "cursor-pointer text-primary",
-        R
+        i ? "text-muted" : "cursor-pointer text-primary",
+        O
       ),
-      onClick: () => d && !x && d(),
+      onClick: () => d && !i && d(),
       children: [
         !l && (r === "left" || r == null) && !e ? /* @__PURE__ */ t.jsx(m, { alignItems: "center", onClick: (s) => g(s), children: B }) : e && !l && (r === "left" || r == null) && /* @__PURE__ */ t.jsx(
           C,
@@ -46,12 +45,12 @@ const q = ({
             title: e.title,
             description: e.description,
             isOpen: a,
-            positionPopUp: n,
+            positionPopUp: k,
             onClickCloseBtn: () => f(!a),
             className: e.className
           }
         ),
-        /* @__PURE__ */ t.jsx("p", { className: u("fw-bold", h), children: O }),
+        /* @__PURE__ */ t.jsx("p", { className: u("fw-bold", R), children: h }),
         !l && r === "right" && !e ? /* @__PURE__ */ t.jsxs(
           m,
           {
@@ -60,7 +59,7 @@ const q = ({
             onClick: (s) => g(s),
             children: [
               j,
-              c
+              x
             ]
           }
         ) : e && !l && r === "right" && /* @__PURE__ */ t.jsx(
@@ -69,7 +68,7 @@ const q = ({
             title: e.title,
             description: e.description,
             isOpen: a,
-            positionPopUp: n,
+            positionPopUp: k,
             onClickCloseBtn: () => f(!a),
             className: e.className
           }
@@ -85,9 +84,9 @@ const q = ({
         )
       ]
     }
-  );
+  ) });
 };
 export {
-  q as ActionIconText
+  z as ActionIconText
 };
 //# sourceMappingURL=index.es67.js.map

package/dist/index.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es67.js","sources":["../src/components/ui/ActionIconText/index.tsx"],"sourcesContent":["import { Favourite } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport React, { CSSProperties, useMemo } from \"react\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport { InfoPopup, InfoPopupProps } from \"../InfoPopup\";\r\nimport \"./ActionIconText.scss\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type ActionIconTextProps = PropsWithChildren<{\r\n  icon?: ReactNode;\r\n  noIcon?: boolean;\r\n  textLabel?: string;\r\n  handleAction?: () => void;\r\n  handleIconAction?: () => void;\r\n  classNameComponent?: string;\r\n  classNameText?: string;\r\n  disablePointer?: boolean;\r\n  iconPosition?: \"left\" | \"right\";\r\n  popupInfo?: InfoPopupProps;\r\n  iconColor?: ColorKeys;\r\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\r\n  justifyContent?: CSSProperties[\"justifyContent\"];\r\n  alignItems?: CSSProperties[\"alignItems\"];\r\n  children?: ReactNode;\r\n}>;\r\n\r\nexport const ActionIconText = ({\r\n  iconColor,\r\n  icon = <Favourite color={iconColor} />,\r\n  noIcon = false,\r\n  textLabel = \"Default text\",\r\n  handleAction = () => {},\r\n  handleIconAction = () => {},\r\n  classNameComponent = \"fs-7\",\r\n  classNameText = \"\",\r\n  disablePointer = false,\r\n  iconPosition = \"left\",\r\n  popupInfo,\r\n  positionPopUp = \"right\",\r\n  justifyContent = \"center\",\r\n  alignItems = \"center\",\r\n  children = undefined,\r\n}: ActionIconTextProps) => {\r\n  const runIconAction = (e: React.MouseEvent) => {\r\n    if (!disablePointer && handleIconAction) {\r\n      e.stopPropagation();\r\n      if (popupInfo) {\r\n        setPopupIsOpen(!popupIsOpen);\r\n      }\r\n      handleIconAction();\r\n    }\r\n  };\r\n\r\n  const [popupIsOpen, setPopupIsOpen] = React.useState(false);\r\n\r\n  const iconToRender = useMemo(() => {\r\n    return icon || <Favourite color={iconColor} />;\r\n  }, [iconColor, icon]);\r\n\r\n  return (\r\n    <Row\r\n      justifyContent={justifyContent}\r\n      alignItems={alignItems}\r\n      gap={\"x8\"}\r\n      className={clsx(\r\n        \"position-relative\",\r\n        disablePointer ? \"text-muted\" : \"cursor-pointer text-primary\",\r\n        classNameComponent,\r\n      )}\r\n      onClick={() => handleAction && !disablePointer && handleAction()}\r\n    >\r\n      {!noIcon &&\r\n      (iconPosition === \"left\" || iconPosition == null) &&\r\n      !popupInfo ? (\r\n        <Row alignItems={\"center\"} onClick={(e) => runIconAction(e)}>\r\n          {iconToRender}\r\n        </Row>\r\n      ) : (\r\n        popupInfo &&\r\n        !noIcon &&\r\n        (iconPosition === \"left\" || iconPosition == null) && (\r\n          <InfoPopup\r\n            title={popupInfo.title}\r\n            description={popupInfo.description}\r\n            isOpen={popupIsOpen}\r\n            positionPopUp={positionPopUp}\r\n            onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\r\n            className={popupInfo.className}\r\n          ></InfoPopup>\r\n        )\r\n      )}\r\n      <p className={clsx(\"fw-bold\", classNameText)}>{textLabel}</p>\r\n\r\n      {!noIcon && iconPosition === \"right\" && !popupInfo ? (\r\n        <Row\r\n          gap={\"x24\"}\r\n          alignItems={\"center\"}\r\n          onClick={(e) => runIconAction(e)}\r\n        >\r\n          {children}\r\n          {icon}\r\n        </Row>\r\n      ) : (\r\n        popupInfo &&\r\n        !noIcon &&\r\n        iconPosition === \"right\" && (\r\n          <InfoPopup\r\n            title={popupInfo.title}\r\n            description={popupInfo.description}\r\n            isOpen={popupIsOpen}\r\n            positionPopUp={positionPopUp}\r\n            onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\r\n            className={popupInfo.className}\r\n          ></InfoPopup>\r\n        )\r\n      )}\r\n      {noIcon && children && (\r\n        <Row\r\n          gap={\"x24\"}\r\n          alignItems={\"center\"}\r\n          onClick={(e) => runIconAction(e)}\r\n        >\r\n          {children}\r\n        </Row>\r\n      )}\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["ActionIconText","iconColor","icon","jsx","Favourite","noIcon","textLabel","handleAction","handleIconAction","classNameComponent","classNameText","disablePointer","iconPosition","popupInfo","positionPopUp","justifyContent","alignItems","children","runIconAction","e","setPopupIsOpen","popupIsOpen","React","iconToRender","useMemo","jsxs","Row","clsx","InfoPopup"],"mappings":"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"}
+{"version":3,"file":"index.es67.js","sources":["../src/components/ui/ActionIconText/index.tsx"],"sourcesContent":["import { Favourite } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport React, { CSSProperties, useMemo } from \"react\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport { InfoPopup, InfoPopupProps } from \"../InfoPopup\";\r\nimport \"./ActionIconText.scss\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type ActionIconTextProps = PropsWithChildren<{\r\n  icon?: ReactNode;\r\n  noIcon?: boolean;\r\n  textLabel?: string;\r\n  handleAction?: () => void;\r\n  handleIconAction?: () => void;\r\n  classNameComponent?: string;\r\n  classNameText?: string;\r\n  disablePointer?: boolean;\r\n  iconPosition?: \"left\" | \"right\";\r\n  popupInfo?: InfoPopupProps;\r\n  iconColor?: ColorKeys;\r\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\r\n  justifyContent?: CSSProperties[\"justifyContent\"];\r\n  alignItems?: CSSProperties[\"alignItems\"];\r\n  children?: ReactNode;\r\n}>;\r\n\r\nexport const ActionIconText = ({\r\n  iconColor,\r\n  icon = <Favourite color={iconColor} />,\r\n  noIcon = false,\r\n  textLabel = \"Default text\",\r\n  handleAction = () => { },\r\n  handleIconAction = () => { },\r\n  classNameComponent = \"fs-7\",\r\n  classNameText = \"\",\r\n  disablePointer = false,\r\n  iconPosition = \"left\",\r\n  popupInfo,\r\n  positionPopUp = \"right\",\r\n  justifyContent = \"center\",\r\n  alignItems = \"center\",\r\n  children = undefined,\r\n}: ActionIconTextProps) => {\r\n  const runIconAction = (e: React.MouseEvent) => {\r\n    if (!disablePointer && handleIconAction) {\r\n      e.stopPropagation();\r\n      if (popupInfo) {\r\n        setPopupIsOpen(!popupIsOpen);\r\n      }\r\n      handleIconAction();\r\n    }\r\n  };\r\n\r\n  const [popupIsOpen, setPopupIsOpen] = React.useState(false);\r\n\r\n  const iconToRender = useMemo(() => {\r\n    return icon || <Favourite color={iconColor} />;\r\n  }, [iconColor, icon]);\r\n\r\n  return (\r\n    <>\r\n      <Row\r\n        justifyContent={justifyContent}\r\n        alignItems={alignItems}\r\n        gap={\"x8\"}\r\n        className={clsx(\r\n          disablePointer ? \"text-muted\" : \"cursor-pointer text-primary\",\r\n          classNameComponent,\r\n        )}\r\n        onClick={() => handleAction && !disablePointer && handleAction()}\r\n      >\r\n        {!noIcon &&\r\n          (iconPosition === \"left\" || iconPosition == null) &&\r\n          !popupInfo ? (\r\n          <Row alignItems={\"center\"} onClick={(e) => runIconAction(e)}>\r\n            {iconToRender}\r\n          </Row>\r\n        ) : (\r\n          popupInfo &&\r\n          !noIcon &&\r\n          (iconPosition === \"left\" || iconPosition == null) && (\r\n            <InfoPopup\r\n              title={popupInfo.title}\r\n              description={popupInfo.description}\r\n              isOpen={popupIsOpen}\r\n              positionPopUp={positionPopUp}\r\n              onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\r\n              className={popupInfo.className}\r\n            ></InfoPopup>\r\n          )\r\n        )}\r\n        <p className={clsx(\"fw-bold\", classNameText)}>{textLabel}</p>\r\n\r\n        {!noIcon && iconPosition === \"right\" && !popupInfo ? (\r\n          <Row\r\n            gap={\"x24\"}\r\n            alignItems={\"center\"}\r\n            onClick={(e) => runIconAction(e)}\r\n          >\r\n            {children}\r\n            {icon}\r\n          </Row>\r\n        ) : (\r\n          popupInfo &&\r\n          !noIcon &&\r\n          iconPosition === \"right\" && (\r\n            <InfoPopup\r\n              title={popupInfo.title}\r\n              description={popupInfo.description}\r\n              isOpen={popupIsOpen}\r\n              positionPopUp={positionPopUp}\r\n              onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\r\n              className={popupInfo.className}\r\n            ></InfoPopup>\r\n          )\r\n        )}\r\n        {noIcon && children && (\r\n          <Row\r\n            gap={\"x24\"}\r\n            alignItems={\"center\"}\r\n            onClick={(e) => runIconAction(e)}\r\n          >\r\n            {children}\r\n          </Row>\r\n        )}\r\n      </Row>\r\n    </>\r\n  );\r\n};\r\n"],"names":["ActionIconText","iconColor","icon","jsx","Favourite","noIcon","textLabel","handleAction","handleIconAction","classNameComponent","classNameText","disablePointer","iconPosition","popupInfo","positionPopUp","justifyContent","alignItems","children","runIconAction","e","setPopupIsOpen","popupIsOpen","React","iconToRender","useMemo","Fragment","jsxs","Row","clsx","InfoPopup"],"mappings":";;;;;;;AA2BO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,MAAAC,IAAOC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,OAAOH,EAAW,CAAA;AAAA,EACpC,QAAAI,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe,MAAM;AAAA,EAAE;AAAA,EACvB,kBAAAC,IAAmB,MAAM;AAAA,EAAE;AAAA,EAC3B,oBAAAC,IAAqB;AAAA,EACrB,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AACb,MAA2B;AACnB,QAAAC,IAAgB,CAACC,MAAwB;AACzC,IAAA,CAACR,KAAkBH,MACrBW,EAAE,gBAAgB,GACdN,KACFO,EAAe,CAACC,CAAW,GAEZb,EAAA;AAAA,EAErB,GAEM,CAACa,GAAaD,CAAc,IAAIE,EAAM,SAAS,EAAK,GAEpDC,IAAeC,EAAQ,MACpBtB,KAAQC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,OAAOH,EAAW,CAAA,GAC3C,CAACA,GAAWC,CAAI,CAAC;AAEpB,SAEIC,gBAAAA,MAAAsB,EAAAA,UAAA,EAAA,UAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAAZ;AAAA,MACA,YAAAC;AAAA,MACA,KAAK;AAAA,MACL,WAAWY;AAAA,QACTjB,IAAiB,eAAe;AAAA,QAChCF;AAAA,MACF;AAAA,MACA,SAAS,MAAMF,KAAgB,CAACI,KAAkBJ,EAAa;AAAA,MAE9D,UAAA;AAAA,QAAC,CAAAF,MACCO,MAAiB,UAAUA,KAAgB,SAC5C,CAACC,IACDV,gBAAAA,EAAA,IAACwB,GAAI,EAAA,YAAY,UAAU,SAAS,CAACR,MAAMD,EAAcC,CAAC,GACvD,UACHI,EAAA,CAAA,IAEAV,KACA,CAACR,MACAO,MAAiB,UAAUA,KAAgB,SAC1CT,gBAAAA,EAAA;AAAA,UAAC0B;AAAA,UAAA;AAAA,YACC,OAAOhB,EAAU;AAAA,YACjB,aAAaA,EAAU;AAAA,YACvB,QAAQQ;AAAA,YACR,eAAAP;AAAA,YACA,iBAAiB,MAAMM,EAAe,CAACC,CAAW;AAAA,YAClD,WAAWR,EAAU;AAAA,UAAA;AAAA,QACtB;AAAA,8BAGJ,KAAE,EAAA,WAAWe,EAAK,WAAWlB,CAAa,GAAI,UAAUJ,GAAA;AAAA,QAExD,CAACD,KAAUO,MAAiB,WAAW,CAACC,IACvCa,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,YAAY;AAAA,YACZ,SAAS,CAACR,MAAMD,EAAcC,CAAC;AAAA,YAE9B,UAAA;AAAA,cAAAF;AAAA,cACAf;AAAA,YAAA;AAAA,UAAA;AAAA,QAGH,IAAAW,KACA,CAACR,KACDO,MAAiB,WACfT,gBAAAA,EAAA;AAAA,UAAC0B;AAAA,UAAA;AAAA,YACC,OAAOhB,EAAU;AAAA,YACjB,aAAaA,EAAU;AAAA,YACvB,QAAQQ;AAAA,YACR,eAAAP;AAAA,YACA,iBAAiB,MAAMM,EAAe,CAACC,CAAW;AAAA,YAClD,WAAWR,EAAU;AAAA,UAAA;AAAA,QACtB;AAAA,QAGJR,KAAUY,KACTd,gBAAAA,EAAA;AAAA,UAACwB;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,YAAY;AAAA,YACZ,SAAS,CAACR,MAAMD,EAAcC,CAAC;AAAA,YAE9B,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

package/dist/index.es68.js

@@ -1,6 +1,6 @@
-import { j as i } from "./index.es246.js";
+import { j as i } from "./index.es226.js";
 import './components/ui/TitleSection/TitleSection.css';/* empty css            */
-import { clsx as c } from "./index.es247.js";
+import { clsx as c } from "./index.es227.js";
 import { useState as d } from "react";
 import { MoreActions as j } from "./index.es190.js";
 import { ActionsPopup as h } from "./index.es118.js";

package/dist/index.es69.js

@@ -1,8 +1,8 @@
-import { j as r } from "./index.es246.js";
-import { Root as x, Indicator as p } from "./index.es279.js";
+import { j as r } from "./index.es226.js";
+import { Root as x, Indicator as p } from "./index.es259.js";
 import './components/ui/filters/CheckboxFilter/CheckboxFilter.css';/* empty css            */
-import f from "./index.es330.js";
-import { clsx as i } from "./index.es247.js";
+import f from "./index.es311.js";
+import { clsx as i } from "./index.es227.js";
 import { CheckIconCircle as d } from "./index.es215.js";
 import { Row as n } from "./index.es9.js";
 import { CheckIcon as j } from "./index.es214.js";

package/dist/index.es7.js

@@ -1,7 +1,7 @@
-import { j as a } from "./index.es246.js";
+import { j as a } from "./index.es226.js";
 import { useMemo as i } from "react";
-import { clsx as m } from "./index.es247.js";
-import { createSpacingClasses as c } from "./index.es248.js";
+import { clsx as m } from "./index.es227.js";
+import { createSpacingClasses as c } from "./index.es228.js";
 const g = ({
   as: o,
   className: r,

package/dist/index.es70.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import { Avatar as x } from "./index.es64.js";
 import './components/ui/CardUser/CardUser.css';/* empty css            */
 import { Col as m } from "./index.es10.js";

package/dist/index.es71.js

@@ -1,6 +1,6 @@
-import { j as a } from "./index.es246.js";
+import { j as a } from "./index.es226.js";
 import './components/ui/CardClinicalData/CardClinicalData.css';/* empty css            */
-import { clsx as s } from "./index.es247.js";
+import { clsx as s } from "./index.es227.js";
 import { Row as c } from "./index.es9.js";
 import { ArrowDown as o } from "./index.es159.js";
 import { Button as j } from "./index.es28.js";

package/dist/index.es72.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es246.js";
+import { j as r } from "./index.es226.js";
 import { Spinner as n } from "./index.es197.js";
 const i = ({
   loading: o = !1,

package/dist/index.es73.js

@@ -1,7 +1,7 @@
-import { j as a } from "./index.es246.js";
+import { j as a } from "./index.es226.js";
 import * as j from "react";
 import { useEffect as S } from "react";
-import { clsx as b } from "./index.es247.js";
+import { clsx as b } from "./index.es227.js";
 import './components/ui/Table/Table.css';/* empty css            */
 import { ActionIconText as ee } from "./index.es67.js";
 import { TriangleUp as ae } from "./index.es199.js";

package/dist/index.es74.js

@@ -1,5 +1,5 @@
-import { j as i } from "./index.es246.js";
-import { clsx as _ } from "./index.es247.js";
+import { j as i } from "./index.es226.js";
+import { clsx as _ } from "./index.es227.js";
 import './components/ui/TableMobile/TableMobile.css';/* empty css            */
 import * as B from "react";
 import { useState as U } from "react";

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.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.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\";\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.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.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.es247.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.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.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.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.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 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