@mt-gloss/ui 0.0.40 → 0.0.42

package/{Expandable-DRKNRSlL.js → Expandable-BdC9RXOI.js}

@@ -719,31 +719,31 @@ const Zo = {
     }, [c, l, u]), H = S(($, K = !1) => {
       const Z = [P($[0]), P($[1])];
       Z[0] > Z[1] - m && (x === 0 ? Z[0] = Z[1] - m : Z[1] = Z[0] + m), Z[0] = Math.max(c, Z[0]), Z[1] = Math.min(l, Z[1]), N || E(Z), o?.(Z), K && i?.(Z);
-    }, [P, m, x, c, l, N, o, i]), Y = S(($, K) => {
+    }, [P, m, x, c, l, N, o, i]), U = S(($, K) => {
       if (!I.current) return 0;
-      const Z = I.current.getBoundingClientRect(), U = b === "horizontal" ? ($ - Z.left) / Z.width : 1 - (K - Z.top) / Z.height;
-      return c + Math.min(1, Math.max(0, U)) * (l - c);
+      const Z = I.current.getBoundingClientRect(), Y = b === "horizontal" ? ($ - Z.left) / Z.width : 1 - (K - Z.top) / Z.height;
+      return c + Math.min(1, Math.max(0, Y)) * (l - c);
     }, [b, c, l]), V = S(($) => {
       if (_) return;
       $.preventDefault();
-      const K = Y($.clientX, $.clientY), Z = Math.abs(K - R[0]) <= Math.abs(K - R[1]) ? 0 : 1;
+      const K = U($.clientX, $.clientY), Z = Math.abs(K - R[0]) <= Math.abs(K - R[1]) ? 0 : 1;
       D(Z);
-      const U = [...R];
-      U[Z] = K, H(U);
-    }, [_, Y, R, H]);
+      const Y = [...R];
+      Y[Z] = K, H(Y);
+    }, [_, U, R, H]);
     oe(() => {
       if (x === null) return;
       const $ = (Z) => {
-        const U = [...R];
-        U[x] = Y(Z.clientX, Z.clientY), H(U);
+        const Y = [...R];
+        Y[x] = U(Z.clientX, Z.clientY), H(Y);
       }, K = (Z) => {
-        const U = [...R];
-        U[x] = Y(Z.clientX, Z.clientY), H(U, !0), D(null);
+        const Y = [...R];
+        Y[x] = U(Z.clientX, Z.clientY), H(Y, !0), D(null);
       };
       return document.addEventListener("mousemove", $), document.addEventListener("mouseup", K), () => {
         document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", K);
       };
-    }, [x, Y, R, H]);
+    }, [x, U, R, H]);
     const M = S(($) => (K) => {
       if (_) return;
       let Z = 0;
@@ -751,8 +751,8 @@ const Zo = {
       else if (K.key === "ArrowLeft" || K.key === "ArrowDown") Z = -u;
       else return;
       K.preventDefault();
-      const U = [...R];
-      U[$] += Z, H(U, !0);
+      const Y = [...R];
+      Y[$] += Z, H(Y, !0);
     }, [_, u, R, H]), W = Math.abs(L - z) < 5, j = { ...Jo, ...Zo[n] }, G = ["gloss-preset-rangeslider", `gloss-preset-rangeslider--${n}`, _ && "gloss-preset-rangeslider--disabled"].filter(Boolean).join(" ");
     return /* @__PURE__ */ d("div", { className: G, children: [
       v && /* @__PURE__ */ d("label", { className: "gloss-preset-rangeslider__label", htmlFor: k, children: [
@@ -914,7 +914,7 @@ const tl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], rl = ["January", "
     oe(() => {
       z && P(z);
     }, [z]);
-    const H = ma({ enabled: E, onEscape: () => x(!1) }), Y = ee(() => sl(L.getFullYear(), L.getMonth(), z, y, c, l, u, m), [L, z, y, c, l, u, m]), V = ee(() => {
+    const H = ma({ enabled: E, onEscape: () => x(!1) }), U = ee(() => sl(L.getFullYear(), L.getMonth(), z, y, c, l, u, m), [L, z, y, c, l, u, m]), V = ee(() => {
       const X = [...tl];
       if (y > 0) {
         const te = X.splice(0, y);
@@ -942,13 +942,13 @@ const tl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], rl = ["January", "
       radius: Se.Md,
       elevation: Xe.Card,
       ...il[a]
-    }, K = { bg: B.BrandPrimary, color: B.TextInverse, radius: Se.Sm }, Z = { bg: B.BgMuted, radius: Se.Sm }, U = [
+    }, K = { bg: B.BrandPrimary, color: B.TextInverse, radius: Se.Sm }, Z = { bg: B.BgMuted, radius: Se.Sm }, Y = [
       "gloss-preset-datepicker",
       `gloss-preset-datepicker--${n}`,
       `gloss-preset-datepicker--${a}`,
       v && "gloss-preset-datepicker--disabled"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ d("div", { className: U, ref: g, children: [
+    return /* @__PURE__ */ d("div", { className: Y, ref: g, children: [
       b && /* @__PURE__ */ d("label", { className: "gloss-preset-datepicker__label", htmlFor: I, children: [
         b,
         C && /* @__PURE__ */ e("span", { className: "gloss-preset-datepicker__required", children: "*" })
@@ -971,7 +971,7 @@ const tl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], rl = ["January", "
           /* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-datepicker__nav-btn", onClick: () => j(1), "aria-label": "Next month", children: /* @__PURE__ */ e(ve, { name: "chevron-right", size: "sm" }) })
         ] }),
         /* @__PURE__ */ e("div", { className: "gloss-preset-datepicker__day-headers", children: V.map((X) => /* @__PURE__ */ e("span", { className: "gloss-preset-datepicker__day-header", children: X }, X)) }),
-        /* @__PURE__ */ e(Zn, { children: Y.map((X, te) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Zn, { children: U.map((X, te) => /* @__PURE__ */ e(
           ys,
           {
             definition: X.isSelected ? K : X.isToday ? Z : void 0,
@@ -1058,13 +1058,13 @@ const zr = (r) => {
       radius: Se.Md,
       elevation: Xe.Card,
       ...dl[a]
-    }, Y = [
+    }, U = [
       "gloss-preset-timepicker",
       `gloss-preset-timepicker--${n}`,
       `gloss-preset-timepicker--${a}`,
       _ && "gloss-preset-timepicker--disabled"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ d("div", { className: Y, ref: k, children: [
+    return /* @__PURE__ */ d("div", { className: U, ref: k, children: [
       y && /* @__PURE__ */ e("label", { className: "gloss-preset-timepicker__label", htmlFor: w, children: y }),
       /* @__PURE__ */ e("input", { ref: t, type: "hidden", id: w, name: C, value: N }),
       /* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-timepicker__trigger", onClick: () => !_ && g((V) => !V), disabled: _, "aria-haspopup": "listbox", "aria-expanded": I, children: [
@@ -1129,7 +1129,7 @@ const pl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], fl = ["January", "
       clearable: C = !0,
       id: T,
       name: w
-    } = r, k = Le(), I = T || k, g = ie(null), [E, x] = O(!1), [D, N] = O(o), [R, z] = O(!1), L = s !== void 0, P = L ? s : D, [H, Y] = O(() => P.start || /* @__PURE__ */ new Date()), V = ee(() => {
+    } = r, k = Le(), I = T || k, g = ie(null), [E, x] = O(!1), [D, N] = O(o), [R, z] = O(!1), L = s !== void 0, P = L ? s : D, [H, U] = O(() => P.start || /* @__PURE__ */ new Date()), V = ee(() => {
       const ce = new Date(H);
       return ce.setMonth(ce.getMonth() + 1), ce;
     }, [H]), M = ma({ enabled: E, onEscape: () => x(!1) }), W = ee(() => En(H.getFullYear(), H.getMonth(), P, b, c, l), [H, P, b, c, l]), j = ee(() => En(V.getFullYear(), V.getMonth(), P, b, c, l), [V, P, b, c, l]), G = ee(() => {
@@ -1152,7 +1152,7 @@ const pl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], fl = ["January", "
       ce.stopPropagation();
       const be = { start: null, end: null };
       L || N(be), i?.(be), z(!1);
-    }, [L, i]), Z = S((ce) => Y((be) => {
+    }, [L, i]), Z = S((ce) => U((be) => {
       const de = new Date(be);
       return de.setMonth(de.getMonth() + ce), de;
     }), []);
@@ -1163,7 +1163,7 @@ const pl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], fl = ["January", "
       };
       return document.addEventListener("mousedown", ce), () => document.removeEventListener("mousedown", ce);
     }, [E]);
-    const U = ee(() => !P.start && !P.end ? "" : P.start && !P.end ? `${kr(P.start, f)} - ...` : P.start && P.end ? `${kr(P.start, f)} - ${kr(P.end, f)}` : "", [P, f]), X = {
+    const Y = ee(() => !P.start && !P.end ? "" : P.start && !P.end ? `${kr(P.start, f)} - ...` : P.start && P.end ? `${kr(P.start, f)} - ${kr(P.end, f)}` : "", [P, f]), X = {
       bg: B.BgSurface,
       borderColor: n === "error" ? B.BorderError : n === "success" ? B.BorderSuccess : B.BorderDefault,
       radius: Se.Md,
@@ -1193,7 +1193,7 @@ const pl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], fl = ["January", "
       /* @__PURE__ */ e("input", { type: "hidden", name: w ? `${w}[end]` : void 0, value: P.end ? P.end.toISOString() : "" }),
       /* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-daterangepicker__trigger", onClick: () => !h && x((ce) => !ce), disabled: h, "aria-haspopup": "dialog", "aria-expanded": E, children: [
         /* @__PURE__ */ e(ve, { name: "calendar", size: "sm" }),
-        /* @__PURE__ */ e("span", { className: `gloss-preset-daterangepicker__value ${U ? "" : "gloss-preset-daterangepicker__placeholder"}`, children: U || y }),
+        /* @__PURE__ */ e("span", { className: `gloss-preset-daterangepicker__value ${Y ? "" : "gloss-preset-daterangepicker__placeholder"}`, children: Y || y }),
         C && (P.start || P.end) && /* @__PURE__ */ e("span", { className: "gloss-preset-daterangepicker__clear", onClick: K, role: "button", tabIndex: -1, children: /* @__PURE__ */ e(ve, { name: "x", size: "sm" }) }),
         /* @__PURE__ */ e(ve, { name: "chevron-down", size: "sm" })
       ] }),
@@ -1261,7 +1261,7 @@ const bl = () => Math.random().toString(36).slice(2, 11), Mn = (r) => {
       W?.preview && URL.revokeObjectURL(W.preview), R(N.filter((j) => j.id !== M)), f?.(M);
     }, [N, R, f]), H = S((M) => {
       M.preventDefault(), M.stopPropagation(), x(!1), !m && M.dataTransfer.files.length > 0 && L(M.dataTransfer.files);
-    }, [m, L]), Y = {
+    }, [m, L]), U = {
       bg: B.BgMuted,
       borderColor: n === "error" ? B.BorderError : B.BorderDefault,
       borderStyle: "dashed",
@@ -1296,7 +1296,7 @@ const bl = () => Math.random().toString(36).slice(2, 11), Mn = (r) => {
       /* @__PURE__ */ d(
         Cs,
         {
-          definition: Y,
+          definition: U,
           dragging: E,
           disabled: m,
           onClick: () => !m && k.current?.click(),
@@ -1397,8 +1397,8 @@ const vl = [
       id: f,
       name: y
     } = r, b = Le(), _ = f || b, v = ie(null), [h, C] = O(!1), [T, w] = O(s), k = a !== void 0, I = k ? a : T, g = ar(I) || { r: 59, g: 130, b: 246 }, E = S((L, P, H) => {
-      const Y = Pn(L, P, H, i);
-      k || w(Y), o?.(Y);
+      const U = Pn(L, P, H, i);
+      k || w(U), o?.(U);
     }, [i, k, o]), x = S((L) => {
       const P = ar(L);
       P && E(P.r, P.g, P.b);
@@ -1719,8 +1719,8 @@ const zl = {
     ].filter(Boolean).join(" "), T = ie(null), w = S((g) => {
       if (!g || !m) return;
       g.style.height = "auto";
-      const E = getComputedStyle(g), x = parseFloat(E.lineHeight) || parseFloat(E.fontSize) * 1.2, D = parseFloat(E.paddingTop) || 0, N = parseFloat(E.paddingBottom) || 0, R = parseFloat(E.borderTopWidth) || 0, z = parseFloat(E.borderBottomWidth) || 0, L = D + N + R + z, P = p ? x * p + L : 0, H = f ? x * f + L : 1 / 0, Y = Math.min(Math.max(g.scrollHeight, P), H);
-      g.style.height = `${Y}px`;
+      const E = getComputedStyle(g), x = parseFloat(E.lineHeight) || parseFloat(E.fontSize) * 1.2, D = parseFloat(E.paddingTop) || 0, N = parseFloat(E.paddingBottom) || 0, R = parseFloat(E.borderTopWidth) || 0, z = parseFloat(E.borderBottomWidth) || 0, L = D + N + R + z, P = p ? x * p + L : 0, H = f ? x * f + L : 1 / 0, U = Math.min(Math.max(g.scrollHeight, P), H);
+      g.style.height = `${U}px`;
     }, [m, p, f]), k = S((g) => {
       T.current = g, typeof t == "function" ? t(g) : t && (t.current = g), w(g);
     }, [t, w]), I = _.onChange;
@@ -1780,8 +1780,8 @@ const Fl = {
     }, [I, w, i]), E = S((P) => {
       const H = P.target.value;
       if (H === "" || H === "-") return;
-      const Y = parseFloat(H);
-      isNaN(Y) || g(Y);
+      const U = parseFloat(H);
+      isNaN(U) || g(U);
     }, [g]), x = S((P) => {
       P.key === "ArrowUp" && (P.preventDefault(), g(k + u)), P.key === "ArrowDown" && (P.preventDefault(), g(k - u));
     }, [k, u, g]), D = c !== void 0 && k <= c, N = l !== void 0 && k >= l, R = h ? h(k) : String(k), z = {
@@ -3645,7 +3645,7 @@ const Ir = {
         /* @__PURE__ */ e("span", { style: { fontSize: 10, color: "rgba(0,0,0,0.35)", marginTop: 2 }, children: w.priorLabel })
       ] })
     ] });
-  }, Y = () => !k || k.length === 0 ? null : /* @__PURE__ */ d("div", { style: { zIndex: 2, position: "relative" }, children: [
+  }, U = () => !k || k.length === 0 ? null : /* @__PURE__ */ d("div", { style: { zIndex: 2, position: "relative" }, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -3785,7 +3785,7 @@ const Ir = {
         ]
       }
     ),
-    n === "segmented" && Y()
+    n === "segmented" && U()
   ] });
 };
 nt.displayName = "MetricCard";
@@ -4102,7 +4102,7 @@ const Da = (r) => {
   }, [N, z]), P = ee(
     () => jc(N, R),
     [N, R]
-  ), H = b && s, [Y, V] = O(!1);
+  ), H = b && s, [U, V] = O(!1);
   oe(() => {
     s || V(!1);
   }, [s]);
@@ -4126,7 +4126,19 @@ const Da = (r) => {
     // the strip"). Uses reference.width from floating-ui's rects.
     middleware: [
       bo(0),
-      yo(),
+      // Phase 18.1 REQ-13: explicit flip options. Default no-arg flip only
+      // fires when zero viewport room exists; middle-row cards have some
+      // viewport room below so the flip never triggers and shift slides down
+      // instead. fallbackStrategy:'initialPlacement' keeps placement stable
+      // once chosen; padding:8 reserves visual breathing room on the boundary
+      // check; mainAxis:true is the relevant axis for top↔bottom flip;
+      // crossAxis:false prevents the start/end qualifier from also flipping.
+      yo({
+        mainAxis: !0,
+        crossAxis: !1,
+        padding: 8,
+        fallbackStrategy: "initialPlacement"
+      }),
       vo({ padding: 8 }),
       _o({
         apply({ rects: ne, elements: xe }) {
@@ -4139,7 +4151,7 @@ const Da = (r) => {
     outsidePress: !0,
     outsidePressEvent: "mousedown",
     escapeKey: !0
-  }), { getFloatingProps: Z, getReferenceProps: U } = ia([K]), te = (u ? M : G ?? M).startsWith("top") ? "up" : "down", pe = !H || P ? "collapsed" : te === "up" ? "expanded-up" : "expanded-down", ce = {
+  }), { getFloatingProps: Z, getReferenceProps: Y } = ia([K]), te = (u ? M : G ?? M).startsWith("top") ? "up" : "down", pe = !H || P ? "collapsed" : te === "up" ? "expanded-up" : "expanded-down", ce = {
     display: "inline-flex",
     alignItems: "center",
     overflow: "hidden",
@@ -4159,13 +4171,13 @@ const Da = (r) => {
   }, []);
   const ge = S(
     (ne) => {
-      if (!H || Y) return;
+      if (!H) return;
       const xe = ne.nativeEvent?.relatedTarget, Fe = ne.relatedTarget, He = xe ?? Fe;
       He && typeof He.closest == "function" && He.closest("[data-action-strip]") || (ae.current !== null && clearTimeout(ae.current), ae.current = setTimeout(() => {
         ae.current = null, o(!1);
       }, Ke.GRACE_CLOSE_MS));
     },
-    [H, Y, o]
+    [H, o]
   ), Me = S(() => {
     ae.current !== null && (clearTimeout(ae.current), ae.current = null);
   }, []), Ce = S(() => {
@@ -4215,14 +4227,14 @@ const Da = (r) => {
       "data-expanded": s ? "true" : "false",
       "data-flip": te,
       "data-pure-icon": P ? "true" : "false",
-      "data-click-locked": Y ? "true" : "false",
+      "data-click-locked": U ? "true" : "false",
       style: de,
       onTransitionEnd: C,
       onPointerLeave: ge,
       onPointerEnter: Me,
       onMouseLeave: ge,
       onMouseEnter: Me,
-      ...U(),
+      ...Y(),
       children: /* @__PURE__ */ d(
         "div",
         {
@@ -4647,14 +4659,14 @@ const at = function({
   onUpdateStackedTimeframes: L,
   instanceStackedTimeframes: P,
   isGraphActive: H,
-  isTableActive: Y,
+  isTableActive: U,
   isGraphCard: V,
   canExpand: M,
   anchorX: W,
   extensionOverflow: j,
   cardRef: G
 }) {
-  const [$, K] = O(!1), [Z, U] = O(!1), [X, te] = O(!1), pe = ie(null), ce = ie(!1), be = ie(null), de = G ?? be, ae = ie(null), ge = ie(null), Me = t ?? n, Ce = S(() => {
+  const [$, K] = O(!1), [Z, Y] = O(!1), [X, te] = O(!1), pe = ie(null), ce = ie(!1), be = ie(null), de = G ?? be, ae = ie(null), ge = ie(null), Me = t ?? n, Ce = S(() => {
     ae.current = null, ge.current = null, te(!0);
   }, []), we = S(() => {
     if (z) {
@@ -4806,7 +4818,7 @@ const at = function({
             activeIcon: /* @__PURE__ */ e(Dt, { style: { fontSize: 16 } }),
             label: "Details",
             onClick: p,
-            isActive: Y,
+            isActive: U,
             showFeedback: !0,
             activeColor: "#10b981"
           }), T && Ne.push({
@@ -4839,7 +4851,7 @@ const at = function({
               overflow: yt,
               visible: _e,
               expanded: Z,
-              onExpandedChange: U,
+              onExpandedChange: Y,
               isFlipped: X,
               onFlipBack: we,
               anchorX: W,
@@ -4929,7 +4941,7 @@ const id = function(t) {
       formatted: $,
       trend: j?.trend || null
     };
-  }), [i, o, a, s]), Y = ee(
+  }), [i, o, a, s]), U = ee(
     () => H.slice(0, Math.min(H.length, P)),
     [H, P]
   ), V = c?.[C];
@@ -4967,7 +4979,7 @@ const id = function(t) {
                   definition: { direction: "horizontal", gap: "0px", align: "stretch" },
                   className: T,
                   style: { flex: 1, minHeight: 0, position: "relative", zIndex: 2 },
-                  children: Y.map((M, W) => {
+                  children: U.map((M, W) => {
                     const j = M.timeframe === C;
                     return /* @__PURE__ */ d(
                       he,
@@ -4979,7 +4991,7 @@ const id = function(t) {
                         style: {
                           flex: 1,
                           minWidth: 0,
-                          borderRight: W < Y.length - 1 ? "1px solid rgba(0,0,0,0.06)" : "none",
+                          borderRight: W < U.length - 1 ? "1px solid rgba(0,0,0,0.06)" : "none",
                           padding: "0 4px"
                         },
                         children: [
@@ -5987,12 +5999,12 @@ function Td(r, t, n, a, s, o, i, c, l, u) {
       }, w = T(_), k = T(v), I = T(h), g = [w, k, I], E = s.current?.items, x = E ? T(E) : null, D = o.current?.[i.dimension], N = D ? T(D) : null, R = k.left, z = E ? T(E) : null, L = z ? z.right - k.left : k.width, P = Math.round(I.width * 0.5);
       let H;
       i.dimension === "manufacturers" && N ? H = N.right - P : N ? H = N.left : H = I.left;
-      const Y = C.height + 2;
+      const U = C.height + 2;
       p((V) => ({
         itemPill: x ? { left: x.left, width: x.width, top: x.top, height: x.height } : V.itemPill,
-        itemFilter: { left: R, width: L, top: Y, height: 32 },
+        itemFilter: { left: R, width: L, top: U, height: 32 },
         entityPill: N ? { left: N.left, width: N.width, top: N.top, height: N.height } : V.entityPill,
-        entityFilter: { left: H, width: P, top: Y, height: 32 },
+        entityFilter: { left: H, width: P, top: U, height: 32 },
         tracks: g
       }));
     };
@@ -6054,7 +6066,7 @@ const Ed = q.memo(({
       id: me.id,
       label: me.label || me.name || me.id
     }))
-  }), [y, l]), [T, w] = O(!1), [k, I] = O(!1), [g, E] = O(null), [x, D] = O(null), [N, R] = O(""), [z, L] = O(""), [P, H] = O(!1), Y = _.entity === "items" && T, V = k, M = Y || V, W = ie(null), j = ie(null), G = ie(null), $ = ie(null), K = ie({}), Z = ie({}), U = Td(
+  }), [y, l]), [T, w] = O(!1), [k, I] = O(!1), [g, E] = O(null), [x, D] = O(null), [N, R] = O(""), [z, L] = O(""), [P, H] = O(!1), U = _.entity === "items" && T, V = k, M = U || V, W = ie(null), j = ie(null), G = ie(null), $ = ie(null), K = ie({}), Z = ie({}), Y = Td(
     W,
     j,
     G,
@@ -6096,7 +6108,7 @@ const Ed = q.memo(({
     D(_e), L(""), s(me.id, _e);
   }, [s]);
   return /* @__PURE__ */ d("div", { ref: W, className: "gloss-chart-control-bar", children: [
-    U.tracks.map((me, _e) => /* @__PURE__ */ e(
+    Y.tracks.map((me, _e) => /* @__PURE__ */ e(
       "div",
       {
         className: "gloss-chart-control-bar__track",
@@ -6108,28 +6120,28 @@ const Ed = q.memo(({
       /* @__PURE__ */ e(
         Hr,
         {
-          pillLeft: U.itemPill.left,
-          pillWidth: U.itemPill.width,
-          pillTop: U.itemPill.top,
-          pillHeight: U.itemPill.height,
-          filterLeft: U.itemFilter.left,
-          filterWidth: U.itemFilter.width,
-          filterTop: U.itemFilter.top,
-          filterHeight: U.itemFilter.height,
-          visible: Y
+          pillLeft: Y.itemPill.left,
+          pillWidth: Y.itemPill.width,
+          pillTop: Y.itemPill.top,
+          pillHeight: Y.itemPill.height,
+          filterLeft: Y.itemFilter.left,
+          filterWidth: Y.itemFilter.width,
+          filterTop: Y.itemFilter.top,
+          filterHeight: Y.itemFilter.height,
+          visible: U
         }
       ),
       /* @__PURE__ */ e(
         Hr,
         {
-          pillLeft: U.entityPill.left,
-          pillWidth: U.entityPill.width,
-          pillTop: U.entityPill.top,
-          pillHeight: U.entityPill.height,
-          filterLeft: U.entityFilter.left,
-          filterWidth: U.entityFilter.width,
-          filterTop: U.entityFilter.top,
-          filterHeight: U.entityFilter.height,
+          pillLeft: Y.entityPill.left,
+          pillWidth: Y.entityPill.width,
+          pillTop: Y.entityPill.top,
+          pillHeight: Y.entityPill.height,
+          filterLeft: Y.entityFilter.left,
+          filterWidth: Y.entityFilter.width,
+          filterTop: Y.entityFilter.top,
+          filterHeight: Y.entityFilter.height,
           visible: V
         }
       )
@@ -6149,7 +6161,7 @@ const Ed = q.memo(({
         dimensionGroupRef: $,
         entityTabRefs: K,
         dimensionTabRefs: Z,
-        showItemFilter: Y,
+        showItemFilter: U,
         showEntityFilter: V,
         showDimensionGroup: b,
         datePickerSlot: m
@@ -6159,10 +6171,10 @@ const Ed = q.memo(({
       Ea,
       {
         showRow2: M,
-        showItemFilter: Y,
+        showItemFilter: U,
         showEntityFilter: V,
-        itemFilterLayout: { left: U.itemFilter.left, width: U.itemFilter.width },
-        entityFilterLayout: { left: U.entityFilter.left, width: U.entityFilter.width },
+        itemFilterLayout: { left: Y.itemFilter.left, width: Y.itemFilter.width },
+        entityFilterLayout: { left: Y.entityFilter.left, width: Y.entityFilter.width },
         itemSearch: N,
         setItemSearch: R,
         onItemSubmit: ge,
@@ -7048,7 +7060,7 @@ const $d = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
     if (!$) return !1;
     const K = v || t;
     return K ? Qt($, K) : !1;
-  }, [t, v]), Y = S(($) => {
+  }, [t, v]), U = S(($) => {
     if (!$ || !r) return !1;
     const K = v || t;
     return K ? Qt(r, K) && P($) : P($);
@@ -7073,7 +7085,7 @@ const $d = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
       );
     const K = /* @__PURE__ */ new Date();
     for (let Z = 1; Z <= k; Z++) {
-      const U = new Date(T, w, Z), X = L(U), te = P(U), pe = H(U), ce = Y(U), be = V(U), de = R(U), ae = Qt(U, K), ge = ["mini-calendar__day"];
+      const Y = new Date(T, w, Z), X = L(Y), te = P(Y), pe = H(Y), ce = U(Y), be = V(Y), de = R(Y), ae = Qt(Y, K), ge = ["mini-calendar__day"];
       be ? (ge.push("mini-calendar__day--disabled"), pe ? ge.push("mini-calendar__day--disabled-end") : X && ge.push("mini-calendar__day--disabled-in-range"), de && ge.push("mini-calendar__day--market")) : (ce ? ge.push("mini-calendar__day--single") : te ? ge.push("mini-calendar__day--start") : pe ? ge.push("mini-calendar__day--end") : X && ge.push("mini-calendar__day--in-range"), (ce || te || pe || X) && (u === "secondary" ? ge.push("mini-calendar__day--secondary") : u === "tertiary" && ge.push("mini-calendar__day--tertiary")), ae && !te && !pe && !ce && ge.push("mini-calendar__day--today"), de && ge.push("mini-calendar__day--market"));
       const Me = /* @__PURE__ */ e(
         se,
@@ -7090,7 +7102,7 @@ const $d = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
         }
       );
       if (de && !be) {
-        const Ce = z(U);
+        const Ce = z(Y);
         $.push(
           /* @__PURE__ */ e(
             ft,
@@ -7114,7 +7126,7 @@ const $d = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
         );
     }
     return $;
-  }, [T, w, k, I, L, P, H, Y, V, R, z, M, W, u]);
+  }, [T, w, k, I, L, P, H, U, V, R, z, M, W, u]);
   return /* @__PURE__ */ d(
     se,
     {
@@ -7353,7 +7365,7 @@ const Ld = {
   const h = ee(() => ({
     ...Ld,
     ...u
-  }), [u]), C = ie(null), [T, w] = O(null), [k, I] = O("calendar"), [g, E] = O(null), [x, D] = O(null), N = ie(null), [R, z] = O(() => h.lastPreset || "mtd"), [L, P] = O(null), [H, Y] = O(null), [V, M] = O(null), [W, j] = O(null), [G, $] = O(null), [K, Z] = O(() => n ? _ ?? h.compareEnabled ?? !1 : !1), U = _ ?? K, X = S((A) => {
+  }), [u]), C = ie(null), [T, w] = O(null), [k, I] = O("calendar"), [g, E] = O(null), [x, D] = O(null), N = ie(null), [R, z] = O(() => h.lastPreset || "mtd"), [L, P] = O(null), [H, U] = O(null), [V, M] = O(null), [W, j] = O(null), [G, $] = O(null), [K, Z] = O(() => n ? _ ?? h.compareEnabled ?? !1 : !1), Y = _ ?? K, X = S((A) => {
     Z(A), v?.(A);
   }, [v]), [te, pe] = O("A"), [ce, be] = O(() => h.lastPresetB ?? null), [de, ae] = O(null), [ge, Me] = O(null), [Ce, we] = O(null), [Ye, Te] = O(null), [me, _e] = O(null), [Ve, Ne] = O(null), [ne, xe] = O(null), [Fe, He] = O(null), [ke, Be] = O(null), [yt, Re] = O(null), [lt, Ze] = O(null), [Pe, vt] = O(1), [rn, ct] = O(!1), [Ga, Va] = O(void 0), ze = V !== null ? V : R, Tt = V !== null ? W : L, dt = V !== null ? G : H, st = Ce !== null ? Ce : ce, Et = Ce !== null ? Ye : de, Mt = Ce !== null ? me : ge, it = ke !== null ? ke : Ve, Pt = ke !== null ? yt : ne, Bt = ke !== null ? lt : Fe, nn = V !== null && (V !== R || W !== L || G !== H), [fe, hr] = O(() => {
     const A = p || er, F = f || [], Q = new Set(F.map((ue) => ue.id)), re = A.filter((ue) => !Q.has(ue.id)).map((ue) => ({ ...ue, active: xt(ue) })), le = F.map((ue) => ({
@@ -7424,7 +7436,7 @@ const Ld = {
       const le = tr(et.start, et.end, A, fe);
       re = le ? le.id : null;
     }
-    re ? (z(re), P(null), Y(null)) : (z("custom"), P(et.start), Y(et.end)), M(null), j(null), $(null);
+    re ? (z(re), P(null), U(null)) : (z("custom"), P(et.start), U(et.end)), M(null), j(null), $(null);
   }, [et.start?.getTime(), et.end?.getTime(), fe, h.lastPreset]);
   const Ka = ee(() => {
     let A, F;
@@ -7441,7 +7453,7 @@ const Ld = {
     }
     return $t(A, F, /* @__PURE__ */ new Date(), fe).display;
   }, [R, L, H, fe]), Ya = ee(() => {
-    if (!U || !ce) return null;
+    if (!Y || !ce) return null;
     let A, F;
     if (ce === "custom" && de && ge)
       A = de, F = ge;
@@ -7455,7 +7467,7 @@ const Ld = {
       }
     }
     return $t(A, F, /* @__PURE__ */ new Date(), fe).display;
-  }, [U, ce, de, ge, fe]), ln = ee(() => {
+  }, [Y, ce, de, ge, fe]), ln = ee(() => {
     const A = ["7d", "30d", "60d", "90d", "mtd", "qtd", "ytd", "lytd"], F = fe.find((Q) => Q.id === R);
     if (F)
       return mt(F.startDate, F.endDate, /* @__PURE__ */ new Date());
@@ -7481,7 +7493,7 @@ const Ld = {
     return Q.preset ? `${Q.preset.label} (${re})` : re;
   }, [ze, Tt, dt, fe]);
   ee(() => {
-    if (!U || !st) return null;
+    if (!Y || !st) return null;
     let A, F;
     if (st === "custom" && Et && Mt)
       A = Et, F = Mt;
@@ -7496,8 +7508,8 @@ const Ld = {
     }
     const Q = $t(A, F, /* @__PURE__ */ new Date(), fe), re = mt(A, F, /* @__PURE__ */ new Date());
     return Q.preset ? `${Q.preset.label} (${re})` : re;
-  }, [U, st, Et, Mt, fe]), ee(() => {
-    if (!U || Pe < 3 || !it) return null;
+  }, [Y, st, Et, Mt, fe]), ee(() => {
+    if (!Y || Pe < 3 || !it) return null;
     let A, F;
     if (it === "custom" && Pt && Bt)
       A = Pt, F = Bt;
@@ -7512,10 +7524,10 @@ const Ld = {
     }
     const Q = $t(A, F, /* @__PURE__ */ new Date(), fe), re = mt(A, F, /* @__PURE__ */ new Date());
     return Q.preset ? `${Q.preset.label} (${re})` : re;
-  }, [U, Pe, it, Pt, Bt, fe]);
+  }, [Y, Pe, it, Pt, Bt, fe]);
   const Ua = S((A) => {
-    M(R), j(L), $(H), U && (we(ce), Te(de), _e(ge), Pe >= 3 && (Be(Ve), Re(ne), Ze(Fe))), w(A.currentTarget);
-  }, [R, L, H, U, Pe, ce, de, ge, Ve, ne, Fe]), dn = S((A, F, Q) => {
+    M(R), j(L), $(H), Y && (we(ce), Te(de), _e(ge), Pe >= 3 && (Be(Ve), Re(ne), Ze(Fe))), w(A.currentTarget);
+  }, [R, L, H, Y, Pe, ce, de, ge, Ve, ne, Fe]), dn = S((A, F, Q) => {
     const re = [A, F];
     Q && (re.shortcutId = rr(Q)), t(re);
   }, [t]), Zt = S((A, F, Q) => {
@@ -7530,9 +7542,9 @@ const Ld = {
     m && m({ ...h, ...A });
   }, [m, h]), Jt = S(() => {
     if (V === null) return;
-    z(V), P(W), Y(G);
+    z(V), P(W), U(G);
     const A = Zt(V, W, G);
-    if (U && Pe >= 2 && Ce !== null) {
+    if (Y && Pe >= 2 && Ce !== null) {
       be(Ce), ae(Ye), Me(me);
       const F = Zt(Ce, Ye, me), Q = {
         rangeA: A,
@@ -7567,7 +7579,7 @@ const Ld = {
         lastPresetB: null,
         lastPresetC: null
       }), dn(A[0], A[1], V);
-  }, [V, W, G, U, Pe, Ce, Ye, me, ke, yt, lt, Zt, t, dn, tt]), Xa = S(() => {
+  }, [V, W, G, Y, Pe, Ce, Ye, me, ke, yt, lt, Zt, t, dn, tt]), Xa = S(() => {
     i || (nn && Jt(), M(null), j(null), $(null), we(null), Te(null), _e(null), Be(null), Re(null), Ze(null), D(null), w(null));
   }, [i, nn, Jt]), un = S(() => {
     i || (M(null), j(null), $(null), we(null), Te(null), _e(null), Be(null), Re(null), Ze(null), D(null), w(null));
@@ -7590,20 +7602,20 @@ const Ld = {
       lastPresetC: null
     });
   }, [X, tt]), vr = S((A) => {
-    N.current && (clearTimeout(N.current), N.current = null), D(null), U && te === "C" ? (Be(A), Re(null), Ze(null)) : U && te === "B" ? (we(A), Te(null), _e(null)) : (M(A), j(null), $(null));
-  }, [U, te]), At = S((A) => {
+    N.current && (clearTimeout(N.current), N.current = null), D(null), Y && te === "C" ? (Be(A), Re(null), Ze(null)) : Y && te === "B" ? (we(A), Te(null), _e(null)) : (M(A), j(null), $(null));
+  }, [Y, te]), At = S((A) => {
     if (!fe.find((re) => re.id === A)) return;
     const Q = h.pinnedPreset || "mtd";
-    U && te === "C" ? (Be((ke !== null ? ke : Ve) === A ? Q : A), Re(null), Ze(null)) : U && te === "B" ? (we((Ce !== null ? Ce : ce) === A ? Q : A), Te(null), _e(null)) : (M((V !== null ? V : R) === A ? Q : A), j(null), $(null));
-  }, [fe, U, te, h.pinnedPreset, V, R, Ce, ce, ke, Ve]), Za = S((A, F) => {
-    if (U && te === "C")
+    Y && te === "C" ? (Be((ke !== null ? ke : Ve) === A ? Q : A), Re(null), Ze(null)) : Y && te === "B" ? (we((Ce !== null ? Ce : ce) === A ? Q : A), Te(null), _e(null)) : (M((V !== null ? V : R) === A ? Q : A), j(null), $(null));
+  }, [fe, Y, te, h.pinnedPreset, V, R, Ce, ce, ke, Ve]), Za = S((A, F) => {
+    if (Y && te === "C")
       if (Re(A), F) {
         Ze(F);
         const Q = tr(A, F, /* @__PURE__ */ new Date(), fe);
         Q ? (Be(Q.id), Re(null), Ze(null)) : Be("custom");
       } else
         Be("custom"), Ze(null);
-    else if (U && te === "B")
+    else if (Y && te === "B")
       if (Te(A), F) {
         _e(F);
         const Q = tr(A, F, /* @__PURE__ */ new Date(), fe);
@@ -7616,9 +7628,9 @@ const Ld = {
       Q ? (M(Q.id), j(null), $(null)) : M("custom");
     } else
       M("custom"), $(null);
-  }, [fe, U, te]), fn = S((A) => {
-    tt({ pinnedPreset: A }), U && te === "C" ? (Be(A), Re(null), Ze(null)) : U && te === "B" ? (we(A), Te(null), _e(null)) : (M(A), j(null), $(null));
-  }, [U, te, tt]), gn = S((A, F) => {
+  }, [fe, Y, te]), fn = S((A) => {
+    tt({ pinnedPreset: A }), Y && te === "C" ? (Be(A), Re(null), Ze(null)) : Y && te === "B" ? (we(A), Te(null), _e(null)) : (M(A), j(null), $(null));
+  }, [Y, te, tt]), gn = S((A, F) => {
     N.current && (clearTimeout(N.current), N.current = null), F ? D(A) : N.current = setTimeout(() => {
       D(null);
     }, 150);
@@ -7780,11 +7792,11 @@ const Ld = {
           bgcolor: ut ? "rgba(79, 70, 229, 0.9)" : "rgba(0, 0, 0, 0.04)",
           border: "none"
         },
-        ...U && !ut ? {
+        ...Y && !ut ? {
           color: "secondary.main"
         } : {}
       },
-      children: U && Ya ? /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+      children: Y && Ya ? /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
         /* @__PURE__ */ e(Wi, { sx: { fontSize: 14, color: "secondary.main" } }),
         /* @__PURE__ */ e("span", { children: "Compare" })
       ] }) : Ka
@@ -7981,7 +7993,7 @@ const Ld = {
         ] }),
         /* @__PURE__ */ d(se, { className: "hybrid-date-picker__content", children: [
           k === "calendar" && (() => {
-            const F = U && te === "C" ? it : U && te === "B" ? st : ze, Q = U && te === "C" ? Pt : U && te === "B" ? Et : Tt, re = U && te === "C" ? Bt : U && te === "B" ? Mt : dt;
+            const F = Y && te === "C" ? it : Y && te === "B" ? st : ze, Q = Y && te === "C" ? Pt : Y && te === "B" ? Et : Tt, re = Y && te === "C" ? Bt : Y && te === "B" ? Mt : dt;
             return /* @__PURE__ */ e(
               Ma,
               {
@@ -7991,7 +8003,7 @@ const Ld = {
                 marketDates: fe,
                 size: a,
                 focusDate: Ga,
-                rangeColor: U && te === "B" ? "secondary" : U && te === "C" ? "tertiary" : "primary"
+                rangeColor: Y && te === "B" ? "secondary" : Y && te === "C" ? "tertiary" : "primary"
               }
             );
           })(),
@@ -8101,7 +8113,7 @@ const Ld = {
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ e(se, { className: "hybrid-date-picker__footer", children: U ? (
+        /* @__PURE__ */ e(se, { className: "hybrid-date-picker__footer", children: Y ? (
           /* States 2, 3, 4: Comparing - show collapsible drawer */
           /* @__PURE__ */ d(se, { sx: { width: "100%" }, children: [
             /* @__PURE__ */ d(
@@ -8702,8 +8714,8 @@ const Mr = [
       if (E($), w)
         t({ rangeA: Z, rangeB: R || [null, null], shortcutId: $ });
       else {
-        const U = [...Z];
-        U.shortcutId = $, t(U);
+        const Y = [...Z];
+        Y.shortcutId = $, t(Y);
       }
     }
   }, [w, R, t, a, n]);
@@ -8737,15 +8749,15 @@ const Mr = [
       K.shortcutId = $, t(K);
     } else
       t(G);
-  }, [w, R, t]), Y = S((G, $) => {
+  }, [w, R, t]), U = S((G, $) => {
     $ || D(null);
     const K = { rangeA: N || [null, null], rangeB: G };
     $ && (K.shortcutId = $), t(K);
   }, [t, N]), V = S((G, $) => {
     E($), H(G, $), h(!1);
   }, [H]), M = S((G, $) => {
-    D($), Y(G, $), T(!1);
-  }, [Y]), W = ee(() => ({
+    D($), U(G, $), T(!1);
+  }, [U]), W = ee(() => ({
     shortcuts: {
       items: Mr.map((G) => ({
         label: G.label,
@@ -8793,7 +8805,7 @@ const Mr = [
         getValue: G.value,
         disabled: G.disabled || !1
       })),
-      onChange: (G) => Y(G),
+      onChange: (G) => U(G),
       onShortcutClick: M,
       value: R,
       activeShortcutId: x
@@ -8819,7 +8831,7 @@ const Mr = [
         h(!1), T(!0);
       }
     }
-  }), [R, Y, M, x]);
+  }), [R, U, M, x]);
   if (f === "simple-selector") {
     const G = ir(r) ? r.rangeA : r;
     return /* @__PURE__ */ e(
@@ -8856,7 +8868,7 @@ const Mr = [
         Cn,
         {
           value: R || [null, null],
-          onChange: (G) => Y(G),
+          onChange: (G) => U(G),
           calendars: 1,
           disableFuture: !0,
           minDate: new Date(2024, 0, 1),
@@ -9697,10 +9709,10 @@ const Ra = q.forwardRef(
     className: g,
     autoComplete: E
   }, x) => {
-    const D = ie(null), [N, R] = O(m ?? ""), [z, L] = O(!1), [P, H] = O(-1), Y = ie(null), V = u !== void 0 ? u : N, M = String(V).length > 0, W = z && o && a.length > 0, j = S(
+    const D = ie(null), [N, R] = O(m ?? ""), [z, L] = O(!1), [P, H] = O(-1), U = ie(null), V = u !== void 0 ? u : N, M = String(V).length > 0, W = z && o && a.length > 0, j = S(
       (X) => {
         const te = X.target.value;
-        u === void 0 && R(te), t > 0 ? (Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
+        u === void 0 && R(te), t > 0 ? (U.current && clearTimeout(U.current), U.current = setTimeout(() => {
           p?.(X);
         }, t)) : p?.(X);
       },
@@ -9753,9 +9765,9 @@ const Ra = q.forwardRef(
       };
       return document.addEventListener("keydown", X), () => document.removeEventListener("keydown", X);
     }, [i, c]), oe(() => () => {
-      Y.current && clearTimeout(Y.current);
+      U.current && clearTimeout(U.current);
     }, []);
-    const U = /* @__PURE__ */ d("div", { className: "gloss-search-input__actions", children: [
+    const Y = /* @__PURE__ */ d("div", { className: "gloss-search-input__actions", children: [
       M && l && /* @__PURE__ */ e(
         "button",
         {
@@ -9795,7 +9807,7 @@ const Ra = q.forwardRef(
           id: I,
           autoComplete: E,
           leftIcon: /* @__PURE__ */ e(ve, { name: "search", size: "sm" }),
-          rightIcon: U
+          rightIcon: Y
         }
       ),
       W && /* @__PURE__ */ e("ul", { className: "gloss-search-input__suggestions", role: "listbox", children: a.map((X, te) => /* @__PURE__ */ d(
@@ -9878,7 +9890,7 @@ const cu = [
       [l, m]
     ), H = S(() => {
       E((j) => !j);
-    }, []), Y = S(() => {
+    }, []), U = S(() => {
       const j = du(i);
       o ? o(j) : (l === void 0 && D(j), m?.({
         target: { value: j },
@@ -9910,7 +9922,7 @@ const cu = [
               {
                 type: "button",
                 className: "gloss-password-input__generate",
-                onClick: Y,
+                onClick: U,
                 "aria-label": "Generate password",
                 tabIndex: -1,
                 title: "Generate password",
@@ -9996,9 +10008,9 @@ const mu = q.forwardRef(
     id: v,
     name: h
   }, C) => {
-    const T = Le(), w = v || T, k = ie(null), [I, g] = O(t), [E, x] = O(""), [D, N] = O(null), [R, z] = O(!1), [L, P] = O(-1), H = r !== void 0, Y = H ? r : I, V = E ? l.filter(
-      (de) => de.toLowerCase().includes(E.toLowerCase()) && (i || !Y.includes(de))
-    ) : [], M = R && V.length > 0, W = s === void 0 || Y.length < s, j = S(
+    const T = Le(), w = v || T, k = ie(null), [I, g] = O(t), [E, x] = O(""), [D, N] = O(null), [R, z] = O(!1), [L, P] = O(-1), H = r !== void 0, U = H ? r : I, V = E ? l.filter(
+      (de) => de.toLowerCase().includes(E.toLowerCase()) && (i || !U.includes(de))
+    ) : [], M = R && V.length > 0, W = s === void 0 || U.length < s, j = S(
       (de) => {
         H || g(de), n?.(de);
       },
@@ -10011,7 +10023,7 @@ const mu = q.forwardRef(
             N(`Maximum of ${s} tags allowed`);
             return;
           }
-          if (!i && Y.includes(ae)) {
+          if (!i && U.includes(ae)) {
             N("Duplicate tag");
             return;
           }
@@ -10026,16 +10038,16 @@ const mu = q.forwardRef(
               return;
             }
           }
-          N(null), j([...Y, ae]), x(""), P(-1);
+          N(null), j([...U, ae]), x(""), P(-1);
         }
       },
-      [Y, W, s, i, o, c, j]
+      [U, W, s, i, o, c, j]
     ), $ = S(
       (de) => {
-        const ae = Y.filter((ge, Me) => Me !== de);
+        const ae = U.filter((ge, Me) => Me !== de);
         j(ae), N(null);
       },
-      [Y, j]
+      [U, j]
     ), K = S(
       (de) => {
         const ae = de.target.value, ge = a.filter((Me) => Me !== "Enter");
@@ -10051,7 +10063,7 @@ const mu = q.forwardRef(
       [a, G]
     ), Z = S(
       (de) => {
-        de.key === "Enter" ? (de.preventDefault(), M && L >= 0 ? G(V[L]) : a.includes("Enter") && E.trim() && G(E)) : de.key === "Backspace" && !E && Y.length > 0 ? $(Y.length - 1) : de.key === "ArrowDown" && M ? (de.preventDefault(), P(
+        de.key === "Enter" ? (de.preventDefault(), M && L >= 0 ? G(V[L]) : a.includes("Enter") && E.trim() && G(E)) : de.key === "Backspace" && !E && U.length > 0 ? $(U.length - 1) : de.key === "ArrowDown" && M ? (de.preventDefault(), P(
           (ae) => ae < V.length - 1 ? ae + 1 : 0
         )) : de.key === "ArrowUp" && M ? (de.preventDefault(), P(
           (ae) => ae > 0 ? ae - 1 : V.length - 1
@@ -10063,11 +10075,11 @@ const mu = q.forwardRef(
         V,
         a,
         E,
-        Y,
+        U,
         G,
         $
       ]
-    ), U = S(() => {
+    ), Y = S(() => {
       z(!0);
     }, []), X = S(() => {
       setTimeout(() => z(!1), 150), E.trim() && a.includes(",") && G(E);
@@ -10093,9 +10105,9 @@ const mu = q.forwardRef(
     return /* @__PURE__ */ d("div", { className: ce, children: [
       p && /* @__PURE__ */ e("label", { className: "gloss-tag-input__label", htmlFor: w, children: p }),
       /* @__PURE__ */ d("div", { className: be, onClick: te, children: [
-        h && /* @__PURE__ */ e("input", { type: "hidden", name: h, value: Y.join(",") }),
+        h && /* @__PURE__ */ e("input", { type: "hidden", name: h, value: U.join(",") }),
         /* @__PURE__ */ d("div", { className: "gloss-tag-input__tags", children: [
-          Y.map((de, ae) => /* @__PURE__ */ d("span", { className: "gloss-tag-input__tag", children: [
+          U.map((de, ae) => /* @__PURE__ */ d("span", { className: "gloss-tag-input__tag", children: [
             /* @__PURE__ */ e("span", { className: "gloss-tag-input__tag-text", children: de }),
             !m && /* @__PURE__ */ e(
               "button",
@@ -10123,9 +10135,9 @@ const mu = q.forwardRef(
               value: E,
               onChange: K,
               onKeyDown: Z,
-              onFocus: U,
+              onFocus: Y,
               onBlur: X,
-              placeholder: Y.length === 0 ? u : "",
+              placeholder: U.length === 0 ? u : "",
               disabled: m,
               "aria-describedby": f ? `${w}-helper` : void 0
             }
@@ -10230,7 +10242,7 @@ const pu = [
         return K ? `${G.dialCode}${K}` : "";
       },
       []
-    ), Y = S(
+    ), U = S(
       (G) => {
         const $ = G.target.value, K = Kn($);
         N || E(K);
@@ -10298,7 +10310,7 @@ const pu = [
             required: p,
             className: `gloss-phone-input__input ${m !== "default" ? `gloss-phone-input__input--${m}` : ""}`,
             value: P,
-            onChange: Y,
+            onChange: U,
             disabled: f,
             "aria-describedby": u ? `${C}-helper` : void 0
           }
@@ -10471,7 +10483,7 @@ function Aa(r) {
     k(!0);
   }, []), H = S(() => {
     k(!1), g(-1);
-  }, []), Y = w && (N.length > 0 || b || N.length === 0), V = ["gloss-autocomplete", h].filter(Boolean).join(" ");
+  }, []), U = w && (N.length > 0 || b || N.length === 0), V = ["gloss-autocomplete", h].filter(Boolean).join(" ");
   return /* @__PURE__ */ d("div", { className: V, ref: E, children: [
     /* @__PURE__ */ e(
       Ee,
@@ -10496,7 +10508,7 @@ function Aa(r) {
     /* @__PURE__ */ e(
       Ur,
       {
-        open: Y && !_,
+        open: U && !_,
         onDismiss: H,
         anchorRef: E,
         placement: "bottom-start",
@@ -10607,7 +10619,7 @@ function $a(r) {
   }, [h]);
   const H = S(() => {
     f || C((W) => !W);
-  }, [f]), Y = S(() => {
+  }, [f]), U = S(() => {
     C(!1);
   }, []), V = [
     "gloss-multi-select",
@@ -10683,7 +10695,7 @@ function $a(r) {
       Ur,
       {
         open: h && !f,
-        onDismiss: Y,
+        onDismiss: U,
         anchorRef: g,
         placement: "bottom-start",
         children: N.length === 0 ? i : /* @__PURE__ */ e(
@@ -10913,7 +10925,7 @@ function qr(r) {
           }
         ) }),
         t.map((P) => {
-          const H = f === P.key, Y = [
+          const H = f === P.key, U = [
             "gloss-data-table__header-cell",
             P.sortable && "gloss-data-table__header-cell--sortable",
             P.align === "center" && "gloss-data-table__body-cell--align-center",
@@ -10922,7 +10934,7 @@ function qr(r) {
           return /* @__PURE__ */ e(
             "th",
             {
-              className: Y,
+              className: U,
               style: P.width ? { width: P.width } : void 0,
               onClick: P.sortable ? () => N(P.key) : void 0,
               "aria-sort": H ? y : void 0,
@@ -10951,13 +10963,13 @@ function qr(r) {
       /* @__PURE__ */ d("tbody", { children: [
         T && Array.from({ length: 3 }, (P, H) => /* @__PURE__ */ d("tr", { className: "gloss-data-table__skeleton-row", children: [
           u && /* @__PURE__ */ e("td", { className: "gloss-data-table__body-cell gloss-data-table__body-cell--checkbox", children: /* @__PURE__ */ e("div", { className: "gloss-data-table__skeleton-cell", style: { width: 18 } }) }),
-          t.map((Y) => /* @__PURE__ */ e("td", { className: "gloss-data-table__body-cell", children: /* @__PURE__ */ e(
+          t.map((U) => /* @__PURE__ */ e("td", { className: "gloss-data-table__body-cell", children: /* @__PURE__ */ e(
             "div",
             {
               className: "gloss-data-table__skeleton-cell",
-              style: { width: `${60 + (H * 20 + t.indexOf(Y) * 15) % 40}%` }
+              style: { width: `${60 + (H * 20 + t.indexOf(U) * 15) % 40}%` }
             }
-          ) }, Y.key)),
+          ) }, U.key)),
           i && /* @__PURE__ */ e("td", { className: "gloss-data-table__body-cell gloss-data-table__body-cell--actions", children: /* @__PURE__ */ e("div", { className: "gloss-data-table__skeleton-cell", style: { width: 24 } }) })
         ] }, `skeleton-${H}`)),
         !T && n.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
@@ -10971,7 +10983,7 @@ function qr(r) {
           }
         ) }),
         !T && n.map((P, H) => {
-          const Y = String(P[a]), V = m?.has(Y) ?? !1, M = [
+          const U = String(P[a]), V = m?.has(U) ?? !1, M = [
             "gloss-data-table__row",
             V && "gloss-data-table__row--selected",
             w && "gloss-data-table__row--striped"
@@ -10981,7 +10993,7 @@ function qr(r) {
               ot,
               {
                 checked: V,
-                onChange: () => D(Y),
+                onChange: () => D(U),
                 size: "sm"
               }
             ) }),
@@ -11003,7 +11015,7 @@ function qr(r) {
               );
             }),
             i && /* @__PURE__ */ e("td", { className: "gloss-data-table__body-cell gloss-data-table__body-cell--actions", children: i(P) })
-          ] }, Y);
+          ] }, U);
         })
       ] })
     ] }),
@@ -12764,10 +12776,10 @@ function hp({
         savePaymentMethod: C
       };
       g && (H.card = f);
-      const Y = $u.safeParse(H);
-      if (!Y.success) {
+      const U = $u.safeParse(H);
+      if (!U.success) {
         const V = {};
-        Y.error.issues.forEach((M) => {
+        U.error.issues.forEach((M) => {
           const W = M.path;
           if (W[0] === "card" && W.length === 2) {
             const j = W[1];
@@ -12781,7 +12793,7 @@ function hp({
         })), !w && Object.keys(V).length === 0 && k("Please fix the errors above before submitting.");
         return;
       }
-      await r?.(Y.data);
+      await r?.(U.data);
     },
     [m, f, C, g, r, t, w]
   );

package/catalog.js

@@ -1,5 +1,5 @@
-import { y as I, N, A as B, F as x, J as D, z as F, D as A, E as M, H as v, O as R, Q as H, T as W, a$ as _, U as k, b0 as z, b1 as E, b2 as L, V as $, W as G, X as O } from "./Expandable-DRKNRSlL.js";
-import { a3 as Ne, b6 as Be, az as xe, ah as De, Z as Fe, an as Ae, bS as Me, K as ve, a8 as Re, bo as He, P as We, B as _e, bi as ke, bh as ze, bx as Ee, b as Le, C as $e, L as Ge, o as Oe, ad as we, aN as Ve, aC as Xe, aq as je, k as Ue, m as Ze, aF as qe, ab as Je, b8 as Ke, a9 as Qe, bp as Ye, Y as ea, ap as aa, aQ as sa, ba as ta, n as ra, am as oa, a0 as ia, ar as na, a2 as la, aa as da, bJ as ca, aT as ga, r as ma, I as pa, g as ua, aw as ba, M as fa, w as ha, as as ya, bg as Sa, bP as Ta, ao as Pa, t as Ca, bq as Ia, aS as Na, b3 as Ba, aj as xa, aK as Da, ag as Fa, al as Aa, au as Ma, bU as va, aR as Ra, bT as Ha, ac as Wa, c as _a, R as ka, j as za, p as Ea, aH as La, ai as $a, ae as Ga, h as Oa, x as wa, b7 as Va, af as Xa, bc as ja, bf as Ua, bd as Za, be as qa, i as Ja, b9 as Ka, bn as Qa, S as Ya, bk as es, av as as, bb as ss, bQ as ts, ak as rs, bR as os, s as is, bK as ns, l as ls, f as ds, q as cs, _ as gs, a7 as ms, bj as ps, bw as us, bD as bs, aB as fs, a6 as hs, aP as ys, aE as Ss, ay as Ts, aM as Ps, aJ as Cs, a1 as Is, bm as Ns } from "./Expandable-DRKNRSlL.js";
+import { y as I, N, A as B, F as x, J as D, z as F, D as A, E as M, H as v, O as R, Q as H, T as W, a$ as _, U as k, b0 as z, b1 as E, b2 as L, V as $, W as G, X as O } from "./Expandable-BdC9RXOI.js";
+import { a3 as Ne, b6 as Be, az as xe, ah as De, Z as Fe, an as Ae, bS as Me, K as ve, a8 as Re, bo as He, P as We, B as _e, bi as ke, bh as ze, bx as Ee, b as Le, C as $e, L as Ge, o as Oe, ad as we, aN as Ve, aC as Xe, aq as je, k as Ue, m as Ze, aF as qe, ab as Je, b8 as Ke, a9 as Qe, bp as Ye, Y as ea, ap as aa, aQ as sa, ba as ta, n as ra, am as oa, a0 as ia, ar as na, a2 as la, aa as da, bJ as ca, aT as ga, r as ma, I as pa, g as ua, aw as ba, M as fa, w as ha, as as ya, bg as Sa, bP as Ta, ao as Pa, t as Ca, bq as Ia, aS as Na, b3 as Ba, aj as xa, aK as Da, ag as Fa, al as Aa, au as Ma, bU as va, aR as Ra, bT as Ha, ac as Wa, c as _a, R as ka, j as za, p as Ea, aH as La, ai as $a, ae as Ga, h as Oa, x as wa, b7 as Va, af as Xa, bc as ja, bf as Ua, bd as Za, be as qa, i as Ja, b9 as Ka, bn as Qa, S as Ya, bk as es, av as as, bb as ss, bQ as ts, ak as rs, bR as os, s as is, bK as ns, l as ls, f as ds, q as cs, _ as gs, a7 as ms, bj as ps, bw as us, bD as bs, aB as fs, a6 as hs, aP as ys, aE as Ss, ay as Ts, aM as Ps, aJ as Cs, a1 as Is, bm as Ns } from "./Expandable-BdC9RXOI.js";
 import { jsx as c, jsxs as T } from "react/jsx-runtime";
 import { C as e, T as a, ae as w, S as s, E as u, R as m, e as V, Z as X } from "./UIContext-C3E-k7HI.js";
 import { B as j, a as U, e as Z, c as q, d as J, b as K } from "./BaseAsyncButton-nFOdhiBv.js";

package/index.js

@@ -1,4 +1,4 @@
-import { N as Na, T as Sa, O as ka, Q as xa, a3 as Ta, b6 as Ia, az as Ra, ah as _a, Z as Ma, an as Pa, K as Fa, a8 as Ea, bo as Oa, P as Aa, B as La, a as $a, y as Ba, H as Ka, bi as Ga, F as Ha, J as za, A as Va, z as Wa, bh as Za, E as Ua, D as Ya, bx as qa, b as ja, C as Qa, L as Xa, o as Ja, ad as en, aN as tn, y as an, H as nn, F as rn, J as on, A as sn, z as ln, E as dn, D as cn, a$ as un, b2 as mn, b1 as pn, b0 as gn, b3 as bn, aC as fn, a5 as hn, a4 as vn, aq as yn, k as wn, m as Cn, aF as Dn, ab as Nn, b8 as Sn, a9 as kn, bp as xn, Y as Tn, bH as In, bG as Rn, bI as _n, ap as Mn, aQ as Pn, ba as Fn, bM as En, bv as On, n as An, am as Ln, bB as $n, bs as Bn, a0 as Kn, ar as Gn, a2 as Hn, bA as zn, G as Vn, d as Wn, aa as Zn, bJ as Un, aT as Yn, r as qn, v as jn, I as Qn, g as Xn, aw as Jn, bN as er, M as tr, w as ar, U as nr, X as rr, V as or, W as sr, as as ir, bg as lr, bP as dr, bL as cr, ao as ur, t as mr, bq as pr, aS as gr, aj as br, aK as fr, ag as hr, al as vr, au as yr, aR as wr, ac as Cr, at as Dr, c as Nr, R as Sr, j as kr, p as xr, aH as Tr, by as Ir, bz as Rr, ai as _r, ae as Mr, h as Pr, x as Fr, b7 as Er, af as Or, bO as Ar, bc as Lr, bf as $r, bd as Br, be as Kr, i as Gr, b9 as Hr, bn as zr, S as Vr, bk as Wr, bl as Zr, av as Ur, bb as Yr, bQ as qr, ak as jr, s as Qr, bK as Xr, l as Jr, f as eo, q as to, _ as ao, $ as no, a7 as ro, bj as oo, bw as so, bD as io, aA as lo, aB as co, a6 as uo, aO as mo, aP as po, aD as go, aE as bo, aG as fo, aV as ho, aW as vo, bF as yo, bE as wo, aY as Co, aZ as Do, ax as No, ay as So, b5 as ko, b4 as xo, a_ as To, aL as Io, aM as Ro, aX as _o, aI as Mo, aJ as Po, u as Fo, bC as Eo, br as Oo, bt as Ao, bu as Lo, aU as $o, a1 as Bo, e as Ko, bm as Go } from "./Expandable-DRKNRSlL.js";
+import { N as Na, T as Sa, O as ka, Q as xa, a3 as Ta, b6 as Ia, az as Ra, ah as _a, Z as Ma, an as Pa, K as Fa, a8 as Ea, bo as Oa, P as Aa, B as La, a as $a, y as Ba, H as Ka, bi as Ga, F as Ha, J as za, A as Va, z as Wa, bh as Za, E as Ua, D as Ya, bx as qa, b as ja, C as Qa, L as Xa, o as Ja, ad as en, aN as tn, y as an, H as nn, F as rn, J as on, A as sn, z as ln, E as dn, D as cn, a$ as un, b2 as mn, b1 as pn, b0 as gn, b3 as bn, aC as fn, a5 as hn, a4 as vn, aq as yn, k as wn, m as Cn, aF as Dn, ab as Nn, b8 as Sn, a9 as kn, bp as xn, Y as Tn, bH as In, bG as Rn, bI as _n, ap as Mn, aQ as Pn, ba as Fn, bM as En, bv as On, n as An, am as Ln, bB as $n, bs as Bn, a0 as Kn, ar as Gn, a2 as Hn, bA as zn, G as Vn, d as Wn, aa as Zn, bJ as Un, aT as Yn, r as qn, v as jn, I as Qn, g as Xn, aw as Jn, bN as er, M as tr, w as ar, U as nr, X as rr, V as or, W as sr, as as ir, bg as lr, bP as dr, bL as cr, ao as ur, t as mr, bq as pr, aS as gr, aj as br, aK as fr, ag as hr, al as vr, au as yr, aR as wr, ac as Cr, at as Dr, c as Nr, R as Sr, j as kr, p as xr, aH as Tr, by as Ir, bz as Rr, ai as _r, ae as Mr, h as Pr, x as Fr, b7 as Er, af as Or, bO as Ar, bc as Lr, bf as $r, bd as Br, be as Kr, i as Gr, b9 as Hr, bn as zr, S as Vr, bk as Wr, bl as Zr, av as Ur, bb as Yr, bQ as qr, ak as jr, s as Qr, bK as Xr, l as Jr, f as eo, q as to, _ as ao, $ as no, a7 as ro, bj as oo, bw as so, bD as io, aA as lo, aB as co, a6 as uo, aO as mo, aP as po, aD as go, aE as bo, aG as fo, aV as ho, aW as vo, bF as yo, bE as wo, aY as Co, aZ as Do, ax as No, ay as So, b5 as ko, b4 as xo, a_ as To, aL as Io, aM as Ro, aX as _o, aI as Mo, aJ as Po, u as Fo, bC as Eo, br as Oo, bt as Ao, bu as Lo, aU as $o, a1 as Bo, e as Ko, bm as Go } from "./Expandable-BdC9RXOI.js";
 import { jsxs as O, jsx as g } from "react/jsx-runtime";
 import F, { useRef as M, useEffect as P, useState as E, useCallback as y, forwardRef as ve, useMemo as ee, createContext as ye, useContext as we } from "react";
 import { B as Ce, U as te } from "./UIContext-C3E-k7HI.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mt-gloss/ui",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "type": "module",
   "publishConfig": {
     "access": "restricted"