@amateescu/portal-ui-components 0.0.37 → 0.0.38

package/README.md

@@ -16,7 +16,6 @@ npm install @amateescu/portal-ui-components
   "react-dom": ">=18.2.0",
   "i18next": ">=23.10.1",
   "react-i18next": ">=14.1.0",
-  "antd": ">=5.16.2",
   "@mui/material": ">=6.4.11"
 }
 \`\`\`

package/dist/PassportUserInformation-CNpBGKl3.js

@@ -0,0 +1,89 @@
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import * as g from "react";
+import { useState as f, useRef as _, useEffect as h } from "react";
+import { cn as v } from "./portal-utils/cn.js";
+import { createPortal as W } from "react-dom";
+import './assets/PassportUserInformation.css';const N = (c) => /* @__PURE__ */ g.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ g.createElement("path", { d: "M19 9L12 16L5 9", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), C = "_dropdownWrapper_1gsiw_1", L = "_trigger_1gsiw_6", O = "_avatar_1gsiw_27", R = "_userTitle_1gsiw_42", x = "_arrowIcon_1gsiw_49", E = "_open_1gsiw_55", S = "_dropdownMenu_1gsiw_59", T = "_menuItem_1gsiw_78", t = {
+  dropdownWrapper: C,
+  trigger: L,
+  avatar: O,
+  userTitle: R,
+  arrowIcon: x,
+  open: E,
+  dropdownMenu: S,
+  menuItem: T
+}, D = ({
+  items: c,
+  user: p,
+  collapsed: m = !1,
+  handleMenuClick: k
+}) => {
+  const [n, i] = f(!1), [I, w] = f({}), r = _(null), a = _(null);
+  h(() => {
+    const e = (s) => {
+      const d = s.target, l = r.current && !r.current.contains(d), M = a.current && !a.current.contains(d);
+      l && M && i(!1);
+    };
+    return document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, []), h(() => {
+    if (n && r.current) {
+      const e = r.current.getBoundingClientRect(), s = 8, l = e.left + 150 > window.innerWidth;
+      w(l ? {
+        top: e.bottom + s,
+        right: window.innerWidth - e.right,
+        left: "auto"
+      } : {
+        top: e.bottom + s,
+        left: e.left,
+        right: "auto"
+      });
+    }
+  }, [n]);
+  const b = (e) => {
+    k({ key: e }), i(!1);
+  }, y = /* @__PURE__ */ o(
+    "div",
+    {
+      ref: a,
+      className: v(t.dropdownMenu, n && t.open),
+      style: I,
+      children: c.filter((e) => e).map((e) => /* @__PURE__ */ u(
+        "button",
+        {
+          className: t.menuItem,
+          onClick: () => b(e.key),
+          disabled: e?.disabled,
+          type: "button",
+          children: [
+            e?.icon,
+            e.label
+          ]
+        },
+        e.key
+      ))
+    }
+  );
+  return /* @__PURE__ */ u("div", { className: t.dropdownWrapper, children: [
+    /* @__PURE__ */ u(
+      "button",
+      {
+        ref: r,
+        className: t.trigger,
+        onClick: () => i(!n),
+        type: "button",
+        children: [
+          /* @__PURE__ */ o("span", { className: t.avatar, children: p[0] }),
+          !m && /* @__PURE__ */ o("span", { className: t.userTitle, children: p }),
+          !m && /* @__PURE__ */ o("span", { className: v(t.arrowIcon, n && t.open), children: /* @__PURE__ */ o(N, { color: "var(--color-primary)" }) })
+        ]
+      }
+    ),
+    W(y, document.body)
+  ] });
+};
+export {
+  D as P,
+  N as S
+};

package/dist/assets/PassportInactivityModal.css

@@ -0,0 +1 @@
+._modalOverlay_z84tg_1{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;animation:_fadeIn_z84tg_1 .2s ease-out}._modalContainer_z84tg_12{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:448px;width:90%;padding:24px;animation:_slideIn_z84tg_1 .2s ease-out}._modalHeader_z84tg_22{display:flex;align-items:center;gap:12px;margin-bottom:16px}._modalIconCheck_z84tg_29,._modalIconCancel_z84tg_34{color:var(--color-highlight);flex-shrink:0}._modalTitle_z84tg_39{font-size:18px;font-weight:600;color:var(--color-text);margin:0}._modalMessage_z84tg_46{color:var(--color-text);font-size:14px;line-height:1.5}._modalActions_z84tg_52{display:flex;gap:12px;justify-content:flex-end}._modalButton_z84tg_58{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}._modalButtonCancel_z84tg_73{background-color:#fff;color:var(--color-text);border-color:var(--color-gray)}._modalButtonPublish_z84tg_79{background-color:var(--color-highlight);color:var(--color-text)}._modalButtonPublish_z84tg_79:hover,._modalButtonPublish_z84tg_79:active{background-color:var(--color-highlight)}@keyframes _fadeIn_z84tg_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_z84tg_1{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){._modalContainer_z84tg_12{margin:16px}._modalActions_z84tg_52{flex-direction:column-reverse}._modalButton_z84tg_58{width:100%}}

package/dist/assets/PassportInfoModal.css

@@ -0,0 +1 @@
+._modalOverlay_aod76_1{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;animation:_fadeIn_aod76_1 .2s ease-out}._modalContainer_aod76_12{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:448px;width:90%;padding:24px;animation:_slideIn_aod76_1 .2s ease-out}._modalHeader_aod76_22{display:flex;align-items:center;gap:12px;margin-bottom:16px}._modalIconInfo_aod76_29{color:var(--color-primary);flex-shrink:0}._modalTitle_aod76_34{font-size:18px;font-weight:600;color:var(--color-text);margin:0}._modalMessage_aod76_41{color:var(--color-text);font-size:14px;line-height:1.5;margin:0 0 24px}._modalActions_aod76_48{display:flex;gap:12px;justify-content:flex-end}._modalButton_aod76_54{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;background-color:var(--color-highlight);color:var(--color-text)}._modalButton_aod76_54:hover,._modalButton_aod76_54:active{background-color:var(--color-highlight)}@keyframes _fadeIn_aod76_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_aod76_1{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){._modalContainer_aod76_12{margin:16px}._modalButton_aod76_54{width:100%}}

package/dist/assets/PassportKpiCard.css

@@ -1 +1 @@
-._kpiCard_1r3at_1{height:147px;background-color:var(--color-background);border:1px solid transparent;border-radius:8px;padding:16px;display:flex;flex-direction:row;align-items:center}._cardContent_1r3at_12{display:flex;flex-direction:row;justify-content:center;gap:10px;margin:auto}._width430_1r3at_20{width:430px}@media(max-width:1500px){._width430_1r3at_20{width:200px}}._width384_1r3at_29{width:384px}._title_1r3at_33{font-size:var(--font-size-kpi-card);font-weight:500;color:var(--color-text)}@media(max-width:900px){._title_1r3at_33{font-size:var(--font-size-small)}}@media(max-width:1100px){._title_1r3at_33{font-size:var(--font-size-large)}}@media(max-width:1400px){._title_1r3at_33{font-size:var(--font-size-xxlarge)}}@media(max-width:1600px){._title_1r3at_33{font-size:var(--font-size-22)}}._content_1r3at_59{font-size:var(--font-size-xxxlarge);font-weight:400;color:var(--color-secondary)}@media(max-width:900px){._content_1r3at_59{font-size:var(--font-size-xxsmall)}}@media(max-width:1100px){._content_1r3at_59{font-size:var(--font-size-small)}}@media(max-width:1400px){._content_1r3at_59{font-size:var(--font-size-medium)}}
+._kpiCard_gpia1_1{height:147px;background-color:var(--color-background);border:1px solid transparent;border-radius:8px;padding:16px;display:flex;flex-direction:row;align-items:center}._cardContent_gpia1_12{display:flex;flex-direction:row;justify-content:center;margin:auto}._loadingCenter_gpia1_19{margin:auto}._width430_gpia1_23{width:430px}@media(max-width:1500px){._width430_gpia1_23{width:200px}}._width384_gpia1_32{width:384px}._title_gpia1_36{font-size:var(--font-size-kpi-card);font-weight:500;color:var(--color-text)}@media(max-width:900px){._title_gpia1_36{font-size:var(--font-size-small)}}@media(max-width:1100px){._title_gpia1_36{font-size:var(--font-size-large)}}@media(max-width:1400px){._title_gpia1_36{font-size:var(--font-size-xxlarge)}}@media(max-width:1600px){._title_gpia1_36{font-size:var(--font-size-22)}}._content_gpia1_62{font-size:var(--font-size-xxxlarge);font-weight:400;color:var(--color-secondary)}@media(max-width:900px){._content_gpia1_62{font-size:var(--font-size-xxsmall)}}@media(max-width:1100px){._content_gpia1_62{font-size:var(--font-size-small)}}@media(max-width:1400px){._content_gpia1_62{font-size:var(--font-size-medium)}}

package/dist/assets/PassportMenuButton.css

@@ -0,0 +1 @@
+._menuButtonContainer_1mdkc_1{position:relative;display:inline-block}._menuButton_1mdkc_1{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:6px 14px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-size:14px;color:#000000e0;transition:all .2s ease;height:34px}._menuButton_1mdkc_1:hover{border-color:var(--color-gray);background:#fff}._menuButton_1mdkc_1:focus{outline:none;border-color:var(--color-primary)}._menuButtonIcon_1mdkc_31{display:flex;align-items:center;justify-content:center;flex-shrink:0}._menuButtonIcon_1mdkc_31 svg{width:18px;height:18px;flex-shrink:0}._menuButtonLabel_1mdkc_43{margin-left:2px;white-space:nowrap}._dropdownMenu_1mdkc_48{min-width:160px;max-width:calc(100vw - 20px);overflow:visible;background:#fff;border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;z-index:9999;padding:4px 0;animation:_dropdownFadeIn_1mdkc_1 .15s ease-out}@keyframes _dropdownFadeIn_1mdkc_1{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}._dropdownItem_1mdkc_70{padding:8px 12px;cursor:pointer;font-size:14px;color:#000000e0;transition:background .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._dropdownItem_1mdkc_70:hover{background:#0000000a}._dropdownItem_1mdkc_70:active{background:#00000014;transform:scale(.98)}@keyframes _itemClick_1mdkc_1{0%{background:#00000014}to{background:transparent}}._dropdownItemClicked_1mdkc_97{animation:_itemClick_1mdkc_1 .3s ease-out}[dir=rtl] ._menuButtonLabel_1mdkc_43{margin-left:0;margin-right:2px}

package/dist/assets/PassportSideMenu.css

@@ -0,0 +1 @@
+._sideMenuContainer_gmge6_1{background-color:var(--color-background);border-top-right-radius:16px;border-bottom-right-radius:16px;height:100vh;display:flex;flex-direction:column}[dir=rtl] ._sideMenuContainer_gmge6_1{border-radius:16px 0 0 16px}._header_gmge6_17{padding:15px 10px}._headerExpanded_gmge6_21{display:flex;align-items:center;justify-content:space-between}._headerCollapsed_gmge6_27{display:flex;flex-direction:column;align-items:center}._logoSection_gmge6_33{display:flex;flex-direction:row;align-items:center;line-height:1}._stationTitle_gmge6_40{margin-left:5px;font-size:14px;font-weight:500;color:var(--color-text)}[dir=rtl] ._stationTitle_gmge6_40{margin-left:0;margin-right:5px}._collapseButton_gmge6_52{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}._collapseButton_gmge6_52:hover{opacity:.8}._menuContainer_gmge6_65{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 8px}._menuContainer_gmge6_65::-webkit-scrollbar{display:none}._menuContainer_gmge6_65{scrollbar-width:none}._menu_gmge6_65{list-style:none;margin:0;padding:0}._menuItem_gmge6_84{margin-bottom:4px}._menuItemButton_gmge6_88{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;border-radius:8px;cursor:pointer;font-size:14px;color:var(--color-text);text-align:left;transition:background-color .2s ease}._menuItemButton_gmge6_88:hover{background-color:#f5f5f5;background-color:var(--color-gray-light, #f5f5f5)}._menuItemButton_gmge6_88._selected_gmge6_106{background-color:var(--color-neutral);box-shadow:0 5px 5px #8080804d}._menuItemButton_gmge6_88._selected_gmge6_106 ._menuItemLabel_gmge6_110{color:var(--color-text);font-weight:500}._menuItemButton_gmge6_88._disabled_gmge6_114{opacity:.5;cursor:not-allowed}._menuItemButton_gmge6_88._disabled_gmge6_114:hover{background-color:transparent}._menuItemContent_gmge6_122{display:flex;align-items:center;gap:12px}._menuItemIcon_gmge6_128{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}._menuItemIcon_gmge6_128 svg{width:20px;height:20px}._menuItemLabel_gmge6_110{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._menuItemArrow_gmge6_147{display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:transform .2s ease}._menuItemArrow_gmge6_147._open_gmge6_154{transform:rotate(180deg)}._submenu_gmge6_158{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease}._submenu_gmge6_158._open_gmge6_154{max-height:500px}._submenuItem_gmge6_170{margin-bottom:2px}._submenuItemButton_gmge6_174{display:flex;align-items:center;width:100%;padding:10px 16px 10px 52px;background:none;border:none;border-radius:8px;cursor:pointer;font-size:14px;color:var(--color-text);text-align:left;transition:background-color .2s ease}._submenuItemButton_gmge6_174:hover{background-color:#f5f5f5;background-color:var(--color-gray-light, #f5f5f5)}._submenuItemButton_gmge6_174._selected_gmge6_106{background-color:var(--color-neutral);box-shadow:0 5px 5px #8080804d;color:var(--color-text);font-weight:500}._submenuItemButton_gmge6_174._disabled_gmge6_114{opacity:.5;cursor:not-allowed}._submenuItemButton_gmge6_174._disabled_gmge6_114:hover{background-color:transparent}[dir=rtl] ._submenuItemButton_gmge6_174{padding:10px 52px 10px 16px}._footer_gmge6_209{padding:10px}._userSection_gmge6_213{margin-bottom:10px}._userSectionExpanded_gmge6_217{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--color-gray);border-radius:10px;padding:5px;cursor:pointer}._userSectionCollapsed_gmge6_227{display:flex;flex-direction:column;align-items:center}._logoFooter_gmge6_233{display:flex;flex-direction:column;align-items:center;padding:5px 0 10px}._logoFooterCollapsed_gmge6_240{margin-bottom:30px}

package/dist/assets/PassportUserInformation.css

@@ -0,0 +1 @@
+._dropdownWrapper_1gsiw_1{position:relative;display:inline-block}._trigger_1gsiw_6{display:flex;flex-direction:row;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;background:none;border:none;padding:0;margin:0;font-family:inherit}._trigger_1gsiw_6:hover{opacity:.9}._trigger_1gsiw_6:focus{outline:none}._avatar_1gsiw_27{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-avatar);color:#fff;font-size:16px;font-weight:500;text-transform:uppercase;flex-shrink:0}._userTitle_1gsiw_42{font-size:var(--font-size-small);color:var(--color-secondary);margin-left:10px;white-space:nowrap}._arrowIcon_1gsiw_49{display:flex;align-items:center;margin-left:8px;transition:transform .15s ease}._arrowIcon_1gsiw_49._open_1gsiw_55{transform:rotate(180deg)}._dropdownMenu_1gsiw_59{position:fixed;min-width:150px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px 0;z-index:9999;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}._dropdownMenu_1gsiw_59._open_1gsiw_55{opacity:1;visibility:visible;transform:translateY(0)}._menuItem_1gsiw_78{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:none;font-size:14px;color:var(--color-text);cursor:pointer;text-align:left;white-space:nowrap;transition:background-color .15s ease}._menuItem_1gsiw_78:hover{background-color:#f5f5f5;background-color:var(--color-gray-light, #f5f5f5)}._menuItem_1gsiw_78:disabled{color:var(--color-gray);cursor:not-allowed}._menuItem_1gsiw_78:disabled:hover{background-color:transparent}

package/dist/components/PassportFooter/PassportFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PassportFooter.d.ts","sourceRoot":"","sources":["../../../src/components/PassportFooter/PassportFooter.tsx"],"names":[],"mappings":"AAaA,OAAO,mBAAmB,MAAM,wBAAwB,CAAC;AAGzD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,kBAAkB,EAClB,KAAK,GACN,EAAE,mBAAmB,2CAoCrB"}
+{"version":3,"file":"PassportFooter.d.ts","sourceRoot":"","sources":["../../../src/components/PassportFooter/PassportFooter.tsx"],"names":[],"mappings":"AAcA,OAAO,mBAAmB,MAAM,wBAAwB,CAAC;AAGzD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,kBAAkB,EAClB,KAAK,GACN,EAAE,mBAAmB,2CA0CrB"}

package/dist/components/PassportFooter/PassportFooter.js

@@ -1,46 +1,56 @@
-import { jsxs as d, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { PassportPagination as u } from "../PassportPagination/PassportPagination.js";
-import { TotalDataGrid as f } from "../TotalDataGrid/TotalDataGrid.js";
-import { getPageCount as P } from "../../portal-utils/pageCount.js";
-import { useGridApiContext as C, useGridSelector as t, gridFilteredTopLevelRowCountSelector as h, useGridRootProps as S, gridPageSizeSelector as F, gridPaginationModelSelector as G, GridFooterContainer as v } from "@mui/x-data-grid";
-import { cn as w } from "../../portal-utils/cn.js";
-import '../../assets/PassportFooter.css';const x = "_container_1py0o_1", R = {
-  container: x
+import { jsxs as s, Fragment as P, jsx as t } from "react/jsx-runtime";
+import { PassportPagination as h } from "../PassportPagination/PassportPagination.js";
+import { PassportTotalDataGrid as C } from "../PassportTotalDataGrid/PassportTotalDataGrid.js";
+import { getPageCount as S } from "../../portal-utils/pageCount.js";
+import { useGridApiContext as w, useGridSelector as e, gridFilteredTopLevelRowCountSelector as R, useGridRootProps as v, gridPageSizeSelector as x, gridRowCountSelector as F, gridPaginationModelSelector as G, GridFooterContainer as _ } from "@mui/x-data-grid";
+import { cn as y } from "../../portal-utils/cn.js";
+import '../../assets/PassportFooter.css';const M = "_container_1py0o_1", T = {
+  container: M
 };
-function y({
-  total: r,
-  columnsDefinitions: n,
-  isRtl: i
+function N({
+  total: a,
+  columnsDefinitions: c,
+  isRtl: g
 }) {
-  const o = C(), s = t(
+  const o = w(), p = e(
     o,
-    h
-  ), a = S(), c = t(o, F), p = t(o, G), g = P(
-    a.rowCount ?? s,
-    c
-  );
-  return /* @__PURE__ */ d(m, { children: [
-    r?.length > 0 && /* @__PURE__ */ e("div", { className: w(R.container, "custom-grid-footer"), children: /* @__PURE__ */ e(
-      f,
+    R
+  ), l = v(), r = e(o, x), n = e(o, F), i = e(o, G), d = S(
+    l.rowCount ?? p,
+    r
+  ), m = n > 0 ? i.page * r + 1 : 0, u = Math.min((i.page + 1) * r, n);
+  return /* @__PURE__ */ s(P, { children: [
+    a?.length > 0 && /* @__PURE__ */ t("div", { className: y(T.container, "custom-grid-footer"), children: /* @__PURE__ */ t(
+      C,
       {
-        rows: r,
+        rows: a,
         isFetching: !1,
-        columnsDefinitions: n
+        columnsDefinitions: c
       }
     ) }),
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-      u,
-      {
-        isRtl: i,
-        pageCount: g,
-        page: p.page,
-        onPageChange: (_, l) => {
-          o.current.setPage(l);
+    /* @__PURE__ */ s(_, { children: [
+      /* @__PURE__ */ t("div", { style: { margin: "auto" }, children: /* @__PURE__ */ t(
+        h,
+        {
+          isRtl: g,
+          pageCount: d,
+          page: i.page,
+          onPageChange: (j, f) => {
+            o.current.setPage(f);
+          }
         }
-      }
-    ) })
+      ) }),
+      /* @__PURE__ */ s("span", { style: { marginRight: "20px" }, children: [
+        m,
+        " - ",
+        u,
+        " Of ",
+        n,
+        " Items"
+      ] })
+    ] })
   ] });
 }
 export {
-  y as PassportFooter
+  N as PassportFooter
 };

package/dist/components/PassportFooter/PassportFooter.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PassportFooter.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportFooter/PassportFooter.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAmBvD,QAAA,MAAM,IAAI;;2BAhBgC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE;;;;;;;;CA0Bd,CAAC;AAE/C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC"}
+{"version":3,"file":"PassportFooter.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportFooter/PassportFooter.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqBvD,QAAA,MAAM,IAAI;;2BAlBgC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE;;;;;;;;CA4Bd,CAAC;AAE/C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC"}

package/dist/components/PassportInactivityModal/PassportInactivityModal.d.ts

@@ -0,0 +1,12 @@
+export interface PassportInactivityModalProps {
+    isOpen: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+    title: string;
+    message: string;
+    actionText: string;
+    cancelText: string;
+    message2?: string;
+}
+export declare const PassportInactivityModal: ({ isOpen, onCancel, onConfirm, title, message, actionText, cancelText, message2 }: PassportInactivityModalProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PassportInactivityModal.d.ts.map

package/dist/components/PassportInactivityModal/PassportInactivityModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportInactivityModal.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInactivityModal/PassportInactivityModal.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,uBAAuB,GAAI,mFASrC,4BAA4B,mDAiC9B,CAAC"}

package/dist/components/PassportInactivityModal/PassportInactivityModal.js

@@ -0,0 +1,53 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import '../../assets/PassportInactivityModal.css';const _ = "_modalOverlay_z84tg_1", u = "_modalContainer_z84tg_12", g = "_modalHeader_z84tg_22", h = "_modalTitle_z84tg_39", B = "_modalMessage_z84tg_46", C = "_modalActions_z84tg_52", v = "_modalButton_z84tg_58", z = "_modalButtonCancel_z84tg_73", N = "_modalButtonPublish_z84tg_79", o = {
+  modalOverlay: _,
+  modalContainer: u,
+  modalHeader: g,
+  modalTitle: h,
+  modalMessage: B,
+  modalActions: C,
+  modalButton: v,
+  modalButtonCancel: z,
+  modalButtonPublish: N
+}, b = ({
+  isOpen: t,
+  onCancel: n,
+  onConfirm: d,
+  title: e,
+  message: s,
+  actionText: m,
+  cancelText: c,
+  message2: i = ""
+}) => t ? /* @__PURE__ */ a("div", { className: o.modalOverlay, children: /* @__PURE__ */ l(
+  "div",
+  {
+    className: o.modalContainer,
+    onClick: (r) => r.stopPropagation(),
+    children: [
+      /* @__PURE__ */ a("div", { className: o.modalHeader, children: /* @__PURE__ */ a("h2", { className: o.modalTitle, children: e }) }),
+      /* @__PURE__ */ a("p", { className: o.modalMessage, children: s }),
+      /* @__PURE__ */ a("p", { className: o.modalMessage, children: i }),
+      /* @__PURE__ */ l("div", { className: o.modalActions, children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            className: `${o.modalButton} ${o.modalButtonCancel}`,
+            onClick: n,
+            children: c
+          }
+        ),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            className: `${o.modalButton} ${o.modalButtonPublish}`,
+            onClick: d,
+            children: m
+          }
+        )
+      ] })
+    ]
+  }
+) }) : null;
+export {
+  b as PassportInactivityModal
+};

package/dist/components/PassportInactivityModal/PassportInactivityModal.stories.d.ts

@@ -0,0 +1,41 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ isOpen, onCancel, onConfirm, title, message, actionText, cancelText, message2 }: import('./PassportInactivityModal').PassportInactivityModalProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        isOpen: {
+            control: "boolean";
+            description: string;
+        };
+        title: {
+            control: "text";
+            description: string;
+        };
+        message: {
+            control: "text";
+            description: string;
+        };
+        message2: {
+            control: "text";
+            description: string;
+        };
+        actionText: {
+            control: "text";
+            description: string;
+        };
+        cancelText: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithoutSecondaryMessage: Story;
+export declare const RTL: Story;
+//# sourceMappingURL=PassportInactivityModal.stories.d.ts.map

package/dist/components/PassportInactivityModal/PassportInactivityModal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportInactivityModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInactivityModal/PassportInactivityModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAUrC,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAkBjB,CAAC"}

package/dist/components/PassportInfoModal/PassportInfoModal.d.ts

@@ -0,0 +1,3 @@
+import { PassportInfoModalProps } from './PassportInfoModal.types';
+export declare const PassportInfoModal: ({ isOpen, onClose, title, message, }: PassportInfoModalProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PassportInfoModal.d.ts.map

package/dist/components/PassportInfoModal/PassportInfoModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportInfoModal.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInfoModal/PassportInfoModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,eAAO,MAAM,iBAAiB,GAAI,sCAK/B,sBAAsB,mDAkDxB,CAAC"}

package/dist/components/PassportInfoModal/PassportInfoModal.js

@@ -0,0 +1,68 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { t as i } from "i18next";
+import '../../assets/PassportInfoModal.css';const r = "_modalOverlay_aod76_1", c = "_modalContainer_aod76_12", m = "_modalHeader_aod76_22", _ = "_modalIconInfo_aod76_29", h = "_modalTitle_aod76_34", u = "_modalMessage_aod76_41", v = "_modalActions_aod76_48", k = "_modalButton_aod76_54", a = {
+  modalOverlay: r,
+  modalContainer: c,
+  modalHeader: m,
+  modalIconInfo: _,
+  modalTitle: h,
+  modalMessage: u,
+  modalActions: v,
+  modalButton: k
+}, f = ({
+  isOpen: e,
+  onClose: n,
+  title: d,
+  message: t
+}) => e ? /* @__PURE__ */ o("div", { className: a.modalOverlay, children: /* @__PURE__ */ l(
+  "div",
+  {
+    className: a.modalContainer,
+    onClick: (s) => s.stopPropagation(),
+    children: [
+      /* @__PURE__ */ l("div", { className: a.modalHeader, children: [
+        /* @__PURE__ */ l(
+          "svg",
+          {
+            className: a.modalIconInfo,
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ o("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+              /* @__PURE__ */ o("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("h2", { className: a.modalTitle, children: d })
+      ] }),
+      /* @__PURE__ */ o("p", { className: a.modalMessage, children: t }),
+      /* @__PURE__ */ o("div", { className: a.modalActions, children: /* @__PURE__ */ l("button", { className: a.modalButton, onClick: n, children: [
+        /* @__PURE__ */ o(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ o("polyline", { points: "20 6 9 17 4 12" })
+          }
+        ),
+        i("ok")
+      ] }) })
+    ]
+  }
+) }) : null;
+export {
+  f as PassportInfoModal
+};

package/dist/components/PassportInfoModal/PassportInfoModal.stories.d.ts

@@ -0,0 +1,29 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ isOpen, onClose, title, message, }: import('./PassportInfoModal.types').PassportInfoModalProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        isOpen: {
+            control: "boolean";
+            description: string;
+        };
+        title: {
+            control: "text";
+            description: string;
+        };
+        message: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LongMessage: Story;
+export declare const RTL: Story;
+//# sourceMappingURL=PassportInfoModal.stories.d.ts.map

package/dist/components/PassportInfoModal/PassportInfoModal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportInfoModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInfoModal/PassportInfoModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqBgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAcjB,CAAC"}

package/dist/components/PassportInfoModal/PassportInfoModal.types.d.ts

@@ -0,0 +1,7 @@
+export interface PassportInfoModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    message: string;
+}
+//# sourceMappingURL=PassportInfoModal.types.d.ts.map

package/dist/components/PassportInfoModal/PassportInfoModal.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportInfoModal.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInfoModal/PassportInfoModal.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/PassportKpiCard/PassportKpiCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PassportKpiCard.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiCard/PassportKpiCard.tsx"],"names":[],"mappings":"AAGA,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAE3D,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE,oBAAoB,2CAyBtB"}
+{"version":3,"file":"PassportKpiCard.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiCard/PassportKpiCard.tsx"],"names":[],"mappings":"AAGA,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAE3D,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE,oBAAoB,2CA2BtB"}

package/dist/components/PassportKpiCard/PassportKpiCard.js

@@ -1,40 +1,41 @@
-import { jsx as n, jsxs as a } from "react/jsx-runtime";
-import { LoadingAnimation as o } from "../LoadingAnimation/LoadingAnimation.js";
-import { cn as _ } from "../../portal-utils/cn.js";
-import '../../assets/PassportKpiCard.css';const l = "_kpiCard_1r3at_1", h = "_cardContent_1r3at_12", m = "_width430_1r3at_20", p = "_width384_1r3at_29", C = "_title_1r3at_33", w = "_content_1r3at_59", t = {
-  kpiCard: l,
-  cardContent: h,
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { LoadingAnimation as s } from "../LoadingAnimation/LoadingAnimation.js";
+import { cn as l } from "../../portal-utils/cn.js";
+import '../../assets/PassportKpiCard.css';const _ = "_kpiCard_gpia1_1", p = "_cardContent_gpia1_12", h = "_loadingCenter_gpia1_19", m = "_width430_gpia1_23", C = "_width384_gpia1_32", g = "_title_gpia1_36", w = "_content_gpia1_62", t = {
+  kpiCard: _,
+  cardContent: p,
+  loadingCenter: h,
   width430: m,
-  width384: p,
-  title: C,
+  width384: C,
+  title: g,
   content: w
 };
 function k({
-  title: i,
-  content: r,
-  icon: c,
-  menuCollapsed: d,
-  height: e,
-  width: s
+  title: n,
+  content: a,
+  icon: d,
+  menuCollapsed: c,
+  height: o,
+  width: r
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: _(
+      className: l(
         t.kpiCard,
-        d ? t.width430 : t.width384
+        c ? t.width430 : t.width384
       ),
       style: {
-        height: e,
-        width: s
+        height: o,
+        width: r
       },
-      children: i && r ? /* @__PURE__ */ a("div", { className: t.cardContent, children: [
-        /* @__PURE__ */ n("div", { className: t.iconWrapper, children: c }),
-        /* @__PURE__ */ a("div", { className: t.textContent, children: [
-          /* @__PURE__ */ n("div", { className: t.title, children: i }),
-          /* @__PURE__ */ n("div", { className: t.content, children: r })
+      children: n && a ? /* @__PURE__ */ e("div", { className: t.cardContent, children: [
+        /* @__PURE__ */ i("div", { className: t.iconWrapper, children: d }),
+        /* @__PURE__ */ e("div", { className: t.textContent, children: [
+          /* @__PURE__ */ i("div", { className: t.title, children: n }),
+          /* @__PURE__ */ i("div", { className: t.content, children: a })
         ] })
-      ] }) : /* @__PURE__ */ n(o, {})
+      ] }) : /* @__PURE__ */ i("div", { className: t.loadingCenter, children: /* @__PURE__ */ i(s, {}) })
     }
   );
 }

package/dist/components/PassportMenuButton/PassportMenuButton.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+interface MenuItem {
+    label: string;
+    key: string;
+}
+interface PassportMenuButtonProps {
+    icon?: ReactNode;
+    label?: string;
+    items: MenuItem[];
+    onItemClick: (key: string) => void;
+    className?: string;
+}
+export declare const PassportMenuButton: ({ icon, label, items, onItemClick, className }: PassportMenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type { MenuItem, PassportMenuButtonProps };
+//# sourceMappingURL=PassportMenuButton.d.ts.map

package/dist/components/PassportMenuButton/PassportMenuButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportMenuButton.d.ts","sourceRoot":"","sources":["../../../src/components/PassportMenuButton/PassportMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5E,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,eAAO,MAAM,kBAAkB,GAAI,gDAAgD,uBAAuB,4CAyHzG,CAAC;AAEF,YAAY,EAAE,QAAQ,EAAE,uBAAuB,EAAE,CAAC"}