@ufoui/core 0.0.5 → 0.0.12

package/index.mjs

@@ -1,4649 +0,0 @@
-import { jsx as o, jsxs as R, Fragment as tt } from "react/jsx-runtime";
-import rt, { forwardRef as L, useState as W, useEffect as fe, useRef as ne, createContext as Ht, useCallback as Bt, useSyncExternalStore as ni, useContext as $t, useLayoutEffect as vn, isValidElement as mt, cloneElement as Lt, useMemo as ft, Children as xn } from "react";
-import { argbFromHex as Ft, themeFromSourceColor as ii, hexFromArgb as we, TonalPalette as oi } from "@material/material-color-utilities";
-import ri, { createPortal as Qt } from "react-dom";
-const si = (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], Re = (e) => {
-  switch (e) {
-    case "square":
-      return "uui-square";
-    case "smooth":
-      return "uui-smooth";
-    case "rounded":
-      return "uui-rounded";
-    case "round":
-      return "uui-round";
-    default:
-      return "";
-  }
-}, Ct = (e) => ({
-  extraSmall: "uui-extra-small",
-  small: "uui-small",
-  medium: "uui-medium",
-  large: "uui-large",
-  extraLarge: "uui-extra-large"
-})[e], Je = (e) => {
-  const t = wn(0, 5, e);
-  return t === void 0 ? "" : `uui-border-${t}`;
-}, Po = (e) => +e > 0 || +e < 5 ? `uui-outline-${String(e)}` : "uui-outline-0", st = (e) => {
-  switch (e) {
-    case 0:
-      return "uui-elevation-0";
-    case 1:
-      return "uui-elevation-1";
-    case 2:
-      return "uui-elevation-2";
-    case 3:
-      return "uui-elevation-3";
-    case 4:
-      return "uui-elevation-4";
-    case 5:
-      return "uui-elevation-5";
-    default:
-      return "";
-  }
-}, pt = (e) => {
-  switch (e) {
-    case "compact":
-      return "uui-compact";
-    case "dense":
-      return "uui-dense";
-    default:
-      return "";
-  }
-}, Ce = (e) => ({
-  displayLarge: "uui-font-display-large",
-  displayMedium: "uui-font-display-medium",
-  displaySmall: "uui-font-display-small",
-  headlineLarge: "uui-font-headline-large",
-  headlineMedium: "uui-font-headline-medium",
-  headlineSmall: "uui-font-headline-small",
-  titleLarge: "uui-font-title-large",
-  titleMedium: "uui-font-title-medium",
-  titleSmall: "uui-font-title-small",
-  labelLarge: "uui-font-label-large",
-  labelMedium: "uui-font-label-medium",
-  labelSmall: "uui-font-label-small",
-  bodyLarge: "uui-font-body-large",
-  bodyMedium: "uui-font-body-medium",
-  bodySmall: "uui-font-body-small",
-  caption: "uui-font-caption",
-  overline: "uui-font-overline"
-})[e];
-function gt(...e) {
-  return (t) => {
-    e.forEach((n) => {
-      if (typeof n == "function")
-        n(t);
-      else if (n) {
-        const i = n;
-        i.current = t;
-      }
-    });
-  };
-}
-const It = (e, t, n) => {
-  const i = n ?? e, r = i.querySelector(".ripple-container");
-  r && r.remove();
-  const s = e.getBoundingClientRect(), a = i.getBoundingClientRect(), u = t.clientX - s.left, g = t.clientY - s.top, m = u >= 0 && u <= s.width && g >= 0 && g <= s.height, d = m ? u : s.width / 2, c = m ? g : s.height / 2, l = Math.sqrt(
-    s.width * s.width + s.height * s.height
-  ), f = l / 2, h = document.createElement("div");
-  h.className = "ripple-container", h.style.position = "absolute", h.style.pointerEvents = "none", h.style.overflow = "hidden", h.style.width = `${s.width}px`, h.style.height = `${s.height}px`, h.style.left = `${s.left - a.left}px`, h.style.top = `${s.top - a.top}px`, requestAnimationFrame(() => {
-    h.style.borderRadius = getComputedStyle(e).borderRadius;
-  });
-  const C = document.createElement("span");
-  C.className = "ripple", C.style.position = "absolute", C.style.width = `${l}px`, C.style.height = `${l}px`, C.style.left = `${d - f}px`, C.style.top = `${c - f}px`, h.appendChild(C), i.appendChild(h), C.addEventListener("animationend", () => {
-    h.remove();
-  });
-};
-function Et(e) {
-  return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
-}
-function Oo(e) {
-  e && (e.classList.remove("uui-focus-visible"), e.focus(), e.classList.add("uui-focus-visible"), e.addEventListener(
-    "blur",
-    () => {
-      e.classList.remove("uui-focus-visible");
-    },
-    { once: !0 }
-  ));
-}
-function wn(e, t, n, i) {
-  const r = Number(n);
-  return Number.isFinite(r) ? Math.min(t, Math.max(e, Math.round(r))) : i;
-}
-const Sn = [
-  "primary",
-  "secondary",
-  "tertiary",
-  "warning",
-  "info",
-  "success",
-  "error"
-], Nn = [
-  ...Sn,
-  "primaryContainer",
-  "primaryFixed",
-  "primaryFixedDim",
-  "secondaryContainer",
-  "secondaryFixed",
-  "secondaryFixedDim",
-  "tertiaryContainer",
-  "tertiaryFixed",
-  "tertiaryFixedDim",
-  "warningContainer",
-  "warningFixed",
-  "warningFixedDim",
-  "infoContainer",
-  "infoFixed",
-  "infoFixedDim",
-  "successContainer",
-  "successFixed",
-  "successFixedDim",
-  "errorContainer",
-  "errorFixed",
-  "errorFixedDim",
-  "black",
-  "white"
-], kn = [
-  ...Nn,
-  "outline",
-  "outlineVariant",
-  "surface",
-  "surfaceVariant",
-  "background",
-  "inverseSurface",
-  "inversePrimary",
-  "surfaceContainerHighest",
-  "surfaceContainerHigh",
-  "surfaceContainer",
-  "surfaceContainerLow",
-  "surfaceContainerLowest",
-  "surfaceBright",
-  "surfaceDim"
-], Fn = [
-  ...kn,
-  "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"
-], _t = {
-  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 Bn(e) {
-  return e ? _t[e] ?? "" : "";
-}
-function Ho() {
-  return Object.keys(_t);
-}
-function Ln(e) {
-  return e === "expressive" ? "uui-motion-expressive" : "";
-}
-const li = (e) => {
-  const t = Sn.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`
-  };
-}, Ot = {
-  // 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"
-}, Wt = (e) => {
-  const t = kn.includes(e) ? e : "primary", n = Et(t), i = Et(Ot[t]);
-  return {
-    textColor: `uui-text-${n}`,
-    textOnColor: `uui-text-${i}`,
-    borderColor: `uui-border-${n}`,
-    borderOnColor: `uui-border-${i}`,
-    bgColor: `uui-bg-${n}`,
-    bgOnColor: `uui-bg-${i}`
-  };
-}, _o = (e) => {
-  const t = Fn.includes(e) ? e : "primary", n = Et(t);
-  return {
-    textColor: `uui-text-${n}`,
-    borderColor: `uui-border-${n}`,
-    bgColor: `uui-bg-${n}`
-  };
-};
-function en(e) {
-  return Wt(e).borderColor;
-}
-const Wo = (e) => {
-  const t = e.toLowerCase(), n = `--uui-color-${t}`, i = `--uui-color-on-${t}`;
-  return {
-    color: `var(${n})`,
-    onColor: `var(${i})`,
-    container: `var(${n}-container)`,
-    onContainer: `var(${i}-container)`,
-    fixed: `var(${n}-fixed)`,
-    fixedDim: `var(${n}-fixed-dim)`,
-    onFixed: `var(${i}-fixed)`,
-    onFixedVariant: `var(${i}-fixed-variant)`
-  };
-}, $n = (e) => {
-  const t = e.toLowerCase(), n = `--uui-color-${t}`, i = `--uui-color-on-${t}`;
-  return {
-    color: `var(${n})`,
-    onColor: `var(${i})`
-  };
-}, ai = (e) => [
-  parseInt(e.slice(1, 3), 16),
-  parseInt(e.slice(3, 5), 16),
-  parseInt(e.slice(5, 7), 16)
-], Uo = (e) => [
-  parseInt(e.slice(1, 3), 16),
-  parseInt(e.slice(3, 5), 16),
-  parseInt(e.slice(5, 7), 16)
-].join(",");
-function qo(e, t) {
-  const i = {
-    0: "0",
-    1: "0.05",
-    2: "0.08",
-    3: "0.11",
-    4: "0.12",
-    5: "0.14"
-  }[e] ?? 0, [r, s, a] = ai(t);
-  return `rgba(${String(r)}, ${String(s)}, ${String(a)}, ${i})`;
-}
-const zo = () => {
-  const e = [
-    "surface",
-    "onSurface",
-    "surfaceDim",
-    "surfaceBright",
-    "surfaceContainerLowest",
-    "surfaceContainerLow",
-    "surfaceContainer",
-    "surfaceContainerHigh",
-    "surfaceContainerHighest",
-    "onSurfaceVariant",
-    "inverseSurface",
-    "inverseOnSurface",
-    "outline",
-    "outlineVariant",
-    "inversePrimary",
-    "scrim",
-    "shadow",
-    "white",
-    "black",
-    "background",
-    "onBackground",
-    "surfaceTint"
-  ], t = {};
-  for (const n of e) {
-    const i = n.charAt(0).toUpperCase() + n.slice(1);
-    t[`text${i}`] = `uui-text-${n}`, t[`border${i}`] = `uui-border-${n}`, t[`outline${i}`] = `uui-outline-${n}`, t[`bg${i}`] = `uui-bg-${n}`;
-  }
-  return t;
-};
-function ui(e) {
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}
-function ht(e) {
-  return e ?? "outlineVariant";
-}
-function En(e, t, n = {}) {
-  const { placement: i = "topCenter", offset: r = 8, mode: s = "tooltip" } = n, a = 12, u = {
-    tooltip: ["topCenter", "bottomCenter", "centerRight", "centerLeft"],
-    dropdown: ["bottomCenter", "topCenter", "centerRight", "centerLeft"],
-    menu: [
-      "bottomLeft",
-      "bottomRight",
-      "topLeft",
-      "topRight",
-      "centerRight",
-      "centerLeft"
-    ],
-    submenu: [
-      "topRightOut",
-      "topLeftOut",
-      "centerRight",
-      "centerLeft",
-      "bottomCenter",
-      "topCenter"
-    ]
-  }, g = i === "auto" ? u[s] : [i, ...u[s]], m = e.current, d = t.current;
-  if (!m || !d)
-    return null;
-  const c = m.getBoundingClientRect(), l = d.getBoundingClientRect(), f = window.innerWidth, h = window.innerHeight, C = (y) => {
-    let b = 0, x = 0;
-    switch (y) {
-      case "topCenter":
-        b = c.left + (c.width - l.width) / 2, x = c.top - l.height - r;
-        break;
-      case "topLeft":
-        b = c.left, x = c.top - l.height - r;
-        break;
-      case "topRight":
-        b = c.right - l.width, x = c.top - l.height - r;
-        break;
-      case "bottomCenter":
-        b = c.left + (c.width - l.width) / 2, x = c.bottom + r;
-        break;
-      case "bottomLeft":
-        b = c.left, x = c.bottom + r;
-        break;
-      case "bottomRight":
-        b = c.right - l.width, x = c.bottom + r;
-        break;
-      case "centerLeft":
-        b = c.left - l.width - r, x = c.top + (c.height - l.height) / 2;
-        break;
-      case "centerRight":
-        b = c.right + r, x = c.top + (c.height - l.height) / 2;
-        break;
-      case "center":
-        b = c.left + (c.width - l.width) / 2, x = c.top + (c.height - l.height) / 2;
-        break;
-      case "topRightOut":
-        b = c.right + r, x = c.top;
-        break;
-      case "topLeftOut":
-        b = c.left - l.width - r, x = c.top;
-        break;
-    }
-    return { x: b, y: x, placement: y };
-  };
-  for (const y of g) {
-    const b = C(y), x = b.x >= 0 && b.x + l.width <= f, F = b.y >= 0 && b.y + l.height <= h;
-    let B = !1;
-    if (y === "centerLeft" || y === "centerRight" ? B = x : y === "topCenter" || y === "bottomCenter" || y === "center" ? B = F : B = x && F, B)
-      return b.x = Math.max(
-        a,
-        Math.min(b.x, f - l.width - a)
-      ), b.y = Math.max(
-        a,
-        Math.min(b.y, h - l.height - a)
-      ), b;
-  }
-  const w = C(i);
-  return w.x = Math.max(
-    a,
-    Math.min(w.x, f - l.width - a)
-  ), w.y = Math.max(
-    a,
-    Math.min(w.y, h - l.height - a)
-  ), w;
-}
-let pn = !1, Yt = "pointer";
-function ci() {
-  pn || typeof window > "u" || (pn = !0, window.addEventListener(
-    "keydown",
-    () => {
-      Yt = "keyboard";
-    },
-    !0
-  ), window.addEventListener(
-    "pointerdown",
-    () => {
-      Yt = "pointer";
-    },
-    !0
-  ));
-}
-function di() {
-  return Yt;
-}
-function fi(e = "#6750A4", t, n = {}) {
-  var d, c, l, f, h, C, w, y, b, x, F, B, V, P, A, D, M;
-  const i = { light: {}, dark: {} }, r = (d = n.light) != null && d.primary ? Ft(n.light.primary) : Ft(e), s = {
-    info: "#03a9f4",
-    warning: "#ffd600",
-    success: "#689f38",
-    ...t
-  }, a = [];
-  Object.keys(s).forEach((S) => {
-    var k;
-    const v = (k = n.light) == null ? void 0 : k[S];
-    v ? a.push({
-      value: Ft(v),
-      name: S,
-      blend: !0
-    }) : a.push({
-      value: Ft(
-        s[S]
-      ),
-      name: S,
-      blend: !0
-    });
-  }), ["secondary", "tertiary", "error"].forEach((S) => {
-    var k;
-    const v = (k = n.light) == null ? void 0 : k[S];
-    v && a.push({
-      value: Ft(v),
-      name: S,
-      blend: !0
-    });
-  });
-  const u = ii(r, a);
-  ["light", "dark"].forEach((S) => {
-    const v = S;
-    Fn.forEach((k) => {
-      var T;
-      (T = n[v]) != null && T[k] ? i[v][k] = n[v][k] : typeof u.schemes[v][k] == "number" && (i[v][k] = we(
-        u.schemes[v][k]
-      ));
-    });
-  }), i.light.scrim = "#00000052", i.dark.scrim = "#00000052", u.customColors.forEach((S) => {
-    const v = S.color.name[0].toUpperCase() + S.color.name.slice(1), k = {
-      color: S.color.name,
-      onColor: `on${v}`,
-      colorContainer: `${S.color.name}Container`,
-      onColorContainer: `on${v}Container`
-    };
-    ["light", "dark"].forEach((T) => {
-      const U = T;
-      Object.keys(k).forEach((Z) => {
-        var ie;
-        i[T][k[Z]] = ((ie = n[T]) == null ? void 0 : ie[k[Z]]) ?? we(S[U][Z]);
-      });
-    });
-  }), ["primary", "secondary", "tertiary", "error"].forEach((S) => {
-    const v = S[0].toUpperCase() + S.slice(1);
-    ["light", "dark"].forEach((k) => {
-      var T, U, Z, ie;
-      i[k][`${S}Fixed`] = (T = n[k]) != null && T[`${S}Fixed`] ? n[k][`${S}Fixed`] : we(
-        u.palettes[S].tone(90)
-      ), i[k][`${S}FixedDim`] = (U = n[k]) != null && U[`${S}FixedDim`] ? n[k][`${S}FixedDim`] : we(
-        u.palettes[S].tone(80)
-      ), i[k][`on${v}Fixed`] = (Z = n[k]) != null && Z[`on${v}Fixed`] ? n[k][`on${v}Fixed`] : we(
-        u.palettes[S].tone(10)
-      ), i[k][`on${v}FixedVariant`] = (ie = n[k]) != null && ie[`on${v}FixedVariant`] ? n[k][`on${v}FixedVariant`] : we(
-        u.palettes[S].tone(30)
-      );
-    });
-  });
-  const g = (S, v) => {
-    const k = oi.fromInt(S);
-    return we(k.tone(v));
-  };
-  u.customColors.forEach((S) => {
-    const v = S.color.name, k = v[0].toUpperCase() + v.slice(1);
-    ["light", "dark"].forEach((T) => {
-      var Z, ie, Se, he;
-      const U = S[T].color;
-      i[T][`${v}Fixed`] = (Z = n[T]) != null && Z[`${v}Fixed`] ? n[T][`${v}Fixed`] : g(U, 90), i[T][`${v}FixedDim`] = (ie = n[T]) != null && ie[`${v}FixedDim`] ? n[T][`${v}FixedDim`] : g(U, 80), i[T][`on${k}Fixed`] = (Se = n[T]) != null && Se[`on${k}Fixed`] ? n[T][`on${k}Fixed`] : g(U, 10), i[T][`on${k}FixedVariant`] = (he = n[T]) != null && he[`on${k}FixedVariant`] ? n[T][`on${k}FixedVariant`] : g(U, 30);
-    });
-  });
-  const m = {
-    black: "#000000",
-    onBlack: "#ffffff",
-    white: "#ffffff",
-    onWhite: "#000000"
-  };
-  return Object.assign(i.light, m), Object.assign(i.dark, m), i.light.surface = ((c = n.light) == null ? void 0 : c.surface) ?? we(u.palettes.neutral.tone(99)), i.light.surfaceDim = ((l = n.light) == null ? void 0 : l.surfaceDim) ?? we(u.palettes.neutral.tone(87)), i.light.surfaceBright = ((f = n.light) == null ? void 0 : f.surfaceBright) ?? we(u.palettes.neutral.tone(99)), i.light.surfaceContainerLowest = ((h = n.light) == null ? void 0 : h.surfaceContainerLowest) ?? we(u.palettes.neutral.tone(100)), i.light.surfaceContainerLow = ((C = n.light) == null ? void 0 : C.surfaceContainerLow) ?? we(u.palettes.neutral.tone(96)), i.light.surfaceContainer = ((w = n.light) == null ? void 0 : w.surfaceContainer) ?? we(u.palettes.neutral.tone(94)), i.light.surfaceContainerHigh = ((y = n.light) == null ? void 0 : y.surfaceContainerHigh) ?? we(u.palettes.neutral.tone(92)), i.light.surfaceContainerHighest = ((b = n.light) == null ? void 0 : b.surfaceContainerHighest) ?? we(u.palettes.neutral.tone(90)), i.dark.surface = ((x = n.dark) == null ? void 0 : x.surface) ?? we(u.palettes.neutral.tone(6)), i.dark.surfaceDim = ((F = n.dark) == null ? void 0 : F.surfaceDim) ?? we(u.palettes.neutral.tone(6)), i.dark.surfaceBright = ((B = n.dark) == null ? void 0 : B.surfaceBright) ?? we(u.palettes.neutral.tone(24)), i.dark.surfaceContainerLowest = ((V = n.dark) == null ? void 0 : V.surfaceContainerLowest) ?? we(u.palettes.neutral.tone(4)), i.dark.surfaceContainerLow = ((P = n.dark) == null ? void 0 : P.surfaceContainerLow) ?? we(u.palettes.neutral.tone(10)), i.dark.surfaceContainer = ((A = n.dark) == null ? void 0 : A.surfaceContainer) ?? we(u.palettes.neutral.tone(12)), i.dark.surfaceContainerHigh = ((D = n.dark) == null ? void 0 : D.surfaceContainerHigh) ?? we(u.palettes.neutral.tone(17)), i.dark.surfaceContainerHighest = ((M = n.dark) == null ? void 0 : M.surfaceContainerHighest) ?? we(u.palettes.neutral.tone(22)), i.light.surfaceTint = we(u.palettes.primary.tone(40)), i.dark.surfaceTint = we(u.palettes.primary.tone(80)), i;
-}
-function mi(e = "#6750A4", t, n = {}) {
-  const i = "ufo-ui-theme";
-  let r = document.getElementById(i);
-  r || (r = document.createElement("style"), r.id = i, document.head.appendChild(r));
-  const s = fi(
-    e,
-    t,
-    n
-  ), a = [
-    ...Object.entries(s.light).map(
-      ([g, m]) => `--uui-color-${Et(g)}: ${m};`
-    )
-  ].join(""), u = Object.entries(s.dark).map(([g, m]) => `--uui-color-${Et(g)}: ${m};`).join("");
-  return r.textContent = `:root{${a}}.dark{${u}}`, s;
-}
-let ot = [], Pt = [];
-function jt() {
-  const e = [...ot];
-  Pt.forEach((t) => {
-    t(e);
-  });
-}
-const bt = {
-  subscribe(e) {
-    return Pt.push(e), e([...ot]), () => {
-      Pt = Pt.filter((t) => t !== e);
-    };
-  },
-  add(e) {
-    ot.some((t) => t.id === e.id) || (ot = [...ot, e], jt());
-  },
-  update(e, t) {
-    ot = ot.map((n) => n.id === e ? { ...n, ...t } : n), jt();
-  },
-  remove(e) {
-    ot = ot.filter((t) => t.id !== e), jt();
-  },
-  clear() {
-    ot = [], jt();
-  },
-  getState() {
-    return [...ot];
-  }
-};
-var wt = {}, gn;
-function pi() {
-  if (gn) return wt;
-  gn = 1;
-  var e = ri;
-  if (process.env.NODE_ENV === "production")
-    wt.createRoot = e.createRoot, wt.hydrateRoot = e.hydrateRoot;
-  else {
-    var t = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    wt.createRoot = function(n, i) {
-      t.usingClientEntryPoint = !0;
-      try {
-        return e.createRoot(n, i);
-      } finally {
-        t.usingClientEntryPoint = !1;
-      }
-    }, wt.hydrateRoot = function(n, i, r) {
-      t.usingClientEntryPoint = !0;
-      try {
-        return e.hydrateRoot(n, i, r);
-      } finally {
-        t.usingClientEntryPoint = !1;
-      }
-    };
-  }
-  return wt;
-}
-var gi = pi();
-const In = L(
-  ({
-    title: e,
-    description: t,
-    color: n,
-    icon: i,
-    action: r,
-    content: s,
-    elevation: a = 3,
-    shape: u = "smooth",
-    status: g,
-    className: m,
-    ...d
-  }, c) => {
-    const l = I();
-    l.bg(n), l.text.on(n);
-    const f = g !== void 0 ? `uui-toast-${g}` : "";
-    return /* @__PURE__ */ o(
-      Pe,
-      {
-        className: ["uui-toast", m, f].filter(Boolean).join(" "),
-        elevation: a,
-        font: "bodyMedium",
-        ref: c,
-        shape: u,
-        style: l.get(),
-        ...d,
-        children: s ?? /* @__PURE__ */ R(tt, { children: [
-          i && /* @__PURE__ */ o("div", { className: "uui-icon", children: i }),
-          /* @__PURE__ */ R("div", { className: "uui-toast-content", children: [
-            e && /* @__PURE__ */ o("div", { className: "uui-toast-title", children: e }),
-            t && /* @__PURE__ */ o("div", { className: "uui-toast-description", children: t }),
-            r
-          ] })
-        ] })
-      }
-    );
-  }
-);
-In.displayName = "Toast";
-const hi = ({
-  position: e = "bottom-right",
-  gap: t = 12
-}) => {
-  const [n, i] = W([]);
-  fe(() => bt.subscribe(i), []);
-  const r = yi(e);
-  return /* @__PURE__ */ o(
-    Pe,
-    {
-      className: "uui-toast-viewport",
-      id: Jt,
-      position: "fixed",
-      style: {
-        ...r,
-        flexDirection: "column",
-        gap: t,
-        zIndex: 1e3
-      },
-      children: n.map((s) => {
-        const a = typeof s.action == "function" ? s.action(s.id) : s.action;
-        return /* @__PURE__ */ o(In, { ...s, action: a }, s.id);
-      })
-    }
-  );
-};
-function yi(e) {
-  switch (e) {
-    case "top-right":
-      return { top: 16, right: 16 };
-    case "top-left":
-      return { top: 16, left: 16 };
-    case "bottom-right":
-      return { bottom: 16, right: 16 };
-    case "bottom-left":
-      return { bottom: 16, left: 16 };
-  }
-}
-const Jt = "uui-toast-viewport-root";
-function bi() {
-  if (document.getElementById(Jt))
-    return;
-  const e = document.createElement("div");
-  e.id = Jt, document.body.appendChild(e), gi.createRoot(e).render(/* @__PURE__ */ o(hi, {}));
-}
-const hn = (e, t) => typeof e == "function" ? e(t) : e;
-function St(e) {
-  bi();
-  const t = typeof e == "string" ? { description: e } : e, n = t.id ?? crypto.randomUUID();
-  return bt.add({ ...t, id: n }), n;
-}
-const Zo = Object.assign(St, {
-  update: bt.update,
-  dismiss: bt.remove,
-  clear: bt.clear,
-  success: (e, t) => St({ ...t, description: e, status: "success" }),
-  error: (e, t) => St({ ...t, description: e, status: "error" }),
-  info: (e, t) => St({ ...t, description: e, status: "info" }),
-  warning: (e, t) => St({ ...t, description: e, status: "warning" }),
-  async promise(e, t) {
-    const n = St({ description: t.loading, duration: 0 });
-    return e.then(
-      (i) => (bt.update(n, {
-        description: hn(t.success, i)
-      }), i),
-      (i) => {
-        throw bt.update(n, {
-          description: hn(t.error, i)
-        }), i;
-      }
-    );
-  }
-}), Tt = (e) => (
-  // eslint-disable-next-line sonarjs/pseudo-random
-  `${e}_${Math.floor((1 + Math.random()) * 65536).toString(16).substring(1)}`
-);
-function I(e) {
-  const t = { ...e || {} };
-  function n(l, f) {
-    t[l] = f;
-  }
-  const i = (l) => `var(--uui-color-${l.replace(/[A-Z]/g, (f) => "-" + f.toLowerCase())})`, r = (l) => Object.assign(
-    (f) => {
-      f && l(i(f));
-    },
-    {
-      on(f) {
-        if (f) {
-          const h = Ot[f];
-          h !== void 0 && l(i(h));
-        }
-      },
-      container(f) {
-        f && l(i(`${f}Container`));
-      },
-      onContainer(f) {
-        f && l(i(`on${ui(f)}Container`));
-      },
-      fixed(f) {
-        f && l(i(`${f}Fixed`));
-      },
-      fixedDim(f) {
-        f && l(i(`${f}FixedDim`));
-      }
-    }
-  ), s = r((l) => {
-    n("backgroundColor", l);
-  }), a = r((l) => {
-    n("color", l);
-  }), u = r((l) => {
-    n("borderColor", l);
-  }), g = r((l) => {
-    n("outlineColor", l);
-  }), m = r((l) => {
-    n("--uui-current-color", l);
-  }), d = r((l) => {
-    n("stroke", l);
-  }), c = r((l) => {
-    n("fill", l);
-  });
-  return {
-    bg: s,
-    text: a,
-    border: u,
-    outline: g,
-    current: m,
-    stroke: d,
-    fill: c,
-    set: n,
-    get() {
-      return t;
-    },
-    merge(l) {
-      l && Object.assign(t, l);
-    }
-  };
-}
-const Pe = L((e, t) => {
-  const {
-    type: n = "flex",
-    inline: i = !1,
-    color: r,
-    elevation: s,
-    shape: a,
-    border: u,
-    direction: g,
-    flow: m,
-    borderColor: d,
-    elementClass: c,
-    children: l,
-    className: f,
-    style: h,
-    font: C,
-    fullWidth: w,
-    fullHeight: y,
-    grow: b,
-    m: x,
-    mx: F,
-    my: B,
-    mt: V,
-    mb: P,
-    ml: A,
-    mr: D,
-    p: M,
-    px: S,
-    py: v,
-    pt: k,
-    pb: T,
-    pl: U,
-    pr: Z,
-    gap: ie,
-    gapX: Se,
-    gapY: he,
-    justifyContent: z,
-    alignItems: Ae,
-    placeItems: De,
-    alignContent: Oe,
-    wrap: G,
-    cols: X,
-    rows: me,
-    component: ge,
-    row: pe,
-    col: J,
-    position: ve,
-    top: se,
-    right: H,
-    bottom: j,
-    left: Q,
-    zIndex: Fe,
-    ...oe
-  } = e, ee = ge ?? "div", N = I(h);
-  u && +u > 0 && N.border(ht(d)), N.bg(r), N.text.on(r);
-  const Be = [];
-  n === "flex" ? Be.push(i ? "uui-flex-inline" : "uui-flex") : n === "grid" ? Be.push(i ? "uui-grid-inline" : "uui-grid") : Be.push(i ? "uui-inline-block" : "uui-block"), w && N.set("width", "100%"), y && N.set("height", "100%"), b && Be.push("uui-grow"), x !== void 0 && N.set("margin", x), F !== void 0 && (N.set("marginLeft", F), N.set("marginRight", F)), B !== void 0 && (N.set("marginTop", B), N.set("marginBottom", B)), V !== void 0 && N.set("marginTop", V), P !== void 0 && N.set("marginBottom", P), A !== void 0 && N.set("marginLeft", A), D !== void 0 && N.set("marginRight", D), M !== void 0 && N.set("padding", M), S !== void 0 && (N.set("paddingLeft", S), N.set("paddingRight", S)), v !== void 0 && (N.set("paddingTop", v), N.set("paddingBottom", v)), k !== void 0 && N.set("paddingTop", k), T !== void 0 && N.set("paddingBottom", T), U !== void 0 && N.set("paddingLeft", U), Z !== void 0 && N.set("paddingRight", Z), ie !== void 0 && N.set("gap", ie), Se !== void 0 && N.set("columnGap", Se), he !== void 0 && N.set("rowGap", he), z !== void 0 && N.set("justifyContent", z), Ae !== void 0 && N.set("alignItems", Ae), De !== void 0 && N.set("placeItems", De), Oe !== void 0 && N.set("alignContent", Oe), G && n === "flex" && N.set("flexWrap", "wrap"), se !== void 0 && N.set("top", se), H !== void 0 && N.set("right", H), j !== void 0 && N.set("bottom", j), Q !== void 0 && N.set("left", Q), Fe !== void 0 && N.set("zIndex", Fe), n === "grid" && (X !== void 0 && N.set(
-    "gridTemplateColumns",
-    typeof X == "number" ? `repeat(${X}, 1fr)` : X
-  ), me !== void 0 && N.set(
-    "gridTemplateRows",
-    typeof me == "number" ? `repeat(${me}, 1fr)` : me
-  ));
-  const _ = (pe ? "row" : void 0) ?? (J ? "col" : void 0) ?? g;
-  let le = "";
-  _ && n === "flex" && (le = _ === "col" ? "uui-flex-col" : "uui-flex-row");
-  let Ne = "";
-  m && n === "grid" && (Ne = m === "col" ? "uui-grid-flow-col" : "uui-grid-flow-row");
-  const je = [
-    f,
-    "uui-box",
-    ...C ? [Ce(C)] : [],
-    c,
-    ...Be,
-    ...a ? [Re(a)] : [],
-    ...s !== void 0 ? [st(s)] : [],
-    ...u !== void 0 ? [Je(u)] : [],
-    ...ve !== void 0 ? [`uui-${ve}`] : [],
-    le,
-    Ne
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(ee, { className: je, ref: t, ...oe, style: N.get(), children: l });
-});
-Pe.displayName = "BoxBase";
-const Vt = ({
-  tooltip: e,
-  align: t,
-  triggerRef: n
-}) => {
-  const [i, r] = W(!1), [s, a] = W(null), u = ne(null), { bgColor: g, textOnColor: m } = Wt("inverseSurface");
-  fe(() => {
-    const l = n.current;
-    if (!l)
-      return;
-    const f = () => {
-      r(!0);
-    }, h = () => {
-      r(!1), a(null);
-    }, C = (w) => {
-      w.target.matches(":focus-visible") && r(!0);
-    };
-    return l.addEventListener("mouseenter", f), l.addEventListener("mouseleave", h), l.addEventListener("focus", C), l.addEventListener("blur", h), () => {
-      l.removeEventListener("mouseenter", f), l.removeEventListener("mouseleave", h), l.removeEventListener("focus", C), l.removeEventListener("blur", h);
-    };
-  }, [n]), fe(() => {
-    if (!i)
-      return;
-    const l = requestAnimationFrame(() => {
-      if (!u.current || !n.current)
-        return;
-      const f = En(n, u, {
-        placement: t,
-        offset: 8
-      });
-      f && a({ x: f.x, y: f.y });
-    });
-    return () => {
-      cancelAnimationFrame(l);
-    };
-  }, [t, i, n]);
-  const d = {
-    position: "absolute",
-    top: (s == null ? void 0 : s.y) ?? -9999,
-    left: (s == null ? void 0 : s.x) ?? -9999,
-    zIndex: 1e3,
-    opacity: s ? 1 : 0,
-    pointerEvents: "none",
-    visibility: s && i ? "visible" : "hidden"
-  }, c = [
-    m,
-    g,
-    "uui-tooltip",
-    "uui-font-body-small",
-    "uui-elevation-2",
-    "uui-px-2",
-    "uui-py-1",
-    "uui-corner-small"
-  ].join(" ");
-  return Qt(
-    /* @__PURE__ */ o("div", { className: c, ref: u, role: "tooltip", style: d, children: e }),
-    document.body
-  );
-};
-Vt.displayName = "InlineTooltipManager";
-function Ci({
-  variant: e = "circular",
-  inline: t,
-  className: n
-}) {
-  const i = [
-    "uui-spinner",
-    `uui-spinner-${e}`,
-    t && "uui-spinner-inline",
-    n
-  ].filter(Boolean).join(" ");
-  return e === "circular" ? /* @__PURE__ */ o("svg", { "aria-hidden": "true", className: i, viewBox: "22 22 44 44", children: /* @__PURE__ */ o(
-    "circle",
-    {
-      className: "uui-spinner-circle",
-      cx: "44",
-      cy: "44",
-      fill: "none",
-      r: "19.8",
-      strokeWidth: "4.6"
-    }
-  ) }) : e === "bars2" ? /* @__PURE__ */ R(
-    "svg",
-    {
-      className: "uui-bars-spinner",
-      viewBox: "0 0 48 48",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ o("rect", { height: "12", rx: "2", width: "4", x: "22" }),
-        /* @__PURE__ */ o(
-          "rect",
-          {
-            height: "12",
-            rx: "2",
-            transform: "rotate(-135 33.9 16.9)",
-            width: "4",
-            x: "33.9",
-            y: "16.9"
-          }
-        ),
-        /* @__PURE__ */ o(
-          "rect",
-          {
-            height: "12",
-            rx: "2",
-            transform: "rotate(-90 36 26)",
-            width: "4",
-            x: "36",
-            y: "26"
-          }
-        ),
-        /* @__PURE__ */ o(
-          "rect",
-          {
-            height: "12",
-            rx: "2",
-            transform: "rotate(-45 31.1 33.9)",
-            width: "4",
-            x: "31.1",
-            y: "33.9"
-          }
-        ),
-        /* @__PURE__ */ o("rect", { height: "12", rx: "2", width: "4", x: "22", y: "36" }),
-        /* @__PURE__ */ o(
-          "rect",
-          {
-            height: "12",
-            rx: "2",
-            transform: "rotate(-135 8.4 42.4)",
-            width: "4",
-            x: "8.4",
-            y: "42.4"
-          }
-        ),
-        /* @__PURE__ */ o(
-          "rect",
-          {
-            height: "12",
-            rx: "2",
-            transform: "rotate(-90 0 26)",
-            width: "4",
-            y: "26"
-          }
-        ),
-        /* @__PURE__ */ o(
-          "rect",
-          {
-            height: "12",
-            rx: "2",
-            transform: "rotate(-45 5.6 8.4)",
-            width: "4",
-            x: "5.6",
-            y: "8.4"
-          }
-        )
-      ]
-    }
-  ) : e === "orbit" ? /* @__PURE__ */ R(
-    "svg",
-    {
-      className: "uui-orbit-spinner",
-      viewBox: "0 0 48 48",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ o("circle", { cx: "24", cy: "4", r: "4" }),
-        /* @__PURE__ */ o("circle", { cx: "38.1421", cy: "9.8579", r: "4" }),
-        /* @__PURE__ */ o("circle", { cx: "44", cy: "24", r: "4" }),
-        /* @__PURE__ */ o("circle", { cx: "38.1421", cy: "38.1421", r: "4" }),
-        /* @__PURE__ */ o("circle", { cx: "24", cy: "44", r: "4" }),
-        /* @__PURE__ */ o("circle", { cx: "9.8579", cy: "38.1421", r: "4" }),
-        /* @__PURE__ */ o("circle", { cx: "4", cy: "24", r: "4" }),
-        /* @__PURE__ */ o("circle", { cx: "9.8579", cy: "9.8579", r: "4" })
-      ]
-    }
-  ) : e === "arc" ? /* @__PURE__ */ R(
-    "svg",
-    {
-      className: "uui-ring-spinner",
-      viewBox: "0 0 56 56",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ o(
-          "circle",
-          {
-            cx: "28",
-            cy: "28",
-            fill: "none",
-            opacity: "0.25",
-            r: "22",
-            stroke: "currentColor",
-            strokeWidth: "8"
-          }
-        ),
-        /* @__PURE__ */ o(
-          "circle",
-          {
-            cx: "28",
-            cy: "28",
-            fill: "none",
-            r: "22",
-            stroke: "currentColor",
-            strokeDasharray: "69 69",
-            strokeDashoffset: "0",
-            strokeLinecap: "butt",
-            strokeWidth: "8"
-          }
-        )
-      ]
-    }
-  ) : e === "stepBar" ? /* @__PURE__ */ R("svg", { className: "uui-bars-steps", viewBox: "0 0 48 48", children: [
-    /* @__PURE__ */ o("rect", { height: "8", rx: "4", width: "8", x: "6", y: "20" }),
-    /* @__PURE__ */ o("rect", { height: "8", rx: "4", width: "8", x: "20", y: "20" }),
-    /* @__PURE__ */ o("rect", { height: "8", rx: "4", width: "8", x: "34", y: "20" })
-  ] }) : /* @__PURE__ */ R(
-    "svg",
-    {
-      className: "uui-dots2-spinner",
-      viewBox: "0 0 48 48",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ o("circle", { cx: "10", cy: "24", r: "4" }),
-        /* @__PURE__ */ o("circle", { cx: "24", cy: "24", r: "4" }),
-        /* @__PURE__ */ o("circle", { cx: "38", cy: "24", r: "4" })
-      ]
-    }
-  );
-}
-const kt = L(
-  (e, t) => {
-    const {
-      color: n,
-      selectedColor: i,
-      className: r,
-      label: s,
-      title: a,
-      type: u = "button",
-      size: g = "small",
-      border: m,
-      borderColor: d,
-      hoverEffects: c = ["overlay", "elevate"],
-      pressedEffects: l = ["overlay", "elevate"],
-      touchEffects: f = ["ripple"],
-      selectedEffects: h = ["morph", "color"],
-      focusEffects: C = ["ring", "overlay"],
-      children: w,
-      outlined: y = !1,
-      filled: b = !1,
-      tonal: x = !1,
-      elevated: F = !1,
-      flat: B = !1,
-      elevation: V,
-      disabled: P,
-      textColor: A,
-      selectedTextColor: D,
-      shape: M = "round",
-      selectedShape: S = "rounded",
-      icon: v,
-      selectedIcon: k,
-      leading: T,
-      endIcon: U,
-      trailing: Z,
-      onClick: ie,
-      elementClass: Se,
-      font: he = "labelLarge",
-      upload: z,
-      uploadAccept: Ae,
-      uploadMultiple: De,
-      onUploadChange: Oe,
-      id: G = "",
-      name: X = "",
-      loading: me,
-      fullWidth: ge = !1,
-      link: pe,
-      selected: J,
-      defaultSelected: ve,
-      toggle: se = !1,
-      tooltipAlign: H = "auto",
-      density: j,
-      style: Q,
-      "aria-label": Fe,
-      ...oe
-    } = e, ee = J !== void 0, [N, Be] = W(
-      ve ?? !1
-    ), _ = ee ? J : N, le = ne(null), Ne = ne(null), je = ne(null), ae = ne(Tt("button")), Le = G || X || ae.current, xe = pe ? rt.cloneElement(pe, { ref: Ne, style: { display: "none" } }) : null, Ee = [
-      Se,
-      r,
-      "uui-wrapper uui-bb",
-      pt(j),
-      ...ge ? ["uui-full"] : []
-    ].filter(Boolean).join(" "), $e = [
-      "uui-btn-control",
-      Ce(he),
-      ...b ? ["uui-filled"] : [],
-      ...F ? ["uui-elevated"] : [],
-      ...x ? ["uui-tonal"] : [],
-      ...y ? ["uui-outlined"] : [],
-      ...C.includes("ring") ? ["uui-focus-ring"] : [],
-      ...C.includes("overlay") ? ["uui-focus-overlay"] : [],
-      ...c.includes("overlay") ? ["uui-hover-overlay"] : [],
-      ...l.includes("overlay") ? ["uui-pressed-overlay"] : [],
-      ...h.includes("overlay") ? ["uui-selected-overlay"] : [],
-      ...me ? ["uui-loading"] : [],
-      ...ge ? ["uui-full"] : [],
-      ...w ? [] : [Ct(g)],
-      ..._ ? ["uui-selected"] : []
-    ], ye = ["uui-state"], qe = se && _ && h.includes("morph") ? Re(S) : Re(M);
-    $e.push(qe), ye.push(qe);
-    const be = "uui-icon", Ie = se && _ ? k ?? T ?? v : T ?? v, Te = me ? /* @__PURE__ */ o("div", { className: be, children: /* @__PURE__ */ o(Ci, {}) }) : Ie && /* @__PURE__ */ o("div", { className: be, children: Ie }), ze = (Z ?? U) && /* @__PURE__ */ o("div", { className: be, children: Z ?? U });
-    let ue;
-    if (w) {
-      const te = [
-        "uui-btn-content uui-overflow-hidden",
-        qe,
-        Ce(he)
-      ].filter(Boolean).join(" ");
-      ue = /* @__PURE__ */ o("div", { className: te, children: w });
-    } else
-      ue = /* @__PURE__ */ R("div", { className: "uui-btn-content", children: [
-        Te,
-        s && /* @__PURE__ */ o("span", { className: "uui-label " + Ce(he), children: s }),
-        ze
-      ] });
-    const $ = I(Q), Y = I();
-    if (y || m !== void 0) {
-      $.border(ht(d));
-      const Xe = Je(m ?? (y ? 1 : 0));
-      $e.push(Xe);
-    }
-    let Me = V;
-    V === void 0 && (x || b ? B || (Me = F ? 1 : 0) : F && (Me = 1));
-    const K = [
-      ...c.includes("elevate") && !B ? ["uui-hover-elevate"] : [],
-      ...l.includes("elevate") && !B ? ["uui-pressed-elevate"] : []
-    ];
-    $e.push(
-      ...K,
-      st(Me)
-    );
-    const Qe = () => {
-      b ? ($.bg(n ?? "primary"), Y.bg.on(n ?? "primary"), A ? $.text(A) : $.text.on(n ?? "primary")) : x ? ($.bg.container("secondary"), Y.bg.onContainer("secondary"), A ? $.text(A) : $.text.onContainer("secondary")) : F ? ($.bg("surfaceContainerLow"), $.text(A ?? n ?? "primary"), Y.bg(n ?? "primary")) : y && !A ? ($.text.on("surfaceVariant"), Y.bg.on("surfaceVariant")) : ($.text(A ?? n ?? "primary"), Y.bg(A ?? n ?? "primary"));
-    }, Ze = () => {
-      n ? ($.bg(n), Y.bg.on(n), $.text.on(n)) : b ? ($.bg("surfaceContainer"), Y.bg.on("surfaceContainer"), $.text.on("surfaceVariant")) : F ? ($.bg("surfaceContainerLow"), Y.bg.on("surfaceContainerLow"), $.text("primary")) : x ? ($.bg.container("secondary"), Y.bg("secondary"), $.text.onContainer("secondary")) : y && !A ? ($.text.on("surfaceVariant"), Y.bg.on("surfaceVariant")) : ($.text(A ?? n ?? "primary"), Y.bg(A ?? n ?? "primary")), A && $.text(A);
-    }, q = () => {
-      const te = i ?? n ?? "primary";
-      x && !i ? ($.bg("secondary"), Y.bg.on("secondary"), D ? $.text(D) : $.text.on("secondary")) : y && !i ? ($.bg("inverseSurface"), Y.bg.on("inverseSurface"), D ? $.text(D) : $.text.on("inverseSurface")) : ($.bg(te), Y.bg.on(te), D ? $.text(D) : $.text.on(te));
-    };
-    se && h.includes("color") ? _ ? q() : Ze() : Qe();
-    const ce = (te) => {
-      var Xe;
-      if (!P) {
-        if (se) {
-          const Ve = !_;
-          ee || Be(Ve), (Xe = e.onChange) == null || Xe.call(e, {
-            ...te,
-            target: {
-              ...te.target,
-              name: X,
-              value: Ve
-            }
-          });
-        }
-        if (Ne.current) {
-          Ne.current.click();
-          return;
-        }
-        if (z && le.current) {
-          le.current.click();
-          return;
-        }
-        ie && ie(te), f.includes("ripple") && It(te.currentTarget, te);
-      }
-    }, He = a ? /* @__PURE__ */ o("div", { id: `${Le}-tip`, children: a }) : null;
-    let _e;
-    s && w && (_e = s), !s && !w && (_e = a);
-    const We = Fe ?? _e;
-    return /* @__PURE__ */ R("div", { className: Ee, children: [
-      z && /* @__PURE__ */ o(
-        "input",
-        {
-          accept: Ae,
-          "aria-labelledby": Le,
-          multiple: De,
-          onChange: Oe,
-          ref: le,
-          style: { display: "none" },
-          type: "file"
-        }
-      ),
-      /* @__PURE__ */ R(
-        "button",
-        {
-          "aria-busy": me,
-          "aria-describedby": a ? `${Le}-tip` : void 0,
-          "aria-haspopup": z ? "dialog" : void 0,
-          "aria-label": We,
-          "aria-pressed": se ? _ : void 0,
-          className: $e.join(" "),
-          disabled: P,
-          id: Le,
-          name: X || void 0,
-          onClick: ce,
-          ref: gt(t, je),
-          style: $.get(),
-          type: u,
-          ...oe,
-          children: [
-            /* @__PURE__ */ o("div", { className: ye.join(" "), style: Y.get() }),
-            ue
-          ]
-        }
-      ),
-      xe,
-      He && /* @__PURE__ */ o(
-        Vt,
-        {
-          align: H,
-          tooltip: He,
-          triggerRef: je
-        }
-      )
-    ] });
-  }
-);
-kt.displayName = "ButtonBase";
-const Tn = Ht(
-  null
-), tn = Ht(null), Ut = Ht(
-  null
-), yn = {
-  darkMode: !1,
-  schemes: { light: {}, dark: {} }
-}, Vn = Ht(null);
-function Dn(e = {}) {
-  const { initial: t = "idle" } = e, [n, i] = W("idle"), [r, s] = W(!1), { t1: a = 0, t2: u, oneShot: g = !1 } = e, m = u ?? Math.round(a * 0.67), d = ne(null), c = () => d.current !== null ? (clearTimeout(d.current), d.current = null, !0) : !1, l = Bt(
-    (b) => {
-      function x(B, V) {
-        d.current = window.setTimeout(() => {
-          i(B);
-        }, V);
-      }
-      if (c() && s(!0), g) {
-        a ? (x("open", a), i("opening")) : i((B) => B === "opening" ? "open" : "opening");
-        return;
-      }
-      if (a) {
-        i((B) => {
-          const V = (
-            // eslint-disable-next-line no-nested-ternary
-            b === "closed" ? !0 : (
-              // eslint-disable-next-line sonarjs/no-nested-conditional
-              b === "open" ? !1 : B === "open" || B === "opening"
-            )
-          ), P = V ? "closing" : "opening", A = V ? "closed" : "open";
-          return x(A, A === "open" ? a : m), P;
-        });
-        return;
-      }
-      i((B) => {
-        switch (B) {
-          case "idle":
-          case "closed":
-            return "opening";
-          case "opening":
-            return "open";
-          case "open":
-            return "closing";
-          case "closing":
-            return "closed";
-          default:
-            return B;
-        }
-      });
-    },
-    [g, a, m]
-  );
-  fe(() => {
-    r && s(!1);
-  }, [r]), fe(() => {
-    t !== "idle" && l(t === "open" ? "open" : "closed");
-  }, []);
-  const f = n === "closing", h = n === "opening";
-  return {
-    opening: h,
-    closing: f,
-    animating: (h || f) && !r,
-    idle: n === "idle",
-    animationVars: {
-      "--uui-duration": `${h ? a : m}ms`,
-      "--uui-reverse": f ? "reverse" : "normal"
-    },
-    animate: l
-  };
-}
-function vi(e, t, n, i) {
-  fe(() => {
-    if (!e)
-      return;
-    const r = (s) => {
-      var m, d;
-      const a = s.target;
-      if (Array.isArray(t)) {
-        const c = t.some((f) => {
-          var h;
-          return (h = f.current) == null ? void 0 : h.contains(a);
-        }), l = ((m = i == null ? void 0 : i.current) == null ? void 0 : m.contains(a)) ?? !1;
-        !c && !l && n();
-        return;
-      }
-      const u = !!a.closest(t), g = ((d = i == null ? void 0 : i.current) == null ? void 0 : d.contains(a)) ?? !1;
-      !u && !g && n();
-    };
-    return document.addEventListener("mousedown", r), () => {
-      document.removeEventListener("mousedown", r);
-    };
-  }, [e, t, n, i]);
-}
-function xi(e, t) {
-  fe(() => {
-    if (!e)
-      return;
-    const n = (i) => {
-      i.key === "Escape" && t();
-    };
-    return document.addEventListener("keydown", n), () => {
-      document.removeEventListener("keydown", n);
-    };
-  }, [e, t]);
-}
-function qt() {
-  return ci(), ni(
-    () => () => {
-    },
-    () => di() === "keyboard",
-    () => !1
-  );
-}
-function wi(e) {
-  const t = qt(), [n, i] = W(!1);
-  return fe(() => {
-    const r = e.current;
-    if (!r)
-      return;
-    const s = () => {
-      i(!0);
-    }, a = () => {
-      i(!1);
-    };
-    return r.addEventListener("focus", s, !0), r.addEventListener("blur", a, !0), () => {
-      r.removeEventListener("focus", s, !0), r.removeEventListener("blur", a, !0);
-    };
-  }, [e]), {
-    isFocused: n,
-    focusVisible: t
-  };
-}
-function Si(e, t, n = !0) {
-  fe(() => {
-    if (!n)
-      return;
-    const i = e.current;
-    if (!i)
-      return;
-    const r = new ResizeObserver(([s]) => {
-      const { width: a, height: u } = s.contentRect;
-      t({ width: a, height: u });
-    });
-    return r.observe(i), () => {
-      r.disconnect();
-    };
-  }, [e, t, n]);
-}
-function Mn() {
-  const e = $t(Ut);
-  if (!e)
-    throw new Error(
-      "useSelection must be used within a SelectionContext provider"
-    );
-  return e;
-}
-function Ko() {
-  const e = $t(Vn);
-  if (!e)
-    throw new Error("useTheme must be used within a <ThemeProvider>");
-  return e;
-}
-const nn = L(
-  (e, t) => {
-    const {
-      elementClass: n,
-      density: i,
-      icon: r,
-      disabled: s,
-      elevation: a,
-      checked: u,
-      children: g,
-      color: m,
-      uncheckedColor: d,
-      defaultChecked: c,
-      indeterminate: l,
-      hoverEffects: f = ["overlay"],
-      touchEffects: h = ["ripple"],
-      focusEffects: C = ["ring"],
-      selectedEffects: w = [],
-      pressedEffects: y = ["overlay"],
-      id: b,
-      name: x,
-      label: F,
-      font: B,
-      border: V,
-      borderColor: P,
-      uncheckedBorder: A,
-      uncheckedBorderColor: D,
-      onChange: M,
-      onClick: S,
-      type: v,
-      required: k,
-      shape: T = "smooth",
-      title: U,
-      filled: Z,
-      value: ie,
-      size: Se = "small",
-      uncheckedIcon: he,
-      indeterminateIcon: z,
-      description: Ae,
-      descriptionColor: De,
-      descriptionFont: Oe,
-      className: G,
-      error: X,
-      animation: me,
-      duration: ge = 150,
-      motionStyle: pe = "regular",
-      focusColor: J,
-      labelColor: ve,
-      textColor: se,
-      readOnly: H,
-      tooltipAlign: j = "auto",
-      textPlacement: Q = "end",
-      "aria-label": Fe,
-      ...oe
-    } = e, { animationVars: ee, animate: N, animating: Be } = Dn({
-      t1: ge,
-      oneShot: !0
-    }), _ = $t(Tn), le = v === "radio" ? x ?? (_ == null ? void 0 : _.name) : x, Ne = $t(tn), je = s ?? (Ne == null ? void 0 : Ne.disabled), ae = qt(), [Le, xe] = W(!1), Ee = ne(null), $e = ne(null), ye = ne(null), qe = ne(Tt("check")), be = b ?? qe.current, Ie = u !== void 0, [Te, ze] = W(
-      c ?? !1
-    );
-    let ue;
-    Ie ? ue = !!u : (_ == null ? void 0 : _.value) !== void 0 ? ue = _.value === ie : ue = Te;
-    const $ = l ? "indeterminate" : ue ? "checked" : "unchecked", [Y, Me] = W($), K = Fe ?? (F ? void 0 : U), Qe = X ? "error" : !ue && !l && d ? d : m, Ze = U ? /* @__PURE__ */ o("div", { id: `${be}-tip`, children: U }) : null, q = (Ue) => {
-      if (H) {
-        Ue.preventDefault();
-        return;
-      }
-      const lt = Ue.currentTarget;
-      Ie || (v === "radio" && (_ != null && _.setValue) && _.setValue(lt.value), ze(lt.checked)), M == null || M(Ue);
-    }, ce = (Ue) => {
-      if (H) {
-        Ue.preventDefault();
-        return;
-      }
-      h.includes("ripple") && ye.current && $e.current && It(ye.current, Ue, $e.current), S == null || S(Ue);
-    }, He = (Ue) => {
-      var lt;
-      xe(!0), (lt = e.onFocus) == null || lt.call(e, Ue);
-    }, _e = (Ue) => {
-      var lt;
-      xe(!1), (lt = e.onBlur) == null || lt.call(e, Ue);
-    };
-    fe(() => {
-      $ !== Y && me && N();
-    }, [$, Y, me, N]), fe(() => {
-      Be || Me($);
-    }, [Be, $]);
-    const We = I(), te = [
-      n,
-      "uui-cb",
-      pt(i),
-      G,
-      je && "uui-disabled",
-      ...g ? [] : [Ct(Se)]
-    ].filter(Boolean).join(" "), Xe = [
-      "uui-cb-control",
-      ue && "uui-checked",
-      l && "uui-indeterminate",
-      Z && "uui-filled",
-      ...f.includes("overlay") && !H ? ["uui-hover-overlay"] : [],
-      ...C.includes("overlay") && ae && Le ? ["uui-focus-overlay"] : [],
-      ...w.includes("overlay") ? ["uui-selected-overlay"] : [],
-      ...y.includes("overlay") && !H ? ["uui-pressed-overlay"] : [],
-      ...g ? [Re(T)] : ["uui-round"]
-    ].filter(Boolean).join(" "), Ve = I();
-    J && ae && Le && Ve.set(
-      "--uui-focus-color",
-      $n(J).color
-    );
-    const re = [
-      "uui-input",
-      C.includes("ring") && ae && Le && "uui-focus-visible uui-focus-ring"
-    ].filter(Boolean).join(" "), et = ["uui-state"].filter(Boolean).join(" "), Ge = I();
-    Ge.bg(Qe);
-    const ct = [
-      "uui-cb-glyph",
-      st(a),
-      Re(T),
-      Je(ue ? V : A)
-    ].filter(Boolean).join(" "), it = I(), vt = Bn(me), Ke = [
-      "uui-icon",
-      Be && vt,
-      Ln(pe)
-    ].filter(Boolean).join(" "), de = I();
-    de.merge(ee), ue || l || d ? (it.border(X ? "error" : P), Z ? (!ue && !he && !l || it.bg(Qe), de.text.on(Qe)) : de.text(Qe)) : (Z && he ? (de.text(X ? "onError" : "surface"), it.bg(X ? "error" : "onSurfaceVariant")) : he && de.text(X ? "error" : "onSurfaceVariant"), it.border(X ? "error" : D));
-    let Ye;
-    if (g) {
-      const Ue = [
-        "uui-cb-content uui-overflow-hidden",
-        Re(T),
-        Je(V)
-      ].filter(Boolean).join(" ");
-      Ye = /* @__PURE__ */ o("div", { className: Ue, children: g });
-    } else {
-      const Ue = (
-        // eslint-disable-next-line no-nested-ternary
-        Y === "indeterminate" ? z : Y === "checked" ? r : he
-      );
-      Ye = /* @__PURE__ */ o("div", { className: ct, style: it.get(), children: /* @__PURE__ */ o("div", { className: Ke, style: de.get(), children: Ue }) });
-    }
-    const xt = I();
-    xt.text(
-      (X ? "error" : void 0) ?? ve ?? se ?? "onSurface"
-    );
-    const Dt = [
-      Ce(B ?? "bodyMedium"),
-      "uui-cb-label"
-    ].join(" "), Mt = F && /* @__PURE__ */ R("label", { className: Dt, htmlFor: be, style: xt.get(), children: [
-      F,
-      k && /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
-    ] }), dt = I();
-    X ? dt.text("error") : De ? dt.text(De) : dt.text.on("surfaceVariant");
-    const Zt = [
-      Ce(Oe ?? "bodySmall"),
-      X && "uui-error uui-support-text",
-      Ae && !X && "uui-description uui-support-text"
-    ].filter(Boolean).join(" "), Rt = (Ae ?? X) && /* @__PURE__ */ o("div", { className: Zt, style: dt.get(), children: X ?? Ae }), Kt = (Mt ?? Rt) && /* @__PURE__ */ R(tt, { children: [
-      Mt,
-      Rt
-    ] }), yt = I();
-    return Q === "end" ? (xt.set("gridColumn", 2), dt.set("gridColumn", 2), yt.set("gridColumn", 1)) : Q === "start" ? (xt.set("gridColumn", 1), dt.set("gridColumn", 1), yt.set("gridColumn", 2), yt.set("gridRow", 1)) : (We.set("gridTemplateColumns", "1fr"), We.set("justifyItems", "start")), Q === "top" && (yt.set("order", 1), dt.set("order", 2)), /* @__PURE__ */ R("div", { className: te, style: We.get(), children: [
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: "uui-cb-control-wrapper",
-          style: yt.get(),
-          children: /* @__PURE__ */ R(
-            "div",
-            {
-              className: Xe,
-              ref: $e,
-              style: Ve.get(),
-              children: [
-                /* @__PURE__ */ o(
-                  "input",
-                  {
-                    "aria-label": K,
-                    "aria-readonly": H === !0 ? !0 : void 0,
-                    checked: !!ue,
-                    className: re,
-                    disabled: je,
-                    id: be,
-                    name: le,
-                    onBlur: _e,
-                    onChange: q,
-                    onClick: ce,
-                    onFocus: He,
-                    readOnly: H,
-                    ref: gt(Ee, t),
-                    type: v,
-                    value: ie,
-                    ...oe
-                  }
-                ),
-                /* @__PURE__ */ o(
-                  "div",
-                  {
-                    className: et,
-                    ref: ye,
-                    style: Ge.get()
-                  }
-                ),
-                Ye
-              ]
-            }
-          )
-        }
-      ),
-      Kt,
-      Ze && /* @__PURE__ */ o(
-        Vt,
-        {
-          align: j,
-          tooltip: Ze,
-          triggerRef: Ee
-        }
-      )
-    ] });
-  }
-);
-nn.displayName = "CheckBoxBase";
-const Ni = {
-  basic: "scale",
-  fullscreen: "fade",
-  dockBottom: "slideUp",
-  dockTop: "slideDown",
-  dockRight: "slideRight",
-  dockLeft: "slideLeft"
-}, ki = (e, t) => e === "auto" ? Ni[t] : e, bn = typeof document < "u" ? document.getElementById("dialog-root") ?? document.body : null, zt = L(
-  ({
-    open: e,
-    onClose: t,
-    type: n = "basic",
-    color: i = "surfaceContainerHigh",
-    elevation: r = 3,
-    shape: s = "rounded",
-    border: a = 0,
-    borderColor: u,
-    size: g = "small",
-    animation: m = "auto",
-    duration: d = 250,
-    disableBackdropClose: c,
-    disableEscapeKey: l,
-    children: f,
-    className: h,
-    motionStyle: C = "regular",
-    modal: w = !1
-  }, y) => {
-    const b = ne(null), [x, F] = W(!1), [B, V] = W(!1), [P, A] = W(), [D, M] = W(!1), [S, v] = W("normal"), k = ne(null), T = () => b.current ? Array.from(
-      b.current.querySelectorAll(
-        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      )
-    ).filter(
-      (J) => !J.hasAttribute("disabled") && J.getAttribute("aria-hidden") !== "true"
-    ) : [];
-    fe(() => {
-      if (e)
-        F(!0), v("normal"), M(!0), A(!0);
-      else {
-        v("reverse"), M(!1), A(!1);
-        const J = setTimeout(() => {
-          F(!1);
-        }, d);
-        return () => {
-          clearTimeout(J);
-        };
-      }
-    }, [e, d]), fe(() => {
-      S === "reverse" && M(!0);
-    }, [S]), fe(() => {
-      P === !0 ? V(!0) : P === !1 && V(!1);
-    }, [P]), xi(!l && x, () => t == null ? void 0 : t());
-    const U = (J) => {
-      c || J.target === J.currentTarget && (t == null || t());
-    };
-    if (fe(() => {
-      if (x) {
-        const J = document.body.style.overflow;
-        return document.body.style.overflow = "hidden", () => {
-          document.body.style.overflow = J;
-        };
-      }
-    }, [x]), fe(() => {
-      if (!x || !w)
-        return;
-      const J = T();
-      k.current = document.activeElement;
-      const ve = J.length > 0 ? J[0] : b.current;
-      ve && ve.focus();
-      const se = (H) => {
-        if (H.key !== "Tab")
-          return;
-        const j = T();
-        if (j.length === 0) {
-          H.preventDefault();
-          return;
-        }
-        const Q = j[0], Fe = j[j.length - 1];
-        H.shiftKey && document.activeElement === Q && (H.preventDefault(), Fe.focus()), !H.shiftKey && document.activeElement === Fe && (H.preventDefault(), Q.focus());
-      };
-      return document.addEventListener("keydown", se), () => {
-        var H;
-        document.removeEventListener("keydown", se), (H = k.current) == null || H.focus();
-      };
-    }, [w, x]), !x || !bn)
-      return null;
-    const Z = Re(s), ie = Je(a), Se = en(ht(u)), he = st(r), { bgColor: z, textOnColor: Ae } = Wt(i), De = ki(m, n), Oe = De === "none" ? "" : _t[De], G = C === "expressive" ? "uui-motion-expressive" : "", X = {
-      "--uui-duration": String(d * 0.65) + "ms"
-    }, me = {
-      "--uui-reverse": S,
-      "--uui-duration": S === "reverse" ? String(d * 0.67) + "ms" : String(d) + "ms"
-    }, ge = [
-      "uui-dialog-backdrop",
-      B && "uui-open"
-    ].filter(Boolean).join(" "), pe = [
-      "uui-db",
-      `uui-dialog-${n}`,
-      Z,
-      ie,
-      Ct(g),
-      Se,
-      he,
-      z,
-      Ae,
-      D && Oe,
-      G,
-      h
-    ].filter(Boolean).join(" ");
-    return Qt(
-      // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: ge,
-          onClick: U,
-          style: X,
-          children: /* @__PURE__ */ o(
-            "div",
-            {
-              className: pe,
-              ref: gt(y, b),
-              style: me,
-              children: f
-            }
-          )
-        }
-      ),
-      bn
-    );
-  }
-);
-zt.displayName = "Dialog";
-const nt = L(
-  (e, t) => {
-    const {
-      elementClass: n,
-      color: i,
-      density: r,
-      label: s,
-      labelColor: a,
-      labelFont: u,
-      id: g,
-      outlined: m,
-      filled: d,
-      classic: c,
-      disabled: l,
-      font: f,
-      placeholderFont: h,
-      placeholderColor: C,
-      border: w,
-      borderColor: y,
-      shape: b,
-      required: x,
-      title: F,
-      description: B,
-      descriptionColor: V,
-      descriptionFont: P,
-      name: A,
-      error: D,
-      className: M,
-      placeholder: S,
-      type: v = "text",
-      icon: k,
-      leading: T,
-      trailing: U,
-      endIcon: Z,
-      variant: ie,
-      value: Se,
-      textColor: he,
-      defaultValue: z,
-      ...Ae
-    } = e, [De, Oe] = W(z ?? ""), G = Se !== void 0, me = (G ? Se : De).length === 0, ge = ne(null), pe = ne(null), J = g ?? Tt("input"), [ve, se] = W(0), H = T ?? k, j = ie ?? (d && "filled") ?? (m && "outlined") ?? (c && "classic") ?? "filled", { isFocused: Q } = wi(ge), Fe = (q) => {
-      var ce;
-      G || Oe(q.target.value), (ce = e.onChange) == null || ce.call(e, q);
-    }, oe = (q) => {
-      var ce;
-      q.preventDefault(), (ce = ge.current) == null || ce.focus();
-    };
-    fe(() => {
-      const q = ge.current;
-      q && q.value && Oe(q.value);
-    }, []), vn(() => {
-      const q = pe.current, ce = ge.current;
-      if (!q || !ce)
-        return;
-      const He = q.getBoundingClientRect().left - ce.getBoundingClientRect().left + 16;
-      se((_e) => _e === He ? _e : He);
-    }, [H]);
-    const ee = [
-      n,
-      M,
-      "uui-field uui-field-wrapper",
-      `uui-${j}`,
-      pt(r)
-    ], N = H && /* @__PURE__ */ o("div", { className: "uui-leading", children: rt.Children.map(
-      H,
-      (q) => q ? /* @__PURE__ */ o(
-        "span",
-        {
-          className: "uui-slot",
-          onClick: (ce) => {
-            ce.stopPropagation();
-          },
-          children: q
-        }
-      ) : null
-    ) }), Be = U ?? Z, _ = Be && /* @__PURE__ */ o("div", { className: "uui-trailing", children: rt.Children.map(
-      Be,
-      (q) => q ? /* @__PURE__ */ o(
-        "span",
-        {
-          className: "uui-slot",
-          onClick: (ce) => {
-            ce.stopPropagation();
-          },
-          children: q
-        }
-      ) : null
-    ) }), le = s && /* @__PURE__ */ R(tt, { children: [
-      s,
-      x && /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
-    ] }), Ne = w ?? (j !== "filled" ? 1 : void 0), je = [
-      "uui-field-control",
-      Ce(f ?? "bodyLarge"),
-      Re(b ?? "rounded"),
-      j !== "outlined" && Je(Ne),
-      D && "uui-error",
-      Q && "uui-active",
-      l && "uui-disabled",
-      N && "uui-has-leading",
-      _ && "uui-has-trailing"
-    ];
-    let ae, Le, xe, Ee;
-    const $e = I(), ye = ["uui-fb-label"];
-    if (le)
-      if (j !== "classic")
-        Q || !me ? ($e.text((D ? "error" : void 0) ?? i ?? "primary"), ye.push(Ce(u ?? "bodySmall")), je.push("uui-fb-label-up")) : ($e.text((D ? "error" : void 0) ?? "onSurfaceVariant"), ye.push(Ce(f ?? "bodyLarge"))), ye.push("uui-field-float-label"), j === "outlined" ? (xe = /* @__PURE__ */ o("legend", { className: Ce(u ?? "bodySmall"), children: le }), ae = /* @__PURE__ */ o("span", { className: ye.join(" "), children: le })) : (Le = /* @__PURE__ */ o("span", { className: Ce(u ?? "bodySmall"), children: " " }), ae = /* @__PURE__ */ o("span", { className: ye.join(" "), children: le }));
-      else {
-        $e.text((D ? "error" : void 0) ?? "onSurface"), ye.push(Ce(u ?? "bodyMedium"));
-        const q = ye.filter(Boolean).join(" ");
-        Ee = /* @__PURE__ */ o(
-          "label",
-          {
-            className: q,
-            htmlFor: J,
-            style: $e.get(),
-            children: le
-          }
-        );
-      }
-    let qe;
-    if (j === "outlined") {
-      const q = [
-        "uui-field-fieldset",
-        Re(b ?? "rounded")
-      ].filter(Boolean).join(" "), ce = I(), He = wn(0, 4, w, 1);
-      ce.set("borderWidth", `${He}px`), ce.border(y ?? "onSurfaceVariant"), qe = /* @__PURE__ */ o("fieldset", { className: q, style: ce.get(), children: xe });
-    }
-    const be = I();
-    be.set("--uui-label-up-x", `${ve}px`), j === "classic" && be.border(y ?? "outline"), j === "filled" && be.border(y ?? "onSurfaceVariant");
-    const Ie = ["uui-field-state"].filter(Boolean).join(" "), Te = I(), ze = I();
-    D ? ze.text("error") : V ? ze.text(V) : ze.text.on("surfaceVariant");
-    const ue = [
-      Ce(P ?? "bodySmall"),
-      D && "uui-error uui-support-text",
-      B && !D && "uui-description uui-support-text"
-    ].filter(Boolean).join(" "), $ = (B ?? D) && /* @__PURE__ */ o("div", { className: ue, style: ze.get(), children: D ?? B }), Y = "uui-field-input", Me = I();
-    Me.text("onSurface"), !Q && ae && me && Me.set("opacity", 0);
-    const K = ["uui-field-input-wrapper"].filter(Boolean).join(" "), Qe = ee.filter(Boolean).join(" "), Ze = je.filter(Boolean).join(" ");
-    return /* @__PURE__ */ R("div", { className: Qe, title: F, children: [
-      Ee,
-      /* @__PURE__ */ R(
-        "div",
-        {
-          className: Ze,
-          onPointerDown: oe,
-          ref: pe,
-          style: be.get(),
-          children: [
-            N,
-            /* @__PURE__ */ R("div", { className: K, children: [
-              Le,
-              ae,
-              /* @__PURE__ */ o(
-                "input",
-                {
-                  ...Ae,
-                  ...G ? { value: Se } : { defaultValue: z },
-                  "aria-invalid": !!D,
-                  autoComplete: "email",
-                  className: Y,
-                  disabled: l,
-                  id: J,
-                  name: A,
-                  onChange: Fe,
-                  placeholder: S,
-                  ref: gt(t, ge),
-                  style: Me.get(),
-                  type: v
-                }
-              )
-            ] }),
-            _,
-            j === "filled" && /* @__PURE__ */ o("div", { className: Ie, style: Te.get() }),
-            qe
-          ]
-        }
-      ),
-      $
-    ] });
-  }
-);
-nt.displayName = "FieldBase";
-const ut = L((e, t) => {
-  const {
-    component: n,
-    font: i,
-    color: r,
-    elevation: s,
-    shape: a,
-    border: u,
-    borderColor: g,
-    elementClass: m,
-    children: d,
-    className: c,
-    style: l,
-    ...f
-  } = e, h = n ?? "span", C = I(l);
-  u && +u > 0 && C.border(ht(g)), C.bg(r), C.text.on(r);
-  const w = [
-    "uui-inline",
-    m,
-    ...i ? [Ce(i)] : [],
-    ...a ? [Re(a)] : [],
-    ...s !== void 0 ? [st(s)] : [],
-    ...u !== void 0 ? [Je(u)] : [],
-    c
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(h, { className: w, ref: t, style: C.get(), ...f, children: d });
-});
-ut.displayName = "TextBase";
-const Fi = L(
-  ({ font: e, size: t = "small", ...n }, i) => /* @__PURE__ */ o(
-    kt,
-    {
-      font: e ?? {
-        extraSmall: "labelLarge",
-        small: "labelLarge",
-        medium: "titleMedium",
-        large: "headlineSmall",
-        extraLarge: "headlineLarge"
-      }[t],
-      ref: i,
-      size: t,
-      ...n,
-      elementClass: "uui-button"
-    }
-  )
-);
-Fi.displayName = "Button";
-const Bi = L(
-  ({
-    font: e,
-    size: t = "small",
-    shape: n = "smooth",
-    selectedShape: i = "smooth",
-    borderColor: r = "outlineVariant",
-    ...s
-  }, a) => /* @__PURE__ */ o(
-    kt,
-    {
-      borderColor: r,
-      font: e ?? {
-        extraSmall: "labelLarge",
-        small: "labelLarge",
-        medium: "titleMedium",
-        large: "headlineSmall",
-        extraLarge: "headlineLarge"
-      }[t],
-      ref: a,
-      selectedShape: i,
-      ...s,
-      elementClass: "uui-chip",
-      shape: n,
-      size: t
-    }
-  )
-);
-Bi.displayName = "Chip";
-const on = (e) => {
-  const {
-    children: t,
-    className: n,
-    border: i,
-    borderColor: r,
-    color: s = "error",
-    align: a = "topRight",
-    shape: u = "round",
-    size: g = "medium",
-    elevation: m,
-    ariaLabel: d,
-    value: c,
-    font: l,
-    offset: f,
-    ...h
-  } = e, C = "uui-badge", w = l ?? (g === "extraLarge" || g === "large" ? "labelMedium" : "labelSmall"), y = [
-    "uui-badge-control",
-    n,
-    Re(u),
-    Ct(g),
-    Ce(w)
-  ], b = ["uui-badge-slot", si(a)].filter(Boolean).join(" "), x = I();
-  x.bg(s), x.text.on(s), f !== void 0 && x.set("--uui-badge-offset", `${f}px`), m !== void 0 && y.push(st(m)), i !== void 0 && (y.push(Je(i)), x.border(ht(r)));
-  const F = y.filter(Boolean).join(" "), B = /* @__PURE__ */ o(
-    "span",
-    {
-      "aria-label": d,
-      className: F,
-      style: x.get(),
-      children: g !== "small" && g !== "extraSmall" && c
-    }
-  );
-  return t ? /* @__PURE__ */ R("span", { className: C, ...h, children: [
-    t,
-    /* @__PURE__ */ o("span", { className: b, children: B })
-  ] }) : B;
-};
-on.displayName = "Badge";
-const Li = L(
-  ({
-    children: e,
-    className: t = "",
-    color: n = "error",
-    position: i = "topRight",
-    shape: r = "round",
-    size: s = "medium",
-    outlined: a,
-    raised: u,
-    filled: g = !0,
-    value: m,
-    ...d
-  }, c) => {
-    const { bgColor: l, textOnColor: f, textColor: h } = li(n);
-    return en(n), /* @__PURE__ */ o("span", { className: ["uui-card-wrapper"].join(" "), ref: c, ...d, children: e });
-  }
-);
-Li.displayName = "Card";
-const $i = /* @__PURE__ */ o("svg", { fill: "none", viewBox: "3 3 18 18", children: /* @__PURE__ */ o(
-  "path",
-  {
-    d: "M10 16.4L6 12.4L7.4 11L10 13.6L16.6 7L18 8.4L10 16.4Z",
-    fill: "currentColor"
-  }
-) }), Ei = /* @__PURE__ */ o("svg", { fill: "none", viewBox: "3 3 18 18", children: /* @__PURE__ */ o("path", { d: "M6 13V11H18V13H6Z", fill: "currentColor" }) }), Ii = /* @__PURE__ */ o("svg", { fill: "none", viewBox: "2 2 20 20", children: /* @__PURE__ */ o(
-  "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"
-  }
-) }), Rn = /* @__PURE__ */ o("svg", { fill: "none", viewBox: "0 0 24 24", children: /* @__PURE__ */ o("path", { d: "M10 17V7L15 12L10 17Z", fill: "currentColor" }) }), Ti = /* @__PURE__ */ o("svg", { fill: "none", viewBox: "0 0 24 24", children: /* @__PURE__ */ o(
-  "path",
-  {
-    d: "M9.5501 18L3.8501 12.3L5.2751 10.875L9.5501 15.15L18.7251 5.97498L20.1501 7.39998L9.5501 18Z",
-    fill: "currentColor"
-  }
-) }), An = /* @__PURE__ */ o("svg", { fill: "none", viewBox: "0 0 24 24", children: /* @__PURE__ */ o(
-  "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"
-  }
-) }), jn = /* @__PURE__ */ o("svg", { fill: "none", viewBox: "0 0 24 24", children: /* @__PURE__ */ o(
-  "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"
-  }
-) }), Vi = /* @__PURE__ */ o("svg", { fill: "none", viewBox: "0 0 24 24", children: /* @__PURE__ */ o(
-  "path",
-  {
-    d: "M9.5501 18L3.8501 12.3L5.2751 10.875L9.5501 15.15L18.7251 5.97498L20.1501 7.39998L9.5501 18Z",
-    fill: "currentColor"
-  }
-) }), Di = L(
-  ({
-    shape: e = "smooth",
-    border: t,
-    uncheckedBorder: n,
-    color: i,
-    borderColor: r,
-    animation: s,
-    uncheckedBorderColor: a,
-    uncheckedIcon: u,
-    indeterminateIcon: g,
-    indeterminate: m,
-    icon: d,
-    size: c = "small",
-    filled: l = !0,
-    ...f
-  }, h) => {
-    const C = i ?? "primary", w = !d && t === void 0 ? void 0 : t;
-    let y;
-    return m ? y = t : y = !u && n === void 0 ? t ?? 2 : n, /* @__PURE__ */ o(
-      nn,
-      {
-        animation: s ?? "scale",
-        border: w,
-        borderColor: r ?? C,
-        color: C,
-        elementClass: "uui-checkbox",
-        filled: l,
-        icon: d ?? $i,
-        indeterminate: m,
-        indeterminateIcon: g ?? Ei,
-        ref: h,
-        shape: e,
-        size: c,
-        type: "checkbox",
-        uncheckedBorder: y,
-        uncheckedBorderColor: a ?? r ?? "onSurfaceVariant",
-        uncheckedIcon: u,
-        ...f
-      }
-    );
-  }
-);
-Di.displayName = "Checkbox";
-const Mi = L(
-  (e, t) => /* @__PURE__ */ o(nt, { ref: t, ...e, elementClass: "uui-text-field" })
-);
-Mi.displayName = "TextField";
-const Ri = L(
-  (e, t) => /* @__PURE__ */ o(
-    nt,
-    {
-      ref: t,
-      ...e,
-      elementClass: "uui-number-field",
-      type: "number"
-    }
-  )
-);
-Ri.displayName = "NumberField";
-const Ai = L(
-  (e, t) => /* @__PURE__ */ o(
-    nt,
-    {
-      ref: t,
-      ...e,
-      elementClass: "uui-email-field",
-      type: "email"
-    }
-  )
-);
-Ai.displayName = "EmailField";
-const ji = L(
-  (e, t) => /* @__PURE__ */ o(
-    nt,
-    {
-      ref: t,
-      ...e,
-      elementClass: "uui-phone-field",
-      type: "tel"
-    }
-  )
-);
-ji.displayName = "PhoneField";
-const Pi = L(
-  (e, t) => /* @__PURE__ */ o(
-    nt,
-    {
-      ref: t,
-      ...e,
-      type: "password",
-      elementClass: "uui-password-field"
-    }
-  )
-);
-Pi.displayName = "PasswordField";
-const Oi = L(
-  (e, t) => /* @__PURE__ */ o(
-    nt,
-    {
-      ref: t,
-      ...e,
-      elementClass: "uui-date-field",
-      type: "date"
-    }
-  )
-);
-Oi.displayName = "DateField";
-const Hi = L(
-  (e, t) => /* @__PURE__ */ o(
-    nt,
-    {
-      ref: t,
-      ...e,
-      elementClass: "uui-datetime-field",
-      type: "datetime-local"
-    }
-  )
-);
-Hi.displayName = "DateTimeField";
-const _i = L(
-  (e, t) => /* @__PURE__ */ o(
-    nt,
-    {
-      ref: t,
-      ...e,
-      elementClass: "uui-time-field",
-      type: "time"
-    }
-  )
-);
-_i.displayName = "TimeField";
-const Wi = L(
-  (e, t) => /* @__PURE__ */ o(
-    nt,
-    {
-      ref: t,
-      ...e,
-      type: "month",
-      elementClass: "uui-month-field"
-    }
-  )
-);
-Wi.displayName = "MonthField";
-const Ui = L(
-  (e, t) => /* @__PURE__ */ o(
-    nt,
-    {
-      ref: t,
-      ...e,
-      type: "week",
-      elementClass: "uui-week-field"
-    }
-  )
-);
-Ui.displayName = "WeekField";
-const qi = L(
-  (e, t) => /* @__PURE__ */ o(nt, { ref: t, ...e, elementClass: "uui-url-field", type: "url" })
-);
-qi.displayName = "UrlField";
-const zi = L(
-  ({
-    elevation: e = 3,
-    font: t,
-    size: n = "medium",
-    shape: i = "rounded",
-    label: r,
-    ...s
-  }, a) => /* @__PURE__ */ o(
-    kt,
-    {
-      ref: a,
-      ...s,
-      elementClass: r ? "uui-fab uui-fab-extended" : "uui-fab",
-      elevation: e,
-      font: t ?? {
-        extraSmall: "labelLarge",
-        small: "titleMedium",
-        medium: "titleMedium",
-        large: "headlineSmall",
-        extraLarge: "headlineLarge"
-      }[n],
-      label: r,
-      shape: i,
-      size: n
-    }
-  )
-);
-zi.displayName = "Fab";
-const Zi = L(
-  ({
-    "aria-label": e,
-    endIcon: t,
-    trailing: n,
-    loading: i,
-    size: r = "small",
-    shape: s = "round",
-    label: a,
-    title: u,
-    children: g,
-    ...m
-  }, d) => /* @__PURE__ */ o(
-    kt,
-    {
-      ref: d,
-      ...m,
-      "aria-label": e ?? a,
-      elementClass: "uui-icon-button",
-      loading: i,
-      shape: s,
-      size: r,
-      title: u,
-      children: !i && g
-    }
-  )
-);
-Zi.displayName = "IconButton";
-const Ki = L(
-  ({
-    selected: e = !1,
-    shape: t = "rounded",
-    size: n = "medium",
-    ...i
-  }, r) => /* @__PURE__ */ o(
-    kt,
-    {
-      ref: r,
-      ...i,
-      "aria-pressed": e,
-      elementClass: `uui-toggle-button${e ? " uui-selected" : ""}`,
-      filled: e,
-      shape: t,
-      size: n
-    }
-  )
-);
-Ki.displayName = "ToggleButton";
-const Pn = Symbol.for("uui.menu");
-function Nt(e) {
-  return mt(e) && typeof e.type != "string" && !!e.type[Pn];
-}
-const rn = Symbol.for("uui.menuitem");
-function Gt(e) {
-  return mt(e) && typeof e.type != "string" && !!e.type[rn];
-}
-const On = Symbol.for("uui.divider");
-function Xt(e) {
-  return mt(e) && typeof e.type != "string" && !!e.type[On];
-}
-const Gi = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, sn = L(
-  ({
-    anchorRef: e,
-    open: t = !1,
-    horizontal: n = !1,
-    placement: i = "auto",
-    floatingMode: r,
-    offset: s = 4,
-    color: a,
-    elevation: u,
-    dockedElevation: g,
-    shape: m,
-    border: d,
-    borderColor: c,
-    className: l,
-    children: f,
-    style: h,
-    id: C,
-    onClose: w,
-    variant: y = "classic",
-    animation: b = "scale",
-    duration: x,
-    motionStyle: F = "regular",
-    fixedLeading: B,
-    density: V,
-    __level: P,
-    __groupId: A,
-    __closeRootMenu: D,
-    __navigateHorizontal: M,
-    __horizontalDepth: S,
-    docked: v,
-    textColor: k,
-    descriptionColor: T,
-    labelColor: U,
-    shortcutColor: Z,
-    uncheckedIcon: ie,
-    checkedIcon: Se,
-    radioUncheckedIcon: he,
-    radioCheckedIcon: z,
-    selectedColor: Ae,
-    itemTouchEffects: De,
-    itemSelectedEffects: Oe,
-    itemFocusEffects: G,
-    closeOnChange: X = !1,
-    openOnHover: me = !0,
-    labelFont: ge,
-    font: pe,
-    descriptionFont: J,
-    shortcutFont: ve,
-    ...se
-  }, H) => {
-    const j = ne("closed"), [Q, Fe] = W(-1), [oe, ee] = W(-1), [N, Be] = W(!1), _ = qt(), le = P ?? 0, Ne = ne(C ?? Tt("menu")).current, je = A ?? Ne, ae = ne(null), Le = ne(null), [xe, Ee] = W(
-      null
-    ), $e = Q === -1, [ye, qe] = W(!1), [be, Ie] = W(!1), [Te, ze] = W("normal"), [ue, $] = W(!1), [Y, Me] = W(-1), K = a ?? (y === "modern" ? "surfaceContainerLow" : "surfaceContainer"), Qe = (v ? g : void 0) ?? u ?? (y === "modern" ? 3 : 2), [Ze, q] = W(!1), ce = b !== "none" ? x ?? 220 : 0, He = v ? 0 : ce, _e = ne(null), We = ne(null), te = Q !== -1;
-    function Xe(p) {
-      return Gt(p) || Xt(p);
-    }
-    const Ve = rt.Children.toArray(f).filter(
-      Xe
-    ), re = Ve.reduce(
-      (p, E, O) => (Gt(E) && (E.props.disabled || p.push(O)), p),
-      []
-    );
-    function et() {
-      te && (q(!0), Fe(-1));
-    }
-    function Ge() {
-      w == null || w(), !w && te && (et(), ee(-1)), le === 0 && (e != null && e.current) && e.current.focus();
-    }
-    function ct() {
-      D ? D() : Ge();
-    }
-    function it(p) {
-      return !ae.current || p === -1 ? null : ae.current.querySelector(
-        `[data-menu-index="${String(p)}"]`
-      );
-    }
-    function vt(p) {
-      const O = rt.Children.toArray(
-        Ve[p].props.children
-      ).find((at) => Nt(at));
-      return mt(O) ? rt.Children.toArray(
-        O.props.children
-      ).filter(
-        (at) => Xt(at) || Xe(at)
-      ) : void 0;
-    }
-    function Ke(p) {
-      if (p === -1 || re.indexOf(p) === -1)
-        return;
-      if (te) {
-        Me(p), et();
-        return;
-      }
-      const O = vt(p);
-      if (!O || O.length === 0)
-        return;
-      const ke = it(p);
-      ke && (Le.current = ke, q(!0), Fe(p), setTimeout(() => {
-        q(!1);
-      }, ce));
-    }
-    function de(p) {
-      return p < 0 ? !1 : rt.Children.toArray(
-        Ve[p].props.children
-      ).some((O) => Nt(O));
-    }
-    function Ye(p) {
-      if (oe === -1)
-        return;
-      const E = re.indexOf(oe);
-      if (E === -1)
-        return;
-      let O;
-      p ? O = re[E + 1 < re.length ? E + 1 : 0] : O = E > 0 ? re[E - 1] : re[re.length - 1], O !== oe && (ee(O), de(O) ? Ke(O) : et());
-    }
-    fe(() => {
-      te || setTimeout(() => {
-        $(!0);
-      }, ce * 0.67);
-    }, [ce, te]), fe(() => {
-      var p;
-      !te && ue && ($(!1), Fe(-1), Y !== -1 ? (Me(-1), Ke(Y)) : (p = ae.current) == null || p.focus(), q(!1));
-    }, [ue, Y, te]), fe(() => {
-      t ? (j.current = "opening", q(!0), ze("normal"), qe(!0), Fe(-1), Ie(!1), ee(-1)) : (j.current = "closing", q(!0), Ie(!1), ze("reverse"));
-    }, [t]), fe(() => {
-      if (!t || !ye || !ae.current)
-        return;
-      const p = () => {
-        const E = r ?? (n ? "dropdown" : "menu");
-        if (e != null && e.current) {
-          const O = En(e, ae, {
-            placement: i,
-            mode: E,
-            offset: s
-          });
-          O && Ee({ x: O.x, y: O.y });
-        }
-      };
-      return v ? Ee({ x: 0, y: 0 }) : (window.addEventListener("resize", p), p()), Ie(!0), () => {
-        v || window.removeEventListener("resize", p);
-      };
-    }, [
-      e,
-      v,
-      r,
-      n,
-      s,
-      t,
-      i,
-      ye
-    ]), fe(() => {
-      t && ye && xe && setTimeout(() => {
-        var p;
-        j.current === "opening" && (q(!1), j.current = "opened", v || (p = ae.current) == null || p.focus(), ee(_ ? re[0] ?? -1 : -1));
-      }, He);
-    }, [t, xe, ye]), fe(() => {
-      Te === "reverse" && j.current === "closing" && (Ie(!0), ee(-1), setTimeout(() => {
-        j.current === "closing" && (j.current = "closed", qe(!1), Ee(null), q(!1));
-      }, ce * 0.67));
-    }, [ce, Te]), fe(() => {
-      if (oe < 0 || !N || j.current !== "opened")
-        return;
-      const p = it(oe);
-      p && (p.focus({ preventScroll: !0 }), p.scrollIntoView({
-        block: "nearest",
-        inline: "nearest"
-      }), setTimeout(() => {
-        var E;
-        (E = ae.current) == null || E.focus({ preventScroll: !0 });
-      }, 0));
-    }, [oe, N]), fe(() => {
-      N && _ && oe === -1 && j.current === "opened" && re.length > 0 && ee(re[0]);
-    }, [oe, _, N]);
-    function xt(p) {
-      Be(!0);
-    }
-    vi(
-      t && le === 0,
-      `[data-menu-group="${je}"]`,
-      () => {
-        ct();
-      },
-      e
-    );
-    function Dt(p) {
-      var O, ke, at, mn;
-      const E = p;
-      E !== -1 && (Ve[E].props.disabled || (ee(E), de(E) ? te && E === Q ? et() : Ke(E) : Ve[E].props.type === "radio" || Ve[E].props.type === "checkbox" || Ve[E].props.type === "option" ? ((ke = (O = Ve[E].props).onChange) == null || ke.call(O), X && ct()) : ((mn = (at = Ve[E].props).onClick) == null || mn.call(at), ct())));
-    }
-    function Mt(p, E) {
-      if (Ze) {
-        p == null || p.preventDefault();
-        return;
-      }
-      Dt(E);
-    }
-    function dt(p, E) {
-      if (!(!me || _ && N)) {
-        if (We.current && (clearTimeout(We.current), We.current = null), _e.current && (clearTimeout(_e.current), _e.current = null), !de(E)) {
-          te && (We.current = window.setTimeout(() => {
-            et();
-          }, 150));
-          return;
-        }
-        te && Q === E || (_e.current = window.setTimeout(() => {
-          ee(E), Ke(E);
-        }, 150));
-      }
-    }
-    function Zt() {
-      We.current && (clearTimeout(We.current), We.current = null), _e.current && (clearTimeout(_e.current), _e.current = null);
-    }
-    const Rt = Ve.some(
-      (p) => p.props.icon !== void 0 || p.props.leading !== void 0 || p.props.type === "radio" || p.props.type === "checkbox"
-    ), Kt = Ve.map((p, E) => {
-      if (Gt(p)) {
-        const O = {
-          "data-menu-index": E,
-          __interactionsDisabled: Ze,
-          __index: E,
-          disabled: p.props.disabled,
-          active: E === oe && N,
-          focusVisible: _ && N,
-          horizontal: n,
-          expanded: te && Q === E,
-          fixedLeading: p.props.fixedLeading ?? (B && Rt),
-          variant: p.props.variant ?? y,
-          shape: p.props.shape ?? m,
-          color: p.props.color ?? a,
-          density: p.props.density ?? V,
-          shortcutColor: p.props.shortcutColor ?? Z,
-          textColor: p.props.textColor ?? k,
-          labelColor: p.props.labelColor ?? U,
-          descriptionColor: p.props.descriptionColor ?? T,
-          checkedIcon: p.props.checkedIcon ?? (p.props.type === "checkbox" ? Se : z),
-          uncheckedIcon: p.props.uncheckedIcon ?? (p.props.type === "checkbox" ? ie : he),
-          selectedColor: p.props.selectedColor ?? Ae,
-          touchEffects: p.props.touchEffects ?? De,
-          selectedEffects: p.props.selectedEffects ?? Oe,
-          focusEffects: p.props.focusEffects ?? G,
-          labelFont: p.props.labelFont ?? ge,
-          font: p.props.font ?? pe,
-          descriptionFont: p.props.descriptionFont ?? J,
-          shortcutFont: p.props.shortcutFont ?? ve,
-          onClick: (ke) => {
-            Mt(ke, E);
-          },
-          onMouseEnter: (ke) => {
-            dt(ke, E);
-          },
-          onMouseLeave: (ke) => {
-            Zt();
-          }
-        };
-        return Lt(p, {
-          ...p.props,
-          ...O
-        });
-      } else if (Xt(p)) {
-        const O = Ot[K] === "onSurface" ? "outlineVariant" : Ot[K], ke = {
-          borderColor: p.props.borderColor ?? p.props.color ?? O ?? "outlineVariant",
-          vertical: n,
-          insetSize: p.props.insetSize ?? 8,
-          spacing: p.props.spacing ?? (y === "modern" ? 5 : 8),
-          inset: p.props.inset ?? (y === "modern" ? "middle" : void 0)
-        };
-        return Lt(p, { ...p.props, ...ke });
-      }
-      return Lt(p, {
-        ...p.props
-      });
-    });
-    function yt(p) {
-      p.target.closest("[data-menu-index]") || te && et();
-    }
-    const Ue = (p) => {
-      if (!t || Ze)
-        return;
-      let E = p.key;
-      if (n) {
-        const at = {
-          ArrowDown: "ArrowRight",
-          ArrowUp: "ArrowLeft",
-          ArrowRight: "ArrowDown",
-          ArrowLeft: "ArrowUp"
-        };
-        E = at[E] ? at[E] : E;
-      }
-      if (re.length === 0 && E !== "Tab")
-        return;
-      const O = re.indexOf(oe);
-      let ke;
-      switch (E) {
-        case "ArrowUp":
-          p.preventDefault(), oe === -1 || O === -1 ? ke = re[re.length - 1] : ke = O > 0 ? re[O - 1] : re[re.length - 1], ee(ke), n && de(ke) && Ke(ke);
-          break;
-        case "ArrowDown":
-          p.preventDefault(), oe === -1 || O === -1 ? ke = re[0] : ke = re[O + 1 < re.length ? O + 1 : 0], ee(ke), n && de(ke) && Ke(ke);
-          break;
-        case "Home":
-          ee(re[0]);
-          break;
-        case "End":
-          ee(re[re.length - 1]);
-          break;
-        case "Enter":
-        case " ":
-          p.stopPropagation(), p.preventDefault(), O >= 0 && Dt(re[O]);
-          break;
-        case "ArrowRight":
-          p.preventDefault(), O >= 0 && de(re[O]) ? Ke(re[O]) : M && M(!0);
-          break;
-        case "ArrowLeft":
-          p.preventDefault(), M && S === 1 ? M(!1) : Ge();
-          break;
-        case "Escape":
-          p.preventDefault(), Ge();
-          break;
-        case "Tab":
-          v || (p.stopPropagation(), p.preventDefault()), ct();
-          break;
-      }
-    };
-    if (!t && !ye || !e && !v)
-      return null;
-    const lt = {
-      "--uui-reverse": Te,
-      "--uui-duration": Te === "reverse" ? String(He * 0.67) + "ms" : String(He) + "ms"
-    }, un = Gi(b), Jn = un === "none" ? "" : _t[un], Qn = F === "expressive" ? "uui-motion-expressive" : "", At = I({ ...h, ...lt });
-    At.bg(K), At.text.on(K), d && +d > 0 && At.border(ht(c));
-    const ei = [
-      "uui-menu",
-      `uui-menu-level-${String(le)}`,
-      n && "uui-menu-horizontal",
-      $e && "uui-menu-active",
-      y === "modern" ? "uui-menu-modern" : "uui-menu-classic",
-      be && Jn,
-      Qn,
-      pt(V),
-      Re(m ?? (y === "modern" ? "rounded" : "smooth")),
-      st(Qe),
-      d !== void 0 ? Je(d) : null,
-      l
-    ].filter(Boolean).join(" "), cn = /* @__PURE__ */ o(
-      "div",
-      {
-        "aria-orientation": n ? "horizontal" : "vertical",
-        className: ei,
-        "data-menu-group": je,
-        id: C,
-        onBlur: () => {
-          Be(!1);
-        },
-        onClick: yt,
-        onFocus: xt,
-        onKeyDown: Ue,
-        ref: gt(H, ae),
-        role: "menu",
-        style: {
-          position: v ? "relative" : "fixed",
-          left: (xe == null ? void 0 : xe.x) ?? 0,
-          top: (xe == null ? void 0 : xe.y) ?? 0,
-          zIndex: 9999,
-          visibility: xe ? "visible" : "hidden",
-          ...At.get()
-        },
-        tabIndex: 0,
-        ...se,
-        children: /* @__PURE__ */ o("div", { className: "uui-menu-scroll", children: Kt })
-      }
-    ), ti = document.getElementById("menu-root") ?? document.body;
-    let dn = null;
-    if (Q !== -1) {
-      const p = vt(Q);
-      p && p.length > 0 && (dn = p);
-    }
-    const fn = Qt(
-      /* @__PURE__ */ R(tt, { children: [
-        !v && cn,
-        Le.current && Q !== -1 && /* @__PURE__ */ o(
-          sn,
-          {
-            __closeRootMenu: D ?? ct,
-            __groupId: je,
-            __horizontalDepth: n ? 1 : S && S + 1,
-            __level: le + 1,
-            __navigateHorizontal: n ? Ye : M,
-            anchorRef: Le,
-            animation: b,
-            "aria-orientation": "vertical",
-            border: d,
-            borderColor: c,
-            checkedIcon: Se,
-            closeOnChange: X,
-            color: K,
-            density: V,
-            descriptionColor: T,
-            descriptionFont: J,
-            duration: x,
-            elevation: u,
-            fixedLeading: B,
-            floatingMode: n ? "menu" : "submenu",
-            font: pe,
-            itemFocusEffects: G,
-            itemSelectedEffects: Oe,
-            itemTouchEffects: De,
-            labelColor: U,
-            labelFont: ge,
-            motionStyle: F,
-            offset: 0,
-            onClose: et,
-            open: t && te,
-            openOnHover: me,
-            placement: "auto",
-            radioCheckedIcon: z,
-            radioUncheckedIcon: he,
-            role: "menu",
-            selectedColor: Ae,
-            shape: m,
-            shortcutColor: Z,
-            shortcutFont: ve,
-            textColor: k,
-            uncheckedIcon: ie,
-            variant: y,
-            children: dn
-          }
-        )
-      ] }),
-      ti
-    );
-    return v && le === 0 ? /* @__PURE__ */ R(tt, { children: [
-      cn,
-      fn
-    ] }) : fn;
-  }
-);
-sn[Pn] = !0;
-sn.displayName = "Menu";
-const Hn = L(
-  ({
-    shape: e,
-    touchEffects: t = ["ripple"],
-    focusEffects: n = ["ring", "overlay"],
-    selectedEffects: i = ["color"],
-    checkedIcon: r,
-    uncheckedIcon: s,
-    selectedColor: a,
-    textColor: u,
-    labelColor: g,
-    descriptionColor: m,
-    shortcutColor: d,
-    fixedLeading: c,
-    color: l,
-    icon: f,
-    endIcon: h,
-    leading: C,
-    trailing: w,
-    label: y,
-    disabled: b = !1,
-    className: x,
-    onClick: F,
-    badge: B,
-    expanded: V,
-    active: P,
-    children: A,
-    focusVisible: D,
-    type: M = "item",
-    checked: S,
-    description: v,
-    shortcut: k,
-    density: T,
-    horizontal: U,
-    labelFont: Z,
-    font: ie,
-    descriptionFont: Se,
-    shortcutFont: he,
-    selected: z,
-    __index: Ae,
-    __interactionsDisabled: De,
-    onChange: Oe,
-    variant: G = "classic",
-    ...X
-  }, me) => {
-    const ge = ne(null), pe = rt.Children.toArray(A), J = pe.find((K) => Nt(K)), ve = pe.filter((K) => !Nt(K)), se = !!J;
-    let H;
-    M !== "item" && (M === "radio" ? H = S ? r ?? An : s ?? jn : M === "checkbox" && (H = S ? r ?? Vi : s));
-    const j = H ?? C ?? f ?? (c && !U), Q = j && /* @__PURE__ */ o("div", { className: "uui-icon uui-leading", children: j }), Fe = w ?? h;
-    let oe;
-    B && (typeof B == "string" || typeof B == "number" ? oe = /* @__PURE__ */ o(on, { value: B }) : oe = B);
-    const ee = G === "modern" ? "labelLarge" : "bodyLarge", N = Z ?? ie ?? ee, Be = Se ?? (G === "modern" ? "bodySmall" : "bodyMedium"), _ = he ?? ee, le = I();
-    le.text(d);
-    const Ne = se && !U ? Rn : Fe, je = k && /* @__PURE__ */ o(
-      "div",
-      {
-        className: `uui-menu-item-shortcut ${Ce(_)}`,
-        style: le.get(),
-        children: k
-      }
-    ), ae = (k ?? B ?? Ne) && /* @__PURE__ */ R(tt, { children: [
-      je,
-      oe,
-      Ne && /* @__PURE__ */ o("div", { className: "uui-icon uui-trailing", children: Ne })
-    ] }), Le = I();
-    Le.text(g);
-    const xe = y && /* @__PURE__ */ o(
-      "div",
-      {
-        className: `uui-menu-item-label ${Ce(N)}`,
-        style: Le.get(),
-        children: y
-      }
-    ), Ee = I();
-    (m || !u && G === "classic" && (l != null && l.startsWith("surface"))) && (m ? Ee.text(m) : Ee.text.on("surfaceVariant"));
-    const $e = v && /* @__PURE__ */ o(
-      "div",
-      {
-        className: `uui-menu-item-description ${Ce(Be)}`,
-        style: Ee.get(),
-        children: v
-      }
-    ), ye = (xe ?? $e) && /* @__PURE__ */ R("div", { className: "uui-menu-item-text", children: [
-      xe,
-      $e
-    ] }), qe = (K) => {
-      if (De || b) {
-        K == null || K.preventDefault();
-        return;
-      }
-      F == null || F(K), t.includes("ripple") && ge.current && K && It(ge.current, K);
-    };
-    let be = l ?? (G === "modern" ? "surfaceContainerLow" : "surfaceContainer");
-    M === "option" && z && i.includes("color") && (be = a ?? (G === "modern" ? "tertiaryContainer" : "secondaryContainer"));
-    const Ie = I();
-    Ie.bg.on(be);
-    const Te = I();
-    Te.bg(be), u ? Te.text(u) : Te.text.on(be);
-    const ze = [
-      "uui-menu-item",
-      x,
-      pt(T),
-      b && "uui-disabled",
-      G === "modern" ? "uui-menu-item-modern" : "uui-menu-item-classic"
-    ].filter(Boolean).join(" "), ue = Re(
-      e ?? (G === "modern" ? "rounded" : "smooth")
-    ), $ = [
-      "uui-menu-item-content",
-      ue,
-      ...n.includes("ring") && P ? ["uui-focus-ring-in"] : [],
-      ...n.includes("overlay") && P ? ["uui-focus-overlay"] : [],
-      P && "uui-active",
-      P && D && "uui-focus-visible"
-    ].filter(Boolean).join(" "), Y = /* @__PURE__ */ R("div", { className: $, style: Te.get(), children: [
-      ve.length > 0 ? /* @__PURE__ */ o("div", { className: "uui-menu-item-children", children: ve }) : /* @__PURE__ */ R(tt, { children: [
-        Q,
-        ye,
-        ae
-      ] }),
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: ["uui-state", ue].join(" "),
-          style: Ie.get()
-        }
-      )
-    ] });
-    let Me = "menuitem";
-    return (M === "radio" || M === "checkbox") && (Me = M === "radio" ? "menuitemradio" : "menuitemcheckbox"), // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
-    /* @__PURE__ */ o(
-      "div",
-      {
-        ...X,
-        "aria-checked": M === "radio" || M === "checkbox" ? S ?? !1 : void 0,
-        "aria-disabled": b ? "true" : void 0,
-        "aria-expanded": se ? V : void 0,
-        "aria-haspopup": se ? "menu" : void 0,
-        className: ze,
-        onClick: qe,
-        ref: gt(ge, me),
-        role: Me,
-        tabIndex: -1,
-        children: Y
-      }
-    );
-  }
-);
-Hn[rn] = !0;
-Hn.displayName = "MenuItem";
-const _n = (e) => {
-  const {
-    className: t,
-    borderColor: n,
-    color: i,
-    border: r = 1,
-    inset: s = "none",
-    insetSize: a = 16,
-    spacing: u = 8,
-    vertical: g,
-    variant: m = "strong",
-    elevation: d,
-    shape: c,
-    style: l,
-    height: f,
-    ...h
-  } = e, C = ne(null), [w, y] = W(!1);
-  vn(() => {
-    const V = C.current;
-    if (!(V != null && V.parentElement))
-      return;
-    const P = getComputedStyle(V.parentElement).display;
-    y(P.includes("flex"));
-  }, []);
-  const b = Math.min(4, Math.max(0, r)), x = [
-    "uui-divider",
-    Je(b === 0 ? 0 : 1),
-    t,
-    d && st(d),
-    c && Re(c)
-  ].filter(Boolean).join(" "), F = I(l), B = ht(n ?? i ?? "outlineVariant");
-  if (F.border(B), F.bg(B), m !== "strong" && (m === "subtle" ? F.set("opacity", "var(--uui-subtle-opacity)") : F.set("opacity", "var(--uui-medium-opacity)")), w ? g ? F.merge({
-    height: f,
-    alignSelf: "stretch",
-    width: `${b}px`,
-    marginInline: `${u}px`
-  }) : F.merge({
-    flex: "1 1 auto",
-    height: `${b}px`,
-    marginBlock: `${u}px`
-  }) : g ? F.merge({
-    height: f,
-    display: "inline-block",
-    verticalAlign: "middle",
-    width: `${b}px`,
-    marginInline: `${u}px`
-  }) : F.merge({
-    height: `${b}px`,
-    marginBlock: `${u}px`
-  }), s !== "none") {
-    const V = s === "left" || s === "top" || s === "middle", P = s === "right" || s === "bottom" || s === "middle";
-    V && (g ? F.set("marginBlockStart", `${a}px`) : F.set("marginInlineStart", `${a}px`)), P && (g ? F.set("marginBlockEnd", `${a}px`) : F.set("marginInlineEnd", `${a}px`));
-  }
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: x,
-      ref: C,
-      role: "separator",
-      style: F.get(),
-      ...h
-    }
-  );
-};
-_n[On] = !0;
-_n.displayName = "Divider";
-const Xi = L(
-  ({
-    uncheckedBorder: e,
-    border: t,
-    color: n,
-    borderColor: i,
-    uncheckedBorderColor: r,
-    shape: s = "round",
-    size: a = "small",
-    filled: u = !1,
-    icon: g,
-    uncheckedIcon: m,
-    animation: d,
-    ...c
-  }, l) => {
-    const f = n ?? "primary";
-    return /* @__PURE__ */ o(
-      nn,
-      {
-        animation: d ?? "scale",
-        border: !g && t === void 0 ? 2 : t,
-        borderColor: i ?? f,
-        color: f,
-        elementClass: "uui-radio",
-        filled: u,
-        icon: g ?? Ii,
-        indeterminateIcon: void 0,
-        ref: l,
-        shape: s,
-        size: a,
-        type: "radio",
-        uncheckedBorder: e ?? t ?? (m ? void 0 : 2),
-        uncheckedBorderColor: r ?? i ?? "onSurfaceVariant",
-        uncheckedIcon: m,
-        ...c
-      }
-    );
-  }
-);
-Xi.displayName = "Radio";
-const Go = ({
-  children: e,
-  colorMode: t,
-  seedColor: n,
-  extraColors: i
-}) => {
-  const [r, s] = W(yn), a = Bt(
-    (d) => {
-      d ? document.body.classList.add("dark") : document.body.classList.remove("dark"), s((c) => ({ ...c, darkMode: d }));
-    },
-    [s]
-  ), u = Bt(
-    (d) => (r.darkMode ? r.schemes.dark : r.schemes.light)[d] ?? "",
-    [r]
-  ), g = Bt(
-    (d, c) => r.schemes[d][c] ?? "",
-    [r]
-  );
-  fe(() => {
-    if (t) {
-      const d = t === "dark";
-      document.body.classList.toggle("dark", d), s((c) => ({ ...c, darkMode: d }));
-    }
-  }, [t]), fe(() => {
-    const { schemes: d } = yn;
-    s((c) => ({
-      darkMode: c.darkMode,
-      schemes: mi(n, i, d)
-    }));
-  }, [i, n]);
-  const m = ft(
-    () => ({
-      theme: r,
-      setTheme: s,
-      darkMode: r.darkMode,
-      setDarkMode: a,
-      getColorValue: u,
-      getThemeColorValue: g
-    }),
-    [u, g, a, r]
-  );
-  return /* @__PURE__ */ o(Vn.Provider, { value: m, children: e });
-}, Yi = L(
-  ({
-    children: e,
-    className: t = "",
-    title: n = "",
-    align: i = "topRight",
-    value: r,
-    ...s
-  }, a) => {
-    const u = ne(null);
-    return /* @__PURE__ */ R("span", { className: "uui-tooltip", ref: a, ...s, children: [
-      /* @__PURE__ */ o(
-        Vt,
-        {
-          align: i,
-          tooltip: /* @__PURE__ */ o("div", { children: n }),
-          triggerRef: u
-        }
-      ),
-      /* @__PURE__ */ o("div", { ref: u, children: e })
-    ] });
-  }
-);
-Yi.displayName = "Tooltip";
-const Ji = L(
-  ({ direction: e = "col", ...t }, n) => /* @__PURE__ */ o(
-    Pe,
-    {
-      ref: n,
-      ...t,
-      component: "article",
-      direction: e,
-      elementClass: "uui-article"
-    }
-  )
-);
-Ji.displayName = "Article";
-const Qi = L(
-  ({ direction: e = "col", ...t }, n) => /* @__PURE__ */ o(
-    Pe,
-    {
-      ref: n,
-      ...t,
-      component: "aside",
-      direction: e,
-      elementClass: "uui-aside"
-    }
-  )
-);
-Qi.displayName = "Aside";
-const eo = L(
-  ({ direction: e = "col", ...t }, n) => /* @__PURE__ */ o(
-    Pe,
-    {
-      ref: n,
-      ...t,
-      direction: e,
-      elementClass: "uui-article-content"
-    }
-  )
-);
-eo.displayName = "Content";
-const to = L((e, t) => /* @__PURE__ */ o(Pe, { ...e, ref: t, type: "block" }));
-to.displayName = "Div";
-const Wn = L(
-  ({ direction: e = "row", ...t }, n) => /* @__PURE__ */ o(Pe, { ...t, direction: e, ref: n, type: "flex" })
-);
-Wn.displayName = "Flex";
-const no = L(
-  ({ direction: e = "row", ...t }, n) => /* @__PURE__ */ o(
-    Pe,
-    {
-      ref: n,
-      ...t,
-      component: "footer",
-      direction: e,
-      elementClass: "uui-footer"
-    }
-  )
-);
-no.displayName = "Footer";
-const Un = L((e, t) => /* @__PURE__ */ o(Pe, { ...e, ref: t, type: "grid" }));
-Un.displayName = "Grid";
-const io = L(
-  ({ direction: e = "row", ...t }, n) => /* @__PURE__ */ o(
-    Pe,
-    {
-      ref: n,
-      ...t,
-      component: "header",
-      direction: e,
-      elementClass: "uui-header"
-    }
-  )
-);
-io.displayName = "Header";
-const oo = L(
-  ({ direction: e = "col", ...t }, n) => /* @__PURE__ */ o(
-    Pe,
-    {
-      ref: n,
-      ...t,
-      component: "main",
-      direction: e,
-      elementClass: "uui-main"
-    }
-  )
-);
-oo.displayName = "Main";
-const ro = L(
-  ({ direction: e = "row", ...t }, n) => /* @__PURE__ */ o(
-    Pe,
-    {
-      ref: n,
-      ...t,
-      component: "nav",
-      direction: e,
-      elementClass: "uui-nav"
-    }
-  )
-);
-ro.displayName = "Nav";
-const so = L(
-  ({ direction: e = "col", ...t }, n) => /* @__PURE__ */ o(
-    Pe,
-    {
-      ref: n,
-      ...t,
-      component: "section",
-      direction: e,
-      elementClass: "uui-section"
-    }
-  )
-);
-so.displayName = "Section";
-const lo = L(
-  (e, t) => /* @__PURE__ */ o(zt, { ref: t, ...e, elementClass: "uui-dialog" })
-);
-lo.displayName = "Dialog";
-const ao = ({
-  children: e,
-  className: t,
-  color: n,
-  borderTop: i = !1,
-  borderTopWidth: r = 1,
-  borderColor: s
-}) => {
-  if (!e)
-    return null;
-  const a = n ? Wt(n) : null, u = i ? Je(r) : "", g = i && n ? en(ht(s)) : "", m = [
-    "uui-dialog-actions",
-    a == null ? void 0 : a.bgColor,
-    a == null ? void 0 : a.textOnColor,
-    i ? "uui-dialog-actions-border-top" : "",
-    u,
-    g,
-    t
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("div", { className: m, children: e });
-};
-ao.displayName = "DialogActions";
-const uo = ({ children: e, className: t }) => {
-  const n = ["uui-dialog-content", t].filter(Boolean).join(" ");
-  return e ? /* @__PURE__ */ o("div", { className: n, children: /* @__PURE__ */ o("div", { className: "uui-content", children: e }) }) : null;
-};
-uo.displayName = "DialogContent";
-const co = ({
-  icon: e,
-  label: t,
-  children: n,
-  className: i,
-  font: r = "headlineSmall"
-}) => {
-  const s = t ?? n ?? null, a = ["uui-dialog-title", i];
-  a.push(Ce(r));
-  const u = a.filter(Boolean).join(" ");
-  return s ? /* @__PURE__ */ R("div", { className: u, children: [
-    e && /* @__PURE__ */ o("div", { className: "uui-icon", children: e }),
-    s && /* @__PURE__ */ o("div", { className: "uui-content", children: s })
-  ] }) : null;
-};
-co.displayName = "DialogTitle";
-const fo = L(
-  (e, t) => /* @__PURE__ */ o(
-    zt,
-    {
-      ref: t,
-      ...e,
-      elementClass: "uui-drawer",
-      type: "dockRight"
-    }
-  )
-);
-fo.displayName = "Drawer";
-const mo = L(
-  (e, t) => /* @__PURE__ */ o(
-    zt,
-    {
-      ref: t,
-      ...e,
-      elementClass: "uui-bottom-sheet",
-      type: "dockBottom"
-    }
-  )
-);
-mo.displayName = "BottomSheet";
-const qn = L(
-  ({
-    description: e,
-    error: t,
-    font: n,
-    label: i,
-    disabled: r,
-    legend: s,
-    children: a,
-    direction: u = "col",
-    required: g,
-    descriptionColor: m,
-    descriptionFont: d,
-    alignItems: c = "start",
-    ...l
-  }, f) => {
-    const h = s ?? i, C = [
-      "uui-fieldset-legend",
-      Ce(n ?? "labelLarge")
-    ].filter(Boolean).join(" "), w = I();
-    t ? w.text("error") : m ? w.text(m) : w.text.on("surfaceVariant");
-    const y = [
-      "uui-support-text",
-      Ce(d ?? "bodySmall"),
-      t && "uui-error",
-      e && !t && "uui-description"
-    ].filter(Boolean).join(" "), b = (e ?? t) && /* @__PURE__ */ o("div", { className: y, style: w.get(), children: t ?? e });
-    return /* @__PURE__ */ R(tt, { children: [
-      /* @__PURE__ */ o(tn.Provider, { value: { disabled: r }, children: /* @__PURE__ */ R(
-        Pe,
-        {
-          ref: f,
-          ...l,
-          alignItems: c,
-          component: "fieldset",
-          direction: u,
-          disabled: r,
-          elementClass: "uui-fieldset",
-          children: [
-            h && /* @__PURE__ */ R("legend", { className: C, children: [
-              h,
-              g && /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
-            ] }),
-            a
-          ]
-        }
-      ) }),
-      b
-    ] });
-  }
-);
-qn.displayName = "Fieldset";
-const po = L(
-  ({
-    name: e,
-    disabled: t,
-    onChange: n,
-    value: i,
-    defaultValue: r,
-    children: s,
-    ...a
-  }, u) => {
-    const [g, m] = W(r), d = i !== void 0, c = d ? i : g, l = Bt(
-      (h) => {
-        d || m(h), n == null || n(h);
-      },
-      [d, n]
-    ), f = ft(
-      () => ({ name: e, value: c, setValue: l, disabled: t }),
-      [e, c, l, t]
-    );
-    return /* @__PURE__ */ o(qn, { disabled: t, ref: u, ...a, children: /* @__PURE__ */ o(Tn.Provider, { value: f, children: s }) });
-  }
-);
-po.displayName = "RadioGroup";
-const zn = Symbol.for("uui.listItem");
-function go(e) {
-  return mt(e) && typeof e.type != "string" && !!e.type[zn];
-}
-const Xo = ({
-  type: e = "single",
-  defaultValue: t,
-  children: n
-}) => {
-  const [i, r] = W(
-    t ? [t] : []
-  ), s = rt.Children.toArray(n).filter(go);
-  function a(d) {
-    r((c) => {
-      const l = c.includes(d);
-      return e === "single" ? l ? [] : [d] : l ? c.filter((f) => f !== d) : [...c, d];
-    });
-  }
-  function u(d) {
-    r(e === "single" ? [d] : [d]);
-  }
-  function g() {
-    r([]);
-  }
-  const m = ft(
-    () => ({
-      values: i,
-      mode: e,
-      toggle: a,
-      set: u,
-      clear: g
-    }),
-    [i, e]
-  );
-  return /* @__PURE__ */ o(Ut.Provider, { value: m, children: /* @__PURE__ */ o(
-    "div",
-    {
-      "aria-orientation": "vertical",
-      className: "uui-list uui-flex uui-flex-col",
-      role: "listbox",
-      children: s
-    }
-  ) });
-}, ln = L(
-  ({
-    shape: e,
-    touchEffects: t = ["ripple"],
-    focusEffects: n = ["ring", "overlay"],
-    selectedEffects: i = ["color"],
-    checkedIcon: r,
-    uncheckedIcon: s,
-    selectedColor: a,
-    textColor: u,
-    labelColor: g,
-    descriptionColor: m,
-    shortcutColor: d,
-    fixedLeading: c,
-    color: l,
-    icon: f,
-    endIcon: h,
-    leading: C,
-    trailing: w,
-    label: y,
-    disabled: b = !1,
-    className: x,
-    onClick: F,
-    badge: B,
-    expanded: V,
-    active: P,
-    children: A,
-    focusVisible: D,
-    type: M = "item",
-    checked: S,
-    description: v,
-    shortcut: k,
-    density: T,
-    horizontal: U,
-    labelFont: Z,
-    font: ie,
-    descriptionFont: Se,
-    shortcutFont: he,
-    selected: z,
-    __index: Ae,
-    __interactionsDisabled: De,
-    onChange: Oe,
-    variant: G = "classic",
-    ...X
-  }, me) => {
-    const ge = ne(null), pe = rt.Children.toArray(A), J = pe.find((K) => Nt(K)), ve = pe.filter((K) => !Nt(K)), se = !!J;
-    let H;
-    M !== "item" && (M === "radio" ? H = S ? r ?? An : s ?? jn : M === "checkbox" && (H = S ? r ?? Ti : s));
-    const j = H ?? C ?? f ?? (c && !U), Q = j && /* @__PURE__ */ o("div", { className: "uui-icon uui-leading", children: j }), Fe = w ?? h;
-    let oe;
-    B && (typeof B == "string" || typeof B == "number" ? oe = /* @__PURE__ */ o(on, { value: B }) : oe = B);
-    const ee = G === "modern" ? "labelLarge" : "bodyLarge", N = Z ?? ie ?? ee, Be = Se ?? (G === "modern" ? "bodySmall" : "bodyMedium"), _ = he ?? ee, le = I();
-    le.text(d);
-    const Ne = se && !U ? Rn : Fe, je = k && /* @__PURE__ */ o(
-      "div",
-      {
-        className: `uui-menu-item-shortcut ${Ce(_)}`,
-        style: le.get(),
-        children: k
-      }
-    ), ae = (k ?? B ?? Ne) && /* @__PURE__ */ R(tt, { children: [
-      je,
-      oe,
-      Ne && /* @__PURE__ */ o("div", { className: "uui-icon uui-trailing", children: Ne })
-    ] }), Le = I();
-    Le.text(g);
-    const xe = y && /* @__PURE__ */ o(
-      "div",
-      {
-        className: `uui-menu-item-label ${Ce(N)}`,
-        style: Le.get(),
-        children: y
-      }
-    ), Ee = I();
-    (m || !u && G === "classic" && (l != null && l.startsWith("surface"))) && (m ? Ee.text(m) : Ee.text.on("surfaceVariant"));
-    const $e = v && /* @__PURE__ */ o(
-      "div",
-      {
-        className: `uui-menu-item-description ${Ce(Be)}`,
-        style: Ee.get(),
-        children: v
-      }
-    ), ye = (xe ?? $e) && /* @__PURE__ */ R("div", { className: "uui-menu-item-text", children: [
-      xe,
-      $e
-    ] }), qe = (K) => {
-      if (De || b) {
-        K == null || K.preventDefault();
-        return;
-      }
-      F == null || F(K), t.includes("ripple") && ge.current && K && It(ge.current, K);
-    };
-    let be = l ?? (G === "modern" ? "surfaceContainerLow" : "surfaceContainer");
-    M === "option" && z && i.includes("color") && (be = a ?? (G === "modern" ? "tertiaryContainer" : "secondaryContainer"));
-    const Ie = I();
-    Ie.bg.on(be);
-    const Te = I();
-    Te.bg(be), u ? Te.text(u) : Te.text.on(be);
-    const ze = [
-      "uui-menu-item",
-      x,
-      pt(T),
-      b && "uui-disabled",
-      G === "modern" ? "uui-menu-item-modern" : "uui-menu-item-classic"
-    ].filter(Boolean).join(" "), ue = Re(
-      e ?? (G === "modern" ? "rounded" : "smooth")
-    ), $ = [
-      "uui-menu-item-content",
-      ue,
-      ...n.includes("ring") && P ? ["uui-focus-ring-in"] : [],
-      ...n.includes("overlay") && P ? ["uui-focus-overlay"] : [],
-      P && "uui-active",
-      P && D && "uui-focus-visible"
-    ].filter(Boolean).join(" "), Y = /* @__PURE__ */ R("div", { className: $, style: Te.get(), children: [
-      ve.length > 0 ? /* @__PURE__ */ o("div", { className: "uui-menu-item-children", children: ve }) : /* @__PURE__ */ R(tt, { children: [
-        Q,
-        ye,
-        ae
-      ] }),
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: ["uui-state", ue].join(" "),
-          style: Ie.get()
-        }
-      )
-    ] });
-    return (
-      // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
-      /* @__PURE__ */ o(
-        "div",
-        {
-          ...X,
-          "aria-checked": M === "radio" || M === "checkbox" ? S ?? !1 : void 0,
-          "aria-disabled": b ? "true" : void 0,
-          "aria-expanded": se ? V : void 0,
-          "aria-haspopup": se ? "menu" : void 0,
-          className: ze,
-          onClick: qe,
-          ref: gt(ge, me),
-          role: "option",
-          tabIndex: -1,
-          children: Y
-        }
-      )
-    );
-  }
-);
-ln[zn] = !0;
-ln[rn] = !0;
-ln.displayName = "ListItem";
-const ho = L(
-  (e, t) => {
-    const {
-      density: n,
-      icon: i,
-      disabled: r,
-      elevation: s,
-      checked: a,
-      children: u,
-      color: g = "primary",
-      uncheckedColor: m,
-      defaultChecked: d,
-      hoverEffects: c = ["overlay"],
-      touchEffects: l = ["ripple"],
-      focusEffects: f = ["ring"],
-      selectedEffects: h = [],
-      pressedEffects: C = ["overlay", "scale"],
-      id: w,
-      name: y,
-      label: b,
-      font: x,
-      border: F,
-      borderColor: B,
-      uncheckedBorder: V,
-      uncheckedBorderColor: P,
-      onChange: A,
-      onClick: D,
-      required: M,
-      shape: S = "round",
-      title: v,
-      value: k,
-      size: T = "small",
-      uncheckedIcon: U,
-      description: Z,
-      descriptionColor: ie,
-      descriptionFont: Se,
-      className: he,
-      error: z,
-      focusColor: Ae,
-      labelColor: De,
-      textColor: Oe,
-      duration: G = 200,
-      tooltipAlign: X = "auto",
-      textPlacement: me = "end",
-      "aria-label": ge,
-      readOnly: pe,
-      ...J
-    } = e, ve = ne(null), se = $t(tn), H = r ?? (se == null ? void 0 : se.disabled), j = qt(), [Q, Fe] = W(!1), oe = ne(null), ee = ne(null), N = ne(null), Be = ne(Tt("check")), _ = w ?? Be.current, le = a !== void 0, [Ne, je] = W(
-      d ?? !1
-    ), ae = le ? !!a : Ne, Le = ge ?? (b ? void 0 : v), xe = z ? "error" : g, Ee = v ? /* @__PURE__ */ o("div", { id: `${_}-tip`, children: v }) : null, $e = (de) => {
-      if (pe) {
-        de.preventDefault();
-        return;
-      }
-      const Ye = de.currentTarget;
-      le || je(Ye.checked), A == null || A(de);
-    }, ye = (de) => {
-      if (pe) {
-        de.preventDefault();
-        return;
-      }
-      l.includes("ripple") && (ve.current && clearTimeout(ve.current), ve.current = window.setTimeout(() => {
-        N.current && ee.current && (It(N.current, de, ee.current), ve.current = null);
-      }, G)), D == null || D(de);
-    }, qe = (de) => {
-      var Ye;
-      Fe(!0), (Ye = e.onFocus) == null || Ye.call(e, de);
-    }, be = (de) => {
-      var Ye;
-      Fe(!1), (Ye = e.onBlur) == null || Ye.call(e, de);
-    }, Ie = I(), Te = [
-      "uui-switch",
-      pt(n),
-      he,
-      H && "uui-disabled",
-      ...u ? [] : [Ct(T)]
-    ].filter(Boolean).join(" "), ze = [
-      "uui-switch-control",
-      ae && "uui-checked",
-      U && "uui-symmetric-thumb",
-      ...c.includes("overlay") && !pe ? ["uui-hover-overlay"] : [],
-      ...f.includes("overlay") && j && Q ? ["uui-focus-overlay"] : [],
-      ...h.includes("overlay") ? ["uui-selected-overlay"] : [],
-      ...C.includes("overlay") && !pe ? ["uui-pressed-overlay"] : [],
-      ...C.includes("scale") && !pe ? ["uui-pressed-scale"] : [],
-      Re(S),
-      f.includes("ring") && j && Q && "uui-focus-visible uui-focus-ring"
-    ].filter(Boolean).join(" "), ue = I();
-    Ae && j && Q && ue.set(
-      "--uui-focus-color",
-      $n(Ae).color
-    ), ue.set("--uui-switch-duration", `${G}ms`);
-    const $ = ["uui-input"].filter(Boolean).join(" "), Y = ["uui-state", Re("round")].filter(Boolean).join(" "), Me = I(), Qe = [
-      "uui-switch-track",
-      Je(ae ? F : V ?? F ?? 2),
-      Re(S),
-      st(s)
-    ].filter(Boolean).join(" "), Ze = I(), q = ["uui-switch-thumb", Re(S)].filter(Boolean).join(" "), ce = ["uui-icon"].filter(Boolean).join(" "), He = I(), _e = ["uui-switch-glyph"].filter(Boolean).join(" "), We = I(), te = I();
-    Ze.border(z ? "error" : B ?? "outline"), te.border(z ? "error" : B ?? "outline"), ae ? (Me.bg(xe), Ze.bg(z ? "errorContainer" : g), We.bg.on(g), He.text.onContainer(g)) : (P && (Ze.border(z ? "error" : P), te.border(z ? "error" : P)), Me.bg(z ? "error" : m ?? "onSurface"), Ze.bg(
-      z ? "errorContainer" : m ?? "surfaceContainerHighest"
-    ), m ? (We.bg.on(m), He.text.onContainer(m)) : (We.bg(U ? "onSurfaceVariant" : "outline"), He.text("surfaceContainerHighest")));
-    let Xe;
-    if (u) {
-      const de = [
-        "uui-switch-content uui-overflow-hidden",
-        Re(S),
-        Je(F),
-        st(s)
-      ].filter(Boolean).join(" ");
-      Xe = /* @__PURE__ */ R("div", { className: de, style: te.get(), children: [
-        u,
-        /* @__PURE__ */ o(
-          "div",
-          {
-            className: Y,
-            ref: N,
-            style: Me.get()
-          }
-        )
-      ] });
-    } else {
-      const de = ae ? i : U;
-      Xe = /* @__PURE__ */ R(tt, { children: [
-        /* @__PURE__ */ o("div", { className: Qe, style: Ze.get() }),
-        /* @__PURE__ */ R("div", { className: q, children: [
-          /* @__PURE__ */ o("div", { className: _e, style: We.get(), children: /* @__PURE__ */ o("div", { className: ce, style: He.get(), children: de }) }),
-          /* @__PURE__ */ o(
-            "div",
-            {
-              className: Y,
-              ref: N,
-              style: Me.get()
-            }
-          )
-        ] })
-      ] });
-    }
-    const Ve = I();
-    Ve.text(
-      (z ? "error" : void 0) ?? De ?? Oe ?? "onSurface"
-    );
-    const re = [
-      Ce(x ?? "bodyMedium"),
-      "uui-switch-label"
-    ].join(" "), et = b && /* @__PURE__ */ R("label", { className: re, htmlFor: _, style: Ve.get(), children: [
-      b,
-      M && /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
-    ] }), Ge = I();
-    z ? Ge.text("error") : ie ? Ge.text(ie) : Ge.text.on("surfaceVariant");
-    const ct = [
-      Ce(Se ?? "bodySmall"),
-      z && "uui-error uui-support-text",
-      Z && !z && "uui-description uui-support-text"
-    ].filter(Boolean).join(" "), it = (Z ?? z) && /* @__PURE__ */ o("div", { className: ct, style: Ge.get(), children: z ?? Z }), vt = (et ?? it) && /* @__PURE__ */ R(tt, { children: [
-      et,
-      it
-    ] }), Ke = I();
-    return me === "end" ? (Ve.set("gridColumn", 2), Ge.set("gridColumn", 2), Ke.set("gridColumn", 1)) : me === "start" ? (Ve.set("gridColumn", 1), Ge.set("gridColumn", 1), Ke.set("gridColumn", 2), Ke.set("gridRow", 1)) : (Ie.set("gridTemplateColumns", "1fr"), Ie.set("justifyItems", "start")), me === "top" && (Ke.set("order", 1), Ge.set("order", 2)), /* @__PURE__ */ R("div", { className: Te, style: Ie.get(), children: [
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: "uui-switch-control-wrapper",
-          style: Ke.get(),
-          children: /* @__PURE__ */ R(
-            "div",
-            {
-              className: ze,
-              ref: ee,
-              style: ue.get(),
-              children: [
-                /* @__PURE__ */ o(
-                  "input",
-                  {
-                    "aria-label": Le,
-                    "aria-readonly": pe === !0 ? !0 : void 0,
-                    checked: !!ae,
-                    className: $,
-                    disabled: H,
-                    id: _,
-                    name: y,
-                    onBlur: be,
-                    onChange: $e,
-                    onClick: ye,
-                    onFocus: qe,
-                    readOnly: pe,
-                    ref: gt(oe, t),
-                    type: "checkbox",
-                    value: k,
-                    ...J
-                  }
-                ),
-                Xe
-              ]
-            }
-          )
-        }
-      ),
-      vt,
-      Ee && /* @__PURE__ */ o(
-        Vt,
-        {
-          align: X,
-          tooltip: Ee,
-          triggerRef: oe
-        }
-      )
-    ] });
-  }
-);
-ho.displayName = "Switch";
-const yo = L(
-  ({ font: e = "headlineLarge", ...t }, n) => /* @__PURE__ */ o(
-    ut,
-    {
-      ref: n,
-      ...t,
-      component: "h1",
-      elementClass: "uui-h1",
-      font: e
-    }
-  )
-);
-yo.displayName = "H1";
-const bo = L(
-  ({ font: e = "headlineMedium", ...t }, n) => /* @__PURE__ */ o(
-    ut,
-    {
-      ref: n,
-      ...t,
-      component: "h2",
-      elementClass: "uui-h2",
-      font: e
-    }
-  )
-);
-bo.displayName = "H2";
-const Co = L(
-  ({ font: e = "headlineSmall", ...t }, n) => /* @__PURE__ */ o(
-    ut,
-    {
-      ref: n,
-      ...t,
-      component: "h3",
-      elementClass: "uui-h3",
-      font: e
-    }
-  )
-);
-Co.displayName = "H3";
-const vo = L(
-  ({ font: e = "titleLarge", ...t }, n) => /* @__PURE__ */ o(
-    ut,
-    {
-      ref: n,
-      ...t,
-      component: "h4",
-      elementClass: "uui-h4",
-      font: e
-    }
-  )
-);
-vo.displayName = "H4";
-const xo = L(
-  ({ font: e = "titleMedium", ...t }, n) => /* @__PURE__ */ o(
-    ut,
-    {
-      ref: n,
-      ...t,
-      component: "h5",
-      elementClass: "uui-h5",
-      font: e
-    }
-  )
-);
-xo.displayName = "H5";
-const wo = L(
-  ({ font: e = "titleSmall", ...t }, n) => /* @__PURE__ */ o(
-    ut,
-    {
-      ref: n,
-      ...t,
-      component: "h6",
-      elementClass: "uui-h6",
-      font: e
-    }
-  )
-);
-wo.displayName = "H6";
-const So = L((e, t) => /* @__PURE__ */ o(ut, { ref: t, ...e, component: "p", elementClass: "uui-p" }));
-So.displayName = "P";
-const No = L((e, t) => /* @__PURE__ */ o(ut, { ref: t, ...e, component: "span", elementClass: "uui-span" }));
-No.displayName = "Span";
-const ko = L(
-  ({ font: e = "labelLarge", ...t }, n) => /* @__PURE__ */ o(
-    ut,
-    {
-      ref: n,
-      ...t,
-      component: "label",
-      elementClass: "uui-label",
-      font: e
-    }
-  )
-);
-ko.displayName = "Label";
-const Zn = L(
-  (e, t) => {
-    const {
-      open: n,
-      animation: i = "slideDown",
-      duration: r = 220,
-      motionStyle: s = "regular",
-      className: a,
-      children: u,
-      style: g,
-      orientation: m = "vertical",
-      ...d
-    } = e, c = ne(!0), l = ne(null), f = ne(null), [h, C] = W(void 0), w = m === "vertical" ? "height" : "width", { animationVars: y, animate: b, animating: x } = Dn({
-      t1: r
-    }), F = ({ height: D, width: M }) => {
-      console.log("calc HxW", D, M), C(m === "vertical" ? D : M), c.current = !1;
-    };
-    console.log("open:", n, "anim:", x, h), Si(l, F, !x), fe(() => {
-      c.current || b(n ? "open" : "closed");
-    }, [n]), fe(() => {
-      const D = l.current;
-      if (!D)
-        return;
-      C(m === "vertical" ? D.scrollHeight : D.scrollWidth);
-    }, [m]);
-    const B = [
-      "uui-collapse",
-      a,
-      m === "vertical" ? "uui-vertical" : "uui-horizontal"
-    ].filter(Boolean).join(" "), V = I();
-    V.merge(y), n ? (h !== void 0 && V.set(w, `${h}px`), m === "horizontal" && (V.set("display", "inline-flex"), V.set("width", "100%"))) : V.set(w, "0px");
-    const P = [
-      x && Bn(i),
-      Ln(s)
-    ].filter(Boolean).join(" "), A = I(g);
-    return A.merge(y), /* @__PURE__ */ o(
-      "div",
-      {
-        "aria-hidden": !n,
-        className: B,
-        inert: n ? void 0 : "",
-        ref: f,
-        style: V.get(),
-        children: /* @__PURE__ */ o("div", { className: "uui-collapse-wrapper", ref: l, children: /* @__PURE__ */ o(
-          Pe,
-          {
-            ...d,
-            className: P,
-            ref: t,
-            style: A.get(),
-            children: u
-          }
-        ) })
-      }
-    );
-  }
-);
-Zn.displayName = "Collapse";
-const Kn = Symbol.for("uui.accordionItem");
-function Fo(e) {
-  return mt(e) && typeof e.type != "string" && !!e.type[Kn];
-}
-const Yo = ({
-  type: e = "single",
-  children: t,
-  ...n
-}) => {
-  const [i, r] = W([]), s = rt.Children.toArray(t).filter(Fo);
-  function a(d) {
-    r((c) => {
-      const l = c.includes(d);
-      return e === "single" ? l ? [] : [d] : l ? c.filter((f) => f !== d) : [...c, d];
-    });
-  }
-  function u(d) {
-    r(e === "single" ? [d] : [d]);
-  }
-  function g() {
-    r([]);
-  }
-  const m = ft(
-    () => ({
-      values: i,
-      mode: e,
-      toggle: a,
-      set: u,
-      clear: g
-    }),
-    [i, e]
-  );
-  return /* @__PURE__ */ o(Ut.Provider, { value: m, children: /* @__PURE__ */ o("div", { className: "uui-accordion uui-flex uui-flex-col", children: s }) });
-}, Bo = ({
-  value: e,
-  title: t,
-  children: n
-}) => {
-  const { values: i, toggle: r } = Mn(), s = i.includes(e), a = `accordion-${e}`;
-  return /* @__PURE__ */ R("div", { className: "uui-accordion-item", "data-open": s, children: [
-    /* @__PURE__ */ o(
-      "button",
-      {
-        "aria-controls": `${a}-content`,
-        "aria-expanded": s,
-        className: "uui-accordion-trigger",
-        id: `${a}-trigger`,
-        onClick: () => {
-          r(e);
-        },
-        type: "button",
-        children: t
-      }
-    ),
-    /* @__PURE__ */ o(Zn, { open: s, children: /* @__PURE__ */ o(
-      "div",
-      {
-        "aria-labelledby": `${a}-trigger`,
-        id: `${a}-content`,
-        role: "region",
-        children: n
-      }
-    ) })
-  ] });
-};
-Bo[Kn] = !0;
-const Gn = Symbol.for("uui.tab");
-function Lo(e) {
-  return mt(e) && typeof e.type != "string" && !!e.type[Gn];
-}
-const Jo = ({ defaultValue: e, children: t, ...n }) => {
-  const [i, r] = W([e]), s = xn.toArray(t).filter(Lo);
-  function a(d) {
-    r([d]);
-  }
-  const u = ft(
-    () => ({
-      values: i,
-      mode: "single",
-      toggle: a,
-      set: a,
-      clear: () => {
-        r([]);
-      }
-    }),
-    [i]
-  );
-  function g(d) {
-    const c = s.findIndex(
-      (C) => i.includes(C.props.value)
-    );
-    if (c === -1)
-      return;
-    let l;
-    switch (d.key) {
-      case "ArrowRight":
-        l = (c + 1) % s.length;
-        break;
-      case "ArrowLeft":
-        l = (c - 1 + s.length) % s.length;
-        break;
-      case "Home":
-        l = 0;
-        break;
-      case "End":
-        l = s.length - 1;
-        break;
-      default:
-        return;
-    }
-    d.preventDefault();
-    const f = s[l].props.value;
-    a(f);
-    const h = document.getElementById(`uui-tab-${f}-trigger`);
-    h == null || h.focus();
-  }
-  const m = s.map((d) => ({
-    label: d.props.label,
-    value: d.props.value
-  })).map(({ label: d, value: c }) => /* @__PURE__ */ o(
-    "button",
-    {
-      "aria-controls": `uui-tab-${c}-panel`,
-      "aria-selected": i.includes(c),
-      className: "uui-tabs-trigger",
-      id: `uui-tab-${c}-trigger`,
-      onClick: () => {
-        a(c);
-      },
-      role: "tab",
-      tabIndex: i.includes(c) ? 0 : -1,
-      children: d
-    },
-    c
-  ));
-  return /* @__PURE__ */ o(Ut.Provider, { value: u, children: /* @__PURE__ */ R(Pe, { direction: "col", gap: 2, ...n, children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        "aria-orientation": "horizontal",
-        className: "uui-tabs-list",
-        onKeyDown: g,
-        role: "tablist",
-        children: m
-      }
-    ),
-    /* @__PURE__ */ o("div", { className: "uui-tabs-panels", children: s })
-  ] }) });
-}, Xn = ({ value: e, label: t, children: n }) => {
-  const { values: i } = Mn(), r = i.includes(e);
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      "aria-labelledby": `uui-tab-${e}-trigger`,
-      className: "uui-tabs-panel",
-      hidden: !r,
-      id: `uui-tab-${e}-panel`,
-      role: "tabpanel",
-      children: n
-    }
-  );
-};
-Xn[Gn] = !0;
-Xn.displayName = "Tab";
-const $o = L(
-  ({
-    variant: e = "docked",
-    color: t,
-    elevation: n,
-    shape: i,
-    density: r,
-    fullWidth: s,
-    placement: a = "bottom",
-    fixed: u,
-    divider: g,
-    children: m,
-    className: d,
-    disabled: c,
-    orientation: l = "horizontal",
-    ...f
-  }, h) => {
-    const C = e === "floating", w = n ?? (C ? 3 : 0), y = i ?? (C ? "round" : void 0), b = t ?? (e === "floating" ? "surfaceContainerHigh" : "surfaceContainer"), x = [
-      "uui-toolbar",
-      `uui-toolbar-${e}`,
-      c && "uui-disabled",
-      d,
-      s && "uui-toolbar-full",
-      u && "uui-toolbar-fixed",
-      g && "uui-toolbar-divider",
-      w && st(w),
-      y && Re(y),
-      r && pt(r),
-      l === "horizontal" ? "uui-horizontal" : "uui-vertical"
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ o(
-      Pe,
-      {
-        ref: h,
-        ...f,
-        className: x,
-        color: b,
-        component: "div",
-        "data-position": a,
-        direction: l === "horizontal" ? "row" : "col",
-        disabled: c,
-        children: m
-      }
-    );
-  }
-);
-$o.displayName = "Toolbar";
-const Eo = L(
-  ({
-    variant: e = "linear",
-    value: t,
-    min: n = 0,
-    max: i = 100,
-    color: r = "primary",
-    size: s = "medium",
-    thickness: a,
-    className: u,
-    style: g,
-    ...m
-  }, d) => {
-    const c = typeof t == "number", l = ft(() => c ? Math.min(Math.max(t, n), i) : 0, [t, n, i, c]), f = ft(() => c ? (l - n) / (i - n) * 100 : 0, [l, n, i, c]), h = c ? {
-      role: "progressbar",
-      "aria-valuemin": n,
-      "aria-valuemax": i,
-      "aria-valuenow": l
-    } : {
-      role: "progressbar",
-      "aria-valuemin": n,
-      "aria-valuemax": i
-    }, C = [
-      "uui-progress",
-      e === "circular" ? "uui-progress-circular" : "uui-progress-linear",
-      c ? "" : "uui-progress-indeterminate",
-      Ct(s),
-      u
-    ].filter(Boolean).join(" "), w = {
-      ...g ?? {},
-      ...a ? { "--uui-progress-thickness": `${a}px` } : {}
-    };
-    if (e === "circular") {
-      const x = I(), F = I();
-      return x.stroke.container(r), F.stroke(r), /* @__PURE__ */ o(
-        Pe,
-        {
-          className: C,
-          ref: d,
-          style: w,
-          ...h,
-          ...m,
-          children: /* @__PURE__ */ R("svg", { className: "uui-progress-svg", viewBox: "0 0 100 100", children: [
-            /* @__PURE__ */ o(
-              "circle",
-              {
-                className: "uui-progress-track",
-                cx: "50",
-                cy: "50",
-                fill: "none",
-                r: "45",
-                style: x.get()
-              }
-            ),
-            /* @__PURE__ */ o(
-              "circle",
-              {
-                className: "uui-progress-indicator",
-                cx: "50",
-                cy: "50",
-                fill: "none",
-                pathLength: "100",
-                r: "45",
-                strokeDasharray: "100",
-                strokeDashoffset: c ? 100 - f : void 0,
-                style: F.get()
-              }
-            )
-          ] })
-        }
-      );
-    }
-    const y = I(), b = I();
-    return y.bg.container(r), b.bg(r), /* @__PURE__ */ o(
-      Pe,
-      {
-        className: C,
-        ref: d,
-        style: w,
-        ...h,
-        ...m,
-        children: /* @__PURE__ */ o("div", { className: "uui-progress-track", style: y.get(), children: /* @__PURE__ */ o(
-          "div",
-          {
-            className: "uui-progress-indicator",
-            style: {
-              ...b.get(),
-              ...c ? { width: `${f}%` } : {}
-            }
-          }
-        ) })
-      }
-    );
-  }
-);
-Eo.displayName = "Progress";
-const Yn = Symbol.for("uui.avatar");
-function Io(e) {
-  return mt(e) && typeof e.type != "string" && !!e.type[Yn];
-}
-const Cn = Nn.filter(
-  (e) => e !== "white" && e !== "black"
-);
-function To(e) {
-  let t = 0;
-  for (let n = 0; n < e.length; n++)
-    t = e.charCodeAt(n) + ((t << 5) - t);
-  return Math.abs(t);
-}
-function Vo(e) {
-  const t = e == null ? void 0 : e.trim().split(/\s+/).filter(Boolean);
-  if (!(t != null && t.length))
-    return "";
-  const n = t[0][0], i = t.length > 1 ? t[t.length - 1][0] : "";
-  return (n + i).toUpperCase();
-}
-const an = L(
-  ({
-    children: e,
-    className: t,
-    shape: n = "round",
-    size: i = "medium",
-    src: r,
-    alt: s,
-    name: a,
-    color: u,
-    ...g
-  }, m) => {
-    const [d, c] = W(!1), l = ["uui-avatar", Ct(i), t].filter(Boolean).join(" "), f = !!(r && !d), h = Vo(a), C = ft(() => {
-      if (!a || f || u)
-        return;
-      const y = To(a) % Cn.length;
-      return Cn[y];
-    }, [a, f, u]);
-    let w;
-    return f ? w = /* @__PURE__ */ o(
-      "img",
-      {
-        alt: s ?? a ?? "",
-        draggable: !1,
-        onError: () => {
-          c(!0);
-        },
-        src: r
-      }
-    ) : a ? w = /* @__PURE__ */ o("span", { "aria-hidden": !0, children: h }) : w = e, /* @__PURE__ */ o(
-      Un,
-      {
-        "aria-label": f ? void 0 : a,
-        className: l,
-        color: u ?? C,
-        font: "labelLarge",
-        ref: m,
-        shape: n,
-        ...g,
-        children: w
-      }
-    );
-  }
-);
-an[Yn] = !0;
-an.displayName = "Avatar";
-const Do = L(
-  ({
-    children: e,
-    max: t,
-    overlap: n = 8,
-    size: i,
-    shape: r,
-    border: s,
-    borderColor: a,
-    overflow: u,
-    className: g,
-    ...m
-  }, d) => {
-    const c = xn.toArray(e).filter(Io), l = c.length;
-    let f = c, h = 0;
-    if (t !== void 0 && l > t) {
-      const y = Math.max(t - 1, 0);
-      f = c.slice(0, y), h = l - y;
-    }
-    const C = f.map(
-      (y, b) => Lt(y, {
-        key: y.key ?? b,
-        size: i ?? y.props.size,
-        shape: r ?? y.props.shape,
-        border: s ?? y.props.border,
-        borderColor: a ?? y.props.borderColor,
-        style: {
-          ...y.props.style ?? {},
-          marginInlineStart: b === 0 ? 0 : -n,
-          zIndex: b,
-          position: "relative"
-        }
-      })
-    );
-    if (h > 0) {
-      const y = (u == null ? void 0 : u(h)) ?? /* @__PURE__ */ R(an, { shape: r, size: i, children: [
-        "+",
-        h
-      ] });
-      C.push(
-        Lt(y, {
-          key: "overflow",
-          style: {
-            marginInlineStart: C.length === 0 ? 0 : -n,
-            zIndex: C.length,
-            position: "relative"
-          }
-        })
-      );
-    }
-    const w = ["uui-avatar-group", g].filter(Boolean).join(" ");
-    return /* @__PURE__ */ o(Wn, { alignItems: "center", ref: d, ...m, className: w, children: C });
-  }
-);
-Do.displayName = "AvatarGroup";
-export {
-  Yo as Accordion,
-  Bo as AccordionItem,
-  Rn as ArrowRightIcon,
-  Ji as Article,
-  Qi as Aside,
-  an as Avatar,
-  Do as AvatarGroup,
-  on as Badge,
-  mo as BottomSheet,
-  Pe as BoxBase,
-  Fi as Button,
-  kt as ButtonBase,
-  Li as Card,
-  Di as Checkbox,
-  nn as CheckboxBase,
-  Ti as CheckboxIcon,
-  $i as CheckmarkIcon,
-  Bi as Chip,
-  Zn as Collapse,
-  eo as Content,
-  I as ControlStyle,
-  Oi as DateField,
-  Hi as DateTimeField,
-  lo as Dialog,
-  ao as DialogActions,
-  zt as DialogBase,
-  uo as DialogContent,
-  co as DialogTitle,
-  to as Div,
-  _n as Divider,
-  fo as Drawer,
-  Ai as EmailField,
-  zi as Fab,
-  nt as FieldBase,
-  qn as Fieldset,
-  tn as FieldsetContext,
-  Wn as Flex,
-  no as Footer,
-  Un as Grid,
-  yo as H1,
-  bo as H2,
-  Co as H3,
-  vo as H4,
-  xo as H5,
-  wo as H6,
-  io as Header,
-  On as IS_DIVIDER,
-  Pn as IS_MENU,
-  rn as IS_MENU_ITEM,
-  Zi as IconButton,
-  Ei as IndeterminateIcon,
-  ko as Label,
-  Xo as List,
-  ln as ListItem,
-  oo as Main,
-  sn as Menu,
-  Vi as MenuCheckIcon,
-  Hn as MenuItem,
-  Wi as MonthField,
-  ro as Nav,
-  Ri as NumberField,
-  So as P,
-  Pi as PasswordField,
-  ji as PhoneField,
-  Eo as Progress,
-  Xi as Radio,
-  An as RadioCheckedIcon,
-  po as RadioGroup,
-  Tn as RadioGroupContext,
-  Ii as RadioIcon,
-  jn as RadioUncheckedIcon,
-  so as Section,
-  Ut as SelectionContext,
-  No as Span,
-  Ci as Spinner,
-  ho as Switch,
-  Xn as Tab,
-  Jo as Tabs,
-  ut as TextBase,
-  Mi as TextField,
-  Vn as ThemeContext,
-  Nn as ThemeExtendedColorKeys,
-  Go as ThemeProvider,
-  Fn as ThemeSchemeKeys,
-  Sn as ThemeSemanticColorKeys,
-  kn as ThemeSurfaceColorKeys,
-  _i as TimeField,
-  In as Toast,
-  hi as ToastViewport,
-  Ki as ToggleButton,
-  $o as Toolbar,
-  Yi as Tooltip,
-  qi as UrlField,
-  Ui as WeekField,
-  En as calculateFloatingPosition,
-  ui as capitalize,
-  wn as clampInt,
-  It as createRipple,
-  yn as defaultTheme,
-  ci as ensureInputMethod,
-  fi as generateMaterialColors,
-  mi as generateSchemes,
-  si as getAlignClass,
-  Bn as getAnimationClass,
-  Ho as getAnimationList,
-  Je as getBorderClass,
-  ht as getBorderColor,
-  en as getBorderColorClass,
-  _o as getColorClasses,
-  pt as getDensityClass,
-  st as getElevationClass,
-  zo as getFixedColorClasses,
-  Ce as getFontClass,
-  di as getInputMethod,
-  Ln as getMotionStyleClass,
-  Po as getOutlineClass,
-  li as getSemanticColorClasses,
-  Wo as getSemanticColorVar,
-  Re as getShapeClass,
-  Ct as getSizeClass,
-  Wt as getSurfaceColorClasses,
-  $n as getSurfaceColorVar,
-  qo as getTintOverlayColor,
-  Uo as hexToRgb,
-  ai as hexToRgbValues,
-  Ot as inverseColorMap,
-  Xt as isDivider,
-  Nt as isMenu,
-  Gt as isMenuItem,
-  gt as mergeRefs,
-  _t as motionClassMap,
-  Oo as setFocusVisible,
-  Et as toKebabCase,
-  Zo as toast,
-  Tt as uniqueID,
-  Dn as useAnimate,
-  vi as useClickOutside,
-  xi as useEscapeHandler,
-  wi as useFocusState,
-  qt as useFocusVisible,
-  Si as useResizeObserver,
-  Mn as useSelection,
-  Ko as useTheme
-};