@ufoui/core 0.0.127 → 0.0.136

package/index.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as L, Fragment as nt } from "react/jsx-runtime";
-import et, { useState as Z, useRef as U, useCallback as Ue, useEffect as me, createContext as en, useContext as Bt, useSyncExternalStore as Qo, useMemo as ht, forwardRef as M, useId as ei, isValidElement as dt, cloneElement as Wt, useLayoutEffect as kn, Children as oo, Fragment as ti } from "react";
+import et, { useState as Z, useRef as U, useCallback as Ue, useEffect as pe, createContext as en, useContext as Bt, useSyncExternalStore as Qo, useMemo as ht, forwardRef as B, useId as ei, isValidElement as dt, cloneElement as Wt, useLayoutEffect as Sn, Children as oo, Fragment as ti } from "react";
 import ni, { createPortal as oi } from "react-dom";
-import { argbFromHex as qt, themeFromSourceColor as ii, hexFromArgb as Ve, TonalPalette as Zn, Hct as ri } from "@material/material-color-utilities";
+import { argbFromHex as qt, themeFromSourceColor as ii, hexFromArgb as Pe, TonalPalette as Zn, Hct as ri } from "@material/material-color-utilities";
 let io = {};
 function si(e) {
   io = e;
@@ -9,7 +9,7 @@ function si(e) {
 function ro() {
   return io;
 }
-function vn(e) {
+function Cn(e) {
   var t;
   return (t = ro()[e]) == null ? void 0 : t.onColor;
 }
@@ -43,12 +43,12 @@ const so = (e) => {
     color: `var(${n})`,
     onColor: `var(${o})`
   };
-}, li = (e) => [parseInt(e.slice(1, 3), 16), parseInt(e.slice(3, 5), 16), parseInt(e.slice(5, 7), 16)], Ss = (e) => [
+}, li = (e) => [parseInt(e.slice(1, 3), 16), parseInt(e.slice(3, 5), 16), parseInt(e.slice(5, 7), 16)], Ls = (e) => [
   parseInt(e.slice(1, 3), 16),
   parseInt(e.slice(3, 5), 16),
   parseInt(e.slice(5, 7), 16)
 ].join(",");
-function Ls(e, t) {
+function Is(e, t) {
   const o = {
     0: "0",
     1: "0.05",
@@ -68,7 +68,7 @@ function tn(e) {
 function Tt(e) {
   return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
 }
-function Sn(e, t, n, o) {
+function Ln(e, t, n, o) {
   const l = Number(n);
   return Number.isFinite(l) ? Math.min(t, Math.max(e, Math.round(l))) : o;
 }
@@ -86,10 +86,10 @@ const ci = (e) => ({
   bottomRight: "uui-bottom-right",
   auto: "uui-top-right"
 })[e], We = (e) => e ? `uui-${e}` : "", ft = (e) => e ? `uui-${Tt(e)}` : "", rt = (e) => {
-  const t = Sn(0, 4, e);
+  const t = Ln(0, 4, e);
   return t === void 0 ? "" : `uui-border-${t}`;
 }, ut = (e) => {
-  const t = Sn(0, 5, e);
+  const t = Ln(0, 5, e);
   return t === void 0 ? "" : `uui-elevation-${t}`;
 }, ot = (e) => e ? `uui-${e}` : "";
 function st(...e) {
@@ -104,7 +104,7 @@ function st(...e) {
     });
   };
 }
-function se(...e) {
+function re(...e) {
   return e.flat().filter(Boolean).join(" ");
 }
 function _t(e, t) {
@@ -132,86 +132,86 @@ const ui = [
   "caption",
   "overline"
 ], lo = Object.fromEntries(ui.map((e) => [e, `uui-font-${Tt(e)}`]));
-let Ln = new Map(Object.entries(lo));
+let In = new Map(Object.entries(lo));
 const di = (e) => {
   const { merged: t } = _t(lo, e);
-  Ln = new Map(Object.entries(t));
-}, Is = () => Array.from(Ln.keys()), Ee = (e) => Ln.get(e) ?? "";
-function In(e, t, n = {}) {
+  In = new Map(Object.entries(t));
+}, Bs = () => Array.from(In.keys()), Ee = (e) => In.get(e) ?? "";
+function Bn(e, t, n = {}) {
   const { placement: o = "topCenter", offset: l = 8, mode: c = "tooltip" } = n, r = 12, d = {
     tooltip: ["topCenter", "bottomCenter", "centerRight", "centerLeft"],
     dropdown: ["bottomCenter", "topCenter", "centerRight", "centerLeft"],
     menu: ["bottomLeft", "bottomRight", "topLeft", "topRight", "centerRight", "centerLeft"],
     submenu: ["topRightOut", "topLeftOut", "centerRight", "centerLeft", "bottomCenter", "topCenter"]
-  }, f = o === "auto" ? d[c] : [o, ...d[c]], m = e.current, h = t.current;
-  if (!m || !h)
+  }, f = o === "auto" ? d[c] : [o, ...d[c]], m = e.current, g = t.current;
+  if (!m || !g)
     return null;
-  const u = m.getBoundingClientRect(), s = h.getBoundingClientRect(), a = window.innerWidth, p = window.innerHeight, b = (y) => {
-    let g = 0, C = 0;
+  const u = m.getBoundingClientRect(), s = g.getBoundingClientRect(), a = window.innerWidth, p = window.innerHeight, b = (y) => {
+    let h = 0, C = 0;
     switch (y) {
       case "topCenter":
-        g = u.left + (u.width - s.width) / 2, C = u.top - s.height - l;
+        h = u.left + (u.width - s.width) / 2, C = u.top - s.height - l;
         break;
       case "topLeft":
-        g = u.left, C = u.top - s.height - l;
+        h = u.left, C = u.top - s.height - l;
         break;
       case "topRight":
-        g = u.right - s.width, C = u.top - s.height - l;
+        h = u.right - s.width, C = u.top - s.height - l;
         break;
       case "bottomCenter":
-        g = u.left + (u.width - s.width) / 2, C = u.bottom + l;
+        h = u.left + (u.width - s.width) / 2, C = u.bottom + l;
         break;
       case "bottomLeft":
-        g = u.left, C = u.bottom + l;
+        h = u.left, C = u.bottom + l;
         break;
       case "bottomRight":
-        g = u.right - s.width, C = u.bottom + l;
+        h = u.right - s.width, C = u.bottom + l;
         break;
       case "centerLeft":
-        g = u.left - s.width - l, C = u.top + (u.height - s.height) / 2;
+        h = u.left - s.width - l, C = u.top + (u.height - s.height) / 2;
         break;
       case "centerRight":
-        g = u.right + l, C = u.top + (u.height - s.height) / 2;
+        h = u.right + l, C = u.top + (u.height - s.height) / 2;
         break;
       case "center":
-        g = u.left + (u.width - s.width) / 2, C = u.top + (u.height - s.height) / 2;
+        h = u.left + (u.width - s.width) / 2, C = u.top + (u.height - s.height) / 2;
         break;
       case "topRightOut":
-        g = u.right + l, C = u.top;
+        h = u.right + l, C = u.top;
         break;
       case "topLeftOut":
-        g = u.left - s.width - l, C = u.top;
+        h = u.left - s.width - l, C = u.top;
         break;
     }
-    return { x: g, y: C, placement: y };
+    return { x: h, y: C, placement: y };
   };
   for (const y of f) {
-    const g = b(y), C = g.x >= 0 && g.x + s.width <= a, N = g.y >= 0 && g.y + s.height <= p;
+    const h = b(y), C = h.x >= 0 && h.x + s.width <= a, N = h.y >= 0 && h.y + s.height <= p;
     let x = !1;
     if (y === "centerLeft" || y === "centerRight" ? x = C : y === "topCenter" || y === "bottomCenter" || y === "center" ? x = N : x = C && N, x)
-      return g.x = Math.max(r, Math.min(g.x, a - s.width - r)), g.y = Math.max(r, Math.min(g.y, p - s.height - r)), g;
+      return h.x = Math.max(r, Math.min(h.x, a - s.width - r)), h.y = Math.max(r, Math.min(h.y, p - s.height - r)), h;
   }
   const v = b(o);
   return v.x = Math.max(r, Math.min(v.x, a - s.width - r)), v.y = Math.max(r, Math.min(v.y, p - s.height - r)), v;
 }
-let Gn = !1, Cn = "pointer";
+let Gn = !1, xn = "pointer";
 function fi() {
   Gn || typeof window > "u" || (Gn = !0, window.addEventListener(
     "keydown",
     () => {
-      Cn = "keyboard";
+      xn = "keyboard";
     },
     !0
   ), window.addEventListener(
     "pointerdown",
     () => {
-      Cn = "pointer";
+      xn = "pointer";
     },
     !0
   ));
 }
 function pi() {
-  return Cn;
+  return xn;
 }
 function Yn(e) {
   if (typeof e == "string")
@@ -231,7 +231,7 @@ function Xn(e = "#6750A4", t = {}) {
   }).map(([s, a]) => ({ value: qt(a), name: s, blend: !0 })), r = ii(l, c), d = ["light", "dark"], f = Object.keys(r.schemes.light.toJSON());
   d.forEach((s) => {
     f.forEach((a) => {
-      typeof r.schemes[s][a] == "number" && (o[s][a] = Ve(
+      typeof r.schemes[s][a] == "number" && (o[s][a] = Pe(
         r.schemes[s][a]
       ));
     });
@@ -244,19 +244,19 @@ function Xn(e = "#6750A4", t = {}) {
     };
     n[p.color] = { type: "semantic", onColor: p.onColor }, n[p.onColor] = { type: "theme", onColor: p.color }, n[p.colorContainer] = { type: "extended", onColor: p.onColorContainer }, n[p.onColorContainer] = { type: "text", onColor: p.colorContainer }, d.forEach((b) => {
       Object.keys(p).forEach((v) => {
-        o[b][p[v]] = Ve(s[b][v]);
+        o[b][p[v]] = Pe(s[b][v]);
       });
     });
   }), ["primary", "secondary", "tertiary", "error"].forEach((s) => {
     const a = s[0].toUpperCase() + s.slice(1);
     n[s] = { type: "semantic", onColor: `on${a}` }, n[`on${a}`] = { type: "theme", onColor: s }, n[`${s}Container`] = { type: "extended", onColor: `on${a}Container` }, n[`on${a}Container`] = { type: "text", onColor: `${s}Container` }, d.forEach((p) => {
-      o[p][`${s}Fixed`] = Ve(
+      o[p][`${s}Fixed`] = Pe(
         r.palettes[s].tone(90)
-      ), n[`${s}Fixed`] = { type: "extended", onColor: `on${a}Fixed` }, o[p][`${s}FixedDim`] = Ve(
+      ), n[`${s}Fixed`] = { type: "extended", onColor: `on${a}Fixed` }, o[p][`${s}FixedDim`] = Pe(
         r.palettes[s].tone(80)
-      ), n[`${s}FixedDim`] = { type: "border", onColor: `on${a}FixedVariant` }, o[p][`on${a}Fixed`] = Ve(
+      ), n[`${s}FixedDim`] = { type: "border", onColor: `on${a}FixedVariant` }, o[p][`on${a}Fixed`] = Pe(
         r.palettes[s].tone(10)
-      ), n[`on${a}Fixed`] = { type: "text", onColor: `${s}Fixed` }, o[p][`on${a}FixedVariant`] = Ve(
+      ), n[`on${a}Fixed`] = { type: "text", onColor: `${s}Fixed` }, o[p][`on${a}FixedVariant`] = Pe(
         r.palettes[s].tone(30)
       ), n[`on${a}FixedVariant`] = { type: "text", onColor: `${s}FixedDim` };
     });
@@ -266,20 +266,20 @@ function Xn(e = "#6750A4", t = {}) {
     white: "#ffffff"
   };
   Object.assign(o.light, m), Object.assign(o.dark, m), n.white = { type: "surface", onColor: "black" }, n.black = { type: "surface", onColor: "white" };
-  const h = (s, a) => {
+  const g = (s, a) => {
     const p = Zn.fromInt(s);
-    return Ve(p.tone(a));
+    return Pe(p.tone(a));
   };
   r.customColors.forEach((s) => {
     const a = s.color.name, p = a[0].toUpperCase() + a.slice(1);
     n[`${a}Fixed`] = { type: "extended", onColor: `on${p}Fixed` }, n[`${a}FixedDim`] = { type: "border", onColor: `on${p}FixedVariant` }, n[`on${p}Fixed`] = { type: "text", onColor: `${a}Fixed` }, n[`on${p}FixedVariant`] = { type: "text", onColor: `${a}FixedDim` }, d.forEach((b) => {
       const v = s[b].color;
-      o[b][`${a}Fixed`] = h(v, 90), o[b][`${a}FixedDim`] = h(v, 80), o[b][`on${p}Fixed`] = h(v, 10), o[b][`on${p}FixedVariant`] = h(v, 30);
+      o[b][`${a}Fixed`] = g(v, 90), o[b][`${a}FixedDim`] = g(v, 80), o[b][`on${p}Fixed`] = g(v, 10), o[b][`on${p}FixedVariant`] = g(v, 30);
     });
   });
   const u = (s) => {
     const a = qt(s);
-    return Ve(Zn.fromInt(a).tone(ri.fromInt(a).tone < 50 ? 100 : 10));
+    return Pe(Zn.fromInt(a).tone(ri.fromInt(a).tone < 50 ? 100 : 10));
   };
   return Object.entries(t).forEach(([s, a]) => {
     if (typeof a == "string")
@@ -290,12 +290,12 @@ function Xn(e = "#6750A4", t = {}) {
     if (o.dark[s] = y.color, o.dark[b] = y.on ?? u(y.color), !a.fixed)
       o.light[`${s}Fixed`] = o.light[s], o.light[`on${p}Fixed`] = o.light[b], o.dark[`${s}Fixed`] = o.dark[s], o.dark[`on${p}Fixed`] = o.dark[b];
     else if (a.fixed !== "preserve") {
-      const g = Gt(a.fixed.light);
-      o.light[`${s}Fixed`] = g.color, o.light[`on${p}Fixed`] = g.on ?? u(g.color);
+      const h = Gt(a.fixed.light);
+      o.light[`${s}Fixed`] = h.color, o.light[`on${p}Fixed`] = h.on ?? u(h.color);
       const C = Gt(a.fixed.dark ?? a.fixed.light);
       o.dark[`${s}Fixed`] = C.color, o.dark[`on${p}Fixed`] = C.on ?? u(C.color);
     }
-  }), o.light.surface = Ve(r.palettes.neutral.tone(99)), n.surface = { type: "surface", onColor: "onSurface" }, o.light.surfaceDim = Ve(r.palettes.neutral.tone(87)), n.surfaceDim = { type: "surface", onColor: "onSurface" }, o.light.surfaceBright = Ve(r.palettes.neutral.tone(99)), n.surfaceBright = { type: "surface", onColor: "onSurface" }, o.light.surfaceContainerLowest = Ve(r.palettes.neutral.tone(100)), n.surfaceContainerLowest = { type: "surface", onColor: "onSurface" }, o.light.surfaceContainerLow = Ve(r.palettes.neutral.tone(96)), n.surfaceContainerLow = { type: "surface", onColor: "onSurface" }, o.light.surfaceContainer = Ve(r.palettes.neutral.tone(94)), n.surfaceContainer = { type: "surface", onColor: "onSurface" }, o.light.surfaceContainerHigh = Ve(r.palettes.neutral.tone(92)), n.surfaceContainerHigh = { type: "surface", onColor: "onSurface" }, o.light.surfaceContainerHighest = Ve(r.palettes.neutral.tone(90)), n.surfaceContainerHighest = { type: "surface", onColor: "onSurface" }, o.dark.surface = Ve(r.palettes.neutral.tone(6)), o.dark.surfaceDim = Ve(r.palettes.neutral.tone(6)), o.dark.surfaceBright = Ve(r.palettes.neutral.tone(24)), o.dark.surfaceContainerLowest = Ve(r.palettes.neutral.tone(4)), o.dark.surfaceContainerLow = Ve(r.palettes.neutral.tone(10)), o.dark.surfaceContainer = Ve(r.palettes.neutral.tone(12)), o.dark.surfaceContainerHigh = Ve(r.palettes.neutral.tone(17)), o.dark.surfaceContainerHighest = Ve(r.palettes.neutral.tone(22)), o.light.surfaceTint = Ve(r.palettes.primary.tone(40)), n.surfaceTint = { type: "theme" }, o.dark.surfaceTint = Ve(r.palettes.primary.tone(80)), n.surfaceVariant = { type: "surface", onColor: "onSurfaceVariant" }, n.scrim = { type: "theme" }, n.onSurface = { type: "text", onColor: "surface" }, n.onSurfaceVariant = { type: "text", onColor: "surfaceVariant" }, n.background = { type: "surface", onColor: "onBackground" }, n.onBackground = { type: "text", onColor: "background" }, n.inverseSurface = { type: "surface", onColor: "inverseOnSurface" }, n.inverseOnSurface = { type: "theme", onColor: "inverseSurface" }, n.outline = { type: "border", onColor: "surface" }, n.outlineVariant = { type: "border", onColor: "inverseSurface" }, n.inversePrimary = { type: "theme", onColor: "onPrimaryContainer" }, n.shadow = { type: "theme" }, si(n), o;
+  }), o.light.surface = Pe(r.palettes.neutral.tone(99)), n.surface = { type: "surface", onColor: "onSurface" }, o.light.surfaceDim = Pe(r.palettes.neutral.tone(87)), n.surfaceDim = { type: "surface", onColor: "onSurface" }, o.light.surfaceBright = Pe(r.palettes.neutral.tone(99)), n.surfaceBright = { type: "surface", onColor: "onSurface" }, o.light.surfaceContainerLowest = Pe(r.palettes.neutral.tone(100)), n.surfaceContainerLowest = { type: "surface", onColor: "onSurface" }, o.light.surfaceContainerLow = Pe(r.palettes.neutral.tone(96)), n.surfaceContainerLow = { type: "surface", onColor: "onSurface" }, o.light.surfaceContainer = Pe(r.palettes.neutral.tone(94)), n.surfaceContainer = { type: "surface", onColor: "onSurface" }, o.light.surfaceContainerHigh = Pe(r.palettes.neutral.tone(92)), n.surfaceContainerHigh = { type: "surface", onColor: "onSurface" }, o.light.surfaceContainerHighest = Pe(r.palettes.neutral.tone(90)), n.surfaceContainerHighest = { type: "surface", onColor: "onSurface" }, o.dark.surface = Pe(r.palettes.neutral.tone(6)), o.dark.surfaceDim = Pe(r.palettes.neutral.tone(6)), o.dark.surfaceBright = Pe(r.palettes.neutral.tone(24)), o.dark.surfaceContainerLowest = Pe(r.palettes.neutral.tone(4)), o.dark.surfaceContainerLow = Pe(r.palettes.neutral.tone(10)), o.dark.surfaceContainer = Pe(r.palettes.neutral.tone(12)), o.dark.surfaceContainerHigh = Pe(r.palettes.neutral.tone(17)), o.dark.surfaceContainerHighest = Pe(r.palettes.neutral.tone(22)), o.light.surfaceTint = Pe(r.palettes.primary.tone(40)), n.surfaceTint = { type: "theme" }, o.dark.surfaceTint = Pe(r.palettes.primary.tone(80)), n.surfaceVariant = { type: "surface", onColor: "onSurfaceVariant" }, n.scrim = { type: "theme" }, n.onSurface = { type: "text", onColor: "surface" }, n.onSurfaceVariant = { type: "text", onColor: "surfaceVariant" }, n.background = { type: "surface", onColor: "onBackground" }, n.onBackground = { type: "text", onColor: "background" }, n.inverseSurface = { type: "surface", onColor: "inverseOnSurface" }, n.inverseOnSurface = { type: "theme", onColor: "inverseSurface" }, n.outline = { type: "border", onColor: "surface" }, n.outlineVariant = { type: "border", onColor: "inverseSurface" }, n.inversePrimary = { type: "theme", onColor: "onPrimaryContainer" }, n.shadow = { type: "theme" }, si(n), o;
 }
 function mi(e) {
   if (typeof document > "u")
@@ -335,7 +335,7 @@ const hi = (e) => {
   const e = Number.parseFloat(window.getComputedStyle(document.documentElement).fontSize);
   return Number.isNaN(e) ? 16 : e;
 }, Jt = /* @__PURE__ */ new Set();
-let xn = !1, It = null, Ft = { width: 0, isPrint: !1 };
+let wn = !1, It = null, Ft = { width: 0, isPrint: !1 };
 const Ci = () => {
   Jt.forEach((e) => {
     e();
@@ -344,11 +344,11 @@ const Ci = () => {
   const e = ao(), t = xi();
   e === Ft.width && t === Ft.isPrint || (Ft = { width: e, isPrint: t }, Ci());
 }, wi = () => {
-  typeof window > "u" || xn || (window.addEventListener("resize", Rt), window.addEventListener("orientationchange", Rt), It = window.matchMedia("print"), It.addEventListener("change", Rt), Ft = {
+  typeof window > "u" || wn || (window.addEventListener("resize", Rt), window.addEventListener("orientationchange", Rt), It = window.matchMedia("print"), It.addEventListener("change", Rt), Ft = {
     width: ao(),
     isPrint: It.matches
-  }, xn = !0);
-}, fn = {
+  }, wn = !0);
+}, pn = {
   /**
    * Subscribes to viewport state updates.
    *
@@ -356,7 +356,7 @@ const Ci = () => {
    */
   subscribe(e) {
     return wi(), Jt.add(e), () => {
-      Jt.delete(e), Jt.size === 0 && typeof window < "u" && (window.removeEventListener("resize", Rt), window.removeEventListener("orientationchange", Rt), It == null || It.removeEventListener("change", Rt), It = null, xn = !1, Ft = { width: 0, isPrint: !1 });
+      Jt.delete(e), Jt.size === 0 && typeof window < "u" && (window.removeEventListener("resize", Rt), window.removeEventListener("orientationchange", Rt), It == null || It.removeEventListener("change", Rt), It = null, wn = !1, Ft = { width: 0, isPrint: !1 });
     };
   },
   /**
@@ -475,10 +475,10 @@ function Ni() {
 }
 var ki = Ni();
 function Si(e = {}) {
-  const { initial: t = "idle" } = e, [n, o] = Z("idle"), [l, c] = Z(!1), { t1: r = 0, t2: d, oneShot: f = !1 } = e, m = d ?? Math.round(r * 0.67), h = U(null), u = () => h.current !== null ? (clearTimeout(h.current), h.current = null, !0) : !1, s = Ue(
+  const { initial: t = "idle" } = e, [n, o] = Z("idle"), [l, c] = Z(!1), { t1: r = 0, t2: d, oneShot: f = !1 } = e, m = d ?? Math.round(r * 0.67), g = U(null), u = () => g.current !== null ? (clearTimeout(g.current), g.current = null, !0) : !1, s = Ue(
     (v) => {
       function y(C, N) {
-        h.current = window.setTimeout(() => {
+        g.current = window.setTimeout(() => {
           o(C), u();
         }, N);
       }
@@ -511,9 +511,9 @@ function Si(e = {}) {
     },
     [f, r, m, n]
   );
-  me(() => {
+  pe(() => {
     l && c(!1);
-  }, [l]), me(() => {
+  }, [l]), pe(() => {
     t !== "idle" && s(t === "open" ? "open" : "closed");
   }, []);
   const a = n === "closing", p = n === "opening";
@@ -540,7 +540,7 @@ function Si(e = {}) {
 }
 function Li(e, t, n = !0) {
   const o = U(!1);
-  me(() => {
+  pe(() => {
     if (!o.current) {
       n && (o.current = !0);
       return;
@@ -548,7 +548,7 @@ function Li(e, t, n = !0) {
     return e();
   }, [...t, n]);
 }
-const Bn = {
+const Mn = {
   fade: "uui-motion-fade",
   fadeBlur: "uui-motion-fade-blur",
   scale: "uui-motion-scale",
@@ -577,16 +577,16 @@ const Bn = {
   none: ""
 };
 function Ii(e) {
-  return e && e !== "none" ? Bn[e] ?? "" : "";
+  return e && e !== "none" ? Mn[e] ?? "" : "";
 }
-function Bs() {
-  return Object.keys(Bn).filter((e) => e !== "none");
+function Ms() {
+  return Object.keys(Mn).filter((e) => e !== "none");
 }
 function Bi(e) {
   return e === "expressive" ? "uui-motion-expressive" : "";
 }
 function nn(e, t = {}, n = {}) {
-  const o = typeof e == "string" ? { ...t, animation: e } : { ...t, ...e }, l = Si({ t1: o.duration, ...n }), c = se(
+  const o = typeof e == "string" ? { ...t, animation: e } : { ...t, ...e }, l = Si({ t1: o.duration, ...n }), c = re(
     l.animating && Ii(o.animation),
     Bi(o.style)
   );
@@ -596,11 +596,11 @@ function nn(e, t = {}, n = {}) {
   };
 }
 function co(e, t, n, o) {
-  me(() => {
+  pe(() => {
     if (!e)
       return;
     const l = (c) => {
-      var m, h;
+      var m, g;
       const r = c.target;
       if (Array.isArray(t)) {
         const u = t.some((a) => {
@@ -610,7 +610,7 @@ function co(e, t, n, o) {
         !u && !s && n();
         return;
       }
-      const d = !!r.closest(t), f = ((h = o == null ? void 0 : o.current) == null ? void 0 : h.contains(r)) ?? !1;
+      const d = !!r.closest(t), f = ((g = o == null ? void 0 : o.current) == null ? void 0 : g.contains(r)) ?? !1;
       !d && !f && n();
     };
     return document.addEventListener("mousedown", l), () => {
@@ -623,7 +623,7 @@ const xt = [], Qn = (e) => {
 };
 function Mi(e, t) {
   const n = U(t);
-  n.current = t, me(() => {
+  n.current = t, pe(() => {
     if (!e)
       return;
     const o = () => {
@@ -651,8 +651,8 @@ function wt(e, t) {
     }
   };
 }
-function wn(e, t, n = !0, o = !1) {
-  me(() => {
+function Nn(e, t, n = !0, o = !1) {
+  pe(() => {
     if (!n)
       return;
     const l = e.current;
@@ -695,7 +695,7 @@ function $i() {
     throw new Error("useTheme must be used within a <ThemeProvider>");
   return e;
 }
-function Nn({ value: e, min: t, max: n, step: o, disabled: l, readOnly: c, onChange: r }) {
+function kn({ value: e, min: t, max: n, step: o, disabled: l, readOnly: c, onChange: r }) {
   return { onKeyDown: Ue(
     (f) => {
       if (l || c)
@@ -738,8 +738,8 @@ function mo(e = "vertical", t = !0) {
       const u = [...n.current].sort((v, y) => {
         if (v === y)
           return 0;
-        const g = v.compareDocumentPosition(y);
-        return g & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : g & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+        const h = v.compareDocumentPosition(y);
+        return h & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : h & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
       }).filter((v) => !("disabled" in v && v.disabled || v.getAttribute("aria-disabled") === "true"));
       if (u.length === 0)
         return;
@@ -765,8 +765,8 @@ function Ei(e, t = "vertical") {
   const [n, o] = Z([]), l = mo(t), c = Ue(
     (f) => {
       o((m) => {
-        const h = m.includes(f);
-        return e === "single" ? h ? [] : [f] : h ? m.filter((u) => u !== f) : [...m, f];
+        const g = m.includes(f);
+        return e === "single" ? g ? [] : [f] : g ? m.filter((u) => u !== f) : [...m, f];
       });
     },
     [e]
@@ -787,7 +787,7 @@ function Ei(e, t = "vertical") {
 }
 const Lt = [], Di = ({ ref: e, enabled: t, autoFocus: n = !0 }) => {
   const o = U(null);
-  me(() => {
+  pe(() => {
     if (!t || !e.current)
       return;
     const l = e.current;
@@ -799,7 +799,7 @@ const Lt = [], Di = ({ ref: e, enabled: t, autoFocus: n = !0 }) => {
     ).filter((f) => !f.hasAttribute("disabled") && f.getClientRects().length > 0);
     if (n && !l.contains(document.activeElement)) {
       const f = c();
-      (f.find((h) => h.hasAttribute("data-autofocus")) ?? f[0] ?? l).focus();
+      (f.find((g) => g.hasAttribute("data-autofocus")) ?? f[0] ?? l).focus();
     }
     const r = (f) => {
       if (f.key !== "Tab" || Lt[Lt.length - 1] !== l)
@@ -809,8 +809,8 @@ const Lt = [], Di = ({ ref: e, enabled: t, autoFocus: n = !0 }) => {
         f.preventDefault();
         return;
       }
-      const h = m[0], u = m[m.length - 1];
-      f.shiftKey && document.activeElement === h ? (f.preventDefault(), u.focus()) : !f.shiftKey && document.activeElement === u && (f.preventDefault(), h.focus());
+      const g = m[0], u = m[m.length - 1];
+      f.shiftKey && document.activeElement === g ? (f.preventDefault(), u.focus()) : !f.shiftKey && document.activeElement === u && (f.preventDefault(), g.focus());
     }, d = (f) => {
       const m = f.target;
       if (!l.contains(m)) {
@@ -830,11 +830,11 @@ const Lt = [], Di = ({ ref: e, enabled: t, autoFocus: n = !0 }) => {
       }, 0);
     };
   }, [t, e, n]);
-}, Ms = () => {
+}, $s = () => {
   const { theme: e } = $i(), { width: t, isPrint: n } = Qo(
-    fn.subscribe,
-    fn.getSnapshot,
-    fn.getServerSnapshot
+    pn.subscribe,
+    pn.getSnapshot,
+    pn.getServerSnapshot
   ), o = ht(() => gi(e.breakpoints), [e.breakpoints]), l = ht(
     () => yi(o, t),
     [o, t]
@@ -849,12 +849,12 @@ const Lt = [], Di = ({ ref: e, enabled: t, autoFocus: n = !0 }) => {
     breakpoints: e.breakpoints,
     br: c
   };
-}, rn = M((e, t) => {
-  const { open: n, animation: o, className: l, children: c, style: r, shape: d, ...f } = e, m = n !== !1, h = U(null), [u, s] = Z(void 0), { openingVars: a, closingVars: p, animate: b, animating: v, animationClasses: y } = nn(o, {
+}, rn = B((e, t) => {
+  const { open: n, animation: o, className: l, children: c, style: r, shape: d, ...f } = e, m = n !== !1, g = U(null), [u, s] = Z(void 0), { openingVars: a, closingVars: p, animate: b, animating: v, animationClasses: y } = nn(o, {
     animation: "fade",
     duration: 220
   });
-  wn(h, ({ height: $ }) => {
+  Nn(g, ({ height: $ }) => {
     s($);
   }, !v, !0), Li(
     () => {
@@ -863,7 +863,7 @@ const Lt = [], Di = ({ ref: e, enabled: t, autoFocus: n = !0 }) => {
     [n],
     u !== void 0
   );
-  const C = se("uui-collapse", l, We(d)), N = D(), x = D(r);
+  const C = re("uui-collapse", l, We(d)), N = F(), x = F(r);
   let S;
   return m ? (u !== void 0 && N.set("height", `${u}px`), S = a) : (N.set("height", "0px"), S = p), x.merge(S), N.merge(S), /* @__PURE__ */ i(
     "div",
@@ -872,12 +872,12 @@ const Lt = [], Di = ({ ref: e, enabled: t, autoFocus: n = !0 }) => {
       className: C,
       ...m ? {} : { inert: "" },
       style: N.get(),
-      children: /* @__PURE__ */ i("div", { className: "uui-collapse-wrapper", ref: h, children: /* @__PURE__ */ i(Ae, { ...f, className: y, ref: t, shape: d, style: x.get(), children: c }) })
+      children: /* @__PURE__ */ i("div", { className: "uui-collapse-wrapper", ref: g, children: /* @__PURE__ */ i(Fe, { ...f, className: y, ref: t, shape: d, style: x.get(), children: c }) })
     }
   );
 });
 rn.displayName = "Collapse";
-const ho = M(
+const ho = B(
   ({
     id: e,
     title: t,
@@ -889,39 +889,39 @@ const ho = M(
     animation: d,
     timeout: f,
     elevation: m = 3,
-    shape: h = "smooth",
+    shape: g = "smooth",
     status: u,
     leaving: s,
     onExitComplete: a,
     className: p,
     ...b
   }, v) => {
-    const [y, g] = Z(!1), C = U(null), N = U(!1), x = () => {
+    const [y, h] = Z(!1), C = U(null), N = U(!1), x = () => {
       if (N.current)
         return;
       N.current = !0;
-      const F = typeof d == "object" ? d.duration ?? 400 : 400;
+      const R = typeof d == "object" ? d.duration ?? 400 : 400;
       setTimeout(() => {
         a == null || a(e);
-      }, F);
+      }, R);
     };
-    me(() => {
+    pe(() => {
       if (!(!f || f === 0))
         return C.current = setTimeout(() => {
-          Ct.remove(e), g(!1), x();
+          Ct.remove(e), h(!1), x();
         }, f), () => {
           C.current && clearTimeout(C.current);
         };
     }, [e, x, f]);
-    const S = D();
+    const S = F();
     S.bg(o), S.text.on(o);
     const $ = u ? `uui-toast-${u}` : void 0;
-    me(() => {
-      g(!0);
-    }, []), me(() => {
-      s && (C.current && clearTimeout(C.current), g(!1), x());
+    pe(() => {
+      h(!0);
+    }, []), pe(() => {
+      s && (C.current && clearTimeout(C.current), h(!1), x());
     }, [s, x]);
-    const B = r ?? /* @__PURE__ */ L(nt, { children: [
+    const M = r ?? /* @__PURE__ */ L(nt, { children: [
       /* @__PURE__ */ L("div", { className: "uui-toast-text", children: [
         l && /* @__PURE__ */ i("div", { className: "uui-icon", children: l }),
         /* @__PURE__ */ L("div", { className: "uui-toast-content", children: [
@@ -937,16 +937,16 @@ const ho = M(
       ...typeof d == "string" ? { animation: d } : d
     };
     return /* @__PURE__ */ i(
-      Ae,
+      Fe,
       {
-        className: se("uui-toast", $, p),
+        className: re("uui-toast", $, p),
         elevation: m,
         font: "bodyMedium",
         ref: v,
-        shape: h,
+        shape: g,
         style: S.get(),
         ...b,
-        children: /* @__PURE__ */ i(rn, { animation: k, open: y, children: /* @__PURE__ */ i("div", { className: "uui-toast-region", id: `${e}-content`, role: "region", children: B }) })
+        children: /* @__PURE__ */ i(rn, { animation: k, open: y, children: /* @__PURE__ */ i("div", { className: "uui-toast-region", id: `${e}-content`, role: "region", children: M }) })
       }
     );
   }
@@ -961,12 +961,12 @@ const Fi = {
   bottomRight: { bottom: 16, right: 16 }
 }, Ri = ({ position: e = "bottomRight", timeout: t = 4e3, limit: n = 3 }) => {
   const [o, l] = Z([]);
-  me(() => Ct.subscribe((d) => {
+  pe(() => Ct.subscribe((d) => {
     l((f) => {
-      const m = new Map(d.map((a) => [a.id, a])), h = new Set(f.map((a) => a.id)), u = f.map((a) => {
+      const m = new Map(d.map((a) => [a.id, a])), g = new Set(f.map((a) => a.id)), u = f.map((a) => {
         const p = m.get(a.id);
         return p ? { ...p, leaving: a.leaving } : a.leaving ? a : { ...a, leaving: !0 };
-      }), s = d.filter((a) => !h.has(a.id)).map((a) => ({ ...a, leaving: !1 }));
+      }), s = d.filter((a) => !g.has(a.id)).map((a) => ({ ...a, leaving: !1 }));
       return [...u, ...s];
     });
   }), [n]);
@@ -981,34 +981,34 @@ const Fi = {
       className: "uui-toast-viewport uui-menu-scroll",
       style: Fi[e],
       children: r.map((d) => {
-        const { priority: f, leaving: m, ...h } = d, u = typeof h.action == "function" ? h.action(h.id) : h.action;
+        const { priority: f, leaving: m, ...g } = d, u = typeof g.action == "function" ? g.action(g.id) : g.action;
         return /* @__PURE__ */ i(
           ho,
           {
-            ...h,
+            ...g,
             action: u,
             leaving: m,
             onExitComplete: c,
-            timeout: h.timeout ?? t
+            timeout: g.timeout ?? t
           },
-          h.id
+          g.id
         );
       })
     }
   );
 };
-let pn = !1;
+let mn = !1;
 function Ti() {
-  if (pn)
+  if (mn)
     return;
   if (document.querySelector(".uui-toast-viewport")) {
-    pn = !0;
+    mn = !0;
     return;
   }
   const e = document.createElement("div");
-  document.body.appendChild(e), ki.createRoot(e).render(/* @__PURE__ */ i(Ri, {})), pn = !0;
+  document.body.appendChild(e), ki.createRoot(e).render(/* @__PURE__ */ i(Ri, {})), mn = !0;
 }
-function mn(e, t) {
+function hn(e, t) {
   const n = typeof e == "function" ? e(t) : e;
   return typeof n == "string" ? { description: n } : n;
 }
@@ -1021,7 +1021,7 @@ function Dt(e) {
     id: n
   }), n;
 }
-const $s = Object.assign(Dt, {
+const Es = Object.assign(Dt, {
   /** Updates an existing toast. */
   update: Ct.update,
   /** Removes a toast by id. */
@@ -1047,20 +1047,20 @@ const $s = Object.assign(Dt, {
    */
   async promise(e, t) {
     const n = Dt({
-      ...mn(t.loading, void 0),
+      ...hn(t.loading, void 0),
       timeout: 0,
       priority: !0
     });
     return e.then(
       (o) => {
-        const l = mn(t.success, o);
+        const l = hn(t.success, o);
         return Ct.update(n, {
           timeout: void 0,
           ...l
         }), o;
       },
       (o) => {
-        const l = mn(t.error, o);
+        const l = hn(t.error, o);
         throw Ct.update(n, {
           timeout: void 0,
           ...l
@@ -1072,7 +1072,7 @@ const $s = Object.assign(Dt, {
   const t = ei();
   return `${e}_${t.replace(/:/g, "")}`;
 };
-function D(e) {
+function F(e) {
   const t = { ...e || {} };
   function n(s, a) {
     t[s] = a;
@@ -1084,7 +1084,7 @@ function D(e) {
     {
       on(a) {
         if (a) {
-          const p = vn(a);
+          const p = Cn(a);
           p !== void 0 && s(o(p));
         }
       },
@@ -1111,7 +1111,7 @@ function D(e) {
     n("outlineColor", s);
   }), m = l((s) => {
     n("--uui-current-color", s);
-  }), h = l((s) => {
+  }), g = l((s) => {
     n("stroke", s);
   }), u = l((s) => {
     n("fill", s);
@@ -1122,7 +1122,7 @@ function D(e) {
     border: d,
     outline: f,
     current: m,
-    stroke: h,
+    stroke: g,
     fill: u,
     set: n,
     get() {
@@ -1136,13 +1136,13 @@ function D(e) {
     }
   };
 }
-function Mn(e) {
-  const { m: t, mx: n, my: o, mt: l, mb: c, ml: r, mr: d, top: f, right: m, bottom: h, left: u, zIndex: s, position: a, ...p } = e;
+function sn(e) {
+  const { m: t, mx: n, my: o, mt: l, mb: c, ml: r, mr: d, top: f, right: m, bottom: g, left: u, zIndex: s, position: a, ...p } = e;
   return {
     wrapperStyle: Object.fromEntries(Object.entries({
       top: f,
       right: m,
-      bottom: h,
+      bottom: g,
       left: u,
       zIndex: s,
       position: a,
@@ -1151,7 +1151,7 @@ function Mn(e) {
       marginBottom: c ?? o,
       marginLeft: r ?? n,
       marginRight: d ?? n
-    }).filter(([y, g]) => g != null)),
+    }).filter(([y, h]) => h != null)),
     otherProps: p
   };
 }
@@ -1165,22 +1165,22 @@ function Ai(e) {
   const n = document.createElement("div");
   return n.id = e, document.body.appendChild(n), n;
 }
-function sn(e, t) {
+function ln(e, t) {
   const n = Ai(e);
   return n ? oi(t, n) : null;
 }
 const Mt = (e, t, n) => {
   const o = n ?? e, l = o.querySelector(".ripple-container");
   l && l.remove();
-  const c = e.getBoundingClientRect(), r = o.getBoundingClientRect(), d = t.clientX - c.left, f = t.clientY - c.top, m = d >= 0 && d <= c.width && f >= 0 && f <= c.height, h = m ? d : c.width / 2, u = m ? f : c.height / 2, s = Math.sqrt(c.width * c.width + c.height * c.height), a = s / 2, p = document.createElement("div");
+  const c = e.getBoundingClientRect(), r = o.getBoundingClientRect(), d = t.clientX - c.left, f = t.clientY - c.top, m = d >= 0 && d <= c.width && f >= 0 && f <= c.height, g = m ? d : c.width / 2, u = m ? f : c.height / 2, s = Math.sqrt(c.width * c.width + c.height * c.height), a = s / 2, p = document.createElement("div");
   p.className = "ripple-container", p.style.position = "absolute", p.style.pointerEvents = "none", p.style.overflow = "hidden", p.style.width = `${c.width}px`, p.style.height = `${c.height}px`, p.style.left = `${c.left - r.left}px`, p.style.top = `${c.top - r.top}px`, requestAnimationFrame(() => {
     p.style.borderRadius = getComputedStyle(e).borderRadius;
   });
   const b = document.createElement("span");
-  b.className = "ripple", b.style.position = "absolute", b.style.width = `${s}px`, b.style.height = `${s}px`, b.style.left = `${h - a}px`, b.style.top = `${u - a}px`, p.appendChild(b), o.appendChild(p), b.addEventListener("animationend", () => {
+  b.className = "ripple", b.style.position = "absolute", b.style.width = `${s}px`, b.style.height = `${s}px`, b.style.left = `${g - a}px`, b.style.top = `${u - a}px`, p.appendChild(b), o.appendChild(p), b.addEventListener("animationend", () => {
     p.remove();
   });
-}, Ae = M((e, t) => {
+}, Fe = B((e, t) => {
   const {
     type: n = "flex",
     inline: o = !1,
@@ -1190,7 +1190,7 @@ const Mt = (e, t, n) => {
     border: d,
     direction: f,
     flow: m,
-    borderColor: h,
+    borderColor: g,
     elementClass: u,
     children: s,
     className: a,
@@ -1198,53 +1198,59 @@ const Mt = (e, t, n) => {
     font: b,
     fullHeight: v,
     fullWidth: y,
-    grow: g,
+    grow: h,
     p: C,
     px: N,
     py: x,
     pt: S,
     pb: $,
-    pl: B,
+    pl: M,
     pr: k,
-    gap: F,
+    gap: R,
     gapX: H,
     gapY: z,
     justifyContent: P,
     alignItems: Ce,
     placeItems: ge,
     alignContent: xe,
-    wrap: he,
-    cols: le,
+    wrap: me,
+    cols: se,
     rows: j,
     as: O,
-    row: ke,
-    col: de,
-    w: Pe,
-    h: J,
-    ...De
-  } = e, ae = O ?? "div", { wrapperStyle: ee, otherProps: ye } = Mn(De), te = D(ee);
-  te.merge(p);
-  const _ = {
-    width: Pe ?? (y ? "100%" : void 0),
-    height: J ?? (v ? "100%" : void 0),
+    width: ke,
+    height: ue,
+    minWidth: je,
+    maxWidth: J,
+    minHeight: De,
+    maxHeight: le,
+    ...ee
+  } = e, ye = O ?? "div", { wrapperStyle: he, otherProps: _ } = sn(ee), D = F(he);
+  D.merge(p);
+  const ae = {
+    width: ke ?? (y ? "100%" : void 0),
+    height: ue ?? (v ? "100%" : void 0),
+    minWidth: je,
+    maxWidth: J,
+    minHeight: De,
+    maxHeight: le,
     padding: C,
     paddingTop: S ?? x,
     paddingBottom: $ ?? x,
-    paddingLeft: B ?? N,
+    paddingLeft: M ?? N,
     paddingRight: k ?? N,
-    gap: F,
+    gap: R,
     columnGap: H,
     rowGap: z,
     justifyContent: P,
     alignItems: Ce,
     placeItems: ge,
     alignContent: xe,
-    flexWrap: he && n === "flex" ? "wrap" : void 0,
-    gridTemplateColumns: n === "grid" ? typeof le == "number" ? `repeat(${le}, 1fr)` : le : void 0,
+    flexWrap: me && n === "flex" ? "wrap" : void 0,
+    gridTemplateColumns: n === "grid" ? typeof se == "number" ? `repeat(${se}, 1fr)` : se : void 0,
     gridTemplateRows: n === "grid" ? typeof j == "number" ? `repeat(${j}, 1fr)` : j : void 0
   };
-  te.merge(_), te.border(h), te.bg(l), te.text.on(l);
-  const T = ke ? "row" : de ? "col" : f, ce = se(
+  D.merge(ae), D.border(g), D.bg(l), D.text.on(l);
+  const Re = re(
     a,
     "uui-box",
     u,
@@ -1252,19 +1258,19 @@ const Mt = (e, t, n) => {
     r && We(r),
     c !== void 0 && ut(c),
     d !== void 0 && rt(d),
-    g && "uui-grow",
+    h && "uui-grow",
     n === "flex" ? o ? "uui-flex-inline" : "uui-flex" : n === "grid" ? o ? "uui-grid-inline" : "uui-grid" : o ? "uui-inline-block" : "uui-block",
-    T && n === "flex" && `uui-flex-${T}`,
+    f && n === "flex" && `uui-flex-${f}`,
     m && n === "grid" && `uui-grid-flow-${m === "col" ? "col" : "row"}`
   );
-  return /* @__PURE__ */ i(ae, { className: ce, ref: t, ...ye, style: te.get(), children: s });
+  return /* @__PURE__ */ i(ye, { className: Re, ref: t, ..._, style: D.get(), children: s });
 });
-Ae.displayName = "BoxBase";
+Fe.displayName = "BoxBase";
 const Pt = ({ tooltip: e, align: t, triggerRef: n }) => {
   const [o, l] = Z(!1), [c, r] = Z(null), d = U(null);
-  me(() => {
-    const h = n.current;
-    if (!h)
+  pe(() => {
+    const g = n.current;
+    if (!g)
       return;
     const u = () => {
       l(!0);
@@ -1273,32 +1279,32 @@ const Pt = ({ tooltip: e, align: t, triggerRef: n }) => {
     }, a = (p) => {
       p.target.matches(":focus-visible") && l(!0);
     };
-    return h.addEventListener("mouseenter", u), h.addEventListener("mouseleave", s), h.addEventListener("focus", a), h.addEventListener("blur", s), () => {
-      h.removeEventListener("mouseenter", u), h.removeEventListener("mouseleave", s), h.removeEventListener("focus", a), h.removeEventListener("blur", s);
+    return g.addEventListener("mouseenter", u), g.addEventListener("mouseleave", s), g.addEventListener("focus", a), g.addEventListener("blur", s), () => {
+      g.removeEventListener("mouseenter", u), g.removeEventListener("mouseleave", s), g.removeEventListener("focus", a), g.removeEventListener("blur", s);
     };
-  }, [n]), me(() => {
+  }, [n]), pe(() => {
     if (!o)
       return;
-    const h = requestAnimationFrame(() => {
+    const g = requestAnimationFrame(() => {
       if (!d.current || !n.current)
         return;
-      const u = In(n, d, {
+      const u = Bn(n, d, {
         placement: t,
         offset: 8
       });
       u && r({ x: u.x, y: u.y });
     });
     return () => {
-      cancelAnimationFrame(h);
+      cancelAnimationFrame(g);
     };
   }, [t, o, n]);
-  const f = D({
+  const f = F({
     top: (c == null ? void 0 : c.y) ?? -9999,
     left: (c == null ? void 0 : c.x) ?? -9999,
     opacity: c ? 1 : 0,
     visibility: c && o ? "visible" : "hidden"
   }), m = ["uui-tooltip", "uui-font-body-small", "uui-elevation-2", "uui-corner-small"].join(" ");
-  return sn(
+  return ln(
     "uui-tooltip-root",
     /* @__PURE__ */ i("div", { className: m, ref: d, role: "tooltip", style: f.get(), children: e })
   );
@@ -1308,11 +1314,11 @@ const go = ({ start: e, end: t, content: n, className: o }) => e ?? t ?? n ? /*
   e,
   n,
   t
-] }) : null, zt = (e) => /* @__PURE__ */ i(go, { ...e, className: "uui-leading" }), Kt = (e) => /* @__PURE__ */ i(go, { ...e, className: "uui-trailing" }), ln = M(
+] }) : null, zt = (e) => /* @__PURE__ */ i(go, { ...e, className: "uui-leading" }), Kt = (e) => /* @__PURE__ */ i(go, { ...e, className: "uui-trailing" }), an = B(
   ({ control: e, label: t, description: n, className: o, textPlacement: l, spanDesc: c }, r) => /* @__PURE__ */ L(
     "div",
     {
-      className: se(o, `uui-control-grid uui-control-grid-${t && (l === "start" || l === "end") ? l : "col"}`, c && "uui-spanned"),
+      className: re(o, `uui-control-grid uui-control-grid-${t && (l === "start" || l === "end") ? l : "col"}`, c && "uui-spanned"),
       ref: r,
       children: [
         (l === "start" || l === "top") && t,
@@ -1323,7 +1329,7 @@ const go = ({ start: e, end: t, content: n, className: o }) => e ?? t ?? n ? /*
     }
   )
 );
-ln.displayName = "ControlGrid";
+an.displayName = "ControlGrid";
 const $n = ({
   label: e,
   htmlFor: t,
@@ -1335,7 +1341,7 @@ const $n = ({
 }) => {
   if (!e)
     return null;
-  const d = se("uui-control-label", Ee(l ?? "bodyMedium"));
+  const d = re("uui-control-label", Ee(l ?? "bodyMedium"));
   return /* @__PURE__ */ L(
     r,
     {
@@ -1352,11 +1358,11 @@ const $n = ({
       ]
     }
   );
-}, an = ({ description: e, error: t, ...n }) => {
+}, cn = ({ description: e, error: t, ...n }) => {
   const o = t ?? e;
   if (!o)
     return null;
-  const l = se(
+  const l = re(
     "uui-support-text",
     Ee("bodySmall"),
     !!t && "uui-error",
@@ -1364,8 +1370,8 @@ const $n = ({
   );
   return /* @__PURE__ */ i("div", { className: l, ...n, children: o });
 }, En = ({ icon: e, className: t, color: n }) => {
-  const o = D();
-  return o.text(n), e ? /* @__PURE__ */ i("div", { className: se("uui-icon", t), style: o.get(), children: e }) : null;
+  const o = F();
+  return o.text(n), e ? /* @__PURE__ */ i("div", { className: re("uui-icon", t), style: o.get(), children: e }) : null;
 };
 En.displayName = "Icon";
 const yo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { d: "M10 17V7L15 12L10 17Z" }) }), bo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { d: "M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" }) }), Pi = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { d: "M7.825 13L13.425 18.6L12 20L4 12L12 4L13.425 5.4L7.825 11H20V13H7.825Z" }) }), ji = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { d: "M12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8Z" }) }), Oi = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "3 3 18 18", children: /* @__PURE__ */ i("path", { d: "M10 16.4L6 12.4L7.4 11L10 13.6L16.6 7L18 8.4L10 16.4Z" }) }), Hi = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "3 3 18 18", children: /* @__PURE__ */ i("path", { d: "M6 13V11H18V13H6Z" }) }), _i = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "2 2 20 20", children: /* @__PURE__ */ i("path", { d: "M12 17C13.3833 17 14.5625 16.5125 15.5375 15.5375C16.5125 14.5625 17 13.3833 17 12C17 10.6167 16.5125 9.4375 15.5375 8.4625C14.5625 7.4875 13.3833 7 12 7C10.6167 7 9.4375 7.4875 8.4625 8.4625C7.4875 9.4375 7 10.6167 7 12C7 13.3833 7.4875 14.5625 8.4625 15.5375C9.4375 16.5125 10.6167 17 12 17Z" }) }), Wi = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { d: "M9.5501 18L3.8501 12.3L5.2751 10.875L9.5501 15.15L18.7251 5.97498L20.1501 7.39998L9.5501 18Z" }) }), Ui = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { d: "M9.5501 18L3.8501 12.3L5.2751 10.875L9.5501 15.15L18.7251 5.97498L20.1501 7.39998L9.5501 18Z" }) }), vo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { d: "M12 17C13.3833 17 14.5625 16.5125 15.5375 15.5375C16.5125 14.5625 17 13.3833 17 12C17 10.6167 16.5125 9.4375 15.5375 8.4625C14.5625 7.4875 13.3833 7 12 7C10.6167 7 9.4375 7.4875 8.4625 8.4625C7.4875 9.4375 7 10.6167 7 12C7 13.3833 7.4875 14.5625 8.4625 15.5375C9.4375 16.5125 10.6167 17 12 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" }) }), Co = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { d: "M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" }) }), xo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { d: "M12 15.0833L7 10.0833L8.16667 8.91663L12 12.7499L15.8333 8.91663L17 10.0833L12 15.0833Z" }) }), zi = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { d: "M8.85 16.825L12 14.925L15.15 16.85L14.325 13.25L17.1 10.85L13.45 10.525L12 7.125L10.55 10.5L6.9 10.825L9.675 13.25L8.85 16.825ZM5.825 21L7.45 13.975L2 9.25L9.2 8.625L12 2L14.8 8.625L22 9.25L16.55 13.975L18.175 21L12 17.275L5.825 21Z" }) }), Ki = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { d: "M5.825 21L7.45 13.975L2 9.25L9.2 8.625L12 2L14.8 8.625L22 9.25L16.55 13.975L18.175 21L12 17.275L5.825 21Z" }) }), wo = ({ trackProps: e, indicatorProps: t, ...n }) => /* @__PURE__ */ L("svg", { fill: "none", viewBox: "0 0 40 40", ...n, children: [
@@ -1452,17 +1458,17 @@ const yo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24"
   style: d,
   ...f
 }) => {
-  const m = se(
+  const m = re(
     c,
     "uui-spinner",
     `uui-spinner-${Tt(e)}`,
     !t && ft(o),
     l && "uui-spinner-inline"
-  ), { wrapperStyle: h, otherProps: u } = Mn(f), s = D(h);
+  ), { wrapperStyle: g, otherProps: u } = sn(f), s = F(g);
   s.text(n), s.merge(d);
   const a = er[e], p = r ? { role: "status", "aria-live": "polite", "aria-label": r } : { "aria-hidden": !0 };
   return /* @__PURE__ */ i(a, { className: m, style: s.get(), ...u, ...p });
-}, jt = M((e, t) => {
+}, jt = B((e, t) => {
   const {
     color: n,
     selectedColor: o,
@@ -1472,7 +1478,7 @@ const yo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24"
     type: d = "button",
     size: f = "small",
     border: m,
-    borderColor: h,
+    borderColor: g,
     hoverEffects: u = ["overlay", "elevate"],
     pressedEffects: s = ["overlay", "elevate"],
     touchEffects: a = ["ripple"],
@@ -1480,51 +1486,51 @@ const yo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24"
     focusEffects: b = ["ring", "overlay"],
     children: v,
     outlined: y = !1,
-    filled: g = !1,
+    filled: h = !1,
     tonal: C = !1,
     elevated: N = !1,
     flat: x = !1,
     elevation: S,
     disabled: $,
-    textColor: B,
+    textColor: M,
     selectedTextColor: k,
-    shape: F = "round",
+    shape: R = "round",
     selectedShape: H = "rounded",
     icon: z,
     selectedIcon: P,
     leading: Ce,
     endIcon: ge,
     trailing: xe,
-    onClick: he,
-    elementClass: le,
+    onClick: me,
+    elementClass: se,
     font: j = "labelLarge",
     upload: O,
     uploadAccept: ke,
-    uploadMultiple: de,
-    onUploadChange: Pe,
+    uploadMultiple: ue,
+    onUploadChange: je,
     id: J = "",
     name: De = "",
-    loading: ae,
+    loading: le,
     fullWidth: ee = !1,
     link: ye,
-    selected: te,
+    selected: he,
     defaultSelected: _,
-    toggle: T = !1,
-    tooltipAlign: ce = "auto",
-    density: je,
-    style: Fe,
+    toggle: D = !1,
+    tooltipAlign: ae = "auto",
+    density: Re,
+    style: Te,
     "aria-label": Se,
     ...W
-  } = e, ne = te !== void 0, [Q, fe] = Z(_ ?? !1), Me = ne ? te : Q, ie = U(null), Le = U(null), $e = U(null), Ke = Nt("button"), Ie = J || De || Ke, pe = ye ? et.cloneElement(ye, { ref: Le, style: { display: "none" } }) : null, we = [
-    le,
+  } = e, te = he !== void 0, [Q, de] = Z(_ ?? !1), Me = te ? he : Q, oe = U(null), Le = U(null), $e = U(null), Ke = Nt("button"), Ie = J || De || Ke, fe = ye ? et.cloneElement(ye, { ref: Le, style: { display: "none" } }) : null, we = [
+    se,
     l,
     "uui-bb",
-    ot(je),
+    ot(Re),
     ...ee ? ["uui-w-full"] : []
-  ].filter(Boolean).join(" "), re = [
+  ].filter(Boolean).join(" "), ie = [
     "uui-btn-control",
     Ee(j),
-    ...g ? ["uui-filled"] : [],
+    ...h ? ["uui-filled"] : [],
     ...N ? ["uui-elevated"] : [],
     ...C ? ["uui-tonal"] : [],
     ...y ? ["uui-outlined"] : [],
@@ -1533,16 +1539,16 @@ const yo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24"
     ...u.includes("overlay") ? ["uui-hover-overlay"] : [],
     ...s.includes("overlay") ? ["uui-pressed-overlay"] : [],
     ...p.includes("overlay") ? ["uui-selected-overlay"] : [],
-    ...ae ? ["uui-loading"] : [],
+    ...le ? ["uui-loading"] : [],
     ...ee ? ["uui-w-full"] : [],
     ...v ? [] : [ft(f)],
     ...Me ? ["uui-selected"] : []
-  ], Be = ["uui-state"], ue = T && Me && p.includes("morph") ? We(H) : We(F);
-  re.push(ue), Be.push(ue);
-  const Ne = "uui-icon", G = T && Me ? P ?? Ce ?? z : Ce ?? z, K = ae ? /* @__PURE__ */ i("div", { className: Ne, children: /* @__PURE__ */ i(tr, {}) }) : G && /* @__PURE__ */ i("div", { className: Ne, children: G }), He = (xe ?? ge) && /* @__PURE__ */ i("div", { className: Ne, children: xe ?? ge });
+  ], Be = ["uui-state"], ce = D && Me && p.includes("morph") ? We(H) : We(R);
+  ie.push(ce), Be.push(ce);
+  const Ne = "uui-icon", G = D && Me ? P ?? Ce ?? z : Ce ?? z, K = le ? /* @__PURE__ */ i("div", { className: Ne, children: /* @__PURE__ */ i(tr, {}) }) : G && /* @__PURE__ */ i("div", { className: Ne, children: G }), He = (xe ?? ge) && /* @__PURE__ */ i("div", { className: Ne, children: xe ?? ge });
   let be;
   if (v) {
-    const E = ["uui-btn-content uui-overflow-hidden", ue, Ee(j)].filter(Boolean).join(" ");
+    const E = ["uui-btn-content uui-overflow-hidden", ce, Ee(j)].filter(Boolean).join(" ");
     be = /* @__PURE__ */ i("div", { className: E, children: v });
   } else
     be = /* @__PURE__ */ L("div", { className: "uui-btn-content", children: [
@@ -1550,34 +1556,34 @@ const yo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24"
       c && /* @__PURE__ */ i("span", { className: "uui-label " + Ee(j), children: c }),
       He
     ] });
-  const I = D(Fe), Y = D();
+  const I = F(Te), Y = F();
   if (y || m !== void 0) {
-    I.border(tn(h));
-    const Te = rt(m ?? (y ? 1 : 0));
-    re.push(Te);
+    I.border(tn(g));
+    const Ae = rt(m ?? (y ? 1 : 0));
+    ie.push(Ae);
   }
-  let Re = S;
-  S === void 0 && (C || g ? x || (Re = N ? 1 : 0) : N && (Re = 1));
-  const oe = [
+  let Ve = S;
+  S === void 0 && (C || h ? x || (Ve = N ? 1 : 0) : N && (Ve = 1));
+  const ne = [
     ...u.includes("elevate") && !x ? ["uui-hover-elevate"] : [],
     ...s.includes("elevate") && !x ? ["uui-pressed-elevate"] : []
   ];
-  re.push(...oe, ut(Re));
+  ie.push(...ne, ut(Ve));
   const Ge = () => {
-    g ? (I.bg(n ?? "primary"), Y.bg.on(n ?? "primary"), B ? I.text(B) : I.text.on(n ?? "primary")) : C ? (I.bg.container("secondary"), Y.bg.onContainer("secondary"), B ? I.text(B) : I.text.onContainer("secondary")) : N ? (I.bg("surfaceContainerLow"), I.text(B ?? n ?? "primary"), Y.bg(n ?? "primary")) : y && !B ? (I.text.on("surfaceVariant"), Y.bg.on("surfaceVariant")) : (I.text(B ?? n), Y.bg(B ?? n));
+    h ? (I.bg(n ?? "primary"), Y.bg.on(n ?? "primary"), M ? I.text(M) : I.text.on(n ?? "primary")) : C ? (I.bg.container("secondary"), Y.bg.onContainer("secondary"), M ? I.text(M) : I.text.onContainer("secondary")) : N ? (I.bg("surfaceContainerLow"), I.text(M ?? n ?? "primary"), Y.bg(n ?? "primary")) : y && !M ? (I.text.on("surfaceVariant"), Y.bg.on("surfaceVariant")) : (I.text(M ?? n), Y.bg(M ?? n));
   }, ze = () => {
-    n ? (I.bg(n), Y.bg.on(n), I.text.on(n)) : g ? (I.bg("surfaceContainer"), Y.bg.on("surfaceContainer"), I.text.on("surfaceVariant")) : N ? (I.bg("surfaceContainerLow"), Y.bg.on("surfaceContainerLow"), I.text("primary")) : C ? (I.bg.container("secondary"), Y.bg("secondary"), I.text.onContainer("secondary")) : y && !B ? (I.text.on("surfaceVariant"), Y.bg.on("surfaceVariant")) : (I.text(B ?? n ?? "primary"), Y.bg(B ?? n ?? "primary")), B && I.text(B);
+    n ? (I.bg(n), Y.bg.on(n), I.text.on(n)) : h ? (I.bg("surfaceContainer"), Y.bg.on("surfaceContainer"), I.text.on("surfaceVariant")) : N ? (I.bg("surfaceContainerLow"), Y.bg.on("surfaceContainerLow"), I.text("primary")) : C ? (I.bg.container("secondary"), Y.bg("secondary"), I.text.onContainer("secondary")) : y && !M ? (I.text.on("surfaceVariant"), Y.bg.on("surfaceVariant")) : (I.text(M ?? n ?? "primary"), Y.bg(M ?? n ?? "primary")), M && I.text(M);
   }, Ze = () => {
     const E = o ?? n ?? "primary";
     C && !o ? (I.bg("secondary"), Y.bg.on("secondary"), k ? I.text(k) : I.text.on("secondary")) : y && !o ? (I.bg("inverseSurface"), Y.bg.on("inverseSurface"), k ? I.text(k) : I.text.on("inverseSurface")) : (I.bg(E), Y.bg.on(E), k ? I.text(k) : I.text.on(E));
   };
-  T && p.includes("color") ? Me ? Ze() : ze() : Ge();
+  D && p.includes("color") ? Me ? Ze() : ze() : Ge();
   const qe = (E) => {
-    var Te;
+    var Ae;
     if (!$) {
-      if (T) {
+      if (D) {
         const _e = !Me;
-        ne || fe(_e), (Te = e.onChange) == null || Te.call(e, {
+        te || de(_e), (Ae = e.onChange) == null || Ae.call(e, {
           ...E,
           target: {
             ...E.target,
@@ -1590,13 +1596,13 @@ const yo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24"
         Le.current.click();
         return;
       }
-      if (O && ie.current) {
-        ie.current.click();
+      if (O && oe.current) {
+        oe.current.click();
         return;
       }
-      he && he(E), a.includes("ripple") && Mt(E.currentTarget, E);
+      me && me(E), a.includes("ripple") && Mt(E.currentTarget, E);
     }
-  }, R = r ? /* @__PURE__ */ i("div", { id: `${Ie}-tip`, children: r }) : null;
+  }, T = r ? /* @__PURE__ */ i("div", { id: `${Ie}-tip`, children: r }) : null;
   let q;
   c && v && (q = c), !c && !v && (q = r);
   const V = Se ?? q;
@@ -1606,9 +1612,9 @@ const yo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24"
       {
         accept: ke,
         "aria-labelledby": Ie,
-        multiple: de,
-        onChange: Pe,
-        ref: ie,
+        multiple: ue,
+        onChange: je,
+        ref: oe,
         style: { display: "none" },
         type: "file"
       }
@@ -1616,12 +1622,12 @@ const yo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24"
     /* @__PURE__ */ L(
       "button",
       {
-        "aria-busy": ae,
+        "aria-busy": le,
         "aria-describedby": r ? `${Ie}-tip` : void 0,
         "aria-haspopup": O ? "dialog" : void 0,
         "aria-label": V,
-        "aria-pressed": T ? Me : void 0,
-        className: re.join(" "),
+        "aria-pressed": D ? Me : void 0,
+        className: ie.join(" "),
         disabled: $,
         id: Ie,
         name: De || void 0,
@@ -1636,12 +1642,12 @@ const yo = /* @__PURE__ */ i("svg", { fill: "currentColor", viewBox: "0 0 24 24"
         ]
       }
     ),
-    pe,
-    R && /* @__PURE__ */ i(Pt, { align: ce, tooltip: R, triggerRef: $e })
+    fe,
+    T && /* @__PURE__ */ i(Pt, { align: ae, tooltip: T, triggerRef: $e })
   ] });
 });
 jt.displayName = "ButtonBase";
-const Dn = M((e, t) => {
+const Dn = B((e, t) => {
   const {
     elementClass: n,
     density: o,
@@ -1651,7 +1657,7 @@ const Dn = M((e, t) => {
     checked: d,
     children: f,
     color: m,
-    uncheckedColor: h,
+    uncheckedColor: g,
     defaultChecked: u,
     indeterminate: s,
     hoverEffects: a = ["overlay"],
@@ -1659,42 +1665,42 @@ const Dn = M((e, t) => {
     focusEffects: b = ["ring"],
     selectedEffects: v = [],
     pressedEffects: y = ["overlay"],
-    id: g,
+    id: h,
     name: C,
     label: N,
     font: x,
     border: S,
     borderColor: $,
-    uncheckedBorder: B,
+    uncheckedBorder: M,
     uncheckedBorderColor: k,
-    onChange: F,
+    onChange: R,
     onFocus: H,
     onBlur: z,
     onClick: P,
     type: Ce,
     required: ge,
     shape: xe = "smooth",
-    title: he,
-    filled: le,
+    title: me,
+    filled: se,
     value: j,
     size: O = "small",
     uncheckedIcon: ke,
-    indeterminateIcon: de,
-    description: Pe,
+    indeterminateIcon: ue,
+    description: je,
     descriptionColor: J,
     descriptionFont: De,
-    className: ae,
+    className: le,
     error: ee,
     animation: ye,
-    focusColor: te,
+    focusColor: he,
     labelColor: _,
-    textColor: T,
-    readOnly: ce,
-    tooltipAlign: je = "auto",
-    textPlacement: Fe = "end",
+    textColor: D,
+    readOnly: ae,
+    tooltipAlign: Re = "auto",
+    textPlacement: Te = "end",
     "aria-label": Se,
     ...W
-  } = e, { animationVars: ne, animate: Q, animating: fe, animationClasses: Me } = nn(
+  } = e, { animationVars: te, animate: Q, animating: de, animationClasses: Me } = nn(
     ye,
     {
       animation: "none",
@@ -1702,111 +1708,111 @@ const Dn = M((e, t) => {
       style: "regular"
     },
     { oneShot: !0 }
-  ), ie = Bt(uo), Le = Ce === "radio" ? C ?? (ie == null ? void 0 : ie.name) : C, $e = Bt(on), Ke = c ?? ($e == null ? void 0 : $e.disabled), { focusVisible: Ie, isFocused: pe, focusHandlers: we } = wt(H, z), re = U(null), Be = U(null), ue = U(null), Ne = Nt("check"), G = g ?? Ne, K = d !== void 0, [He, be] = Z(u ?? !1);
+  ), oe = Bt(uo), Le = Ce === "radio" ? C ?? (oe == null ? void 0 : oe.name) : C, $e = Bt(on), Ke = c ?? ($e == null ? void 0 : $e.disabled), { focusVisible: Ie, isFocused: fe, focusHandlers: we } = wt(H, z), ie = U(null), Be = U(null), ce = U(null), Ne = Nt("check"), G = h ?? Ne, K = d !== void 0, [He, be] = Z(u ?? !1);
   let I;
-  K ? I = !!d : (ie == null ? void 0 : ie.value) !== void 0 ? I = ie.value === j : I = He;
-  const Y = s ? "indeterminate" : I ? "checked" : "unchecked", [Re, oe] = Z(Y), Ge = Se ?? (N ? void 0 : he), ze = ee ? "error" : !I && !s && h ? h : m, Ze = he ? /* @__PURE__ */ i("div", { id: `${G}-tip`, children: he }) : null, qe = (Je) => {
-    if (ce) {
+  K ? I = !!d : (oe == null ? void 0 : oe.value) !== void 0 ? I = oe.value === j : I = He;
+  const Y = s ? "indeterminate" : I ? "checked" : "unchecked", [Ve, ne] = Z(Y), Ge = Se ?? (N ? void 0 : me), ze = ee ? "error" : !I && !s && g ? g : m, Ze = me ? /* @__PURE__ */ i("div", { id: `${G}-tip`, children: me }) : null, qe = (Je) => {
+    if (ae) {
       Je.preventDefault();
       return;
     }
     const Ht = Je.currentTarget;
-    K || (Ce === "radio" && (ie != null && ie.setValue) && ie.setValue(Ht.value), be(Ht.checked)), F == null || F(Je);
-  }, R = (Je) => {
-    if (ce) {
+    K || (Ce === "radio" && (oe != null && oe.setValue) && oe.setValue(Ht.value), be(Ht.checked)), R == null || R(Je);
+  }, T = (Je) => {
+    if (ae) {
       Je.preventDefault();
       return;
     }
-    p.includes("ripple") && ue.current && Be.current && Mt(ue.current, Je, Be.current), P == null || P(Je);
+    p.includes("ripple") && ce.current && Be.current && Mt(ce.current, Je, Be.current), P == null || P(Je);
   };
-  me(() => {
-    Y !== Re && ye && Q();
-  }, [Y, Re, ye, Q]), me(() => {
-    fe || oe(Y);
-  }, [fe, Y]);
-  const q = D(), V = [
+  pe(() => {
+    Y !== Ve && ye && Q();
+  }, [Y, Ve, ye, Q]), pe(() => {
+    de || ne(Y);
+  }, [de, Y]);
+  const q = F(), V = [
     n,
     "uui-cb",
     ot(o),
-    ae,
+    le,
     Ke && "uui-disabled",
     ...f ? [] : [ft(O)]
   ].filter(Boolean).join(" "), E = [
     "uui-cb-control",
     I && "uui-checked",
     s && "uui-indeterminate",
-    le && "uui-filled",
-    ...a.includes("overlay") && !ce ? ["uui-hover-overlay"] : [],
-    ...b.includes("overlay") && Ie && pe ? ["uui-focus-overlay"] : [],
+    se && "uui-filled",
+    ...a.includes("overlay") && !ae ? ["uui-hover-overlay"] : [],
+    ...b.includes("overlay") && Ie && fe ? ["uui-focus-overlay"] : [],
     ...v.includes("overlay") ? ["uui-selected-overlay"] : [],
-    ...y.includes("overlay") && !ce ? ["uui-pressed-overlay"] : [],
+    ...y.includes("overlay") && !ae ? ["uui-pressed-overlay"] : [],
     ...f ? [We(xe)] : ["uui-round"]
-  ].filter(Boolean).join(" "), Te = D();
-  te && Ie && pe && Te.set("--uui-focus-color", so(te).color);
+  ].filter(Boolean).join(" "), Ae = F();
+  he && Ie && fe && Ae.set("--uui-focus-color", so(he).color);
   const _e = [
     "uui-input",
-    b.includes("ring") && Ie && pe && "uui-focus-visible uui-focus-ring"
-  ].filter(Boolean).join(" "), mt = ["uui-state"].filter(Boolean).join(" "), $t = D();
+    b.includes("ring") && Ie && fe && "uui-focus-visible uui-focus-ring"
+  ].filter(Boolean).join(" "), mt = ["uui-state"].filter(Boolean).join(" "), $t = F();
   $t.bg(ze);
   const Ye = [
     "uui-cb-glyph",
     ut(r),
     We(xe),
-    rt(I ? S : B)
-  ].filter(Boolean).join(" "), gt = D(), Xe = ["uui-icon", Me].filter(Boolean).join(" "), ve = D();
-  ve.merge(ne), I || s || h ? (gt.border(ee ? "error" : $), le ? (!I && !ke && !s || gt.bg(ze), ve.text.on(ze)) : ve.text(ze)) : (le && ke ? (ve.text(ee ? "onError" : "surface"), gt.bg(ee ? "error" : "onSurfaceVariant")) : ke && ve.text(ee ? "error" : "onSurfaceVariant"), gt.border(ee ? "error" : k));
+    rt(I ? S : M)
+  ].filter(Boolean).join(" "), gt = F(), Xe = ["uui-icon", Me].filter(Boolean).join(" "), ve = F();
+  ve.merge(te), I || s || g ? (gt.border(ee ? "error" : $), se ? (!I && !ke && !s || gt.bg(ze), ve.text.on(ze)) : ve.text(ze)) : (se && ke ? (ve.text(ee ? "onError" : "surface"), gt.bg(ee ? "error" : "onSurfaceVariant")) : ke && ve.text(ee ? "error" : "onSurfaceVariant"), gt.border(ee ? "error" : k));
   let it;
   if (f) {
     const Je = ["uui-cb-content uui-overflow-hidden", We(xe), rt(S)].filter(Boolean).join(" ");
     it = /* @__PURE__ */ i("div", { className: Je, children: f });
   } else {
-    const Je = Re === "indeterminate" ? de : Re === "checked" ? l : ke;
+    const Je = Ve === "indeterminate" ? ue : Ve === "checked" ? l : ke;
     it = /* @__PURE__ */ i("div", { className: Ye, style: gt.get(), children: /* @__PURE__ */ i("div", { className: Xe, style: ve.get(), children: Je }) });
   }
-  const yt = D();
-  yt.text((ee ? "error" : void 0) ?? _ ?? T ?? "onSurface");
+  const yt = F();
+  yt.text((ee ? "error" : void 0) ?? _ ?? D ?? "onSurface");
   const kt = [Ee(x ?? "bodyMedium"), "uui-cb-label"].join(" "), Ot = N && /* @__PURE__ */ L("label", { className: kt, htmlFor: G, style: yt.get(), children: [
     N,
     ge && /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
-  ] }), St = D(), bt = D();
-  Fe === "end" ? (yt.set("gridColumn", 2), St.set("gridColumn", 2), bt.set("gridColumn", 1)) : Fe === "start" ? (yt.set("gridColumn", 1), St.set("gridColumn", 1), bt.set("gridColumn", 2), bt.set("gridRow", 1)) : (q.set("gridTemplateColumns", "1fr"), q.set("justifyItems", "start")), Fe === "top" && (bt.set("order", 1), St.set("order", 2));
-  const lt = /* @__PURE__ */ i(an, { description: Pe, error: ee, style: St.get() }), vt = (Ot ?? lt) && /* @__PURE__ */ L(nt, { children: [
+  ] }), St = F(), bt = F();
+  Te === "end" ? (yt.set("gridColumn", 2), St.set("gridColumn", 2), bt.set("gridColumn", 1)) : Te === "start" ? (yt.set("gridColumn", 1), St.set("gridColumn", 1), bt.set("gridColumn", 2), bt.set("gridRow", 1)) : (q.set("gridTemplateColumns", "1fr"), q.set("justifyItems", "start")), Te === "top" && (bt.set("order", 1), St.set("order", 2));
+  const lt = /* @__PURE__ */ i(cn, { description: je, error: ee, style: St.get() }), vt = (Ot ?? lt) && /* @__PURE__ */ L(nt, { children: [
     Ot,
     lt
   ] });
   return /* @__PURE__ */ L("div", { className: V, style: q.get(), children: [
-    /* @__PURE__ */ i("div", { className: "uui-cb-control-wrapper", style: bt.get(), children: /* @__PURE__ */ L("div", { className: E, ref: Be, style: Te.get(), children: [
+    /* @__PURE__ */ i("div", { className: "uui-cb-control-wrapper", style: bt.get(), children: /* @__PURE__ */ L("div", { className: E, ref: Be, style: Ae.get(), children: [
       /* @__PURE__ */ i(
         "input",
         {
           ...we,
           "aria-label": Ge,
-          "aria-readonly": ce === !0 ? !0 : void 0,
+          "aria-readonly": ae === !0 ? !0 : void 0,
           checked: !!I,
           className: _e,
           disabled: Ke,
           id: G,
           name: Le,
           onChange: qe,
-          onClick: R,
-          readOnly: ce,
-          ref: st(re, t),
+          onClick: T,
+          readOnly: ae,
+          ref: st(ie, t),
           type: Ce,
           value: j,
           ...W
         }
       ),
-      /* @__PURE__ */ i("div", { className: mt, ref: ue, style: $t.get() }),
+      /* @__PURE__ */ i("div", { className: mt, ref: ce, style: $t.get() }),
       it
     ] }) }),
     vt,
-    Ze && /* @__PURE__ */ i(Pt, { align: je, tooltip: Ze, triggerRef: re })
+    Ze && /* @__PURE__ */ i(Pt, { align: Re, tooltip: Ze, triggerRef: ie })
   ] });
 });
 Dn.displayName = "CheckBoxBase";
-const nr = M((e, t) => /* @__PURE__ */ i(dn, { ref: t, ...e, elementClass: "uui-dialog" }));
+const nr = B((e, t) => /* @__PURE__ */ i(fn, { ref: t, ...e, elementClass: "uui-dialog" }));
 nr.displayName = "Dialog";
-const Vt = M(
+const Vt = B(
   ({
     "aria-label": e,
     endIcon: t,
@@ -1818,10 +1824,10 @@ const Vt = M(
     title: d,
     children: f,
     ...m
-  }, h) => /* @__PURE__ */ i(
+  }, g) => /* @__PURE__ */ i(
     jt,
     {
-      ref: h,
+      ref: g,
       ...m,
       "aria-label": e ?? r,
       elementClass: "uui-icon-button",
@@ -1839,14 +1845,14 @@ function At(e) {
   return dt(e) && typeof e.type != "string" && !!e.type[No];
 }
 const Fn = Symbol.for("uui.menuitem");
-function hn(e) {
+function gn(e) {
   return dt(e) && typeof e.type != "string" && !!e.type[Fn];
 }
 const ko = Symbol.for("uui.divider");
-function gn(e) {
+function yn(e) {
   return dt(e) && typeof e.type != "string" && !!e.type[ko];
 }
-const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
+const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, un = B(
   ({
     anchorRef: e,
     open: t = !1,
@@ -1858,7 +1864,7 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
     elevation: d,
     dockedElevation: f,
     shape: m,
-    border: h,
+    border: g,
     borderColor: u,
     className: s,
     children: a,
@@ -1866,63 +1872,63 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
     id: b,
     onClose: v,
     variant: y = "classic",
-    animation: g = "scale",
+    animation: h = "scale",
     duration: C,
     motionStyle: N = "regular",
     fixedLeading: x,
     density: S,
     __level: $,
-    __groupId: B,
+    __groupId: M,
     __closeRootMenu: k,
-    __navigateHorizontal: F,
+    __navigateHorizontal: R,
     __horizontalDepth: H,
     docked: z,
     textColor: P,
     descriptionColor: Ce,
     labelColor: ge,
     shortcutColor: xe,
-    uncheckedIcon: he,
-    checkedIcon: le,
+    uncheckedIcon: me,
+    checkedIcon: se,
     radioUncheckedIcon: j,
     radioCheckedIcon: O,
     selectedColor: ke,
-    itemTouchEffects: de,
-    itemSelectedEffects: Pe,
+    itemTouchEffects: ue,
+    itemSelectedEffects: je,
     itemFocusEffects: J,
     closeOnChange: De = !1,
-    openOnHover: ae = !0,
+    openOnHover: le = !0,
     labelFont: ee,
     font: ye,
-    descriptionFont: te,
+    descriptionFont: he,
     shortcutFont: _,
-    onFocus: T,
-    onBlur: ce,
-    ...je
-  }, Fe) => {
+    onFocus: D,
+    onBlur: ae,
+    ...Re
+  }, Te) => {
     var zn;
-    const Se = U("closed"), [W, ne] = Z(-1), [Q, fe] = Z(-1), { focusVisible: Me, isFocused: ie, focusHandlers: Le } = wt(T, ce), $e = $ ?? 0, Ke = Nt("menu"), Ie = Nt("uui-menu-surface"), pe = B ?? b ?? Ke, we = Ie, re = U(null), Be = U(null), [ue, Ne] = Z(null), G = W === -1, [K, He] = Z(!1), [be, I] = Z(!1), [Y, Re] = Z("normal"), [oe, Ge] = Z(!1), [ze, Ze] = Z(-1), qe = r ?? (y === "modern" ? "surfaceContainerLow" : "surfaceContainer"), R = (z ? f : void 0) ?? d ?? (y === "modern" ? 3 : 2), [q, V] = Z(!1), E = g !== "none" ? C ?? 220 : 0, Te = z ? 0 : E, _e = U(null), mt = U(null), $t = U(!1), Ye = W !== -1;
+    const Se = U("closed"), [W, te] = Z(-1), [Q, de] = Z(-1), { focusVisible: Me, isFocused: oe, focusHandlers: Le } = wt(D, ae), $e = $ ?? 0, Ke = Nt("menu"), Ie = Nt("uui-menu-surface"), fe = M ?? b ?? Ke, we = Ie, ie = U(null), Be = U(null), [ce, Ne] = Z(null), G = W === -1, [K, He] = Z(!1), [be, I] = Z(!1), [Y, Ve] = Z("normal"), [ne, Ge] = Z(!1), [ze, Ze] = Z(-1), qe = r ?? (y === "modern" ? "surfaceContainerLow" : "surfaceContainer"), T = (z ? f : void 0) ?? d ?? (y === "modern" ? 3 : 2), [q, V] = Z(!1), E = h !== "none" ? C ?? 220 : 0, Ae = z ? 0 : E, _e = U(null), mt = U(null), $t = U(!1), Ye = W !== -1;
     function gt(w) {
-      return hn(w) || gn(w);
+      return gn(w) || yn(w);
     }
-    const Xe = et.Children.toArray(a).filter(gt), ve = Xe.reduce((w, A, X) => (hn(A) && (A.props.disabled || w.push(X)), w), []);
+    const Xe = et.Children.toArray(a).filter(gt), ve = Xe.reduce((w, A, X) => (gn(A) && (A.props.disabled || w.push(X)), w), []);
     function it() {
-      Ye && (V(!0), ne(-1));
+      Ye && (V(!0), te(-1));
     }
     function yt() {
-      v == null || v(), !v && Ye && (it(), fe(-1)), $e === 0 && (e != null && e.current) && e.current.focus();
+      v == null || v(), !v && Ye && (it(), de(-1)), $e === 0 && (e != null && e.current) && e.current.focus();
     }
     function kt() {
       k ? k() : yt();
     }
     function Ot(w) {
-      return !re.current || w === -1 ? null : re.current.querySelector(`[data-menu-index="${String(w)}"]`);
+      return !ie.current || w === -1 ? null : ie.current.querySelector(`[data-menu-index="${String(w)}"]`);
     }
     function St(w) {
       return `${we}-i${w}`;
     }
     function bt(w) {
       const X = et.Children.toArray(Xe[w].props.children).find((at) => At(at));
-      return dt(X) ? et.Children.toArray(X.props.children).filter((at) => gn(at) || gt(at)) : void 0;
+      return dt(X) ? et.Children.toArray(X.props.children).filter((at) => yn(at) || gt(at)) : void 0;
     }
     function lt(w) {
       if (w === -1 || ve.indexOf(w) === -1)
@@ -1935,7 +1941,7 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
       if (!X || X.length === 0)
         return;
       const Oe = Ot(w);
-      Oe && (Be.current = Oe, V(!0), ne(w), setTimeout(() => {
+      Oe && (Be.current = Oe, V(!0), te(w), setTimeout(() => {
         V(!1);
       }, E));
     }
@@ -1949,9 +1955,9 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
       if (A === -1)
         return;
       let X;
-      w ? X = ve[A + 1 < ve.length ? A + 1 : 0] : X = A > 0 ? ve[A - 1] : ve[ve.length - 1], X !== Q && (fe(X), vt(X) ? lt(X) : it());
+      w ? X = ve[A + 1 < ve.length ? A + 1 : 0] : X = A > 0 ? ve[A - 1] : ve[ve.length - 1], X !== Q && (de(X), vt(X) ? lt(X) : it());
     }
-    me(() => {
+    pe(() => {
       const w = $t.current, A = Ye;
       if (w && !A) {
         const X = window.setTimeout(() => {
@@ -1962,18 +1968,18 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
         };
       }
       $t.current = A;
-    }, [E, Ye]), me(() => {
+    }, [E, Ye]), pe(() => {
       var w;
-      !Ye && oe && (Ge(!1), ne(-1), ze !== -1 ? (Ze(-1), lt(ze)) : (w = re.current) == null || w.focus(), V(!1));
-    }, [oe, ze, Ye]), me(() => {
-      t ? (Se.current = "opening", V(!0), Re("normal"), He(!0), ne(-1), I(!1), fe(-1)) : (Se.current = "closing", V(!0), I(!1), Re("reverse"));
-    }, [t]), me(() => {
-      if (!t || !K || !re.current)
+      !Ye && ne && (Ge(!1), te(-1), ze !== -1 ? (Ze(-1), lt(ze)) : (w = ie.current) == null || w.focus(), V(!1));
+    }, [ne, ze, Ye]), pe(() => {
+      t ? (Se.current = "opening", V(!0), Ve("normal"), He(!0), te(-1), I(!1), de(-1)) : (Se.current = "closing", V(!0), I(!1), Ve("reverse"));
+    }, [t]), pe(() => {
+      if (!t || !K || !ie.current)
         return;
       const w = () => {
         const A = l ?? (n ? "dropdown" : "menu");
         if (e != null && e.current) {
-          const X = In(e, re, {
+          const X = Bn(e, ie, {
             placement: o,
             mode: A,
             offset: c
@@ -1984,16 +1990,16 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
       return z ? Ne({ x: 0, y: 0 }) : (window.addEventListener("resize", w), w()), I(!0), () => {
         z || window.removeEventListener("resize", w);
       };
-    }, [e, z, l, n, c, t, o, K]), me(() => {
-      t && K && ue && setTimeout(() => {
+    }, [e, z, l, n, c, t, o, K]), pe(() => {
+      t && K && ce && setTimeout(() => {
         var w;
-        Se.current === "opening" && (V(!1), Se.current = "opened", z || (w = re.current) == null || w.focus(), fe(Me ? ve[0] ?? -1 : -1));
-      }, Te);
-    }, [t, ue, K]), me(() => {
-      Y === "reverse" && Se.current === "closing" && (I(!0), fe(-1), setTimeout(() => {
+        Se.current === "opening" && (V(!1), Se.current = "opened", z || (w = ie.current) == null || w.focus(), de(Me ? ve[0] ?? -1 : -1));
+      }, Ae);
+    }, [t, ce, K]), pe(() => {
+      Y === "reverse" && Se.current === "closing" && (I(!0), de(-1), setTimeout(() => {
         Se.current === "closing" && (Se.current = "closed", He(!1), Ne(null), V(!1));
       }, E * 0.67));
-    }, [E, Y]), me(() => {
+    }, [E, Y]), pe(() => {
       if (Q < 0 || Se.current !== "opened")
         return;
       const w = Ot(Q);
@@ -2001,11 +2007,11 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
         block: "nearest",
         inline: "nearest"
       });
-    }, [Q]), me(() => {
-      ie && Me && Q === -1 && Se.current === "opened" && ve.length > 0 && fe(ve[0]);
-    }, [Q, Me, ie]), co(
+    }, [Q]), pe(() => {
+      oe && Me && Q === -1 && Se.current === "opened" && ve.length > 0 && de(ve[0]);
+    }, [Q, Me, oe]), co(
       t && $e === 0,
-      `[data-menu-group="${pe}"]`,
+      `[data-menu-group="${fe}"]`,
       () => {
         kt();
       },
@@ -2014,7 +2020,7 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
     function Ht(w) {
       var X, Oe, at, Kn;
       const A = w;
-      A !== -1 && (Xe[A].props.disabled || (fe(A), vt(A) ? Ye && A === W ? it() : lt(A) : Xe[A].props.type === "radio" || Xe[A].props.type === "checkbox" || Xe[A].props.type === "option" ? ((Oe = (X = Xe[A].props).onChange) == null || Oe.call(X), De && kt()) : ((Kn = (at = Xe[A].props).onClick) == null || Kn.call(at), kt())));
+      A !== -1 && (Xe[A].props.disabled || (de(A), vt(A) ? Ye && A === W ? it() : lt(A) : Xe[A].props.type === "radio" || Xe[A].props.type === "checkbox" || Xe[A].props.type === "option" ? ((Oe = (X = Xe[A].props).onChange) == null || Oe.call(X), De && kt()) : ((Kn = (at = Xe[A].props).onClick) == null || Kn.call(at), kt())));
     }
     function Ho(w, A) {
       if (q) {
@@ -2024,7 +2030,7 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
       Ht(A);
     }
     function _o(w, A) {
-      if (!(!ae || Me && ie)) {
+      if (!(!le || Me && oe)) {
         if (mt.current && (clearTimeout(mt.current), mt.current = null), _e.current && (clearTimeout(_e.current), _e.current = null), !vt(A)) {
           Ye && (mt.current = window.setTimeout(() => {
             it();
@@ -2032,7 +2038,7 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
           return;
         }
         Ye && W === A || (_e.current = window.setTimeout(() => {
-          fe(A), lt(A);
+          de(A), lt(A);
         }, 150));
       }
     }
@@ -2042,15 +2048,15 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
     const Uo = Xe.some(
       (w) => w.props.icon !== void 0 || w.props.leading !== void 0 || w.props.type === "radio" || w.props.type === "checkbox"
     ), zo = Xe.map((w, A) => {
-      if (hn(w)) {
+      if (gn(w)) {
         const X = {
           "data-menu-index": A,
           __interactionsDisabled: q,
           __index: A,
           id: w.props.id ?? St(A),
           disabled: w.props.disabled,
-          active: A === Q && ie,
-          focusVisible: Me && ie,
+          active: A === Q && oe,
+          focusVisible: Me && oe,
           horizontal: n,
           expanded: Ye && W === A,
           fixedLeading: w.props.fixedLeading ?? (x && Uo),
@@ -2062,15 +2068,15 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
           textColor: w.props.textColor ?? P,
           labelColor: w.props.labelColor ?? ge,
           descriptionColor: w.props.descriptionColor ?? Ce,
-          checkedIcon: w.props.checkedIcon ?? (w.props.type === "checkbox" ? le : O),
-          uncheckedIcon: w.props.uncheckedIcon ?? (w.props.type === "checkbox" ? he : j),
+          checkedIcon: w.props.checkedIcon ?? (w.props.type === "checkbox" ? se : O),
+          uncheckedIcon: w.props.uncheckedIcon ?? (w.props.type === "checkbox" ? me : j),
           selectedColor: w.props.selectedColor ?? ke,
-          touchEffects: w.props.touchEffects ?? de,
-          selectedEffects: w.props.selectedEffects ?? Pe,
+          touchEffects: w.props.touchEffects ?? ue,
+          selectedEffects: w.props.selectedEffects ?? je,
           focusEffects: w.props.focusEffects ?? J,
           labelFont: w.props.labelFont ?? ee,
           font: w.props.font ?? ye,
-          descriptionFont: w.props.descriptionFont ?? te,
+          descriptionFont: w.props.descriptionFont ?? he,
           shortcutFont: w.props.shortcutFont ?? _,
           onClick: (Oe) => {
             Ho(Oe, A);
@@ -2086,8 +2092,8 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
           ...w.props,
           ...X
         });
-      } else if (gn(w)) {
-        const X = vn(qe) === "onSurface" ? "outlineVariant" : vn(qe), Oe = {
+      } else if (yn(w)) {
+        const X = Cn(qe) === "onSurface" ? "outlineVariant" : Cn(qe), Oe = {
           borderColor: w.props.borderColor ?? w.props.color ?? X ?? "outlineVariant",
           vertical: n,
           insetSize: w.props.insetSize ?? 8,
@@ -2122,26 +2128,26 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
       let Oe;
       switch (A) {
         case "ArrowUp":
-          w.preventDefault(), Q === -1 || X === -1 ? Oe = ve[ve.length - 1] : Oe = X > 0 ? ve[X - 1] : ve[ve.length - 1], fe(Oe), n && vt(Oe) && lt(Oe);
+          w.preventDefault(), Q === -1 || X === -1 ? Oe = ve[ve.length - 1] : Oe = X > 0 ? ve[X - 1] : ve[ve.length - 1], de(Oe), n && vt(Oe) && lt(Oe);
           break;
         case "ArrowDown":
-          w.preventDefault(), Q === -1 || X === -1 ? Oe = ve[0] : Oe = ve[X + 1 < ve.length ? X + 1 : 0], fe(Oe), n && vt(Oe) && lt(Oe);
+          w.preventDefault(), Q === -1 || X === -1 ? Oe = ve[0] : Oe = ve[X + 1 < ve.length ? X + 1 : 0], de(Oe), n && vt(Oe) && lt(Oe);
           break;
         case "Home":
-          fe(ve[0]);
+          de(ve[0]);
           break;
         case "End":
-          fe(ve[ve.length - 1]);
+          de(ve[ve.length - 1]);
           break;
         case "Enter":
         case " ":
           w.stopPropagation(), w.preventDefault(), X >= 0 && Ht(ve[X]);
           break;
         case "ArrowRight":
-          w.preventDefault(), X >= 0 && vt(ve[X]) ? lt(ve[X]) : F && F(!0);
+          w.preventDefault(), X >= 0 && vt(ve[X]) ? lt(ve[X]) : R && R(!0);
           break;
         case "ArrowLeft":
-          w.preventDefault(), F && H === 1 ? F(!1) : yt();
+          w.preventDefault(), R && H === 1 ? R(!1) : yt();
           break;
         case "Escape":
           w.preventDefault(), yt();
@@ -2155,9 +2161,9 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
       return null;
     const qo = {
       "--uui-reverse": Y,
-      "--uui-duration": Y === "reverse" ? String(Te * 0.67) + "ms" : String(Te) + "ms"
-    }, Hn = or(g), Go = Hn === "none" ? "" : Bn[Hn], Yo = N === "expressive" ? "uui-motion-expressive" : "", Zt = D({ ...p, ...qo });
-    Zt.bg(qe), Zt.text.on(qe), h && +h > 0 && Zt.border(tn(u));
+      "--uui-duration": Y === "reverse" ? String(Ae * 0.67) + "ms" : String(Ae) + "ms"
+    }, Hn = or(h), Go = Hn === "none" ? "" : Mn[Hn], Yo = N === "expressive" ? "uui-motion-expressive" : "", Zt = F({ ...p, ...qo });
+    Zt.bg(qe), Zt.text.on(qe), g && +g > 0 && Zt.border(tn(u));
     const Xo = [
       "uui-menu",
       `uui-menu-level-${String($e)}`,
@@ -2168,31 +2174,31 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
       Yo,
       ot(S),
       We(m ?? (y === "modern" ? "rounded" : "smooth")),
-      ut(R),
-      h !== void 0 ? rt(h) : null,
+      ut(T),
+      g !== void 0 ? rt(g) : null,
       s
-    ].filter(Boolean).join(" "), Jo = ie && Q >= 0 && t && K ? ((zn = Xe[Q]) == null ? void 0 : zn.props).id ?? St(Q) : void 0, _n = /* @__PURE__ */ i(
+    ].filter(Boolean).join(" "), Jo = oe && Q >= 0 && t && K ? ((zn = Xe[Q]) == null ? void 0 : zn.props).id ?? St(Q) : void 0, _n = /* @__PURE__ */ i(
       "div",
       {
         ...Le,
         "aria-orientation": n ? "horizontal" : "vertical",
         className: Xo,
-        "data-menu-group": pe,
+        "data-menu-group": fe,
         id: b,
         onClick: Ko,
         onKeyDown: Zo,
-        ref: st(Fe, re),
+        ref: st(Te, ie),
         role: "menu",
         style: {
           position: z ? "relative" : "fixed",
-          left: (ue == null ? void 0 : ue.x) ?? 0,
-          top: (ue == null ? void 0 : ue.y) ?? 0,
+          left: (ce == null ? void 0 : ce.x) ?? 0,
+          top: (ce == null ? void 0 : ce.y) ?? 0,
           zIndex: 9999,
-          visibility: ue ? "visible" : "hidden",
+          visibility: ce ? "visible" : "hidden",
           ...Zt.get()
         },
         tabIndex: 0,
-        ...je,
+        ...Re,
         "aria-activedescendant": Jo,
         children: /* @__PURE__ */ i("div", { className: "uui-menu-scroll", children: zo })
       }
@@ -2202,44 +2208,44 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
       const w = bt(W);
       w && w.length > 0 && (Wn = w);
     }
-    const Un = sn(
+    const Un = ln(
       "uui-menu-root",
       /* @__PURE__ */ L(nt, { children: [
         !z && _n,
         Be.current && W !== -1 && /* @__PURE__ */ i(
-          cn,
+          un,
           {
             __closeRootMenu: k ?? kt,
-            __groupId: pe,
+            __groupId: fe,
             __horizontalDepth: n ? 1 : H && H + 1,
             __level: $e + 1,
-            __navigateHorizontal: n ? Je : F,
+            __navigateHorizontal: n ? Je : R,
             anchorRef: Be,
-            animation: g,
+            animation: h,
             "aria-orientation": "vertical",
-            border: h,
+            border: g,
             borderColor: u,
-            checkedIcon: le,
+            checkedIcon: se,
             closeOnChange: De,
             color: qe,
             density: S,
             descriptionColor: Ce,
-            descriptionFont: te,
+            descriptionFont: he,
             duration: C,
             elevation: d,
             fixedLeading: x,
             floatingMode: n ? "menu" : "submenu",
             font: ye,
             itemFocusEffects: J,
-            itemSelectedEffects: Pe,
-            itemTouchEffects: de,
+            itemSelectedEffects: je,
+            itemTouchEffects: ue,
             labelColor: ge,
             labelFont: ee,
             motionStyle: N,
             offset: 0,
             onClose: it,
             open: t && Ye,
-            openOnHover: ae,
+            openOnHover: le,
             placement: "auto",
             radioCheckedIcon: O,
             radioUncheckedIcon: j,
@@ -2249,7 +2255,7 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
             shortcutColor: xe,
             shortcutFont: _,
             textColor: P,
-            uncheckedIcon: he,
+            uncheckedIcon: me,
             variant: y,
             children: Wn
           }
@@ -2262,8 +2268,8 @@ const or = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, cn = M(
     ] }) : Un;
   }
 );
-cn[No] = !0;
-cn.displayName = "Menu";
+un[No] = !0;
+un.displayName = "Menu";
 const Rn = (e) => {
   const {
     children: t,
@@ -2275,7 +2281,7 @@ const Rn = (e) => {
     shape: d = "round",
     size: f = "medium",
     elevation: m,
-    ariaLabel: h,
+    ariaLabel: g,
     value: u,
     font: s,
     offset: a,
@@ -2286,16 +2292,16 @@ const Rn = (e) => {
     We(d),
     ft(f),
     Ee(v)
-  ], g = ["uui-badge-slot", ci(r)].filter(Boolean).join(" "), C = D();
+  ], h = ["uui-badge-slot", ci(r)].filter(Boolean).join(" "), C = F();
   C.bg(c), C.text.on(c), a !== void 0 && C.set("--uui-badge-offset", `${a}px`), m !== void 0 && y.push(ut(m)), o !== void 0 && (y.push(rt(o)), C.border(tn(l)));
-  const N = y.filter(Boolean).join(" "), x = /* @__PURE__ */ i("span", { "aria-label": h, className: N, style: C.get(), children: f !== "small" && f !== "extraSmall" && u });
+  const N = y.filter(Boolean).join(" "), x = /* @__PURE__ */ i("span", { "aria-label": g, className: N, style: C.get(), children: f !== "small" && f !== "extraSmall" && u });
   return t ? /* @__PURE__ */ L("span", { className: b, ...p, children: [
     t,
-    /* @__PURE__ */ i("span", { className: g, children: x })
+    /* @__PURE__ */ i("span", { className: h, children: x })
   ] }) : x;
 };
 Rn.displayName = "Badge";
-const Tn = M(
+const Tn = B(
   ({
     shape: e,
     touchEffects: t = ["ripple"],
@@ -2307,7 +2313,7 @@ const Tn = M(
     textColor: d,
     labelColor: f,
     descriptionColor: m,
-    shortcutColor: h,
+    shortcutColor: g,
     fixedLeading: u,
     color: s,
     icon: a,
@@ -2315,75 +2321,75 @@ const Tn = M(
     leading: b,
     trailing: v,
     label: y,
-    disabled: g = !1,
+    disabled: h = !1,
     className: C,
     onClick: N,
     badge: x,
     expanded: S,
     active: $,
-    children: B,
+    children: M,
     focusVisible: k,
-    type: F = "item",
+    type: R = "item",
     checked: H,
     description: z,
     shortcut: P,
     density: Ce,
     horizontal: ge,
     labelFont: xe,
-    font: he,
-    descriptionFont: le,
+    font: me,
+    descriptionFont: se,
     shortcutFont: j,
     selected: O,
     __index: ke,
-    __interactionsDisabled: de,
-    onChange: Pe,
+    __interactionsDisabled: ue,
+    onChange: je,
     variant: J = "classic",
     ...De
-  }, ae) => {
-    const ee = U(null), ye = et.Children.toArray(B), te = ye.find((oe) => At(oe)), _ = ye.filter((oe) => !At(oe)), T = !!te;
-    let ce;
-    F !== "item" && (F === "radio" ? ce = H ? l ?? vo : c ?? Co : F === "checkbox" && (ce = H ? l ?? Ui : c));
-    const je = ce ?? b ?? a ?? (u && !ge), Fe = je && /* @__PURE__ */ i("div", { className: "uui-icon uui-leading", children: je }), Se = v ?? p;
+  }, le) => {
+    const ee = U(null), ye = et.Children.toArray(M), he = ye.find((ne) => At(ne)), _ = ye.filter((ne) => !At(ne)), D = !!he;
+    let ae;
+    R !== "item" && (R === "radio" ? ae = H ? l ?? vo : c ?? Co : R === "checkbox" && (ae = H ? l ?? Ui : c));
+    const Re = ae ?? b ?? a ?? (u && !ge), Te = Re && /* @__PURE__ */ i("div", { className: "uui-icon uui-leading", children: Re }), Se = v ?? p;
     let W;
     x && (typeof x == "string" || typeof x == "number" ? W = /* @__PURE__ */ i(Rn, { value: x }) : W = x);
-    const ne = J === "modern" ? "labelLarge" : "bodyLarge", Q = xe ?? he ?? ne, fe = le ?? (J === "modern" ? "bodySmall" : "bodyMedium"), Me = j ?? ne, ie = D();
-    ie.text(h);
-    const Le = T && !ge ? yo : Se, $e = P && /* @__PURE__ */ i("div", { className: `uui-menu-item-shortcut ${Ee(Me)}`, style: ie.get(), children: P }), Ke = (P ?? x ?? Le) && /* @__PURE__ */ L(nt, { children: [
+    const te = J === "modern" ? "labelLarge" : "bodyLarge", Q = xe ?? me ?? te, de = se ?? (J === "modern" ? "bodySmall" : "bodyMedium"), Me = j ?? te, oe = F();
+    oe.text(g);
+    const Le = D && !ge ? yo : Se, $e = P && /* @__PURE__ */ i("div", { className: `uui-menu-item-shortcut ${Ee(Me)}`, style: oe.get(), children: P }), Ke = (P ?? x ?? Le) && /* @__PURE__ */ L(nt, { children: [
       $e,
       W,
       Le && /* @__PURE__ */ i("div", { className: "uui-icon uui-trailing", children: Le })
-    ] }), Ie = D();
+    ] }), Ie = F();
     Ie.text(f);
-    const pe = y && /* @__PURE__ */ i("div", { className: `uui-menu-item-label ${Ee(Q)}`, style: Ie.get(), children: y }), we = D();
+    const fe = y && /* @__PURE__ */ i("div", { className: `uui-menu-item-label ${Ee(Q)}`, style: Ie.get(), children: y }), we = F();
     (m || !d && J === "classic" && (s != null && s.startsWith("surface"))) && (m ? we.text(m) : we.text.on("surfaceVariant"));
-    const re = z && /* @__PURE__ */ i(
+    const ie = z && /* @__PURE__ */ i(
       "div",
       {
-        className: `uui-menu-item-description ${Ee(fe)}`,
+        className: `uui-menu-item-description ${Ee(de)}`,
         style: we.get(),
         children: z
       }
-    ), Be = (pe ?? re) && /* @__PURE__ */ L("div", { className: "uui-menu-item-text", children: [
-      pe,
-      re
-    ] }), ue = (oe) => {
-      if (de || g) {
-        oe == null || oe.preventDefault();
+    ), Be = (fe ?? ie) && /* @__PURE__ */ L("div", { className: "uui-menu-item-text", children: [
+      fe,
+      ie
+    ] }), ce = (ne) => {
+      if (ue || h) {
+        ne == null || ne.preventDefault();
         return;
       }
-      N == null || N(oe), t.includes("ripple") && ee.current && oe && Mt(ee.current, oe);
+      N == null || N(ne), t.includes("ripple") && ee.current && ne && Mt(ee.current, ne);
     };
     let Ne = s ?? (J === "modern" ? "surfaceContainerLow" : "surfaceContainer");
-    F === "option" && O && o.includes("color") && (Ne = r ?? (J === "modern" ? "tertiaryContainer" : "secondaryContainer"));
-    const G = D();
+    R === "option" && O && o.includes("color") && (Ne = r ?? (J === "modern" ? "tertiaryContainer" : "secondaryContainer"));
+    const G = F();
     G.bg.on(Ne);
-    const K = D();
+    const K = F();
     K.bg(Ne), d ? K.text(d) : K.text.on(Ne);
     const He = [
       "uui-menu-item",
       C,
       ot(Ce),
-      g && "uui-disabled",
+      h && "uui-disabled",
       J === "modern" ? "uui-menu-item-modern" : "uui-menu-item-classic"
     ].filter(Boolean).join(" "), be = We(e ?? (J === "modern" ? "rounded" : "smooth")), I = [
       "uui-menu-item-content",
@@ -2394,26 +2400,26 @@ const Tn = M(
       $ && k && "uui-focus-visible"
     ].filter(Boolean).join(" "), Y = /* @__PURE__ */ L("div", { className: I, style: K.get(), children: [
       _.length > 0 ? /* @__PURE__ */ i("div", { className: "uui-menu-item-children", children: _ }) : /* @__PURE__ */ L(nt, { children: [
-        Fe,
+        Te,
         Be,
         Ke
       ] }),
       /* @__PURE__ */ i("div", { className: ["uui-state", be].join(" "), style: G.get() })
     ] });
-    let Re = "menuitem";
-    return (F === "radio" || F === "checkbox") && (Re = F === "radio" ? "menuitemradio" : "menuitemcheckbox"), // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
+    let Ve = "menuitem";
+    return (R === "radio" || R === "checkbox") && (Ve = R === "radio" ? "menuitemradio" : "menuitemcheckbox"), // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
     /* @__PURE__ */ i(
       "div",
       {
         ...De,
-        "aria-checked": F === "radio" || F === "checkbox" ? H ?? !1 : void 0,
-        "aria-disabled": g ? "true" : void 0,
-        "aria-expanded": T ? S : void 0,
-        "aria-haspopup": T ? "menu" : void 0,
+        "aria-checked": R === "radio" || R === "checkbox" ? H ?? !1 : void 0,
+        "aria-disabled": h ? "true" : void 0,
+        "aria-expanded": D ? S : void 0,
+        "aria-haspopup": D ? "menu" : void 0,
         className: He,
-        onClick: ue,
-        ref: st(ee, ae),
-        role: Re,
+        onClick: ce,
+        ref: st(ee, le),
+        role: Ve,
         tabIndex: -1,
         children: Y
       }
@@ -2426,8 +2432,8 @@ const So = Symbol.for("uui.action");
 function ir(e) {
   return dt(e) && typeof e.type != "string" && !!e.type[So];
 }
-const un = ({ actions: e, className: t, align: n, stack: o, maxActions: l, moreLabel: c, moreIcon: r }) => {
-  const d = Vi(e).filter(ir), f = U(null), [m, h] = Z(!1), u = D(), s = se(
+const dn = ({ actions: e, className: t, align: n, stack: o, maxActions: l, moreLabel: c, moreIcon: r }) => {
+  const d = Vi(e).filter(ir), f = U(null), [m, g] = Z(!1), u = F(), s = re(
     "uui-actions",
     n && n !== "end" && `uui-actions-${n}`,
     o && "uui-actions-stack",
@@ -2442,40 +2448,40 @@ const un = ({ actions: e, className: t, align: n, stack: o, maxActions: l, moreL
           "aria-label": c ?? "More actions",
           icon: r ?? ji,
           onClick: () => {
-            h((v) => !v);
+            g((v) => !v);
           },
           ref: f
         }
       ),
       /* @__PURE__ */ i(
-        cn,
+        un,
         {
           anchorRef: f,
           onClose: () => {
-            h(!1);
+            g(!1);
           },
           open: m,
           children: b.map((v, y) => {
             const {
-              ["aria-label"]: g,
+              ["aria-label"]: h,
               disabled: C,
               icon: N,
               label: x,
               leading: S,
               onClick: $,
-              trailing: B
+              trailing: M
             } = v.props;
             return /* @__PURE__ */ i(
               Tn,
               {
                 disabled: C,
                 icon: N,
-                label: x ?? g,
+                label: x ?? h,
                 leading: S,
                 onClick: (k) => {
-                  h(!1), $ == null || $(k);
+                  g(!1), $ == null || $(k);
                 },
-                trailing: B
+                trailing: M
               },
               v.key ?? y
             );
@@ -2485,9 +2491,9 @@ const un = ({ actions: e, className: t, align: n, stack: o, maxActions: l, moreL
     ] })
   ] }) : null;
 };
-un.displayName = "Actions";
+dn.displayName = "Actions";
 const Lo = ({ children: e, iconSlot: t, icon: n, showIcon: o, iconColor: l, className: c }) => {
-  const r = se("uui-dialog-content", c);
+  const r = re("uui-dialog-content", c);
   return e ? /* @__PURE__ */ L("div", { className: r, children: [
     o !== !1 && n && (t === "contentLeft" || t === "contentRight") && /* @__PURE__ */ i(En, { className: `uui-icon-${t}`, color: l, icon: n }),
     /* @__PURE__ */ i("div", { className: "uui-content", children: e })
@@ -2505,7 +2511,7 @@ const Io = ({
   font: d = "headlineSmall"
 }) => {
   const f = c !== !1 && t && (n === "top" || n === "leading");
-  return e || f ? /* @__PURE__ */ L("div", { className: se("uui-dialog-title", `uui-title-${n}`, o, Ee(d)), children: [
+  return e || f ? /* @__PURE__ */ L("div", { className: re("uui-dialog-title", `uui-title-${n}`, o, Ee(d)), children: [
     f && /* @__PURE__ */ i(En, { className: `uui-icon-${n}`, color: l, icon: t }),
     e && /* @__PURE__ */ i("div", { className: `uui-title uui-title-${r}`, children: e })
   ] }) : null;
@@ -2522,7 +2528,7 @@ const Bo = ({
   iconSlot: d,
   titleAlign: f,
   label: m,
-  actions: h,
+  actions: g,
   actionsAlign: u,
   actionsStack: s,
   maxActions: a,
@@ -2530,13 +2536,13 @@ const Bo = ({
   moreIcon: b,
   trailing: v,
   showClose: y,
-  onClose: g,
+  onClose: h,
   closeIcon: C,
   font: N
 }) => {
-  const x = n ?? g, S = o ?? Pi, $ = C ?? bo, B = t && /* @__PURE__ */ i(Vt, { icon: S, onClick: x }), k = y && /* @__PURE__ */ i(Vt, { icon: $, onClick: g });
-  return /* @__PURE__ */ L("div", { className: se("uui-dialog-header"), children: [
-    /* @__PURE__ */ i(zt, { content: e, start: B }),
+  const x = n ?? h, S = o ?? Pi, $ = C ?? bo, M = t && /* @__PURE__ */ i(Vt, { icon: S, onClick: x }), k = y && /* @__PURE__ */ i(Vt, { icon: $, onClick: h });
+  return /* @__PURE__ */ L("div", { className: re("uui-dialog-header"), children: [
+    /* @__PURE__ */ i(zt, { content: e, start: M }),
     /* @__PURE__ */ i(
       Io,
       {
@@ -2550,11 +2556,11 @@ const Bo = ({
       }
     ),
     /* @__PURE__ */ i(
-      un,
+      dn,
       {
-        actions: h,
+        actions: g,
         align: u,
-        className: se("uui-dialog-actions", "uui-actions-inline"),
+        className: re("uui-dialog-actions", "uui-actions-inline"),
         maxActions: a,
         moreIcon: b,
         moreLabel: p,
@@ -2565,9 +2571,9 @@ const Bo = ({
   ] });
 };
 Bo.displayName = "DialogHeader";
-const rr = M((e, t) => /* @__PURE__ */ i(dn, { ref: t, ...e, elementClass: "uui-drawer", type: "dockRight" }));
+const rr = B((e, t) => /* @__PURE__ */ i(fn, { ref: t, ...e, elementClass: "uui-drawer", type: "dockRight" }));
 rr.displayName = "Drawer";
-const sr = M((e, t) => /* @__PURE__ */ i(dn, { ref: t, ...e, elementClass: "uui-bottom-sheet", type: "dockBottom" }));
+const sr = B((e, t) => /* @__PURE__ */ i(fn, { ref: t, ...e, elementClass: "uui-bottom-sheet", type: "dockBottom" }));
 sr.displayName = "BottomSheet";
 const lr = {
   basic: "scale",
@@ -2579,7 +2585,7 @@ const lr = {
 }, ar = (e, t) => {
   const n = typeof t == "string" ? t : t == null ? void 0 : t.animation;
   return n === "none" ? "none" : n ?? lr[e];
-}, dn = M(
+}, fn = B(
   ({
     open: e,
     onClose: t,
@@ -2591,7 +2597,7 @@ const lr = {
     fullHeight: d,
     size: f,
     animation: m,
-    fit: h,
+    fit: g,
     detached: u,
     closeOnBackdrop: s = !0,
     closeOnEsc: a = !0,
@@ -2599,113 +2605,113 @@ const lr = {
     label: b,
     icon: v,
     showIcon: y,
-    iconColor: g,
+    iconColor: h,
     iconSlot: C = "leading",
     titleAlign: N,
     leading: x,
     trailing: S,
     actions: $,
-    actionsPlacement: B,
+    actionsPlacement: M,
     actionsAlign: k,
-    actionsStack: F,
+    actionsStack: R,
     maxActions: H,
     moreLabel: z,
     moreIcon: P,
     showClose: Ce,
     closeIcon: ge,
     showBack: xe,
-    backIcon: he,
-    onBack: le,
+    backIcon: me,
+    onBack: se,
     className: j,
     modal: O,
     autoFocus: ke,
-    flush: de,
-    docked: Pe,
+    flush: ue,
+    docked: je,
     anchored: J,
     titleFont: De,
-    ...ae
+    ...le
   }, ee) => {
-    const ye = l ?? (n !== "fullscreen" ? 3 : void 0), te = U(null), _ = U(null), [T, ce] = Z(!1), [je, Fe] = Z(!1), [Se, W] = Z(!1), ne = m, { animationVars: Q, animate: fe, animating: Me, idle: ie, active: Le, animationClasses: $e } = nn({
+    const ye = l ?? (n !== "fullscreen" ? 3 : void 0), he = U(null), _ = U(null), [D, ae] = Z(!1), [Re, Te] = Z(!1), [Se, W] = Z(!1), te = m, { animationVars: Q, animate: de, animating: Me, idle: oe, active: Le, animationClasses: $e } = nn({
       animation: ar(n, m),
-      duration: (ne == null ? void 0 : ne.duration) ?? 500,
-      style: ne == null ? void 0 : ne.style
-    }), Ie = De ?? (n === "dockLeft" || n === "dockRight" ? "titleLarge" : void 0), pe = (be) => {
-      if (_.current && te.current) {
-        const { width: I, height: Y } = _.current.getBoundingClientRect(), { width: Re, height: oe } = te.current.getBoundingClientRect(), Ge = 1;
-        Fe((n === "dockLeft" || n === "dockRight") && Re >= I - Ge), W((n === "dockTop" || n === "dockBottom") && oe >= Y - Ge);
+      duration: (te == null ? void 0 : te.duration) ?? 500,
+      style: te == null ? void 0 : te.style
+    }), Ie = De ?? (n === "dockLeft" || n === "dockRight" ? "titleLarge" : void 0), fe = (be) => {
+      if (_.current && he.current) {
+        const { width: I, height: Y } = _.current.getBoundingClientRect(), { width: Ve, height: ne } = he.current.getBoundingClientRect(), Ge = 1;
+        Te((n === "dockLeft" || n === "dockRight") && Ve >= I - Ge), W((n === "dockTop" || n === "dockBottom") && ne >= Y - Ge);
       }
     }, we = n !== "basic" && n !== "fullscreen" && !u;
-    wn(te, pe, we && !Me, !0), wn(_, pe, we && !Me, !0), Mi(a && T, () => t == null ? void 0 : t()), Di({
-      ref: te,
-      enabled: O && T,
+    Nn(he, fe, we && !Me, !0), Nn(_, fe, we && !Me, !0), Mi(a && D, () => t == null ? void 0 : t()), Di({
+      ref: he,
+      enabled: O && D,
       autoFocus: ke && !Le
-    }), me(() => {
-      e ? (fe("open"), ce(!0), W(!1), Fe(!1)) : ie || (fe("closed"), ce(!1));
+    }), pe(() => {
+      e ? (de("open"), ae(!0), W(!1), Te(!1)) : oe || (de("closed"), ae(!1));
     }, [e]);
-    const re = (be) => {
+    const ie = (be) => {
       s && be.target === be.currentTarget && (t == null || t());
     };
-    me(() => {
-      if (T && O && !J && !Pe) {
+    pe(() => {
+      if (D && O && !J && !je) {
         const be = document.body.style.overflow;
         return document.body.style.overflow = "hidden", () => {
           document.body.style.overflow = be;
         };
       }
-    }, [J, Pe, O, T]), me(() => {
-      Fe(!1), W(!1);
+    }, [J, je, O, D]), pe(() => {
+      Te(!1), W(!1);
     }, [n]);
-    const Be = D();
+    const Be = F();
     Be.merge(Q);
-    const ue = f ?? (n === "dockLeft" || n === "dockRight" ? "small" : "medium"), Ne = se(
+    const ce = f ?? (n === "dockLeft" || n === "dockRight" ? "small" : "medium"), Ne = re(
       "uui-dlg-backdrop",
       O && "uui-modal",
-      T && "uui-open",
-      Pe && "uui-docked",
+      D && "uui-open",
+      je && "uui-docked",
       J && "uui-anchored"
-    ), G = se(
+    ), G = re(
       "uui-dlg",
       `uui-dlg-${Tt(n)}`,
       r && "uui-w-full",
       d && "uui-h-full",
-      (je || Se) && "uui-maximized",
-      h && "uui-fit",
-      de && "uui-flush",
+      (Re || Se) && "uui-maximized",
+      g && "uui-fit",
+      ue && "uui-flush",
       u && "uui-detached",
-      ft(ue),
+      ft(ce),
       $e,
       j
     );
-    if (!(T || Le))
+    if (!(D || Le))
       return null;
-    const K = B !== "inline" ? /* @__PURE__ */ i(
-      un,
+    const K = M !== "inline" ? /* @__PURE__ */ i(
+      dn,
       {
         actions: $,
         align: k,
-        className: se("uui-dialog-actions", B && `uui-actions-${B}`),
+        className: re("uui-dialog-actions", M && `uui-actions-${M}`),
         maxActions: H,
         moreIcon: P,
         moreLabel: z,
-        stack: F
+        stack: R
       }
     ) : null, He = /* @__PURE__ */ i(
       "div",
       {
         className: Ne,
-        onClick: re,
+        onClick: ie,
         ref: _,
         role: "presentation",
         style: Q,
         children: /* @__PURE__ */ L(
-          Ae,
+          Fe,
           {
-            ...ae,
+            ...le,
             "aria-modal": O ? !0 : void 0,
             className: G,
             color: o,
             elevation: ye,
-            ref: st(ee, te),
+            ref: st(ee, he),
             role: "dialog",
             shape: c,
             style: Be.get(),
@@ -2713,21 +2719,21 @@ const lr = {
               /* @__PURE__ */ i(
                 Bo,
                 {
-                  actions: B === "inline" && $,
+                  actions: M === "inline" && $,
                   actionsAlign: k,
-                  actionsStack: F,
-                  backIcon: he,
+                  actionsStack: R,
+                  backIcon: me,
                   closeIcon: ge,
                   font: Ie,
                   icon: v,
-                  iconColor: g,
+                  iconColor: h,
                   iconSlot: C,
                   label: b,
                   leading: x,
                   maxActions: H,
                   moreIcon: P,
                   moreLabel: z,
-                  onBack: le,
+                  onBack: se,
                   onClose: t,
                   showBack: xe,
                   showClose: Ce,
@@ -2736,18 +2742,18 @@ const lr = {
                   trailing: S
                 }
               ),
-              /* @__PURE__ */ i(Lo, { icon: v, iconColor: g, iconSlot: C, showIcon: y, children: p }),
+              /* @__PURE__ */ i(Lo, { icon: v, iconColor: h, iconSlot: C, showIcon: y, children: p }),
               K
             ]
           }
         )
       }
     );
-    return Pe || J ? He : sn("uui-dialog-root", He);
+    return je || J ? He : ln("uui-dialog-root", He);
   }
 );
-dn.displayName = "DialogBase";
-const tt = M((e, t) => {
+fn.displayName = "DialogBase";
+const tt = B((e, t) => {
   const {
     elementClass: n,
     color: o,
@@ -2757,7 +2763,7 @@ const tt = M((e, t) => {
     labelFont: d,
     id: f,
     outlined: m,
-    filled: h,
+    filled: g,
     classic: u,
     disabled: s,
     font: a,
@@ -2765,46 +2771,46 @@ const tt = M((e, t) => {
     placeholderColor: b,
     onFocus: v,
     onBlur: y,
-    border: g,
+    border: h,
     borderColor: C,
     shape: N,
     required: x,
     title: S,
     description: $,
-    descriptionColor: B,
+    descriptionColor: M,
     descriptionFont: k,
-    name: F,
+    name: R,
     error: H,
     className: z,
     placeholder: P,
     type: Ce = "text",
     icon: ge,
     leading: xe,
-    trailing: he,
-    endIcon: le,
+    trailing: me,
+    endIcon: se,
     variant: j,
     value: O,
     textColor: ke,
-    defaultValue: de,
-    ...Pe
-  } = e, [J, De] = Z(de ?? ""), ae = O !== void 0, ye = (ae ? O : J).length === 0, te = U(null), _ = U(null), T = Nt("input"), ce = f ?? T, [je, Fe] = Z(0), Se = xe ?? ge, W = j ?? (h && "filled") ?? (m && "outlined") ?? (u && "classic") ?? "filled", { isFocused: ne, focusHandlers: Q } = wt(v, y), fe = (V) => {
+    defaultValue: ue,
+    ...je
+  } = e, [J, De] = Z(ue ?? ""), le = O !== void 0, ye = (le ? O : J).length === 0, he = U(null), _ = U(null), D = Nt("input"), ae = f ?? D, [Re, Te] = Z(0), Se = xe ?? ge, W = j ?? (g && "filled") ?? (m && "outlined") ?? (u && "classic") ?? "filled", { isFocused: te, focusHandlers: Q } = wt(v, y), de = (V) => {
     var E;
-    ae || De(V.target.value), (E = e.onChange) == null || E.call(e, V);
+    le || De(V.target.value), (E = e.onChange) == null || E.call(e, V);
   }, Me = (V) => {
     var E;
-    V.preventDefault(), (E = te.current) == null || E.focus();
+    V.preventDefault(), (E = he.current) == null || E.focus();
   };
-  me(() => {
-    const V = te.current;
+  pe(() => {
+    const V = he.current;
     V && V.value && De(V.value);
-  }, []), kn(() => {
-    const V = _.current, E = te.current;
+  }, []), Sn(() => {
+    const V = _.current, E = he.current;
     if (!V || !E)
       return;
-    const Te = V.getBoundingClientRect().left - E.getBoundingClientRect().left + 16;
-    Fe((_e) => _e === Te ? _e : Te);
+    const Ae = V.getBoundingClientRect().left - E.getBoundingClientRect().left + 16;
+    Te((_e) => _e === Ae ? _e : Ae);
   }, [Se]);
-  const ie = [
+  const oe = [
     n,
     z,
     "uui-field uui-field-wrapper",
@@ -2822,7 +2828,7 @@ const tt = M((e, t) => {
         children: V
       }
     ) : null
-  ) }), $e = he ?? le, Ke = $e && /* @__PURE__ */ i("div", { className: "uui-trailing", children: et.Children.map(
+  ) }), $e = me ?? se, Ke = $e && /* @__PURE__ */ i("div", { className: "uui-trailing", children: et.Children.map(
     $e,
     (V) => V ? /* @__PURE__ */ i(
       "span",
@@ -2837,65 +2843,65 @@ const tt = M((e, t) => {
   ) }), Ie = c && /* @__PURE__ */ L(nt, { children: [
     c,
     x && /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
-  ] }), pe = g ?? (W !== "filled" ? 1 : void 0), we = [
+  ] }), fe = h ?? (W !== "filled" ? 1 : void 0), we = [
     "uui-field-control",
     Ee(a ?? "bodyLarge"),
     We(N ?? "rounded"),
-    W !== "outlined" && rt(pe),
+    W !== "outlined" && rt(fe),
     H && "uui-error",
-    ne && "uui-active",
+    te && "uui-active",
     s && "uui-disabled",
     Le && "uui-has-leading",
     Ke && "uui-has-trailing"
   ];
-  let re, Be, ue, Ne;
-  const G = D(), K = ["uui-fb-label"];
+  let ie, Be, ce, Ne;
+  const G = F(), K = ["uui-fb-label"];
   if (Ie)
     if (W !== "classic")
-      ne || !ye ? (G.text((H ? "error" : void 0) ?? o ?? "primary"), K.push(Ee(d ?? "bodySmall")), we.push("uui-fb-label-up")) : (G.text((H ? "error" : void 0) ?? "onSurfaceVariant"), K.push(Ee(a ?? "bodyLarge"))), K.push("uui-field-float-label"), W === "outlined" ? (ue = /* @__PURE__ */ i("legend", { className: Ee(d ?? "bodySmall"), children: Ie }), re = /* @__PURE__ */ i("span", { className: K.join(" "), children: Ie })) : (Be = /* @__PURE__ */ i("span", { className: Ee(d ?? "bodySmall"), children: " " }), re = /* @__PURE__ */ i("span", { className: K.join(" "), children: Ie }));
+      te || !ye ? (G.text((H ? "error" : void 0) ?? o ?? "primary"), K.push(Ee(d ?? "bodySmall")), we.push("uui-fb-label-up")) : (G.text((H ? "error" : void 0) ?? "onSurfaceVariant"), K.push(Ee(a ?? "bodyLarge"))), K.push("uui-field-float-label"), W === "outlined" ? (ce = /* @__PURE__ */ i("legend", { className: Ee(d ?? "bodySmall"), children: Ie }), ie = /* @__PURE__ */ i("span", { className: K.join(" "), children: Ie })) : (Be = /* @__PURE__ */ i("span", { className: Ee(d ?? "bodySmall"), children: " " }), ie = /* @__PURE__ */ i("span", { className: K.join(" "), children: Ie }));
     else {
       G.text((H ? "error" : void 0) ?? "onSurface"), K.push(Ee(d ?? "bodyMedium"));
       const V = K.filter(Boolean).join(" ");
-      Ne = /* @__PURE__ */ i("label", { className: V, htmlFor: ce, style: G.get(), children: Ie });
+      Ne = /* @__PURE__ */ i("label", { className: V, htmlFor: ae, style: G.get(), children: Ie });
     }
   let He;
   if (W === "outlined") {
-    const V = ["uui-field-fieldset", We(N ?? "rounded")].filter(Boolean).join(" "), E = D(), Te = Sn(0, 4, g, 1);
-    E.set("borderWidth", `${Te}px`), E.border(C ?? "onSurfaceVariant"), He = /* @__PURE__ */ i("fieldset", { className: V, style: E.get(), children: ue });
+    const V = ["uui-field-fieldset", We(N ?? "rounded")].filter(Boolean).join(" "), E = F(), Ae = Ln(0, 4, h, 1);
+    E.set("borderWidth", `${Ae}px`), E.border(C ?? "onSurfaceVariant"), He = /* @__PURE__ */ i("fieldset", { className: V, style: E.get(), children: ce });
   }
-  const be = D();
-  be.set("--uui-label-up-x", `${je}px`), W === "classic" && be.border(C ?? "outline"), W === "filled" && be.border(C ?? "onSurfaceVariant");
-  const I = ["uui-field-state"].filter(Boolean).join(" "), Y = D(), Re = D();
-  H ? Re.text("error") : B ? Re.text(B) : Re.text.on("surfaceVariant");
-  const oe = [
+  const be = F();
+  be.set("--uui-label-up-x", `${Re}px`), W === "classic" && be.border(C ?? "outline"), W === "filled" && be.border(C ?? "onSurfaceVariant");
+  const I = ["uui-field-state"].filter(Boolean).join(" "), Y = F(), Ve = F();
+  H ? Ve.text("error") : M ? Ve.text(M) : Ve.text.on("surfaceVariant");
+  const ne = [
     Ee(k ?? "bodySmall"),
     H && "uui-error uui-support-text",
     $ && !H && "uui-description uui-support-text"
-  ].filter(Boolean).join(" "), Ge = ($ ?? H) && /* @__PURE__ */ i("div", { className: oe, style: Re.get(), children: H ?? $ }), ze = "uui-field-input", Ze = D();
-  Ze.text("onSurface"), !ne && re && ye && Ze.set("opacity", 0);
-  const qe = ["uui-field-input-wrapper"].filter(Boolean).join(" "), R = ie.filter(Boolean).join(" "), q = we.filter(Boolean).join(" ");
-  return /* @__PURE__ */ L("div", { className: R, title: S, children: [
+  ].filter(Boolean).join(" "), Ge = ($ ?? H) && /* @__PURE__ */ i("div", { className: ne, style: Ve.get(), children: H ?? $ }), ze = "uui-field-input", Ze = F();
+  Ze.text("onSurface"), !te && ie && ye && Ze.set("opacity", 0);
+  const qe = ["uui-field-input-wrapper"].filter(Boolean).join(" "), T = oe.filter(Boolean).join(" "), q = we.filter(Boolean).join(" ");
+  return /* @__PURE__ */ L("div", { className: T, title: S, children: [
     Ne,
     /* @__PURE__ */ L("div", { className: q, onPointerDown: Me, ref: _, style: be.get(), children: [
       Le,
       /* @__PURE__ */ L("div", { className: qe, children: [
         Be,
-        re,
+        ie,
         /* @__PURE__ */ i(
           "input",
           {
             ...Q,
-            ...Pe,
-            ...ae ? { value: O } : { defaultValue: de },
+            ...je,
+            ...le ? { value: O } : { defaultValue: ue },
             "aria-invalid": !!H,
             autoComplete: "email",
             className: ze,
             disabled: s,
-            id: ce,
-            name: F,
-            onChange: fe,
+            id: ae,
+            name: R,
+            onChange: de,
             placeholder: P,
-            ref: st(t, te),
+            ref: st(t, he),
             style: Ze.get(),
             type: Ce
           }
@@ -2909,7 +2915,7 @@ const tt = M((e, t) => {
   ] });
 });
 tt.displayName = "FieldBase";
-const pt = M((e, t) => {
+const pt = B((e, t) => {
   const {
     as: n,
     font: o,
@@ -2919,13 +2925,13 @@ const pt = M((e, t) => {
     border: d,
     borderColor: f,
     elementClass: m,
-    children: h,
+    children: g,
     className: u,
     style: s,
     ...a
-  } = e, p = n ?? "span", b = D(s);
-  b.border(f), b.text(l);
-  const v = se(
+  } = e, p = n ?? "span", { wrapperStyle: b, otherProps: v } = sn(a), y = F(b);
+  y.merge(s), y.border(f), y.text(l);
+  const h = re(
     "uui-inline",
     m,
     ...o ? [Ee(o)] : [],
@@ -2934,10 +2940,10 @@ const pt = M((e, t) => {
     ...d !== void 0 ? [rt(d)] : [],
     u
   );
-  return /* @__PURE__ */ i(p, { className: v, ref: t, style: b.get(), ...a, children: h });
+  return /* @__PURE__ */ i(p, { className: h, ref: t, style: y.get(), ...v, children: g });
 });
 pt.displayName = "TextBase";
-const Vn = M(
+const Vn = B(
   ({ font: e, size: t = "small", ...n }, o) => /* @__PURE__ */ i(jt, { font: e ?? {
     extraSmall: "labelLarge",
     small: "labelLarge",
@@ -2948,7 +2954,7 @@ const Vn = M(
 );
 Vn.displayName = "Button";
 Object.assign(Vn, { [So]: !0 });
-const cr = M(
+const cr = B(
   ({
     font: e,
     size: t = "small",
@@ -2977,7 +2983,7 @@ const cr = M(
   )
 );
 cr.displayName = "Chip";
-const ur = M(
+const ur = B(
   ({
     as: e = "article",
     children: t,
@@ -2989,36 +2995,36 @@ const ur = M(
     elevation: d,
     border: f,
     borderColor: m,
-    shape: h,
+    shape: g,
     flush: u,
     style: s,
     ...a
   }, p) => {
-    const [b, v] = Z(l === void 0), { animationVars: y, animate: g, idle: C, active: N, animationClasses: x } = nn(c, {
+    const [b, v] = Z(l === void 0), { animationVars: y, animate: h, idle: C, active: N, animationClasses: x } = nn(c, {
       animation: "scale",
       duration: 240
     });
-    if (me(() => {
-      l ? (g("open"), v(!0)) : l === !1 && !C && (g("closed"), v(!1));
+    if (pe(() => {
+      l ? (h("open"), v(!0)) : l === !1 && !C && (h("closed"), v(!1));
     }, [l]), !(b || N))
       return null;
-    const S = r ?? (o === "filled" ? "surfaceContainerHighest" : o === "outlined" ? "surface" : "surfaceContainerLow"), $ = d ?? (o === "elevated" ? 1 : 0), B = f ?? (o === "outlined" ? 1 : void 0), k = m ?? (o === "outlined" ? "outlineVariant" : void 0), F = D();
-    return F.merge(s), F.merge(y), /* @__PURE__ */ i(
-      Ae,
+    const S = r ?? (o === "filled" ? "surfaceContainerHighest" : o === "outlined" ? "surface" : "surfaceContainerLow"), $ = d ?? (o === "elevated" ? 1 : 0), M = f ?? (o === "outlined" ? 1 : void 0), k = m ?? (o === "outlined" ? "outlineVariant" : void 0), R = F();
+    return R.merge(s), R.merge(y), /* @__PURE__ */ i(
+      Fe,
       {
         as: e,
-        border: B,
+        border: M,
         borderColor: k,
-        className: se(`uui-card-${o}`, x, n),
+        className: re(`uui-card-${o}`, x, n),
         color: S,
         elementClass: "uui-card",
         elevation: $,
         ref: p,
-        shape: h,
-        style: F.get(),
+        shape: g,
+        style: R.get(),
         type: "block",
         ...a,
-        children: /* @__PURE__ */ i("div", { className: se("uui-card-content", u && "uui-flush"), children: t })
+        children: /* @__PURE__ */ i("div", { className: re("uui-card-content", u && "uui-flush"), children: t })
       }
     );
   }
@@ -3029,7 +3035,7 @@ const Mo = ({
   className: t,
   align: n = "start",
   font: o = "titleMedium"
-}) => e ? /* @__PURE__ */ i("div", { className: se("uui-card-title", t, Ee(o)), children: e && /* @__PURE__ */ i("div", { className: `uui-title uui-title-${n}`, children: e }) }) : null;
+}) => e ? /* @__PURE__ */ i("div", { className: re("uui-card-title", t, Ee(o)), children: e && /* @__PURE__ */ i("div", { className: `uui-title uui-title-${n}`, children: e }) }) : null;
 Mo.displayName = "CardTitle";
 const dr = ({
   leading: e,
@@ -3042,21 +3048,21 @@ const dr = ({
   moreLabel: d,
   moreIcon: f,
   trailing: m,
-  showClose: h,
+  showClose: g,
   onClose: u,
   closeIcon: s,
   font: a
 }) => {
-  const b = h && /* @__PURE__ */ i(Vt, { icon: s ?? bo, onClick: u });
-  return /* @__PURE__ */ L("div", { className: se("uui-card-header"), children: [
+  const b = g && /* @__PURE__ */ i(Vt, { icon: s ?? bo, onClick: u });
+  return /* @__PURE__ */ L("div", { className: re("uui-card-header"), children: [
     /* @__PURE__ */ i(zt, { content: e }),
     /* @__PURE__ */ i(Mo, { align: t, font: a, label: n }),
     /* @__PURE__ */ i(
-      un,
+      dn,
       {
         actions: o,
         align: l,
-        className: se("uui-card-actions", "uui-actions-inline"),
+        className: re("uui-card-actions", "uui-actions-inline"),
         maxActions: 0,
         moreIcon: f,
         moreLabel: d,
@@ -3067,9 +3073,9 @@ const dr = ({
   ] });
 };
 dr.displayName = "CardHeader";
-const fr = ({ children: e, className: t }) => /* @__PURE__ */ i("div", { className: se("uui-card-media", t), children: e });
+const fr = ({ children: e, className: t }) => /* @__PURE__ */ i("div", { className: re("uui-card-media", t), children: e });
 fr.displayName = "CardMedia";
-const pr = M(
+const pr = B(
   ({
     shape: e = "smooth",
     border: t,
@@ -3081,12 +3087,12 @@ const pr = M(
     uncheckedIcon: d,
     indeterminateIcon: f,
     indeterminate: m,
-    icon: h,
+    icon: g,
     size: u = "small",
     filled: s = !0,
     ...a
   }, p) => {
-    const b = o ?? "primary", v = !h && t === void 0 ? void 0 : t;
+    const b = o ?? "primary", v = !g && t === void 0 ? void 0 : t;
     let y;
     return m ? y = t : y = !d && n === void 0 ? t ?? 2 : n, /* @__PURE__ */ i(
       Dn,
@@ -3097,7 +3103,7 @@ const pr = M(
         color: b,
         elementClass: "uui-checkbox",
         filled: s,
-        icon: h ?? Oi,
+        icon: g ?? Oi,
         indeterminate: m,
         indeterminateIcon: f ?? Hi,
         ref: p,
@@ -3113,11 +3119,11 @@ const pr = M(
   }
 );
 pr.displayName = "Checkbox";
-const mr = M(
+const mr = B(
   (e, t) => /* @__PURE__ */ i(tt, { ref: t, ...e, elementClass: "uui-text-field" })
 );
 mr.displayName = "TextField";
-const hr = M(
+const hr = B(
   (e, t) => /* @__PURE__ */ i(
     tt,
     {
@@ -3129,7 +3135,7 @@ const hr = M(
   )
 );
 hr.displayName = "NumberField";
-const gr = M(
+const gr = B(
   (e, t) => /* @__PURE__ */ i(
     tt,
     {
@@ -3141,7 +3147,7 @@ const gr = M(
   )
 );
 gr.displayName = "EmailField";
-const yr = M(
+const yr = B(
   (e, t) => /* @__PURE__ */ i(
     tt,
     {
@@ -3153,7 +3159,7 @@ const yr = M(
   )
 );
 yr.displayName = "PhoneField";
-const br = M(
+const br = B(
   (e, t) => /* @__PURE__ */ i(
     tt,
     {
@@ -3165,7 +3171,7 @@ const br = M(
   )
 );
 br.displayName = "PasswordField";
-const vr = M(
+const vr = B(
   (e, t) => /* @__PURE__ */ i(
     tt,
     {
@@ -3177,7 +3183,7 @@ const vr = M(
   )
 );
 vr.displayName = "DateField";
-const Cr = M(
+const Cr = B(
   (e, t) => /* @__PURE__ */ i(
     tt,
     {
@@ -3189,7 +3195,7 @@ const Cr = M(
   )
 );
 Cr.displayName = "DateTimeField";
-const xr = M(
+const xr = B(
   (e, t) => /* @__PURE__ */ i(
     tt,
     {
@@ -3201,7 +3207,7 @@ const xr = M(
   )
 );
 xr.displayName = "TimeField";
-const wr = M(
+const wr = B(
   (e, t) => /* @__PURE__ */ i(
     tt,
     {
@@ -3213,7 +3219,7 @@ const wr = M(
   )
 );
 wr.displayName = "MonthField";
-const Nr = M(
+const Nr = B(
   (e, t) => /* @__PURE__ */ i(
     tt,
     {
@@ -3225,11 +3231,11 @@ const Nr = M(
   )
 );
 Nr.displayName = "WeekField";
-const kr = M(
+const kr = B(
   (e, t) => /* @__PURE__ */ i(tt, { ref: t, ...e, elementClass: "uui-url-field", type: "url" })
 );
 kr.displayName = "UrlField";
-const Sr = M(
+const Sr = B(
   ({ elevation: e = 3, font: t, size: n = "medium", shape: o = "rounded", label: l, ...c }, r) => /* @__PURE__ */ i(
     jt,
     {
@@ -3251,7 +3257,7 @@ const Sr = M(
   )
 );
 Sr.displayName = "Fab";
-const Lr = M(
+const Lr = B(
   ({
     selected: e = !1,
     shape: t = "rounded",
@@ -3282,43 +3288,43 @@ const $o = (e) => {
     spacing: d = 8,
     vertical: f,
     variant: m = "strong",
-    elevation: h,
+    elevation: g,
     shape: u,
     style: s,
     height: a,
     ...p
   } = e, b = U(null), [v, y] = Z(!1);
-  kn(() => {
+  Sn(() => {
     const S = b.current;
     if (!(S != null && S.parentElement))
       return;
     const $ = getComputedStyle(S.parentElement).display;
     y($.includes("flex"));
   }, []);
-  const g = Math.min(4, Math.max(0, l)), C = se(
+  const h = Math.min(4, Math.max(0, l)), C = re(
     "uui-divider",
-    rt(g === 0 ? 0 : 1),
+    rt(h === 0 ? 0 : 1),
     t,
-    ut(h),
+    ut(g),
     u && We(u)
-  ), N = D(s), x = tn(n ?? o ?? "outlineVariant");
+  ), N = F(s), x = tn(n ?? o ?? "outlineVariant");
   if (N.border(x), N.bg(x), m !== "strong" && (m === "subtle" ? N.set("opacity", "var(--uui-subtle-opacity)") : N.set("opacity", "var(--uui-medium-opacity)")), v ? f ? N.merge({
     height: a,
     alignSelf: "stretch",
-    width: `${g}px`,
+    width: `${h}px`,
     marginInline: `${d}px`
   }) : N.merge({
     flex: "1 1 auto",
-    height: `${g}px`,
+    height: `${h}px`,
     marginBlock: `${d}px`
   }) : f ? N.merge({
     height: a,
     display: "inline-block",
     verticalAlign: "middle",
-    width: `${g}px`,
+    width: `${h}px`,
     marginInline: `${d}px`
   }) : N.merge({
-    height: `${g}px`,
+    height: `${h}px`,
     marginBlock: `${d}px`
   }), c !== "none") {
     const S = c === "left" || c === "top" || c === "middle", $ = c === "right" || c === "bottom" || c === "middle";
@@ -3338,7 +3344,7 @@ const $o = (e) => {
 };
 $o[ko] = !0;
 $o.displayName = "Divider";
-const Ir = M(
+const Ir = B(
   ({
     uncheckedBorder: e,
     border: t,
@@ -3350,14 +3356,14 @@ const Ir = M(
     filled: d = !1,
     icon: f,
     uncheckedIcon: m,
-    animation: h,
+    animation: g,
     ...u
   }, s) => {
     const a = n ?? "primary";
     return /* @__PURE__ */ i(
       Dn,
       {
-        animation: h ?? "scale",
+        animation: g ?? "scale",
         border: !f && t === void 0 ? 2 : t,
         borderColor: o ?? a,
         color: a,
@@ -3392,15 +3398,15 @@ const Eo = ({
   density: d,
   ...f
 }) => {
-  const m = l !== void 0, [h, u] = Z(() => eo(c)), s = m ? eo(l) : h, a = mo("vertical"), p = Ue(
-    (g) => {
-      const C = s.includes(g), N = o === "single" ? C ? [] : [g] : C ? s.filter((x) => x !== g) : [...s, g];
+  const m = l !== void 0, [g, u] = Z(() => eo(c)), s = m ? eo(l) : g, a = mo("vertical"), p = Ue(
+    (h) => {
+      const C = s.includes(h), N = o === "single" ? C ? [] : [h] : C ? s.filter((x) => x !== h) : [...s, h];
       m || u(N), r == null || r(N);
     },
     [s, o, m, r]
   ), b = Ue(
-    (g) => {
-      const C = [g];
+    (h) => {
+      const C = [h];
       m || u(C), r == null || r(C);
     },
     [m, r]
@@ -3412,7 +3418,7 @@ const Eo = ({
     variant: n
   };
   return /* @__PURE__ */ i(Ut.Provider, { value: { values: s, toggle: p, set: b, clear: v, type: o, roving: a, config: y }, children: /* @__PURE__ */ i(
-    Ae,
+    Fe,
     {
       ...f,
       as: "div",
@@ -3432,13 +3438,13 @@ const Eo = ({
   density: r,
   ...d
 }) => {
-  const f = e !== void 0, [m, h] = Z(t), [u, s] = Z(!1), a = U(null), p = U(null), [b, v] = Z({ position: "fixed", opacity: 0 }), y = f ? e : m;
+  const f = e !== void 0, [m, g] = Z(t), [u, s] = Z(!1), a = U(null), p = U(null), [b, v] = Z({ position: "fixed", opacity: 0 }), y = f ? e : m;
   co(u, [a, p], () => {
     s(!1);
-  }), kn(() => {
+  }), Sn(() => {
     if (!u || !a.current || !p.current)
       return;
-    const N = In(a, p, { mode: "dropdown", placement: "auto", offset: 4 }), { width: x } = a.current.getBoundingClientRect();
+    const N = Bn(a, p, { mode: "dropdown", placement: "auto", offset: 4 }), { width: x } = a.current.getBoundingClientRect();
     v({
       position: "fixed",
       left: (N == null ? void 0 : N.x) ?? 0,
@@ -3448,10 +3454,10 @@ const Eo = ({
       opacity: 1
     });
   }, [u]);
-  const g = Ue(
+  const h = Ue(
     (N) => {
       const x = o ? N : N[0];
-      f || h(x), n == null || n(x), o || s(!1);
+      f || g(x), n == null || n(x), o || s(!1);
     },
     [f, o, n]
   ), C = Array.isArray(y) ? y.join(", ") : y ?? "";
@@ -3471,14 +3477,14 @@ const Eo = ({
         value: C
       }
     ),
-    u && sn(
+    u && ln(
       "select-root",
       /* @__PURE__ */ i("div", { ref: p, style: b, children: /* @__PURE__ */ i(
         Eo,
         {
           className: "uui-select-list",
           density: r,
-          onChange: g,
+          onChange: h,
           type: o ? "multiple" : "single",
           value: Array.isArray(y) ? y : y !== void 0 ? [y] : [],
           variant: "listbox",
@@ -3489,7 +3495,7 @@ const Eo = ({
   ] });
 };
 Br.displayName = "Select";
-const Es = ({ children: e, colorMode: t, seedColor: n, colors: o, breakpoints: l, fonts: c }) => {
+const Ds = ({ children: e, colorMode: t, seedColor: n, colors: o, breakpoints: l, fonts: c }) => {
   const [r, d] = Z(() => {
     const s = t === "dark", a = Xn(n, o);
     return {
@@ -3506,35 +3512,35 @@ const Es = ({ children: e, colorMode: t, seedColor: n, colors: o, breakpoints: l
   ), m = Ue(
     (s) => (r.darkMode ? r.schemes.dark : r.schemes.light)[s] ?? "",
     [r]
-  ), h = Ue(
+  ), g = Ue(
     (s, a) => r.schemes[s][a] ?? "",
     [r]
   );
-  me(() => {
+  pe(() => {
     if (t) {
       const s = t === "dark";
       document.body.classList.toggle("dark", s), d((a) => ({ ...a, darkMode: s }));
     }
-  }, [t]), me(() => {
+  }, [t]), pe(() => {
     const s = Xn(n, o);
     d((a) => ({
       ...a,
       schemes: s
     }));
-  }, [o, n]), me(() => {
+  }, [o, n]), pe(() => {
     d((s) => ({
       ...s,
       breakpoints: _t(Xt.breakpoints, l).merged
     }));
-  }, [l]), me(() => {
+  }, [l]), pe(() => {
     const s = _t(Xt.fonts, c).merged;
     d((a) => ({
       ...a,
       fonts: s
     }));
-  }, [c]), me(() => {
+  }, [c]), pe(() => {
     mi(r.schemes);
-  }, [r.schemes]), me(() => {
+  }, [r.schemes]), pe(() => {
     di(r.fonts);
   }, [r.fonts]);
   const u = ht(
@@ -3544,12 +3550,12 @@ const Es = ({ children: e, colorMode: t, seedColor: n, colors: o, breakpoints: l
       darkMode: r.darkMode,
       setDarkMode: f,
       getColorValue: m,
-      getThemeColorValue: h
+      getThemeColorValue: g
     }),
-    [m, h, f, r]
+    [m, g, f, r]
   );
   return /* @__PURE__ */ i(fo.Provider, { value: u, children: e });
-}, Mr = M(
+}, Mr = B(
   ({ children: e, className: t = "", title: n = "", align: o = "topRight", value: l, ...c }, r) => {
     const d = U(null);
     return /* @__PURE__ */ L("span", { className: "uui-tooltip-wrapper", ref: r, ...c, children: [
@@ -3559,31 +3565,31 @@ const Es = ({ children: e, colorMode: t, seedColor: n, colors: o, breakpoints: l
   }
 );
 Mr.displayName = "Tooltip";
-const $r = M(({ direction: e = "col", ...t }, n) => /* @__PURE__ */ i(Ae, { ref: n, ...t, as: "article", direction: e, elementClass: "uui-article" }));
+const $r = B(({ direction: e = "col", ...t }, n) => /* @__PURE__ */ i(Fe, { ref: n, ...t, as: "article", direction: e, elementClass: "uui-article" }));
 $r.displayName = "Article";
-const Er = M(({ direction: e = "col", ...t }, n) => /* @__PURE__ */ i(Ae, { ref: n, ...t, as: "aside", direction: e, elementClass: "uui-aside" }));
+const Er = B(({ direction: e = "col", ...t }, n) => /* @__PURE__ */ i(Fe, { ref: n, ...t, as: "aside", direction: e, elementClass: "uui-aside" }));
 Er.displayName = "Aside";
-const Dr = M(({ direction: e = "col", ...t }, n) => /* @__PURE__ */ i(Ae, { ref: n, ...t, direction: e, elementClass: "uui-article-content" }));
+const Dr = B(({ direction: e = "col", ...t }, n) => /* @__PURE__ */ i(Fe, { ref: n, ...t, direction: e, elementClass: "uui-article-content" }));
 Dr.displayName = "Content";
-const Fr = M((e, t) => /* @__PURE__ */ i(Ae, { ...e, ref: t, type: "block" }));
+const Fr = B((e, t) => /* @__PURE__ */ i(Fe, { ...e, ref: t, type: "block" }));
 Fr.displayName = "Div";
-const Do = M(
-  ({ direction: e = "row", ...t }, n) => /* @__PURE__ */ i(Ae, { ...t, direction: e, ref: n, type: "flex" })
-);
+const Do = B(({ direction: e = "row", ...t }, n) => /* @__PURE__ */ i(Fe, { ...t, direction: e, ref: n, type: "flex" }));
 Do.displayName = "Flex";
-const Rr = M(({ direction: e = "row", ...t }, n) => /* @__PURE__ */ i(Ae, { ref: n, ...t, as: "footer", direction: e, elementClass: "uui-footer" }));
+const Rr = B(({ direction: e = "row", ...t }, n) => /* @__PURE__ */ i(Fe, { ref: n, ...t, as: "footer", direction: e, elementClass: "uui-footer" }));
 Rr.displayName = "Footer";
-const Fo = M((e, t) => /* @__PURE__ */ i(Ae, { ...e, ref: t, type: "grid" }));
+const Fo = B((e, t) => /* @__PURE__ */ i(Fe, { ...e, ref: t, type: "grid" }));
 Fo.displayName = "Grid";
-const Tr = M(({ direction: e = "row", ...t }, n) => /* @__PURE__ */ i(Ae, { ref: n, ...t, as: "header", direction: e, elementClass: "uui-header" }));
+const Tr = B(({ direction: e = "row", ...t }, n) => /* @__PURE__ */ i(Fe, { ref: n, ...t, as: "header", direction: e, elementClass: "uui-header" }));
 Tr.displayName = "Header";
-const Vr = M(({ direction: e = "col", ...t }, n) => /* @__PURE__ */ i(Ae, { ref: n, ...t, as: "main", direction: e, elementClass: "uui-main" }));
+const Vr = B(({ direction: e = "col", ...t }, n) => /* @__PURE__ */ i(Fe, { ref: n, ...t, as: "main", direction: e, elementClass: "uui-main" }));
 Vr.displayName = "Main";
-const Ar = M(({ direction: e = "row", ...t }, n) => /* @__PURE__ */ i(Ae, { ref: n, ...t, as: "nav", direction: e, elementClass: "uui-nav" }));
+const Ar = B(({ direction: e = "row", ...t }, n) => /* @__PURE__ */ i(Fe, { ref: n, ...t, as: "nav", direction: e, elementClass: "uui-nav" }));
 Ar.displayName = "Nav";
-const Pr = M(({ direction: e = "col", ...t }, n) => /* @__PURE__ */ i(Ae, { ref: n, ...t, as: "section", direction: e, elementClass: "uui-section" }));
+const Pr = B(({ direction: e = "col", ...t }, n) => /* @__PURE__ */ i(Fe, { ref: n, ...t, as: "section", direction: e, elementClass: "uui-section" }));
 Pr.displayName = "Section";
-const Ro = M(
+const jr = B((e, t) => /* @__PURE__ */ i(Fe, { ...e, direction: "col", ref: t, type: "flex" }));
+jr.displayName = "Stack";
+const Ro = B(
   ({
     description: e,
     error: t,
@@ -3595,21 +3601,21 @@ const Ro = M(
     direction: d = "col",
     required: f,
     descriptionColor: m,
-    descriptionFont: h,
+    descriptionFont: g,
     alignItems: u = "start",
     ...s
   }, a) => {
-    const p = c ?? o, b = ["uui-fieldset-legend", Ee(n ?? "labelLarge")].filter(Boolean).join(" "), v = D();
+    const p = c ?? o, b = ["uui-fieldset-legend", Ee(n ?? "labelLarge")].filter(Boolean).join(" "), v = F();
     t ? v.text("error") : m ? v.text(m) : v.text.on("surfaceVariant");
     const y = [
       "uui-support-text",
-      Ee(h ?? "bodySmall"),
+      Ee(g ?? "bodySmall"),
       t && "uui-error",
       e && !t && "uui-description"
-    ].filter(Boolean).join(" "), g = (e ?? t) && /* @__PURE__ */ i("div", { className: y, style: v.get(), children: t ?? e });
+    ].filter(Boolean).join(" "), h = (e ?? t) && /* @__PURE__ */ i("div", { className: y, style: v.get(), children: t ?? e });
     return /* @__PURE__ */ L(nt, { children: [
       /* @__PURE__ */ i(on.Provider, { value: { disabled: l }, children: /* @__PURE__ */ L(
-        Ae,
+        Fe,
         {
           ref: a,
           ...s,
@@ -3627,12 +3633,12 @@ const Ro = M(
           ]
         }
       ) }),
-      g
+      h
     ] });
   }
 );
 Ro.displayName = "Fieldset";
-const jr = M(
+const Or = B(
   ({
     name: e,
     disabled: t,
@@ -3642,11 +3648,11 @@ const jr = M(
     children: c,
     ...r
   }, d) => {
-    const [f, m] = Z(l), h = o !== void 0, u = h ? o : f, s = Ue(
+    const [f, m] = Z(l), g = o !== void 0, u = g ? o : f, s = Ue(
       (p) => {
-        h || m(p), n == null || n(p);
+        g || m(p), n == null || n(p);
       },
-      [h, n]
+      [g, n]
     ), a = ht(
       () => ({ name: e, value: u, setValue: s, disabled: t }),
       [e, u, s, t]
@@ -3654,8 +3660,8 @@ const jr = M(
     return /* @__PURE__ */ i(Ro, { disabled: t, ref: d, ...r, children: /* @__PURE__ */ i(uo.Provider, { value: a, children: c }) });
   }
 );
-jr.displayName = "RadioGroup";
-const Or = Symbol.for("uui.listItem"), An = M(
+Or.displayName = "RadioGroup";
+const Hr = Symbol.for("uui.listItem"), An = B(
   ({
     shape: e,
     touchEffects: t = ["ripple"],
@@ -3667,7 +3673,7 @@ const Or = Symbol.for("uui.listItem"), An = M(
     textColor: d,
     labelColor: f,
     descriptionColor: m,
-    shortcutColor: h,
+    shortcutColor: g,
     fixedLeading: u,
     color: s,
     icon: a,
@@ -3675,75 +3681,75 @@ const Or = Symbol.for("uui.listItem"), An = M(
     leading: b,
     trailing: v,
     label: y,
-    disabled: g = !1,
+    disabled: h = !1,
     className: C,
     onClick: N,
     badge: x,
     expanded: S,
     active: $,
-    children: B,
+    children: M,
     focusVisible: k,
-    type: F = "item",
+    type: R = "item",
     checked: H,
     description: z,
     shortcut: P,
     density: Ce,
     horizontal: ge,
     labelFont: xe,
-    font: he,
-    descriptionFont: le,
+    font: me,
+    descriptionFont: se,
     shortcutFont: j,
     selected: O,
     __index: ke,
-    __interactionsDisabled: de,
-    onChange: Pe,
+    __interactionsDisabled: ue,
+    onChange: je,
     variant: J = "classic",
     ...De
-  }, ae) => {
-    const ee = U(null), ye = et.Children.toArray(B), te = ye.find((oe) => At(oe)), _ = ye.filter((oe) => !At(oe)), T = !!te;
-    let ce;
-    F !== "item" && (F === "radio" ? ce = H ? l ?? vo : c ?? Co : F === "checkbox" && (ce = H ? l ?? Wi : c));
-    const je = ce ?? b ?? a ?? (u && !ge), Fe = je && /* @__PURE__ */ i("div", { className: "uui-icon uui-leading", children: je }), Se = v ?? p;
+  }, le) => {
+    const ee = U(null), ye = et.Children.toArray(M), he = ye.find((ne) => At(ne)), _ = ye.filter((ne) => !At(ne)), D = !!he;
+    let ae;
+    R !== "item" && (R === "radio" ? ae = H ? l ?? vo : c ?? Co : R === "checkbox" && (ae = H ? l ?? Wi : c));
+    const Re = ae ?? b ?? a ?? (u && !ge), Te = Re && /* @__PURE__ */ i("div", { className: "uui-icon uui-leading", children: Re }), Se = v ?? p;
     let W;
     x && (typeof x == "string" || typeof x == "number" ? W = /* @__PURE__ */ i(Rn, { value: x }) : W = x);
-    const ne = J === "modern" ? "labelLarge" : "bodyLarge", Q = xe ?? he ?? ne, fe = le ?? (J === "modern" ? "bodySmall" : "bodyMedium"), Me = j ?? ne, ie = D();
-    ie.text(h);
-    const Le = T && !ge ? yo : Se, $e = P && /* @__PURE__ */ i("div", { className: `uui-menu-item-shortcut ${Ee(Me)}`, style: ie.get(), children: P }), Ke = (P ?? x ?? Le) && /* @__PURE__ */ L(nt, { children: [
+    const te = J === "modern" ? "labelLarge" : "bodyLarge", Q = xe ?? me ?? te, de = se ?? (J === "modern" ? "bodySmall" : "bodyMedium"), Me = j ?? te, oe = F();
+    oe.text(g);
+    const Le = D && !ge ? yo : Se, $e = P && /* @__PURE__ */ i("div", { className: `uui-menu-item-shortcut ${Ee(Me)}`, style: oe.get(), children: P }), Ke = (P ?? x ?? Le) && /* @__PURE__ */ L(nt, { children: [
       $e,
       W,
       Le && /* @__PURE__ */ i("div", { className: "uui-icon uui-trailing", children: Le })
-    ] }), Ie = D();
+    ] }), Ie = F();
     Ie.text(f);
-    const pe = y && /* @__PURE__ */ i("div", { className: `uui-menu-item-label ${Ee(Q)}`, style: Ie.get(), children: y }), we = D();
+    const fe = y && /* @__PURE__ */ i("div", { className: `uui-menu-item-label ${Ee(Q)}`, style: Ie.get(), children: y }), we = F();
     (m || !d && J === "classic" && (s != null && s.startsWith("surface"))) && (m ? we.text(m) : we.text.on("surfaceVariant"));
-    const re = z && /* @__PURE__ */ i(
+    const ie = z && /* @__PURE__ */ i(
       "div",
       {
-        className: `uui-menu-item-description ${Ee(fe)}`,
+        className: `uui-menu-item-description ${Ee(de)}`,
         style: we.get(),
         children: z
       }
-    ), Be = (pe ?? re) && /* @__PURE__ */ L("div", { className: "uui-menu-item-text", children: [
-      pe,
-      re
-    ] }), ue = (oe) => {
-      if (de || g) {
-        oe == null || oe.preventDefault();
+    ), Be = (fe ?? ie) && /* @__PURE__ */ L("div", { className: "uui-menu-item-text", children: [
+      fe,
+      ie
+    ] }), ce = (ne) => {
+      if (ue || h) {
+        ne == null || ne.preventDefault();
         return;
       }
-      N == null || N(oe), t.includes("ripple") && ee.current && oe && Mt(ee.current, oe);
+      N == null || N(ne), t.includes("ripple") && ee.current && ne && Mt(ee.current, ne);
     };
     let Ne = s ?? (J === "modern" ? "surfaceContainerLow" : "surfaceContainer");
-    F === "option" && O && o.includes("color") && (Ne = r ?? (J === "modern" ? "tertiaryContainer" : "secondaryContainer"));
-    const G = D();
+    R === "option" && O && o.includes("color") && (Ne = r ?? (J === "modern" ? "tertiaryContainer" : "secondaryContainer"));
+    const G = F();
     G.bg.on(Ne);
-    const K = D();
+    const K = F();
     K.bg(Ne), d ? K.text(d) : K.text.on(Ne);
     const He = [
       "uui-menu-item",
       C,
       ot(Ce),
-      g && "uui-disabled",
+      h && "uui-disabled",
       J === "modern" ? "uui-menu-item-modern" : "uui-menu-item-classic"
     ].filter(Boolean).join(" "), be = We(e ?? (J === "modern" ? "rounded" : "smooth")), I = [
       "uui-menu-item-content",
@@ -3754,7 +3760,7 @@ const Or = Symbol.for("uui.listItem"), An = M(
       $ && k && "uui-focus-visible"
     ].filter(Boolean).join(" "), Y = /* @__PURE__ */ L("div", { className: I, style: K.get(), children: [
       _.length > 0 ? /* @__PURE__ */ i("div", { className: "uui-menu-item-children", children: _ }) : /* @__PURE__ */ L(nt, { children: [
-        Fe,
+        Te,
         Be,
         Ke
       ] }),
@@ -3766,13 +3772,13 @@ const Or = Symbol.for("uui.listItem"), An = M(
         "div",
         {
           ...De,
-          "aria-checked": F === "radio" || F === "checkbox" ? H ?? !1 : void 0,
-          "aria-disabled": g ? "true" : void 0,
-          "aria-expanded": T ? S : void 0,
-          "aria-haspopup": T ? "menu" : void 0,
+          "aria-checked": R === "radio" || R === "checkbox" ? H ?? !1 : void 0,
+          "aria-disabled": h ? "true" : void 0,
+          "aria-expanded": D ? S : void 0,
+          "aria-haspopup": D ? "menu" : void 0,
           className: He,
-          onClick: ue,
-          ref: st(ee, ae),
+          onClick: ce,
+          ref: st(ee, le),
           role: "option",
           tabIndex: -1,
           children: Y
@@ -3781,35 +3787,35 @@ const Or = Symbol.for("uui.listItem"), An = M(
     );
   }
 );
-An[Or] = !0;
+An[Hr] = !0;
 An[Fn] = !0;
 An.displayName = "ListItem";
-const Ds = (e) => /* @__PURE__ */ i(Eo, { ...e, variant: "listbox" }), To = Symbol.for("uui.item");
-function Fs(e) {
+const Fs = (e) => /* @__PURE__ */ i(Eo, { ...e, variant: "listbox" }), To = Symbol.for("uui.item");
+function Rs(e) {
   return dt(e) && typeof e.type != "string" && !!e.type[To];
 }
-const Pn = M(
-  ({ label: e, description: t, leading: n, trailing: o, value: l, disabled: c, className: r, onClick: d, onKeyDown: f, ...m }, h) => {
+const Pn = B(
+  ({ label: e, description: t, leading: n, trailing: o, value: l, disabled: c, className: r, onClick: d, onKeyDown: f, ...m }, g) => {
     const u = Bt(Ut), s = u == null ? void 0 : u.config, a = U(null), p = l ? (u == null ? void 0 : u.values.includes(l)) ?? !1 : !1, b = (s == null ? void 0 : s.itemRole) ?? "listitem";
-    me(() => {
-      const g = a.current;
-      if (!(!g || !(u != null && u.roving)))
-        return u.roving.register(g), () => {
+    pe(() => {
+      const h = a.current;
+      if (!(!h || !(u != null && u.roving)))
+        return u.roving.register(h), () => {
           var C;
-          return (C = u.roving) == null ? void 0 : C.unregister(g);
+          return (C = u.roving) == null ? void 0 : C.unregister(h);
         };
     }, [u == null ? void 0 : u.roving]);
-    const v = (g) => {
-      c || (l && u && u.toggle(l), d == null || d(g), a.current && Mt(a.current, g));
-    }, y = (g) => {
+    const v = (h) => {
+      c || (l && u && u.toggle(l), d == null || d(h), a.current && Mt(a.current, h));
+    }, y = (h) => {
       var C;
-      (C = u == null ? void 0 : u.roving) == null || C.onKeyDown(g), (g.key === "Enter" || g.key === " ") && !c && l && u && (g.preventDefault(), u.toggle(l)), f == null || f(g);
+      (C = u == null ? void 0 : u.roving) == null || C.onKeyDown(h), (h.key === "Enter" || h.key === " ") && !c && l && u && (h.preventDefault(), u.toggle(l)), f == null || f(h);
     };
     return /* @__PURE__ */ L(
       "div",
       {
         ...m,
-        ref: st(a, h),
+        ref: st(a, g),
         role: b,
         "aria-selected": p,
         "aria-disabled": c || void 0,
@@ -3837,7 +3843,7 @@ const Pn = M(
 );
 Pn[To] = !0;
 Pn.displayName = "Item";
-const Rs = Pn, Hr = M((e, t) => {
+const Ts = Pn, _r = B((e, t) => {
   const {
     density: n,
     icon: o,
@@ -3847,7 +3853,7 @@ const Rs = Pn, Hr = M((e, t) => {
     children: d,
     color: f = "primary",
     uncheckedColor: m,
-    defaultChecked: h,
+    defaultChecked: g,
     hoverEffects: u = ["overlay"],
     touchEffects: s = ["ripple"],
     focusEffects: a = ["ring"],
@@ -3855,48 +3861,48 @@ const Rs = Pn, Hr = M((e, t) => {
     pressedEffects: b = ["overlay", "scale"],
     id: v,
     name: y,
-    label: g,
+    label: h,
     font: C,
     border: N,
     borderColor: x,
     uncheckedBorder: S,
     uncheckedBorderColor: $,
-    onChange: B,
+    onChange: M,
     onClick: k,
-    onFocus: F,
+    onFocus: R,
     onBlur: H,
     required: z,
     shape: P = "round",
     title: Ce,
     value: ge,
     size: xe = "small",
-    uncheckedIcon: he,
-    description: le,
+    uncheckedIcon: me,
+    description: se,
     className: j,
     error: O,
     focusColor: ke,
-    duration: de = 200,
-    tooltipAlign: Pe = "auto",
+    duration: ue = 200,
+    tooltipAlign: je = "auto",
     textPlacement: J = "end",
     "aria-label": De,
-    readOnly: ae,
+    readOnly: le,
     ...ee
-  } = e, ye = U(null), te = Bt(on), _ = l ?? (te == null ? void 0 : te.disabled), { focusVisible: T, isFocused: ce, focusHandlers: je } = wt(F, H), Fe = U(null), Se = U(null), W = U(null), ne = Nt("check"), Q = v ?? ne, fe = r !== void 0, [Me, ie] = Z(h ?? !1), Le = fe ? !!r : Me, $e = De ?? (g ? void 0 : Ce), Ke = O ? "error" : f, Ie = Ce ? /* @__PURE__ */ i("div", { id: `${Q}-tip`, children: Ce }) : null, pe = (E) => {
-    if (ae) {
+  } = e, ye = U(null), he = Bt(on), _ = l ?? (he == null ? void 0 : he.disabled), { focusVisible: D, isFocused: ae, focusHandlers: Re } = wt(R, H), Te = U(null), Se = U(null), W = U(null), te = Nt("check"), Q = v ?? te, de = r !== void 0, [Me, oe] = Z(g ?? !1), Le = de ? !!r : Me, $e = De ?? (h ? void 0 : Ce), Ke = O ? "error" : f, Ie = Ce ? /* @__PURE__ */ i("div", { id: `${Q}-tip`, children: Ce }) : null, fe = (E) => {
+    if (le) {
       E.preventDefault();
       return;
     }
-    const Te = E.currentTarget;
-    fe || ie(Te.checked), B == null || B(E);
+    const Ae = E.currentTarget;
+    de || oe(Ae.checked), M == null || M(E);
   }, we = (E) => {
-    if (ae) {
+    if (le) {
       E.preventDefault();
       return;
     }
     s.includes("ripple") && (ye.current && clearTimeout(ye.current), ye.current = window.setTimeout(() => {
       W.current && Se.current && (Mt(W.current, E, Se.current), ye.current = null);
-    }, de)), k == null || k(E);
-  }, re = [
+    }, ue)), k == null || k(E);
+  }, ie = [
     "uui-switch",
     ot(n),
     j,
@@ -3906,23 +3912,23 @@ const Rs = Pn, Hr = M((e, t) => {
   ].filter(Boolean).join(" "), Be = [
     "uui-switch-control",
     Le && "uui-checked",
-    he && "uui-symmetric-thumb",
-    ...u.includes("overlay") && !ae ? ["uui-hover-overlay"] : [],
-    ...a.includes("overlay") && T && ce ? ["uui-focus-overlay"] : [],
+    me && "uui-symmetric-thumb",
+    ...u.includes("overlay") && !le ? ["uui-hover-overlay"] : [],
+    ...a.includes("overlay") && D && ae ? ["uui-focus-overlay"] : [],
     ...p.includes("overlay") ? ["uui-selected-overlay"] : [],
-    ...b.includes("overlay") && !ae ? ["uui-pressed-overlay"] : [],
-    ...b.includes("scale") && !ae ? ["uui-pressed-scale"] : [],
+    ...b.includes("overlay") && !le ? ["uui-pressed-overlay"] : [],
+    ...b.includes("scale") && !le ? ["uui-pressed-scale"] : [],
     We(P),
-    a.includes("ring") && T && ce && "uui-focus-visible uui-focus-ring"
-  ].filter(Boolean).join(" "), ue = D();
-  ke && T && ce && ue.set("--uui-focus-color", so(ke).color), ue.set("--uui-switch-duration", `${de}ms`);
-  const Ne = ["uui-input"].filter(Boolean).join(" "), G = ["uui-state", We("round")].filter(Boolean).join(" "), K = D(), be = [
+    a.includes("ring") && D && ae && "uui-focus-visible uui-focus-ring"
+  ].filter(Boolean).join(" "), ce = F();
+  ke && D && ae && ce.set("--uui-focus-color", so(ke).color), ce.set("--uui-switch-duration", `${ue}ms`);
+  const Ne = ["uui-input"].filter(Boolean).join(" "), G = ["uui-state", We("round")].filter(Boolean).join(" "), K = F(), be = [
     "uui-switch-track",
     rt(Le ? N : S ?? N ?? 2),
     We(P),
     ut(c)
-  ].filter(Boolean).join(" "), I = D(), Y = ["uui-switch-thumb", We(P)].filter(Boolean).join(" "), Re = ["uui-icon"].filter(Boolean).join(" "), oe = D(), Ge = ["uui-switch-glyph"].filter(Boolean).join(" "), ze = D(), Ze = D();
-  I.border(O ? "error" : x ?? "outline"), Ze.border(O ? "error" : x ?? "outline"), Le ? (K.bg(Ke), I.bg(O ? "errorContainer" : f), ze.bg.on(f), oe.text.onContainer(f)) : ($ && (I.border(O ? "error" : $), Ze.border(O ? "error" : $)), K.bg(O ? "error" : m ?? "onSurface"), I.bg(O ? "errorContainer" : m ?? "surfaceContainerHighest"), m ? (ze.bg.on(m), oe.text.onContainer(m)) : (ze.bg(he ? "onSurfaceVariant" : "outline"), oe.text("surfaceContainerHighest")));
+  ].filter(Boolean).join(" "), I = F(), Y = ["uui-switch-thumb", We(P)].filter(Boolean).join(" "), Ve = ["uui-icon"].filter(Boolean).join(" "), ne = F(), Ge = ["uui-switch-glyph"].filter(Boolean).join(" "), ze = F(), Ze = F();
+  I.border(O ? "error" : x ?? "outline"), Ze.border(O ? "error" : x ?? "outline"), Le ? (K.bg(Ke), I.bg(O ? "errorContainer" : f), ze.bg.on(f), ne.text.onContainer(f)) : ($ && (I.border(O ? "error" : $), Ze.border(O ? "error" : $)), K.bg(O ? "error" : m ?? "onSurface"), I.bg(O ? "errorContainer" : m ?? "surfaceContainerHighest"), m ? (ze.bg.on(m), ne.text.onContainer(m)) : (ze.bg(me ? "onSurfaceVariant" : "outline"), ne.text("surfaceContainerHighest")));
   let qe;
   if (d) {
     const E = [
@@ -3936,74 +3942,74 @@ const Rs = Pn, Hr = M((e, t) => {
       /* @__PURE__ */ i("div", { className: G, ref: W, style: K.get() })
     ] });
   } else {
-    const E = Le ? o : he;
+    const E = Le ? o : me;
     qe = /* @__PURE__ */ L(nt, { children: [
       /* @__PURE__ */ i("div", { className: be, style: I.get() }),
       /* @__PURE__ */ L("div", { className: Y, children: [
-        /* @__PURE__ */ i("div", { className: Ge, style: ze.get(), children: /* @__PURE__ */ i("div", { className: Re, style: oe.get(), children: E }) }),
+        /* @__PURE__ */ i("div", { className: Ge, style: ze.get(), children: /* @__PURE__ */ i("div", { className: Ve, style: ne.get(), children: E }) }),
         /* @__PURE__ */ i("div", { className: G, ref: W, style: K.get() })
       ] })
     ] });
   }
-  const R = g && /* @__PURE__ */ i($n, { font: C, htmlFor: Q, label: g, required: z }), q = /* @__PURE__ */ i(an, { description: le, error: O }), V = /* @__PURE__ */ i("div", { className: "uui-switch-control-wrapper", children: /* @__PURE__ */ L("div", { className: Be, ref: Se, style: ue.get(), children: [
+  const T = h && /* @__PURE__ */ i($n, { font: C, htmlFor: Q, label: h, required: z }), q = /* @__PURE__ */ i(cn, { description: se, error: O }), V = /* @__PURE__ */ i("div", { className: "uui-switch-control-wrapper", children: /* @__PURE__ */ L("div", { className: Be, ref: Se, style: ce.get(), children: [
     /* @__PURE__ */ i(
       "input",
       {
-        ...je,
+        ...Re,
         "aria-label": $e,
-        "aria-readonly": ae === !0 ? !0 : void 0,
+        "aria-readonly": le === !0 ? !0 : void 0,
         checked: !!Le,
         className: Ne,
         disabled: _,
         id: Q,
         name: y,
-        onChange: pe,
+        onChange: fe,
         onClick: we,
-        readOnly: ae,
-        ref: st(Fe, t),
+        readOnly: le,
+        ref: st(Te, t),
         type: "checkbox",
         value: ge,
         ...ee
       }
     ),
     qe,
-    Ie && /* @__PURE__ */ i(Pt, { align: Pe, tooltip: Ie, triggerRef: Fe })
+    Ie && /* @__PURE__ */ i(Pt, { align: je, tooltip: Ie, triggerRef: Te })
   ] }) });
   return /* @__PURE__ */ i(
-    ln,
+    an,
     {
-      className: re,
+      className: ie,
       control: V,
       description: q,
-      label: R,
+      label: T,
       textPlacement: J
     }
   );
 });
-Hr.displayName = "Switch";
-const _r = M(({ font: e = "headlineLarge", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "h1", elementClass: "uui-h1", font: e }));
-_r.displayName = "H1";
-const Wr = M(({ font: e = "headlineMedium", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "h2", elementClass: "uui-h2", font: e }));
-Wr.displayName = "H2";
-const Ur = M(({ font: e = "headlineSmall", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "h3", elementClass: "uui-h3", font: e }));
-Ur.displayName = "H3";
-const zr = M(({ font: e = "titleLarge", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "h4", elementClass: "uui-h4", font: e }));
-zr.displayName = "H4";
-const Kr = M(({ font: e = "titleMedium", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "h5", elementClass: "uui-h5", font: e }));
-Kr.displayName = "H5";
-const Zr = M(({ font: e = "titleSmall", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "h6", elementClass: "uui-h6", font: e }));
-Zr.displayName = "H6";
-const qr = M((e, t) => /* @__PURE__ */ i(pt, { ref: t, ...e, as: "p", elementClass: "uui-p" }));
-qr.displayName = "P";
-const Gr = M((e, t) => /* @__PURE__ */ i(pt, { ref: t, ...e, as: "span", elementClass: "uui-span" }));
-Gr.displayName = "Span";
-const Yr = M(({ font: e = "labelLarge", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "label", elementClass: "uui-label", font: e }));
-Yr.displayName = "Label";
+_r.displayName = "Switch";
+const Wr = B(({ font: e = "headlineLarge", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "h1", elementClass: "uui-h1", font: e }));
+Wr.displayName = "H1";
+const Ur = B(({ font: e = "headlineMedium", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "h2", elementClass: "uui-h2", font: e }));
+Ur.displayName = "H2";
+const zr = B(({ font: e = "headlineSmall", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "h3", elementClass: "uui-h3", font: e }));
+zr.displayName = "H3";
+const Kr = B(({ font: e = "titleLarge", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "h4", elementClass: "uui-h4", font: e }));
+Kr.displayName = "H4";
+const Zr = B(({ font: e = "titleMedium", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "h5", elementClass: "uui-h5", font: e }));
+Zr.displayName = "H5";
+const qr = B(({ font: e = "titleSmall", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "h6", elementClass: "uui-h6", font: e }));
+qr.displayName = "H6";
+const Gr = B((e, t) => /* @__PURE__ */ i(pt, { ref: t, ...e, as: "p", elementClass: "uui-p" }));
+Gr.displayName = "P";
+const Yr = B((e, t) => /* @__PURE__ */ i(pt, { ref: t, ...e, as: "span", elementClass: "uui-span" }));
+Yr.displayName = "Span";
+const Xr = B(({ font: e = "labelLarge", ...t }, n) => /* @__PURE__ */ i(pt, { ref: n, ...t, as: "label", elementClass: "uui-label", font: e }));
+Xr.displayName = "Label";
 const Vo = Symbol.for("uui.accordionItem");
-function Xr(e) {
+function Jr(e) {
   return dt(e) && typeof e.type != "string" && !!e.type[Vo];
 }
-const Ts = ({
+const Vs = ({
   type: e = "single",
   variant: t = "segmented",
   children: n,
@@ -4014,11 +4020,11 @@ const Ts = ({
   showIcon: d,
   font: f,
   shape: m,
-  animation: h,
+  animation: g,
   color: u,
   disabled: s
 }) => {
-  const a = Ei(e, "vertical"), { values: p } = a, b = et.Children.toArray(n).filter(Xr), g = {
+  const a = Ei(e, "vertical"), { values: p } = a, b = et.Children.toArray(n).filter(Jr), h = {
     elevation: r,
     border: l ?? (t !== "text" ? 1 : void 0),
     borderColor: c,
@@ -4028,10 +4034,10 @@ const Ts = ({
     variant: t,
     showIcon: d,
     font: f,
-    animation: h,
+    animation: g,
     color: u,
     disabled: s,
-    ...g
+    ...h
   }, N = ht(
     () => ({
       ...a,
@@ -4039,17 +4045,17 @@ const Ts = ({
     }),
     [C, a]
   ), x = [], S = [];
-  b.forEach((B) => {
-    t === "pills" || t === "segmented" ? x.push([B]) : S.push(B);
+  b.forEach((M) => {
+    t === "pills" || t === "segmented" ? x.push([M]) : S.push(M);
   }), S.length && x.push(S);
   const $ = ["uui-accordion-group", ot(o)];
-  return /* @__PURE__ */ i(Ut.Provider, { value: N, children: /* @__PURE__ */ i("div", { className: `uui-accordion uui-accordion-${t}`, children: x.map((B, k) => {
-    const H = B[0].props.value, z = p.includes(H), P = k === 0, Ce = k === b.length - 1, ge = b[k - 1], xe = b[k + 1], he = ge && p.includes(ge.props.value), le = xe && p.includes(xe.props.value), j = t === "segmented", O = j && !P && !z && !he, ke = j && !Ce && !z && !le;
+  return /* @__PURE__ */ i(Ut.Provider, { value: N, children: /* @__PURE__ */ i("div", { className: `uui-accordion uui-accordion-${t}`, children: x.map((M, k) => {
+    const H = M[0].props.value, z = p.includes(H), P = k === 0, Ce = k === b.length - 1, ge = b[k - 1], xe = b[k + 1], me = ge && p.includes(ge.props.value), se = xe && p.includes(xe.props.value), j = t === "segmented", O = j && !P && !z && !me, ke = j && !Ce && !z && !se;
     return /* @__PURE__ */ i(
-      Ae,
+      Fe,
       {
-        ...g,
-        className: se($, z && "uui-open"),
+        ...h,
+        className: re($, z && "uui-open"),
         direction: "col",
         style: j ? {
           borderTopLeftRadius: O ? 0 : void 0,
@@ -4060,12 +4066,12 @@ const Ts = ({
           position: "relative",
           transition: "all 250ms ease"
         } : void 0,
-        children: B
+        children: M
       },
       H
     );
   }) }) });
-}, Jr = ({
+}, Qr = ({
   value: e,
   label: t,
   children: n,
@@ -4076,7 +4082,7 @@ const Ts = ({
   font: d,
   variant: f,
   animation: m,
-  flush: h,
+  flush: g,
   divided: u,
   onFocus: s,
   onBlur: a,
@@ -4084,35 +4090,35 @@ const Ts = ({
   disabled: b,
   hoverEffects: v = ["overlay"],
   focusEffects: y = ["ring", "overlay"],
-  pressedEffects: g = ["overlay"],
+  pressedEffects: h = ["overlay"],
   touchEffects: C = ["ripple"],
   selectedEffects: N = ["color"]
 }) => {
-  const x = U(null), { values: S, toggle: $, roving: B, config: k } = po(), F = S.includes(e), { focusVisible: H, focusHandlers: z } = wt(s, a), P = `accordion-${e}`, Ce = c ?? (k == null ? void 0 : k.showIcon) ?? !0, ge = f ?? (k == null ? void 0 : k.variant) ?? "segmented", xe = b ?? (k == null ? void 0 : k.disabled), he = p ?? (k == null ? void 0 : k.color), le = Ce && /* @__PURE__ */ i("div", { className: "uui-accordion-icon uui-icon", children: r ?? xo }), j = o && /* @__PURE__ */ i(zt, { content: o }), O = (l ?? Ce) && /* @__PURE__ */ i(Kt, { content: l, end: le }), ke = [
+  const x = U(null), { values: S, toggle: $, roving: M, config: k } = po(), R = S.includes(e), { focusVisible: H, focusHandlers: z } = wt(s, a), P = `accordion-${e}`, Ce = c ?? (k == null ? void 0 : k.showIcon) ?? !0, ge = f ?? (k == null ? void 0 : k.variant) ?? "segmented", xe = b ?? (k == null ? void 0 : k.disabled), me = p ?? (k == null ? void 0 : k.color), se = Ce && /* @__PURE__ */ i("div", { className: "uui-accordion-icon uui-icon", children: r ?? xo }), j = o && /* @__PURE__ */ i(zt, { content: o }), O = (l ?? Ce) && /* @__PURE__ */ i(Kt, { content: l, end: se }), ke = [
     "uui-accordion-trigger",
     Ee(d ?? (k == null ? void 0 : k.font) ?? "labelLarge"),
     ...y.includes("ring") && H ? ["uui-focus-ring"] : [],
     ...y.includes("overlay") ? ["uui-focus-overlay"] : [],
     ...v.includes("overlay") ? ["uui-hover-overlay"] : [],
-    ...g.includes("overlay") ? ["uui-pressed-overlay"] : []
+    ...h.includes("overlay") ? ["uui-pressed-overlay"] : []
   ].filter(Boolean).join(" ");
-  function de(ee) {
+  function ue(ee) {
     $(e), C.includes("ripple") && x.current && Mt(x.current, ee);
   }
-  const Pe = [
+  const je = [
     `uui-accordion-item uui-accordion-item-${ge}`,
-    h && "uui-flush",
+    g && "uui-flush",
     u && "uui-divided"
-  ].filter(Boolean).join(" "), J = D(), De = D();
-  De.bg.on(he), J.bg(he), J.text.on(he);
-  const ae = {
+  ].filter(Boolean).join(" "), J = F(), De = F();
+  De.bg.on(me), J.bg(me), J.text.on(me);
+  const le = {
     animation: "fade",
     duration: 220,
     style: "regular",
     ...typeof (k == null ? void 0 : k.animation) == "string" ? { animation: k.animation } : k == null ? void 0 : k.animation,
     ...typeof m == "string" ? { animation: m } : m
   };
-  return /* @__PURE__ */ L("div", { className: Pe, "data-open": F, children: [
+  return /* @__PURE__ */ L("div", { className: je, "data-open": R, children: [
     /* @__PURE__ */ L("div", { className: "uui-accordion-header", ref: x, style: J.get(), children: [
       j,
       /* @__PURE__ */ L(
@@ -4120,13 +4126,13 @@ const Ts = ({
         {
           ...z,
           "aria-controls": `${P}-content`,
-          "aria-expanded": F,
+          "aria-expanded": R,
           className: ke,
           disabled: xe,
           id: `${P}-trigger`,
-          onClick: de,
-          onKeyDown: B == null ? void 0 : B.onKeyDown,
-          ref: B == null ? void 0 : B.register,
+          onClick: ue,
+          onKeyDown: M == null ? void 0 : M.onKeyDown,
+          ref: M == null ? void 0 : M.register,
           type: "button",
           children: [
             t,
@@ -4136,18 +4142,18 @@ const Ts = ({
       ),
       O
     ] }),
-    /* @__PURE__ */ i(rn, { animation: ae, open: F, children: /* @__PURE__ */ i("div", { "aria-labelledby": `${P}-trigger`, id: `${P}-content`, role: "region", children: n }) })
+    /* @__PURE__ */ i(rn, { animation: le, open: R, children: /* @__PURE__ */ i("div", { "aria-labelledby": `${P}-trigger`, id: `${P}-content`, role: "region", children: n }) })
   ] });
 };
-Jr[Vo] = !0;
+Qr[Vo] = !0;
 const Ao = Symbol.for("uui.tab");
-function Qr(e) {
+function es(e) {
   return dt(e) && typeof e.type != "string" && !!e.type[Ao];
 }
-const Vs = ({ defaultValue: e, children: t, ...n }) => {
-  const [o, l] = Z([e]), c = oo.toArray(t).filter(Qr);
-  function r(h) {
-    l([h]);
+const As = ({ defaultValue: e, children: t, ...n }) => {
+  const [o, l] = Z([e]), c = oo.toArray(t).filter(es);
+  function r(g) {
+    l([g]);
   }
   const d = ht(
     () => ({
@@ -4161,12 +4167,12 @@ const Vs = ({ defaultValue: e, children: t, ...n }) => {
     }),
     [o]
   );
-  function f(h) {
+  function f(g) {
     const u = c.findIndex((b) => o.includes(b.props.value));
     if (u === -1)
       return;
     let s;
-    switch (h.key) {
+    switch (g.key) {
       case "ArrowRight":
         s = (u + 1) % c.length;
         break;
@@ -4182,16 +4188,16 @@ const Vs = ({ defaultValue: e, children: t, ...n }) => {
       default:
         return;
     }
-    h.preventDefault();
+    g.preventDefault();
     const a = c[s].props.value;
     r(a);
     const p = document.getElementById(`uui-tab-${a}-trigger`);
     p == null || p.focus();
   }
-  const m = c.map((h) => ({
-    label: h.props.label,
-    value: h.props.value
-  })).map(({ label: h, value: u }) => /* @__PURE__ */ i(
+  const m = c.map((g) => ({
+    label: g.props.label,
+    value: g.props.value
+  })).map(({ label: g, value: u }) => /* @__PURE__ */ i(
     "button",
     {
       "aria-controls": `uui-tab-${u}-panel`,
@@ -4203,11 +4209,11 @@ const Vs = ({ defaultValue: e, children: t, ...n }) => {
       },
       role: "tab",
       tabIndex: o.includes(u) ? 0 : -1,
-      children: h
+      children: g
     },
     u
   ));
-  return /* @__PURE__ */ i(Ut.Provider, { value: d, children: /* @__PURE__ */ L(Ae, { direction: "col", gap: 2, ...n, children: [
+  return /* @__PURE__ */ i(Ut.Provider, { value: d, children: /* @__PURE__ */ L(Fe, { direction: "col", gap: 2, ...n, children: [
     /* @__PURE__ */ i("div", { "aria-orientation": "horizontal", className: "uui-tabs-list", onKeyDown: f, role: "tablist", children: m }),
     /* @__PURE__ */ i("div", { className: "uui-tabs-panels", children: c })
   ] }) });
@@ -4227,7 +4233,7 @@ const Vs = ({ defaultValue: e, children: t, ...n }) => {
 };
 Po[Ao] = !0;
 Po.displayName = "Tab";
-const es = M(
+const ts = B(
   ({
     variant: e = "docked",
     color: t,
@@ -4239,16 +4245,16 @@ const es = M(
     fixed: d,
     divider: f,
     children: m,
-    className: h,
+    className: g,
     disabled: u,
     orientation: s = "horizontal",
     ...a
   }, p) => {
-    const b = e === "floating", v = n ?? (b ? 3 : 0), y = o ?? (b ? "round" : void 0), g = t ?? (e === "floating" ? "surfaceContainerHigh" : "surfaceContainer"), C = [
+    const b = e === "floating", v = n ?? (b ? 3 : 0), y = o ?? (b ? "round" : void 0), h = t ?? (e === "floating" ? "surfaceContainerHigh" : "surfaceContainer"), C = [
       "uui-toolbar",
       `uui-toolbar-${e}`,
       u && "uui-disabled",
-      h,
+      g,
       c && "uui-toolbar-full",
       d && "uui-toolbar-fixed",
       f && "uui-toolbar-divider",
@@ -4258,13 +4264,13 @@ const es = M(
       s === "horizontal" ? "uui-horizontal" : "uui-vertical"
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ i(
-      Ae,
+      Fe,
       {
         ref: p,
         ...a,
         as: "div",
         className: C,
-        color: g,
+        color: h,
         "data-position": r,
         direction: s === "horizontal" ? "row" : "col",
         disabled: u,
@@ -4273,8 +4279,8 @@ const es = M(
     );
   }
 );
-es.displayName = "Toolbar";
-const ts = ({
+ts.displayName = "Toolbar";
+const ns = ({
   variant: e = "linear",
   value: t,
   min: n = 0,
@@ -4286,23 +4292,23 @@ const ts = ({
   style: f,
   ...m
 }) => {
-  const { wrapperStyle: h, otherProps: u } = Mn(m), s = D(h);
+  const { wrapperStyle: g, otherProps: u } = sn(m), s = F(g);
   s.merge(f);
   const a = typeof t == "number", p = Math.min(Math.max(t ?? n, n), o), b = o - n, v = b > 0 ? (p - n) / b * 100 : 0, y = {
     role: "progressbar",
     "aria-valuemin": n,
     "aria-valuemax": o,
     ...a && { "aria-valuenow": p }
-  }, g = se(
+  }, h = re(
     d,
     "uui-progress",
     e === "circular" ? "uui-progress-circular" : "uui-progress-linear",
     a ? "" : "uui-progress-indeterminate",
     ft(r)
-  ), C = D(), N = D();
+  ), C = F(), N = F();
   if (e === "circular") {
     C.stroke(c), N.stroke(l);
-    const x = se("uui-spinner", !a && "uui-spinner-ring", g);
+    const x = re("uui-spinner", !a && "uui-spinner-ring", h);
     return /* @__PURE__ */ i(
       wo,
       {
@@ -4326,7 +4332,7 @@ const ts = ({
       }
     );
   }
-  return C.bg(c), N.bg(l), /* @__PURE__ */ i("div", { className: g, style: s.get(), ...y, ...u, children: /* @__PURE__ */ i("div", { className: "uui-progress-track", style: C.get(), children: /* @__PURE__ */ i(
+  return C.bg(c), N.bg(l), /* @__PURE__ */ i("div", { className: h, style: s.get(), ...y, ...u, children: /* @__PURE__ */ i("div", { className: "uui-progress-track", style: C.get(), children: /* @__PURE__ */ i(
     "div",
     {
       className: "uui-progress-indicator",
@@ -4337,7 +4343,7 @@ const ts = ({
     }
   ) }) });
 };
-ts.displayName = "Progress";
+ns.displayName = "Progress";
 const to = ({
   ariaLabel: e,
   ariaLabelledby: t,
@@ -4349,7 +4355,7 @@ const to = ({
   isFocused: d,
   max: f,
   min: m,
-  onBlur: h,
+  onBlur: g,
   onFocus: u,
   onKeyDown: s,
   onPointer: a,
@@ -4357,7 +4363,7 @@ const to = ({
   pct: b,
   readOnly: v,
   showValue: y,
-  value: g
+  value: h
 }) => {
   const C = l.includes("ring") && c && d, N = p === "vertical" ? { bottom: `${b}%`, left: "50%", transform: "translate(-50%, 50%)" } : { left: `${b}%`, top: "50%", transform: "translate(-50%, -50%)" };
   return /* @__PURE__ */ L(
@@ -4369,14 +4375,14 @@ const to = ({
       "aria-readonly": v ?? void 0,
       "aria-valuemax": f,
       "aria-valuemin": m,
-      "aria-valuenow": g,
+      "aria-valuenow": h,
       "aria-valuetext": o,
-      className: se(
+      className: re(
         "uui-slider-handle",
         y === "always" && "uui-slider-label-always",
         C && "uui-focus-visible uui-focus-ring"
       ),
-      onBlur: h,
+      onBlur: g,
       onFocus: u,
       onKeyDown: s,
       onPointerDown: (x) => {
@@ -4396,7 +4402,7 @@ const to = ({
         /* @__PURE__ */ i("span", { className: "uui-slider-state" }),
         /* @__PURE__ */ i("span", { className: "uui-slider-glyph" }),
         y !== "none" && /* @__PURE__ */ i(
-          Ae,
+          Fe,
           {
             className: "uui-slider-value-label",
             color: "inverseSurface",
@@ -4409,7 +4415,7 @@ const to = ({
       ]
     }
   );
-}, yn = (e) => Array.isArray(e) && e.length === 2, ct = (e, t, n) => Math.max(t, Math.min(n, e)), ns = (e, t, n) => n > 0 ? t + Math.round((e - t) / n) * n : e, bn = (e, t, n) => (e - t) / (n - t || 1) * 100, os = M((e, t) => {
+}, bn = (e) => Array.isArray(e) && e.length === 2, ct = (e, t, n) => Math.max(t, Math.min(n, e)), os = (e, t, n) => n > 0 ? t + Math.round((e - t) / n) * n : e, vn = (e, t, n) => (e - t) / (n - t || 1) * 100, is = B((e, t) => {
   const {
     "aria-label": n,
     "aria-labelledby": o,
@@ -4419,7 +4425,7 @@ const to = ({
     density: d,
     description: f,
     disabled: m,
-    error: h,
+    error: g,
     focusEffects: u = ["ring"],
     font: s,
     formatValue: a,
@@ -4427,105 +4433,105 @@ const to = ({
     label: b,
     stops: v = !1,
     max: y = 100,
-    min: g = 0,
+    min: h = 0,
     name: C,
     onBlur: N,
     onChange: x,
     onChangeCommitted: S,
     onFocus: $,
-    orientation: B = "horizontal",
+    orientation: M = "horizontal",
     readOnly: k,
-    required: F,
+    required: R,
     showValue: H,
     size: z = "medium",
     step: P = 1,
     style: Ce,
     textPlacement: ge = "top",
     trackColor: xe = "secondaryContainer",
-    type: he = "standard",
-    value: le
-  } = e, j = he === "range", O = he === "centered", ke = Bt(on), de = m ?? (ke == null ? void 0 : ke.disabled), Pe = U(typeof r == "number" ? r : g), J = U(yn(r) ? r : [g, y]), [De, ae] = Z(Pe.current), [ee, ye] = Z(J.current), te = le !== void 0, _ = ct(j ? yn(le) ? le[0] : ee[0] : typeof le == "number" ? le : De, g, y), T = j ? ct(yn(le) ? le[1] : ee[1], g, y) : y, ce = U(null), je = U(null), Fe = U(null), Se = Nt("slider"), W = p ?? Se, ne = Ue(
-    (R) => {
-      te || (typeof R == "number" ? ae(R) : ye(R)), x == null || x(R);
+    type: me = "standard",
+    value: se
+  } = e, j = me === "range", O = me === "centered", ke = Bt(on), ue = m ?? (ke == null ? void 0 : ke.disabled), je = U(typeof r == "number" ? r : h), J = U(bn(r) ? r : [h, y]), [De, le] = Z(je.current), [ee, ye] = Z(J.current), he = se !== void 0, _ = ct(j ? bn(se) ? se[0] : ee[0] : typeof se == "number" ? se : De, h, y), D = j ? ct(bn(se) ? se[1] : ee[1], h, y) : y, ae = U(null), Re = U(null), Te = U(null), Se = Nt("slider"), W = p ?? Se, te = Ue(
+    (T) => {
+      he || (typeof T == "number" ? le(T) : ye(T)), x == null || x(T);
     },
-    [te, x]
+    [he, x]
   ), Q = Ue(
-    (R) => {
+    (T) => {
       var _e;
-      const q = (_e = ce.current) == null ? void 0 : _e.getBoundingClientRect();
+      const q = (_e = ae.current) == null ? void 0 : _e.getBoundingClientRect();
       if (!q)
-        return g;
-      const V = Number(g), E = Number(y), Te = B === "vertical" ? 1 - (R.clientY - q.top) / q.height : (R.clientX - q.left) / q.width;
-      return ct(ns(V + Te * (E - V), V, Number(P)), V, E);
+        return h;
+      const V = Number(h), E = Number(y), Ae = M === "vertical" ? 1 - (T.clientY - q.top) / q.height : (T.clientX - q.left) / q.width;
+      return ct(os(V + Ae * (E - V), V, Number(P)), V, E);
     },
-    [g, y, P, B]
-  ), fe = Ue(
-    (R, q, V) => {
+    [h, y, P, M]
+  ), de = Ue(
+    (T, q, V) => {
       var _e;
-      if (de || q !== "move" && k || q === "move" && !(R.buttons & 1))
+      if (ue || q !== "move" && k || q === "move" && !(T.buttons & 1))
         return;
-      q === "down" && (R.currentTarget.setPointerCapture(R.pointerId), (_e = (V === 0 ? je : Fe).current) == null || _e.focus());
-      const E = Q(R), Te = j ? V === 0 ? [ct(E, g, T), T] : [_, ct(E, _, y)] : E;
-      q === "up" ? S == null || S(Te) : ne(Te);
+      q === "down" && (T.currentTarget.setPointerCapture(T.pointerId), (_e = (V === 0 ? Re : Te).current) == null || _e.focus());
+      const E = Q(T), Ae = j ? V === 0 ? [ct(E, h, D), D] : [_, ct(E, _, y)] : E;
+      q === "up" ? S == null || S(Ae) : te(Ae);
     },
-    [de, k, Q, j, _, T, g, y, ne, S]
+    [ue, k, Q, j, _, D, h, y, te, S]
   ), Me = Ue(
-    (R) => {
-      var E, Te;
-      if (de || k || R.target.closest(".uui-slider-handle"))
+    (T) => {
+      var E, Ae;
+      if (ue || k || T.target.closest(".uui-slider-handle"))
         return;
-      const q = Q(R);
+      const q = Q(T);
       if (!j) {
-        ne(q), (E = je.current) == null || E.focus();
+        te(q), (E = Re.current) == null || E.focus();
         return;
       }
-      const V = Math.abs(q - _) <= Math.abs(q - T);
-      ne(V ? [ct(q, g, T), T] : [_, ct(q, _, y)]), (Te = (V ? je : Fe).current) == null || Te.focus();
+      const V = Math.abs(q - _) <= Math.abs(q - D);
+      te(V ? [ct(q, h, D), D] : [_, ct(q, _, y)]), (Ae = (V ? Re : Te).current) == null || Ae.focus();
     },
-    [de, k, Q, j, _, T, g, y, ne]
-  ), { focusVisible: ie, isFocused: Le, focusHandlers: $e } = wt($, N), { isFocused: Ke, focusHandlers: Ie } = wt(), pe = Nn({
+    [ue, k, Q, j, _, D, h, y, te]
+  ), { focusVisible: oe, isFocused: Le, focusHandlers: $e } = wt($, N), { isFocused: Ke, focusHandlers: Ie } = wt(), fe = kn({
     value: _,
-    min: g,
-    max: j ? T : y,
+    min: h,
+    max: j ? D : y,
     step: P,
-    disabled: de,
+    disabled: ue,
     readOnly: k,
-    onChange: (R) => {
-      ne(j ? [ct(R, g, T), T] : R);
+    onChange: (T) => {
+      te(j ? [ct(T, h, D), D] : T);
     }
-  }), we = Nn({
-    value: T,
+  }), we = kn({
+    value: D,
     min: _,
     max: y,
     step: P,
-    disabled: de,
+    disabled: ue,
     readOnly: k,
-    onChange: (R) => {
-      ne([_, ct(R, _, y)]);
+    onChange: (T) => {
+      te([_, ct(T, _, y)]);
     }
-  }), re = a ?? String, Be = H === "always" ? "always" : H ? "hover" : "none", ue = (R) => R.replace(/[A-Z]/g, (q) => `-${q.toLowerCase()}`), Ne = {};
+  }), ie = a ?? String, Be = H === "always" ? "always" : H ? "hover" : "none", ce = (T) => T.replace(/[A-Z]/g, (q) => `-${q.toLowerCase()}`), Ne = {};
   if (c) {
-    const R = ue(c);
+    const T = ce(c);
     Object.assign(Ne, {
-      "--uui-slider-active-color": `var(--uui-color-${R})`,
-      "--uui-slider-active-on-color": `var(--uui-color-on-${R})`
+      "--uui-slider-active-color": `var(--uui-color-${T})`,
+      "--uui-slider-active-on-color": `var(--uui-color-on-${T})`
     });
   }
   if (xe) {
-    const R = ue(xe);
+    const T = ce(xe);
     Object.assign(Ne, {
-      "--uui-slider-inactive-color": `var(--uui-color-${R})`,
-      "--uui-slider-inactive-on-color": `var(--uui-color-on-${R})`
+      "--uui-slider-inactive-color": `var(--uui-color-${T})`,
+      "--uui-slider-inactive-on-color": `var(--uui-color-on-${T})`
     });
   }
-  const G = bn(_, g, y), K = bn(T, g, y), He = ht(() => {
+  const G = vn(_, h, y), K = vn(D, h, y), He = ht(() => {
     if (!v || P <= 0)
       return [];
-    const R = [], q = Number(P);
-    for (let V = g; V <= y; V = V + q)
-      R.push(bn(V, g, y));
-    return R;
-  }, [v, P, g, y]), be = 50, I = j ? G : O ? Math.min(G, be) : 0, Y = j ? K - G : O ? Math.abs(G - be) : G, Re = B === "vertical" ? "bottom" : "left", oe = B === "vertical" ? { bottom: `${I}%`, height: `${Y}%`, top: "auto", width: "100%" } : { left: `${I}%`, width: `${Y}%` }, Ge = !n && b ? `${W}-label` : void 0, ze = { disabled: de, focusEffects: u, focusVisible: ie, orientation: B, readOnly: k, showValue: Be }, Ze = {
+    const T = [], q = Number(P);
+    for (let V = h; V <= y; V = V + q)
+      T.push(vn(V, h, y));
+    return T;
+  }, [v, P, h, y]), be = 50, I = j ? G : O ? Math.min(G, be) : 0, Y = j ? K - G : O ? Math.abs(G - be) : G, Ve = M === "vertical" ? "bottom" : "left", ne = M === "vertical" ? { bottom: `${I}%`, height: `${Y}%`, top: "auto", width: "100%" } : { left: `${I}%`, width: `${Y}%` }, Ge = !n && b ? `${W}-label` : void 0, ze = { disabled: ue, focusEffects: u, focusVisible: oe, orientation: M, readOnly: k, showValue: Be }, Ze = {
     "--uui-slider-h0": `${G}%`,
     ...j ? { "--uui-slider-h1": `${K}%` } : {},
     ...Ne,
@@ -4535,10 +4541,10 @@ const to = ({
       "input",
       {
         "aria-hidden": "true",
-        disabled: de,
+        disabled: ue,
         id: W,
         max: y,
-        min: g,
+        min: h,
         name: C,
         onChange: () => {
         },
@@ -4549,22 +4555,22 @@ const to = ({
         value: _
       }
     ),
-    /* @__PURE__ */ L("div", { className: "uui-slider-control", onPointerDown: Me, ref: ce, style: Ze, children: [
+    /* @__PURE__ */ L("div", { className: "uui-slider-control", onPointerDown: Me, ref: ae, style: Ze, children: [
       /* @__PURE__ */ L("div", { "aria-hidden": "true", className: "uui-slider-track", children: [
         /* @__PURE__ */ i("div", { className: "uui-slider-track-inactive" }),
-        /* @__PURE__ */ i("div", { className: "uui-slider-track-active", style: oe }),
-        He.length > 0 && /* @__PURE__ */ i("div", { className: "uui-slider-stops", children: He.map((R) => {
-          const q = j ? R >= G && R <= K : O ? R >= Math.min(G, be) && R <= Math.max(G, be) : R <= G;
+        /* @__PURE__ */ i("div", { className: "uui-slider-track-active", style: ne }),
+        He.length > 0 && /* @__PURE__ */ i("div", { className: "uui-slider-stops", children: He.map((T) => {
+          const q = j ? T >= G && T <= K : O ? T >= Math.min(G, be) && T <= Math.max(G, be) : T <= G;
           return /* @__PURE__ */ i(
             "span",
             {
-              className: se(
+              className: re(
                 "uui-slider-stop",
                 q ? "uui-slider-stop-active" : "uui-slider-stop-inactive"
               ),
-              style: { [Re]: `${R}%` }
+              style: { [Ve]: `${T}%` }
             },
-            R
+            T
           );
         }) })
       ] }),
@@ -4574,16 +4580,16 @@ const to = ({
           ...ze,
           ariaLabel: j && n ? `${n} start` : n,
           ariaLabelledby: n ? o : Ge ?? o,
-          displayValue: re(_),
-          handleRef: st(je, j ? null : t),
+          displayValue: ie(_),
+          handleRef: st(Re, j ? null : t),
           isFocused: Le,
-          max: j ? T : y,
-          min: g,
+          max: j ? D : y,
+          min: h,
           onBlur: $e.onBlur,
           onFocus: $e.onFocus,
-          onKeyDown: pe.onKeyDown,
-          onPointer: (R, q) => {
-            fe(R, q, 0);
+          onKeyDown: fe.onKeyDown,
+          onPointer: (T, q) => {
+            de(T, q, 0);
           },
           pct: G,
           value: _
@@ -4595,76 +4601,76 @@ const to = ({
           ...ze,
           ariaLabel: n ? `${n} end` : void 0,
           ariaLabelledby: n ? o : Ge ?? o,
-          displayValue: re(T),
-          handleRef: st(Fe, t),
+          displayValue: ie(D),
+          handleRef: st(Te, t),
           isFocused: Ke,
           max: y,
           min: _,
           onBlur: Ie.onBlur,
           onFocus: Ie.onFocus,
           onKeyDown: we.onKeyDown,
-          onPointer: (R, q) => {
-            fe(R, q, 1);
+          onPointer: (T, q) => {
+            de(T, q, 1);
           },
           pct: K,
-          value: T
+          value: D
         }
       )
     ] })
   ] });
   return /* @__PURE__ */ i(
-    ln,
+    an,
     {
-      className: se(
+      className: re(
         "uui-slider",
-        B === "vertical" && "uui-slider-vertical",
+        M === "vertical" && "uui-slider-vertical",
         ft(z),
         ot(d),
         l,
-        h && "uui-error",
-        de && "uui-disabled",
+        g && "uui-error",
+        ue && "uui-disabled",
         j && "uui-slider-range",
         O && "uui-slider-centered"
       ),
       control: qe,
-      description: /* @__PURE__ */ i(an, { description: f, error: h }),
-      label: b ? /* @__PURE__ */ i($n, { font: s, htmlFor: W, label: b, required: F }) : void 0,
+      description: /* @__PURE__ */ i(cn, { description: f, error: g }),
+      label: b ? /* @__PURE__ */ i($n, { font: s, htmlFor: W, label: b, required: R }) : void 0,
       textPlacement: ge
     }
   );
 });
-os.displayName = "Slider";
-const jn = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), is = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth(), rs = (e) => jn(e, /* @__PURE__ */ new Date()), ss = (e) => new Date(e.getFullYear(), e.getMonth(), 1), ls = (e) => new Date(e.getFullYear(), e.getMonth() + 1, 0), jo = (e, t = 1) => {
+is.displayName = "Slider";
+const jn = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), rs = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth(), ss = (e) => jn(e, /* @__PURE__ */ new Date()), ls = (e) => new Date(e.getFullYear(), e.getMonth(), 1), as = (e) => new Date(e.getFullYear(), e.getMonth() + 1, 0), jo = (e, t = 1) => {
   const n = new Date(e), o = n.getDay(), l = (o < t ? 7 : 0) + o - t;
   return n.setDate(n.getDate() - l), n.setHours(0, 0, 0, 0), n;
-}, as = (e, t = 1) => {
+}, cs = (e, t = 1) => {
   const n = jo(e, t);
   return n.setDate(n.getDate() + 6), n.setHours(23, 59, 59, 999), n;
 }, no = (e, t) => {
   const n = new Date(e);
   return n.setMonth(n.getMonth() + t), n;
-}, cs = (e, t) => {
-  const n = ss(e), o = ls(n), l = jo(n, 1), c = as(o, 1), r = [], d = new Date(l);
+}, us = (e, t) => {
+  const n = ls(e), o = as(n), l = jo(n, 1), c = cs(o, 1), r = [], d = new Date(l);
   for (; d <= c; )
     r.push({
       date: new Date(d),
-      isCurrentMonth: is(d, n),
-      isToday: rs(d),
+      isCurrentMonth: rs(d, n),
+      isToday: ss(d),
       isSelected: !!t && jn(d, t)
     }), d.setDate(d.getDate() + 1);
   return r;
-}, us = () => ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"], ds = (e) => e.toLocaleDateString("en-US", { month: "long", year: "numeric" }), fs = M(
+}, ds = () => ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"], fs = (e) => e.toLocaleDateString("en-US", { month: "long", year: "numeric" }), ps = B(
   ({ value: e, onChange: t, viewDate: n, className: o, ...l }, c) => {
     const [r, d] = Z(n || e || /* @__PURE__ */ new Date()), f = (p) => {
       p.preventDefault(), d(no(r, -1));
     }, m = (p) => {
       p.preventDefault(), d(no(r, 1));
-    }, h = (p) => {
+    }, g = (p) => {
       t == null || t(p);
-    }, u = cs(r, e), s = us(), a = D();
-    return a.bg("surfaceContainerHigh"), a.text.on("surface"), /* @__PURE__ */ L(Ae, { className: se("uui-calendar", o), ...l, style: a.get(), children: [
+    }, u = us(r, e), s = ds(), a = F();
+    return a.bg("surfaceContainerHigh"), a.text.on("surface"), /* @__PURE__ */ L(Fe, { className: re("uui-calendar", o), ...l, style: a.get(), children: [
       /* @__PURE__ */ L("div", { className: "uui-calendar-header", children: [
-        /* @__PURE__ */ i("div", { className: "uui-calendar-title", children: ds(r) }),
+        /* @__PURE__ */ i("div", { className: "uui-calendar-title", children: fs(r) }),
         /* @__PURE__ */ L("div", { className: "uui-calendar-nav", children: [
           /* @__PURE__ */ i(
             "button",
@@ -4695,11 +4701,11 @@ const jn = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.g
           return /* @__PURE__ */ i(
             Vt,
             {
-              className: se("uui-calendar-day"),
+              className: re("uui-calendar-day"),
               disabled: !p.isCurrentMonth,
               filled: v,
               onClick: () => {
-                h(p.date);
+                g(p.date);
               },
               outlined: p.isToday,
               children: /* @__PURE__ */ i("span", { children: p.date.getDate() })
@@ -4711,32 +4717,32 @@ const jn = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.g
     ] });
   }
 );
-fs.displayName = "Calendar";
+ps.displayName = "Calendar";
 const Oo = Symbol.for("uui.avatar");
-function ps(e) {
+function ms(e) {
   return dt(e) && typeof e.type != "string" && !!e.type[Oo];
 }
-function ms(e) {
+function hs(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++)
     t = e.charCodeAt(n) + ((t << 5) - t);
   return Math.abs(t);
 }
-function hs(e) {
+function gs(e) {
   const t = e == null ? void 0 : e.trim().split(/\s+/).filter(Boolean);
   if (!(t != null && t.length))
     return "";
   const n = t[0][0], o = t.length > 1 ? t[t.length - 1][0] : "";
   return (n + o).toUpperCase();
 }
-const On = M(
+const On = B(
   ({ children: e, className: t, shape: n = "round", size: o = "medium", src: l, alt: c, name: r, color: d, ...f }, m) => {
-    const [h, u] = Z(!1), s = se("uui-avatar", ft(o), t), a = !!(l && !h), p = hs(r), b = ht(() => {
+    const [g, u] = Z(!1), s = re("uui-avatar", ft(o), t), a = !!(l && !g), p = gs(r), b = ht(() => {
       const y = [...qn("semantic"), ...qn("extended")];
       if (!r || a || d)
         return;
-      const g = ms(r) % y.length;
-      return y[g];
+      const h = hs(r) % y.length;
+      return y[h];
     }, [r, a, d]);
     let v;
     return a ? v = /* @__PURE__ */ i(
@@ -4766,7 +4772,7 @@ const On = M(
 );
 On[Oo] = !0;
 On.displayName = "Avatar";
-const gs = M(
+const ys = B(
   ({
     children: e,
     max: t,
@@ -4778,24 +4784,24 @@ const gs = M(
     overflow: d,
     className: f,
     ...m
-  }, h) => {
-    const u = oo.toArray(e).filter(ps), s = u.length;
+  }, g) => {
+    const u = oo.toArray(e).filter(ms), s = u.length;
     let a = u, p = 0;
     if (t !== void 0 && s > t) {
       const y = Math.max(t - 1, 0);
       a = u.slice(0, y), p = s - y;
     }
     const b = a.map(
-      (y, g) => Wt(y, {
-        key: y.key ?? g,
+      (y, h) => Wt(y, {
+        key: y.key ?? h,
         size: o ?? y.props.size,
         shape: l ?? y.props.shape,
         border: c ?? y.props.border,
         borderColor: r ?? y.props.borderColor,
         style: {
           ...y.props.style ?? {},
-          marginInlineStart: g === 0 ? 0 : -n,
-          zIndex: g,
+          marginInlineStart: h === 0 ? 0 : -n,
+          zIndex: h,
           position: "relative"
         }
       })
@@ -4817,11 +4823,11 @@ const gs = M(
       );
     }
     const v = ["uui-avatar-group", f].filter(Boolean).join(" ");
-    return /* @__PURE__ */ i(Do, { alignItems: "center", ref: h, ...m, className: v, children: b });
+    return /* @__PURE__ */ i(Do, { alignItems: "center", ref: g, ...m, className: v, children: b });
   }
 );
-gs.displayName = "AvatarGroup";
-const ys = M(
+ys.displayName = "AvatarGroup";
+const bs = B(
   ({
     size: e = "small",
     value: t,
@@ -4833,7 +4839,7 @@ const ys = M(
     icon: d,
     font: f,
     emptyIcon: m,
-    color: h,
+    color: g,
     name: u,
     id: s,
     label: a,
@@ -4841,76 +4847,76 @@ const ys = M(
     error: b,
     required: v,
     density: y,
-    onChange: g,
+    onChange: h,
     onFocus: C,
     onBlur: N,
     title: x,
     textPlacement: S = "start",
     focusEffects: $ = ["ring"],
-    className: B,
+    className: M,
     tooltipAlign: k = "auto",
-    "aria-label": F,
+    "aria-label": R,
     filled: H,
     ...z
   }, P) => {
-    const Ce = Nt("rating"), ge = s ?? u ?? Ce, xe = a ? `${ge}_label` : void 0, { isFocused: he, focusHandlers: le, focusVisible: j } = wt(C, N), O = U(null), ke = U(null), de = t !== void 0, [Pe, J] = Z(n), [De, ae] = Z(null), ee = de ? t ?? 0 : Pe, ye = De ?? ee, te = Math.max(0, Math.min(ye, o)), _ = x ? /* @__PURE__ */ i("div", { id: `${ge}-tip`, children: x }) : null;
-    function T(pe) {
+    const Ce = Nt("rating"), ge = s ?? u ?? Ce, xe = a ? `${ge}_label` : void 0, { isFocused: me, focusHandlers: se, focusVisible: j } = wt(C, N), O = U(null), ke = U(null), ue = t !== void 0, [je, J] = Z(n), [De, le] = Z(null), ee = ue ? t ?? 0 : je, ye = De ?? ee, he = Math.max(0, Math.min(ye, o)), _ = x ? /* @__PURE__ */ i("div", { id: `${ge}-tip`, children: x }) : null;
+    function D(fe) {
       if (!O.current)
         return ee;
-      const we = O.current, re = we.getBoundingClientRect(), Be = we.getElementsByClassName("uui-rating-icon"), ue = pe - re.left;
-      if (ue < 5)
+      const we = O.current, ie = we.getBoundingClientRect(), Be = we.getElementsByClassName("uui-rating-icon"), ce = fe - ie.left;
+      if (ce < 5)
         return 0;
-      const Ne = re.width / o;
-      let G = Math.floor(ue / Ne);
+      const Ne = ie.width / o;
+      let G = Math.floor(ce / Ne);
       G = Math.max(0, Math.min(G, o - 1));
-      const K = Be[G].getBoundingClientRect(), He = pe - K.left, be = Math.max(0, Math.min(1, He / K.width)), I = 1 / l, Y = G + Math.ceil(be * I) / I;
+      const K = Be[G].getBoundingClientRect(), He = fe - K.left, be = Math.max(0, Math.min(1, He / K.width)), I = 1 / l, Y = G + Math.ceil(be * I) / I;
       return parseFloat(Math.min(Y, o).toFixed(10));
     }
-    function ce(pe) {
-      de || J(pe), g == null || g(pe);
+    function ae(fe) {
+      ue || J(fe), h == null || h(fe);
     }
-    function je(pe) {
-      c || r || ae(T(pe.clientX));
+    function Re(fe) {
+      c || r || le(D(fe.clientX));
     }
-    function Fe() {
-      !c && !r && ae(null);
+    function Te() {
+      !c && !r && le(null);
     }
-    function Se(pe) {
+    function Se(fe) {
       if (c || r)
         return;
-      const we = T(pe.clientX);
-      ae(null), ce(we === ee ? 0 : we);
+      const we = D(fe.clientX);
+      le(null), ae(we === ee ? 0 : we);
     }
-    const W = Nn({
+    const W = kn({
       value: ye,
       min: 0,
       max: o,
       step: l,
       disabled: r,
       readOnly: c,
-      onChange: ce
-    }), ne = d ?? Ki, Q = m ?? (H ? ne : zi), fe = se(
+      onChange: ae
+    }), te = d ?? Ki, Q = m ?? (H ? te : zi), de = re(
       "uui-rating",
       ft(e),
-      B,
+      M,
       H && "uui-filled",
       c && "uui-read-only",
       b && "uui-error",
       r && "uui-disabled"
-    ), Me = se(
+    ), Me = re(
       "uui-rating-control",
-      ...$.includes("ring") && he && j ? ["uui-focus-ring uui-focus-visible"] : [],
+      ...$.includes("ring") && me && j ? ["uui-focus-ring uui-focus-visible"] : [],
       ot(y)
-    ), ie = b ? "error" : h, Le = Array.from({ length: Math.ceil(o) }).map((pe, we) => {
-      const re = Math.min(Math.max(te - we, 0), 1) * 100, Be = D();
-      return Be.text(ie), Be.set("width", `${re}%`), /* @__PURE__ */ L(
+    ), oe = b ? "error" : g, Le = Array.from({ length: Math.ceil(o) }).map((fe, we) => {
+      const ie = Math.min(Math.max(he - we, 0), 1) * 100, Be = F();
+      return Be.text(oe), Be.set("width", `${ie}%`), /* @__PURE__ */ L(
         "div",
         {
           className: "uui-icon uui-rating-icon",
           style: { cursor: c || r ? "default" : "pointer", lineHeight: 0 },
           children: [
             /* @__PURE__ */ i("div", { className: "uui-rating-empty-icon", children: Q }),
-            /* @__PURE__ */ i("div", { className: "uui-rating-filled-icon", style: Be.get(), children: ne })
+            /* @__PURE__ */ i("div", { className: "uui-rating-filled-icon", style: Be.get(), children: te })
           ]
         },
         `${ge}-star-${we}`
@@ -4918,9 +4924,9 @@ const ys = M(
     }), $e = /* @__PURE__ */ L(
       "div",
       {
-        ...le,
+        ...se,
         "aria-disabled": r || void 0,
-        "aria-label": a ? void 0 : F ?? x,
+        "aria-label": a ? void 0 : R ?? x,
         "aria-labelledby": xe,
         "aria-valuemax": o,
         "aria-valuemin": 0,
@@ -4929,8 +4935,8 @@ const ys = M(
         id: ge,
         onClick: Se,
         onKeyDown: W.onKeyDown,
-        onMouseLeave: Fe,
-        onMouseMove: je,
+        onMouseLeave: Te,
+        onMouseMove: Re,
         ref: O,
         role: "slider",
         tabIndex: c || r ? -1 : 0,
@@ -4942,11 +4948,11 @@ const ys = M(
       }
     );
     return /* @__PURE__ */ i(
-      ln,
+      an,
       {
-        className: fe,
+        className: de,
         control: $e,
-        description: (p ?? b) && /* @__PURE__ */ i(an, { description: p, error: b }),
+        description: (p ?? b) && /* @__PURE__ */ i(cn, { description: p, error: b }),
         label: a && /* @__PURE__ */ i($n, { focusRef: O, font: f, id: xe, label: a, required: v, tag: "span" }),
         ref: ke,
         spanDesc: !0,
@@ -4955,8 +4961,8 @@ const ys = M(
     );
   }
 );
-ys.displayName = "Rating";
-const bs = M(
+bs.displayName = "Rating";
+const vs = B(
   ({
     items: e,
     children: t,
@@ -4968,7 +4974,7 @@ const bs = M(
     renderSeparator: d,
     renderCollapse: f,
     as: m = "nav",
-    itemComponent: h = "a",
+    itemComponent: g = "a",
     animation: u,
     ...s
   }, a) => {
@@ -4980,13 +4986,13 @@ const bs = M(
         visible: [...x, { label: "__collapse__" }, ...S],
         hidden: $
       };
-    }, [e, o, l, c]), g = (x, S) => {
+    }, [e, o, l, c]), h = (x, S) => {
       const $ = x.current || S === v.length - 1;
       return /* @__PURE__ */ L(
-        Ae,
+        Fe,
         {
           "aria-current": $ ? "page" : void 0,
-          as: h,
+          as: g,
           disabled: x.disabled,
           style: {
             display: "inline-flex",
@@ -5024,7 +5030,7 @@ const bs = M(
       ...typeof u == "string" ? { animation: u } : u
     };
     return /* @__PURE__ */ L(
-      Ae,
+      Fe,
       {
         "aria-label": "breadcrumb",
         as: m,
@@ -5040,7 +5046,7 @@ const bs = M(
           t || v.map((x, S) => {
             const $ = x.label === "__collapse__";
             return /* @__PURE__ */ L(ti, { children: [
-              $ ? f ? f(y) : C() : r ? r(x, S) : g(x, S),
+              $ ? f ? f(y) : C() : r ? r(x, S) : h(x, S),
               S < v.length - 1 && (d ? d(S) : /* @__PURE__ */ i(
                 "span",
                 {
@@ -5054,7 +5060,7 @@ const bs = M(
             ] }, S);
           }),
           /* @__PURE__ */ i(rn, { animation: N, open: p, children: /* @__PURE__ */ i(
-            Ae,
+            Fe,
             {
               style: {
                 marginTop: 4,
@@ -5071,8 +5077,8 @@ const bs = M(
     );
   }
 );
-bs.displayName = "Breadcrumbs";
-const vs = (e, t) => {
+vs.displayName = "Breadcrumbs";
+const Cs = (e, t) => {
   const {
     as: n,
     children: o,
@@ -5082,7 +5088,7 @@ const vs = (e, t) => {
     underline: d = "hover",
     font: f = "labelLarge",
     external: m,
-    label: h,
+    label: g,
     className: u,
     disabled: s,
     hoverEffects: a = ["overlay"],
@@ -5090,33 +5096,33 @@ const vs = (e, t) => {
     pressedEffects: b = ["overlay"],
     underlineAnimation: v,
     underlineOrigin: y,
-    "aria-label": g,
+    "aria-label": h,
     ...C
-  } = e, N = n ?? "a", { onClick: x, ...S } = C, { href: $ } = S, B = se(
+  } = e, N = n ?? "a", { onClick: x, ...S } = C, { href: $ } = S, M = re(
     ...p.includes("overlay") ? ["uui-focus-overlay"] : [],
     ...a.includes("overlay") ? ["uui-hover-overlay"] : [],
     ...b.includes("overlay") ? ["uui-pressed-overlay"] : []
-  ), k = se(
+  ), k = re(
     "uui-link",
     "uui-text-trigger",
     Ee(f),
     `uui-link-underline-${d}`,
     v && `uui-link-anim-${v}`,
     u,
-    B,
+    M,
     ...p.includes("ring") ? ["uui-focus-ring"] : []
-  ), F = g ?? h ?? (typeof o == "string" ? o : void 0), H = D();
+  ), R = h ?? g ?? (typeof o == "string" ? o : void 0), H = F();
   H.text(r), y && H.set("--uui-underline-origin", y);
   const z = /* @__PURE__ */ L("span", { className: "uui-link-content", children: [
     l && /* @__PURE__ */ i(zt, { content: l }),
-    /* @__PURE__ */ i("span", { className: "uui-link-text", children: o ?? h }),
+    /* @__PURE__ */ i("span", { className: "uui-link-text", children: o ?? g }),
     c && /* @__PURE__ */ i(Kt, { content: c })
   ] });
   return /* @__PURE__ */ i(
     N,
     {
       "aria-disabled": s || void 0,
-      "aria-label": F,
+      "aria-label": R,
       className: k,
       onClick: (P) => {
         if (s) {
@@ -5136,25 +5142,25 @@ const vs = (e, t) => {
       children: z
     }
   );
-}, Cs = M(vs);
-Cs.displayName = "Link";
+}, xs = B(Cs);
+xs.displayName = "Link";
 export {
-  Ts as Accordion,
-  Jr as AccordionItem,
+  Vs as Accordion,
+  Qr as AccordionItem,
   Pi as ArrowBackIcon,
   $r as Article,
   Er as Aside,
   On as Avatar,
-  gs as AvatarGroup,
+  ys as AvatarGroup,
   Rn as Badge,
   sr as BottomSheet,
-  Ae as BoxBase,
-  bs as Breadcrumbs,
+  Fe as BoxBase,
+  vs as Breadcrumbs,
   Vn as Button,
   jt as ButtonBase,
-  fs as Calendar,
+  ps as Calendar,
   ur as Card,
-  un as CardActions,
+  dn as CardActions,
   dr as CardHeader,
   fr as CardMedia,
   pr as Checkbox,
@@ -5166,12 +5172,12 @@ export {
   bo as CloseIcon,
   rn as Collapse,
   Dr as Content,
-  D as ControlStyle,
+  F as ControlStyle,
   vr as DateField,
   Cr as DateTimeField,
   nr as Dialog,
-  un as DialogActions,
-  dn as DialogBase,
+  dn as DialogActions,
+  fn as DialogBase,
   Lo as DialogContent,
   Bo as DialogHeader,
   Io as DialogTitle,
@@ -5187,12 +5193,12 @@ export {
   Do as Flex,
   Rr as Footer,
   Fo as Grid,
-  _r as H1,
-  Wr as H2,
-  Ur as H3,
-  zr as H4,
-  Kr as H5,
-  Zr as H6,
+  Wr as H1,
+  Ur as H2,
+  zr as H3,
+  Kr as H4,
+  Zr as H5,
+  qr as H6,
   Tr as Header,
   ko as IS_DIVIDER,
   To as IS_ITEM,
@@ -5201,36 +5207,36 @@ export {
   Vt as IconButton,
   Hi as IndeterminateIcon,
   Pn as Item,
-  Yr as Label,
-  Cs as Link,
+  Xr as Label,
+  xs as Link,
   Eo as List,
-  Ds as ListBox,
+  Fs as ListBox,
   An as ListItem,
   Vr as Main,
-  cn as Menu,
+  un as Menu,
   Ui as MenuCheckIcon,
   Tn as MenuItem,
   wr as MonthField,
   ji as MoreVertIcon,
   Ar as Nav,
   hr as NumberField,
-  Rs as Option,
-  qr as P,
+  Ts as Option,
+  Gr as P,
   br as PasswordField,
   yr as PhoneField,
-  ts as Progress,
+  ns as Progress,
   Ir as Radio,
   vo as RadioCheckedIcon,
-  jr as RadioGroup,
+  Or as RadioGroup,
   uo as RadioGroupContext,
   _i as RadioIcon,
   Co as RadioUncheckedIcon,
-  ys as Rating,
+  bs as Rating,
   Pr as Section,
   Br as Select,
   Ut as SelectionContext,
-  os as Slider,
-  Gr as Span,
+  is as Slider,
+  Yr as Span,
   tr as Spinner,
   Xi as SpinnerArcSvg,
   Gi as SpinnerBarsSvg,
@@ -5240,29 +5246,30 @@ export {
   Yi as SpinnerOrbitSvg,
   wo as SpinnerRingSvg,
   Ji as SpinnerStepBarSvg,
+  jr as Stack,
   Ki as StarFilledIcon,
   zi as StarIcon,
-  Hr as Switch,
+  _r as Switch,
   Po as Tab,
-  Vs as Tabs,
+  As as Tabs,
   pt as TextBase,
   mr as TextField,
   fo as ThemeContext,
-  Es as ThemeProvider,
+  Ds as ThemeProvider,
   xr as TimeField,
   ho as Toast,
   Ri as ToastViewport,
   Lr as ToggleButton,
-  es as Toolbar,
+  ts as Toolbar,
   Mr as Tooltip,
   kr as UrlField,
   Nr as WeekField,
   mi as applyThemeColors,
-  fn as breakpointStore,
-  In as calculateFloatingPosition,
+  pn as breakpointStore,
+  Bn as calculateFloatingPosition,
   ai as capitalize,
-  Sn as clampInt,
-  se as cn,
+  Ln as clampInt,
+  re as cn,
   Mt as createRipple,
   Xt as defaultTheme,
   fi as ensureInputMethod,
@@ -5270,7 +5277,7 @@ export {
   Vi as flatChildren,
   Xn as generateMaterialColors,
   Ii as getAnimationClass,
-  Bs as getAnimationList,
+  Ms as getAnimationList,
   rt as getBorderClass,
   tn as getBorderColor,
   qn as getColorNames,
@@ -5278,45 +5285,45 @@ export {
   ot as getDensityClass,
   ut as getElevationClass,
   Ee as getFontClass,
-  Is as getFontNames,
+  Bs as getFontNames,
   pi as getInputMethod,
   Bi as getMotionStyleClass,
-  vn as getOnColorName,
+  Cn as getOnColorName,
   gi as getOrderedBreakpoints,
   ci as getPlacementClass,
   We as getShapeClass,
   ft as getSizeClass,
   so as getSurfaceColorVar,
-  Ls as getTintOverlayColor,
-  Mn as getWrapperStyle,
-  Ss as hexToRgb,
+  Is as getTintOverlayColor,
+  sn as getWrapperStyle,
+  Ls as hexToRgb,
   li as hexToRgbValues,
-  gn as isDivider,
-  Fs as isItem,
+  yn as isDivider,
+  Rs as isItem,
   At as isMenu,
-  hn as isMenuItem,
+  gn as isMenuItem,
   _t as mergeOverrides,
   st as mergeRefs,
-  Bn as motionClassMap,
-  sn as renderPortal,
+  Mn as motionClassMap,
+  ln as renderPortal,
   yi as resolveBreakpoint,
   bi as resolveResponsiveValue,
   si as setColorRegistry,
   di as setFontRegistry,
   Tt as toKebabCase,
   hi as toPx,
-  $s as toast,
+  Es as toast,
   Si as useAnimate,
   co as useClickOutside,
   Mi as useEscapeHandler,
   Di as useFocusTrap,
   wt as useFocusVisible,
   nn as useMotion,
-  wn as useResizeObserver,
-  Ms as useResponsive,
+  Nn as useResizeObserver,
+  $s as useResponsive,
   po as useSelection,
   Ei as useSelectionState,
-  Nn as useSliderKeys,
+  kn as useSliderKeys,
   $i as useTheme,
   Nt as useUniqueId,
   Li as useUpdateEffect