@amateescu/portal-ui-components 0.0.35-beta0 → 0.0.37-beta0

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

@@ -0,0 +1,30 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ isRtl, fullWidth, disableFuture, disabled, }: {
+        isRtl?: boolean;
+        fullWidth?: boolean;
+        disableFuture?: boolean;
+        disabled?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        isRtl: false;
+        fullWidth: false;
+        disableFuture: true;
+        disabled: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const RTL: Story;
+export declare const FullWidth: Story;
+export declare const AllowFuture: Story;
+export declare const Disabled: Story;
+export declare const WithMinMax: Story;
+export declare const NoValue: Story;
+//# sourceMappingURL=PassportDateTimePicker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportDateTimePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDateTimePicker/PassportDateTimePicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAmCvD,QAAA,MAAM,IAAI;;gEAzBP;QACD,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;;;;;;;;;;;CAiCqD,CAAC;AAEvD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC"}

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

@@ -0,0 +1,16 @@
+import { SxProps, Theme } from '@mui/material';
+import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
+import { Dayjs } from 'dayjs';
+export interface PassportDateTimePickerProps extends Omit<DateTimePickerProps, 'onChange' | 'value' | 'label'> {
+    label: string;
+    value: Dayjs | undefined;
+    handleChange: (value: Dayjs | null) => void;
+    width?: number;
+    maxDate?: Dayjs;
+    minDate?: Dayjs;
+    fullWidth?: boolean;
+    sx?: SxProps<Theme>;
+    disableFuture?: boolean;
+    isRtl?: boolean;
+}
+//# sourceMappingURL=PassportDateTimePicker.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportDateTimePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDateTimePicker/PassportDateTimePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,mBAAmB,EACnB,UAAU,GAAG,OAAO,GAAG,OAAO,CAC/B;IACC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/components/PassportDropdown/PassportDropdown.d.ts

@@ -0,0 +1,3 @@
+import { PassportDropdownProps } from './PassportDropdown.types';
+export declare function PassportDropdown({ label, value, handleChange, data, fullWidth, disabled, isRtl, }: PassportDropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PassportDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDropdown/PassportDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,SAAgB,EAChB,QAAgB,EAChB,KAAa,GACd,EAAE,qBAAqB,2CA4BvB"}

package/dist/components/PassportDropdown/PassportDropdown.js

@@ -0,0 +1,37 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { FormControl as d, InputLabel as u, Select as x, MenuItem as m } from "@mui/material";
+function h({
+  label: o,
+  value: n,
+  handleChange: s,
+  data: a,
+  fullWidth: l = !0,
+  disabled: i = !1,
+  isRtl: p = !1
+}) {
+  return /* @__PURE__ */ t(d, { fullWidth: l, size: "small", disabled: i, children: [
+    /* @__PURE__ */ r(u, { children: o }),
+    /* @__PURE__ */ r(
+      x,
+      {
+        value: n,
+        label: o,
+        fullWidth: l,
+        onChange: s,
+        sx: {
+          "& fieldset": {
+            borderRadius: "8px"
+          },
+          "&:hover fieldset": {
+            borderRadius: "8px"
+          },
+          marginRight: p ? "10px" : "0px"
+        },
+        children: a?.map((e) => /* @__PURE__ */ r(m, { value: e.value, children: e.label }, e.value))
+      }
+    )
+  ] });
+}
+export {
+  h as PassportDropdown
+};

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

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ isRtl, disabled, fullWidth, }: {
+        isRtl?: boolean;
+        disabled?: boolean;
+        fullWidth?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        isRtl: false;
+        disabled: false;
+        fullWidth: true;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const RTL: Story;
+export declare const Disabled: Story;
+export declare const NotFullWidth: Story;
+//# sourceMappingURL=PassportDropdown.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDropdown/PassportDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAsCvD,QAAA,MAAM,IAAI;;iDAtBP;QACD,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB;;;;;;;;;;CA8B+C,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC"}

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

@@ -0,0 +1,14 @@
+import { SelectChangeEvent, SelectProps } from '@mui/material';
+export interface PassportDropdownProps extends Omit<SelectProps, 'onChange' | 'value' | 'label' | 'fullWidth' | 'disabled'> {
+    label: string;
+    value: string;
+    handleChange: (e: SelectChangeEvent<string>) => void;
+    data?: {
+        value: string;
+        label: string;
+    }[];
+    fullWidth?: boolean;
+    disabled?: boolean;
+    isRtl?: boolean;
+}
+//# sourceMappingURL=PassportDropdown.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportDropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDropdown/PassportDropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,WAAW,EACX,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,CAC1D;IACC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACrD,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/components/PassportErrorModal/PassportErrorModal.d.ts

@@ -0,0 +1,8 @@
+export interface PassportErrorModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    message?: string;
+}
+export declare const PassportErrorModal: ({ isOpen, onClose, title, message, }: PassportErrorModalProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PassportErrorModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportErrorModal.d.ts","sourceRoot":"","sources":["../../../src/components/PassportErrorModal/PassportErrorModal.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,GAAI,sCAKhC,uBAAuB,mDAkDzB,CAAC"}

package/dist/components/PassportErrorModal/PassportErrorModal.js

@@ -0,0 +1,68 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { t as s } from "i18next";
+import '../../assets/PassportErrorModal.css';const i = "_errorModalOverlay_1vv36_1", c = "_errorModalContainer_1vv36_12", M = "_errorModalHeader_1vv36_22", v = "_errorModalIcon_1vv36_29", _ = "_errorModalTitle_1vv36_34", h = "_errorModalMessage_1vv36_41", u = "_errorModalActions_1vv36_48", m = "_errorModalButton_1vv36_54", o = {
+  errorModalOverlay: i,
+  errorModalContainer: c,
+  errorModalHeader: M,
+  errorModalIcon: v,
+  errorModalTitle: _,
+  errorModalMessage: h,
+  errorModalActions: u,
+  errorModalButton: m
+}, y = ({
+  isOpen: l,
+  onClose: a,
+  title: n,
+  message: t
+}) => l ? /* @__PURE__ */ r("div", { className: o.errorModalOverlay, children: /* @__PURE__ */ e(
+  "div",
+  {
+    className: o.errorModalContainer,
+    onClick: (d) => d.stopPropagation(),
+    children: [
+      /* @__PURE__ */ e("div", { className: o.errorModalHeader, children: [
+        /* @__PURE__ */ e(
+          "svg",
+          {
+            className: o.errorModalIcon,
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ r("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+              /* @__PURE__ */ r("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r("h2", { className: o.errorModalTitle, children: n })
+      ] }),
+      /* @__PURE__ */ r("p", { className: o.errorModalMessage, children: t }),
+      /* @__PURE__ */ r("div", { className: o.errorModalActions, children: /* @__PURE__ */ e("button", { className: o.errorModalButton, onClick: a, children: [
+        /* @__PURE__ */ r(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ r("polyline", { points: "20 6 9 17 4 12" })
+          }
+        ),
+        s("ok")
+      ] }) })
+    ]
+  }
+) }) : null;
+export {
+  y as PassportErrorModal
+};

package/dist/components/{ConfirmationModal/ConfirmationModal.stories.d.ts → PassportErrorModal/PassportErrorModal.stories.d.ts}

@@ -16,3 +16,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const RTL: Story;
+//# sourceMappingURL=PassportErrorModal.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportErrorModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportErrorModal/PassportErrorModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAgBvD,QAAA,MAAM,IAAI;;2BAboC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE;;;;;;;;CAuBd,CAAC;AAEnD,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/PassportFooter/PassportFooter.d.ts

@@ -0,0 +1,3 @@
+import { default as PassportFooterProps } from './PassportFooter.types';
+export declare function PassportFooter({ total, columnsDefinitions, isRtl, }: PassportFooterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PassportFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,56 @@
+import { jsxs as s, Fragment as h, jsx as e } from "react/jsx-runtime";
+import { PassportPagination as C } from "../PassportPagination/PassportPagination.js";
+import { TotalDataGrid as P } from "../TotalDataGrid/TotalDataGrid.js";
+import { getPageCount as S } from "../../portal-utils/pageCount.js";
+import { useGridApiContext as w, useGridSelector as t, 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 N({
+  total: a,
+  columnsDefinitions: c,
+  isRtl: g
+}) {
+  const o = w(), p = t(
+    o,
+    R
+  ), l = v(), r = t(o, x), n = t(o, F), i = t(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(h, { children: [
+    a?.length > 0 && /* @__PURE__ */ e("div", { className: y(T.container, "custom-grid-footer"), children: /* @__PURE__ */ e(
+      P,
+      {
+        rows: a,
+        isFetching: !1,
+        columnsDefinitions: c
+      }
+    ) }),
+    /* @__PURE__ */ s(_, { children: [
+      /* @__PURE__ */ e("div", { style: { margin: "auto" }, children: /* @__PURE__ */ e(
+        C,
+        {
+          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 {
+  N as PassportFooter
+};

package/dist/components/{CustomFooter/CustomFooter.stories.d.ts → PassportFooter/PassportFooter.stories.d.ts}

@@ -16,3 +16,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const RTL: Story;
+//# sourceMappingURL=PassportFooter.stories.d.ts.map

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

@@ -0,0 +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;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/{CustomFooter/CustomFooter.types.d.ts → PassportFooter/PassportFooter.types.d.ts}

@@ -1,7 +1,8 @@
 import { GridColDef } from '@mui/x-data-grid';
-interface CustomFooterProps {
+interface PassportFooterProps {
     total: any[];
     columnsDefinitions: GridColDef[];
     isRtl: boolean;
 }
-export default CustomFooterProps;
+export default PassportFooterProps;
+//# sourceMappingURL=PassportFooter.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportFooter.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportFooter/PassportFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,UAAU,mBAAmB;IAC3B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/PassportInput/PassportInput.d.ts

@@ -0,0 +1,3 @@
+import { PassportInputProps } from './PassportInput.types';
+export declare function PassportInput({ label, searchValue, changeSearchValue, width, isRtl, }: PassportInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PassportInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportInput.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInput/PassportInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,KAAW,EACX,KAAa,GACd,EAAE,kBAAkB,2CAqCpB"}

package/dist/components/PassportInput/PassportInput.js

@@ -0,0 +1,51 @@
+import { jsx as r } from "react/jsx-runtime";
+import { C as s } from "../../Clear-BauR3cPE.js";
+import { c as d } from "../../createSvgIcon-B-eIQ7rU.js";
+import { TextField as p, InputAdornment as n } from "@mui/material";
+const c = d(/* @__PURE__ */ r("path", {
+  d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
+}), "Search");
+function g({
+  label: e,
+  searchValue: o,
+  changeSearchValue: t,
+  width: i = 400,
+  isRtl: l = !1
+}) {
+  return /* @__PURE__ */ r(
+    p,
+    {
+      size: "small",
+      fullWidth: !0,
+      variant: "outlined",
+      onChange: (a) => t(a.target.value),
+      value: o,
+      placeholder: e,
+      sx: {
+        width: i,
+        borderRadius: "8px",
+        border: "1px solid var(--color-gray)",
+        bgcolor: "var(--color-background)",
+        "& fieldset": { border: "none" },
+        marginRight: l ? "10px" : "0px"
+      },
+      slotProps: {
+        input: {
+          startAdornment: /* @__PURE__ */ r(n, { position: "start", children: /* @__PURE__ */ r(c, {}) }),
+          endAdornment: o && /* @__PURE__ */ r(
+            n,
+            {
+              sx: { cursor: "pointer" },
+              position: "end",
+              onClick: () => t(""),
+              children: /* @__PURE__ */ r(s, {})
+            }
+          )
+        }
+      }
+    }
+  );
+}
+export {
+  g as PassportInput
+};

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

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ isRtl, width, }: {
+        isRtl?: boolean;
+        width?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        isRtl: false;
+        width: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const RTL: Story;
+export declare const WithValue: Story;
+export declare const CustomWidth: Story;
+export declare const NarrowWidth: Story;
+//# sourceMappingURL=PassportInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInput/PassportInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0BvD,QAAA,MAAM,IAAI;;mCAnBP;QACD,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;;;;;;;;;CA2B4C,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { TextFieldProps } from '@mui/material';
+export interface PassportInputProps extends Omit<TextFieldProps, 'onChange' | 'value' | 'label'> {
+    label: string;
+    searchValue: string;
+    changeSearchValue: (value: string) => void;
+    width?: number;
+    isRtl?: boolean;
+}
+//# sourceMappingURL=PassportInput.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInput/PassportInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,cAAc,EACd,UAAU,GAAG,OAAO,GAAG,OAAO,CAC/B;IACC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/components/PassportInput/PassportInput.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { default as PassportKpiCardProps } from './PassportKpiCard.types';
+export declare function PassportKpiCard({ title, content, icon, menuCollapsed, height, width, }: PassportKpiCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PassportKpiCard.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/PassportKpiCard/PassportKpiCard.js

@@ -0,0 +1,43 @@
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import { LoadingAnimation as a } from "../LoadingAnimation/LoadingAnimation.js";
+import { cn as _ } from "../../portal-utils/cn.js";
+import '../../assets/PassportKpiCard.css';const l = "_kpiCard_12qgc_1", h = "_cardContent_12qgc_12", m = "_width430_12qgc_19", p = "_width384_12qgc_28", C = "_title_12qgc_32", w = "_content_12qgc_58", t = {
+  kpiCard: l,
+  cardContent: h,
+  width430: m,
+  width384: p,
+  title: C,
+  content: w
+};
+function N({
+  title: c,
+  content: i,
+  icon: e,
+  menuCollapsed: s,
+  height: o,
+  width: r
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: _(
+        t.kpiCard,
+        s ? t.width430 : t.width384
+      ),
+      style: {
+        height: o,
+        width: r
+      },
+      children: c && i ? /* @__PURE__ */ d("div", { className: t.cardContent, children: [
+        /* @__PURE__ */ n("div", { className: t.iconWrapper, children: e }),
+        /* @__PURE__ */ d("div", { className: t.textContent, children: [
+          /* @__PURE__ */ n("div", { className: t.title, children: c }),
+          /* @__PURE__ */ n("div", { className: t.content, children: i })
+        ] })
+      ] }) : /* @__PURE__ */ n(a, {})
+    }
+  );
+}
+export {
+  N as PassportKpiCard
+};

package/dist/components/{KpiCard/KpiCard.stories.d.ts → PassportKpiCard/PassportKpiCard.stories.d.ts}

@@ -1,8 +1,8 @@
 import { StoryObj } from '@storybook/react';
-import { KpiCard } from './KpiCard';
+import { PassportKpiCard } from './PassportKpiCard';
 declare const meta: {
     title: string;
-    component: typeof KpiCard;
+    component: typeof PassportKpiCard;
     tags: string[];
     parameters: {
         layout: string;
@@ -18,3 +18,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const RTL: Story;
+//# sourceMappingURL=PassportKpiCard.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportKpiCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiCard/PassportKpiCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAa8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAMjB,CAAC"}

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+interface PassportKpiCardProps {
+    title: string;
+    content: string;
+    icon: ReactNode;
+    menuCollapsed: boolean;
+    height?: string;
+    width?: string;
+}
+export default PassportKpiCardProps;
+//# sourceMappingURL=PassportKpiCard.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportKpiCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiCard/PassportKpiCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAe,oBAAoB,CAAC"}

package/dist/components/PassportKpiCard/PassportKpiCard.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportKpiWrapper/PassportKpiWrapper.d.ts

@@ -0,0 +1,3 @@
+import { PassportKpiWrapperProps } from './PassportKpiWrapper.types';
+export declare function PassportKpiWrapper({ children, className, style, }: PassportKpiWrapperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PassportKpiWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportKpiWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiWrapper/PassportKpiWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,uBAAuB,2CASzB"}

package/dist/components/PassportKpiWrapper/PassportKpiWrapper.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as c } from "../../portal-utils/cn.js";
+import '../../assets/PassportKpiWrapper.css';const n = "_flexRowSpaceBetween_1v6py_1", r = {
+  flexRowSpaceBetween: n
+};
+function w({
+  children: e,
+  className: o,
+  style: p
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: c(r.flexRowSpaceBetween, o ?? ""),
+      style: p,
+      children: e
+    }
+  );
+}
+export {
+  w as PassportKpiWrapper
+};

package/dist/components/{KpiWrapper/KpiWrapper.stories.d.ts → PassportKpiWrapper/PassportKpiWrapper.stories.d.ts}

@@ -1,8 +1,8 @@
 import { StoryObj } from '@storybook/react';
-import { KpiWrapper } from './KpiWrapper';
+import { PassportKpiWrapper } from './PassportKpiWrapper';
 declare const meta: {
     title: string;
-    component: typeof KpiWrapper;
+    component: typeof PassportKpiWrapper;
     tags: string[];
     parameters: {
         layout: string;
@@ -17,6 +17,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const With3Kpis: Story;
-export declare const With4Kpis: Story;
-export declare const RTL: Story;
+export declare const PassportWith3Kpis: Story;
+export declare const PassportWith4Kpis: Story;
+export declare const PassportRTL: Story;
+//# sourceMappingURL=PassportKpiWrapper.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportKpiWrapper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiWrapper/PassportKpiWrapper.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAaiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,iBAAiB,EAAE,KAuB/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA6B/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA4BzB,CAAC"}

package/dist/components/{KpiWrapper/KpiWrapper.types.d.ts → PassportKpiWrapper/PassportKpiWrapper.types.d.ts}

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
-export interface KpiWrapperProps {
+export interface PassportKpiWrapperProps {
     children: React.ReactNode;
     className?: string;
     style?: CSSProperties;
 }
+//# sourceMappingURL=PassportKpiWrapper.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportKpiWrapper.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiWrapper/PassportKpiWrapper.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB"}

package/dist/components/PassportKpiWrapper/PassportKpiWrapper.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportMultiSelect/PassportMultiSelect.d.ts

@@ -0,0 +1,3 @@
+import { PassportMultiSelectProps } from './PassportMultiSelect.types';
+export declare function PassportMultiSelect<T extends string | number>({ label, values, options, handleChange, clearFilters, width, isRtl, }: PassportMultiSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PassportMultiSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PassportMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/PassportMultiSelect/PassportMultiSelect.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAsBvE,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC7D,KAAK,EACL,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAW,EACX,KAAa,GACd,EAAE,wBAAwB,CAAC,CAAC,CAAC,2CA4C7B"}