@ufoui/core 0.0.5 → 0.0.40

package/index.js

@@ -0,0 +1,4782 @@
+import { jsx as r, jsxs as I, Fragment as rt } from "react/jsx-runtime";
+import Ye, { useState as q, useRef as V, useCallback as tt, useEffect as ge, createContext as Ut, useContext as Ft, forwardRef as S, isValidElement as ct, useLayoutEffect as jn, cloneElement as Rt, useMemo as pt, Children as Pn, Fragment as Lo } from "react";
+import Bo, { createPortal as Io } from "react-dom";
+import { argbFromHex as Gt, themeFromSourceColor as Do, hexFromArgb as $e, TonalPalette as $o } from "@material/material-color-utilities";
+let On = {};
+function Mo(e) {
+  On = e;
+}
+function _n() {
+  return On;
+}
+function en(e) {
+  var t;
+  return (t = _n()[e]) == null ? void 0 : t.onColor;
+}
+function Eo(e) {
+  const t = e === "base" || e === "border" ? ["semantic", "surface", "extended"] : [e];
+  return Object.entries(_n()).filter(([n, o]) => o != null && o.type ? t.includes(o.type) : !1).map(([n]) => n);
+}
+const Hn = (e) => {
+  const t = e.toLowerCase(), n = `--uui-color-${t}`, o = `--uui-color-on-${t}`;
+  return {
+    color: `var(${n})`,
+    onColor: `var(${o})`
+  };
+}, To = (e) => [parseInt(e.slice(1, 3), 16), parseInt(e.slice(3, 5), 16), parseInt(e.slice(5, 7), 16)], Bi = (e) => [
+  parseInt(e.slice(1, 3), 16),
+  parseInt(e.slice(3, 5), 16),
+  parseInt(e.slice(5, 7), 16)
+].join(",");
+function Ii(e, t) {
+  const o = {
+    0: "0",
+    1: "0.05",
+    2: "0.08",
+    3: "0.11",
+    4: "0.12",
+    5: "0.14"
+  }[e] ?? 0, [i, a, s] = To(t);
+  return `rgba(${String(i)}, ${String(a)}, ${String(s)}, ${o})`;
+}
+function Ro(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function zt(e) {
+  return e ?? "outlineVariant";
+}
+function Vt(e) {
+  return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
+}
+function on(e, t, n, o) {
+  const i = Number(n);
+  return Number.isFinite(i) ? Math.min(t, Math.max(e, Math.round(i))) : o;
+}
+const Fo = (e) => ({
+  topLeft: "uui-top-left",
+  topCenter: "uui-top-center",
+  topRight: "uui-top-right",
+  topRightOut: "uui-top-right-out",
+  topLeftOut: "uui-top-left-out",
+  centerLeft: "uui-center-left",
+  center: "uui-center",
+  centerRight: "uui-center-right",
+  bottomLeft: "uui-bottom-left",
+  bottomCenter: "uui-bottom-center",
+  bottomRight: "uui-bottom-right",
+  auto: "uui-top-right"
+})[e], _e = (e) => e ? `uui-${e}` : "", gt = (e) => `uui-${Vt(e)}`, it = (e) => {
+  const t = on(0, 4, e);
+  return t === void 0 ? "" : `uui-border-${t}`;
+}, at = (e) => {
+  const t = on(0, 5, e);
+  return t === void 0 ? "" : `uui-elevation-${t}`;
+}, ut = (e) => e ? `uui-${e}` : "", Le = (e) => `uui-font-${Vt(e)}`;
+function yt(...e) {
+  return (t) => {
+    e.forEach((n) => {
+      if (typeof n == "function")
+        n(t);
+      else if (n) {
+        const o = n;
+        o.current = t;
+      }
+    });
+  };
+}
+const Lt = (e, t, n) => {
+  const o = n ?? e, i = o.querySelector(".ripple-container");
+  i && i.remove();
+  const a = e.getBoundingClientRect(), s = o.getBoundingClientRect(), d = t.clientX - a.left, l = t.clientY - a.top, m = d >= 0 && d <= a.width && l >= 0 && l <= a.height, p = m ? d : a.width / 2, u = m ? l : a.height / 2, f = Math.sqrt(a.width * a.width + a.height * a.height), c = f / 2, h = document.createElement("div");
+  h.className = "ripple-container", h.style.position = "absolute", h.style.pointerEvents = "none", h.style.overflow = "hidden", h.style.width = `${a.width}px`, h.style.height = `${a.height}px`, h.style.left = `${a.left - s.left}px`, h.style.top = `${a.top - s.top}px`, requestAnimationFrame(() => {
+    h.style.borderRadius = getComputedStyle(e).borderRadius;
+  });
+  const g = document.createElement("span");
+  g.className = "ripple", g.style.position = "absolute", g.style.width = `${f}px`, g.style.height = `${f}px`, g.style.left = `${p - c}px`, g.style.top = `${u - c}px`, h.appendChild(g), o.appendChild(h), g.addEventListener("animationend", () => {
+    h.remove();
+  });
+};
+function je(...e) {
+  return e.flat().filter(Boolean).join(" ");
+}
+function Un(e, t, n = {}) {
+  const { placement: o = "topCenter", offset: i = 8, mode: a = "tooltip" } = n, s = 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"]
+  }, l = o === "auto" ? d[a] : [o, ...d[a]], m = e.current, p = t.current;
+  if (!m || !p)
+    return null;
+  const u = m.getBoundingClientRect(), f = p.getBoundingClientRect(), c = window.innerWidth, h = window.innerHeight, g = (y) => {
+    let v = 0, w = 0;
+    switch (y) {
+      case "topCenter":
+        v = u.left + (u.width - f.width) / 2, w = u.top - f.height - i;
+        break;
+      case "topLeft":
+        v = u.left, w = u.top - f.height - i;
+        break;
+      case "topRight":
+        v = u.right - f.width, w = u.top - f.height - i;
+        break;
+      case "bottomCenter":
+        v = u.left + (u.width - f.width) / 2, w = u.bottom + i;
+        break;
+      case "bottomLeft":
+        v = u.left, w = u.bottom + i;
+        break;
+      case "bottomRight":
+        v = u.right - f.width, w = u.bottom + i;
+        break;
+      case "centerLeft":
+        v = u.left - f.width - i, w = u.top + (u.height - f.height) / 2;
+        break;
+      case "centerRight":
+        v = u.right + i, w = u.top + (u.height - f.height) / 2;
+        break;
+      case "center":
+        v = u.left + (u.width - f.width) / 2, w = u.top + (u.height - f.height) / 2;
+        break;
+      case "topRightOut":
+        v = u.right + i, w = u.top;
+        break;
+      case "topLeftOut":
+        v = u.left - f.width - i, w = u.top;
+        break;
+    }
+    return { x: v, y: w, placement: y };
+  };
+  for (const y of l) {
+    const v = g(y), w = v.x >= 0 && v.x + f.width <= c, x = v.y >= 0 && v.y + f.height <= h;
+    let k = !1;
+    if (y === "centerLeft" || y === "centerRight" ? k = w : y === "topCenter" || y === "bottomCenter" || y === "center" ? k = x : k = w && x, k)
+      return v.x = Math.max(s, Math.min(v.x, c - f.width - s)), v.y = Math.max(s, Math.min(v.y, h - f.height - s)), v;
+  }
+  const C = g(o);
+  return C.x = Math.max(s, Math.min(C.x, c - f.width - s)), C.y = Math.max(s, Math.min(C.y, h - f.height - s)), C;
+}
+let Mn = !1, tn = "pointer";
+function Vo() {
+  Mn || typeof window > "u" || (Mn = !0, window.addEventListener(
+    "keydown",
+    () => {
+      tn = "keyboard";
+    },
+    !0
+  ), window.addEventListener(
+    "pointerdown",
+    () => {
+      tn = "pointer";
+    },
+    !0
+  ));
+}
+function Ao() {
+  return tn;
+}
+function En(e = "#6750A4", t = {}, n = {}) {
+  const o = {}, i = { light: {}, dark: {} }, a = t.primary ? Gt(t.primary) : Gt(e), s = {
+    info: "#03a9f4",
+    warning: "#ffd600",
+    success: "#689f38",
+    ...t
+  }, d = [];
+  Object.keys(s).forEach((c) => {
+    d.push({
+      value: Gt(s[c]),
+      name: c,
+      blend: !0
+    });
+  });
+  const l = Do(a, d), m = ["light", "dark"], p = Object.keys(l.schemes.light.toJSON());
+  m.forEach((c) => {
+    p.forEach((h) => {
+      typeof l.schemes[c][h] == "number" && (i[c][h] = $e(
+        l.schemes[c][h]
+      ));
+    });
+  }), i.light.scrim = "#00000052", i.dark.scrim = "#00000052", l.customColors.forEach((c) => {
+    const h = c.color.name[0].toUpperCase() + c.color.name.slice(1), g = {
+      color: c.color.name,
+      onColor: `on${h}`,
+      colorContainer: `${c.color.name}Container`,
+      onColorContainer: `on${h}Container`
+    };
+    o[g.color] = { type: "semantic", onColor: g.onColor }, o[g.onColor] = { type: "theme", onColor: g.color }, o[g.colorContainer] = { type: "extended", onColor: g.onColorContainer }, o[g.onColorContainer] = { type: "theme", onColor: g.colorContainer }, m.forEach((C) => {
+      Object.keys(g).forEach((y) => {
+        i[C][g[y]] = $e(c[C][y]);
+      });
+    });
+  }), ["primary", "secondary", "tertiary", "error"].forEach((c) => {
+    const h = c[0].toUpperCase() + c.slice(1);
+    o[c] = { type: "semantic", onColor: `on${h}` }, o[`on${h}`] = { type: "theme", onColor: c }, o[`${c}Container`] = { type: "extended", onColor: `on${h}Container` }, o[`on${h}Container`] = { type: "theme", onColor: `${c}Container` }, m.forEach((g) => {
+      i[g][`${c}Fixed`] = $e(
+        l.palettes[c].tone(90)
+      ), o[`${c}Fixed`] = { type: "extended", onColor: `on${h}Fixed` }, i[g][`${c}FixedDim`] = $e(
+        l.palettes[c].tone(80)
+      ), o[`${c}FixedDim`] = { type: "extended", onColor: `on${h}FixedVariant` }, i[g][`on${h}Fixed`] = $e(
+        l.palettes[c].tone(10)
+      ), o[`on${h}Fixed`] = { type: "theme", onColor: `${c}Fixed` }, i[g][`on${h}FixedVariant`] = $e(
+        l.palettes[c].tone(30)
+      ), o[`on${h}FixedVariant`] = { type: "theme", onColor: `${c}FixedDim` };
+    });
+  });
+  const u = {
+    black: "#000000",
+    white: "#ffffff"
+  };
+  Object.assign(i.light, u), Object.assign(i.dark, u), o.white = { type: "surface", onColor: "black" }, o.black = { type: "surface", onColor: "white" };
+  const f = (c, h) => {
+    const g = $o.fromInt(c);
+    return $e(g.tone(h));
+  };
+  return l.customColors.forEach((c) => {
+    const h = c.color.name, g = h[0].toUpperCase() + h.slice(1);
+    o[`${h}Fixed`] = { type: "extended", onColor: `on${g}Fixed` }, o[`${h}FixedDim`] = { type: "extended", onColor: `on${g}FixedVariant` }, o[`on${g}Fixed`] = { type: "theme", onColor: `${h}Fixed` }, o[`on${g}FixedVariant`] = { type: "theme", onColor: `${h}FixedDim` }, m.forEach((C) => {
+      const y = c[C].color;
+      i[C][`${h}Fixed`] = f(y, 90), i[C][`${h}FixedDim`] = f(y, 80), i[C][`on${g}Fixed`] = f(y, 10), i[C][`on${g}FixedVariant`] = f(y, 30);
+    });
+  }), i.light.surface = $e(l.palettes.neutral.tone(99)), o.surface = { type: "surface", onColor: "onSurface" }, i.light.surfaceDim = $e(l.palettes.neutral.tone(87)), o.surfaceDim = { type: "surface", onColor: "onSurface" }, i.light.surfaceBright = $e(l.palettes.neutral.tone(99)), o.surfaceBright = { type: "surface", onColor: "onSurface" }, i.light.surfaceContainerLowest = $e(l.palettes.neutral.tone(100)), o.surfaceContainerLowest = { type: "surface", onColor: "onSurface" }, i.light.surfaceContainerLow = $e(l.palettes.neutral.tone(96)), o.surfaceContainerLow = { type: "surface", onColor: "onSurface" }, i.light.surfaceContainer = $e(l.palettes.neutral.tone(94)), o.surfaceContainer = { type: "surface", onColor: "onSurface" }, i.light.surfaceContainerHigh = $e(l.palettes.neutral.tone(92)), o.surfaceContainerHigh = { type: "surface", onColor: "onSurface" }, i.light.surfaceContainerHighest = $e(l.palettes.neutral.tone(90)), o.surfaceContainerHighest = { type: "surface", onColor: "onSurface" }, i.dark.surface = $e(l.palettes.neutral.tone(6)), i.dark.surfaceDim = $e(l.palettes.neutral.tone(6)), i.dark.surfaceBright = $e(l.palettes.neutral.tone(24)), i.dark.surfaceContainerLowest = $e(l.palettes.neutral.tone(4)), i.dark.surfaceContainerLow = $e(l.palettes.neutral.tone(10)), i.dark.surfaceContainer = $e(l.palettes.neutral.tone(12)), i.dark.surfaceContainerHigh = $e(l.palettes.neutral.tone(17)), i.dark.surfaceContainerHighest = $e(l.palettes.neutral.tone(22)), i.light.surfaceTint = $e(l.palettes.primary.tone(40)), o.surfaceTint = { type: "theme" }, i.dark.surfaceTint = $e(l.palettes.primary.tone(80)), o.surfaceVariant = { type: "surface", onColor: "onSurfaceVariant" }, o.scrim = { type: "theme" }, o.onSurface = { type: "theme", onColor: "surface" }, o.onSurfaceVariant = { type: "theme", onColor: "surfaceVariant" }, o.background = { type: "surface", onColor: "onBackground" }, o.onBackground = { type: "theme", onColor: "background" }, o.inverseSurface = { type: "surface", onColor: "inverseOnSurface" }, o.inverseOnSurface = { type: "theme", onColor: "inverseSurface" }, o.outline = { type: "surface", onColor: "surface" }, o.outlineVariant = { type: "surface", onColor: "inverseSurface" }, o.inversePrimary = { type: "theme", onColor: "onPrimaryContainer" }, o.shadow = { type: "theme" }, Mo(o), i;
+}
+function jo(e) {
+  if (typeof document > "u")
+    return e;
+  const t = "ufo-ui-theme";
+  let n = document.getElementById(t);
+  n || (n = document.createElement("style"), n.id = t, document.head.appendChild(n));
+  const o = [...Object.entries(e.light).map(([a, s]) => `--uui-color-${Vt(a)}: ${s};`)].join(
+    ""
+  ), i = Object.entries(e.dark).map(([a, s]) => `--uui-color-${Vt(a)}: ${s};`).join("");
+  return n.textContent = `:root{${o}}.dark{${i}}`, e;
+}
+let Ge = [], _t = [];
+function Ot() {
+  const e = [...Ge];
+  [..._t].forEach((t) => {
+    t(e);
+  });
+}
+const mt = {
+  /**
+   * Subscribes to toast state updates.
+   *
+   * @function
+   */
+  subscribe(e) {
+    return _t.push(e), e([...Ge]), () => {
+      _t = _t.filter((t) => t !== e);
+    };
+  },
+  /**
+   * Adds a new toast to the store.
+   *
+   * Priority toasts are inserted at the beginning
+   * so they appear before normal queued toasts.
+   *
+   * @function
+   */
+  add(e) {
+    Ge.some((t) => t.id === e.id) || (Ge = [...Ge, e], Ot());
+  },
+  /**
+   * Updates an existing toast.
+   *
+   * @function
+   */
+  update(e, t) {
+    const n = Ge.findIndex((i) => i.id === e);
+    if (n === -1)
+      return;
+    const o = [...Ge];
+    o[n] = { ...o[n], ...t }, Ge = o, Ot();
+  },
+  /**
+   * Removes a toast from the store.
+   *
+   * @function
+   */
+  remove(e) {
+    const t = Ge.filter((n) => n.id !== e);
+    t.length !== Ge.length && (Ge = t, Ot());
+  },
+  /**
+   * Removes all toasts.
+   *
+   * @function
+   */
+  clear() {
+    Ge.length !== 0 && (Ge = [], Ot());
+  },
+  /**
+   * Returns current toast list snapshot.
+   *
+   * @function
+   */
+  getState() {
+    return [...Ge];
+  }
+};
+var Nt = {}, Tn;
+function Po() {
+  if (Tn) return Nt;
+  Tn = 1;
+  var e = Bo;
+  if (process.env.NODE_ENV === "production")
+    Nt.createRoot = e.createRoot, Nt.hydrateRoot = e.hydrateRoot;
+  else {
+    var t = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    Nt.createRoot = function(n, o) {
+      t.usingClientEntryPoint = !0;
+      try {
+        return e.createRoot(n, o);
+      } finally {
+        t.usingClientEntryPoint = !1;
+      }
+    }, Nt.hydrateRoot = function(n, o, i) {
+      t.usingClientEntryPoint = !0;
+      try {
+        return e.hydrateRoot(n, o, i);
+      } finally {
+        t.usingClientEntryPoint = !1;
+      }
+    };
+  }
+  return Nt;
+}
+var Oo = Po();
+function rn(e = {}) {
+  const { initial: t = "idle" } = e, [n, o] = q("idle"), [i, a] = q(!1), { t1: s = 0, t2: d, oneShot: l = !1 } = e, m = d ?? Math.round(s * 0.67), p = V(null), u = () => p.current !== null ? (clearTimeout(p.current), p.current = null, !0) : !1, f = tt(
+    (C) => {
+      function y(w, x) {
+        p.current = window.setTimeout(() => {
+          o(w), u();
+        }, x);
+      }
+      if (u() && a(!0), l) {
+        s ? (y("open", s), o("opening")) : o((w) => w === "opening" ? "open" : "opening");
+        return;
+      }
+      if (s) {
+        o((w) => {
+          const x = C === "closed" ? !0 : C === "open" ? !1 : w === "open" || w === "opening", k = x ? "closing" : "opening", B = x ? "closed" : "open";
+          return y(B, B === "open" ? s : m), k;
+        });
+        return;
+      }
+      o((w) => {
+        switch (w) {
+          case "idle":
+          case "closed":
+            return "opening";
+          case "opening":
+            return "open";
+          case "open":
+            return "closing";
+          case "closing":
+            return "closed";
+          default:
+            return w;
+        }
+      });
+    },
+    [l, s, m]
+  );
+  ge(() => {
+    i && a(!1);
+  }, [i]), ge(() => {
+    t !== "idle" && f(t === "open" ? "open" : "closed");
+  }, []);
+  const c = n === "closing", h = n === "opening";
+  return {
+    opening: h,
+    closing: c,
+    animating: (h || c) && !i,
+    idle: n === "idle",
+    active: c || h,
+    animationVars: {
+      "--uui-duration": `${h ? s : m}ms`,
+      "--uui-reverse": c ? "reverse" : "normal"
+    },
+    animate: f
+  };
+}
+function _o(e, t, n, o) {
+  ge(() => {
+    if (!e)
+      return;
+    const i = (a) => {
+      var m, p;
+      const s = a.target;
+      if (Array.isArray(t)) {
+        const u = t.some((c) => {
+          var h;
+          return (h = c.current) == null ? void 0 : h.contains(s);
+        }), f = ((m = o == null ? void 0 : o.current) == null ? void 0 : m.contains(s)) ?? !1;
+        !u && !f && n();
+        return;
+      }
+      const d = !!s.closest(t), l = ((p = o == null ? void 0 : o.current) == null ? void 0 : p.contains(s)) ?? !1;
+      !d && !l && n();
+    };
+    return document.addEventListener("mousedown", i), () => {
+      document.removeEventListener("mousedown", i);
+    };
+  }, [e, t, n, o]);
+}
+const ht = [], Rn = (e) => {
+  e.key === "Escape" && ht.length > 0 && (e.preventDefault(), ht[ht.length - 1]());
+};
+function Ho(e, t) {
+  const n = V(t);
+  n.current = t, ge(() => {
+    if (!e)
+      return;
+    const o = () => {
+      n.current();
+    };
+    return ht.push(o), ht.length === 1 && document.addEventListener("keydown", Rn), () => {
+      const i = ht.lastIndexOf(o);
+      i !== -1 && ht.splice(i, 1), ht.length === 0 && document.removeEventListener("keydown", Rn);
+    };
+  }, [e]);
+}
+function Bt(e, t) {
+  Vo();
+  const [n, o] = q(!1);
+  return {
+    focusVisible: Ao() === "keyboard",
+    isFocused: n,
+    focusHandlers: {
+      onFocus: (d) => {
+        o(!0), e == null || e(d);
+      },
+      onBlur: (d) => {
+        o(!1), t == null || t(d);
+      }
+    }
+  };
+}
+function nn(e, t, n = !0, o = !1) {
+  ge(() => {
+    if (!n)
+      return;
+    const i = e.current;
+    if (!i)
+      return;
+    const a = o ? "border-box" : "content-box", s = new ResizeObserver(([d]) => {
+      let l, m;
+      o ? d.borderBoxSize.length > 0 ? [{ inlineSize: l, blockSize: m }] = d.borderBoxSize : { width: l, height: m } = d.target.getBoundingClientRect() : d.contentBoxSize.length > 0 ? [{ inlineSize: l, blockSize: m }] = d.contentBoxSize : { width: l, height: m } = d.contentRect, t({ width: l, height: m });
+    });
+    return s.observe(i, { box: a }), () => {
+      s.disconnect();
+    };
+  }, [e, t, n, o]);
+}
+const zn = Ut(
+  null
+), sn = Ut(null), Wt = Ut(null), Fn = {
+  darkMode: !1,
+  schemes: { light: {}, dark: {} }
+}, Wn = Ut(null);
+function Kn() {
+  const e = Ft(Wt);
+  if (!e)
+    throw new Error("useSelection must be used within SelectionContext provider");
+  return e;
+}
+function Di() {
+  const e = Ft(Wn);
+  if (!e)
+    throw new Error("useTheme must be used within a <ThemeProvider>");
+  return e;
+}
+function Uo({ value: e, min: t, max: n, step: o, disabled: i, readOnly: a, onChange: s }) {
+  return { onKeyDown: tt(
+    (l) => {
+      if (i || a)
+        return;
+      let m;
+      switch (l.key) {
+        case "ArrowRight":
+        case "ArrowUp":
+          l.preventDefault(), m = Math.min(e + o, n);
+          break;
+        case "ArrowLeft":
+        case "ArrowDown":
+          l.preventDefault(), m = Math.max(e - o, t);
+          break;
+        case "Home":
+          l.preventDefault(), m = t;
+          break;
+        case "End":
+          l.preventDefault(), m = n;
+          break;
+        default:
+          return;
+      }
+      s(m);
+    },
+    [e, t, n, o, i, a, s]
+  ) };
+}
+function zo(e = "vertical", t = !0) {
+  const n = V([]), o = tt((s) => {
+    s && (n.current.includes(s) || n.current.push(s));
+  }, []), i = tt((s) => {
+    s && (n.current = n.current.filter((d) => d !== s));
+  }, []), a = tt(
+    (s) => {
+      const d = e === "vertical", l = d ? "ArrowDown" : "ArrowRight";
+      if (![l, d ? "ArrowUp" : "ArrowLeft", "Home", "End"].includes(s.key))
+        return;
+      s.preventDefault();
+      const u = [...n.current].sort((C, y) => {
+        if (C === y)
+          return 0;
+        const v = C.compareDocumentPosition(y);
+        return v & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : v & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+      }).filter((C) => !("disabled" in C && C.disabled || C.getAttribute("aria-disabled") === "true"));
+      if (u.length === 0)
+        return;
+      const f = u.indexOf(s.currentTarget);
+      if (f === -1)
+        return;
+      if (s.key === "Home") {
+        u[0].focus();
+        return;
+      }
+      if (s.key === "End") {
+        u[u.length - 1].focus();
+        return;
+      }
+      const c = s.key === l ? 1 : -1, h = t ? (f + c + u.length) % u.length : f + c, g = u.at(h);
+      g && g.focus();
+    },
+    [e, t]
+  );
+  return { register: o, unregister: i, onKeyDown: a };
+}
+function Wo(e, t = "vertical") {
+  const [n, o] = q([]), i = zo(t), a = tt(
+    (l) => {
+      o((m) => {
+        const p = m.includes(l);
+        return e === "single" ? p ? [] : [l] : p ? m.filter((u) => u !== l) : [...m, l];
+      });
+    },
+    [e]
+  ), s = tt((l) => {
+    o([l]);
+  }, []), d = tt(() => {
+    o([]);
+  }, []);
+  return {
+    values: n,
+    toggle: a,
+    set: s,
+    clear: d,
+    roving: i,
+    type: e,
+    orientation: t
+  };
+}
+const Ct = [], Ko = ({ ref: e, enabled: t, autoFocus: n = !0 }) => {
+  const o = V(null);
+  ge(() => {
+    if (!t || !e.current)
+      return;
+    const i = e.current;
+    o.current = document.activeElement, Ct.push(i);
+    const a = () => Array.from(
+      i.querySelectorAll(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+      )
+    ).filter((l) => !l.hasAttribute("disabled") && l.getClientRects().length > 0);
+    if (n && !i.contains(document.activeElement)) {
+      const l = a();
+      (l.find((p) => p.hasAttribute("data-autofocus")) ?? l[0] ?? i).focus();
+    }
+    const s = (l) => {
+      if (l.key !== "Tab" || Ct[Ct.length - 1] !== i)
+        return;
+      const m = a();
+      if (m.length === 0) {
+        l.preventDefault();
+        return;
+      }
+      const p = m[0], u = m[m.length - 1];
+      l.shiftKey && document.activeElement === p ? (l.preventDefault(), u.focus()) : !l.shiftKey && document.activeElement === u && (l.preventDefault(), p.focus());
+    }, d = (l) => {
+      const m = l.target;
+      if (!i.contains(m)) {
+        if (Ct[Ct.length - 1] !== i)
+          return;
+        const u = a()[0] ?? i;
+        u !== m && u.focus({ preventScroll: !0 });
+      }
+    };
+    return document.addEventListener("keydown", s), document.addEventListener("focusin", d), () => {
+      document.removeEventListener("keydown", s), document.removeEventListener("focusin", d);
+      const l = Ct.lastIndexOf(i);
+      l !== -1 && Ct.splice(l, 1);
+      const m = o.current;
+      m && document.contains(m) && setTimeout(() => {
+        m.focus({ preventScroll: !0 });
+      }, 0);
+    };
+  }, [t, e, n]);
+}, ln = {
+  fade: "uui-motion-fade",
+  fadeBlur: "uui-motion-fade-blur",
+  scale: "uui-motion-scale",
+  scaleBlur: "uui-motion-scale-blur",
+  popup: "uui-motion-popup",
+  slideUp: "uui-motion-slide-up",
+  slideDown: "uui-motion-slide-down",
+  slideLeft: "uui-motion-slide-left",
+  slideRight: "uui-motion-slide-right",
+  slideUpBlur: "uui-motion-slide-up-blur",
+  slideDownBlur: "uui-motion-slide-down-blur",
+  slideLeftBlur: "uui-motion-slide-left-blur",
+  slideRightBlur: "uui-motion-slide-right-blur",
+  rotate: "uui-motion-rotate",
+  rotateUpRight: "uui-motion-rotate-up-right",
+  rotateUpLeft: "uui-motion-rotate-up-left",
+  rollLeft: "uui-motion-roll-left",
+  rollRight: "uui-motion-roll-right",
+  flipX: "uui-motion-flip-x",
+  flipY: "uui-motion-flip-y",
+  bounce: "uui-motion-bounce",
+  squish: "uui-motion-squish",
+  rubber: "uui-motion-rubber",
+  popElastic: "uui-motion-pop-elastic",
+  jelly: "uui-motion-jelly"
+};
+function an(e) {
+  return e && e !== "none" ? ln[e] ?? "" : "";
+}
+function $i() {
+  return Object.keys(ln);
+}
+function cn(e) {
+  return e === "expressive" ? "uui-motion-expressive" : "";
+}
+const Kt = S((e, t) => {
+  const {
+    open: n,
+    animation: o = "fade",
+    duration: i = 220,
+    motionStyle: a = "regular",
+    className: s,
+    children: d,
+    style: l,
+    shape: m,
+    ...p
+  } = e, u = V(!0), f = V(null), [c, h] = q(void 0), { animationVars: g, animate: C, animating: y } = rn({
+    t1: i
+  });
+  nn(f, ({ height: L }) => {
+    h(L), u.current = !1;
+  }, !y, !0), ge(() => {
+    u.current || C(n ? "open" : "closed");
+  }, [n]);
+  const w = ["uui-collapse", s, ...m ? [_e(m)] : []].filter(Boolean).join(" "), x = E();
+  x.merge(g), n ? c !== void 0 && x.set("height", `${c}px`) : x.set("height", "0px");
+  const k = [y && an(o), cn(a)].filter(Boolean).join(" "), B = E(l);
+  return B.merge(g), /* @__PURE__ */ r(
+    "div",
+    {
+      "aria-hidden": !n,
+      className: w,
+      ...n ? {} : { inert: "" },
+      style: x.get(),
+      children: /* @__PURE__ */ r("div", { className: "uui-collapse-wrapper", ref: f, children: /* @__PURE__ */ r(Me, { ...p, className: k, ref: t, shape: m, style: B.get(), children: d }) })
+    }
+  );
+});
+Kt.displayName = "Collapse";
+const Zn = S(
+  ({
+    id: e,
+    title: t,
+    description: n,
+    color: o,
+    icon: i,
+    action: a,
+    content: s,
+    duration: d = 400,
+    animation: l = "flipY",
+    motionStyle: m,
+    timeout: p,
+    elevation: u = 3,
+    shape: f = "smooth",
+    status: c,
+    leaving: h,
+    onExitComplete: g,
+    className: C,
+    ...y
+  }, v) => {
+    const [w, x] = q(!1), k = V(null), B = V(!1), L = () => {
+      B.current || (B.current = !0, setTimeout(() => {
+        g == null || g(e);
+      }, d));
+    };
+    ge(() => {
+      if (!(!p || p === 0))
+        return k.current = setTimeout(() => {
+          mt.remove(e), x(!1), L();
+        }, p), () => {
+          k.current && clearTimeout(k.current);
+        };
+    }, [e, L, p]);
+    const M = E();
+    M.bg(o), M.text.on(o);
+    const F = c ? `uui-toast-${c}` : void 0;
+    ge(() => {
+      x(!0);
+    }, []), ge(() => {
+      h && (k.current && clearTimeout(k.current), x(!1), L());
+    }, [h, L]);
+    const D = s ?? /* @__PURE__ */ I(rt, { children: [
+      /* @__PURE__ */ I("div", { className: "uui-toast-text", children: [
+        i && /* @__PURE__ */ r("div", { className: "uui-icon", children: i }),
+        /* @__PURE__ */ I("div", { className: "uui-toast-content", children: [
+          t && /* @__PURE__ */ r("div", { className: "uui-toast-title uui-font-label-large", children: t }),
+          n && /* @__PURE__ */ r("div", { className: "uui-toast-description", children: n })
+        ] })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "uui-toast-actions uui-slot", children: a })
+    ] });
+    return /* @__PURE__ */ r(
+      Me,
+      {
+        className: je("uui-toast", F, C),
+        elevation: u,
+        font: "bodyMedium",
+        ref: v,
+        shape: f,
+        style: M.get(),
+        ...y,
+        children: /* @__PURE__ */ r(Kt, { animation: l, duration: d, motionStyle: m, open: w, children: /* @__PURE__ */ r("div", { className: "uui-toast-region", id: `${e}-content`, role: "region", children: D }) })
+      }
+    );
+  }
+);
+Zn.displayName = "Toast";
+const Zo = {
+  topLeft: { top: 16, left: 16, flexDirection: "column-reverse" },
+  topCenter: { top: 16, left: "50%", transform: "translateX(-50%)", flexDirection: "column-reverse" },
+  topRight: { top: 16, right: 16, flexDirection: "column-reverse" },
+  bottomLeft: { bottom: 16, left: 16 },
+  bottomCenter: { bottom: 16, left: "50%", transform: "translateX(-50%)" },
+  bottomRight: { bottom: 16, right: 16 }
+}, qo = ({ position: e = "bottomRight", timeout: t = 4e3, limit: n = 3 }) => {
+  const [o, i] = q([]);
+  ge(() => mt.subscribe((d) => {
+    i((l) => {
+      const m = new Map(d.map((c) => [c.id, c])), p = new Set(l.map((c) => c.id)), u = l.map((c) => {
+        const h = m.get(c.id);
+        return h ? { ...h, leaving: c.leaving } : c.leaving ? c : { ...c, leaving: !0 };
+      }), f = d.filter((c) => !p.has(c.id)).map((c) => ({ ...c, leaving: !1 }));
+      return [...u, ...f];
+    });
+  }), [n]);
+  const a = (d) => {
+    i((l) => l.filter((m) => m.id !== d));
+  }, s = n <= 0 ? o : o.slice(0, n);
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "aria-live": "polite",
+      "aria-relevant": "additions text",
+      className: "uui-toast-viewport uui-menu-scroll",
+      style: Zo[e],
+      children: s.map((d) => {
+        const { priority: l, leaving: m, ...p } = d, u = typeof p.action == "function" ? p.action(p.id) : p.action;
+        return /* @__PURE__ */ r(
+          Zn,
+          {
+            ...p,
+            action: u,
+            leaving: m,
+            onExitComplete: a,
+            timeout: p.timeout ?? t
+          },
+          p.id
+        );
+      })
+    }
+  );
+};
+let Yt = !1;
+function Go() {
+  if (Yt)
+    return;
+  if (document.querySelector(".uui-toast-viewport")) {
+    Yt = !0;
+    return;
+  }
+  const e = document.createElement("div");
+  document.body.appendChild(e), Oo.createRoot(e).render(/* @__PURE__ */ r(qo, {})), Yt = !0;
+}
+function Xt(e, t) {
+  const n = typeof e == "function" ? e(t) : e;
+  return typeof n == "string" ? { description: n } : n;
+}
+function kt(e) {
+  Go();
+  const t = typeof e == "string" ? { description: e } : e, n = t.id ?? crypto.randomUUID();
+  return mt.add({
+    priority: !1,
+    ...t,
+    id: n
+  }), n;
+}
+const Mi = Object.assign(kt, {
+  /** Updates an existing toast. */
+  update: mt.update,
+  /** Removes a toast by id. */
+  dismiss: mt.remove,
+  /** Removes all toasts. */
+  clear: mt.clear,
+  /** Creates a success toast. */
+  success: (e, t) => kt({ ...t, description: e, status: "success" }),
+  /** Creates an error toast. */
+  error: (e, t) => kt({ ...t, description: e, status: "error" }),
+  /** Creates an informational toast. */
+  info: (e, t) => kt({ ...t, description: e, status: "info" }),
+  /** Creates a warning toast. */
+  warning: (e, t) => kt({ ...t, description: e, status: "warning" }),
+  /**
+   * Displays toast lifecycle bound to a promise.
+   *
+   * Promise toasts use priority so the user immediately
+   * sees feedback for the triggered action.
+   *
+   * @category Toast
+   * @function
+   */
+  async promise(e, t) {
+    const n = kt({
+      ...Xt(t.loading, void 0),
+      timeout: 0,
+      priority: !0
+    });
+    return e.then(
+      (o) => {
+        const i = Xt(t.success, o);
+        return mt.update(n, {
+          timeout: void 0,
+          ...i
+        }), o;
+      },
+      (o) => {
+        const i = Xt(t.error, o);
+        throw mt.update(n, {
+          timeout: void 0,
+          ...i
+        }), o;
+      }
+    );
+  }
+}), xt = (e) => (
+  // eslint-disable-next-line sonarjs/pseudo-random
+  `${e}_${Math.floor((1 + Math.random()) * 65536).toString(16).substring(1)}`
+);
+function E(e) {
+  const t = { ...e || {} };
+  function n(f, c) {
+    t[f] = c;
+  }
+  const o = (f) => `var(--uui-color-${f.replace(/[A-Z]/g, (c) => "-" + c.toLowerCase())})`, i = (f) => Object.assign(
+    (c) => {
+      c && f(o(c));
+    },
+    {
+      on(c) {
+        if (c) {
+          const h = en(c);
+          h !== void 0 && f(o(h));
+        }
+      },
+      container(c) {
+        c && f(o(`${c}Container`));
+      },
+      onContainer(c) {
+        c && f(o(`on${Ro(c)}Container`));
+      },
+      fixed(c) {
+        c && f(o(`${c}Fixed`));
+      },
+      fixedDim(c) {
+        c && f(o(`${c}FixedDim`));
+      }
+    }
+  ), a = i((f) => {
+    n("backgroundColor", f);
+  }), s = i((f) => {
+    n("color", f);
+  }), d = i((f) => {
+    n("borderColor", f);
+  }), l = i((f) => {
+    n("outlineColor", f);
+  }), m = i((f) => {
+    n("--uui-current-color", f);
+  }), p = i((f) => {
+    n("stroke", f);
+  }), u = i((f) => {
+    n("fill", f);
+  });
+  return {
+    bg: a,
+    text: s,
+    border: d,
+    outline: l,
+    current: m,
+    stroke: p,
+    fill: u,
+    set: n,
+    get() {
+      return t;
+    },
+    merge(f) {
+      if (!f)
+        return;
+      const c = Object.fromEntries(Object.entries(f).filter(([h, g]) => g != null));
+      Object.assign(t, c);
+    }
+  };
+}
+function Yo(e) {
+  const { m: t, mx: n, my: o, mt: i, mb: a, ml: s, mr: d, top: l, right: m, bottom: p, left: u, zIndex: f, position: c, ...h } = e;
+  return {
+    wrapperStyle: Object.fromEntries(Object.entries({
+      top: l,
+      right: m,
+      bottom: p,
+      left: u,
+      zIndex: f,
+      position: c,
+      margin: t,
+      marginTop: i ?? o,
+      marginBottom: a ?? o,
+      marginLeft: s ?? n,
+      marginRight: d ?? n
+    }).filter(([y, v]) => v != null)),
+    otherProps: h
+  };
+}
+const Xo = (e) => Ye.Children.toArray(e).flatMap((n) => ct(n) && n.type === Ye.Fragment ? Ye.Children.toArray(n.props.children) : [n]);
+function Jo(e) {
+  if (typeof document > "u")
+    return null;
+  const t = document.getElementById(e);
+  if (t)
+    return t;
+  const n = document.createElement("div");
+  return n.id = e, document.body.appendChild(n), n;
+}
+function un(e, t) {
+  const n = Jo(e);
+  return n ? Io(t, n) : null;
+}
+const Me = S((e, t) => {
+  const {
+    type: n = "flex",
+    inline: o = !1,
+    color: i,
+    elevation: a,
+    shape: s,
+    border: d,
+    direction: l,
+    flow: m,
+    borderColor: p,
+    elementClass: u,
+    children: f,
+    className: c,
+    style: h,
+    font: g,
+    fullHeight: C,
+    fullWidth: y,
+    grow: v,
+    p: w,
+    px: x,
+    py: k,
+    pt: B,
+    pb: L,
+    pl: M,
+    pr: F,
+    gap: D,
+    gapX: N,
+    gapY: H,
+    justifyContent: G,
+    alignItems: ee,
+    placeItems: te,
+    alignContent: ye,
+    wrap: me,
+    cols: be,
+    rows: ae,
+    component: j,
+    row: Ce,
+    col: ie,
+    w: Ve,
+    h: ne,
+    ...ke
+  } = e, _ = j ?? "div", { wrapperStyle: W, otherProps: oe } = Yo(ke), ce = E(W);
+  ce.merge(h);
+  const Ie = {
+    width: Ve ?? (y ? "100%" : void 0),
+    height: ne ?? (C ? "100%" : void 0),
+    padding: w,
+    paddingTop: B ?? k,
+    paddingBottom: L ?? k,
+    paddingLeft: M ?? x,
+    paddingRight: F ?? x,
+    gap: D,
+    columnGap: N,
+    rowGap: H,
+    justifyContent: G,
+    alignItems: ee,
+    placeItems: te,
+    alignContent: ye,
+    flexWrap: me && n === "flex" ? "wrap" : void 0,
+    gridTemplateColumns: n === "grid" ? typeof be == "number" ? `repeat(${be}, 1fr)` : be : void 0,
+    gridTemplateRows: n === "grid" ? typeof ae == "number" ? `repeat(${ae}, 1fr)` : ae : void 0
+  };
+  ce.merge(Ie), ce.border(p), ce.bg(i), ce.text.on(i);
+  const K = Ce ? "row" : ie ? "col" : l, ve = je(
+    c,
+    "uui-box",
+    u,
+    g && Le(g),
+    s && _e(s),
+    a !== void 0 && at(a),
+    d !== void 0 && it(d),
+    v && "uui-grow",
+    n === "flex" ? o ? "uui-flex-inline" : "uui-flex" : n === "grid" ? o ? "uui-grid-inline" : "uui-grid" : o ? "uui-inline-block" : "uui-block",
+    K && n === "flex" && `uui-flex-${K}`,
+    m && n === "grid" && `uui-grid-flow-${m === "col" ? "col" : "row"}`
+  );
+  return /* @__PURE__ */ r(_, { className: ve, ref: t, ...oe, style: ce.get(), children: f });
+});
+Me.displayName = "BoxBase";
+const It = ({ tooltip: e, align: t, triggerRef: n }) => {
+  const [o, i] = q(!1), [a, s] = q(null), d = V(null);
+  ge(() => {
+    const p = n.current;
+    if (!p)
+      return;
+    const u = () => {
+      i(!0);
+    }, f = () => {
+      i(!1), s(null);
+    }, c = (h) => {
+      h.target.matches(":focus-visible") && i(!0);
+    };
+    return p.addEventListener("mouseenter", u), p.addEventListener("mouseleave", f), p.addEventListener("focus", c), p.addEventListener("blur", f), () => {
+      p.removeEventListener("mouseenter", u), p.removeEventListener("mouseleave", f), p.removeEventListener("focus", c), p.removeEventListener("blur", f);
+    };
+  }, [n]), ge(() => {
+    if (!o)
+      return;
+    const p = requestAnimationFrame(() => {
+      if (!d.current || !n.current)
+        return;
+      const u = Un(n, d, {
+        placement: t,
+        offset: 8
+      });
+      u && s({ x: u.x, y: u.y });
+    });
+    return () => {
+      cancelAnimationFrame(p);
+    };
+  }, [t, o, n]);
+  const l = E({
+    top: (a == null ? void 0 : a.y) ?? -9999,
+    left: (a == null ? void 0 : a.x) ?? -9999,
+    opacity: a ? 1 : 0,
+    visibility: a && o ? "visible" : "hidden"
+  }), m = ["uui-tooltip", "uui-font-body-small", "uui-elevation-2", "uui-corner-small"].join(" ");
+  return un(
+    "uui-tooltip-root",
+    /* @__PURE__ */ r("div", { className: m, ref: d, role: "tooltip", style: l.get(), children: e })
+  );
+};
+It.displayName = "InlineTooltipManager";
+const qn = ({ start: e, end: t, content: n, className: o }) => e ?? t ?? n ? /* @__PURE__ */ I("div", { className: `uui-slot ${o}`, children: [
+  e,
+  n,
+  t
+] }) : null, dn = (e) => /* @__PURE__ */ r(qn, { ...e, className: "uui-leading" }), fn = (e) => /* @__PURE__ */ r(qn, { ...e, className: "uui-trailing" }), pn = S(
+  ({ control: e, label: t, description: n, className: o, textPlacement: i, spanDesc: a }, s) => /* @__PURE__ */ I(
+    "div",
+    {
+      className: je(o, `uui-control-grid uui-control-grid-${t && (i === "start" || i === "end") ? i : "col"}`, a && "uui-spanned"),
+      ref: s,
+      children: [
+        (i === "start" || i === "top") && t,
+        e,
+        (i === "end" || i === "bottom") && t,
+        n
+      ]
+    }
+  )
+);
+pn.displayName = "ControlGrid";
+const Gn = ({
+  label: e,
+  htmlFor: t,
+  id: n,
+  required: o,
+  font: i,
+  focusRef: a,
+  tag: s = "label"
+}) => {
+  if (!e)
+    return null;
+  const d = je("uui-control-label", Le(i ?? "bodyMedium"));
+  return /* @__PURE__ */ I(
+    s,
+    {
+      className: d,
+      id: n,
+      ...s === "label" ? { htmlFor: a ? void 0 : t } : {},
+      onClick: a ? () => {
+        var m;
+        return (m = a.current) == null ? void 0 : m.focus();
+      } : void 0,
+      children: [
+        e,
+        o && /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
+      ]
+    }
+  );
+}, mn = ({ description: e, error: t, ...n }) => {
+  const o = t ?? e;
+  if (!o)
+    return null;
+  const i = je(
+    "uui-support-text",
+    Le("bodySmall"),
+    !!t && "uui-error",
+    !!e && !t && "uui-description"
+  );
+  return /* @__PURE__ */ r("div", { className: i, ...n, children: o });
+}, hn = ({ icon: e, className: t, color: n }) => {
+  const o = E();
+  return o.text(n), e ? /* @__PURE__ */ r("div", { className: je("uui-icon", t), style: o.get(), children: e }) : null;
+};
+hn.displayName = "Icon";
+function Qo({
+  variant: e = "circular",
+  inline: t,
+  className: n
+}) {
+  const o = [
+    "uui-spinner",
+    `uui-spinner-${e}`,
+    t && "uui-spinner-inline",
+    n
+  ].filter(Boolean).join(" ");
+  return e === "circular" ? /* @__PURE__ */ r("svg", { "aria-hidden": "true", className: o, viewBox: "22 22 44 44", children: /* @__PURE__ */ r(
+    "circle",
+    {
+      className: "uui-spinner-circle",
+      cx: "44",
+      cy: "44",
+      fill: "none",
+      r: "19.8",
+      strokeWidth: "4.6"
+    }
+  ) }) : e === "bars2" ? /* @__PURE__ */ I(
+    "svg",
+    {
+      className: "uui-bars-spinner",
+      viewBox: "0 0 48 48",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ r("rect", { height: "12", rx: "2", width: "4", x: "22" }),
+        /* @__PURE__ */ r(
+          "rect",
+          {
+            height: "12",
+            rx: "2",
+            transform: "rotate(-135 33.9 16.9)",
+            width: "4",
+            x: "33.9",
+            y: "16.9"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "rect",
+          {
+            height: "12",
+            rx: "2",
+            transform: "rotate(-90 36 26)",
+            width: "4",
+            x: "36",
+            y: "26"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "rect",
+          {
+            height: "12",
+            rx: "2",
+            transform: "rotate(-45 31.1 33.9)",
+            width: "4",
+            x: "31.1",
+            y: "33.9"
+          }
+        ),
+        /* @__PURE__ */ r("rect", { height: "12", rx: "2", width: "4", x: "22", y: "36" }),
+        /* @__PURE__ */ r(
+          "rect",
+          {
+            height: "12",
+            rx: "2",
+            transform: "rotate(-135 8.4 42.4)",
+            width: "4",
+            x: "8.4",
+            y: "42.4"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "rect",
+          {
+            height: "12",
+            rx: "2",
+            transform: "rotate(-90 0 26)",
+            width: "4",
+            y: "26"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "rect",
+          {
+            height: "12",
+            rx: "2",
+            transform: "rotate(-45 5.6 8.4)",
+            width: "4",
+            x: "5.6",
+            y: "8.4"
+          }
+        )
+      ]
+    }
+  ) : e === "orbit" ? /* @__PURE__ */ I(
+    "svg",
+    {
+      className: "uui-orbit-spinner",
+      viewBox: "0 0 48 48",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ r("circle", { cx: "24", cy: "4", r: "4" }),
+        /* @__PURE__ */ r("circle", { cx: "38.1421", cy: "9.8579", r: "4" }),
+        /* @__PURE__ */ r("circle", { cx: "44", cy: "24", r: "4" }),
+        /* @__PURE__ */ r("circle", { cx: "38.1421", cy: "38.1421", r: "4" }),
+        /* @__PURE__ */ r("circle", { cx: "24", cy: "44", r: "4" }),
+        /* @__PURE__ */ r("circle", { cx: "9.8579", cy: "38.1421", r: "4" }),
+        /* @__PURE__ */ r("circle", { cx: "4", cy: "24", r: "4" }),
+        /* @__PURE__ */ r("circle", { cx: "9.8579", cy: "9.8579", r: "4" })
+      ]
+    }
+  ) : e === "arc" ? /* @__PURE__ */ I(
+    "svg",
+    {
+      className: "uui-ring-spinner",
+      viewBox: "0 0 56 56",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ r(
+          "circle",
+          {
+            cx: "28",
+            cy: "28",
+            fill: "none",
+            opacity: "0.25",
+            r: "22",
+            stroke: "currentColor",
+            strokeWidth: "8"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "circle",
+          {
+            cx: "28",
+            cy: "28",
+            fill: "none",
+            r: "22",
+            stroke: "currentColor",
+            strokeDasharray: "69 69",
+            strokeDashoffset: "0",
+            strokeLinecap: "butt",
+            strokeWidth: "8"
+          }
+        )
+      ]
+    }
+  ) : e === "stepBar" ? /* @__PURE__ */ I("svg", { className: "uui-bars-steps", viewBox: "0 0 48 48", children: [
+    /* @__PURE__ */ r("rect", { height: "8", rx: "4", width: "8", x: "6", y: "20" }),
+    /* @__PURE__ */ r("rect", { height: "8", rx: "4", width: "8", x: "20", y: "20" }),
+    /* @__PURE__ */ r("rect", { height: "8", rx: "4", width: "8", x: "34", y: "20" })
+  ] }) : /* @__PURE__ */ I(
+    "svg",
+    {
+      className: "uui-dots2-spinner",
+      viewBox: "0 0 48 48",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ r("circle", { cx: "10", cy: "24", r: "4" }),
+        /* @__PURE__ */ r("circle", { cx: "24", cy: "24", r: "4" }),
+        /* @__PURE__ */ r("circle", { cx: "38", cy: "24", r: "4" })
+      ]
+    }
+  );
+}
+const Dt = S((e, t) => {
+  const {
+    color: n,
+    selectedColor: o,
+    className: i,
+    label: a,
+    title: s,
+    type: d = "button",
+    size: l = "small",
+    border: m,
+    borderColor: p,
+    hoverEffects: u = ["overlay", "elevate"],
+    pressedEffects: f = ["overlay", "elevate"],
+    touchEffects: c = ["ripple"],
+    selectedEffects: h = ["morph", "color"],
+    focusEffects: g = ["ring", "overlay"],
+    children: C,
+    outlined: y = !1,
+    filled: v = !1,
+    tonal: w = !1,
+    elevated: x = !1,
+    flat: k = !1,
+    elevation: B,
+    disabled: L,
+    textColor: M,
+    selectedTextColor: F,
+    shape: D = "round",
+    selectedShape: N = "rounded",
+    icon: H,
+    selectedIcon: G,
+    leading: ee,
+    endIcon: te,
+    trailing: ye,
+    onClick: me,
+    elementClass: be,
+    font: ae = "labelLarge",
+    upload: j,
+    uploadAccept: Ce,
+    uploadMultiple: ie,
+    onUploadChange: Ve,
+    id: ne = "",
+    name: ke = "",
+    loading: _,
+    fullWidth: W = !1,
+    link: oe,
+    selected: ce,
+    defaultSelected: Ie,
+    toggle: K = !1,
+    tooltipAlign: ve = "auto",
+    density: Ee,
+    style: Be,
+    "aria-label": Y,
+    ...Z
+  } = e, Te = ce !== void 0, [X, ue] = q(Ie ?? !1), xe = Te ? ce : X, de = V(null), U = V(null), Re = V(null), Pe = V(xt("button")), De = ne || ke || Pe.current, se = oe ? Ye.cloneElement(oe, { ref: U, style: { display: "none" } }) : null, P = [
+    be,
+    i,
+    "uui-bb",
+    ut(Ee),
+    ...W ? ["uui-w-full"] : []
+  ].filter(Boolean).join(" "), we = [
+    "uui-btn-control",
+    Le(ae),
+    ...v ? ["uui-filled"] : [],
+    ...x ? ["uui-elevated"] : [],
+    ...w ? ["uui-tonal"] : [],
+    ...y ? ["uui-outlined"] : [],
+    ...g.includes("ring") ? ["uui-focus-ring"] : [],
+    ...g.includes("overlay") ? ["uui-focus-overlay"] : [],
+    ...u.includes("overlay") ? ["uui-hover-overlay"] : [],
+    ...f.includes("overlay") ? ["uui-pressed-overlay"] : [],
+    ...h.includes("overlay") ? ["uui-selected-overlay"] : [],
+    ..._ ? ["uui-loading"] : [],
+    ...W ? ["uui-w-full"] : [],
+    ...C ? [] : [gt(l)],
+    ...xe ? ["uui-selected"] : []
+  ], re = ["uui-state"], Se = K && xe && h.includes("morph") ? _e(N) : _e(D);
+  we.push(Se), re.push(Se);
+  const he = "uui-icon", J = K && xe ? G ?? ee ?? H : ee ?? H, fe = _ ? /* @__PURE__ */ r("div", { className: he, children: /* @__PURE__ */ r(Qo, {}) }) : J && /* @__PURE__ */ r("div", { className: he, children: J }), Oe = (ye ?? te) && /* @__PURE__ */ r("div", { className: he, children: ye ?? te });
+  let Ne;
+  if (C) {
+    const Q = ["uui-btn-content uui-overflow-hidden", Se, Le(ae)].filter(Boolean).join(" ");
+    Ne = /* @__PURE__ */ r("div", { className: Q, children: C });
+  } else
+    Ne = /* @__PURE__ */ I("div", { className: "uui-btn-content", children: [
+      fe,
+      a && /* @__PURE__ */ r("span", { className: "uui-label " + Le(ae), children: a }),
+      Oe
+    ] });
+  const $ = E(Be), R = E();
+  if (y || m !== void 0) {
+    $.border(zt(p));
+    const He = it(m ?? (y ? 1 : 0));
+    we.push(He);
+  }
+  let Ae = B;
+  B === void 0 && (w || v ? k || (Ae = x ? 1 : 0) : x && (Ae = 1));
+  const O = [
+    ...u.includes("elevate") && !k ? ["uui-hover-elevate"] : [],
+    ...f.includes("elevate") && !k ? ["uui-pressed-elevate"] : []
+  ];
+  we.push(...O, at(Ae));
+  const Ke = () => {
+    v ? ($.bg(n ?? "primary"), R.bg.on(n ?? "primary"), M ? $.text(M) : $.text.on(n ?? "primary")) : w ? ($.bg.container("secondary"), R.bg.onContainer("secondary"), M ? $.text(M) : $.text.onContainer("secondary")) : x ? ($.bg("surfaceContainerLow"), $.text(M ?? n ?? "primary"), R.bg(n ?? "primary")) : y && !M ? ($.text.on("surfaceVariant"), R.bg.on("surfaceVariant")) : ($.text(M ?? n), R.bg(M ?? n));
+  }, ze = () => {
+    n ? ($.bg(n), R.bg.on(n), $.text.on(n)) : v ? ($.bg("surfaceContainer"), R.bg.on("surfaceContainer"), $.text.on("surfaceVariant")) : x ? ($.bg("surfaceContainerLow"), R.bg.on("surfaceContainerLow"), $.text("primary")) : w ? ($.bg.container("secondary"), R.bg("secondary"), $.text.onContainer("secondary")) : y && !M ? ($.text.on("surfaceVariant"), R.bg.on("surfaceVariant")) : ($.text(M ?? n ?? "primary"), R.bg(M ?? n ?? "primary")), M && $.text(M);
+  }, Ue = () => {
+    const Q = o ?? n ?? "primary";
+    w && !o ? ($.bg("secondary"), R.bg.on("secondary"), F ? $.text(F) : $.text.on("secondary")) : y && !o ? ($.bg("inverseSurface"), R.bg.on("inverseSurface"), F ? $.text(F) : $.text.on("inverseSurface")) : ($.bg(Q), R.bg.on(Q), F ? $.text(F) : $.text.on(Q));
+  };
+  K && h.includes("color") ? xe ? Ue() : ze() : Ke();
+  const Je = (Q) => {
+    var He;
+    if (!L) {
+      if (K) {
+        const Xe = !xe;
+        Te || ue(Xe), (He = e.onChange) == null || He.call(e, {
+          ...Q,
+          target: {
+            ...Q.target,
+            name: ke,
+            value: Xe
+          }
+        });
+      }
+      if (U.current) {
+        U.current.click();
+        return;
+      }
+      if (j && de.current) {
+        de.current.click();
+        return;
+      }
+      me && me(Q), c.includes("ripple") && Lt(Q.currentTarget, Q);
+    }
+  }, Qe = s ? /* @__PURE__ */ r("div", { id: `${De}-tip`, children: s }) : null;
+  let z;
+  a && C && (z = a), !a && !C && (z = s);
+  const pe = Y ?? z;
+  return /* @__PURE__ */ I("div", { className: P, children: [
+    j && /* @__PURE__ */ r(
+      "input",
+      {
+        accept: Ce,
+        "aria-labelledby": De,
+        multiple: ie,
+        onChange: Ve,
+        ref: de,
+        style: { display: "none" },
+        type: "file"
+      }
+    ),
+    /* @__PURE__ */ I(
+      "button",
+      {
+        "aria-busy": _,
+        "aria-describedby": s ? `${De}-tip` : void 0,
+        "aria-haspopup": j ? "dialog" : void 0,
+        "aria-label": pe,
+        "aria-pressed": K ? xe : void 0,
+        className: we.join(" "),
+        disabled: L,
+        id: De,
+        name: ke || void 0,
+        onClick: Je,
+        ref: yt(t, Re),
+        style: $.get(),
+        type: d,
+        ...Z,
+        children: [
+          /* @__PURE__ */ r("div", { className: re.join(" "), style: R.get() }),
+          Ne
+        ]
+      }
+    ),
+    se,
+    Qe && /* @__PURE__ */ r(It, { align: ve, tooltip: Qe, triggerRef: Re })
+  ] });
+});
+Dt.displayName = "ButtonBase";
+const gn = S((e, t) => {
+  const {
+    elementClass: n,
+    density: o,
+    icon: i,
+    disabled: a,
+    elevation: s,
+    checked: d,
+    children: l,
+    color: m,
+    uncheckedColor: p,
+    defaultChecked: u,
+    indeterminate: f,
+    hoverEffects: c = ["overlay"],
+    touchEffects: h = ["ripple"],
+    focusEffects: g = ["ring"],
+    selectedEffects: C = [],
+    pressedEffects: y = ["overlay"],
+    id: v,
+    name: w,
+    label: x,
+    font: k,
+    border: B,
+    borderColor: L,
+    uncheckedBorder: M,
+    uncheckedBorderColor: F,
+    onChange: D,
+    onFocus: N,
+    onBlur: H,
+    onClick: G,
+    type: ee,
+    required: te,
+    shape: ye = "smooth",
+    title: me,
+    filled: be,
+    value: ae,
+    size: j = "small",
+    uncheckedIcon: Ce,
+    indeterminateIcon: ie,
+    description: Ve,
+    descriptionColor: ne,
+    descriptionFont: ke,
+    className: _,
+    error: W,
+    animation: oe,
+    duration: ce = 150,
+    motionStyle: Ie = "regular",
+    focusColor: K,
+    labelColor: ve,
+    textColor: Ee,
+    readOnly: Be,
+    tooltipAlign: Y = "auto",
+    textPlacement: Z = "end",
+    "aria-label": Te,
+    ...X
+  } = e, { animationVars: ue, animate: xe, animating: de } = rn({
+    t1: ce,
+    oneShot: !0
+  }), U = Ft(zn), Re = ee === "radio" ? w ?? (U == null ? void 0 : U.name) : w, Pe = Ft(sn), De = a ?? (Pe == null ? void 0 : Pe.disabled), { focusVisible: se, isFocused: P, focusHandlers: we } = Bt(N, H), re = V(null), Se = V(null), he = V(null), J = V(xt("check")), fe = v ?? J.current, Oe = d !== void 0, [Ne, $] = q(u ?? !1);
+  let R;
+  Oe ? R = !!d : (U == null ? void 0 : U.value) !== void 0 ? R = U.value === ae : R = Ne;
+  const Ae = f ? "indeterminate" : R ? "checked" : "unchecked", [O, Ke] = q(Ae), ze = Te ?? (x ? void 0 : me), Ue = W ? "error" : !R && !f && p ? p : m, Je = me ? /* @__PURE__ */ r("div", { id: `${fe}-tip`, children: me }) : null, Qe = (qe) => {
+    if (Be) {
+      qe.preventDefault();
+      return;
+    }
+    const jt = qe.currentTarget;
+    Oe || (ee === "radio" && (U != null && U.setValue) && U.setValue(jt.value), $(jt.checked)), D == null || D(qe);
+  }, z = (qe) => {
+    if (Be) {
+      qe.preventDefault();
+      return;
+    }
+    h.includes("ripple") && he.current && Se.current && Lt(he.current, qe, Se.current), G == null || G(qe);
+  };
+  ge(() => {
+    Ae !== O && oe && xe();
+  }, [Ae, O, oe, xe]), ge(() => {
+    de || Ke(Ae);
+  }, [de, Ae]);
+  const pe = E(), Q = [
+    n,
+    "uui-cb",
+    ut(o),
+    _,
+    De && "uui-disabled",
+    ...l ? [] : [gt(j)]
+  ].filter(Boolean).join(" "), He = [
+    "uui-cb-control",
+    R && "uui-checked",
+    f && "uui-indeterminate",
+    be && "uui-filled",
+    ...c.includes("overlay") && !Be ? ["uui-hover-overlay"] : [],
+    ...g.includes("overlay") && se && P ? ["uui-focus-overlay"] : [],
+    ...C.includes("overlay") ? ["uui-selected-overlay"] : [],
+    ...y.includes("overlay") && !Be ? ["uui-pressed-overlay"] : [],
+    ...l ? [_e(ye)] : ["uui-round"]
+  ].filter(Boolean).join(" "), Xe = E();
+  K && se && P && Xe.set("--uui-focus-color", Hn(K).color);
+  const $t = [
+    "uui-input",
+    g.includes("ring") && se && P && "uui-focus-visible uui-focus-ring"
+  ].filter(Boolean).join(" "), We = ["uui-state"].filter(Boolean).join(" "), Mt = E();
+  Mt.bg(Ue);
+  const Ze = [
+    "uui-cb-glyph",
+    at(s),
+    _e(ye),
+    it(R ? B : M)
+  ].filter(Boolean).join(" "), le = E(), ft = an(oe), Et = ["uui-icon", de && ft, cn(Ie)].filter(Boolean).join(" "), et = E();
+  et.merge(ue), R || f || p ? (le.border(W ? "error" : L), be ? (!R && !Ce && !f || le.bg(Ue), et.text.on(Ue)) : et.text(Ue)) : (be && Ce ? (et.text(W ? "onError" : "surface"), le.bg(W ? "error" : "onSurfaceVariant")) : Ce && et.text(W ? "error" : "onSurfaceVariant"), le.border(W ? "error" : F));
+  let wt;
+  if (l) {
+    const qe = ["uui-cb-content uui-overflow-hidden", _e(ye), it(B)].filter(Boolean).join(" ");
+    wt = /* @__PURE__ */ r("div", { className: qe, children: l });
+  } else {
+    const qe = O === "indeterminate" ? ie : O === "checked" ? i : Ce;
+    wt = /* @__PURE__ */ r("div", { className: Ze, style: le.get(), children: /* @__PURE__ */ r("div", { className: Et, style: et.get(), children: qe }) });
+  }
+  const bt = E();
+  bt.text((W ? "error" : void 0) ?? ve ?? Ee ?? "onSurface");
+  const At = [Le(k ?? "bodyMedium"), "uui-cb-label"].join(" "), st = x && /* @__PURE__ */ I("label", { className: At, htmlFor: fe, style: bt.get(), children: [
+    x,
+    te && /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
+  ] }), ot = E(), vt = E();
+  Z === "end" ? (bt.set("gridColumn", 2), ot.set("gridColumn", 2), vt.set("gridColumn", 1)) : Z === "start" ? (bt.set("gridColumn", 1), ot.set("gridColumn", 1), vt.set("gridColumn", 2), vt.set("gridRow", 1)) : (pe.set("gridTemplateColumns", "1fr"), pe.set("justifyItems", "start")), Z === "top" && (vt.set("order", 1), ot.set("order", 2));
+  const Tt = /* @__PURE__ */ r(mn, { description: Ve, error: W, style: ot.get() }), qt = (st ?? Tt) && /* @__PURE__ */ I(rt, { children: [
+    st,
+    Tt
+  ] });
+  return /* @__PURE__ */ I("div", { className: Q, style: pe.get(), children: [
+    /* @__PURE__ */ r("div", { className: "uui-cb-control-wrapper", style: vt.get(), children: /* @__PURE__ */ I("div", { className: He, ref: Se, style: Xe.get(), children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ...we,
+          "aria-label": ze,
+          "aria-readonly": Be === !0 ? !0 : void 0,
+          checked: !!R,
+          className: $t,
+          disabled: De,
+          id: fe,
+          name: Re,
+          onChange: Qe,
+          onClick: z,
+          readOnly: Be,
+          ref: yt(re, t),
+          type: ee,
+          value: ae,
+          ...X
+        }
+      ),
+      /* @__PURE__ */ r("div", { className: We, ref: he, style: Mt.get() }),
+      wt
+    ] }) }),
+    qt,
+    Je && /* @__PURE__ */ r(It, { align: Y, tooltip: Je, triggerRef: re })
+  ] });
+});
+gn.displayName = "CheckBoxBase";
+const er = S((e, t) => /* @__PURE__ */ r(Zt, { ref: t, ...e, elementClass: "uui-dialog" }));
+er.displayName = "Dialog";
+const Yn = Symbol.for("uui.dialogAction");
+function tr(e) {
+  return ct(e) && typeof e.type != "string" && !!e.type[Yn];
+}
+const yn = ({
+  actions: e,
+  className: t,
+  placement: n,
+  align: o,
+  stack: i,
+  maxActions: a,
+  moreLabel: s
+}) => {
+  const d = Xo(e).filter(tr), l = E(), m = je(
+    "uui-dialog-actions",
+    n && `uui-actions-${n}`,
+    o && o !== "end" && `uui-actions-${o}`,
+    i && "uui-actions-stack",
+    t
+  );
+  return d.length ? /* @__PURE__ */ r("div", { className: m, style: l.get(), children: d }) : null;
+};
+yn.displayName = "DialogActions";
+const Xn = ({ children: e, iconSlot: t, icon: n, showIcon: o, iconColor: i, className: a }) => {
+  const s = je("uui-dialog-content", a);
+  return e ? /* @__PURE__ */ I("div", { className: s, children: [
+    o !== !1 && n && (t === "contentLeft" || t === "contentRight") && /* @__PURE__ */ r(hn, { className: `uui-icon-${t}`, color: i, icon: n }),
+    /* @__PURE__ */ r("div", { className: "uui-content", children: e })
+  ] }) : null;
+};
+Xn.displayName = "DialogContent";
+const Jn = ({
+  label: e,
+  icon: t,
+  iconSlot: n,
+  className: o,
+  iconColor: i,
+  showIcon: a,
+  align: s = "start",
+  font: d = "headlineSmall"
+}) => {
+  const l = a !== !1 && t && (n === "top" || n === "leading");
+  return e || l ? /* @__PURE__ */ I("div", { className: je("uui-dialog-title", `uui-title-${n}`, o, Le(d)), children: [
+    l && /* @__PURE__ */ r(hn, { className: `uui-icon-${n}`, color: i, icon: t }),
+    e && /* @__PURE__ */ r("div", { className: `uui-title uui-title-${s}`, children: e })
+  ] }) : null;
+};
+Jn.displayName = "DialogTitle";
+const Qn = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { d: "M10 17V7L15 12L10 17Z" }) }), nr = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("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" }) }), or = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { d: "M7.825 13L13.425 18.6L12 20L4 12L12 4L13.425 5.4L7.825 11H20V13H7.825Z" }) }), rr = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "3 3 18 18", children: /* @__PURE__ */ r("path", { d: "M10 16.4L6 12.4L7.4 11L10 13.6L16.6 7L18 8.4L10 16.4Z" }) }), ir = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "3 3 18 18", children: /* @__PURE__ */ r("path", { d: "M6 13V11H18V13H6Z" }) }), sr = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "2 2 20 20", children: /* @__PURE__ */ r("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" }) }), lr = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { d: "M9.5501 18L3.8501 12.3L5.2751 10.875L9.5501 15.15L18.7251 5.97498L20.1501 7.39998L9.5501 18Z" }) }), ar = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { d: "M9.5501 18L3.8501 12.3L5.2751 10.875L9.5501 15.15L18.7251 5.97498L20.1501 7.39998L9.5501 18Z" }) }), eo = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("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" }) }), to = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("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" }) }), cr = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { d: "M12 15.0833L7 10.0833L8.16667 8.91663L12 12.7499L15.8333 8.91663L17 10.0833L12 15.0833Z" }) }), ur = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("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" }) }), dr = /* @__PURE__ */ r("svg", { fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("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" }) }), Ht = S(
+  ({
+    "aria-label": e,
+    endIcon: t,
+    trailing: n,
+    loading: o,
+    size: i = "small",
+    shape: a = "round",
+    label: s,
+    title: d,
+    children: l,
+    ...m
+  }, p) => /* @__PURE__ */ r(
+    Dt,
+    {
+      ref: p,
+      ...m,
+      "aria-label": e ?? s,
+      elementClass: "uui-icon-button",
+      loading: o,
+      shape: a,
+      size: i,
+      title: d,
+      children: !o && l
+    }
+  )
+);
+Ht.displayName = "IconButton";
+const no = ({
+  leading: e,
+  showBack: t,
+  onBack: n,
+  backIcon: o,
+  icon: i,
+  showIcon: a,
+  iconColor: s,
+  iconSlot: d,
+  titleAlign: l,
+  label: m,
+  actions: p,
+  actionsAlign: u,
+  actionsStack: f,
+  maxActions: c,
+  moreLabel: h,
+  moreIcon: g,
+  trailing: C,
+  showClose: y,
+  onClose: v,
+  closeIcon: w,
+  font: x
+}) => {
+  const k = n ?? v, B = o ?? or, L = w ?? nr, M = t && /* @__PURE__ */ r(Ht, { icon: B, onClick: k }), F = y && /* @__PURE__ */ r(Ht, { icon: L, onClick: v });
+  return /* @__PURE__ */ I("div", { className: je("uui-dialog-header"), children: [
+    /* @__PURE__ */ r(dn, { content: e, start: M }),
+    /* @__PURE__ */ r(
+      Jn,
+      {
+        align: l,
+        font: x,
+        icon: i,
+        iconColor: s,
+        iconSlot: d,
+        label: m,
+        showIcon: a
+      }
+    ),
+    /* @__PURE__ */ r(
+      yn,
+      {
+        actions: p,
+        align: u,
+        maxActions: c,
+        moreIcon: g,
+        moreLabel: h,
+        placement: "inline",
+        stack: f
+      }
+    ),
+    /* @__PURE__ */ r(fn, { content: C, end: F })
+  ] });
+};
+no.displayName = "DialogHeader";
+const fr = S((e, t) => /* @__PURE__ */ r(Zt, { ref: t, ...e, elementClass: "uui-drawer", type: "dockRight" }));
+fr.displayName = "Drawer";
+const pr = S((e, t) => /* @__PURE__ */ r(Zt, { ref: t, ...e, elementClass: "uui-bottom-sheet", type: "dockBottom" }));
+pr.displayName = "BottomSheet";
+const mr = {
+  basic: "scale",
+  fullscreen: "fade",
+  dockBottom: "slideUp",
+  dockTop: "slideDown",
+  dockRight: "slideRight",
+  dockLeft: "slideLeft"
+}, hr = (e, t) => t === "none" ? void 0 : t ?? mr[e], Zt = S(
+  ({
+    open: e,
+    onClose: t,
+    type: n = "basic",
+    color: o,
+    elevation: i,
+    shape: a,
+    fullWidth: s,
+    fullHeight: d,
+    size: l,
+    animation: m,
+    fit: p,
+    detached: u,
+    duration: f = 500,
+    closeOnBackdrop: c = !0,
+    closeOnEsc: h = !0,
+    children: g,
+    label: C,
+    icon: y,
+    showIcon: v,
+    iconColor: w,
+    iconSlot: x = "leading",
+    titleAlign: k,
+    leading: B,
+    trailing: L,
+    actions: M,
+    actionsPlacement: F,
+    actionsAlign: D,
+    actionsStack: N,
+    maxActions: H,
+    moreLabel: G,
+    moreIcon: ee,
+    showClose: te,
+    closeIcon: ye,
+    showBack: me,
+    backIcon: be,
+    onBack: ae,
+    className: j,
+    motionStyle: Ce,
+    modal: ie,
+    autoFocus: Ve,
+    flush: ne,
+    docked: ke,
+    anchored: _,
+    titleFont: W,
+    ...oe
+  }, ce) => {
+    const Ie = i ?? (n !== "fullscreen" ? 3 : void 0), K = V(null), ve = V(null), [Ee, Be] = q(!1), [Y, Z] = q(!1), [Te, X] = q(!1), { animationVars: ue, animate: xe, animating: de, idle: U, active: Re } = rn({
+      t1: f
+    }), De = W ?? (n === "dockLeft" || n === "dockRight" ? "titleLarge" : void 0), se = (Ne) => {
+      if (ve.current && K.current) {
+        const { width: $, height: R } = ve.current.getBoundingClientRect(), { width: Ae, height: O } = K.current.getBoundingClientRect(), Ke = 1;
+        Z((n === "dockLeft" || n === "dockRight") && Ae >= $ - Ke), X((n === "dockTop" || n === "dockBottom") && O >= R - Ke);
+      }
+    }, P = n !== "basic" && n !== "fullscreen" && !u;
+    nn(K, se, P && !de, !0), nn(ve, se, P && !de, !0), Ho(h && Ee, () => t == null ? void 0 : t()), Ko({
+      ref: K,
+      enabled: ie && Ee,
+      autoFocus: Ve && !Re
+    }), ge(() => {
+      e ? (xe("open"), Be(!0), X(!1), Z(!1)) : U || (xe("closed"), Be(!1));
+    }, [e]);
+    const we = (Ne) => {
+      c && Ne.target === Ne.currentTarget && (t == null || t());
+    };
+    ge(() => {
+      if (Ee && ie && !_ && !ke) {
+        const Ne = document.body.style.overflow;
+        return document.body.style.overflow = "hidden", () => {
+          document.body.style.overflow = Ne;
+        };
+      }
+    }, [_, ke, ie, Ee]), ge(() => {
+      Z(!1), X(!1);
+    }, [n]);
+    const re = E();
+    re.merge(ue);
+    const Se = l ?? (n === "dockLeft" || n === "dockRight" ? "small" : "medium"), he = je(
+      "uui-dlg-backdrop",
+      ie && "uui-modal",
+      Ee && "uui-open",
+      ke && "uui-docked",
+      _ && "uui-anchored"
+    ), J = je(
+      "uui-dlg",
+      `uui-dlg-${Vt(n)}`,
+      s && "uui-w-full",
+      d && "uui-h-full",
+      (Y || Te) && "uui-maximized",
+      p && "uui-fit",
+      ne && "uui-flush",
+      u && "uui-detached",
+      gt(Se),
+      de && an(hr(n, m)),
+      cn(Ce),
+      j
+    );
+    if (!(Ee || Re))
+      return null;
+    const fe = F !== "inline" ? /* @__PURE__ */ r(
+      yn,
+      {
+        actions: M,
+        align: D,
+        maxActions: H,
+        moreIcon: ee,
+        moreLabel: G,
+        placement: F,
+        stack: N
+      }
+    ) : null, Oe = /* @__PURE__ */ r(
+      "div",
+      {
+        className: he,
+        onClick: we,
+        ref: ve,
+        role: "presentation",
+        style: ue,
+        children: /* @__PURE__ */ I(
+          Me,
+          {
+            ...oe,
+            "aria-modal": ie ? !0 : void 0,
+            className: J,
+            color: o,
+            elevation: Ie,
+            ref: yt(ce, K),
+            role: "dialog",
+            shape: a,
+            style: re.get(),
+            children: [
+              /* @__PURE__ */ r(
+                no,
+                {
+                  actions: F === "inline" && M,
+                  actionsAlign: D,
+                  actionsStack: N,
+                  backIcon: be,
+                  closeIcon: ye,
+                  font: De,
+                  icon: y,
+                  iconColor: w,
+                  iconSlot: x,
+                  label: C,
+                  leading: B,
+                  maxActions: H,
+                  moreIcon: ee,
+                  moreLabel: G,
+                  onBack: ae,
+                  onClose: t,
+                  showBack: me,
+                  showClose: te,
+                  showIcon: v,
+                  titleAlign: k,
+                  trailing: L
+                }
+              ),
+              /* @__PURE__ */ r(Xn, { icon: y, iconColor: w, iconSlot: x, showIcon: v, children: g }),
+              fe
+            ]
+          }
+        )
+      }
+    );
+    return ke || _ ? Oe : un("uui-dialog-root", Oe);
+  }
+);
+Zt.displayName = "Dialog";
+const nt = S((e, t) => {
+  const {
+    elementClass: n,
+    color: o,
+    density: i,
+    label: a,
+    labelColor: s,
+    labelFont: d,
+    id: l,
+    outlined: m,
+    filled: p,
+    classic: u,
+    disabled: f,
+    font: c,
+    placeholderFont: h,
+    placeholderColor: g,
+    onFocus: C,
+    onBlur: y,
+    border: v,
+    borderColor: w,
+    shape: x,
+    required: k,
+    title: B,
+    description: L,
+    descriptionColor: M,
+    descriptionFont: F,
+    name: D,
+    error: N,
+    className: H,
+    placeholder: G,
+    type: ee = "text",
+    icon: te,
+    leading: ye,
+    trailing: me,
+    endIcon: be,
+    variant: ae,
+    value: j,
+    textColor: Ce,
+    defaultValue: ie,
+    ...Ve
+  } = e, [ne, ke] = q(ie ?? ""), _ = j !== void 0, oe = (_ ? j : ne).length === 0, ce = V(null), Ie = V(null), K = l ?? xt("input"), [ve, Ee] = q(0), Be = ye ?? te, Y = ae ?? (p && "filled") ?? (m && "outlined") ?? (u && "classic") ?? "filled", { isFocused: Z, focusHandlers: Te } = Bt(C, y), X = (z) => {
+    var pe;
+    _ || ke(z.target.value), (pe = e.onChange) == null || pe.call(e, z);
+  }, ue = (z) => {
+    var pe;
+    z.preventDefault(), (pe = ce.current) == null || pe.focus();
+  };
+  ge(() => {
+    const z = ce.current;
+    z && z.value && ke(z.value);
+  }, []), jn(() => {
+    const z = Ie.current, pe = ce.current;
+    if (!z || !pe)
+      return;
+    const Q = z.getBoundingClientRect().left - pe.getBoundingClientRect().left + 16;
+    Ee((He) => He === Q ? He : Q);
+  }, [Be]);
+  const xe = [
+    n,
+    H,
+    "uui-field uui-field-wrapper",
+    `uui-${Y}`,
+    ut(i)
+  ], de = Be && /* @__PURE__ */ r("div", { className: "uui-leading", children: Ye.Children.map(
+    Be,
+    (z) => z ? /* @__PURE__ */ r(
+      "span",
+      {
+        className: "uui-slot",
+        onClick: (pe) => {
+          pe.stopPropagation();
+        },
+        children: z
+      }
+    ) : null
+  ) }), U = me ?? be, Re = U && /* @__PURE__ */ r("div", { className: "uui-trailing", children: Ye.Children.map(
+    U,
+    (z) => z ? /* @__PURE__ */ r(
+      "span",
+      {
+        className: "uui-slot",
+        onClick: (pe) => {
+          pe.stopPropagation();
+        },
+        children: z
+      }
+    ) : null
+  ) }), Pe = a && /* @__PURE__ */ I(rt, { children: [
+    a,
+    k && /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
+  ] }), De = v ?? (Y !== "filled" ? 1 : void 0), se = [
+    "uui-field-control",
+    Le(c ?? "bodyLarge"),
+    _e(x ?? "rounded"),
+    Y !== "outlined" && it(De),
+    N && "uui-error",
+    Z && "uui-active",
+    f && "uui-disabled",
+    de && "uui-has-leading",
+    Re && "uui-has-trailing"
+  ];
+  let P, we, re, Se;
+  const he = E(), J = ["uui-fb-label"];
+  if (Pe)
+    if (Y !== "classic")
+      Z || !oe ? (he.text((N ? "error" : void 0) ?? o ?? "primary"), J.push(Le(d ?? "bodySmall")), se.push("uui-fb-label-up")) : (he.text((N ? "error" : void 0) ?? "onSurfaceVariant"), J.push(Le(c ?? "bodyLarge"))), J.push("uui-field-float-label"), Y === "outlined" ? (re = /* @__PURE__ */ r("legend", { className: Le(d ?? "bodySmall"), children: Pe }), P = /* @__PURE__ */ r("span", { className: J.join(" "), children: Pe })) : (we = /* @__PURE__ */ r("span", { className: Le(d ?? "bodySmall"), children: " " }), P = /* @__PURE__ */ r("span", { className: J.join(" "), children: Pe }));
+    else {
+      he.text((N ? "error" : void 0) ?? "onSurface"), J.push(Le(d ?? "bodyMedium"));
+      const z = J.filter(Boolean).join(" ");
+      Se = /* @__PURE__ */ r("label", { className: z, htmlFor: K, style: he.get(), children: Pe });
+    }
+  let fe;
+  if (Y === "outlined") {
+    const z = ["uui-field-fieldset", _e(x ?? "rounded")].filter(Boolean).join(" "), pe = E(), Q = on(0, 4, v, 1);
+    pe.set("borderWidth", `${Q}px`), pe.border(w ?? "onSurfaceVariant"), fe = /* @__PURE__ */ r("fieldset", { className: z, style: pe.get(), children: re });
+  }
+  const Oe = E();
+  Oe.set("--uui-label-up-x", `${ve}px`), Y === "classic" && Oe.border(w ?? "outline"), Y === "filled" && Oe.border(w ?? "onSurfaceVariant");
+  const Ne = ["uui-field-state"].filter(Boolean).join(" "), $ = E(), R = E();
+  N ? R.text("error") : M ? R.text(M) : R.text.on("surfaceVariant");
+  const Ae = [
+    Le(F ?? "bodySmall"),
+    N && "uui-error uui-support-text",
+    L && !N && "uui-description uui-support-text"
+  ].filter(Boolean).join(" "), O = (L ?? N) && /* @__PURE__ */ r("div", { className: Ae, style: R.get(), children: N ?? L }), Ke = "uui-field-input", ze = E();
+  ze.text("onSurface"), !Z && P && oe && ze.set("opacity", 0);
+  const Ue = ["uui-field-input-wrapper"].filter(Boolean).join(" "), Je = xe.filter(Boolean).join(" "), Qe = se.filter(Boolean).join(" ");
+  return /* @__PURE__ */ I("div", { className: Je, title: B, children: [
+    Se,
+    /* @__PURE__ */ I("div", { className: Qe, onPointerDown: ue, ref: Ie, style: Oe.get(), children: [
+      de,
+      /* @__PURE__ */ I("div", { className: Ue, children: [
+        we,
+        P,
+        /* @__PURE__ */ r(
+          "input",
+          {
+            ...Te,
+            ...Ve,
+            ..._ ? { value: j } : { defaultValue: ie },
+            "aria-invalid": !!N,
+            autoComplete: "email",
+            className: Ke,
+            disabled: f,
+            id: K,
+            name: D,
+            onChange: X,
+            placeholder: G,
+            ref: yt(t, ce),
+            style: ze.get(),
+            type: ee
+          }
+        )
+      ] }),
+      Re,
+      Y === "filled" && /* @__PURE__ */ r("div", { className: Ne, style: $.get() }),
+      fe
+    ] }),
+    O
+  ] });
+});
+nt.displayName = "FieldBase";
+const dt = S((e, t) => {
+  const {
+    component: n,
+    font: o,
+    color: i,
+    elevation: a,
+    shape: s,
+    border: d,
+    borderColor: l,
+    elementClass: m,
+    children: p,
+    className: u,
+    style: f,
+    ...c
+  } = e, h = n ?? "span", g = E(f);
+  g.border(l), g.bg(i), g.text.on(i);
+  const C = je(
+    "uui-inline",
+    m,
+    ...o ? [Le(o)] : [],
+    ...s ? [_e(s)] : [],
+    ...a !== void 0 ? [at(a)] : [],
+    ...d !== void 0 ? [it(d)] : [],
+    u
+  );
+  return /* @__PURE__ */ r(h, { className: C, ref: t, style: g.get(), ...c, children: p });
+});
+dt.displayName = "TextBase";
+const bn = S(
+  ({ font: e, size: t = "small", ...n }, o) => /* @__PURE__ */ r(Dt, { font: e ?? {
+    extraSmall: "labelLarge",
+    small: "labelLarge",
+    medium: "titleMedium",
+    large: "headlineSmall",
+    extraLarge: "headlineLarge"
+  }[t], ref: o, size: t, ...n, elementClass: "uui-button" })
+);
+bn.displayName = "Button";
+Object.assign(bn, { [Yn]: !0 });
+const gr = S(
+  ({
+    font: e,
+    size: t = "small",
+    shape: n = "smooth",
+    selectedShape: o = "smooth",
+    borderColor: i = "outlineVariant",
+    ...a
+  }, s) => /* @__PURE__ */ r(
+    Dt,
+    {
+      borderColor: i,
+      font: e ?? {
+        extraSmall: "labelLarge",
+        small: "labelLarge",
+        medium: "titleMedium",
+        large: "headlineSmall",
+        extraLarge: "headlineLarge"
+      }[t],
+      ref: s,
+      selectedShape: o,
+      ...a,
+      elementClass: "uui-chip",
+      shape: n,
+      size: t
+    }
+  )
+);
+gr.displayName = "Chip";
+const vn = (e) => {
+  const {
+    children: t,
+    className: n,
+    border: o,
+    borderColor: i,
+    color: a = "error",
+    align: s = "topRight",
+    shape: d = "round",
+    size: l = "medium",
+    elevation: m,
+    ariaLabel: p,
+    value: u,
+    font: f,
+    offset: c,
+    ...h
+  } = e, g = "uui-badge", C = f ?? (l === "extraLarge" || l === "large" ? "labelMedium" : "labelSmall"), y = [
+    "uui-badge-control",
+    n,
+    _e(d),
+    gt(l),
+    Le(C)
+  ], v = ["uui-badge-slot", Fo(s)].filter(Boolean).join(" "), w = E();
+  w.bg(a), w.text.on(a), c !== void 0 && w.set("--uui-badge-offset", `${c}px`), m !== void 0 && y.push(at(m)), o !== void 0 && (y.push(it(o)), w.border(zt(i)));
+  const x = y.filter(Boolean).join(" "), k = /* @__PURE__ */ r("span", { "aria-label": p, className: x, style: w.get(), children: l !== "small" && l !== "extraSmall" && u });
+  return t ? /* @__PURE__ */ I("span", { className: g, ...h, children: [
+    t,
+    /* @__PURE__ */ r("span", { className: v, children: k })
+  ] }) : k;
+};
+vn.displayName = "Badge";
+const yr = S(
+  ({
+    children: e,
+    className: t = "",
+    color: n = "error",
+    position: o = "topRight",
+    shape: i = "round",
+    size: a = "medium",
+    value: s,
+    ...d
+  }, l) => /* @__PURE__ */ r("span", { className: ["uui-card-wrapper"].join(" "), ref: l, ...d, children: e })
+);
+yr.displayName = "Card";
+const br = S(
+  ({
+    shape: e = "smooth",
+    border: t,
+    uncheckedBorder: n,
+    color: o,
+    borderColor: i,
+    animation: a,
+    uncheckedBorderColor: s,
+    uncheckedIcon: d,
+    indeterminateIcon: l,
+    indeterminate: m,
+    icon: p,
+    size: u = "small",
+    filled: f = !0,
+    ...c
+  }, h) => {
+    const g = o ?? "primary", C = !p && t === void 0 ? void 0 : t;
+    let y;
+    return m ? y = t : y = !d && n === void 0 ? t ?? 2 : n, /* @__PURE__ */ r(
+      gn,
+      {
+        animation: a ?? "scale",
+        border: C,
+        borderColor: i ?? g,
+        color: g,
+        elementClass: "uui-checkbox",
+        filled: f,
+        icon: p ?? rr,
+        indeterminate: m,
+        indeterminateIcon: l ?? ir,
+        ref: h,
+        shape: e,
+        size: u,
+        type: "checkbox",
+        uncheckedBorder: y,
+        uncheckedBorderColor: s ?? i ?? "onSurfaceVariant",
+        uncheckedIcon: d,
+        ...c
+      }
+    );
+  }
+);
+br.displayName = "Checkbox";
+const vr = S(
+  (e, t) => /* @__PURE__ */ r(nt, { ref: t, ...e, elementClass: "uui-text-field" })
+);
+vr.displayName = "TextField";
+const Cr = S(
+  (e, t) => /* @__PURE__ */ r(
+    nt,
+    {
+      ref: t,
+      ...e,
+      elementClass: "uui-number-field",
+      type: "number"
+    }
+  )
+);
+Cr.displayName = "NumberField";
+const xr = S(
+  (e, t) => /* @__PURE__ */ r(
+    nt,
+    {
+      ref: t,
+      ...e,
+      elementClass: "uui-email-field",
+      type: "email"
+    }
+  )
+);
+xr.displayName = "EmailField";
+const wr = S(
+  (e, t) => /* @__PURE__ */ r(
+    nt,
+    {
+      ref: t,
+      ...e,
+      elementClass: "uui-phone-field",
+      type: "tel"
+    }
+  )
+);
+wr.displayName = "PhoneField";
+const Nr = S(
+  (e, t) => /* @__PURE__ */ r(
+    nt,
+    {
+      ref: t,
+      ...e,
+      type: "password",
+      elementClass: "uui-password-field"
+    }
+  )
+);
+Nr.displayName = "PasswordField";
+const kr = S(
+  (e, t) => /* @__PURE__ */ r(
+    nt,
+    {
+      ref: t,
+      ...e,
+      elementClass: "uui-date-field",
+      type: "date"
+    }
+  )
+);
+kr.displayName = "DateField";
+const Sr = S(
+  (e, t) => /* @__PURE__ */ r(
+    nt,
+    {
+      ref: t,
+      ...e,
+      elementClass: "uui-datetime-field",
+      type: "datetime-local"
+    }
+  )
+);
+Sr.displayName = "DateTimeField";
+const Lr = S(
+  (e, t) => /* @__PURE__ */ r(
+    nt,
+    {
+      ref: t,
+      ...e,
+      elementClass: "uui-time-field",
+      type: "time"
+    }
+  )
+);
+Lr.displayName = "TimeField";
+const Br = S(
+  (e, t) => /* @__PURE__ */ r(
+    nt,
+    {
+      ref: t,
+      ...e,
+      type: "month",
+      elementClass: "uui-month-field"
+    }
+  )
+);
+Br.displayName = "MonthField";
+const Ir = S(
+  (e, t) => /* @__PURE__ */ r(
+    nt,
+    {
+      ref: t,
+      ...e,
+      type: "week",
+      elementClass: "uui-week-field"
+    }
+  )
+);
+Ir.displayName = "WeekField";
+const Dr = S(
+  (e, t) => /* @__PURE__ */ r(nt, { ref: t, ...e, elementClass: "uui-url-field", type: "url" })
+);
+Dr.displayName = "UrlField";
+const $r = S(
+  ({ elevation: e = 3, font: t, size: n = "medium", shape: o = "rounded", label: i, ...a }, s) => /* @__PURE__ */ r(
+    Dt,
+    {
+      ref: s,
+      ...a,
+      elementClass: i ? "uui-fab uui-fab-extended" : "uui-fab",
+      elevation: e,
+      font: t ?? {
+        extraSmall: "labelLarge",
+        small: "titleMedium",
+        medium: "titleMedium",
+        large: "headlineSmall",
+        extraLarge: "headlineLarge"
+      }[n],
+      label: i,
+      shape: o,
+      size: n
+    }
+  )
+);
+$r.displayName = "Fab";
+const Mr = S(
+  ({
+    selected: e = !1,
+    shape: t = "rounded",
+    size: n = "medium",
+    ...o
+  }, i) => /* @__PURE__ */ r(
+    Dt,
+    {
+      ref: i,
+      ...o,
+      "aria-pressed": e,
+      elementClass: `uui-toggle-button${e ? " uui-selected" : ""}`,
+      filled: e,
+      shape: t,
+      size: n
+    }
+  )
+);
+Mr.displayName = "ToggleButton";
+const oo = Symbol.for("uui.menu");
+function St(e) {
+  return ct(e) && typeof e.type != "string" && !!e.type[oo];
+}
+const Cn = Symbol.for("uui.menuitem");
+function Jt(e) {
+  return ct(e) && typeof e.type != "string" && !!e.type[Cn];
+}
+const ro = Symbol.for("uui.divider");
+function Qt(e) {
+  return ct(e) && typeof e.type != "string" && !!e.type[ro];
+}
+const Er = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, xn = S(
+  ({
+    anchorRef: e,
+    open: t = !1,
+    horizontal: n = !1,
+    placement: o = "auto",
+    floatingMode: i,
+    offset: a = 4,
+    color: s,
+    elevation: d,
+    dockedElevation: l,
+    shape: m,
+    border: p,
+    borderColor: u,
+    className: f,
+    children: c,
+    style: h,
+    id: g,
+    onClose: C,
+    variant: y = "classic",
+    animation: v = "scale",
+    duration: w,
+    motionStyle: x = "regular",
+    fixedLeading: k,
+    density: B,
+    __level: L,
+    __groupId: M,
+    __closeRootMenu: F,
+    __navigateHorizontal: D,
+    __horizontalDepth: N,
+    docked: H,
+    textColor: G,
+    descriptionColor: ee,
+    labelColor: te,
+    shortcutColor: ye,
+    uncheckedIcon: me,
+    checkedIcon: be,
+    radioUncheckedIcon: ae,
+    radioCheckedIcon: j,
+    selectedColor: Ce,
+    itemTouchEffects: ie,
+    itemSelectedEffects: Ve,
+    itemFocusEffects: ne,
+    closeOnChange: ke = !1,
+    openOnHover: _ = !0,
+    labelFont: W,
+    font: oe,
+    descriptionFont: ce,
+    shortcutFont: Ie,
+    onFocus: K,
+    onBlur: ve,
+    ...Ee
+  }, Be) => {
+    var Dn;
+    const Y = V("closed"), [Z, Te] = q(-1), [X, ue] = q(-1), { focusVisible: xe, isFocused: de, focusHandlers: U } = Bt(K, ve), Re = L ?? 0, Pe = V(g ?? xt("menu")).current, De = M ?? Pe, se = V(xt("uui-menu-surface")).current, P = V(null), we = V(null), [re, Se] = q(null), he = Z === -1, [J, fe] = q(!1), [Oe, Ne] = q(!1), [$, R] = q("normal"), [Ae, O] = q(!1), [Ke, ze] = q(-1), Ue = s ?? (y === "modern" ? "surfaceContainerLow" : "surfaceContainer"), Je = (H ? l : void 0) ?? d ?? (y === "modern" ? 3 : 2), [Qe, z] = q(!1), pe = v !== "none" ? w ?? 220 : 0, Q = H ? 0 : pe, He = V(null), Xe = V(null), $t = V(!1), We = Z !== -1;
+    function Mt(b) {
+      return Jt(b) || Qt(b);
+    }
+    const Ze = Ye.Children.toArray(c).filter(Mt), le = Ze.reduce((b, T, A) => (Jt(T) && (T.props.disabled || b.push(A)), b), []);
+    function ft() {
+      We && (z(!0), Te(-1));
+    }
+    function Et() {
+      C == null || C(), !C && We && (ft(), ue(-1)), Re === 0 && (e != null && e.current) && e.current.focus();
+    }
+    function et() {
+      F ? F() : Et();
+    }
+    function wt(b) {
+      return !P.current || b === -1 ? null : P.current.querySelector(`[data-menu-index="${String(b)}"]`);
+    }
+    function bt(b) {
+      return `${se}-i${b}`;
+    }
+    function At(b) {
+      const A = Ye.Children.toArray(Ze[b].props.children).find((lt) => St(lt));
+      return ct(A) ? Ye.Children.toArray(A.props.children).filter((lt) => Qt(lt) || Mt(lt)) : void 0;
+    }
+    function st(b) {
+      if (b === -1 || le.indexOf(b) === -1)
+        return;
+      if (We) {
+        ze(b), ft();
+        return;
+      }
+      const A = At(b);
+      if (!A || A.length === 0)
+        return;
+      const Fe = wt(b);
+      Fe && (we.current = Fe, z(!0), Te(b), setTimeout(() => {
+        z(!1);
+      }, pe));
+    }
+    function ot(b) {
+      return b < 0 ? !1 : Ye.Children.toArray(Ze[b].props.children).some((A) => St(A));
+    }
+    function vt(b) {
+      if (X === -1)
+        return;
+      const T = le.indexOf(X);
+      if (T === -1)
+        return;
+      let A;
+      b ? A = le[T + 1 < le.length ? T + 1 : 0] : A = T > 0 ? le[T - 1] : le[le.length - 1], A !== X && (ue(A), ot(A) ? st(A) : ft());
+    }
+    ge(() => {
+      const b = $t.current, T = We;
+      if (b && !T) {
+        const A = window.setTimeout(() => {
+          O(!0);
+        }, pe * 0.67);
+        return $t.current = T, () => {
+          window.clearTimeout(A);
+        };
+      }
+      $t.current = T;
+    }, [pe, We]), ge(() => {
+      var b;
+      !We && Ae && (O(!1), Te(-1), Ke !== -1 ? (ze(-1), st(Ke)) : (b = P.current) == null || b.focus(), z(!1));
+    }, [Ae, Ke, We]), ge(() => {
+      t ? (Y.current = "opening", z(!0), R("normal"), fe(!0), Te(-1), Ne(!1), ue(-1)) : (Y.current = "closing", z(!0), Ne(!1), R("reverse"));
+    }, [t]), ge(() => {
+      if (!t || !J || !P.current)
+        return;
+      const b = () => {
+        const T = i ?? (n ? "dropdown" : "menu");
+        if (e != null && e.current) {
+          const A = Un(e, P, {
+            placement: o,
+            mode: T,
+            offset: a
+          });
+          A && Se({ x: A.x, y: A.y });
+        }
+      };
+      return H ? Se({ x: 0, y: 0 }) : (window.addEventListener("resize", b), b()), Ne(!0), () => {
+        H || window.removeEventListener("resize", b);
+      };
+    }, [e, H, i, n, a, t, o, J]), ge(() => {
+      t && J && re && setTimeout(() => {
+        var b;
+        Y.current === "opening" && (z(!1), Y.current = "opened", H || (b = P.current) == null || b.focus(), ue(xe ? le[0] ?? -1 : -1));
+      }, Q);
+    }, [t, re, J]), ge(() => {
+      $ === "reverse" && Y.current === "closing" && (Ne(!0), ue(-1), setTimeout(() => {
+        Y.current === "closing" && (Y.current = "closed", fe(!1), Se(null), z(!1));
+      }, pe * 0.67));
+    }, [pe, $]), ge(() => {
+      if (X < 0 || Y.current !== "opened")
+        return;
+      const b = wt(X);
+      b && b.scrollIntoView({
+        block: "nearest",
+        inline: "nearest"
+      });
+    }, [X]), ge(() => {
+      de && xe && X === -1 && Y.current === "opened" && le.length > 0 && ue(le[0]);
+    }, [X, xe, de]), _o(
+      t && Re === 0,
+      `[data-menu-group="${De}"]`,
+      () => {
+        et();
+      },
+      e
+    );
+    function Tt(b) {
+      var A, Fe, lt, $n;
+      const T = b;
+      T !== -1 && (Ze[T].props.disabled || (ue(T), ot(T) ? We && T === Z ? ft() : st(T) : Ze[T].props.type === "radio" || Ze[T].props.type === "checkbox" || Ze[T].props.type === "option" ? ((Fe = (A = Ze[T].props).onChange) == null || Fe.call(A), ke && et()) : (($n = (lt = Ze[T].props).onClick) == null || $n.call(lt), et())));
+    }
+    function qt(b, T) {
+      if (Qe) {
+        b == null || b.preventDefault();
+        return;
+      }
+      Tt(T);
+    }
+    function qe(b, T) {
+      if (!(!_ || xe && de)) {
+        if (Xe.current && (clearTimeout(Xe.current), Xe.current = null), He.current && (clearTimeout(He.current), He.current = null), !ot(T)) {
+          We && (Xe.current = window.setTimeout(() => {
+            ft();
+          }, 150));
+          return;
+        }
+        We && Z === T || (He.current = window.setTimeout(() => {
+          ue(T), st(T);
+        }, 150));
+      }
+    }
+    function jt() {
+      Xe.current && (clearTimeout(Xe.current), Xe.current = null), He.current && (clearTimeout(He.current), He.current = null);
+    }
+    const yo = Ze.some(
+      (b) => b.props.icon !== void 0 || b.props.leading !== void 0 || b.props.type === "radio" || b.props.type === "checkbox"
+    ), bo = Ze.map((b, T) => {
+      if (Jt(b)) {
+        const A = {
+          "data-menu-index": T,
+          __interactionsDisabled: Qe,
+          __index: T,
+          id: b.props.id ?? bt(T),
+          disabled: b.props.disabled,
+          active: T === X && de,
+          focusVisible: xe && de,
+          horizontal: n,
+          expanded: We && Z === T,
+          fixedLeading: b.props.fixedLeading ?? (k && yo),
+          variant: b.props.variant ?? y,
+          shape: b.props.shape ?? m,
+          color: b.props.color ?? s,
+          density: b.props.density ?? B,
+          shortcutColor: b.props.shortcutColor ?? ye,
+          textColor: b.props.textColor ?? G,
+          labelColor: b.props.labelColor ?? te,
+          descriptionColor: b.props.descriptionColor ?? ee,
+          checkedIcon: b.props.checkedIcon ?? (b.props.type === "checkbox" ? be : j),
+          uncheckedIcon: b.props.uncheckedIcon ?? (b.props.type === "checkbox" ? me : ae),
+          selectedColor: b.props.selectedColor ?? Ce,
+          touchEffects: b.props.touchEffects ?? ie,
+          selectedEffects: b.props.selectedEffects ?? Ve,
+          focusEffects: b.props.focusEffects ?? ne,
+          labelFont: b.props.labelFont ?? W,
+          font: b.props.font ?? oe,
+          descriptionFont: b.props.descriptionFont ?? ce,
+          shortcutFont: b.props.shortcutFont ?? Ie,
+          onClick: (Fe) => {
+            qt(Fe, T);
+          },
+          onMouseEnter: (Fe) => {
+            qe(Fe, T);
+          },
+          onMouseLeave: (Fe) => {
+            jt();
+          }
+        };
+        return Rt(b, {
+          ...b.props,
+          ...A
+        });
+      } else if (Qt(b)) {
+        const A = en(Ue) === "onSurface" ? "outlineVariant" : en(Ue), Fe = {
+          borderColor: b.props.borderColor ?? b.props.color ?? A ?? "outlineVariant",
+          vertical: n,
+          insetSize: b.props.insetSize ?? 8,
+          spacing: b.props.spacing ?? (y === "modern" ? 5 : 8),
+          inset: b.props.inset ?? (y === "modern" ? "middle" : void 0)
+        };
+        return Rt(b, { ...b.props, ...Fe });
+      }
+      return Rt(b, {
+        ...b.props
+      });
+    });
+    function vo(b) {
+      b.target.closest("[data-menu-index]") || We && ft();
+    }
+    const Co = (b) => {
+      if (!t || Qe)
+        return;
+      let T = b.key;
+      if (n) {
+        const lt = {
+          ArrowDown: "ArrowRight",
+          ArrowUp: "ArrowLeft",
+          ArrowRight: "ArrowDown",
+          ArrowLeft: "ArrowUp"
+        };
+        T = lt[T] ? lt[T] : T;
+      }
+      if (le.length === 0 && T !== "Tab")
+        return;
+      const A = le.indexOf(X);
+      let Fe;
+      switch (T) {
+        case "ArrowUp":
+          b.preventDefault(), X === -1 || A === -1 ? Fe = le[le.length - 1] : Fe = A > 0 ? le[A - 1] : le[le.length - 1], ue(Fe), n && ot(Fe) && st(Fe);
+          break;
+        case "ArrowDown":
+          b.preventDefault(), X === -1 || A === -1 ? Fe = le[0] : Fe = le[A + 1 < le.length ? A + 1 : 0], ue(Fe), n && ot(Fe) && st(Fe);
+          break;
+        case "Home":
+          ue(le[0]);
+          break;
+        case "End":
+          ue(le[le.length - 1]);
+          break;
+        case "Enter":
+        case " ":
+          b.stopPropagation(), b.preventDefault(), A >= 0 && Tt(le[A]);
+          break;
+        case "ArrowRight":
+          b.preventDefault(), A >= 0 && ot(le[A]) ? st(le[A]) : D && D(!0);
+          break;
+        case "ArrowLeft":
+          b.preventDefault(), D && N === 1 ? D(!1) : Et();
+          break;
+        case "Escape":
+          b.preventDefault(), Et();
+          break;
+        case "Tab":
+          H || (b.stopPropagation(), b.preventDefault()), et();
+          break;
+      }
+    };
+    if (!t && !J || !e && !H)
+      return null;
+    const xo = {
+      "--uui-reverse": $,
+      "--uui-duration": $ === "reverse" ? String(Q * 0.67) + "ms" : String(Q) + "ms"
+    }, Sn = Er(v), wo = Sn === "none" ? "" : ln[Sn], No = x === "expressive" ? "uui-motion-expressive" : "", Pt = E({ ...h, ...xo });
+    Pt.bg(Ue), Pt.text.on(Ue), p && +p > 0 && Pt.border(zt(u));
+    const ko = [
+      "uui-menu",
+      `uui-menu-level-${String(Re)}`,
+      n && "uui-menu-horizontal",
+      he && "uui-menu-active",
+      y === "modern" ? "uui-menu-modern" : "uui-menu-classic",
+      Oe && wo,
+      No,
+      ut(B),
+      _e(m ?? (y === "modern" ? "rounded" : "smooth")),
+      at(Je),
+      p !== void 0 ? it(p) : null,
+      f
+    ].filter(Boolean).join(" "), So = de && X >= 0 && t && J ? ((Dn = Ze[X]) == null ? void 0 : Dn.props).id ?? bt(X) : void 0, Ln = /* @__PURE__ */ r(
+      "div",
+      {
+        ...U,
+        "aria-orientation": n ? "horizontal" : "vertical",
+        className: ko,
+        "data-menu-group": De,
+        id: g,
+        onClick: vo,
+        onKeyDown: Co,
+        ref: yt(Be, P),
+        role: "menu",
+        style: {
+          position: H ? "relative" : "fixed",
+          left: (re == null ? void 0 : re.x) ?? 0,
+          top: (re == null ? void 0 : re.y) ?? 0,
+          zIndex: 9999,
+          visibility: re ? "visible" : "hidden",
+          ...Pt.get()
+        },
+        tabIndex: 0,
+        ...Ee,
+        "aria-activedescendant": So,
+        children: /* @__PURE__ */ r("div", { className: "uui-menu-scroll", children: bo })
+      }
+    );
+    let Bn = null;
+    if (Z !== -1) {
+      const b = At(Z);
+      b && b.length > 0 && (Bn = b);
+    }
+    const In = un(
+      "uui-menu-root",
+      /* @__PURE__ */ I(rt, { children: [
+        !H && Ln,
+        we.current && Z !== -1 && /* @__PURE__ */ r(
+          xn,
+          {
+            __closeRootMenu: F ?? et,
+            __groupId: De,
+            __horizontalDepth: n ? 1 : N && N + 1,
+            __level: Re + 1,
+            __navigateHorizontal: n ? vt : D,
+            anchorRef: we,
+            animation: v,
+            "aria-orientation": "vertical",
+            border: p,
+            borderColor: u,
+            checkedIcon: be,
+            closeOnChange: ke,
+            color: Ue,
+            density: B,
+            descriptionColor: ee,
+            descriptionFont: ce,
+            duration: w,
+            elevation: d,
+            fixedLeading: k,
+            floatingMode: n ? "menu" : "submenu",
+            font: oe,
+            itemFocusEffects: ne,
+            itemSelectedEffects: Ve,
+            itemTouchEffects: ie,
+            labelColor: te,
+            labelFont: W,
+            motionStyle: x,
+            offset: 0,
+            onClose: ft,
+            open: t && We,
+            openOnHover: _,
+            placement: "auto",
+            radioCheckedIcon: j,
+            radioUncheckedIcon: ae,
+            role: "menu",
+            selectedColor: Ce,
+            shape: m,
+            shortcutColor: ye,
+            shortcutFont: Ie,
+            textColor: G,
+            uncheckedIcon: me,
+            variant: y,
+            children: Bn
+          }
+        )
+      ] })
+    );
+    return H && Re === 0 ? /* @__PURE__ */ I(rt, { children: [
+      Ln,
+      In
+    ] }) : In;
+  }
+);
+xn[oo] = !0;
+xn.displayName = "Menu";
+const io = S(
+  ({
+    shape: e,
+    touchEffects: t = ["ripple"],
+    focusEffects: n = ["ring", "overlay"],
+    selectedEffects: o = ["color"],
+    checkedIcon: i,
+    uncheckedIcon: a,
+    selectedColor: s,
+    textColor: d,
+    labelColor: l,
+    descriptionColor: m,
+    shortcutColor: p,
+    fixedLeading: u,
+    color: f,
+    icon: c,
+    endIcon: h,
+    leading: g,
+    trailing: C,
+    label: y,
+    disabled: v = !1,
+    className: w,
+    onClick: x,
+    badge: k,
+    expanded: B,
+    active: L,
+    children: M,
+    focusVisible: F,
+    type: D = "item",
+    checked: N,
+    description: H,
+    shortcut: G,
+    density: ee,
+    horizontal: te,
+    labelFont: ye,
+    font: me,
+    descriptionFont: be,
+    shortcutFont: ae,
+    selected: j,
+    __index: Ce,
+    __interactionsDisabled: ie,
+    onChange: Ve,
+    variant: ne = "classic",
+    ...ke
+  }, _) => {
+    const W = V(null), oe = Ye.Children.toArray(M), ce = oe.find((O) => St(O)), Ie = oe.filter((O) => !St(O)), K = !!ce;
+    let ve;
+    D !== "item" && (D === "radio" ? ve = N ? i ?? eo : a ?? to : D === "checkbox" && (ve = N ? i ?? ar : a));
+    const Ee = ve ?? g ?? c ?? (u && !te), Be = Ee && /* @__PURE__ */ r("div", { className: "uui-icon uui-leading", children: Ee }), Y = C ?? h;
+    let Z;
+    k && (typeof k == "string" || typeof k == "number" ? Z = /* @__PURE__ */ r(vn, { value: k }) : Z = k);
+    const Te = ne === "modern" ? "labelLarge" : "bodyLarge", X = ye ?? me ?? Te, ue = be ?? (ne === "modern" ? "bodySmall" : "bodyMedium"), xe = ae ?? Te, de = E();
+    de.text(p);
+    const U = K && !te ? Qn : Y, Re = G && /* @__PURE__ */ r("div", { className: `uui-menu-item-shortcut ${Le(xe)}`, style: de.get(), children: G }), Pe = (G ?? k ?? U) && /* @__PURE__ */ I(rt, { children: [
+      Re,
+      Z,
+      U && /* @__PURE__ */ r("div", { className: "uui-icon uui-trailing", children: U })
+    ] }), De = E();
+    De.text(l);
+    const se = y && /* @__PURE__ */ r("div", { className: `uui-menu-item-label ${Le(X)}`, style: De.get(), children: y }), P = E();
+    (m || !d && ne === "classic" && (f != null && f.startsWith("surface"))) && (m ? P.text(m) : P.text.on("surfaceVariant"));
+    const we = H && /* @__PURE__ */ r(
+      "div",
+      {
+        className: `uui-menu-item-description ${Le(ue)}`,
+        style: P.get(),
+        children: H
+      }
+    ), re = (se ?? we) && /* @__PURE__ */ I("div", { className: "uui-menu-item-text", children: [
+      se,
+      we
+    ] }), Se = (O) => {
+      if (ie || v) {
+        O == null || O.preventDefault();
+        return;
+      }
+      x == null || x(O), t.includes("ripple") && W.current && O && Lt(W.current, O);
+    };
+    let he = f ?? (ne === "modern" ? "surfaceContainerLow" : "surfaceContainer");
+    D === "option" && j && o.includes("color") && (he = s ?? (ne === "modern" ? "tertiaryContainer" : "secondaryContainer"));
+    const J = E();
+    J.bg.on(he);
+    const fe = E();
+    fe.bg(he), d ? fe.text(d) : fe.text.on(he);
+    const Oe = [
+      "uui-menu-item",
+      w,
+      ut(ee),
+      v && "uui-disabled",
+      ne === "modern" ? "uui-menu-item-modern" : "uui-menu-item-classic"
+    ].filter(Boolean).join(" "), Ne = _e(e ?? (ne === "modern" ? "rounded" : "smooth")), $ = [
+      "uui-menu-item-content",
+      Ne,
+      ...n.includes("ring") && L ? ["uui-focus-ring-in"] : [],
+      ...n.includes("overlay") && L ? ["uui-focus-overlay"] : [],
+      L && "uui-active",
+      L && F && "uui-focus-visible"
+    ].filter(Boolean).join(" "), R = /* @__PURE__ */ I("div", { className: $, style: fe.get(), children: [
+      Ie.length > 0 ? /* @__PURE__ */ r("div", { className: "uui-menu-item-children", children: Ie }) : /* @__PURE__ */ I(rt, { children: [
+        Be,
+        re,
+        Pe
+      ] }),
+      /* @__PURE__ */ r("div", { className: ["uui-state", Ne].join(" "), style: J.get() })
+    ] });
+    let Ae = "menuitem";
+    return (D === "radio" || D === "checkbox") && (Ae = D === "radio" ? "menuitemradio" : "menuitemcheckbox"), // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
+    /* @__PURE__ */ r(
+      "div",
+      {
+        ...ke,
+        "aria-checked": D === "radio" || D === "checkbox" ? N ?? !1 : void 0,
+        "aria-disabled": v ? "true" : void 0,
+        "aria-expanded": K ? B : void 0,
+        "aria-haspopup": K ? "menu" : void 0,
+        className: Oe,
+        onClick: Se,
+        ref: yt(W, _),
+        role: Ae,
+        tabIndex: -1,
+        children: R
+      }
+    );
+  }
+);
+io[Cn] = !0;
+io.displayName = "MenuItem";
+const so = (e) => {
+  const {
+    className: t,
+    borderColor: n,
+    color: o,
+    border: i = 1,
+    inset: a = "none",
+    insetSize: s = 16,
+    spacing: d = 8,
+    vertical: l,
+    variant: m = "strong",
+    elevation: p,
+    shape: u,
+    style: f,
+    height: c,
+    ...h
+  } = e, g = V(null), [C, y] = q(!1);
+  jn(() => {
+    const B = g.current;
+    if (!(B != null && B.parentElement))
+      return;
+    const L = getComputedStyle(B.parentElement).display;
+    y(L.includes("flex"));
+  }, []);
+  const v = Math.min(4, Math.max(0, i)), w = je(
+    "uui-divider",
+    it(v === 0 ? 0 : 1),
+    t,
+    at(p),
+    u && _e(u)
+  ), x = E(f), k = zt(n ?? o ?? "outlineVariant");
+  if (x.border(k), x.bg(k), m !== "strong" && (m === "subtle" ? x.set("opacity", "var(--uui-subtle-opacity)") : x.set("opacity", "var(--uui-medium-opacity)")), C ? l ? x.merge({
+    height: c,
+    alignSelf: "stretch",
+    width: `${v}px`,
+    marginInline: `${d}px`
+  }) : x.merge({
+    flex: "1 1 auto",
+    height: `${v}px`,
+    marginBlock: `${d}px`
+  }) : l ? x.merge({
+    height: c,
+    display: "inline-block",
+    verticalAlign: "middle",
+    width: `${v}px`,
+    marginInline: `${d}px`
+  }) : x.merge({
+    height: `${v}px`,
+    marginBlock: `${d}px`
+  }), a !== "none") {
+    const B = a === "left" || a === "top" || a === "middle", L = a === "right" || a === "bottom" || a === "middle";
+    B && (l ? x.set("marginBlockStart", `${s}px`) : x.set("marginInlineStart", `${s}px`)), L && (l ? x.set("marginBlockEnd", `${s}px`) : x.set("marginInlineEnd", `${s}px`));
+  }
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: w,
+      ref: g,
+      role: "separator",
+      style: x.get(),
+      ...h
+    }
+  );
+};
+so[ro] = !0;
+so.displayName = "Divider";
+const Tr = S(
+  ({
+    uncheckedBorder: e,
+    border: t,
+    color: n,
+    borderColor: o,
+    uncheckedBorderColor: i,
+    shape: a = "round",
+    size: s = "small",
+    filled: d = !1,
+    icon: l,
+    uncheckedIcon: m,
+    animation: p,
+    ...u
+  }, f) => {
+    const c = n ?? "primary";
+    return /* @__PURE__ */ r(
+      gn,
+      {
+        animation: p ?? "scale",
+        border: !l && t === void 0 ? 2 : t,
+        borderColor: o ?? c,
+        color: c,
+        elementClass: "uui-radio",
+        filled: d,
+        icon: l ?? sr,
+        indeterminateIcon: void 0,
+        ref: f,
+        shape: a,
+        size: s,
+        type: "radio",
+        uncheckedBorder: e ?? t ?? (m ? void 0 : 2),
+        uncheckedBorderColor: i ?? o ?? "onSurfaceVariant",
+        uncheckedIcon: m,
+        ...u
+      }
+    );
+  }
+);
+Tr.displayName = "Radio";
+const Ei = ({ children: e, colorMode: t, seedColor: n, colors: o }) => {
+  const [i, a] = q(() => {
+    const p = t === "dark", u = En(n, o, Fn.schemes);
+    return {
+      darkMode: p,
+      schemes: u
+    };
+  }), s = tt(
+    (p) => {
+      p ? document.body.classList.add("dark") : document.body.classList.remove("dark"), a((u) => ({ ...u, darkMode: p }));
+    },
+    [a]
+  ), d = tt(
+    (p) => (i.darkMode ? i.schemes.dark : i.schemes.light)[p] ?? "",
+    [i]
+  ), l = tt(
+    (p, u) => i.schemes[p][u] ?? "",
+    [i]
+  );
+  ge(() => {
+    if (t) {
+      const p = t === "dark";
+      document.body.classList.toggle("dark", p), a((u) => ({ ...u, darkMode: p }));
+    }
+  }, [t]), ge(() => {
+    const p = En(n, o, Fn.schemes);
+    a((u) => ({
+      darkMode: u.darkMode,
+      schemes: p
+    }));
+  }, [o, n]), ge(() => {
+    jo(i.schemes);
+  }, [i.schemes]);
+  const m = pt(
+    () => ({
+      theme: i,
+      setTheme: a,
+      darkMode: i.darkMode,
+      setDarkMode: s,
+      getColorValue: d,
+      getThemeColorValue: l
+    }),
+    [d, l, s, i]
+  );
+  return /* @__PURE__ */ r(Wn.Provider, { value: m, children: e });
+}, Rr = S(
+  ({ children: e, className: t = "", title: n = "", align: o = "topRight", value: i, ...a }, s) => {
+    const d = V(null);
+    return /* @__PURE__ */ I("span", { className: "uui-tooltip-wrapper", ref: s, ...a, children: [
+      /* @__PURE__ */ r(It, { align: o, tooltip: /* @__PURE__ */ r("div", { children: n }), triggerRef: d }),
+      /* @__PURE__ */ r("div", { ref: d, children: e })
+    ] });
+  }
+);
+Rr.displayName = "Tooltip";
+const Fr = S(
+  ({ direction: e = "col", ...t }, n) => /* @__PURE__ */ r(
+    Me,
+    {
+      ref: n,
+      ...t,
+      component: "article",
+      direction: e,
+      elementClass: "uui-article"
+    }
+  )
+);
+Fr.displayName = "Article";
+const Vr = S(
+  ({ direction: e = "col", ...t }, n) => /* @__PURE__ */ r(
+    Me,
+    {
+      ref: n,
+      ...t,
+      component: "aside",
+      direction: e,
+      elementClass: "uui-aside"
+    }
+  )
+);
+Vr.displayName = "Aside";
+const Ar = S(
+  ({ direction: e = "col", ...t }, n) => /* @__PURE__ */ r(
+    Me,
+    {
+      ref: n,
+      ...t,
+      direction: e,
+      elementClass: "uui-article-content"
+    }
+  )
+);
+Ar.displayName = "Content";
+const jr = S((e, t) => /* @__PURE__ */ r(Me, { ...e, ref: t, type: "block" }));
+jr.displayName = "Div";
+const lo = S(
+  ({ direction: e = "row", ...t }, n) => /* @__PURE__ */ r(Me, { ...t, direction: e, ref: n, type: "flex" })
+);
+lo.displayName = "Flex";
+const Pr = S(
+  ({ direction: e = "row", ...t }, n) => /* @__PURE__ */ r(
+    Me,
+    {
+      ref: n,
+      ...t,
+      component: "footer",
+      direction: e,
+      elementClass: "uui-footer"
+    }
+  )
+);
+Pr.displayName = "Footer";
+const ao = S((e, t) => /* @__PURE__ */ r(Me, { ...e, ref: t, type: "grid" }));
+ao.displayName = "Grid";
+const Or = S(({ direction: e = "row", ...t }, n) => /* @__PURE__ */ r(Me, { ref: n, ...t, component: "header", direction: e, elementClass: "uui-header" }));
+Or.displayName = "Header";
+const _r = S(
+  ({ direction: e = "col", ...t }, n) => /* @__PURE__ */ r(
+    Me,
+    {
+      ref: n,
+      ...t,
+      component: "main",
+      direction: e,
+      elementClass: "uui-main"
+    }
+  )
+);
+_r.displayName = "Main";
+const Hr = S(
+  ({ direction: e = "row", ...t }, n) => /* @__PURE__ */ r(
+    Me,
+    {
+      ref: n,
+      ...t,
+      component: "nav",
+      direction: e,
+      elementClass: "uui-nav"
+    }
+  )
+);
+Hr.displayName = "Nav";
+const Ur = S(
+  ({ direction: e = "col", ...t }, n) => /* @__PURE__ */ r(
+    Me,
+    {
+      ref: n,
+      ...t,
+      component: "section",
+      direction: e,
+      elementClass: "uui-section"
+    }
+  )
+);
+Ur.displayName = "Section";
+const co = S(
+  ({
+    description: e,
+    error: t,
+    font: n,
+    label: o,
+    disabled: i,
+    legend: a,
+    children: s,
+    direction: d = "col",
+    required: l,
+    descriptionColor: m,
+    descriptionFont: p,
+    alignItems: u = "start",
+    ...f
+  }, c) => {
+    const h = a ?? o, g = ["uui-fieldset-legend", Le(n ?? "labelLarge")].filter(Boolean).join(" "), C = E();
+    t ? C.text("error") : m ? C.text(m) : C.text.on("surfaceVariant");
+    const y = [
+      "uui-support-text",
+      Le(p ?? "bodySmall"),
+      t && "uui-error",
+      e && !t && "uui-description"
+    ].filter(Boolean).join(" "), v = (e ?? t) && /* @__PURE__ */ r("div", { className: y, style: C.get(), children: t ?? e });
+    return /* @__PURE__ */ I(rt, { children: [
+      /* @__PURE__ */ r(sn.Provider, { value: { disabled: i }, children: /* @__PURE__ */ I(
+        Me,
+        {
+          ref: c,
+          ...f,
+          alignItems: u,
+          component: "fieldset",
+          direction: d,
+          disabled: i,
+          elementClass: "uui-fieldset",
+          children: [
+            h && /* @__PURE__ */ I("legend", { className: g, children: [
+              h,
+              l && /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
+            ] }),
+            s
+          ]
+        }
+      ) }),
+      v
+    ] });
+  }
+);
+co.displayName = "Fieldset";
+const zr = S(
+  ({
+    name: e,
+    disabled: t,
+    onChange: n,
+    value: o,
+    defaultValue: i,
+    children: a,
+    ...s
+  }, d) => {
+    const [l, m] = q(i), p = o !== void 0, u = p ? o : l, f = tt(
+      (h) => {
+        p || m(h), n == null || n(h);
+      },
+      [p, n]
+    ), c = pt(
+      () => ({ name: e, value: u, setValue: f, disabled: t }),
+      [e, u, f, t]
+    );
+    return /* @__PURE__ */ r(co, { disabled: t, ref: d, ...s, children: /* @__PURE__ */ r(zn.Provider, { value: c, children: a }) });
+  }
+);
+zr.displayName = "RadioGroup";
+const uo = Symbol.for("uui.listItem");
+function Wr(e) {
+  return ct(e) && typeof e.type != "string" && !!e.type[uo];
+}
+const Ti = ({ type: e = "single", defaultValue: t, children: n }) => {
+  const [o, i] = q(t ? [t] : []), a = Ye.Children.toArray(n).filter(Wr);
+  function s(p) {
+    i((u) => {
+      const f = u.includes(p);
+      return e === "single" ? f ? [] : [p] : f ? u.filter((c) => c !== p) : [...u, p];
+    });
+  }
+  function d(p) {
+    i(e === "single" ? [p] : [p]);
+  }
+  function l() {
+    i([]);
+  }
+  const m = pt(
+    () => ({
+      values: o,
+      type: e,
+      toggle: s,
+      set: d,
+      clear: l
+    }),
+    [o, e]
+  );
+  return /* @__PURE__ */ r(Wt.Provider, { value: m, children: /* @__PURE__ */ r("div", { "aria-orientation": "vertical", className: "uui-list uui-flex uui-flex-col", role: "listbox", children: a }) });
+}, wn = S(
+  ({
+    shape: e,
+    touchEffects: t = ["ripple"],
+    focusEffects: n = ["ring", "overlay"],
+    selectedEffects: o = ["color"],
+    checkedIcon: i,
+    uncheckedIcon: a,
+    selectedColor: s,
+    textColor: d,
+    labelColor: l,
+    descriptionColor: m,
+    shortcutColor: p,
+    fixedLeading: u,
+    color: f,
+    icon: c,
+    endIcon: h,
+    leading: g,
+    trailing: C,
+    label: y,
+    disabled: v = !1,
+    className: w,
+    onClick: x,
+    badge: k,
+    expanded: B,
+    active: L,
+    children: M,
+    focusVisible: F,
+    type: D = "item",
+    checked: N,
+    description: H,
+    shortcut: G,
+    density: ee,
+    horizontal: te,
+    labelFont: ye,
+    font: me,
+    descriptionFont: be,
+    shortcutFont: ae,
+    selected: j,
+    __index: Ce,
+    __interactionsDisabled: ie,
+    onChange: Ve,
+    variant: ne = "classic",
+    ...ke
+  }, _) => {
+    const W = V(null), oe = Ye.Children.toArray(M), ce = oe.find((O) => St(O)), Ie = oe.filter((O) => !St(O)), K = !!ce;
+    let ve;
+    D !== "item" && (D === "radio" ? ve = N ? i ?? eo : a ?? to : D === "checkbox" && (ve = N ? i ?? lr : a));
+    const Ee = ve ?? g ?? c ?? (u && !te), Be = Ee && /* @__PURE__ */ r("div", { className: "uui-icon uui-leading", children: Ee }), Y = C ?? h;
+    let Z;
+    k && (typeof k == "string" || typeof k == "number" ? Z = /* @__PURE__ */ r(vn, { value: k }) : Z = k);
+    const Te = ne === "modern" ? "labelLarge" : "bodyLarge", X = ye ?? me ?? Te, ue = be ?? (ne === "modern" ? "bodySmall" : "bodyMedium"), xe = ae ?? Te, de = E();
+    de.text(p);
+    const U = K && !te ? Qn : Y, Re = G && /* @__PURE__ */ r("div", { className: `uui-menu-item-shortcut ${Le(xe)}`, style: de.get(), children: G }), Pe = (G ?? k ?? U) && /* @__PURE__ */ I(rt, { children: [
+      Re,
+      Z,
+      U && /* @__PURE__ */ r("div", { className: "uui-icon uui-trailing", children: U })
+    ] }), De = E();
+    De.text(l);
+    const se = y && /* @__PURE__ */ r("div", { className: `uui-menu-item-label ${Le(X)}`, style: De.get(), children: y }), P = E();
+    (m || !d && ne === "classic" && (f != null && f.startsWith("surface"))) && (m ? P.text(m) : P.text.on("surfaceVariant"));
+    const we = H && /* @__PURE__ */ r(
+      "div",
+      {
+        className: `uui-menu-item-description ${Le(ue)}`,
+        style: P.get(),
+        children: H
+      }
+    ), re = (se ?? we) && /* @__PURE__ */ I("div", { className: "uui-menu-item-text", children: [
+      se,
+      we
+    ] }), Se = (O) => {
+      if (ie || v) {
+        O == null || O.preventDefault();
+        return;
+      }
+      x == null || x(O), t.includes("ripple") && W.current && O && Lt(W.current, O);
+    };
+    let he = f ?? (ne === "modern" ? "surfaceContainerLow" : "surfaceContainer");
+    D === "option" && j && o.includes("color") && (he = s ?? (ne === "modern" ? "tertiaryContainer" : "secondaryContainer"));
+    const J = E();
+    J.bg.on(he);
+    const fe = E();
+    fe.bg(he), d ? fe.text(d) : fe.text.on(he);
+    const Oe = [
+      "uui-menu-item",
+      w,
+      ut(ee),
+      v && "uui-disabled",
+      ne === "modern" ? "uui-menu-item-modern" : "uui-menu-item-classic"
+    ].filter(Boolean).join(" "), Ne = _e(e ?? (ne === "modern" ? "rounded" : "smooth")), $ = [
+      "uui-menu-item-content",
+      Ne,
+      ...n.includes("ring") && L ? ["uui-focus-ring-in"] : [],
+      ...n.includes("overlay") && L ? ["uui-focus-overlay"] : [],
+      L && "uui-active",
+      L && F && "uui-focus-visible"
+    ].filter(Boolean).join(" "), R = /* @__PURE__ */ I("div", { className: $, style: fe.get(), children: [
+      Ie.length > 0 ? /* @__PURE__ */ r("div", { className: "uui-menu-item-children", children: Ie }) : /* @__PURE__ */ I(rt, { children: [
+        Be,
+        re,
+        Pe
+      ] }),
+      /* @__PURE__ */ r("div", { className: ["uui-state", Ne].join(" "), style: J.get() })
+    ] });
+    return (
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
+      /* @__PURE__ */ r(
+        "div",
+        {
+          ...ke,
+          "aria-checked": D === "radio" || D === "checkbox" ? N ?? !1 : void 0,
+          "aria-disabled": v ? "true" : void 0,
+          "aria-expanded": K ? B : void 0,
+          "aria-haspopup": K ? "menu" : void 0,
+          className: Oe,
+          onClick: Se,
+          ref: yt(W, _),
+          role: "option",
+          tabIndex: -1,
+          children: R
+        }
+      )
+    );
+  }
+);
+wn[uo] = !0;
+wn[Cn] = !0;
+wn.displayName = "ListItem";
+const Kr = S((e, t) => {
+  const {
+    density: n,
+    icon: o,
+    disabled: i,
+    elevation: a,
+    checked: s,
+    children: d,
+    color: l = "primary",
+    uncheckedColor: m,
+    defaultChecked: p,
+    hoverEffects: u = ["overlay"],
+    touchEffects: f = ["ripple"],
+    focusEffects: c = ["ring"],
+    selectedEffects: h = [],
+    pressedEffects: g = ["overlay", "scale"],
+    id: C,
+    name: y,
+    label: v,
+    font: w,
+    border: x,
+    borderColor: k,
+    uncheckedBorder: B,
+    uncheckedBorderColor: L,
+    onChange: M,
+    onClick: F,
+    onFocus: D,
+    onBlur: N,
+    required: H,
+    shape: G = "round",
+    title: ee,
+    value: te,
+    size: ye = "small",
+    uncheckedIcon: me,
+    description: be,
+    className: ae,
+    error: j,
+    focusColor: Ce,
+    duration: ie = 200,
+    tooltipAlign: Ve = "auto",
+    textPlacement: ne = "end",
+    "aria-label": ke,
+    readOnly: _,
+    ...W
+  } = e, oe = V(null), ce = Ft(sn), Ie = i ?? (ce == null ? void 0 : ce.disabled), { focusVisible: K, isFocused: ve, focusHandlers: Ee } = Bt(D, N), Be = V(null), Y = V(null), Z = V(null), Te = V(xt("check")), X = C ?? Te.current, ue = s !== void 0, [xe, de] = q(p ?? !1), U = ue ? !!s : xe, Re = ke ?? (v ? void 0 : ee), Pe = j ? "error" : l, De = ee ? /* @__PURE__ */ r("div", { id: `${X}-tip`, children: ee }) : null, se = (Q) => {
+    if (_) {
+      Q.preventDefault();
+      return;
+    }
+    const He = Q.currentTarget;
+    ue || de(He.checked), M == null || M(Q);
+  }, P = (Q) => {
+    if (_) {
+      Q.preventDefault();
+      return;
+    }
+    f.includes("ripple") && (oe.current && clearTimeout(oe.current), oe.current = window.setTimeout(() => {
+      Z.current && Y.current && (Lt(Z.current, Q, Y.current), oe.current = null);
+    }, ie)), F == null || F(Q);
+  }, we = [
+    "uui-switch",
+    ut(n),
+    ae,
+    j && "uui-error",
+    Ie && "uui-disabled",
+    ...d ? [] : [gt(ye)]
+  ].filter(Boolean).join(" "), re = [
+    "uui-switch-control",
+    U && "uui-checked",
+    me && "uui-symmetric-thumb",
+    ...u.includes("overlay") && !_ ? ["uui-hover-overlay"] : [],
+    ...c.includes("overlay") && K && ve ? ["uui-focus-overlay"] : [],
+    ...h.includes("overlay") ? ["uui-selected-overlay"] : [],
+    ...g.includes("overlay") && !_ ? ["uui-pressed-overlay"] : [],
+    ...g.includes("scale") && !_ ? ["uui-pressed-scale"] : [],
+    _e(G),
+    c.includes("ring") && K && ve && "uui-focus-visible uui-focus-ring"
+  ].filter(Boolean).join(" "), Se = E();
+  Ce && K && ve && Se.set("--uui-focus-color", Hn(Ce).color), Se.set("--uui-switch-duration", `${ie}ms`);
+  const he = ["uui-input"].filter(Boolean).join(" "), J = ["uui-state", _e("round")].filter(Boolean).join(" "), fe = E(), Ne = [
+    "uui-switch-track",
+    it(U ? x : B ?? x ?? 2),
+    _e(G),
+    at(a)
+  ].filter(Boolean).join(" "), $ = E(), R = ["uui-switch-thumb", _e(G)].filter(Boolean).join(" "), Ae = ["uui-icon"].filter(Boolean).join(" "), O = E(), Ke = ["uui-switch-glyph"].filter(Boolean).join(" "), ze = E(), Ue = E();
+  $.border(j ? "error" : k ?? "outline"), Ue.border(j ? "error" : k ?? "outline"), U ? (fe.bg(Pe), $.bg(j ? "errorContainer" : l), ze.bg.on(l), O.text.onContainer(l)) : (L && ($.border(j ? "error" : L), Ue.border(j ? "error" : L)), fe.bg(j ? "error" : m ?? "onSurface"), $.bg(j ? "errorContainer" : m ?? "surfaceContainerHighest"), m ? (ze.bg.on(m), O.text.onContainer(m)) : (ze.bg(me ? "onSurfaceVariant" : "outline"), O.text("surfaceContainerHighest")));
+  let Je;
+  if (d) {
+    const Q = [
+      "uui-switch-content uui-overflow-hidden",
+      _e(G),
+      it(x),
+      at(a)
+    ].filter(Boolean).join(" ");
+    Je = /* @__PURE__ */ I("div", { className: Q, style: Ue.get(), children: [
+      d,
+      /* @__PURE__ */ r("div", { className: J, ref: Z, style: fe.get() })
+    ] });
+  } else {
+    const Q = U ? o : me;
+    Je = /* @__PURE__ */ I(rt, { children: [
+      /* @__PURE__ */ r("div", { className: Ne, style: $.get() }),
+      /* @__PURE__ */ I("div", { className: R, children: [
+        /* @__PURE__ */ r("div", { className: Ke, style: ze.get(), children: /* @__PURE__ */ r("div", { className: Ae, style: O.get(), children: Q }) }),
+        /* @__PURE__ */ r("div", { className: J, ref: Z, style: fe.get() })
+      ] })
+    ] });
+  }
+  const Qe = v && /* @__PURE__ */ r(Gn, { font: w, htmlFor: X, label: v, required: H }), z = /* @__PURE__ */ r(mn, { description: be, error: j }), pe = /* @__PURE__ */ r("div", { className: "uui-switch-control-wrapper", children: /* @__PURE__ */ I("div", { className: re, ref: Y, style: Se.get(), children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        ...Ee,
+        "aria-label": Re,
+        "aria-readonly": _ === !0 ? !0 : void 0,
+        checked: !!U,
+        className: he,
+        disabled: Ie,
+        id: X,
+        name: y,
+        onChange: se,
+        onClick: P,
+        readOnly: _,
+        ref: yt(Be, t),
+        type: "checkbox",
+        value: te,
+        ...W
+      }
+    ),
+    Je,
+    De && /* @__PURE__ */ r(It, { align: Ve, tooltip: De, triggerRef: Be })
+  ] }) });
+  return /* @__PURE__ */ r(
+    pn,
+    {
+      className: we,
+      control: pe,
+      description: z,
+      label: Qe,
+      textPlacement: ne
+    }
+  );
+});
+Kr.displayName = "Switch";
+const Zr = S(
+  ({ font: e = "headlineLarge", ...t }, n) => /* @__PURE__ */ r(
+    dt,
+    {
+      ref: n,
+      ...t,
+      component: "h1",
+      elementClass: "uui-h1",
+      font: e
+    }
+  )
+);
+Zr.displayName = "H1";
+const qr = S(
+  ({ font: e = "headlineMedium", ...t }, n) => /* @__PURE__ */ r(
+    dt,
+    {
+      ref: n,
+      ...t,
+      component: "h2",
+      elementClass: "uui-h2",
+      font: e
+    }
+  )
+);
+qr.displayName = "H2";
+const Gr = S(
+  ({ font: e = "headlineSmall", ...t }, n) => /* @__PURE__ */ r(
+    dt,
+    {
+      ref: n,
+      ...t,
+      component: "h3",
+      elementClass: "uui-h3",
+      font: e
+    }
+  )
+);
+Gr.displayName = "H3";
+const Yr = S(
+  ({ font: e = "titleLarge", ...t }, n) => /* @__PURE__ */ r(
+    dt,
+    {
+      ref: n,
+      ...t,
+      component: "h4",
+      elementClass: "uui-h4",
+      font: e
+    }
+  )
+);
+Yr.displayName = "H4";
+const Xr = S(
+  ({ font: e = "titleMedium", ...t }, n) => /* @__PURE__ */ r(
+    dt,
+    {
+      ref: n,
+      ...t,
+      component: "h5",
+      elementClass: "uui-h5",
+      font: e
+    }
+  )
+);
+Xr.displayName = "H5";
+const Jr = S(
+  ({ font: e = "titleSmall", ...t }, n) => /* @__PURE__ */ r(
+    dt,
+    {
+      ref: n,
+      ...t,
+      component: "h6",
+      elementClass: "uui-h6",
+      font: e
+    }
+  )
+);
+Jr.displayName = "H6";
+const Qr = S((e, t) => /* @__PURE__ */ r(dt, { ref: t, ...e, component: "p", elementClass: "uui-p" }));
+Qr.displayName = "P";
+const ei = S((e, t) => /* @__PURE__ */ r(dt, { ref: t, ...e, component: "span", elementClass: "uui-span" }));
+ei.displayName = "Span";
+const ti = S(
+  ({ font: e = "labelLarge", ...t }, n) => /* @__PURE__ */ r(
+    dt,
+    {
+      ref: n,
+      ...t,
+      component: "label",
+      elementClass: "uui-label",
+      font: e
+    }
+  )
+);
+ti.displayName = "Label";
+const fo = Symbol.for("uui.accordionItem");
+function ni(e) {
+  return ct(e) && typeof e.type != "string" && !!e.type[fo];
+}
+const Ri = ({
+  type: e = "single",
+  variant: t = "segmented",
+  children: n,
+  density: o,
+  border: i,
+  borderColor: a,
+  elevation: s,
+  showIcon: d,
+  font: l,
+  shape: m,
+  animation: p,
+  motionStyle: u,
+  duration: f = 250,
+  color: c,
+  disabled: h
+}) => {
+  const g = Wo(e, "vertical"), { values: C } = g, y = Ye.Children.toArray(n).filter(ni), x = {
+    elevation: s,
+    border: i ?? (t !== "text" ? 1 : void 0),
+    borderColor: a,
+    shape: m ?? (t !== "text" ? "round" : void 0)
+  }, k = {
+    density: o,
+    variant: t,
+    showIcon: d,
+    font: l,
+    animation: p,
+    motionStyle: u,
+    duration: f,
+    color: c,
+    disabled: h,
+    ...x
+  }, B = pt(
+    () => ({
+      ...g,
+      config: k
+    }),
+    [k, g]
+  ), L = [], M = [];
+  y.forEach((D) => {
+    t === "pills" || t === "segmented" ? L.push([D]) : M.push(D);
+  }), M.length && L.push(M);
+  const F = ["uui-accordion-group", ut(o)];
+  return /* @__PURE__ */ r(Wt.Provider, { value: B, children: /* @__PURE__ */ r("div", { className: `uui-accordion uui-accordion-${t}`, children: L.map((D, N) => {
+    const G = D[0].props.value, ee = C.includes(G), te = N === 0, ye = N === y.length - 1, me = y[N - 1], be = y[N + 1], ae = me && C.includes(me.props.value), j = be && C.includes(be.props.value), Ce = t === "segmented", ie = Ce && !te && !ee && !ae, Ve = Ce && !ye && !ee && !j;
+    return /* @__PURE__ */ r(
+      Me,
+      {
+        ...x,
+        className: je(F, ee && "uui-open"),
+        direction: "col",
+        style: Ce ? {
+          // Nakładanie ramek i odstępy
+          // marginTop: shouldStickTop ? '0' : isFirst ? '0' : '12px',
+          // Dynamiczne promienie (null/undefined przywraca domyślny z klasy shape)
+          borderTopLeftRadius: ie ? 0 : void 0,
+          borderTopRightRadius: ie ? 0 : void 0,
+          borderBottomLeftRadius: Ve ? 0 : void 0,
+          borderBottomRightRadius: Ve ? 0 : void 0,
+          // overflowY: 'hidden',
+          // clipPath: isOpen
+          //     ? 'inset(-100px -100px -100px -100px)'
+          //     : `inset(${topClip} -100px ${bottomClip} -100px)`,
+          // Żeby cienie i ramki otwartego elementu były na wierzchu
+          zIndex: ee ? 0 : N,
+          position: "relative",
+          transition: "all 250ms ease"
+        } : void 0,
+        children: D
+      },
+      G
+    );
+  }) }) });
+}, oi = ({
+  value: e,
+  label: t,
+  children: n,
+  leading: o,
+  trailing: i,
+  showIcon: a,
+  icon: s,
+  font: d,
+  variant: l,
+  animation: m,
+  duration: p,
+  motionStyle: u,
+  flush: f,
+  divided: c,
+  onFocus: h,
+  onBlur: g,
+  color: C,
+  disabled: y,
+  hoverEffects: v = ["overlay"],
+  focusEffects: w = ["ring", "overlay"],
+  pressedEffects: x = ["overlay"],
+  touchEffects: k = ["ripple"],
+  selectedEffects: B = ["color"]
+}) => {
+  const L = V(null), { values: M, toggle: F, roving: D, config: N } = Kn(), H = M.includes(e), { focusVisible: G, focusHandlers: ee } = Bt(h, g), te = `accordion-${e}`, ye = a ?? (N == null ? void 0 : N.showIcon) ?? !0, me = l ?? (N == null ? void 0 : N.variant) ?? "segmented", be = y ?? (N == null ? void 0 : N.disabled), ae = C ?? (N == null ? void 0 : N.color), j = ye && /* @__PURE__ */ r("div", { className: "uui-accordion-icon uui-icon", children: s ?? cr }), Ce = o && /* @__PURE__ */ r(dn, { content: o }), ie = (i ?? ye) && /* @__PURE__ */ r(fn, { content: i, end: j }), Ve = [
+    "uui-accordion-trigger",
+    Le(d ?? (N == null ? void 0 : N.font) ?? "labelLarge"),
+    ...w.includes("ring") && G ? ["uui-focus-ring"] : [],
+    ...w.includes("overlay") ? ["uui-focus-overlay"] : [],
+    ...v.includes("overlay") ? ["uui-hover-overlay"] : [],
+    ...x.includes("overlay") ? ["uui-pressed-overlay"] : []
+  ].filter(Boolean).join(" ");
+  function ne(oe) {
+    F(e), k.includes("ripple") && L.current && Lt(L.current, oe);
+  }
+  const ke = [
+    `uui-accordion-item uui-accordion-item-${me}`,
+    f && "uui-flush",
+    c && "uui-divided"
+  ].filter(Boolean).join(" "), _ = E(), W = E();
+  return W.bg.on(ae), _.bg(ae), _.text.on(ae), /* @__PURE__ */ I("div", { className: ke, "data-open": H, children: [
+    /* @__PURE__ */ I("div", { className: "uui-accordion-header", ref: L, style: _.get(), children: [
+      Ce,
+      /* @__PURE__ */ I(
+        "button",
+        {
+          ...ee,
+          "aria-controls": `${te}-content`,
+          "aria-expanded": H,
+          className: Ve,
+          disabled: be,
+          id: `${te}-trigger`,
+          onClick: ne,
+          onKeyDown: D == null ? void 0 : D.onKeyDown,
+          ref: D == null ? void 0 : D.register,
+          type: "button",
+          children: [
+            t,
+            /* @__PURE__ */ r("div", { className: "uui-state", style: W.get() })
+          ]
+        }
+      ),
+      ie
+    ] }),
+    /* @__PURE__ */ r(
+      Kt,
+      {
+        animation: m ?? (N == null ? void 0 : N.animation),
+        duration: p ?? (N == null ? void 0 : N.duration),
+        motionStyle: u ?? (N == null ? void 0 : N.motionStyle),
+        open: H,
+        children: /* @__PURE__ */ r("div", { "aria-labelledby": `${te}-trigger`, id: `${te}-content`, role: "region", children: n })
+      }
+    )
+  ] });
+};
+oi[fo] = !0;
+const po = Symbol.for("uui.tab");
+function ri(e) {
+  return ct(e) && typeof e.type != "string" && !!e.type[po];
+}
+const Fi = ({ defaultValue: e, children: t, ...n }) => {
+  const [o, i] = q([e]), a = Pn.toArray(t).filter(ri);
+  function s(p) {
+    i([p]);
+  }
+  const d = pt(
+    () => ({
+      values: o,
+      type: "single",
+      toggle: s,
+      set: s,
+      clear: () => {
+        i([]);
+      }
+    }),
+    [o]
+  );
+  function l(p) {
+    const u = a.findIndex((g) => o.includes(g.props.value));
+    if (u === -1)
+      return;
+    let f;
+    switch (p.key) {
+      case "ArrowRight":
+        f = (u + 1) % a.length;
+        break;
+      case "ArrowLeft":
+        f = (u - 1 + a.length) % a.length;
+        break;
+      case "Home":
+        f = 0;
+        break;
+      case "End":
+        f = a.length - 1;
+        break;
+      default:
+        return;
+    }
+    p.preventDefault();
+    const c = a[f].props.value;
+    s(c);
+    const h = document.getElementById(`uui-tab-${c}-trigger`);
+    h == null || h.focus();
+  }
+  const m = a.map((p) => ({
+    label: p.props.label,
+    value: p.props.value
+  })).map(({ label: p, value: u }) => /* @__PURE__ */ r(
+    "button",
+    {
+      "aria-controls": `uui-tab-${u}-panel`,
+      "aria-selected": o.includes(u),
+      className: "uui-tabs-trigger",
+      id: `uui-tab-${u}-trigger`,
+      onClick: () => {
+        s(u);
+      },
+      role: "tab",
+      tabIndex: o.includes(u) ? 0 : -1,
+      children: p
+    },
+    u
+  ));
+  return /* @__PURE__ */ r(Wt.Provider, { value: d, children: /* @__PURE__ */ I(Me, { direction: "col", gap: 2, ...n, children: [
+    /* @__PURE__ */ r("div", { "aria-orientation": "horizontal", className: "uui-tabs-list", onKeyDown: l, role: "tablist", children: m }),
+    /* @__PURE__ */ r("div", { className: "uui-tabs-panels", children: a })
+  ] }) });
+}, mo = ({ value: e, label: t, children: n }) => {
+  const { values: o } = Kn(), i = o.includes(e);
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "aria-labelledby": `uui-tab-${e}-trigger`,
+      className: "uui-tabs-panel",
+      hidden: !i,
+      id: `uui-tab-${e}-panel`,
+      role: "tabpanel",
+      children: n
+    }
+  );
+};
+mo[po] = !0;
+mo.displayName = "Tab";
+const ii = S(
+  ({
+    variant: e = "docked",
+    color: t,
+    elevation: n,
+    shape: o,
+    density: i,
+    fullWidth: a,
+    placement: s = "bottom",
+    fixed: d,
+    divider: l,
+    children: m,
+    className: p,
+    disabled: u,
+    orientation: f = "horizontal",
+    ...c
+  }, h) => {
+    const g = e === "floating", C = n ?? (g ? 3 : 0), y = o ?? (g ? "round" : void 0), v = t ?? (e === "floating" ? "surfaceContainerHigh" : "surfaceContainer"), w = [
+      "uui-toolbar",
+      `uui-toolbar-${e}`,
+      u && "uui-disabled",
+      p,
+      a && "uui-toolbar-full",
+      d && "uui-toolbar-fixed",
+      l && "uui-toolbar-divider",
+      C && at(C),
+      y && _e(y),
+      i && ut(i),
+      f === "horizontal" ? "uui-horizontal" : "uui-vertical"
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ r(
+      Me,
+      {
+        ref: h,
+        ...c,
+        className: w,
+        color: v,
+        component: "div",
+        "data-position": s,
+        direction: f === "horizontal" ? "row" : "col",
+        disabled: u,
+        children: m
+      }
+    );
+  }
+);
+ii.displayName = "Toolbar";
+const si = S(
+  ({
+    variant: e = "linear",
+    value: t,
+    min: n = 0,
+    max: o = 100,
+    color: i = "primary",
+    size: a = "medium",
+    thickness: s,
+    className: d,
+    style: l,
+    ...m
+  }, p) => {
+    const u = typeof t == "number", f = pt(() => u ? Math.min(Math.max(t, n), o) : 0, [t, n, o, u]), c = pt(() => u ? (f - n) / (o - n) * 100 : 0, [f, n, o, u]), h = u ? {
+      role: "progressbar",
+      "aria-valuemin": n,
+      "aria-valuemax": o,
+      "aria-valuenow": f
+    } : {
+      role: "progressbar",
+      "aria-valuemin": n,
+      "aria-valuemax": o
+    }, g = [
+      "uui-progress",
+      e === "circular" ? "uui-progress-circular" : "uui-progress-linear",
+      u ? "" : "uui-progress-indeterminate",
+      gt(a),
+      d
+    ].filter(Boolean).join(" "), C = {
+      ...l ?? {},
+      ...s ? { "--uui-progress-thickness": `${s}px` } : {}
+    };
+    if (e === "circular") {
+      const w = E(), x = E();
+      return w.stroke.container(i), x.stroke(i), /* @__PURE__ */ r(
+        Me,
+        {
+          className: g,
+          ref: p,
+          style: C,
+          ...h,
+          ...m,
+          children: /* @__PURE__ */ I("svg", { className: "uui-progress-svg", viewBox: "0 0 100 100", children: [
+            /* @__PURE__ */ r(
+              "circle",
+              {
+                className: "uui-progress-track",
+                cx: "50",
+                cy: "50",
+                fill: "none",
+                r: "45",
+                style: w.get()
+              }
+            ),
+            /* @__PURE__ */ r(
+              "circle",
+              {
+                className: "uui-progress-indicator",
+                cx: "50",
+                cy: "50",
+                fill: "none",
+                pathLength: "100",
+                r: "45",
+                strokeDasharray: "100",
+                strokeDashoffset: u ? 100 - c : void 0,
+                style: x.get()
+              }
+            )
+          ] })
+        }
+      );
+    }
+    const y = E(), v = E();
+    return y.bg.container(i), v.bg(i), /* @__PURE__ */ r(
+      Me,
+      {
+        className: g,
+        ref: p,
+        style: C,
+        ...h,
+        ...m,
+        children: /* @__PURE__ */ r("div", { className: "uui-progress-track", style: y.get(), children: /* @__PURE__ */ r(
+          "div",
+          {
+            className: "uui-progress-indicator",
+            style: {
+              ...v.get(),
+              ...u ? { width: `${c}%` } : {}
+            }
+          }
+        ) })
+      }
+    );
+  }
+);
+si.displayName = "Progress";
+const Nn = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), li = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth(), ai = (e) => Nn(e, /* @__PURE__ */ new Date()), ci = (e) => new Date(e.getFullYear(), e.getMonth(), 1), ui = (e) => new Date(e.getFullYear(), e.getMonth() + 1, 0), ho = (e, t = 1) => {
+  const n = new Date(e), o = n.getDay(), i = (o < t ? 7 : 0) + o - t;
+  return n.setDate(n.getDate() - i), n.setHours(0, 0, 0, 0), n;
+}, di = (e, t = 1) => {
+  const n = ho(e, t);
+  return n.setDate(n.getDate() + 6), n.setHours(23, 59, 59, 999), n;
+}, Vn = (e, t) => {
+  const n = new Date(e);
+  return n.setMonth(n.getMonth() + t), n;
+}, fi = (e, t) => {
+  const n = ci(e), o = ui(n), i = ho(n, 1), a = di(o, 1), s = [], d = new Date(i);
+  for (; d <= a; )
+    s.push({
+      date: new Date(d),
+      isCurrentMonth: li(d, n),
+      isToday: ai(d),
+      isSelected: !!t && Nn(d, t)
+    }), d.setDate(d.getDate() + 1);
+  return s;
+}, pi = () => ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"], mi = (e) => e.toLocaleDateString("en-US", { month: "long", year: "numeric" }), hi = S(
+  ({ value: e, onChange: t, viewDate: n, className: o, ...i }, a) => {
+    const [s, d] = q(n || e || /* @__PURE__ */ new Date()), l = (h) => {
+      h.preventDefault(), d(Vn(s, -1));
+    }, m = (h) => {
+      h.preventDefault(), d(Vn(s, 1));
+    }, p = (h) => {
+      t == null || t(h);
+    }, u = fi(s, e), f = pi(), c = E();
+    return c.bg("surfaceContainerHigh"), c.text.on("surface"), /* @__PURE__ */ I(Me, { className: je("uui-calendar", o), ...i, style: c.get(), children: [
+      /* @__PURE__ */ I("div", { className: "uui-calendar-header", children: [
+        /* @__PURE__ */ r("div", { className: "uui-calendar-title", children: mi(s) }),
+        /* @__PURE__ */ I("div", { className: "uui-calendar-nav", children: [
+          /* @__PURE__ */ r(
+            "button",
+            {
+              "aria-label": "Previous month",
+              className: "uui-calendar-nav-btn",
+              onClick: l,
+              type: "button",
+              children: "<"
+            }
+          ),
+          /* @__PURE__ */ r(
+            "button",
+            {
+              "aria-label": "Next month",
+              className: "uui-calendar-nav-btn",
+              onClick: m,
+              type: "button",
+              children: ">"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ I("div", { className: "uui-calendar-grid", children: [
+        f.map((h) => /* @__PURE__ */ r("div", { className: "uui-calendar-weekday", children: h }, h)),
+        u.map((h, g) => {
+          const C = !!e && Nn(h.date, e);
+          return /* @__PURE__ */ r(
+            Ht,
+            {
+              className: je("uui-calendar-day"),
+              disabled: !h.isCurrentMonth,
+              filled: C,
+              onClick: () => {
+                p(h.date);
+              },
+              outlined: h.isToday,
+              children: /* @__PURE__ */ r("span", { children: h.date.getDate() })
+            },
+            g
+          );
+        })
+      ] })
+    ] });
+  }
+);
+hi.displayName = "Calendar";
+const go = Symbol.for("uui.avatar");
+function gi(e) {
+  return ct(e) && typeof e.type != "string" && !!e.type[go];
+}
+const An = Eo("extended");
+function yi(e) {
+  let t = 0;
+  for (let n = 0; n < e.length; n++)
+    t = e.charCodeAt(n) + ((t << 5) - t);
+  return Math.abs(t);
+}
+function bi(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 kn = S(
+  ({ children: e, className: t, shape: n = "round", size: o = "medium", src: i, alt: a, name: s, color: d, ...l }, m) => {
+    const [p, u] = q(!1), f = je("uui-avatar", gt(o), t), c = !!(i && !p), h = bi(s), g = pt(() => {
+      if (!s || c || d)
+        return;
+      const y = yi(s) % An.length;
+      return An[y];
+    }, [s, c, d]);
+    let C;
+    return c ? C = /* @__PURE__ */ r(
+      "img",
+      {
+        alt: a ?? s ?? "",
+        draggable: !1,
+        onError: () => {
+          u(!0);
+        },
+        src: i
+      }
+    ) : s ? C = /* @__PURE__ */ r("span", { "aria-hidden": !0, children: h }) : C = e, /* @__PURE__ */ r(
+      ao,
+      {
+        "aria-label": c ? void 0 : s,
+        className: f,
+        color: d ?? g,
+        font: "labelLarge",
+        ref: m,
+        shape: n,
+        ...l,
+        children: C
+      }
+    );
+  }
+);
+kn[go] = !0;
+kn.displayName = "Avatar";
+const vi = S(
+  ({
+    children: e,
+    max: t,
+    overlap: n = 8,
+    size: o,
+    shape: i,
+    border: a,
+    borderColor: s,
+    overflow: d,
+    className: l,
+    ...m
+  }, p) => {
+    const u = Pn.toArray(e).filter(gi), f = u.length;
+    let c = u, h = 0;
+    if (t !== void 0 && f > t) {
+      const y = Math.max(t - 1, 0);
+      c = u.slice(0, y), h = f - y;
+    }
+    const g = c.map(
+      (y, v) => Rt(y, {
+        key: y.key ?? v,
+        size: o ?? y.props.size,
+        shape: i ?? y.props.shape,
+        border: a ?? y.props.border,
+        borderColor: s ?? y.props.borderColor,
+        style: {
+          ...y.props.style ?? {},
+          marginInlineStart: v === 0 ? 0 : -n,
+          zIndex: v,
+          position: "relative"
+        }
+      })
+    );
+    if (h > 0) {
+      const y = (d == null ? void 0 : d(h)) ?? /* @__PURE__ */ I(kn, { shape: i, size: o, children: [
+        "+",
+        h
+      ] });
+      g.push(
+        Rt(y, {
+          key: "overflow",
+          style: {
+            marginInlineStart: g.length === 0 ? 0 : -n,
+            zIndex: g.length,
+            position: "relative"
+          }
+        })
+      );
+    }
+    const C = ["uui-avatar-group", l].filter(Boolean).join(" ");
+    return /* @__PURE__ */ r(lo, { alignItems: "center", ref: p, ...m, className: C, children: g });
+  }
+);
+vi.displayName = "AvatarGroup";
+const Ci = S(
+  ({
+    size: e = "small",
+    value: t,
+    defaultValue: n = 0,
+    max: o = 5,
+    step: i = 0.5,
+    readOnly: a,
+    disabled: s,
+    icon: d,
+    font: l,
+    emptyIcon: m,
+    color: p,
+    name: u,
+    id: f,
+    label: c,
+    description: h,
+    error: g,
+    required: C,
+    density: y,
+    onChange: v,
+    onFocus: w,
+    onBlur: x,
+    title: k,
+    textPlacement: B = "start",
+    focusEffects: L = ["ring"],
+    className: M,
+    tooltipAlign: F = "auto",
+    "aria-label": D,
+    filled: N,
+    ...H
+  }, G) => {
+    const ee = V(xt("rating")).current, te = f ?? u ?? ee, ye = c ? `${te}_label` : void 0, { isFocused: me, focusHandlers: be, focusVisible: ae } = Bt(w, x), j = V(null), Ce = V(null), ie = t !== void 0, [Ve, ne] = q(n), [ke, _] = q(null), W = ie ? t ?? 0 : Ve, oe = ke ?? W, ce = Math.max(0, Math.min(oe, o)), Ie = k ? /* @__PURE__ */ r("div", { id: `${te}-tip`, children: k }) : null;
+    function K(se) {
+      if (!j.current)
+        return W;
+      const P = j.current, we = P.getBoundingClientRect(), re = P.getElementsByClassName("uui-rating-icon"), Se = se - we.left;
+      if (Se < 5)
+        return 0;
+      const he = we.width / o;
+      let J = Math.floor(Se / he);
+      J = Math.max(0, Math.min(J, o - 1));
+      const fe = re[J].getBoundingClientRect(), Oe = se - fe.left, Ne = Math.max(0, Math.min(1, Oe / fe.width)), $ = 1 / i, R = J + Math.ceil(Ne * $) / $;
+      return parseFloat(Math.min(R, o).toFixed(10));
+    }
+    function ve(se) {
+      ie || ne(se), v == null || v(se);
+    }
+    function Ee(se) {
+      a || s || _(K(se.clientX));
+    }
+    function Be() {
+      !a && !s && _(null);
+    }
+    function Y(se) {
+      if (a || s)
+        return;
+      const P = K(se.clientX);
+      _(null), ve(P === W ? 0 : P);
+    }
+    const Z = Uo({
+      value: oe,
+      min: 0,
+      max: o,
+      step: i,
+      disabled: s,
+      readOnly: a,
+      onChange: ve
+    }), Te = d ?? dr, X = m ?? (N ? Te : ur), ue = je(
+      "uui-rating",
+      gt(e),
+      M,
+      N && "uui-filled",
+      a && "uui-read-only",
+      g && "uui-error",
+      s && "uui-disabled"
+    ), xe = je(
+      "uui-rating-control",
+      ...L.includes("ring") && me && ae ? ["uui-focus-ring uui-focus-visible"] : [],
+      ut(y)
+    ), de = g ? "error" : p, U = Array.from({ length: Math.ceil(o) }).map((se, P) => {
+      const we = Math.min(Math.max(ce - P, 0), 1) * 100, re = E();
+      return re.text(de), re.set("width", `${we}%`), /* @__PURE__ */ I(
+        "div",
+        {
+          className: "uui-icon uui-rating-icon",
+          style: { cursor: a || s ? "default" : "pointer", lineHeight: 0 },
+          children: [
+            /* @__PURE__ */ r("div", { className: "uui-rating-empty-icon", children: X }),
+            /* @__PURE__ */ r("div", { className: "uui-rating-filled-icon", style: re.get(), children: Te })
+          ]
+        },
+        `${te}-star-${P}`
+      );
+    }), Re = /* @__PURE__ */ I(
+      "div",
+      {
+        ...be,
+        "aria-disabled": s || void 0,
+        "aria-label": c ? void 0 : D ?? k,
+        "aria-labelledby": ye,
+        "aria-valuemax": o,
+        "aria-valuemin": 0,
+        "aria-valuenow": oe,
+        className: xe,
+        id: te,
+        onClick: Y,
+        onKeyDown: Z.onKeyDown,
+        onMouseLeave: Be,
+        onMouseMove: Ee,
+        ref: j,
+        role: "slider",
+        tabIndex: a || s ? -1 : 0,
+        children: [
+          /* @__PURE__ */ r("input", { disabled: s, ref: G, type: "hidden", value: W, ...H }),
+          U,
+          Ie && /* @__PURE__ */ r(It, { align: F, tooltip: Ie, triggerRef: Ce })
+        ]
+      }
+    );
+    return /* @__PURE__ */ r(
+      pn,
+      {
+        className: ue,
+        control: Re,
+        description: (h ?? g) && /* @__PURE__ */ r(mn, { description: h, error: g }),
+        label: c && /* @__PURE__ */ r(Gn, { focusRef: j, font: l, id: ye, label: c, required: C, tag: "span" }),
+        ref: Ce,
+        spanDesc: !0,
+        textPlacement: B
+      }
+    );
+  }
+);
+Ci.displayName = "Rating";
+const xi = S(
+  ({
+    items: e,
+    children: t,
+    separator: n = "/",
+    maxItems: o,
+    itemsBeforeCollapse: i = 1,
+    itemsAfterCollapse: a = 1,
+    renderItem: s,
+    renderSeparator: d,
+    renderCollapse: l,
+    component: m = "nav",
+    itemComponent: p = "a",
+    animation: u = "fade",
+    motionStyle: f = "regular",
+    duration: c = 200,
+    ...h
+  }, g) => {
+    const [C, y] = q(!1), { visible: v, hidden: w } = pt(() => {
+      if (!e || !o || e.length <= o)
+        return { visible: e ?? [], hidden: [] };
+      const B = e.slice(0, i), L = e.slice(e.length - a), M = e.slice(i, e.length - a);
+      return {
+        visible: [...B, { label: "__collapse__" }, ...L],
+        hidden: M
+      };
+    }, [e, o, i, a]), x = (B, L) => {
+      const M = B.current || L === v.length - 1;
+      return /* @__PURE__ */ I(
+        Me,
+        {
+          "aria-current": M ? "page" : void 0,
+          component: p,
+          disabled: B.disabled,
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 4,
+            opacity: B.disabled ? 0.5 : void 0,
+            pointerEvents: B.disabled ? "none" : void 0
+          },
+          children: [
+            B.icon,
+            B.label
+          ]
+        }
+      );
+    }, k = () => /* @__PURE__ */ r(
+      bn,
+      {
+        onClick: () => {
+          y((B) => !B);
+        },
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          paddingInline: 4,
+          opacity: 0.7,
+          cursor: "pointer"
+        },
+        type: "button",
+        children: "…"
+      }
+    );
+    return /* @__PURE__ */ I(
+      Me,
+      {
+        "aria-label": "breadcrumb",
+        component: m,
+        ref: g,
+        style: {
+          display: "flex",
+          flexWrap: "wrap",
+          alignItems: "center",
+          gap: 4
+        },
+        ...h,
+        children: [
+          t || v.map((B, L) => {
+            const M = B.label === "__collapse__";
+            return /* @__PURE__ */ I(Lo, { children: [
+              M ? l ? l(w) : k() : s ? s(B, L) : x(B, L),
+              L < v.length - 1 && (d ? d(L) : /* @__PURE__ */ r(
+                "span",
+                {
+                  style: {
+                    opacity: 0.5,
+                    paddingInline: 4
+                  },
+                  children: n
+                }
+              ))
+            ] }, L);
+          }),
+          /* @__PURE__ */ r(Kt, { animation: u, duration: c, motionStyle: f, open: C, children: /* @__PURE__ */ r(
+            Me,
+            {
+              style: {
+                marginTop: 4,
+                display: "flex",
+                flexDirection: "column",
+                border: "1px solid",
+                padding: 4
+              },
+              children: w.map((B, L) => /* @__PURE__ */ r("div", {}))
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+xi.displayName = "Breadcrumbs";
+const wi = S(
+  ({
+    as: e,
+    children: t,
+    leading: n,
+    trailing: o,
+    color: i,
+    underline: a = "hover",
+    font: s = "labelLarge",
+    isExternal: d,
+    label: l,
+    className: m,
+    disabled: p,
+    hoverEffects: u = ["overlay"],
+    focusEffects: f = ["ring", "overlay"],
+    pressedEffects: c = ["overlay"],
+    underlineAnimation: h,
+    underlineOrigin: g,
+    "aria-label": C,
+    ...y
+  }, v) => {
+    const w = e ?? "a", { onClick: x, ...k } = y, B = je(
+      ...f.includes("overlay") ? ["uui-focus-overlay"] : [],
+      ...u.includes("overlay") ? ["uui-hover-overlay"] : [],
+      ...c.includes("overlay") ? ["uui-pressed-overlay"] : []
+    ), L = je(
+      "uui-link",
+      "uui-text-trigger",
+      Le(s),
+      `uui-link-underline-${a}`,
+      h && `uui-link-anim-${h}`,
+      m,
+      B,
+      ...f.includes("ring") ? ["uui-focus-ring"] : []
+    ), M = C ?? l ?? (typeof t == "string" ? t : void 0), F = E();
+    F.text(i), g && F.set("--uui-underline-origin", g);
+    const D = /* @__PURE__ */ I("span", { className: "uui-link-content", children: [
+      n && /* @__PURE__ */ r(dn, { content: n }),
+      /* @__PURE__ */ r("span", { className: "uui-link-text", children: t ?? l }),
+      o && /* @__PURE__ */ r(fn, { content: o })
+    ] });
+    return /* @__PURE__ */ r(
+      w,
+      {
+        "aria-disabled": p ?? void 0,
+        "aria-label": M,
+        className: L,
+        onClick: (N) => {
+          if (p) {
+            N.preventDefault(), N.stopPropagation();
+            return;
+          }
+          x == null || x(N);
+        },
+        ref: v,
+        style: F.get(),
+        tabIndex: p ? -1 : void 0,
+        ...d && !p && {
+          target: "_blank",
+          rel: "noopener noreferrer"
+        },
+        ...k,
+        children: D
+      }
+    );
+  }
+);
+wi.displayName = "Link";
+export {
+  Ri as Accordion,
+  oi as AccordionItem,
+  Fr as Article,
+  Vr as Aside,
+  kn as Avatar,
+  vi as AvatarGroup,
+  vn as Badge,
+  pr as BottomSheet,
+  Me as BoxBase,
+  xi as Breadcrumbs,
+  bn as Button,
+  Dt as ButtonBase,
+  hi as Calendar,
+  yr as Card,
+  br as Checkbox,
+  gn as CheckboxBase,
+  gr as Chip,
+  Kt as Collapse,
+  Ar as Content,
+  E as ControlStyle,
+  kr as DateField,
+  Sr as DateTimeField,
+  er as Dialog,
+  yn as DialogActions,
+  Zt as DialogBase,
+  Xn as DialogContent,
+  no as DialogHeader,
+  Jn as DialogTitle,
+  jr as Div,
+  so as Divider,
+  fr as Drawer,
+  xr as EmailField,
+  $r as Fab,
+  nt as FieldBase,
+  co as Fieldset,
+  sn as FieldsetContext,
+  lo as Flex,
+  Pr as Footer,
+  ao as Grid,
+  Zr as H1,
+  qr as H2,
+  Gr as H3,
+  Yr as H4,
+  Xr as H5,
+  Jr as H6,
+  Or as Header,
+  ro as IS_DIVIDER,
+  oo as IS_MENU,
+  Cn as IS_MENU_ITEM,
+  Ht as IconButton,
+  ti as Label,
+  wi as Link,
+  Ti as List,
+  wn as ListItem,
+  _r as Main,
+  xn as Menu,
+  io as MenuItem,
+  Br as MonthField,
+  Hr as Nav,
+  Cr as NumberField,
+  Qr as P,
+  Nr as PasswordField,
+  wr as PhoneField,
+  si as Progress,
+  Tr as Radio,
+  zr as RadioGroup,
+  zn as RadioGroupContext,
+  Ci as Rating,
+  Ur as Section,
+  Wt as SelectionContext,
+  ei as Span,
+  Qo as Spinner,
+  Kr as Switch,
+  mo as Tab,
+  Fi as Tabs,
+  dt as TextBase,
+  vr as TextField,
+  Wn as ThemeContext,
+  Ei as ThemeProvider,
+  Lr as TimeField,
+  Zn as Toast,
+  qo as ToastViewport,
+  Mr as ToggleButton,
+  ii as Toolbar,
+  Rr as Tooltip,
+  Dr as UrlField,
+  Ir as WeekField,
+  jo as applyThemeTokens,
+  Un as calculateFloatingPosition,
+  Ro as capitalize,
+  on as clampInt,
+  je as cn,
+  Lt as createRipple,
+  Fn as defaultTheme,
+  Vo as ensureInputMethod,
+  Jo as ensurePortalRoot,
+  Xo as flatChildren,
+  En as generateMaterialColors,
+  an as getAnimationClass,
+  $i as getAnimationList,
+  it as getBorderClass,
+  zt as getBorderColor,
+  Eo as getColorNames,
+  _n as getColorRegistry,
+  ut as getDensityClass,
+  at as getElevationClass,
+  Le as getFontClass,
+  Ao as getInputMethod,
+  cn as getMotionStyleClass,
+  en as getOnColorName,
+  Fo as getPlacementClass,
+  _e as getShapeClass,
+  gt as getSizeClass,
+  Hn as getSurfaceColorVar,
+  Ii as getTintOverlayColor,
+  Yo as getWrapperStyle,
+  Bi as hexToRgb,
+  To as hexToRgbValues,
+  Qt as isDivider,
+  St as isMenu,
+  Jt as isMenuItem,
+  yt as mergeRefs,
+  ln as motionClassMap,
+  un as renderPortal,
+  Mo as setColorRegistry,
+  Vt as toKebabCase,
+  Mi as toast,
+  xt as uniqueID,
+  rn as useAnimate,
+  _o as useClickOutside,
+  Ho as useEscapeHandler,
+  Ko as useFocusTrap,
+  Bt as useFocusVisible,
+  nn as useResizeObserver,
+  Kn as useSelection,
+  Wo as useSelectionState,
+  Uo as useSliderKeys,
+  Di as useTheme
+};