stratosphere-ui 2.2.3 → 2.2.4

package/dist/src/common/constants.d.ts

@@ -1,3 +1,4 @@
 export declare const COLORS: readonly ["base-100", "base-200", "base-300", "base-content", "primary", "primary-content", "secondary", "secondary-content", "accent", "accent-content", "neutral", "neutral-content", "info", "info-content", "success", "success-content", "warning", "warning-content", "error", "error-content"];
+export declare const HIDE_SCROLLBAR_CLASSNAME = "[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden";
 export declare const DIGIT_REGEX: RegExp;
 export declare const SECURITY_CODE_REGEX: RegExp;

package/dist/stratosphere-ui.js

@@ -4342,7 +4342,7 @@ var Q = fC.exports, mD = { exports: {} };
   })();
 })(mD);
 var wP = mD.exports;
-const st = /* @__PURE__ */ AC(wP), cH = [
+const st = /* @__PURE__ */ AC(wP), fH = [
   "neutral",
   "primary",
   "secondary",
@@ -4352,7 +4352,7 @@ const st = /* @__PURE__ */ AC(wP), cH = [
   "warning",
   "error",
   "ghost"
-], fH = ["circle", "square"], dH = ["xl", "lg", "md", "sm", "xs"], Cu = Gc(
+], dH = ["circle", "square"], pH = ["xl", "lg", "md", "sm", "xs"], Cu = Gc(
   ({
     active: n,
     as: u,
@@ -4434,7 +4434,7 @@ const st = /* @__PURE__ */ AC(wP), cH = [
   }
 );
 Cu.displayName = "Button";
-const pH = ["info", "success", "warning", "error"], bP = ({
+const vH = ["info", "success", "warning", "error"], bP = ({
   actionButtons: n,
   className: u,
   color: l,
@@ -4493,7 +4493,7 @@ const pH = ["info", "success", "warning", "error"], bP = ({
   },
   dismissAlertMessage: () => {
   }
-}, yD = cr(gD), CP = () => Ln(yD), vH = ({
+}, yD = cr(gD), CP = () => Ln(yD), hH = ({
   children: n,
   initialData: u
 }) => {
@@ -4668,7 +4668,7 @@ const pH = ["info", "success", "warning", "error"], bP = ({
       }
     )
   }
-), hH = (n) => /* @__PURE__ */ Q.jsx(
+), mH = (n) => /* @__PURE__ */ Q.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4775,7 +4775,7 @@ const pH = ["info", "success", "warning", "error"], bP = ({
   success: IP,
   warning: kP,
   error: DP
-}, mH = ({
+}, gH = ({
   alertClassName: n,
   maxMessages: u
 }) => {
@@ -4796,7 +4796,7 @@ const pH = ["info", "success", "warning", "error"], bP = ({
       `error_message_${p}`
     );
   }) });
-}, gH = ["sm", "md", "lg", "xl"], zP = {
+}, yH = ["sm", "md", "lg", "xl"], zP = {
   sm: "w-8",
   md: "w-16",
   lg: "w-20",
@@ -4840,7 +4840,7 @@ const pH = ["info", "success", "warning", "error"], bP = ({
       }
     )
   }
-), yH = ({
+), SH = ({
   children: n,
   className: u,
   countSize: l,
@@ -4858,7 +4858,7 @@ const pH = ["info", "success", "warning", "error"], bP = ({
       s ? /* @__PURE__ */ Q.jsx(UP, { size: l ?? "md", placeholderText: `+${s}` }) : null
     ]
   }
-), SH = [
+), xH = [
   "primary",
   "secondary",
   "accent",
@@ -4868,7 +4868,7 @@ const pH = ["info", "success", "warning", "error"], bP = ({
   "warning",
   "error",
   "ghost"
-], xH = ["xl", "lg", "md", "sm", "xs"], HP = ({
+], EH = ["xl", "lg", "md", "sm", "xs"], HP = ({
   children: n,
   className: u,
   color: l,
@@ -4918,7 +4918,7 @@ const pH = ["info", "success", "warning", "error"], bP = ({
       ) : null
     ]
   }
-), EH = ({
+), wH = ({
   className: n,
   items: u,
   ...l
@@ -4945,7 +4945,7 @@ const pH = ["info", "success", "warning", "error"], bP = ({
       }
     ) : /* @__PURE__ */ Q.jsx("span", { className: "inline-flex items-center gap-2", children: T }) }, x);
   }
-) }) }), wH = ({
+) }) }), bH = ({
   browserUrl: n,
   children: u,
   className: l,
@@ -18338,10 +18338,10 @@ Incoming: %s`, je, "[" + t.join(", ") + "]", "[" + e.join(", ") + "]");
       }
       return [D, S];
     }
-    function iH(e, t, a) {
-    }
     function lH(e, t, a) {
     }
+    function aH(e, t, a) {
+    }
     function uw(e, t, a) {
       var c = Fr, v = qf(), S, b = Ya();
       if (b) {
@@ -29478,7 +29478,7 @@ function zz(n, u) {
   return !G && ((p = T.unmount) == null || p) && !((m = T.static) != null && m) ? Le.createElement(od, { "aria-hidden": "true", ...de }) : J({ ourProps: de, theirProps: T, slot: re, defaultTag: kz, features: $z, visible: G, name: "Tabs.Panel" });
 }
 let Uz = dn(Pz), nL = dn(Mz), rL = dn(Az), iL = dn(Iz), Hz = dn(zz), lL = Object.assign(Uz, { Group: nL, List: rL, Panels: iL, Panel: Hz });
-const _H = ["xs", "sm", "md", "lg", "xl"], RH = ["horizontal", "vertical"], Jx = Gc(
+const RH = ["xs", "sm", "md", "lg", "xl"], TH = ["horizontal", "vertical"], Jx = Gc(
   ({ className: n, layout: u, size: l, ...s }, p) => /* @__PURE__ */ Q.jsx(
     "ul",
     {
@@ -29557,7 +29557,7 @@ const aL = Gc(
   ] })
 );
 aL.displayName = "DropdownMenu";
-const TH = ["top", "bottom", "left", "right"], OH = [
+const OH = ["top", "bottom", "left", "right"], DH = [
   "neutral",
   "primary",
   "secondary",
@@ -29586,7 +29586,7 @@ const TH = ["top", "bottom", "left", "right"], OH = [
     "data-tip": p,
     ...m
   }
-), DH = ({
+), MH = ({
   className: n,
   ...u
 }) => /* @__PURE__ */ Q.jsx("div", { className: st("tooltip-content", n), ...u }), Bz = {
@@ -29599,7 +29599,7 @@ const TH = ["top", "bottom", "left", "right"], OH = [
   md: "md:hidden",
   lg: "lg:hidden",
   xl: "xl:hidden"
-}, MH = ({
+}, LH = ({
   buttonOptions: n,
   collapseAt: u,
   dropdownMenuProps: {
@@ -29680,7 +29680,7 @@ const TH = ["top", "bottom", "left", "right"], OH = [
       }
     )
   ] });
-}, LH = ["xs", "sm", "md", "lg", "xl"], Gz = ({
+}, AH = ["xs", "sm", "md", "lg", "xl"], Gz = ({
   border: n,
   className: u,
   dash: l,
@@ -29703,13 +29703,13 @@ const TH = ["top", "bottom", "left", "right"], OH = [
     ),
     ...h
   }
-), AH = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx(
+), FH = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx(
   "div",
   {
     className: st("card-actions justify-end", n),
     ...u
   }
-), FH = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("card-body", n), ...u }), PH = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("h2", { className: st("card-title", n), ...u }), Wz = Gc(
+), PH = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("card-body", n), ...u }), NH = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("h2", { className: st("card-title", n), ...u }), Wz = Gc(
   ({
     buttonProps: {
       children: n,
@@ -29762,7 +29762,7 @@ const TH = ["top", "bottom", "left", "right"], OH = [
   )
 );
 Wz.displayName = "Disclosure";
-const NH = ({
+const IH = ({
   children: n,
   formRef: u,
   methods: l,
@@ -29792,7 +29792,7 @@ const NH = ({
     fieldState: { error: l, isDirty: s }
   } = sd({ name: n });
   return l !== void 0 ? "error" : u && s ? "success" : null;
-}, IH = () => {
+}, kH = () => {
   const { getValues: n } = cd();
   return {
     ...dD(),
@@ -30895,7 +30895,7 @@ _x.exports;
   n.exports = zi;
 })(_x, _x.exports);
 var Qz = _x.exports;
-const Xz = /* @__PURE__ */ AC(Qz), kH = ({
+const Xz = /* @__PURE__ */ AC(Qz), $H = ({
   getDefaultValues: n,
   getSearchParams: u,
   includeKeys: l,
@@ -30986,7 +30986,7 @@ const Xz = /* @__PURE__ */ AC(Qz), kH = ({
   )
 );
 Wc.displayName = "FormLabelText";
-const $H = [
+const zH = [
   "neutral",
   "primary",
   "secondary",
@@ -30995,7 +30995,7 @@ const $H = [
   "warning",
   "info",
   "error"
-], zH = ["xl", "lg", "md", "sm", "xs"], UH = ({
+], UH = ["xl", "lg", "md", "sm", "xs"], HH = ({
   children: n,
   className: u,
   color: l,
@@ -31044,7 +31044,7 @@ const $H = [
   )
 );
 Mg.displayName = "FormError";
-const HH = [
+const jH = [
   "ghost",
   "neutral",
   "primary",
@@ -31054,7 +31054,7 @@ const HH = [
   "success",
   "warning",
   "error"
-], jH = ["xl", "lg", "md", "sm", "xs"], Dh = ({
+], BH = ["xl", "lg", "md", "sm", "xs"], Dh = ({
   bordered: n,
   className: u,
   color: l,
@@ -31114,7 +31114,7 @@ const HH = [
     ] }),
     h !== !0 && (G == null ? void 0 : G.message) !== void 0 ? /* @__PURE__ */ Q.jsx(Mg, { children: G.message }) : null
   ] });
-}, BH = [
+}, VH = [
   "ghost",
   "neutral",
   "primary",
@@ -31124,7 +31124,7 @@ const HH = [
   "warning",
   "success",
   "error"
-], VH = ["xl", "lg", "md", "sm", "xs"], GH = ({
+], GH = ["xl", "lg", "md", "sm", "xs"], WH = ({
   bordered: n,
   className: u,
   color: l,
@@ -31173,7 +31173,7 @@ const HH = [
     ),
     p !== !0 && (F == null ? void 0 : F.message) !== void 0 ? /* @__PURE__ */ Q.jsx(Mg, { children: F.message }) : null
   ] });
-}, WH = [
+}, YH = [
   "neutral",
   "primary",
   "secondary",
@@ -31182,7 +31182,7 @@ const HH = [
   "warning",
   "info",
   "error"
-], YH = ["xl", "lg", "md", "sm", "xs"], KH = ({
+], KH = ["xl", "lg", "md", "sm", "xs"], qH = ({
   className: n,
   color: u,
   controllerProps: l,
@@ -31244,7 +31244,7 @@ const HH = [
     ),
     (R == null ? void 0 : R.message) !== void 0 ? /* @__PURE__ */ Q.jsx(Mg, { children: R.message }) : null
   ] });
-}, qH = ({
+}, QH = ({
   children: n,
   className: u,
   controllerProps: l,
@@ -31273,7 +31273,7 @@ const HH = [
       ]
     }
   );
-}, QH = ({
+}, XH = ({
   activeColor: n,
   children: u,
   className: l,
@@ -31526,7 +31526,7 @@ const lU = Gc(
   }
 );
 lU.displayName = "FormRangeSlider";
-const XH = [
+const ZH = [
   "ghost",
   "neutral",
   "primary",
@@ -31536,7 +31536,7 @@ const XH = [
   "success",
   "warning",
   "error"
-], ZH = ["xl", "lg", "md", "sm", "xs"], JH = ({
+], JH = ["xl", "lg", "md", "sm", "xs"], e4 = ({
   bordered: n,
   className: u,
   color: l,
@@ -31587,7 +31587,7 @@ const XH = [
     ),
     p !== !0 && (F == null ? void 0 : F.message) !== void 0 ? /* @__PURE__ */ Q.jsx(Mg, { children: F.message }) : null
   ] });
-}, e4 = [
+}, t4 = [
   "primary",
   "secondary",
   "accent",
@@ -31595,7 +31595,7 @@ const XH = [
   "warning",
   "info",
   "error"
-], t4 = ["xl", "lg", "md", "sm", "xs"], n4 = ({
+], n4 = ["xl", "lg", "md", "sm", "xs"], r4 = ({
   children: n,
   className: u,
   color: l,
@@ -31632,14 +31632,14 @@ const XH = [
       n
     ] })
   ] });
-}, r4 = [
+}, i4 = [
   "spinner",
   "dots",
   "ring",
   "ball",
   "bars",
   "infinity"
-], i4 = ["xs", "sm", "md", "lg", "xl"], aU = ({ className: n, shape: u, size: l, ...s }) => /* @__PURE__ */ Q.jsx(
+], l4 = ["xs", "sm", "md", "lg", "xl"], aU = ({ className: n, shape: u, size: l, ...s }) => /* @__PURE__ */ Q.jsx(
   "span",
   {
     className: st(
@@ -31650,7 +31650,7 @@ const XH = [
     ),
     ...s
   }
-), uL = () => /* @__PURE__ */ Q.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ Q.jsx(aU, {}) }), l4 = [
+), uL = () => /* @__PURE__ */ Q.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ Q.jsx(aU, {}) }), a4 = [
   "neutral",
   "primary",
   "secondary",
@@ -31659,7 +31659,7 @@ const XH = [
   "info",
   "warning",
   "error"
-], a4 = ({ className: n, color: u, hover: l, ...s }) => /* @__PURE__ */ Q.jsx(
+], o4 = ({ className: n, color: u, hover: l, ...s }) => /* @__PURE__ */ Q.jsx(
   "a",
   {
     className: st(
@@ -31670,11 +31670,11 @@ const XH = [
     ),
     ...s
   }
-), o4 = ({
+), u4 = ({
   children: n,
   isLoading: u,
   ...l
-}) => /* @__PURE__ */ Q.jsx(Gz, { ...l, children: u === !0 ? /* @__PURE__ */ Q.jsx(uL, {}) : n }), u4 = ["top", "bottom", "middle"], oU = Gc(
+}) => /* @__PURE__ */ Q.jsx(Gz, { ...l, children: u === !0 ? /* @__PURE__ */ Q.jsx(uL, {}) : n }), s4 = ["top", "bottom", "middle"], oU = Gc(
   ({
     actionButtons: n,
     children: u,
@@ -31753,7 +31753,7 @@ const uU = (n) => n ? [
     },
     x
   )) }) : null;
-}, s4 = ({
+}, c4 = ({
   iconHide: n,
   iconShow: u,
   inputClassName: l,
@@ -31811,7 +31811,7 @@ const uU = (n) => n ? [
   ] })
 );
 cU.displayName = "Popover";
-const c4 = [
+const f4 = [
   "neutral",
   "primary",
   "secondary",
@@ -31820,13 +31820,13 @@ const c4 = [
   "success",
   "warning",
   "error"
-], f4 = ({ className: n, color: u, ...l }) => /* @__PURE__ */ Q.jsx(
+], d4 = ({ className: n, color: u, ...l }) => /* @__PURE__ */ Q.jsx(
   "progress",
   {
     className: st("progress", u && `progress-${u}`, n),
     ...l
   }
-), d4 = ({
+), p4 = ({
   className: n,
   size: u,
   style: l,
@@ -31848,26 +31848,26 @@ const c4 = [
       ...m
     }
   );
-}, sL = /^\d$/, fU = /^\d\d\d\d\d\d$/, pg = {
+}, fU = "[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", sL = /^\d$/, dU = /^\d\d\d\d\d\d$/, pg = {
   input: (n) => n,
   output: (n) => {
     if (n.length === 0) return "";
     const u = parseInt(n.charAt(0));
     return Number.isNaN(u) ? "" : u.toString();
   }
-}, p4 = {
+}, v4 = {
   input: (n) => n !== null ? n.toString() : "",
   output: (n) => {
     const u = parseInt(n);
     return Number.isNaN(u) ? null : u;
   }
-}, v4 = {
+}, h4 = {
   input: (n) => n ?? "",
   output: (n) => n.length > 0 ? n : null
 }, r0 = (n) => ({ target: { value: u } }) => {
   var l;
   u.match(sL) !== null && ((l = n == null ? void 0 : n.current) == null || l.focus());
-}, h4 = ({
+}, m4 = ({
   className: n,
   inputRef: u,
   inputClassName: l,
@@ -31883,7 +31883,7 @@ const c4 = [
         inputRef: x,
         onChange: ({ target: { value: R } }) => {
           var F, I;
-          R.match(fU) !== null ? (R.split("").forEach(($, B) => {
+          R.match(dU) !== null ? (R.split("").forEach(($, B) => {
             m(`${s}.digit${B + 1}`, $ ?? "");
           }), (F = p == null ? void 0 : p.current) == null || F.focus()) : R.match(sL) !== null && ((I = E.current) == null || I.focus());
         },
@@ -31954,21 +31954,21 @@ const c4 = [
       }
     )
   ] });
-}, m4 = {
+}, g4 = {
   digit1: "",
   digit2: "",
   digit3: "",
   digit4: "",
   digit5: "",
   digit6: ""
-}, g4 = Oh.object({
+}, y4 = Oh.object({
   digit1: Oh.string().length(1),
   digit2: Oh.string().length(1),
   digit3: Oh.string().length(1),
   digit4: Oh.string().length(1),
   digit5: Oh.string().length(1),
   digit6: Oh.string().length(1)
-}), dU = ({
+}), pU = ({
   children: n,
   className: u,
   disabled: l,
@@ -31988,7 +31988,7 @@ const c4 = [
     value: p,
     children: n
   }
-), pU = ({
+), vU = ({
   children: n,
   className: u,
   disabled: l,
@@ -32038,7 +32038,7 @@ const c4 = [
       l == null || l(p);
     }
   });
-}, y4 = ({
+}, S4 = ({
   anchor: n,
   buttonColor: u,
   buttonProps: {
@@ -32074,7 +32074,7 @@ const c4 = [
     setSelectedItems: Re,
     valueMode: T
   });
-  const De = Iv(B, Z), ge = $ === !0 ? dU : pU;
+  const De = Iv(B, Z), ge = $ === !0 ? pU : vU;
   return /* @__PURE__ */ Q.jsxs(
     ge,
     {
@@ -32120,13 +32120,13 @@ const c4 = [
       ]
     }
   );
-}, S4 = ["horizontal", "vertical"], x4 = ({ className: n, layout: u, ...l }) => /* @__PURE__ */ Q.jsx(
+}, x4 = ["horizontal", "vertical"], E4 = ({ className: n, layout: u, ...l }) => /* @__PURE__ */ Q.jsx(
   "div",
   {
     className: st("stats", u && `stats-${u}`, n),
     ...l
   }
-), E4 = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("stat", n), ...u }), w4 = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("stat-actions", n), ...u }), b4 = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("stat-desc", n), ...u }), C4 = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("stat-figure", n), ...u }), _4 = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("stat-title", n), ...u }), R4 = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("stat-value", n), ...u }), T4 = [
+), w4 = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("stat", n), ...u }), b4 = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("stat-actions", n), ...u }), C4 = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("stat-desc", n), ...u }), _4 = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("stat-figure", n), ...u }), R4 = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("stat-title", n), ...u }), T4 = ({ className: n, ...u }) => /* @__PURE__ */ Q.jsx("div", { className: st("stat-value", n), ...u }), O4 = [
   "neutral",
   "primary",
   "secondary",
@@ -32135,7 +32135,7 @@ const c4 = [
   "success",
   "warning",
   "error"
-], O4 = ({ className: n, color: u, icon: l, ...s }) => /* @__PURE__ */ Q.jsx(
+], D4 = ({ className: n, color: u, icon: l, ...s }) => /* @__PURE__ */ Q.jsx(
   "li",
   {
     className: st(
@@ -32146,7 +32146,7 @@ const c4 = [
     ),
     ...s
   }
-), D4 = ["horizontal", "vertical"], M4 = ({ className: n, direction: u, ...l }) => /* @__PURE__ */ Q.jsx(
+), M4 = ["horizontal", "vertical"], L4 = ({ className: n, direction: u, ...l }) => /* @__PURE__ */ Q.jsx(
   "ul",
   {
     className: st(
@@ -32181,7 +32181,7 @@ function us(n, u) {
 function eE(n) {
   return n instanceof Function;
 }
-function vU(n) {
+function hU(n) {
   return Array.isArray(n) && n.every((u) => typeof u == "number");
 }
 function Rn(n, u, l) {
@@ -32218,7 +32218,7 @@ function Tn(n, u, l, s) {
     onChange: s
   };
 }
-function hU(n, u, l, s) {
+function mU(n, u, l, s) {
   var p, m;
   const x = {
     ...n._getDefaultColumnDef(),
@@ -32288,7 +32288,7 @@ function uD(n, u, l) {
     h.createHeader == null || h.createHeader(m, n);
   }), m;
 }
-const mU = {
+const gU = {
   createTable: (n) => {
     n.getHeaderGroups = Rn(() => [n.getAllColumns(), n.getVisibleLeafColumns(), n.getState().columnPinning.left, n.getState().columnPinning.right], (u, l, s, p) => {
       var m, h;
@@ -32373,7 +32373,7 @@ function fx(n, u, l, s) {
   });
   return M((p = (m = E[0]) == null ? void 0 : m.headers) != null ? p : []), E;
 }
-const gU = {
+const yU = {
   createColumn: (n, u) => {
     n._getFacetedRowModel = u.options.getFacetedRowModel && u.options.getFacetedRowModel(u, n.id), n.getFacetedRowModel = () => n._getFacetedRowModel ? n._getFacetedRowModel() : u.getPreFilteredRowModel(), n._getFacetedUniqueValues = u.options.getFacetedUniqueValues && u.options.getFacetedUniqueValues(u, n.id), n.getFacetedUniqueValues = () => n._getFacetedUniqueValues ? n._getFacetedUniqueValues() : /* @__PURE__ */ new Map(), n._getFacetedMinMaxValues = u.options.getFacetedMinMaxValues && u.options.getFacetedMinMaxValues(u, n.id), n.getFacetedMinMaxValues = () => {
       if (n._getFacetedMinMaxValues)
@@ -32443,7 +32443,7 @@ const fp = {
 function Bc(n) {
   return n == null || n === "";
 }
-const yU = {
+const SU = {
   getDefaultColumnDef: () => ({
     filterFn: "auto"
   }),
@@ -32521,54 +32521,54 @@ const yU = {
 function sD(n, u, l) {
   return (n && n.autoRemove ? n.autoRemove(u, l) : !1) || typeof u > "u" || typeof u == "string" && !u;
 }
-const SU = (n, u, l) => l.reduce((s, p) => {
+const xU = (n, u, l) => l.reduce((s, p) => {
   const m = p.getValue(n);
   return s + (typeof m == "number" ? m : 0);
-}, 0), xU = (n, u, l) => {
+}, 0), EU = (n, u, l) => {
   let s;
   return l.forEach((p) => {
     const m = p.getValue(n);
     m != null && (s > m || s === void 0 && m >= m) && (s = m);
   }), s;
-}, EU = (n, u, l) => {
+}, wU = (n, u, l) => {
   let s;
   return l.forEach((p) => {
     const m = p.getValue(n);
     m != null && (s < m || s === void 0 && m >= m) && (s = m);
   }), s;
-}, wU = (n, u, l) => {
+}, bU = (n, u, l) => {
   let s, p;
   return l.forEach((m) => {
     const h = m.getValue(n);
     h != null && (s === void 0 ? h >= h && (s = p = h) : (s > h && (s = h), p < h && (p = h)));
   }), [s, p];
-}, bU = (n, u) => {
+}, CU = (n, u) => {
   let l = 0, s = 0;
   if (u.forEach((p) => {
     let m = p.getValue(n);
     m != null && (m = +m) >= m && (++l, s += m);
   }), l) return s / l;
-}, CU = (n, u) => {
+}, _U = (n, u) => {
   if (!u.length)
     return;
   const l = u.map((m) => m.getValue(n));
-  if (!vU(l))
+  if (!hU(l))
     return;
   if (l.length === 1)
     return l[0];
   const s = Math.floor(l.length / 2), p = l.sort((m, h) => m - h);
   return l.length % 2 !== 0 ? p[s] : (p[s - 1] + p[s]) / 2;
-}, _U = (n, u) => Array.from(new Set(u.map((l) => l.getValue(n))).values()), RU = (n, u) => new Set(u.map((l) => l.getValue(n))).size, TU = (n, u) => u.length, iC = {
-  sum: SU,
-  min: xU,
-  max: EU,
-  extent: wU,
-  mean: bU,
-  median: CU,
-  unique: _U,
-  uniqueCount: RU,
-  count: TU
-}, OU = {
+}, RU = (n, u) => Array.from(new Set(u.map((l) => l.getValue(n))).values()), TU = (n, u) => new Set(u.map((l) => l.getValue(n))).size, OU = (n, u) => u.length, iC = {
+  sum: xU,
+  min: EU,
+  max: wU,
+  extent: bU,
+  mean: CU,
+  median: _U,
+  unique: RU,
+  uniqueCount: TU,
+  count: OU
+}, DU = {
   getDefaultColumnDef: () => ({
     aggregatedCell: (n) => {
       var u, l;
@@ -32635,13 +32635,13 @@ const SU = (n, u, l) => l.reduce((s, p) => {
     };
   }
 };
-function DU(n, u, l) {
+function MU(n, u, l) {
   if (!(u != null && u.length) || !l)
     return n;
   const s = n.filter((m) => !u.includes(m.id));
   return l === "remove" ? s : [...u.map((m) => n.find((h) => h.id === m)).filter(Boolean), ...s];
 }
-const MU = {
+const LU = {
   getInitialState: (n) => ({
     columnOrder: [],
     ...n
@@ -32675,13 +32675,13 @@ const MU = {
         }
         m = [...m, ...x];
       }
-      return DU(m, l, s);
+      return MU(m, l, s);
     }, Tn(n.options, "debugTable", "_getOrderColumnsFn"));
   }
 }, lC = () => ({
   left: [],
   right: []
-}), LU = {
+}), AU = {
   getInitialState: (n) => ({
     columnPinning: lC(),
     ...n
@@ -32768,7 +32768,7 @@ const MU = {
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), AU = {
+}), FU = {
   getDefaultColumnDef: () => dx,
   getInitialState: (n) => ({
     columnSizing: {},
@@ -32859,7 +32859,7 @@ const MU = {
             var G;
             R == null || R.removeEventListener("touchmove", I.moveHandler), R == null || R.removeEventListener("touchend", I.upHandler), B.cancelable && (B.preventDefault(), B.stopPropagation()), L((G = B.touches[0]) == null ? void 0 : G.clientX);
           }
-        }, $ = FU() ? {
+        }, $ = PU() ? {
           passive: !1
         } : !1;
         oC(m) ? (R == null || R.addEventListener("touchmove", I.moveHandler, $), R == null || R.addEventListener("touchend", I.upHandler, $)) : (R == null || R.addEventListener("mousemove", F.moveHandler, $), R == null || R.addEventListener("mouseup", F.upHandler, $)), u.setColumnSizingInfo((B) => ({
@@ -32897,7 +32897,7 @@ const MU = {
   }
 };
 let px = null;
-function FU() {
+function PU() {
   if (typeof px == "boolean") return px;
   let n = !1;
   try {
@@ -32916,7 +32916,7 @@ function FU() {
 function oC(n) {
   return n.type === "touchstart";
 }
-const PU = {
+const NU = {
   getInitialState: (n) => ({
     columnVisibility: {},
     ...n
@@ -32964,14 +32964,14 @@ const PU = {
 function o0(n, u) {
   return u ? u === "center" ? n.getCenterVisibleLeafColumns() : u === "left" ? n.getLeftVisibleLeafColumns() : n.getRightVisibleLeafColumns() : n.getVisibleLeafColumns();
 }
-const NU = {
+const IU = {
   createTable: (n) => {
     n._getGlobalFacetedRowModel = n.options.getFacetedRowModel && n.options.getFacetedRowModel(n, "__global__"), n.getGlobalFacetedRowModel = () => n.options.manualFiltering || !n._getGlobalFacetedRowModel ? n.getPreFilteredRowModel() : n._getGlobalFacetedRowModel(), n._getGlobalFacetedUniqueValues = n.options.getFacetedUniqueValues && n.options.getFacetedUniqueValues(n, "__global__"), n.getGlobalFacetedUniqueValues = () => n._getGlobalFacetedUniqueValues ? n._getGlobalFacetedUniqueValues() : /* @__PURE__ */ new Map(), n._getGlobalFacetedMinMaxValues = n.options.getFacetedMinMaxValues && n.options.getFacetedMinMaxValues(n, "__global__"), n.getGlobalFacetedMinMaxValues = () => {
       if (n._getGlobalFacetedMinMaxValues)
         return n._getGlobalFacetedMinMaxValues();
     };
   }
-}, IU = {
+}, kU = {
   getInitialState: (n) => ({
     globalFilter: void 0,
     ...n
@@ -33004,7 +33004,7 @@ const NU = {
       n.setGlobalFilter(u ? void 0 : n.initialState.globalFilter);
     };
   }
-}, kU = {
+}, $U = {
   getInitialState: (n) => ({
     expanded: {},
     ...n
@@ -33094,7 +33094,7 @@ const NU = {
 }, RC = 0, TC = 10, uC = () => ({
   pageIndex: RC,
   pageSize: TC
-}), $U = {
+}), zU = {
   getInitialState: (n) => ({
     ...n,
     pagination: {
@@ -33177,7 +33177,7 @@ const NU = {
 }, sC = () => ({
   top: [],
   bottom: []
-}), zU = {
+}), UU = {
   getInitialState: (n) => ({
     rowPinning: sC(),
     ...n
@@ -33278,7 +33278,7 @@ const NU = {
       return u.filter((m) => !p.has(m.id));
     }, Tn(n.options, "debugRows", "getCenterRows"));
   }
-}, UU = {
+}, HU = {
   getInitialState: (n) => ({
     rowSelection: {},
     ...n
@@ -33434,10 +33434,10 @@ function DC(n, u, l) {
     }
   }), p ? "all" : m ? "some" : !1;
 }
-const MC = /([0-9]+)/gm, HU = (n, u, l) => SL(Fv(n.getValue(l)).toLowerCase(), Fv(u.getValue(l)).toLowerCase()), jU = (n, u, l) => SL(Fv(n.getValue(l)), Fv(u.getValue(l))), BU = (n, u, l) => x_(Fv(n.getValue(l)).toLowerCase(), Fv(u.getValue(l)).toLowerCase()), VU = (n, u, l) => x_(Fv(n.getValue(l)), Fv(u.getValue(l))), GU = (n, u, l) => {
+const MC = /([0-9]+)/gm, jU = (n, u, l) => SL(Fv(n.getValue(l)).toLowerCase(), Fv(u.getValue(l)).toLowerCase()), BU = (n, u, l) => SL(Fv(n.getValue(l)), Fv(u.getValue(l))), VU = (n, u, l) => x_(Fv(n.getValue(l)).toLowerCase(), Fv(u.getValue(l)).toLowerCase()), GU = (n, u, l) => x_(Fv(n.getValue(l)), Fv(u.getValue(l))), WU = (n, u, l) => {
   const s = n.getValue(l), p = u.getValue(l);
   return s > p ? 1 : s < p ? -1 : 0;
-}, WU = (n, u, l) => x_(n.getValue(l), u.getValue(l));
+}, YU = (n, u, l) => x_(n.getValue(l), u.getValue(l));
 function x_(n, u) {
   return n === u ? 0 : n > u ? 1 : -1;
 }
@@ -33465,13 +33465,13 @@ function SL(n, u) {
   return l.length - s.length;
 }
 const i0 = {
-  alphanumeric: HU,
-  alphanumericCaseSensitive: jU,
-  text: BU,
-  textCaseSensitive: VU,
-  datetime: GU,
-  basic: WU
-}, YU = {
+  alphanumeric: jU,
+  alphanumericCaseSensitive: BU,
+  text: VU,
+  textCaseSensitive: GU,
+  datetime: WU,
+  basic: YU
+}, KU = {
   getInitialState: (n) => ({
     sorting: [],
     ...n
@@ -33560,30 +33560,30 @@ const i0 = {
       n.setSorting(u ? [] : (l = (s = n.initialState) == null ? void 0 : s.sorting) != null ? l : []);
     }, n.getPreSortedRowModel = () => n.getGroupedRowModel(), n.getSortedRowModel = () => (!n._getSortedRowModel && n.options.getSortedRowModel && (n._getSortedRowModel = n.options.getSortedRowModel(n)), n.options.manualSorting || !n._getSortedRowModel ? n.getPreSortedRowModel() : n._getSortedRowModel());
   }
-}, KU = [
-  mU,
-  PU,
-  MU,
-  LU,
+}, qU = [
   gU,
-  yU,
   NU,
-  //depends on ColumnFaceting
+  LU,
+  AU,
+  yU,
+  SU,
   IU,
+  //depends on ColumnFaceting
+  kU,
   //depends on ColumnFiltering
-  YU,
-  OU,
+  KU,
+  DU,
   //depends on RowSorting
-  kU,
   $U,
   zU,
   UU,
-  AU
+  HU,
+  FU
 ];
-function qU(n) {
+function QU(n) {
   var u, l;
   process.env.NODE_ENV !== "production" && (n.debugAll || n.debugTable) && console.info("Creating Table Instance...");
-  const s = [...KU, ...(u = n._features) != null ? u : []];
+  const s = [...qU, ...(u = n._features) != null ? u : []];
   let p = {
     _features: s
   };
@@ -33663,7 +33663,7 @@ function qU(n) {
     getAllColumns: Rn(() => [p._getColumnDefs()], (L) => {
       const R = function(F, I, $) {
         return $ === void 0 && ($ = 0), F.map((B) => {
-          const G = hU(p, B, $, I), W = B;
+          const G = mU(p, B, $, I), W = B;
           return G.columns = W.columns ? R(W.columns, G, $ + 1) : [], G;
         });
       };
@@ -33698,21 +33698,21 @@ function qU(n) {
    * @license MIT
    */
 function cD(n, u) {
-  return n ? QU(n) ? /* @__PURE__ */ Ct.createElement(n, u) : n : null;
-}
-function QU(n) {
-  return XU(n) || typeof n == "function" || ZU(n);
+  return n ? XU(n) ? /* @__PURE__ */ Ct.createElement(n, u) : n : null;
 }
 function XU(n) {
+  return ZU(n) || typeof n == "function" || JU(n);
+}
+function ZU(n) {
   return typeof n == "function" && (() => {
     const u = Object.getPrototypeOf(n);
     return u.prototype && u.prototype.isReactComponent;
   })();
 }
-function ZU(n) {
+function JU(n) {
   return typeof n == "object" && typeof n.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(n.$$typeof.description);
 }
-function JU(n) {
+function eH(n) {
   const u = {
     state: {},
     // Dummy state
@@ -33722,7 +33722,7 @@ function JU(n) {
     renderFallbackValue: null,
     ...n
   }, [l] = Ct.useState(() => ({
-    current: qU(u)
+    current: QU(u)
   })), [s, p] = Ct.useState(() => l.current.initialState);
   return l.current.setOptions((m) => ({
     ...m,
@@ -33738,9 +33738,9 @@ function JU(n) {
     }
   })), l.current;
 }
-const eH = ({
+const tH = ({
   column: n
-}) => n.getCanSort() ? n.getIsSorted() === "asc" ? /* @__PURE__ */ Q.jsx(FP, {}) : n.getIsSorted() === "desc" ? /* @__PURE__ */ Q.jsx(PP, {}) : /* @__PURE__ */ Q.jsx(NP, {}) : null, L4 = ["xl", "lg", "md", "sm", "xs"], A4 = ({
+}) => n.getCanSort() ? n.getIsSorted() === "asc" ? /* @__PURE__ */ Q.jsx(FP, {}) : n.getIsSorted() === "desc" ? /* @__PURE__ */ Q.jsx(PP, {}) : /* @__PURE__ */ Q.jsx(NP, {}) : null, A4 = ["xl", "lg", "md", "sm", "xs"], F4 = ({
   bodyClassName: n,
   cellClassName: u,
   cellClassNames: l,
@@ -33762,7 +33762,7 @@ const eH = ({
   zebra: G,
   ...W
 }) => {
-  const Z = JU({
+  const Z = eH({
     enableGlobalFilter: p,
     enableRowSelection: h,
     getRowId: ({ id: ge }) => ge.toString(),
@@ -33818,7 +33818,7 @@ const eH = ({
                     onClick: fe.getCanSort() ? fe.getToggleSortingHandler() : void 0,
                     children: Ne ? null : /* @__PURE__ */ Q.jsxs("div", { className: "flex items-center", children: [
                       cD(fe.columnDef.header, $e()),
-                      /* @__PURE__ */ Q.jsx(eH, { column: fe })
+                      /* @__PURE__ */ Q.jsx(tH, { column: fe })
                     ] })
                   },
                   Ue
@@ -33875,7 +33875,7 @@ const eH = ({
       }
     )
   ] });
-}, F4 = ["xs", "sm", "md", "lg", "xl"], P4 = ({
+}, P4 = ["xs", "sm", "md", "lg", "xl"], N4 = ({
   border: n,
   box: u,
   children: l,
@@ -33933,7 +33933,7 @@ const eH = ({
       ]
     }
   );
-}, N4 = (n) => /* @__PURE__ */ Q.jsx(lL.Panel, { ...n }), tH = ({
+}, I4 = (n) => /* @__PURE__ */ Q.jsx(lL.Panel, { ...n }), nH = ({
   children: n,
   className: u,
   disabled: l,
@@ -33953,7 +33953,7 @@ const eH = ({
     value: p,
     children: n
   }
-), nH = ({
+), rH = ({
   children: n,
   className: u,
   disabled: l,
@@ -33976,7 +33976,7 @@ const eH = ({
       children: n
     }
   );
-}, rH = ({
+}, iH = ({
   debounceTime: n,
   onDebouncedChange: u,
   options: l
@@ -34003,7 +34003,7 @@ const eH = ({
     setSelectedItems: p,
     setQuery: M
   };
-}, I4 = ({
+}, k4 = ({
   badgeColor: n,
   bordered: u,
   className: l,
@@ -34035,10 +34035,7 @@ const eH = ({
   const {
     fieldState: { error: fe },
     field: { ref: $e }
-  } = sd({
-    ...p,
-    name: Z
-  }), {
+  } = sd({ ...p, name: Z }), {
     clearSelectedItem: Ue,
     dropdownRef: Ne,
     isLoading: Ze,
@@ -34049,7 +34046,7 @@ const eH = ({
     setShowDropdown: ne,
     setSelectedItems: be,
     setQuery: Ve
-  } = rH({
+  } = iH({
     debounceTime: m,
     onDebouncedChange: re,
     options: J
@@ -34063,7 +34060,7 @@ const eH = ({
     setSelectedItems: be,
     valueMode: T
   });
-  const { setFocus: dt } = cd(), Et = Iv(Z, De) ?? s ?? void 0, Oe = x === void 0 || W === !0, ke = W === !0 ? tH : nH;
+  const { setFocus: dt } = cd(), Et = Iv(Z, De) ?? s ?? void 0, Oe = x === void 0 || W === !0, ke = W === !0 ? nH : rH;
   return /* @__PURE__ */ Q.jsxs(
     ke,
     {
@@ -34082,6 +34079,7 @@ const eH = ({
             {
               className: st(
                 "input flex w-full items-center gap-1 overflow-x-scroll scrollbar-none",
+                fU,
                 u && "input-bordered",
                 !h && "cursor-pointer",
                 Et && `input-${Et}`,
@@ -34183,31 +34181,31 @@ const eH = ({
   );
 };
 export {
-  pH as ALERT_COLORS,
+  vH as ALERT_COLORS,
   zP as AVATAR_SIZE_MAP,
   bP as Alert,
-  mH as AlertMessages,
-  vH as AlertMessagesProvider,
+  gH as AlertMessages,
+  hH as AlertMessagesProvider,
   UP as Avatar,
-  yH as AvatarGroup,
-  gH as AvatarSizes,
-  SH as BADGE_COLORS,
-  xH as BADGE_SIZES,
-  cH as BUTTON_COLORS,
-  fH as BUTTON_SHAPES,
-  dH as BUTTON_SIZES,
+  SH as AvatarGroup,
+  yH as AvatarSizes,
+  xH as BADGE_COLORS,
+  EH as BADGE_SIZES,
+  fH as BUTTON_COLORS,
+  dH as BUTTON_SHAPES,
+  pH as BUTTON_SIZES,
   HP as Badge,
-  EH as Breadcrumbs,
-  wH as Browser,
+  wH as Breadcrumbs,
+  bH as Browser,
   Cu as Button,
-  MH as ButtonArray,
-  LH as CARD_SIZES,
-  $H as CHECKBOX_COLORS,
-  zH as CHECKBOX_SIZES,
+  LH as ButtonArray,
+  AH as CARD_SIZES,
+  zH as CHECKBOX_COLORS,
+  UH as CHECKBOX_SIZES,
   Gz as Card,
-  AH as CardActions,
-  FH as CardBody,
-  PH as CardTitle,
+  FH as CardActions,
+  PH as CardBody,
+  NH as CardTitle,
   _P as CheckIcon,
   SD as ChevronDownIcon,
   RP as ChevronUpIcon,
@@ -34218,92 +34216,92 @@ export {
   DP as ErrorIcon,
   MP as EyeIcon,
   LP as EyeSlashIcon,
-  BH as FILE_INPUT_COLORS,
-  VH as FILE_INPUT_SIZES,
-  NH as Form,
-  UH as FormCheckbox,
+  VH as FILE_INPUT_COLORS,
+  GH as FILE_INPUT_SIZES,
+  IH as Form,
+  HH as FormCheckbox,
   Dh as FormControl,
   Mg as FormError,
-  GH as FormFileInput,
+  WH as FormFileInput,
   Wc as FormLabelText,
-  KH as FormRadio,
-  qH as FormRadioGroup,
-  QH as FormRadioGroupOption,
+  qH as FormRadio,
+  QH as FormRadioGroup,
+  XH as FormRadioGroupOption,
   lU as FormRangeSlider,
-  JH as FormTextarea,
-  n4 as FormToggleSwitch,
+  e4 as FormTextarea,
+  r4 as FormToggleSwitch,
   uL as FullScreenLoader,
-  hH as HomeIcon,
-  HH as INPUT_COLORS,
-  jH as INPUT_SIZES,
+  mH as HomeIcon,
+  jH as INPUT_COLORS,
+  BH as INPUT_SIZES,
   AP as InfoIcon,
-  l4 as LINK_COLORS,
-  r4 as LOADING_SHAPES,
-  i4 as LOADING_SIZES,
-  a4 as Link,
+  a4 as LINK_COLORS,
+  i4 as LOADING_SHAPES,
+  l4 as LOADING_SIZES,
+  o4 as Link,
   aU as Loading,
-  o4 as LoadingCard,
-  RH as MENU_LAYOUTS,
-  _H as MENU_SIZES,
-  u4 as MODAL_POSITIONS,
+  u4 as LoadingCard,
+  TH as MENU_LAYOUTS,
+  RH as MENU_SIZES,
+  s4 as MODAL_POSITIONS,
   Jx as Menu,
   v0 as MenuItem,
   oU as Modal,
-  c4 as PROGRESS_COLORS,
+  f4 as PROGRESS_COLORS,
   sU as Pagination,
-  s4 as PasswordInput,
+  c4 as PasswordInput,
   cU as Popover,
-  f4 as Progress,
-  WH as RADIO_COLORS,
-  YH as RADIO_SIZES,
-  d4 as RadialProgress,
-  S4 as STATS_LAYOUTS,
-  D4 as STEPS_DIRECTIONS,
-  T4 as STEP_COLORS,
-  h4 as SecurityCodeInput,
-  y4 as Select,
+  d4 as Progress,
+  YH as RADIO_COLORS,
+  KH as RADIO_SIZES,
+  p4 as RadialProgress,
+  x4 as STATS_LAYOUTS,
+  M4 as STEPS_DIRECTIONS,
+  O4 as STEP_COLORS,
+  m4 as SecurityCodeInput,
+  S4 as Select,
   FP as SortAscendingIcon,
   PP as SortDescendingIcon,
   NP as SortIcon,
-  E4 as Stat,
-  w4 as StatActions,
-  b4 as StatDesc,
-  C4 as StatFigure,
-  _4 as StatTitle,
-  R4 as StatValue,
-  x4 as Stats,
-  O4 as Step,
-  M4 as Steps,
+  w4 as Stat,
+  b4 as StatActions,
+  C4 as StatDesc,
+  _4 as StatFigure,
+  R4 as StatTitle,
+  T4 as StatValue,
+  E4 as Stats,
+  D4 as Step,
+  L4 as Steps,
   IP as SuccessIcon,
-  L4 as TABLE_SIZES,
-  F4 as TAB_SIZES,
-  XH as TEXTAREA_COLORS,
-  ZH as TEXTAREA_SIZES,
-  e4 as TOGGLE_COLORS,
-  t4 as TOGGLE_SIZES,
-  OH as TOOLTIP_COLORS,
-  TH as TOOLTIP_POSITIONS,
-  N4 as TabContent,
-  A4 as Table,
-  P4 as Tabs,
+  A4 as TABLE_SIZES,
+  P4 as TAB_SIZES,
+  ZH as TEXTAREA_COLORS,
+  JH as TEXTAREA_SIZES,
+  t4 as TOGGLE_COLORS,
+  n4 as TOGGLE_SIZES,
+  DH as TOOLTIP_COLORS,
+  OH as TOOLTIP_POSITIONS,
+  I4 as TabContent,
+  F4 as Table,
+  N4 as Tabs,
   jz as Tooltip,
-  DH as TooltipContent,
-  I4 as TypeaheadSelect,
+  MH as TooltipContent,
+  k4 as TypeaheadSelect,
   kP as WarningIcon,
   vD as dataItemComparator,
-  m4 as defaultSecurityCodeInputValues,
+  g4 as defaultSecurityCodeInputValues,
   pg as digitInputTransformer,
   hD as getGroupedDataItems,
-  p4 as integerInputTransformer,
-  v4 as nullEmptyStringTransformer,
-  g4 as securityCodeInputSchema,
+  v4 as integerInputTransformer,
+  h4 as nullEmptyStringTransformer,
+  y4 as securityCodeInputSchema,
   CP as useAlertMessages,
   Yz as useDebouncedValue,
   Iv as useFieldColor,
-  IH as useFormValues,
-  kH as useFormWithQueryParams,
+  kH as useFormValues,
+  $H as useFormWithQueryParams,
   Zz as useOutsideClick,
   Jz as useTypeaheadQuery,
-  rH as useTypeaheadSelect,
+  iH as useTypeaheadSelect,
   oD as useValueChangeEffect
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stratosphere-ui",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "React component library for all Stratosphere Labs user interfaces",
   "type": "module",
   "files": [