@anoki/fse-ui 1.0.430 → 1.0.438

package/dist/index.es48.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es161.js";
-import { Root as h, Indicator as m } from "./index.es190.js";
+import { j as e } from "./index.es162.js";
+import { Root as h, Indicator as m } from "./index.es199.js";
 import { Row as l } from "./index.es9.js";
-import d from "./index.es230.js";
+import d from "./index.es239.js";
 import './components/ui/Checkbox/Checkbox.css';/* empty css            */
-import { clsx as p } from "./index.es162.js";
+import { clsx as p } from "./index.es164.js";
 const C = ({
   id: o,
   label: t,

package/dist/index.es49.js

@@ -1,5 +1,5 @@
-import { j as t } from "./index.es161.js";
-import { clsx as d } from "./index.es162.js";
+import { j as t } from "./index.es162.js";
+import { clsx as d } from "./index.es164.js";
 import './components/ui/filters/BottomNavigation/BottomNavigation.css';/* empty css            */
 import { Col as f } from "./index.es10.js";
 import { Button as s } from "./index.es25.js";

package/dist/index.es5.js

@@ -1,7 +1,7 @@
-import { signedOffset as E, parseMillis as F, parseFloating as l, parseInteger as f, untruncateYear as w, isUndefined as Y } from "./index.es148.js";
-import { weekdaysLong as v, weekdaysShort as z, monthsShort as P } from "./index.es277.js";
-import y from "./index.es146.js";
-import q from "./index.es156.js";
+import { signedOffset as E, parseMillis as F, parseFloating as l, parseInteger as f, untruncateYear as w, isUndefined as Y } from "./index.es149.js";
+import { weekdaysLong as v, weekdaysShort as z, monthsShort as P } from "./index.es281.js";
+import y from "./index.es147.js";
+import q from "./index.es157.js";
 const W = /[A-Za-z_+-]{1,256}(?::?\/[A-Za-z0-9_+-]{1,256}(?:\/[A-Za-z0-9_+-]{1,256})?)?/;
 function x(...e) {
   const t = e.reduce((n, r) => n + r.source, "");

package/dist/index.es50.js

@@ -1,6 +1,6 @@
-import { j as c } from "./index.es161.js";
+import { j as c } from "./index.es162.js";
 import { CheckboxFilter as t } from "./index.es61.js";
-import { clsx as x } from "./index.es162.js";
+import { clsx as x } from "./index.es164.js";
 import './components/ui/filters/CategoryContent/CategoryContent.css';/* empty css            */
 import { Col as d } from "./index.es10.js";
 const C = ({

package/dist/index.es51.js

@@ -1,7 +1,7 @@
-import { j as r } from "./index.es161.js";
-import { clsx as t } from "./index.es162.js";
+import { j as r } from "./index.es162.js";
+import { clsx as t } from "./index.es164.js";
 import './components/ui/filters/CategoryHeader/CategoryHeader.css';/* empty css            */
-import { ArrowDown as n } from "./index.es98.js";
+import { ArrowDown as n } from "./index.es99.js";
 const b = ({
   className: s = "",
   title: i,

package/dist/index.es52.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es161.js";
-import { Title as a } from "./index.es201.js";
-import { clsx as i } from "./index.es162.js";
+import { j as e } from "./index.es162.js";
+import { Title as a } from "./index.es210.js";
+import { clsx as i } from "./index.es164.js";
 import { Button as l } from "./index.es25.js";
-import { Close as m } from "./index.es101.js";
+import { Close as m } from "./index.es102.js";
 const f = ({
   className: s = "",
   title: t,

package/dist/index.es53.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es161.js";
+import { j as e } from "./index.es162.js";
 import './components/ui/filters/FiltersChips/FiltersChips.css';/* empty css            */
-import { clsx as o } from "./index.es162.js";
+import { clsx as o } from "./index.es164.js";
 import { Row as n } from "./index.es9.js";
 const d = ({
   chips: t,

package/dist/index.es54.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es161.js";
-import t from "./index.es230.js";
+import { j as e } from "./index.es162.js";
+import t from "./index.es239.js";
 import './components/ui/CardReminder/CardReminder.css';/* empty css            */
-import { Calendar as m } from "./index.es115.js";
+import { Calendar as m } from "./index.es116.js";
 const h = ({
   icon: a = /* @__PURE__ */ e.jsx(m, { width: 21, height: 21, color: "slate-28" }),
   titleTag: i = "h3",

package/dist/index.es55.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es161.js";
+import { j as r } from "./index.es162.js";
 import { Avatar as f } from "./index.es56.js";
-import { Divider as C } from "./index.es173.js";
+import { Divider as C } from "./index.es182.js";
 import { Button as p } from "./index.es25.js";
 import './components/ui/CardDoctor/CardDoctor.css';/* empty css            */
 import { Row as b } from "./index.es9.js";

package/dist/index.es55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es55.js","sources":["../src/components/ui/CardDoctor/index.tsx"],"sourcesContent":["import { DayHours } from \"@anoki/fse-common\";\nimport { Avatar, AvatarSize } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport { Divider } from \"../Divider\";\nimport { Button } from \"../Button\";\nimport \"./CardDoctor.scss\";\nimport { Col, Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype Info = {\n  label: string;\n  value: string;\n};\n\ntype ScheduleDay = {\n  label: string;\n  slots: DayHours[];\n};\n\ntype CardDoctorProps = {\n  titleTag?: HeadingLevel;\n  doctorName: string;\n  specialties?: string[];\n  contactInfo?: Info[];\n  schedule?: {\n    label: string;\n    days: ScheduleDay[];\n  };\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  avatarSize?: AvatarSize;\n  button?: {\n    label: string;\n    onClick: () => void;\n  };\n};\n\nexport const CardDoctor = ({\n  titleTag: TitleTag = \"h3\",\n  doctorName,\n  specialties,\n  contactInfo,\n  schedule,\n  avatar,\n  avatarSize = \"3\",\n  button,\n}: CardDoctorProps) => {\n  const showContactInfo = () => {\n    return contactInfo && contactInfo?.length > 0;\n  };\n\n  const showSchedule = () => {\n    return schedule && schedule?.days?.length > 0;\n  };\n\n  const showFooter = () => {\n    return button?.label && button?.onClick;\n  };\n\n  const showDivider = () => {\n    return showContactInfo() || showSchedule();\n  };\n\n  return (\n    <article className=\"bg-white shadow br-x4 ui-card-doctor\">\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size={avatarSize}\n          />\n        )}\n\n        <div>\n          <TitleTag className=\"fs-5 md-fs-custom-2 fw-semibold text-slate-20\">\n            {doctorName}\n          </TitleTag>\n          {specialties && specialties?.length > 0 && (\n            <p className=\"fs-6 text-slate-20 fw-regular\">\n              {specialties?.join(\" | \")}\n            </p>\n          )}\n        </div>\n      </Row>\n      <div className=\"ui-card-doctor-content\">\n        {showContactInfo() && (\n          <dl className=\"ui-card-doctor-contact-info\">\n            {contactInfo?.map((info) => (\n              <div\n                key={info.label}\n                role=\"group\"\n                className=\"ui-card-doctor-contact-detail\"\n              >\n                <dt className=\"fs-custom fw-bold text-slate-28\">\n                  {info.label}\n                </dt>\n                <dd className=\"fs-6 fw-regular text-slate-28\">{info.value}</dd>\n              </div>\n            ))}\n          </dl>\n        )}\n\n        {showDivider() && <Divider bg=\"border-divider\" />}\n\n        {showSchedule() && (\n          <div>\n            <div className={\"ui-border-lg\"}>\n              <h3 className=\"text-align-left fw-bold text-slate-28 mb-x8 fs-custom\">\n                {schedule?.label}\n              </h3>\n\n              <div role=\"table\" className=\"ui-card-doctor-table\">\n                {schedule?.days.map((day, dayIndex) => (\n                  <div\n                    key={day.label}\n                    role=\"row\"\n                    className=\"ui-card-doctor-row\"\n                  >\n                    <div\n                      className=\"fs-6 fw-regular text-slate-28\"\n                      role=\"rowheader\"\n                    >\n                      {day.label}\n                    </div>\n                    <Col\n                      role=\"cell\"\n                      key={`cell-${dayIndex}`}\n                      className=\"fs-6 fw-regular text-slate-28\"\n                    >\n                      {day?.slots?.length === 0 && (\n                        <div>\n                          <span aria-hidden=\"true\">-</span>\n                        </div>\n                      )}\n                      {day.slots.map((slot, slotIndex) => (\n                        <div key={`slot-${slotIndex}`}>\n                          <time dateTime={slot.from}>{slot.from}</time>\n                          <span aria-hidden=\"true\"> - </span>\n                          <time dateTime={slot.to}>{slot.to}</time>\n                        </div>\n                      ))}\n                    </Col>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n      {showFooter() && (\n        <footer>\n          <Button className=\"ui-card-doctor-btn\" onClick={button?.onClick}>\n            {button?.label}\n          </Button>\n        </footer>\n      )}\n    </article>\n  );\n};\n"],"names":["CardDoctor","TitleTag","doctorName","specialties","contactInfo","schedule","avatar","avatarSize","button","showContactInfo","showSchedule","_a","showFooter","showDivider","jsxs","Row","jsx","Avatar","info","Divider","day","dayIndex","Col","slot","slotIndex","Button"],"mappings":"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"}
+{"version":3,"file":"index.es55.js","sources":["../src/components/ui/CardDoctor/index.tsx"],"sourcesContent":["import { DayHours } from \"@anoki/fse-common\";\r\nimport { Avatar, AvatarSize } from \"../Avatar\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport { Divider } from \"../Divider\";\r\nimport { Button } from \"../Button\";\r\nimport \"./CardDoctor.scss\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\ntype Info = {\r\n  label: string;\r\n  value: string;\r\n};\r\n\r\ntype ScheduleDay = {\r\n  label: string;\r\n  slots: DayHours[];\r\n};\r\n\r\ntype CardDoctorProps = {\r\n  titleTag?: HeadingLevel;\r\n  doctorName: string;\r\n  specialties?: string[];\r\n  contactInfo?: Info[];\r\n  schedule?: {\r\n    label: string;\r\n    days: ScheduleDay[];\r\n  };\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  avatarSize?: AvatarSize;\r\n  button?: {\r\n    label: string;\r\n    onClick: () => void;\r\n  };\r\n};\r\n\r\nexport const CardDoctor = ({\r\n  titleTag: TitleTag = \"h3\",\r\n  doctorName,\r\n  specialties,\r\n  contactInfo,\r\n  schedule,\r\n  avatar,\r\n  avatarSize = \"3\",\r\n  button,\r\n}: CardDoctorProps) => {\r\n  const showContactInfo = () => {\r\n    return contactInfo && contactInfo?.length > 0;\r\n  };\r\n\r\n  const showSchedule = () => {\r\n    return schedule && schedule?.days?.length > 0;\r\n  };\r\n\r\n  const showFooter = () => {\r\n    return button?.label && button?.onClick;\r\n  };\r\n\r\n  const showDivider = () => {\r\n    return showContactInfo() || showSchedule();\r\n  };\r\n\r\n  return (\r\n    <article className=\"bg-white shadow br-x4 ui-card-doctor\">\r\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\r\n        {avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-doctor-avatar\"\r\n            size={avatarSize}\r\n          />\r\n        )}\r\n\r\n        <div>\r\n          <TitleTag className=\"fs-5 md-fs-custom-2 fw-semibold text-slate-20\">\r\n            {doctorName}\r\n          </TitleTag>\r\n          {specialties && specialties?.length > 0 && (\r\n            <p className=\"fs-6 text-slate-20 fw-regular\">\r\n              {specialties?.join(\" | \")}\r\n            </p>\r\n          )}\r\n        </div>\r\n      </Row>\r\n      <div className=\"ui-card-doctor-content\">\r\n        {showContactInfo() && (\r\n          <dl className=\"ui-card-doctor-contact-info\">\r\n            {contactInfo?.map((info) => (\r\n              <div\r\n                key={info.label}\r\n                role=\"group\"\r\n                className=\"ui-card-doctor-contact-detail\"\r\n              >\r\n                <dt className=\"fs-custom fw-bold text-slate-28\">\r\n                  {info.label}\r\n                </dt>\r\n                <dd className=\"fs-6 fw-regular text-slate-28\">{info.value}</dd>\r\n              </div>\r\n            ))}\r\n          </dl>\r\n        )}\r\n\r\n        {showDivider() && <Divider bg=\"border-divider\" />}\r\n\r\n        {showSchedule() && (\r\n          <div>\r\n            <div className={\"ui-border-lg\"}>\r\n              <h3 className=\"text-align-left fw-bold text-slate-28 mb-x8 fs-custom\">\r\n                {schedule?.label}\r\n              </h3>\r\n\r\n              <div role=\"table\" className=\"ui-card-doctor-table\">\r\n                {schedule?.days.map((day, dayIndex) => (\r\n                  <div\r\n                    key={day.label}\r\n                    role=\"row\"\r\n                    className=\"ui-card-doctor-row\"\r\n                  >\r\n                    <div\r\n                      className=\"fs-6 fw-regular text-slate-28\"\r\n                      role=\"rowheader\"\r\n                    >\r\n                      {day.label}\r\n                    </div>\r\n                    <Col\r\n                      role=\"cell\"\r\n                      key={`cell-${dayIndex}`}\r\n                      className=\"fs-6 fw-regular text-slate-28\"\r\n                    >\r\n                      {day?.slots?.length === 0 && (\r\n                        <div>\r\n                          <span aria-hidden=\"true\">-</span>\r\n                        </div>\r\n                      )}\r\n                      {day.slots.map((slot, slotIndex) => (\r\n                        <div key={`slot-${slotIndex}`}>\r\n                          <time dateTime={slot.from}>{slot.from}</time>\r\n                          <span aria-hidden=\"true\"> - </span>\r\n                          <time dateTime={slot.to}>{slot.to}</time>\r\n                        </div>\r\n                      ))}\r\n                    </Col>\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {showFooter() && (\r\n        <footer>\r\n          <Button className=\"ui-card-doctor-btn\" onClick={button?.onClick}>\r\n            {button?.label}\r\n          </Button>\r\n        </footer>\r\n      )}\r\n    </article>\r\n  );\r\n};\r\n"],"names":["CardDoctor","TitleTag","doctorName","specialties","contactInfo","schedule","avatar","avatarSize","button","showContactInfo","showSchedule","_a","showFooter","showDivider","jsxs","Row","jsx","Avatar","info","Divider","day","dayIndex","Col","slot","slotIndex","Button"],"mappings":"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"}

package/dist/index.es56.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es161.js";
-import { createColorClasses as l } from "./index.es165.js";
-import { clsx as x } from "./index.es162.js";
+import { j as s } from "./index.es162.js";
+import { createColorClasses as l } from "./index.es171.js";
+import { clsx as x } from "./index.es164.js";
 const p = ({
   initials: e,
   bg: r,

package/dist/index.es57.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es161.js";
+import { j as r } from "./index.es162.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.es58.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es161.js";
-import { clsx as d } from "./index.es162.js";
+import { j as r } from "./index.es162.js";
+import { clsx as d } from "./index.es164.js";
 import './components/ui/RadioCard/RadioCard.css';/* empty css            */
 import { Col as m } from "./index.es10.js";
 const n = ({

package/dist/index.es59.js

@@ -1,60 +1,62 @@
-import { j as e } from "./index.es161.js";
-import { clsx as u } from "./index.es162.js";
-import C, { useMemo as N } from "react";
-import { InfoPopup as R } from "./index.es66.js";
-import "./index.es239.js";
-import { Favourite as j } from "./index.es123.js";
+import { j as t } from "./index.es162.js";
+import { clsx as u } from "./index.es164.js";
+import N, { useMemo as R } from "react";
+import { InfoPopup as O } from "./index.es66.js";
+import "./index.es248.js";
+import { Favourite as j } from "./index.es124.js";
 import { Row as n } from "./index.es9.js";
-const v = ({
+const B = ({
   iconColor: l,
-  icon: m = /* @__PURE__ */ e.jsx(j, { color: l }),
+  icon: m = /* @__PURE__ */ t.jsx(j, { color: l }),
   noIcon: a = !1,
-  textLabel: d = "Default text",
+  textLabel: g = "Default text",
   handleAction: o = () => {
   },
   handleIconAction: x = () => {
   },
-  classNameComponent: g = "",
+  classNameComponent: d = "",
   classNameText: h = "",
-  disablePointer: c = !1,
-  iconPosition: i = "left",
-  popupInfo: t
+  disablePointer: i = !1,
+  iconPosition: c = "left",
+  popupInfo: e,
+  positionPopUp: k = "right"
 }) => {
   const f = (s) => {
-    !c && x && (s.stopPropagation(), t && p(!r), x());
-  }, [r, p] = C.useState(!1), k = N(() => m || /* @__PURE__ */ e.jsx(j, { color: l }), [l, m]);
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs(
+    !i && x && (s.stopPropagation(), e && p(!r), x());
+  }, [r, p] = N.useState(!1), C = R(() => m || /* @__PURE__ */ t.jsx(j, { color: l }), [l, m]);
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs(
       n,
       {
         justifyContent: "center",
         alignItems: "center",
         gap: "x8",
         className: u(
-          c ? "text-muted" : "cursor-pointer text-primary",
-          g
+          i ? "text-muted" : "cursor-pointer text-primary",
+          d
         ),
-        onClick: () => o && !c && o(),
+        onClick: () => o && !i && o(),
         children: [
-          !a && (i === "left" || i == null) && /* @__PURE__ */ e.jsx(n, { alignItems: "center", onClick: (s) => f(s), children: k }),
-          /* @__PURE__ */ e.jsx("p", { className: u(h, "fw-semibold fs-7"), children: d }),
-          !a && i === "right" && /* @__PURE__ */ e.jsx(n, { alignItems: "center", onClick: (s) => f(s), children: m })
+          !a && (c === "left" || c == null) && /* @__PURE__ */ t.jsx(n, { alignItems: "center", onClick: (s) => f(s), children: C }),
+          /* @__PURE__ */ t.jsx("p", { className: u(h, "fw-semibold fs-7"), children: g }),
+          !a && c === "right" && /* @__PURE__ */ t.jsx(n, { alignItems: "center", onClick: (s) => f(s), children: m })
         ]
       }
     ),
-    r && t && /* @__PURE__ */ e.jsx(
-      R,
+    r && e && /* @__PURE__ */ t.jsx(
+      O,
       {
-        title: t.title,
-        description: t.description,
+        title: e.title,
+        description: e.description,
         isOpen: r,
+        positionPopUp: k,
         onClickCloseBtn: () => p(!r),
-        className: t.className
+        className: e.className
       }
     )
   ] });
 };
 export {
-  v as ActionIconText
+  B as ActionIconText
 };
 //# sourceMappingURL=index.es59.js.map

package/dist/index.es59.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es59.js","sources":["../src/components/ui/ActionIconText/index.tsx"],"sourcesContent":["import { Favourite } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport React, { 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\ntype 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}>;\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 = \"\",\r\n  classNameText = \"\",\r\n  disablePointer = false,\r\n  iconPosition = \"left\",\r\n  popupInfo,\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={\"center\"}\r\n        alignItems={\"center\"}\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 && (iconPosition === \"left\" || iconPosition == null) && (\r\n          <Row alignItems={\"center\"} onClick={(e) => runIconAction(e)}>\r\n            {iconToRender}\r\n          </Row>\r\n        )}\r\n        <p className={clsx(classNameText, \"fw-semibold fs-7\")}>{textLabel}</p>\r\n        {!noIcon && iconPosition === \"right\" && (\r\n          <Row alignItems={\"center\"} onClick={(e) => runIconAction(e)}>\r\n            {icon}\r\n          </Row>\r\n        )}\r\n      </Row>\r\n\r\n      {popupIsOpen && popupInfo && (\r\n        <InfoPopup\r\n          title={popupInfo.title}\r\n          description={popupInfo.description}\r\n          isOpen={popupIsOpen}\r\n          onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\r\n          className={popupInfo.className}\r\n        ></InfoPopup>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n"],"names":["ActionIconText","iconColor","icon","jsx","Favourite","noIcon","textLabel","handleAction","handleIconAction","classNameComponent","classNameText","disablePointer","iconPosition","popupInfo","runIconAction","e","setPopupIsOpen","popupIsOpen","React","iconToRender","useMemo","jsxs","Fragment","Row","clsx","InfoPopup"],"mappings":";;;;;;;AAuBO,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,EAAC;AAAA,EACtB,kBAAAC,IAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,oBAAAC,IAAqB;AAAA,EACrB,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,WAAAC;AACF,MAA2B;AACnB,QAAAC,IAAgB,CAACC,MAAwB;AACzC,IAAA,CAACJ,KAAkBH,MACrBO,EAAE,gBAAgB,GACdF,KACFG,EAAe,CAACC,CAAW,GAEZT,EAAA;AAAA,EAErB,GAEM,CAACS,GAAaD,CAAc,IAAIE,EAAM,SAAS,EAAK,GAEpDC,IAAeC,EAAQ,MACpBlB,KAAQC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,OAAOH,EAAW,CAAA,GAC3C,CAACA,GAAWC,CAAI,CAAC;AAEpB,SAEImB,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAAD,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,WAAWC;AAAA,UACTb,IAAiB,eAAe;AAAA,UAChCF;AAAA,QACF;AAAA,QACA,SAAS,MAAMF,KAAgB,CAACI,KAAkBJ,EAAa;AAAA,QAE9D,UAAA;AAAA,UAAA,CAACF,MAAWO,MAAiB,UAAUA,KAAgB,SACrDT,gBAAAA,EAAA,IAAAoB,GAAA,EAAI,YAAY,UAAU,SAAS,CAACR,MAAMD,EAAcC,CAAC,GACvD,UACHI,GAAA;AAAA,gCAED,KAAE,EAAA,WAAWK,EAAKd,GAAe,kBAAkB,GAAI,UAAUJ,GAAA;AAAA,UACjE,CAACD,KAAUO,MAAiB,iCAC1BW,GAAI,EAAA,YAAY,UAAU,SAAS,CAACR,MAAMD,EAAcC,CAAC,GACvD,UACHb,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAECe,KAAeJ,KACdV,gBAAAA,EAAA;AAAA,MAACsB;AAAA,MAAA;AAAA,QACC,OAAOZ,EAAU;AAAA,QACjB,aAAaA,EAAU;AAAA,QACvB,QAAQI;AAAA,QACR,iBAAiB,MAAMD,EAAe,CAACC,CAAW;AAAA,QAClD,WAAWJ,EAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GAEL;AAEJ;"}
+{"version":3,"file":"index.es59.js","sources":["../src/components/ui/ActionIconText/index.tsx"],"sourcesContent":["import { Favourite } from \"@/icons\";\nimport clsx from \"clsx\";\nimport React, { useMemo } from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { InfoPopup, InfoPopupProps } from \"../InfoPopup\";\nimport \"./ActionIconText.scss\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { Row } from \"@/components\";\n\ntype ActionIconTextProps = PropsWithChildren<{\n  icon?: ReactNode;\n  noIcon?: boolean;\n  textLabel?: string;\n  handleAction?: () => void;\n  handleIconAction?: () => void;\n  classNameComponent?: string;\n  classNameText?: string;\n  disablePointer?: boolean;\n  iconPosition?: \"left\" | \"right\";\n  popupInfo?: InfoPopupProps;\n  iconColor?: ColorKeys;\n  positionPopUp?: \"left\" | \"right\";\n}>;\n\nexport const ActionIconText = ({\n  iconColor,\n  icon = <Favourite color={iconColor} />,\n  noIcon = false,\n  textLabel = \"Default text\",\n  handleAction = () => {},\n  handleIconAction = () => {},\n  classNameComponent = \"\",\n  classNameText = \"\",\n  disablePointer = false,\n  iconPosition = \"left\",\n  popupInfo,\n  positionPopUp = \"right\",\n}: ActionIconTextProps) => {\n  const runIconAction = (e: React.MouseEvent) => {\n    if (!disablePointer && handleIconAction) {\n      e.stopPropagation();\n      if (popupInfo) {\n        setPopupIsOpen(!popupIsOpen);\n      }\n      handleIconAction();\n    }\n  };\n\n  const [popupIsOpen, setPopupIsOpen] = React.useState(false);\n\n  const iconToRender = useMemo(() => {\n    return icon || <Favourite color={iconColor} />;\n  }, [iconColor, icon]);\n\n  return (\n    <>\n      <Row\n        justifyContent={\"center\"}\n        alignItems={\"center\"}\n        gap={\"x8\"}\n        className={clsx(\n          disablePointer ? \"text-muted\" : \"cursor-pointer text-primary\",\n          classNameComponent,\n        )}\n        onClick={() => handleAction && !disablePointer && handleAction()}\n      >\n        {!noIcon && (iconPosition === \"left\" || iconPosition == null) && (\n          <Row alignItems={\"center\"} onClick={(e) => runIconAction(e)}>\n            {iconToRender}\n          </Row>\n        )}\n        <p className={clsx(classNameText, \"fw-semibold fs-7\")}>{textLabel}</p>\n        {!noIcon && iconPosition === \"right\" && (\n          <Row alignItems={\"center\"} onClick={(e) => runIconAction(e)}>\n            {icon}\n          </Row>\n        )}\n      </Row>\n\n      {popupIsOpen && popupInfo && (\n        <InfoPopup\n          title={popupInfo.title}\n          description={popupInfo.description}\n          isOpen={popupIsOpen}\n          positionPopUp={positionPopUp}\n          onClickCloseBtn={() => setPopupIsOpen(!popupIsOpen)}\n          className={popupInfo.className}\n        ></InfoPopup>\n      )}\n    </>\n  );\n};\n"],"names":["ActionIconText","iconColor","icon","jsx","Favourite","noIcon","textLabel","handleAction","handleIconAction","classNameComponent","classNameText","disablePointer","iconPosition","popupInfo","positionPopUp","runIconAction","e","setPopupIsOpen","popupIsOpen","React","iconToRender","useMemo","jsxs","Fragment","Row","clsx","InfoPopup"],"mappings":";;;;;;;AAwBO,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,EAAC;AAAA,EACtB,kBAAAC,IAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,oBAAAC,IAAqB;AAAA,EACrB,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,MAA2B;AACnB,QAAAC,IAAgB,CAACC,MAAwB;AACzC,IAAA,CAACL,KAAkBH,MACrBQ,EAAE,gBAAgB,GACdH,KACFI,EAAe,CAACC,CAAW,GAEZV,EAAA;AAAA,EAErB,GAEM,CAACU,GAAaD,CAAc,IAAIE,EAAM,SAAS,EAAK,GAEpDC,IAAeC,EAAQ,MACpBnB,KAAQC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,OAAOH,EAAW,CAAA,GAC3C,CAACA,GAAWC,CAAI,CAAC;AAEpB,SAEIoB,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAAD,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,WAAWC;AAAA,UACTd,IAAiB,eAAe;AAAA,UAChCF;AAAA,QACF;AAAA,QACA,SAAS,MAAMF,KAAgB,CAACI,KAAkBJ,EAAa;AAAA,QAE9D,UAAA;AAAA,UAAA,CAACF,MAAWO,MAAiB,UAAUA,KAAgB,SACrDT,gBAAAA,EAAA,IAAAqB,GAAA,EAAI,YAAY,UAAU,SAAS,CAACR,MAAMD,EAAcC,CAAC,GACvD,UACHI,GAAA;AAAA,gCAED,KAAE,EAAA,WAAWK,EAAKf,GAAe,kBAAkB,GAAI,UAAUJ,GAAA;AAAA,UACjE,CAACD,KAAUO,MAAiB,iCAC1BY,GAAI,EAAA,YAAY,UAAU,SAAS,CAACR,MAAMD,EAAcC,CAAC,GACvD,UACHd,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAECgB,KAAeL,KACdV,gBAAAA,EAAA;AAAA,MAACuB;AAAA,MAAA;AAAA,QACC,OAAOb,EAAU;AAAA,QACjB,aAAaA,EAAU;AAAA,QACvB,QAAQK;AAAA,QACR,eAAAJ;AAAA,QACA,iBAAiB,MAAMG,EAAe,CAACC,CAAW;AAAA,QAClD,WAAWL,EAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GAEL;AAEJ;"}

package/dist/index.es6.js

@@ -1,7 +1,7 @@
-import { j as p } from "./index.es161.js";
-import { clsx as l } from "./index.es162.js";
+import { j as p } from "./index.es162.js";
+import { clsx as l } from "./index.es164.js";
 import { useMemo as u } from "react";
-import { createSpacingClasses as x } from "./index.es163.js";
+import { createSpacingClasses as x } from "./index.es172.js";
 import './components/ui/Container/Container.css';/* empty css            */
 const v = ({
   as: o,

package/dist/index.es60.js

@@ -1,7 +1,7 @@
-import { j as i } from "./index.es161.js";
+import { j as i } from "./index.es162.js";
 import './components/ui/TitleSection/TitleSection.css';/* empty css            */
-import { clsx as r } from "./index.es162.js";
-import { MoreActions as d } from "./index.es126.js";
+import { clsx as r } from "./index.es164.js";
+import { MoreActions as d } from "./index.es127.js";
 import { Row as e } from "./index.es9.js";
 const N = ({
   action1: a = /* @__PURE__ */ i.jsx(i.Fragment, {}),

package/dist/index.es61.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es161.js";
-import { Root as h, Indicator as m } from "./index.es190.js";
+import { j as e } from "./index.es162.js";
+import { Root as h, Indicator as m } from "./index.es199.js";
 import './components/ui/filters/CheckboxFilter/CheckboxFilter.css';/* empty css            */
-import p from "./index.es230.js";
-import { clsx as d } from "./index.es162.js";
+import p from "./index.es239.js";
+import { clsx as d } from "./index.es164.js";
 import { Row as n } from "./index.es9.js";
 const C = ({
   id: r,

package/dist/index.es62.js

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

package/dist/index.es63.js

@@ -1,8 +1,8 @@
-import { j as s } from "./index.es161.js";
+import { j as s } from "./index.es162.js";
 import './components/ui/CardExemption/CardExemption.css';/* empty css            */
-import { clsx as t } from "./index.es162.js";
+import { clsx as t } from "./index.es164.js";
 import { Row as n } from "./index.es9.js";
-import { ArrowDown as x } from "./index.es98.js";
+import { ArrowDown as x } from "./index.es99.js";
 const w = ({
   information: a = [],
   className: o = "",

package/dist/index.es64.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es161.js";
-import { Spinner as n } from "./index.es133.js";
+import { j as r } from "./index.es162.js";
+import { Spinner as n } from "./index.es134.js";
 const i = ({
   loading: o = !1,
   className: e

package/dist/index.es65.js

@@ -1,12 +1,12 @@
-import { j as a } from "./index.es161.js";
+import { j as a } from "./index.es162.js";
 import * as _ from "react";
-import { clsx as c } from "./index.es162.js";
+import { clsx as c } from "./index.es164.js";
 import './components/ui/Table/Table.css';/* empty css            */
 import { ActionIconText as q } from "./index.es59.js";
-import { TriangleUp as G } from "./index.es135.js";
-import { TriangleDown as J } from "./index.es136.js";
-import { Download as Q } from "./index.es128.js";
-import { Info as W } from "./index.es137.js";
+import { TriangleUp as G } from "./index.es136.js";
+import { TriangleDown as J } from "./index.es137.js";
+import { Download as Q } from "./index.es129.js";
+import { Info as W } from "./index.es138.js";
 const X = _.forwardRef(
   ({
     className: e,

package/dist/index.es66.js

@@ -1,22 +1,23 @@
-import { j as r } from "./index.es161.js";
-import { useRef as c, useEffect as f } from "react";
-import { clsx as l } from "./index.es162.js";
+import { j as r } from "./index.es162.js";
+import { useRef as c, useEffect as p } from "react";
+import { clsx as l } from "./index.es164.js";
 import './components/ui/InfoPopup/InfoPopup.css';/* empty css            */
-import { Close as p } from "./index.es101.js";
-const E = ({
+import { Close as x } from "./index.es102.js";
+const b = ({
   title: n = "Info",
-  description: s,
+  description: i,
   isOpen: t = !1,
   onClickCloseBtn: e,
-  className: m = ""
+  className: m = "",
+  positionPopUp: u = "right"
 }) => {
-  const i = c(null), o = c(null);
-  return f(() => {
+  const s = c(null), o = c(null);
+  return p(() => {
     var d;
-    const a = (u) => {
-      u.key === "Escape" && t && (e == null || e());
+    const a = (f) => {
+      f.key === "Escape" && t && (e == null || e());
     };
-    return t ? (o.current = document.activeElement, (d = i.current) == null || d.focus(), document.addEventListener("keydown", a)) : o.current && o.current.focus(), () => {
+    return t ? (o.current = document.activeElement, (d = s.current) == null || d.focus(), document.addEventListener("keydown", a)) : o.current && o.current.focus(), () => {
       document.removeEventListener("keydown", a);
     };
   }, [t, e]), t ? /* @__PURE__ */ r.jsx(
@@ -29,12 +30,12 @@ const E = ({
       children: /* @__PURE__ */ r.jsxs(
         "div",
         {
-          ref: i,
+          ref: s,
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": "dialog-title",
           "aria-describedby": "dialog-description",
-          className: l("dialog"),
+          className: l("dialog", `position-${u}`),
           tabIndex: -1,
           children: [
             /* @__PURE__ */ r.jsxs("div", { className: "header", children: [
@@ -47,11 +48,11 @@ const E = ({
                   },
                   className: "closeButton",
                   "aria-label": "Close dialog",
-                  children: /* @__PURE__ */ r.jsx(p, { className: "closeIcon" })
+                  children: /* @__PURE__ */ r.jsx(x, { className: "closeIcon" })
                 }
               )
             ] }),
-            s && /* @__PURE__ */ r.jsx("div", { id: "dialog-description", className: "content", children: s })
+            i && /* @__PURE__ */ r.jsx("div", { id: "dialog-description", className: "content", children: i })
           ]
         }
       )
@@ -59,6 +60,6 @@ const E = ({
   ) : null;
 };
 export {
-  E as InfoPopup
+  b as InfoPopup
 };
 //# sourceMappingURL=index.es66.js.map

package/dist/index.es66.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es66.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { useEffect, useRef, PropsWithChildren } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport \"./InfoPopup.scss\";\r\nimport { Close } from \"@/icons\";\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}>;\r\n\r\nexport const InfoPopup = ({\r\n  title = \"Info\",\r\n  description,\r\n  isOpen = false,\r\n  onClickCloseBtn,\r\n  className = \"\",\r\n}: InfoPopupProps) => {\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const previousActiveElement = useRef<HTMLElement | null>(null);\r\n\r\n  useEffect(() => {\r\n    const handleEscape = (event: KeyboardEvent) => {\r\n      if (event.key === \"Escape\" && isOpen) {\r\n        onClickCloseBtn?.();\r\n      }\r\n    };\r\n\r\n    if (isOpen) {\r\n      previousActiveElement.current = document.activeElement as HTMLElement;\r\n      dialogRef.current?.focus();\r\n      document.addEventListener(\"keydown\", handleEscape);\r\n    } else if (previousActiveElement.current) {\r\n      previousActiveElement.current.focus();\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", handleEscape);\r\n    };\r\n  }, [isOpen, onClickCloseBtn]);\r\n\r\n  if (!isOpen) return null;\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"popupContainer\", isOpen ? \"open\" : \"close\", className)}\r\n      onClick={(e) => {\r\n        e.stopPropagation();\r\n      }}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby=\"dialog-title\"\r\n        aria-describedby=\"dialog-description\"\r\n        className={clsx(\"dialog\")}\r\n        tabIndex={-1}\r\n      >\r\n        <div className=\"header\">\r\n          <h3 id=\"dialog-title\" className=\"title\">\r\n            {title}\r\n          </h3>\r\n          <button\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              onClickCloseBtn?.();\r\n            }}\r\n            className=\"closeButton\"\r\n            aria-label=\"Close dialog\"\r\n          >\r\n            <Close className=\"closeIcon\" />\r\n          </button>\r\n        </div>\r\n        {description && (\r\n          <div id=\"dialog-description\" className=\"content\">\r\n            {description}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["InfoPopup","title","description","isOpen","onClickCloseBtn","className","dialogRef","useRef","previousActiveElement","useEffect","handleEscape","event","_a","jsx","clsx","e","jsxs","Close"],"mappings":";;;;;AAaO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,iBAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAsB;AACd,QAAAC,IAAYC,EAAuB,IAAI,GACvCC,IAAwBD,EAA2B,IAAI;AAsBzD,SApBJE,EAAU,MAAM;;AACR,UAAAC,IAAe,CAACC,MAAyB;AACzC,MAAAA,EAAM,QAAQ,YAAYR,MACVC,KAAA,QAAAA;AAAA,IAEtB;AAEA,WAAID,KACFK,EAAsB,UAAU,SAAS,gBACzCI,IAAAN,EAAU,YAAV,QAAAM,EAAmB,SACV,SAAA,iBAAiB,WAAWF,CAAY,KACxCF,EAAsB,WAC/BA,EAAsB,QAAQ,MAAM,GAG/B,MAAM;AACF,eAAA,oBAAoB,WAAWE,CAAY;AAAA,IACtD;AAAA,EAAA,GACC,CAACP,GAAQC,CAAe,CAAC,GAEvBD,IAGHU,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,kBAAkBX,IAAS,SAAS,SAASE,CAAS;AAAA,MACtE,SAAS,CAACU,MAAM;AACd,QAAAA,EAAE,gBAAgB;AAAA,MACpB;AAAA,MAEA,UAAAC,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKV;AAAA,UACL,MAAK;AAAA,UACL,cAAW;AAAA,UACX,mBAAgB;AAAA,UAChB,oBAAiB;AAAA,UACjB,WAAWQ,EAAK,QAAQ;AAAA,UACxB,UAAU;AAAA,UAEV,UAAA;AAAA,YAACE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,cAAAH,gBAAAA,MAAC,MAAG,EAAA,IAAG,gBAAe,WAAU,SAC7B,UACHZ,GAAA;AAAA,cACAY,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAS,CAACE,MAAM;AACd,oBAAAA,EAAE,gBAAgB,GACAX,KAAA,QAAAA;AAAA,kBACpB;AAAA,kBACA,WAAU;AAAA,kBACV,cAAW;AAAA,kBAEX,UAAAS,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,YAAY,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC/B,GACF;AAAA,YACCf,KACEW,gBAAAA,EAAAA,IAAA,OAAA,EAAI,IAAG,sBAAqB,WAAU,WACpC,UACHX,EAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,IAvCkB;AAyCtB;"}
+{"version":3,"file":"index.es66.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { useEffect, useRef, PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport \"./InfoPopup.scss\";\nimport { Close } from \"@/icons\";\n\nexport type InfoPopupProps = PropsWithChildren<{\n  title: string;\n  description: string | React.ReactNode;\n  isOpen: boolean;\n  onClickCloseBtn?: () => void;\n  className?: string;\n  positionPopUp?: \"left\" | \"right\" | \"center\";\n}>;\n\nexport const InfoPopup = ({\n  title = \"Info\",\n  description,\n  isOpen = false,\n  onClickCloseBtn,\n  className = \"\",\n  positionPopUp = \"right\",\n}: InfoPopupProps) => {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const previousActiveElement = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && isOpen) {\n        onClickCloseBtn?.();\n      }\n    };\n\n    if (isOpen) {\n      previousActiveElement.current = document.activeElement as HTMLElement;\n      dialogRef.current?.focus();\n      document.addEventListener(\"keydown\", handleEscape);\n    } else if (previousActiveElement.current) {\n      previousActiveElement.current.focus();\n    }\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [isOpen, onClickCloseBtn]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      className={clsx(\"popupContainer\", isOpen ? \"open\" : \"close\", className)}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n    >\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"dialog-title\"\n        aria-describedby=\"dialog-description\"\n        className={clsx(\"dialog\", `position-${positionPopUp}`)}\n        tabIndex={-1}\n      >\n        <div className=\"header\">\n          <h3 id=\"dialog-title\" className=\"title\">\n            {title}\n          </h3>\n          <button\n            onClick={(e) => {\n              e.stopPropagation();\n              onClickCloseBtn?.();\n            }}\n            className=\"closeButton\"\n            aria-label=\"Close dialog\"\n          >\n            <Close className=\"closeIcon\" />\n          </button>\n        </div>\n        {description && (\n          <div id=\"dialog-description\" className=\"content\">\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["InfoPopup","title","description","isOpen","onClickCloseBtn","className","positionPopUp","dialogRef","useRef","previousActiveElement","useEffect","handleEscape","event","_a","jsx","clsx","e","jsxs","Close"],"mappings":";;;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,iBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAClB,MAAsB;AACd,QAAAC,IAAYC,EAAuB,IAAI,GACvCC,IAAwBD,EAA2B,IAAI;AAsBzD,SApBJE,EAAU,MAAM;;AACR,UAAAC,IAAe,CAACC,MAAyB;AACzC,MAAAA,EAAM,QAAQ,YAAYT,MACVC,KAAA,QAAAA;AAAA,IAEtB;AAEA,WAAID,KACFM,EAAsB,UAAU,SAAS,gBACzCI,IAAAN,EAAU,YAAV,QAAAM,EAAmB,SACV,SAAA,iBAAiB,WAAWF,CAAY,KACxCF,EAAsB,WAC/BA,EAAsB,QAAQ,MAAM,GAG/B,MAAM;AACF,eAAA,oBAAoB,WAAWE,CAAY;AAAA,IACtD;AAAA,EAAA,GACC,CAACR,GAAQC,CAAe,CAAC,GAEvBD,IAGHW,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,kBAAkBZ,IAAS,SAAS,SAASE,CAAS;AAAA,MACtE,SAAS,CAACW,MAAM;AACd,QAAAA,EAAE,gBAAgB;AAAA,MACpB;AAAA,MAEA,UAAAC,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKV;AAAA,UACL,MAAK;AAAA,UACL,cAAW;AAAA,UACX,mBAAgB;AAAA,UAChB,oBAAiB;AAAA,UACjB,WAAWQ,EAAK,UAAU,YAAYT,CAAa,EAAE;AAAA,UACrD,UAAU;AAAA,UAEV,UAAA;AAAA,YAACW,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,cAAAH,gBAAAA,MAAC,MAAG,EAAA,IAAG,gBAAe,WAAU,SAC7B,UACHb,GAAA;AAAA,cACAa,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAS,CAACE,MAAM;AACd,oBAAAA,EAAE,gBAAgB,GACAZ,KAAA,QAAAA;AAAA,kBACpB;AAAA,kBACA,WAAU;AAAA,kBACV,cAAW;AAAA,kBAEX,UAAAU,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,YAAY,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC/B,GACF;AAAA,YACChB,KACEY,gBAAAA,EAAAA,IAAA,OAAA,EAAI,IAAG,sBAAqB,WAAU,WACpC,UACHZ,EAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,IAvCkB;AAyCtB;"}

package/dist/index.es67.js

@@ -1,8 +1,8 @@
-import { j as s } from "./index.es161.js";
+import { j as s } from "./index.es162.js";
 import './components/ui/CardNotification/CardNotification.css';/* empty css            */
 import { useMemo as g } from "react";
-import { Actions as y } from "./index.es122.js";
-import { Calendar as v } from "./index.es115.js";
+import { Actions as y } from "./index.es123.js";
+import { Calendar as v } from "./index.es116.js";
 import { Row as i } from "./index.es9.js";
 import { Button as e } from "./index.es25.js";
 const O = ({

package/dist/index.es68.js

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

package/dist/index.es69.js

@@ -1,5 +1,5 @@
-import { j as i } from "./index.es161.js";
-import { clsx as h } from "./index.es162.js";
+import { j as i } from "./index.es162.js";
+import { clsx as h } from "./index.es164.js";
 import { useRef as k, useEffect as N } from "react";
 import { DatePicker as x } from "./index.es68.js";
 import { Row as $ } from "./index.es9.js";

package/dist/index.es7.js

@@ -1,7 +1,7 @@
-import { j as a } from "./index.es161.js";
+import { j as a } from "./index.es162.js";
 import { useMemo as i } from "react";
-import { clsx as m } from "./index.es162.js";
-import { createSpacingClasses as c } from "./index.es163.js";
+import { clsx as m } from "./index.es164.js";
+import { createSpacingClasses as c } from "./index.es172.js";
 const g = ({
   as: o,
   className: r,

package/dist/index.es70.js

@@ -1,13 +1,13 @@
-import { j as e } from "./index.es161.js";
-import { clsx as t } from "./index.es162.js";
+import { j as e } from "./index.es162.js";
+import { clsx as t } from "./index.es164.js";
 import { ActionIconText as n } from "./index.es59.js";
 import './components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css';/* empty css            */
-import { Info as r } from "./index.es137.js";
+import { Info as r } from "./index.es138.js";
 const m = ({
-  className: l,
-  ...o
+  className: s,
+  ...a
 }) => {
-  const a = [
+  const o = [
     {
       label: "Categoria notifica",
       noIcon: !0,
@@ -37,7 +37,7 @@ const m = ({
     }
   ];
   return /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsx("thead", { className: t(l), ...o, children: /* @__PURE__ */ e.jsx("tr", { className: "w-full flex", children: a.map((i, s) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: t(s), ...a, children: /* @__PURE__ */ e.jsx("tr", { className: "w-full flex", children: o.map((i, l) => /* @__PURE__ */ e.jsx(
       "th",
       {
         className: t(
@@ -54,18 +54,19 @@ const m = ({
             children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
               n,
               {
-                classNameText: "text-grey-black ",
+                classNameText: "text-grey-black",
                 noIcon: i.noIcon,
                 icon: /* @__PURE__ */ e.jsx(r, {}),
                 textLabel: i.label,
                 iconPosition: "right",
-                popupInfo: i.popupInfo
+                popupInfo: i.popupInfo,
+                positionPopUp: o.length === l + 1 ? "left" : "right"
               }
             ) })
           }
         )
       },
-      `${i.label}-${s}`
+      `${i.label}-${l}`
     )) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "table-header-divider" })
   ] });