@ufoui/core 0.0.4 → 0.0.12

package/index.js

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