@amateescu/portal-ui-components 0.0.47 → 0.0.49

package/dist/components/PassportTreeSelect/PassportTreeSelect.js

@@ -2,18 +2,21 @@ import { jsx as v, jsxs as Y, Fragment as mn } from "react/jsx-runtime";
 import * as M from "react";
 import $e, { useState as We, useRef as gt, useMemo as Ke, useEffect as bt, useCallback as St } from "react";
 import { FormControl as In, InputLabel as gn, OutlinedInput as bn, InputAdornment as yt, IconButton as Sn, Box as fe, Chip as xt, Collapse as yn, Paper as xn, TextField as En, Typography as Ue, Checkbox as Cn } from "@mui/material";
-import { S as vn } from "../../Search-D_9Ptbky.js";
-import { c as ge } from "../../createSvgIcon-D5xeIEZ_.js";
-import { C as wn } from "../../Clear-Bz9hw2Wj.js";
-import { _ as Be, a as S, e as Tn, u as kn, f as On, B as Mn, r as Pn } from "../../ButtonBase-DV7q7wxh.js";
-import { g as Ce, a as ve, P as i, s as G, e as we, u as Kt, t as Rn, c as Q, m as Ut, b as xe, l as Ht, p as st, q as Se } from "../../DefaultPropsProvider-ByENA_w0.js";
-import { u as Ln, b as te, T as Dn, c as _n, g as Et, d as An, m as Nn, a as Fn } from "../../useFormControl-MVwkyimi.js";
-import { a as Vn, b as Ie, u as zn, e as re, r as Ct } from "../../useSlot-Bm5YJQBR.js";
-import { c as vt } from "../../createSimplePaletteValueFilter-Bz8RuRaa.js";
-import { C as jn } from "../../CircularProgress-BXi3nXc9.js";
-const $n = ge(/* @__PURE__ */ v("path", {
-  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-}), "ExpandMore"), wt = {};
+import { S as vn } from "../../Search-DnJ3yLMg.js";
+import { E as wn } from "../../ExpandMore-CHNJSd5N.js";
+import { C as Tn } from "../../Clear-B32X2R1T.js";
+import { b as Be, c as S, f as kn, a as On, e as Mn, B as Pn, r as Rn } from "../../ButtonBase-ugYh038t.js";
+import { b as Ee, g as Ce, P as i, s as G, f as ve, u as Kt, x as Ln, c as Q, m as Ut, e as ye, r as Ht, w as st, q as be } from "../../DefaultPropsProvider-BQx1AiAq.js";
+import { u as Dn, b as te, c as _n, a as An } from "../../useFormControl-Ivp9nwoj.js";
+import { u as Nn } from "../../index-DfCFE9GG.js";
+import { u as Ie, e as re, r as Et } from "../../useSlot-B1oIMjd_.js";
+import { c as we } from "../../createSvgIcon-Crk7qT6j.js";
+import { u as Fn } from "../../useControlled-D1L5tREc.js";
+import { c as Ct } from "../../createSimplePaletteValueFilter-Bz8RuRaa.js";
+import { T as Vn, g as vt, m as zn } from "../../utils-6k-H8qFR.js";
+import { C as jn } from "../../CircularProgress-D1FWO7Cz.js";
+import { u as $n } from "../../useTheme-9dlwNzrD.js";
+const wt = {};
 function it(t, e) {
   const n = M.useRef(wt);
   return n.current === wt && (n.current = t(e)), n;
@@ -84,15 +87,15 @@ function et(t, e = "warning") {
   Tt.has(n) || (Tt.add(n), e === "error" ? console.error(n) : console.warn(n));
 }
 function qt(t) {
-  return Ln;
+  return Dn;
 }
 function Un(t) {
-  return Ce("MuiSimpleTreeView", t);
+  return Ee("MuiSimpleTreeView", t);
 }
-ve("MuiSimpleTreeView", ["root", "item", "itemContent", "itemGroupTransition", "itemIconContainer", "itemLabel", "itemCheckbox"]);
-const tt = Object.freeze([]), ye = Object.freeze({}), lt = /* @__PURE__ */ M.createContext(null);
+Ce("MuiSimpleTreeView", ["root", "item", "itemContent", "itemGroupTransition", "itemIconContainer", "itemLabel", "itemCheckbox"]);
+const tt = Object.freeze([]), Se = Object.freeze({}), lt = /* @__PURE__ */ M.createContext(null);
 process.env.NODE_ENV !== "production" && (lt.displayName = "TreeViewContext");
-const be = () => {
+const ge = () => {
   const t = M.useContext(lt);
   if (t == null)
     throw new Error(["MUI X: Could not find the Tree View context.", "It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.", "This can also happen if you are bundling multiple versions of the Tree View."].join(`
@@ -170,9 +173,9 @@ function Gn(t) {
     store: e,
     apiRef: n,
     rootRef: o,
-    classes: r = ye,
-    slots: s = ye,
-    slotProps: l = ye,
+    classes: r = Se,
+    slots: s = Se,
+    slotProps: l = Se,
     children: a
   } = t, h = Hn({
     store: e,
@@ -1352,7 +1355,7 @@ const Yt = Te((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ?
     itemId: e
   } = t, {
     store: n
-  } = be(), o = W(n, N.isCheckboxSelectionEnabled), r = W(n, N.isFeatureEnabledForItem, e), s = W(n, N.canItemBeSelected, e), l = W(n, Lo, e);
+  } = ge(), o = W(n, N.isCheckboxSelectionEnabled), r = W(n, N.isFeatureEnabledForItem, e), s = W(n, N.canItemBeSelected, e), l = W(n, Lo, e);
   return {
     propsEnhancers: {
       root: () => {
@@ -1514,7 +1517,7 @@ class No {
   }
   setSelectedItems = (e, n, o) => {
     const {
-      selectionPropagation: r = ye,
+      selectionPropagation: r = Se,
       selectedItems: s,
       onItemSelectionToggle: l,
       onSelectedItemsChange: a
@@ -1735,7 +1738,7 @@ function pt(t) {
   } = t, {
     store: r,
     rootRef: s
-  } = be(), l = M.useRef(/* @__PURE__ */ new Map());
+  } = ge(), l = M.useRef(/* @__PURE__ */ new Map());
   M.useEffect(() => {
     if (!s.current)
       return;
@@ -1762,15 +1765,15 @@ process.env.NODE_ENV !== "production" && (pt.propTypes = {
   children: i.node,
   id: i.string
 });
-const Ee = /* @__PURE__ */ M.createContext(() => -1);
-process.env.NODE_ENV !== "production" && (Ee.displayName = "TreeViewItemDepthContext");
+const xe = /* @__PURE__ */ M.createContext(() => -1);
+process.env.NODE_ENV !== "production" && (xe.displayName = "TreeViewItemDepthContext");
 const jo = () => {
 }, rt = typeof document < "u" ? M.useLayoutEffect : jo, $o = [];
 function Bo(t) {
   M.useEffect(t, $o);
 }
 function Wo(t, e) {
-  const n = Vn(), o = it(() => new t(S({}, e, {
+  const n = Nn(), o = it(() => new t(S({}, e, {
     isRtl: n
   }))).current;
   return rt(() => o.updateStateFromParameters(S({}, e, {
@@ -1837,7 +1840,7 @@ function on(t) {
     disableSelection: t.disableSelection ?? !1,
     multiSelect: t.multiSelect ?? !1,
     checkboxSelection: t.checkboxSelection ?? !1,
-    selectionPropagation: t.selectionPropagation ?? ye
+    selectionPropagation: t.selectionPropagation ?? Se
   };
 }
 function zt(t, e, n) {
@@ -2340,7 +2343,7 @@ const Wt = {
   const {
     store: n,
     publicAPI: o
-  } = be(), r = W(n, H.isItemExpandable, t), s = W(n, Wt.isItemLoading, t), l = W(n, Wt.itemHasError, t), a = ft(e) || r, h = W(n, H.isItemExpanded, t), d = W(n, de.isItemFocused, t), c = W(n, N.isItemSelected, t), p = W(n, y.isItemDisabled, t), f = W(n, me.isItemBeingEdited, t), u = W(n, me.isItemEditable, t), m = {
+  } = ge(), r = W(n, H.isItemExpandable, t), s = W(n, Wt.isItemLoading, t), l = W(n, Wt.itemHasError, t), a = ft(e) || r, h = W(n, H.isItemExpanded, t), d = W(n, de.isItemFocused, t), c = W(n, N.isItemSelected, t), p = W(n, y.isItemDisabled, t), f = W(n, me.isItemBeingEdited, t), u = W(n, me.isItemEditable, t), m = {
     expandable: a,
     expanded: h,
     focused: d,
@@ -2405,7 +2408,7 @@ const Wt = {
 }) => {
   const {
     store: o
-  } = be(), {
+  } = ge(), {
     children: r,
     disabled: s = !1,
     disableSelection: l = !1,
@@ -2442,11 +2445,11 @@ const Wt = {
   itemId: e,
   idAttribute: n
 }) => {
-  const o = M.useContext(Ee);
+  const o = M.useContext(xe);
   return /* @__PURE__ */ v(pt, {
     itemId: e,
     idAttribute: n,
-    children: /* @__PURE__ */ v(Ee.Provider, {
+    children: /* @__PURE__ */ v(xe.Provider, {
       value: o + 1,
       children: t
     })
@@ -2538,7 +2541,7 @@ const ar = qt(), cr = (t) => {
   const {
     classes: e
   } = t;
-  return M.useMemo(() => we({
+  return M.useMemo(() => ve({
     root: ["root"],
     item: ["item"],
     itemContent: ["itemContent"],
@@ -2588,7 +2591,7 @@ const ar = qt(), cr = (t) => {
     children: /* @__PURE__ */ v(pt, {
       itemId: null,
       idAttribute: null,
-      children: /* @__PURE__ */ v(Ee.Provider, {
+      children: /* @__PURE__ */ v(xe.Provider, {
         value: 0,
         children: /* @__PURE__ */ v(m, S({}, I))
       })
@@ -2758,9 +2761,9 @@ process.env.NODE_ENV !== "production" && (ht.propTypes = {
   sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
 });
 function ur(t) {
-  return Ce("MuiCollapse", t);
+  return Ee("MuiCollapse", t);
 }
-ve("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
+Ce("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
 const pr = (t) => {
   const {
     orientation: e,
@@ -2772,7 +2775,7 @@ const pr = (t) => {
     wrapper: ["wrapper", `${e}`],
     wrapperInner: ["wrapperInner", `${e}`]
   };
-  return we(o, ur, n);
+  return ve(o, ur, n);
 }, fr = G("div", {
   name: "MuiCollapse",
   slot: "Root",
@@ -2873,15 +2876,15 @@ const pr = (t) => {
     slots: w = {},
     slotProps: _ = {},
     style: R,
-    timeout: F = Rn.standard,
+    timeout: F = Ln.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: C = Dn,
+    TransitionComponent: C = Vn,
     ...D
   } = o, V = {
     ...o,
     orientation: x,
     collapsedSize: a
-  }, j = pr(V), E = _n(), k = Tn(), O = M.useRef(null), A = M.useRef(), L = typeof a == "number" ? `${a}px` : a, $ = x === "horizontal", B = $ ? "width" : "height", J = M.useRef(null), Z = kn(n, J), q = (z) => (ne) => {
+  }, j = pr(V), E = $n(), k = kn(), O = M.useRef(null), A = M.useRef(), L = typeof a == "number" ? `${a}px` : a, $ = x === "horizontal", B = $ ? "width" : "height", J = M.useRef(null), Z = On(n, J), q = (z) => (ne) => {
     if (z) {
       const oe = J.current;
       ne === void 0 ? z(oe) : z(oe, ne);
@@ -2894,7 +2897,7 @@ const pr = (t) => {
     const {
       duration: le,
       easing: Me
-    } = Et({
+    } = vt({
       style: R,
       timeout: F,
       easing: d
@@ -2915,7 +2918,7 @@ const pr = (t) => {
     const ne = ie(), {
       duration: oe,
       easing: le
-    } = Et({
+    } = vt({
       style: R,
       timeout: F,
       easing: d
@@ -3031,7 +3034,7 @@ process.env.NODE_ENV !== "production" && (je.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: On,
+  component: Mn,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -3114,9 +3117,9 @@ process.env.NODE_ENV !== "production" && (je.propTypes = {
 });
 je && (je.muiSupportAuto = !0);
 function Ir(t) {
-  return Ce("PrivateSwitchBase", t);
+  return Ee("PrivateSwitchBase", t);
 }
-ve("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+Ce("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
 const gr = (t) => {
   const {
     classes: e,
@@ -3124,11 +3127,11 @@ const gr = (t) => {
     disabled: o,
     edge: r
   } = t, s = {
-    root: ["root", n && "checked", o && "disabled", r && `edge${xe(r)}`],
+    root: ["root", n && "checked", o && "disabled", r && `edge${ye(r)}`],
     input: ["input"]
   };
-  return we(s, Ir, e);
-}, br = G(Mn, {
+  return ve(s, Ir, e);
+}, br = G(Pn, {
   name: "MuiSwitchBase"
 })({
   padding: 9,
@@ -3205,12 +3208,12 @@ const gr = (t) => {
     slots: D = {},
     slotProps: V = {},
     ...j
-  } = e, [E, k] = zn({
+  } = e, [E, k] = Fn({
     controlled: r,
     default: !!l,
     name: "SwitchBase",
     state: "checked"
-  }), O = An(), A = (K) => {
+  }), O = _n(), A = (K) => {
     x && x(K), O && O.onFocus && O.onFocus(K);
   }, L = (K) => {
     I && I(K), O && O.onBlur && O.onBlur(K);
@@ -3353,7 +3356,7 @@ process.env.NODE_ENV !== "production" && (sn.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Pn,
+  inputRef: Rn,
   /*
    * @ignore
    */
@@ -3415,25 +3418,25 @@ process.env.NODE_ENV !== "production" && (sn.propTypes = {
    */
   value: i.any
 });
-const yr = ge(/* @__PURE__ */ v("path", {
+const yr = we(/* @__PURE__ */ v("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), xr = ge(/* @__PURE__ */ v("path", {
+}), "CheckBoxOutlineBlank"), xr = we(/* @__PURE__ */ v("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), Er = ge(/* @__PURE__ */ v("path", {
+}), "CheckBox"), Er = we(/* @__PURE__ */ v("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
 function Cr(t) {
-  return Ce("MuiCheckbox", t);
+  return Ee("MuiCheckbox", t);
 }
-const Ye = ve("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), vr = (t) => {
+const Ye = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), vr = (t) => {
   const {
     classes: e,
     indeterminate: n,
     color: o,
     size: r
   } = t, s = {
-    root: ["root", n && "indeterminate", `color${xe(o)}`, `size${xe(r)}`]
-  }, l = we(s, Cr, e);
+    root: ["root", n && "indeterminate", `color${ye(o)}`, `size${ye(r)}`]
+  }, l = ve(s, Cr, e);
   return {
     ...e,
     // forward the disabled and checked classes to the SwitchBase
@@ -3447,7 +3450,7 @@ const Ye = ve("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
     const {
       ownerState: n
     } = t;
-    return [e.root, n.indeterminate && e.indeterminate, e[`size${xe(n.size)}`], n.color !== "default" && e[`color${xe(n.color)}`]];
+    return [e.root, n.indeterminate && e.indeterminate, e[`size${ye(n.size)}`], n.color !== "default" && e[`color${ye(n.color)}`]];
   }
 })(Ut(({
   theme: t
@@ -3463,7 +3466,7 @@ const Ye = ve("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
         backgroundColor: t.alpha((t.vars || t).palette.action.active, (t.vars || t).palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(t.palette).filter(vt()).map(([e]) => ({
+  }, ...Object.entries(t.palette).filter(Ct()).map(([e]) => ({
     props: {
       color: e,
       disableRipple: !1
@@ -3473,7 +3476,7 @@ const Ye = ve("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
         backgroundColor: t.alpha((t.vars || t).palette[e].main, (t.vars || t).palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(t.palette).filter(vt()).map(([e]) => ({
+  })), ...Object.entries(t.palette).filter(Ct()).map(([e]) => ({
     props: {
       color: e
     },
@@ -3544,7 +3547,7 @@ const Ye = ve("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
       disableRipple: p,
       slots: u,
       slotProps: {
-        input: Nn(typeof R == "function" ? R(w) : R, {
+        input: zn(typeof R == "function" ? R(w) : R, {
           "data-indeterminate": a
         })
       }
@@ -3674,7 +3677,7 @@ const Mr = (t, e, n) => typeof n == "function" ? n(t, e) : n, Pr = (t) => {
     runItemPlugins: e,
     publicAPI: n,
     store: o
-  } = be(), r = M.useContext(Ee), s = W(o, Mr, t.itemId, r), {
+  } = ge(), r = M.useContext(xe), s = W(o, Mr, t.itemId, r), {
     id: l,
     itemId: a,
     label: h,
@@ -3818,9 +3821,9 @@ const Mr = (t, e, n) => typeof n == "function" ? n(t, e) : n, Pr = (t) => {
   };
 };
 function Rr(t) {
-  return Ce("MuiTreeItem", t);
+  return Ee("MuiTreeItem", t);
 }
-ve("MuiTreeItem", [
+Ce("MuiTreeItem", [
   "root",
   "content",
   "groupTransition",
@@ -3839,9 +3842,9 @@ ve("MuiTreeItem", [
   "editable",
   "editing"
 ]);
-const Lr = ge(/* @__PURE__ */ v("path", {
+const Lr = we(/* @__PURE__ */ v("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "TreeViewExpandIcon"), Dr = ge(/* @__PURE__ */ v("path", {
+}), "TreeViewExpandIcon"), Dr = we(/* @__PURE__ */ v("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
 }), "TreeViewCollapseIcon"), _r = ["ownerState"];
 function Ze(t, e, n) {
@@ -3865,7 +3868,7 @@ function an(t) {
   l?.icon ? a = "icon" : o.expandable ? o.expanded ? a = "collapseIcon" : a = "expandIcon" : a = "endIcon";
   const h = l[a], d = te({
     elementType: h,
-    externalSlotProps: (p) => S({}, Ct(s[a], p), Ct(n?.[a], p)),
+    externalSlotProps: (p) => S({}, Et(s[a], p), Et(n?.[a], p)),
     // TODO: Add proper ownerState
     ownerState: {}
   }), c = Be(d, _r);
@@ -3919,7 +3922,7 @@ const Ar = G("div", {
     style: {
       marginLeft: "calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",
       borderRadius: t.shape.borderRadius,
-      backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.darkChannel} / ${t.vars.palette.action.focusOpacity})` : Se(t.palette.primary.dark, t.palette.action.focusOpacity)
+      backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.darkChannel} / ${t.vars.palette.action.focusOpacity})` : be(t.palette.primary.dark, t.palette.action.focusOpacity)
     }
   }, {
     props: {
@@ -3966,7 +3969,7 @@ function dn(t) {
   } = t, {
     wrapItem: r,
     store: s
-  } = be(), l = W(s, ke.treeItemIdAttribute, n, o);
+  } = ge(), l = W(s, ke.treeItemIdAttribute, n, o);
   return /* @__PURE__ */ v(M.Fragment, {
     children: r({
       children: e,
@@ -4043,17 +4046,17 @@ const Nr = G("input", {
     backgroundColor: (t.vars || t).palette.action.focus
   },
   "&[data-selected]": {
-    backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : Se(t.palette.primary.main, t.palette.action.selectedOpacity),
+    backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : be(t.palette.primary.main, t.palette.action.selectedOpacity),
     "&:hover": {
-      backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : Se(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
+      backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : be(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : Se(t.palette.primary.main, t.palette.action.selectedOpacity)
+        backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : be(t.palette.primary.main, t.palette.action.selectedOpacity)
       }
     }
   },
   "&[data-selected][data-focused]": {
-    backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : Se(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
+    backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : be(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
   }
 })), Br = G("div", {
   name: "MuiTreeItem",
@@ -4142,7 +4145,7 @@ const qr = (t) => {
     errorIcon: Q(t?.errorIcon, e.itemErrorIcon),
     loadingIcon: Q(t?.loadingIcon, e.itemLoadingIcon)
   });
-  return we({
+  return ve({
     root: ["root"],
     content: ["content"],
     iconContainer: ["iconContainer"],
@@ -4321,7 +4324,7 @@ process.env.NODE_ENV !== "production" && (mt.propTypes = {
    * This prop isn't supported.
    * Use the `onItemFocus` callback on the tree if you need to monitor an item's focus.
    */
-  onFocus: Fn,
+  onFocus: An,
   /**
    * Callback fired when a key is pressed on the keyboard and the tree is in focus.
    */
@@ -4350,7 +4353,7 @@ const he = (t, e) => {
     }
   }
 };
-function is({
+function us({
   label: t,
   data: e,
   handleChange: n,
@@ -4579,9 +4582,9 @@ function is({
               }
             ),
             endAdornment: /* @__PURE__ */ Y(yt, { position: "end", sx: { flexShrink: 0 }, children: [
-              r.length > 0 && !s && /* @__PURE__ */ v(Sn, { size: "small", onClick: C, children: /* @__PURE__ */ v(wn, { fontSize: "small" }) }),
+              r.length > 0 && !s && /* @__PURE__ */ v(Sn, { size: "small", onClick: C, children: /* @__PURE__ */ v(Tn, { fontSize: "small" }) }),
               /* @__PURE__ */ v(
-                $n,
+                wn,
                 {
                   sx: {
                     transform: f ? "rotate(180deg)" : "rotate(0deg)",
@@ -4637,5 +4640,5 @@ function is({
   );
 }
 export {
-  is as PassportTreeSelect
+  us as PassportTreeSelect
 };

package/dist/components/index.d.ts

@@ -29,4 +29,5 @@ export { PassportNotification } from './PassportNotification/PassportNotificatio
 export { PassportDateRangeWrapper } from './PassportDateRangeWrapper/PassportDateRangeWrapper';
 export { PassportDatesFilter } from './PassportDatesFilter/PassportDatesFilter';
 export { PassportDateRangePicker } from './PassportDateRangePicker/PassportDateRangePicker';
+export { PassportFilter } from './PassportFilter/PassportFilter';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,6BAA6B,EAAE,MAAM,0EAA0E,CAAC;AACzH,OAAO,EAAE,qCAAqC,EAAE,MAAM,0FAA0F,CAAC;AACjJ,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AAC1G,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,6BAA6B,EAAE,MAAM,0EAA0E,CAAC;AACzH,OAAO,EAAE,qCAAqC,EAAE,MAAM,0FAA0F,CAAC;AACjJ,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AAC1G,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC"}

package/dist/components/index.js

@@ -9,7 +9,7 @@ import { PassportConfirmationModal as u } from "./PassportConfirmationModal/Pass
 import { PassportDatePicker as M } from "./PassportDatePicker/PassportDatePicker.js";
 import { PassportDateTimePicker as g } from "./PassportDateTimePicker/PassportDateTimePicker.js";
 import { PassportDropdown as T } from "./PassportDropdown/PassportDropdown.js";
-import { PassportErrorModal as k } from "./PassportErrorModal/PassportErrorModal.js";
+import { PassportErrorModal as F } from "./PassportErrorModal/PassportErrorModal.js";
 import { PassportFooter as h } from "./PassportFooter/PassportFooter.js";
 import { PassportInactivityModal as B } from "./PassportInactivityModal/PassportInactivityModal.js";
 import { PassportInfoModal as K } from "./PassportInfoModal/PassportInfoModal.js";
@@ -29,6 +29,7 @@ import { PassportNotification as to } from "./PassportNotification/PassportNotif
 import { PassportDateRangeWrapper as po } from "./PassportDateRangeWrapper/PassportDateRangeWrapper.js";
 import { PassportDatesFilter as so } from "./PassportDatesFilter/PassportDatesFilter.js";
 import { PassportDateRangePicker as fo } from "./PassportDateRangePicker/PassportDateRangePicker.js";
+import { PassportFilter as xo } from "./PassportFilter/PassportFilter.js";
 import '../assets/index.css';export {
   _ as DebouncedPassportInput,
   t as LoadingAnimation,
@@ -42,7 +43,8 @@ import '../assets/index.css';export {
   g as PassportDateTimePicker,
   so as PassportDatesFilter,
   T as PassportDropdown,
-  k as PassportErrorModal,
+  F as PassportErrorModal,
+  xo as PassportFilter,
   h as PassportFooter,
   B as PassportInactivityModal,
   K as PassportInfoModal,

package/dist/{createSvgIcon-D5xeIEZ_.js → createSvgIcon-Crk7qT6j.js}

@@ -1,6 +1,6 @@
 import * as a from "react";
 import { jsxs as I, jsx as g } from "react/jsx-runtime";
-import { g as w, a as N, u as C, s as O, c as T, b as c, e as R, m as E, P as e } from "./DefaultPropsProvider-ByENA_w0.js";
+import { b as w, g as N, u as C, s as O, c as T, e as c, f as R, m as E, P as e } from "./DefaultPropsProvider-BQx1AiAq.js";
 function j(o) {
   return w("MuiSvgIcon", o);
 }

package/dist/{extendSxProp-BtJlbIOl.js → extendSxProp-BHclE0DL.js}

@@ -1,4 +1,4 @@
-import { i as c, d as l } from "./DefaultPropsProvider-ByENA_w0.js";
+import { i as c, d as l } from "./DefaultPropsProvider-BQx1AiAq.js";
 const a = (t) => {
   const s = {
     systemProps: {},

package/dist/getReactElementRef-CIbXfZbo.js

@@ -0,0 +1,45 @@
+import { P as a } from "./DefaultPropsProvider-BQx1AiAq.js";
+import { a as s } from "./createSimplePaletteValueFilter-Bz8RuRaa.js";
+import * as f from "react";
+const m = "exact-prop: ​";
+function P(e) {
+  return process.env.NODE_ENV === "production" ? e : {
+    ...e,
+    [m]: (n) => {
+      const o = Object.keys(n).filter((t) => !e.hasOwnProperty(t));
+      return o.length > 0 ? new Error(`The following props are not supported: ${o.map((t) => `\`${t}\``).join(", ")}. Please remove them.`) : null;
+    }
+  };
+}
+function g(e) {
+  return e && e.ownerDocument || document;
+}
+function d(e) {
+  const {
+    prototype: n = {}
+  } = e;
+  return !!n.isReactComponent;
+}
+function c(e, n, o, t, p) {
+  const i = e[n], l = p || n;
+  if (i == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let r;
+  const u = i.type;
+  return typeof u == "function" && !d(u) && (r = "Did you accidentally use a plain function component for an element instead?"), r !== void 0 ? new Error(`Invalid ${t} \`${l}\` supplied to \`${o}\`. Expected an element that can hold a ref. ${r} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const w = s(a.element, c);
+w.isRequired = s(a.element.isRequired, c);
+function R(e) {
+  return parseInt(f.version, 10) >= 19 ? e?.props?.ref || null : e?.ref || null;
+}
+export {
+  P as a,
+  w as e,
+  R as g,
+  g as o
+};

package/dist/index-DfCFE9GG.js

@@ -0,0 +1,9 @@
+import * as e from "react";
+import { P as o } from "./DefaultPropsProvider-BQx1AiAq.js";
+import "react/jsx-runtime";
+const t = /* @__PURE__ */ e.createContext();
+process.env.NODE_ENV !== "production" && (o.node, o.bool);
+const a = () => e.useContext(t) ?? !1;
+export {
+  a as u
+};