@ufoui/core 0.0.4 → 0.0.12

package/index.mjs

@@ -1,3832 +0,0 @@
-import { jsx as i, jsxs as j, Fragment as tt } from "react/jsx-runtime";
-import lt, { forwardRef as P, isValidElement as vt, createContext as xt, useSyncExternalStore as kn, useState as ee, useRef as ce, useCallback as yt, useEffect as ye, useContext as It, cloneElement as At, useLayoutEffect as ln, useMemo as an } from "react";
-import { createPortal as Wt } from "react-dom";
-import { argbFromHex as bt, themeFromSourceColor as Fn, hexFromArgb as be, TonalPalette as Ln } from "@material/material-color-utilities";
-const Bn = (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], Ue = (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 "";
-  }
-}, wt = (e) => ({
-  extraSmall: "uui-extra-small",
-  small: "uui-small",
-  medium: "uui-medium",
-  large: "uui-large",
-  extraLarge: "uui-extra-large"
-})[e], nt = (e) => {
-  const n = un(0, 5, e);
-  return n === void 0 ? "" : `uui-border-${n}`;
-}, ut = (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 "";
-  }
-}, dt = (e) => {
-  switch (e) {
-    case "compact":
-      return "uui-compact";
-    case "dense":
-      return "uui-dense";
-    default:
-      return "";
-  }
-}, Ie = (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 ft(...e) {
-  return (n) => {
-    e.forEach((t) => {
-      if (typeof t == "function")
-        t(n);
-      else if (t) {
-        const r = t;
-        r.current = n;
-      }
-    });
-  };
-}
-const St = (e, n, t) => {
-  const r = t ?? e, s = r.querySelector(".ripple-container");
-  s && s.remove();
-  const o = e.getBoundingClientRect(), u = r.getBoundingClientRect(), l = n.clientX - o.left, m = n.clientY - o.top, p = l >= 0 && l <= o.width && m >= 0 && m <= o.height, c = p ? l : o.width / 2, a = p ? m : o.height / 2, f = Math.sqrt(
-    o.width * o.width + o.height * o.height
-  ), x = f / 2, g = document.createElement("div");
-  g.className = "ripple-container", g.style.position = "absolute", g.style.pointerEvents = "none", g.style.overflow = "hidden", g.style.width = `${o.width}px`, g.style.height = `${o.height}px`, g.style.left = `${o.left - u.left}px`, g.style.top = `${o.top - u.top}px`, requestAnimationFrame(() => {
-    g.style.borderRadius = getComputedStyle(e).borderRadius;
-  });
-  const w = document.createElement("span");
-  w.className = "ripple", w.style.position = "absolute", w.style.width = `${f}px`, w.style.height = `${f}px`, w.style.left = `${c - x}px`, w.style.top = `${a - x}px`, g.appendChild(w), r.appendChild(g), w.addEventListener("animationend", () => {
-    g.remove();
-  });
-}, $t = (e) => (
-  // eslint-disable-next-line sonarjs/pseudo-random
-  `${e}_${Math.floor((1 + Math.random()) * 65536).toString(16).substring(1)}`
-);
-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 un(e, n, t, r) {
-  const s = Number(t);
-  return Number.isFinite(s) ? Math.min(n, Math.max(e, Math.round(s))) : r;
-}
-const cn = [
-  "primary",
-  "secondary",
-  "tertiary",
-  "warning",
-  "info",
-  "success",
-  "error"
-], Nn = [
-  ...cn,
-  "primaryContainer",
-  "primaryFixed",
-  "primaryFixedDim",
-  "secondaryContainer",
-  "secondaryFixed",
-  "secondaryFixedDim",
-  "tertiaryContainer",
-  "tertiaryFixed",
-  "tertiaryFixedDim",
-  "warningContainer",
-  "warningFixed",
-  "warningFixedDim",
-  "infoContainer",
-  "infoFixed",
-  "infoFixedDim",
-  "successContainer",
-  "successFixed",
-  "successFixedDim",
-  "errorContainer",
-  "errorFixed",
-  "errorFixedDim",
-  "black",
-  "white"
-], dn = [
-  ...Nn,
-  "outline",
-  "outlineVariant",
-  "surface",
-  "surfaceVariant",
-  "background",
-  "inverseSurface",
-  "inversePrimary",
-  "surfaceContainerHighest",
-  "surfaceContainerHigh",
-  "surfaceContainer",
-  "surfaceContainerLow",
-  "surfaceContainerLowest",
-  "surfaceBright",
-  "surfaceDim"
-], fn = [
-  ...dn,
-  "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"
-], Mt = {
-  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 In(e) {
-  return e ? Mt[e] ?? "" : "";
-}
-function Wr() {
-  return Object.keys(Mt);
-}
-function En(e) {
-  return e === "expressive" ? "uui-motion-expressive" : "";
-}
-const Tn = (e) => {
-  const n = cn.includes(e) ? e : "primary";
-  return {
-    textColor: `uui-text-${n}`,
-    borderColor: `uui-border-${n}`,
-    bgColor: `uui-bg-${n}`,
-    textOnColor: `uui-text-on-${n}`,
-    borderOnColor: `uui-border-on-${n}`,
-    bgOnColor: `uui-bg-on-${n}`,
-    textContainer: `uui-text-${n}-container`,
-    borderContainer: `uui-border-${n}-container`,
-    bgContainer: `uui-bg-${n}-container`,
-    textOnContainer: `uui-text-on-${n}-container`,
-    borderOnContainer: `uui-border-on-${n}-container`,
-    bgOnContainer: `uui-bg-on-${n}-container`,
-    textFixed: `uui-text-${n}-fixed`,
-    borderFixed: `uui-border-${n}-fixed`,
-    bgFixed: `uui-bg-${n}-fixed`,
-    textOnFixed: `uui-text-on-${n}-fixed`,
-    borderOnFixed: `uui-border-on-${n}-fixed`,
-    bgOnFixed: `uui-bg-on-${n}-fixed`,
-    textFixedDim: `uui-text-${n}-fixed-dim`,
-    borderFixedDim: `uui-border-${n}-fixed-dim`,
-    bgFixedDim: `uui-bg-${n}-fixed-dim`,
-    textOnFixedVariant: `uui-text-on-${n}-fixed-variant`,
-    borderOnFixedVariant: `uui-border-on-${n}-fixed-variant`,
-    bgOnFixedVariant: `uui-bg-on-${n}-fixed-variant`
-  };
-}, Tt = {
-  // 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"
-}, Vt = (e) => {
-  const n = dn.includes(e) ? e : "primary", t = Et(n), r = Et(Tt[n]);
-  return {
-    textColor: `uui-text-${t}`,
-    textOnColor: `uui-text-${r}`,
-    borderColor: `uui-border-${t}`,
-    borderOnColor: `uui-border-${r}`,
-    bgColor: `uui-bg-${t}`,
-    bgOnColor: `uui-bg-${r}`
-  };
-}, Hr = (e) => {
-  const n = fn.includes(e) ? e : "primary", t = Et(n);
-  return {
-    textColor: `uui-text-${t}`,
-    borderColor: `uui-border-${t}`,
-    bgColor: `uui-bg-${t}`
-  };
-};
-function Ht(e) {
-  return Vt(e).borderColor;
-}
-const qr = (e) => {
-  const n = e.toLowerCase(), t = `--uui-color-${n}`, r = `--uui-color-on-${n}`;
-  return {
-    color: `var(${t})`,
-    onColor: `var(${r})`,
-    container: `var(${t}-container)`,
-    onContainer: `var(${r}-container)`,
-    fixed: `var(${t}-fixed)`,
-    fixedDim: `var(${t}-fixed-dim)`,
-    onFixed: `var(${r}-fixed)`,
-    onFixedVariant: `var(${r}-fixed-variant)`
-  };
-}, mn = (e) => {
-  const n = e.toLowerCase(), t = `--uui-color-${n}`, r = `--uui-color-on-${n}`;
-  return {
-    color: `var(${t})`,
-    onColor: `var(${r})`
-  };
-}, Mn = (e) => [
-  parseInt(e.slice(1, 3), 16),
-  parseInt(e.slice(3, 5), 16),
-  parseInt(e.slice(5, 7), 16)
-], Zr = (e) => [
-  parseInt(e.slice(1, 3), 16),
-  parseInt(e.slice(3, 5), 16),
-  parseInt(e.slice(5, 7), 16)
-].join(",");
-function _r(e, n) {
-  const r = {
-    0: "0",
-    1: "0.05",
-    2: "0.08",
-    3: "0.11",
-    4: "0.12",
-    5: "0.14"
-  }[e] ?? 0, [s, o, u] = Mn(n);
-  return `rgba(${String(s)}, ${String(o)}, ${String(u)}, ${r})`;
-}
-const Kr = () => {
-  const e = [
-    "surface",
-    "onSurface",
-    "surfaceDim",
-    "surfaceBright",
-    "surfaceContainerLowest",
-    "surfaceContainerLow",
-    "surfaceContainer",
-    "surfaceContainerHigh",
-    "surfaceContainerHighest",
-    "onSurfaceVariant",
-    "inverseSurface",
-    "inverseOnSurface",
-    "outline",
-    "outlineVariant",
-    "inversePrimary",
-    "scrim",
-    "shadow",
-    "white",
-    "black",
-    "background",
-    "onBackground",
-    "surfaceTint"
-  ], n = {};
-  for (const t of e) {
-    const r = t.charAt(0).toUpperCase() + t.slice(1);
-    n[`text${r}`] = `uui-text-${t}`, n[`border${r}`] = `uui-border-${t}`, n[`outline${r}`] = `uui-outline-${t}`, n[`bg${r}`] = `uui-bg-${t}`;
-  }
-  return n;
-}, Gr = (e) => {
-  const n = Et(e), t = [
-    ["currentColor", `uui-current-${n}`],
-    ["currentOnColor", `uui-current-on-${n}`],
-    ["currentContainer", `uui-current-${n}-container`],
-    ["currentOnContainer", `uui-current-on-${n}-container`],
-    ["currentFixed", `uui-current-${n}-fixed`],
-    ["currentOnFixed", `uui-current-on-${n}-fixed`],
-    ["currentFixedDim", `uui-current-${n}-fixed-dim`],
-    ["currentOnFixedVariant", `uui-current-on-${n}-fixed-variant`],
-    ["currentOnSurface", "uui-current-on-surface"],
-    ["currentSurface", "uui-current-surface"],
-    ["currentSurfaceDim", "uui-current-surface-dim"],
-    ["currentSurfaceBright", "uui-current-surface-bright"],
-    ["currentSurfaceContainerLowest", "uui-current-surface-container-lowest"],
-    ["currentSurfaceContainerLow", "uui-current-surface-container-low"],
-    ["currentSurfaceContainer", "uui-current-surface-container"],
-    ["currentSurfaceContainerHigh", "uui-current-surface-container-high"],
-    ["currentSurfaceContainerHighest", "uui-current-surface-container-highest"],
-    ["currentOnSurfaceVariant", "uui-current-on-surface-variant"],
-    ["currentInverseSurface", "uui-current-inverse-surface"],
-    ["currentInverseOnSurface", "uui-current-inverse-on-surface"],
-    ["currentOutline", "uui-current-outline"],
-    ["currentOutlineVariant", "uui-current-outline-variant"],
-    ["currentInversePrimary", "uui-current-inverse-primary"],
-    ["currentScrim", "uui-current-scrim"],
-    ["currentShadow", "uui-current-shadow"],
-    ["currentWhite", "uui-current-white"],
-    ["currentBlack", "uui-current-black"]
-  ];
-  return Object.fromEntries(t);
-};
-function Vn(e) {
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}
-function T(e) {
-  const n = { ...e || {} };
-  function t(c, a) {
-    n[c] = a;
-  }
-  const r = (c) => `var(--uui-color-${c.replace(/[A-Z]/g, (a) => "-" + a.toLowerCase())})`, s = (c) => Object.assign(
-    (a) => {
-      a && c(r(a));
-    },
-    {
-      on(a) {
-        if (a) {
-          const f = Tt[a];
-          f !== void 0 && c(r(f));
-        }
-      },
-      container(a) {
-        a && c(r(`${a}Container`));
-      },
-      onContainer(a) {
-        a && c(r(`on${Vn(a)}Container`));
-      },
-      fixed(a) {
-        a && c(r(`${a}Fixed`));
-      },
-      fixedDim(a) {
-        a && c(r(`${a}FixedDim`));
-      }
-    }
-  ), o = s((c) => {
-    t("backgroundColor", c);
-  }), u = s((c) => {
-    t("color", c);
-  }), l = s((c) => {
-    t("borderColor", c);
-  }), m = s((c) => {
-    t("outlineColor", c);
-  }), p = s((c) => {
-    t("--uui-current-color", c);
-  });
-  return {
-    bg: o,
-    text: u,
-    border: l,
-    outline: m,
-    current: p,
-    set: t,
-    get() {
-      return n;
-    },
-    merge(c) {
-      c && Object.assign(n, c);
-    }
-  };
-}
-function mt(e) {
-  return e ?? "outlineVariant";
-}
-const Dn = P(
-  ({ font: e, size: n = "small", ...t }, r) => /* @__PURE__ */ i(
-    Ct,
-    {
-      font: e ?? {
-        extraSmall: "labelLarge",
-        small: "labelLarge",
-        medium: "titleMedium",
-        large: "headlineSmall",
-        extraLarge: "headlineLarge"
-      }[n],
-      ref: r,
-      size: n,
-      ...t,
-      elementClass: "uui-button"
-    }
-  )
-);
-Dn.displayName = "Button";
-const Rn = P(
-  ({
-    font: e,
-    size: n = "small",
-    shape: t = "smooth",
-    selectedShape: r = "smooth",
-    borderColor: s = "outlineVariant",
-    ...o
-  }, u) => /* @__PURE__ */ i(
-    Ct,
-    {
-      borderColor: s,
-      font: e ?? {
-        extraSmall: "labelLarge",
-        small: "labelLarge",
-        medium: "titleMedium",
-        large: "headlineSmall",
-        extraLarge: "headlineLarge"
-      }[n],
-      ref: u,
-      selectedShape: r,
-      ...o,
-      elementClass: "uui-chip",
-      shape: t,
-      size: n
-    }
-  )
-);
-Rn.displayName = "Chip";
-const qt = (e) => {
-  const {
-    children: n,
-    className: t,
-    border: r,
-    borderColor: s,
-    color: o = "error",
-    align: u = "topRight",
-    shape: l = "round",
-    size: m = "medium",
-    elevation: p,
-    ariaLabel: c,
-    value: a,
-    font: f,
-    offset: x,
-    ...g
-  } = e, w = "uui-badge", F = f ?? (m === "extraLarge" || m === "large" ? "labelMedium" : "labelSmall"), b = [
-    "uui-badge-control",
-    t,
-    Ue(l),
-    wt(m),
-    Ie(F)
-  ], h = ["uui-badge-slot", Bn(u)].filter(Boolean).join(" "), $ = T();
-  $.bg(o), $.text.on(o), x !== void 0 && $.set("--uui-badge-offset", `${x}px`), p !== void 0 && b.push(ut(p)), r !== void 0 && (b.push(nt(r)), $.border(mt(s)));
-  const k = b.filter(Boolean).join(" "), S = /* @__PURE__ */ i(
-    "span",
-    {
-      "aria-label": c,
-      className: k,
-      style: $.get(),
-      children: m !== "small" && m !== "extraSmall" && a
-    }
-  );
-  return n ? /* @__PURE__ */ j("span", { className: w, ...g, children: [
-    n,
-    /* @__PURE__ */ i("span", { className: h, children: S })
-  ] }) : S;
-};
-qt.displayName = "Badge";
-const Xr = (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], jn = (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 "";
-  }
-}, zr = (e) => {
-  switch (e) {
-    case "large":
-      return "uui-font-body-large";
-    case "medium":
-      return "uui-font-body-medium";
-    default:
-      return "uui-font-body-small";
-  }
-}, Yr = (e) => ({
-  extraSmall: "uui-extra-small",
-  small: "uui-small",
-  medium: "uui-medium",
-  large: "uui-large",
-  extraLarge: "uui-extra-large"
-})[e], An = (e) => {
-  const n = Pn(0, 5, e);
-  return n === void 0 ? "" : `uui-border-${n}`;
-}, Jr = (e) => +e > 0 || +e < 5 ? `uui-outline-${String(e)}` : "uui-outline-0", On = (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 "";
-  }
-}, Qr = (e) => {
-  switch (e) {
-    case "compact":
-      return "uui-compact";
-    case "dense":
-      return "uui-dense";
-    default:
-      return "";
-  }
-}, tn = (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 ei(...e) {
-  return (n) => {
-    e.forEach((t) => {
-      if (typeof t == "function")
-        t(n);
-      else if (t) {
-        const r = t;
-        r.current = n;
-      }
-    });
-  };
-}
-const ti = (e, n, t) => {
-  const r = t ?? e, s = r.querySelector(".ripple-container");
-  s && s.remove();
-  const o = e.getBoundingClientRect(), u = r.getBoundingClientRect(), l = n.clientX - o.left, m = n.clientY - o.top, p = l >= 0 && l <= o.width && m >= 0 && m <= o.height, c = p ? l : o.width / 2, a = p ? m : o.height / 2, f = Math.sqrt(
-    o.width * o.width + o.height * o.height
-  ), x = f / 2, g = document.createElement("div");
-  g.className = "ripple-container", g.style.position = "absolute", g.style.pointerEvents = "none", g.style.overflow = "hidden", g.style.width = `${o.width}px`, g.style.height = `${o.height}px`, g.style.left = `${o.left - u.left}px`, g.style.top = `${o.top - u.top}px`, requestAnimationFrame(() => {
-    g.style.borderRadius = getComputedStyle(e).borderRadius;
-  });
-  const w = document.createElement("span");
-  w.className = "ripple", w.style.position = "absolute", w.style.width = `${f}px`, w.style.height = `${f}px`, w.style.left = `${c - x}px`, w.style.top = `${a - x}px`, g.appendChild(w), r.appendChild(g), w.addEventListener("animationend", () => {
-    g.remove();
-  });
-}, ni = (e) => (
-  // eslint-disable-next-line sonarjs/pseudo-random
-  `${e}_${Math.floor((1 + Math.random()) * 65536).toString(16).substring(1)}`
-);
-function nn(e) {
-  return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
-}
-function ri(e) {
-  if (!vt(e))
-    return;
-  const n = e.type;
-  if (typeof n == "function" && "displayName" in n)
-    return n.displayName;
-  const t = n;
-  if (t && typeof t == "object" && "type" in t) {
-    const r = t.type;
-    if (typeof r == "function" && "displayName" in r)
-      return r.displayName;
-  }
-  if (t && typeof t == "object" && "render" in t) {
-    const r = t.render;
-    if (typeof r == "function" && "displayName" in r)
-      return r.displayName;
-  }
-}
-function ii(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 Pn(e, n, t, r) {
-  const s = Number(t);
-  return Number.isFinite(s) ? Math.min(n, Math.max(e, Math.round(s))) : r;
-}
-const Un = P(
-  ({
-    children: e,
-    className: n = "",
-    color: t = "error",
-    position: r = "topRight",
-    shape: s = "round",
-    size: o = "medium",
-    outlined: u,
-    raised: l,
-    filled: m = !0,
-    value: p,
-    ...c
-  }, a) => {
-    const { bgColor: f, textOnColor: x, textColor: g } = Tn(t);
-    return Ht(t), /* @__PURE__ */ i("span", { className: ["uui-card-wrapper"].join(" "), ref: a, ...c, children: e });
-  }
-);
-Un.displayName = "Card";
-const Wn = xt(
-  null
-), Zt = xt(null);
-let rn = !1, Ut = "pointer";
-function Hn() {
-  rn || typeof window > "u" || (rn = !0, window.addEventListener(
-    "keydown",
-    () => {
-      Ut = "keyboard";
-    },
-    !0
-  ), window.addEventListener(
-    "pointerdown",
-    () => {
-      Ut = "pointer";
-    },
-    !0
-  ));
-}
-function qn() {
-  return Ut;
-}
-function Dt() {
-  return Hn(), kn(
-    () => () => {
-    },
-    () => qn() === "keyboard",
-    () => !1
-  );
-}
-function Zn(e = {}) {
-  const { action: n = "idle" } = e, [t, r] = ee("idle"), [s, o] = ee(!1), { t1: u = 0, t2: l, oneShot: m = !1 } = e, p = l ?? Math.round(u * 0.67), c = ce(null), a = () => c.current !== null ? (clearTimeout(c.current), c.current = null, !0) : !1, f = yt(
-    (h) => {
-      function $(S, M) {
-        c.current = window.setTimeout(() => {
-          r(S);
-        }, M);
-      }
-      if (a() && o(!0), m) {
-        u ? ($("open", u), r("opening")) : r((S) => S === "opening" ? "open" : "opening");
-        return;
-      }
-      if (u) {
-        const S = (
-          // eslint-disable-next-line sonarjs/no-nested-conditional,no-nested-ternary
-          h === "closed" ? !0 : h === "open" ? !1 : t === "open" || t === "opening"
-        ), M = S ? "closing" : "opening", A = S ? "closed" : "open";
-        r(M), $(A, A === "open" ? u : p);
-        return;
-      }
-      r((S) => {
-        switch (S) {
-          case "idle":
-          case "closed":
-            return "opening";
-          case "opening":
-            return "open";
-          case "open":
-            return "closing";
-          case "closing":
-            return "closed";
-          default:
-            return S;
-        }
-      });
-    },
-    [m, t, u, p]
-  );
-  ye(() => {
-    s && o(!1);
-  }, [s]), ye(() => {
-    n !== "idle" && f(n === "open" ? "open" : "closed");
-  }, []);
-  const x = t === "closing", g = t === "opening";
-  return {
-    opening: g,
-    closing: x,
-    animating: (g || x) && !s,
-    idle: t === "idle",
-    animationVars: {
-      "--uui-duration": `${g ? u : p}ms`,
-      "--uui-reverse": x ? "reverse" : "normal"
-    },
-    animate: f
-  };
-}
-const _t = P(
-  (e, n) => {
-    const {
-      elementClass: t,
-      density: r,
-      icon: s,
-      disabled: o,
-      elevation: u,
-      checked: l,
-      children: m,
-      color: p,
-      uncheckedColor: c,
-      defaultChecked: a,
-      indeterminate: f,
-      hoverEffects: x = ["overlay"],
-      touchEffects: g = ["ripple"],
-      focusEffects: w = ["ring"],
-      selectedEffects: F = [],
-      pressedEffects: b = ["overlay"],
-      id: h,
-      name: $,
-      label: k,
-      font: S,
-      border: M,
-      borderColor: A,
-      uncheckedBorder: q,
-      uncheckedBorderColor: E,
-      onChange: I,
-      onClick: y,
-      type: C,
-      required: v,
-      shape: N = "smooth",
-      title: Z,
-      filled: U,
-      value: X,
-      size: we = "small",
-      uncheckedIcon: he,
-      indeterminateIcon: K,
-      description: Me,
-      descriptionColor: De,
-      descriptionFont: V,
-      className: O,
-      error: Q,
-      animation: fe,
-      duration: de = 150,
-      motionStyle: D = "regular",
-      focusColor: Ve,
-      labelColor: ke,
-      textColor: z,
-      readOnly: te,
-      tooltipAlign: W = "auto",
-      textPlacement: ie = "end",
-      "aria-label": We,
-      ...oe
-    } = e, { animationVars: ne, animate: ve, animating: He } = Zn({
-      t1: de,
-      oneShot: !0
-    }), _ = It(Wn), me = C === "radio" ? $ ?? (_ == null ? void 0 : _.name) : $, Ee = It(Zt), Re = o ?? (Ee == null ? void 0 : Ee.disabled), se = Dt(), [Se, Ce] = ee(!1), Fe = ce(null), $e = ce(null), pe = ce(null), qe = ce($t("check")), ge = h ?? qe.current, Le = l !== void 0, [Be, Ze] = ee(
-      a ?? !1
-    );
-    let le;
-    Le ? le = !!l : (_ == null ? void 0 : _.value) !== void 0 ? le = _.value === X : le = Be;
-    const L = f ? "indeterminate" : le ? "checked" : "unchecked", [Y, Te] = ee(L), G = We ?? (k ? void 0 : Z), Je = Q ? "error" : !le && !f && c ? c : p, _e = Z ? /* @__PURE__ */ i("div", { id: `${ge}-tip`, children: Z }) : null, H = (Pe) => {
-      if (te) {
-        Pe.preventDefault();
-        return;
-      }
-      const rt = Pe.currentTarget;
-      Le || (C === "radio" && (_ != null && _.setValue) && _.setValue(rt.value), Ze(rt.checked)), I == null || I(Pe);
-    }, ae = (Pe) => {
-      if (te) {
-        Pe.preventDefault();
-        return;
-      }
-      g.includes("ripple") && pe.current && $e.current && St(pe.current, Pe, $e.current), y == null || y(Pe);
-    }, je = (Pe) => {
-      var rt;
-      Ce(!0), (rt = e.onFocus) == null || rt.call(e, Pe);
-    }, Ae = (Pe) => {
-      var rt;
-      Ce(!1), (rt = e.onBlur) == null || rt.call(e, Pe);
-    };
-    ye(() => {
-      L !== Y && fe && ve();
-    }, [L, Y, fe, ve]), ye(() => {
-      He || Te(L);
-    }, [He, L]);
-    const Oe = T(), J = [
-      t,
-      "uui-cb",
-      dt(r),
-      O,
-      Re && "uui-disabled",
-      ...m ? [] : [wt(we)]
-    ].filter(Boolean).join(" "), Xe = [
-      "uui-cb-control",
-      le && "uui-checked",
-      f && "uui-indeterminate",
-      U && "uui-filled",
-      ...x.includes("overlay") && !te ? ["uui-hover-overlay"] : [],
-      ...w.includes("overlay") && se && Se ? ["uui-focus-overlay"] : [],
-      ...F.includes("overlay") ? ["uui-selected-overlay"] : [],
-      ...b.includes("overlay") && !te ? ["uui-pressed-overlay"] : [],
-      ...m ? [Ue(N)] : ["uui-round"]
-    ].filter(Boolean).join(" "), Ne = T();
-    Ve && se && Se && Ne.set(
-      "--uui-focus-color",
-      mn(Ve).color
-    );
-    const re = [
-      "uui-input",
-      w.includes("ring") && se && Se && "uui-focus-visible uui-focus-ring"
-    ].filter(Boolean).join(" "), Qe = ["uui-state"].filter(Boolean).join(" "), Ge = T();
-    Ge.bg(Je);
-    const ot = [
-      "uui-cb-glyph",
-      ut(u),
-      Ue(N),
-      nt(le ? M : q)
-    ].filter(Boolean).join(" "), et = T(), pt = In(fe), Ke = [
-      "uui-icon",
-      He && pt,
-      En(D)
-    ].filter(Boolean).join(" "), ue = T();
-    ue.merge(ne), le || f || c ? (et.border(Q ? "error" : A), U ? (!le && !he && !f || et.bg(Je), ue.text.on(Je)) : ue.text(Je)) : (U && he ? (ue.text(Q ? "onError" : "surface"), et.bg(Q ? "error" : "onSurfaceVariant")) : he && ue.text(Q ? "error" : "onSurfaceVariant"), et.border(Q ? "error" : E));
-    let ze;
-    if (m) {
-      const Pe = [
-        "uui-cb-content uui-overflow-hidden",
-        Ue(N),
-        nt(M)
-      ].filter(Boolean).join(" ");
-      ze = /* @__PURE__ */ i("div", { className: Pe, children: m });
-    } else {
-      const Pe = (
-        // eslint-disable-next-line sonarjs/no-nested-conditional,no-nested-ternary
-        Y === "indeterminate" ? K : Y === "checked" ? s : he
-      );
-      ze = /* @__PURE__ */ i("div", { className: ot, style: et.get(), children: /* @__PURE__ */ i("div", { className: Ke, style: ue.get(), children: Pe }) });
-    }
-    const gt = T();
-    gt.text(
-      (Q ? "error" : void 0) ?? ke ?? z ?? "onSurface"
-    );
-    const Ft = [
-      Ie(S ?? "bodyMedium"),
-      "uui-cb-label"
-    ].join(" "), Lt = k && /* @__PURE__ */ j("label", { className: Ft, htmlFor: ge, style: gt.get(), children: [
-      k,
-      v && /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
-    ] }), st = T();
-    Q ? st.text("error") : De ? st.text(De) : st.text.on("surfaceVariant");
-    const Rt = [
-      Ie(V ?? "bodySmall"),
-      Q && "uui-error uui-support-text",
-      Me && !Q && "uui-description uui-support-text"
-    ].filter(Boolean).join(" "), Bt = (Me ?? Q) && /* @__PURE__ */ i("div", { className: Rt, style: st.get(), children: Q ?? Me }), jt = (Lt ?? Bt) && /* @__PURE__ */ j(tt, { children: [
-      Lt,
-      Bt
-    ] }), ct = T();
-    return ie === "end" ? (gt.set("gridColumn", 2), st.set("gridColumn", 2), ct.set("gridColumn", 1)) : ie === "start" ? (gt.set("gridColumn", 1), st.set("gridColumn", 1), ct.set("gridColumn", 2), ct.set("gridRow", 1)) : (Oe.set("gridTemplateColumns", "1fr"), Oe.set("justifyItems", "start")), ie === "top" && (ct.set("order", 1), st.set("order", 2)), /* @__PURE__ */ j("div", { className: J, style: Oe.get(), children: [
-      /* @__PURE__ */ i(
-        "div",
-        {
-          className: "uui-cb-control-wrapper",
-          style: ct.get(),
-          children: /* @__PURE__ */ j(
-            "div",
-            {
-              className: Xe,
-              ref: $e,
-              style: Ne.get(),
-              children: [
-                /* @__PURE__ */ i(
-                  "input",
-                  {
-                    "aria-label": G,
-                    "aria-readonly": te === !0 ? !0 : void 0,
-                    checked: !!le,
-                    className: re,
-                    disabled: Re,
-                    id: ge,
-                    name: me,
-                    onBlur: Ae,
-                    onChange: H,
-                    onClick: ae,
-                    onFocus: je,
-                    readOnly: te,
-                    ref: ft(Fe, n),
-                    type: C,
-                    value: X,
-                    ...oe
-                  }
-                ),
-                /* @__PURE__ */ i(
-                  "div",
-                  {
-                    className: Qe,
-                    ref: pe,
-                    style: Ge.get()
-                  }
-                ),
-                ze
-              ]
-            }
-          )
-        }
-      ),
-      jt,
-      _e && /* @__PURE__ */ i(
-        kt,
-        {
-          align: W,
-          tooltip: _e,
-          triggerRef: Fe
-        }
-      )
-    ] });
-  }
-);
-_t.displayName = "CheckBoxBase";
-const _n = /* @__PURE__ */ i("svg", { fill: "none", viewBox: "3 3 18 18", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
-  "path",
-  {
-    d: "M10 16.4L6 12.4L7.4 11L10 13.6L16.6 7L18 8.4L10 16.4Z",
-    fill: "currentColor"
-  }
-) }), Kn = /* @__PURE__ */ i("svg", { fill: "none", viewBox: "3 3 18 18", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i("path", { d: "M6 13V11H18V13H6Z", fill: "currentColor" }) }), Gn = P(
-  ({
-    shape: e = "smooth",
-    border: n,
-    uncheckedBorder: t,
-    color: r,
-    borderColor: s,
-    animation: o,
-    uncheckedBorderColor: u,
-    uncheckedIcon: l,
-    indeterminateIcon: m,
-    indeterminate: p,
-    icon: c,
-    size: a = "small",
-    filled: f = !0,
-    ...x
-  }, g) => {
-    const w = r ?? "primary", F = !c && n === void 0 ? void 0 : n;
-    let b;
-    return p ? b = n : b = !l && t === void 0 ? n ?? 2 : t, /* @__PURE__ */ i(
-      _t,
-      {
-        animation: o ?? "scale",
-        border: F,
-        borderColor: s ?? w,
-        color: w,
-        elementClass: "uui-checkbox",
-        filled: f,
-        icon: c ?? _n,
-        indeterminate: p,
-        indeterminateIcon: m ?? Kn,
-        ref: g,
-        shape: e,
-        size: a,
-        type: "checkbox",
-        uncheckedBorder: b,
-        uncheckedBorderColor: u ?? s ?? "onSurfaceVariant",
-        uncheckedIcon: l,
-        ...x
-      }
-    );
-  }
-);
-Gn.displayName = "Checkbox";
-const oi = P(
-  (e, n) => /* @__PURE__ */ i(
-    at,
-    {
-      ref: n,
-      ...e,
-      type: "date",
-      className: "UIDateInput"
-    }
-  )
-), si = P(
-  (e, n) => /* @__PURE__ */ i(
-    at,
-    {
-      ref: n,
-      ...e,
-      type: "datetime-local",
-      className: "UIDateTimeInput"
-    }
-  )
-), li = P(
-  (e, n) => /* @__PURE__ */ i(
-    at,
-    {
-      ref: n,
-      ...e,
-      type: "email",
-      className: "UIFormEmailInput"
-    }
-  )
-), Xn = P(
-  ({
-    elevation: e = 3,
-    font: n,
-    size: t = "medium",
-    shape: r = "rounded",
-    label: s,
-    ...o
-  }, u) => /* @__PURE__ */ i(
-    Ct,
-    {
-      ref: u,
-      ...o,
-      elementClass: s ? "uui-fab uui-fab-extended" : "uui-fab",
-      elevation: e,
-      font: n ?? {
-        extraSmall: "labelLarge",
-        small: "titleMedium",
-        medium: "titleMedium",
-        large: "headlineSmall",
-        extraLarge: "headlineLarge"
-      }[t],
-      label: s,
-      shape: r,
-      size: t
-    }
-  )
-);
-Xn.displayName = "Fab";
-const zn = P(
-  ({
-    "aria-label": e,
-    endIcon: n,
-    trailing: t,
-    loading: r,
-    size: s = "small",
-    shape: o = "round",
-    label: u,
-    title: l,
-    children: m,
-    ...p
-  }, c) => /* @__PURE__ */ i(
-    Ct,
-    {
-      ref: c,
-      ...p,
-      "aria-label": e ?? u,
-      elementClass: "uui-icon-button",
-      loading: r,
-      shape: o,
-      size: s,
-      title: l,
-      children: !r && m
-    }
-  )
-);
-zn.displayName = "IconButton";
-const Yn = P(
-  ({
-    selected: e = !1,
-    shape: n = "rounded",
-    size: t = "medium",
-    ...r
-  }, s) => /* @__PURE__ */ i(
-    Ct,
-    {
-      ref: s,
-      ...r,
-      "aria-pressed": e,
-      elementClass: `uui-toggle-button${e ? " uui-selected" : ""}`,
-      filled: e,
-      shape: n,
-      size: t
-    }
-  )
-);
-Yn.displayName = "ToggleButton";
-const pn = Symbol.for("uui.menu");
-function ht(e) {
-  return vt(e) && typeof e.type != "string" && !!e.type[pn];
-}
-function gn(e, n, t = {}) {
-  const { placement: r = "topCenter", offset: s = 8, mode: o = "tooltip" } = t, u = 12, l = {
-    tooltip: ["topCenter", "bottomCenter", "centerRight", "centerLeft"],
-    dropdown: ["bottomCenter", "topCenter", "centerRight", "centerLeft"],
-    menu: [
-      "bottomLeft",
-      "bottomRight",
-      "topLeft",
-      "topRight",
-      "centerRight",
-      "centerLeft"
-    ],
-    submenu: [
-      "topRightOut",
-      "topLeftOut",
-      "centerRight",
-      "centerLeft",
-      "bottomCenter",
-      "topCenter"
-    ]
-  }, m = r === "auto" ? l[o] : [r, ...l[o]], p = e.current, c = n.current;
-  if (!p || !c)
-    return null;
-  const a = p.getBoundingClientRect(), f = c.getBoundingClientRect(), x = window.innerWidth, g = window.innerHeight, w = (b) => {
-    let h = 0, $ = 0;
-    switch (b) {
-      case "topCenter":
-        h = a.left + (a.width - f.width) / 2, $ = a.top - f.height - s;
-        break;
-      case "topLeft":
-        h = a.left, $ = a.top - f.height - s;
-        break;
-      case "topRight":
-        h = a.right - f.width, $ = a.top - f.height - s;
-        break;
-      case "bottomCenter":
-        h = a.left + (a.width - f.width) / 2, $ = a.bottom + s;
-        break;
-      case "bottomLeft":
-        h = a.left, $ = a.bottom + s;
-        break;
-      case "bottomRight":
-        h = a.right - f.width, $ = a.bottom + s;
-        break;
-      case "centerLeft":
-        h = a.left - f.width - s, $ = a.top + (a.height - f.height) / 2;
-        break;
-      case "centerRight":
-        h = a.right + s, $ = a.top + (a.height - f.height) / 2;
-        break;
-      case "center":
-        h = a.left + (a.width - f.width) / 2, $ = a.top + (a.height - f.height) / 2;
-        break;
-      case "topRightOut":
-        h = a.right + s, $ = a.top;
-        break;
-      case "topLeftOut":
-        h = a.left - f.width - s, $ = a.top;
-        break;
-    }
-    return { x: h, y: $, placement: b };
-  };
-  for (const b of m) {
-    const h = w(b), $ = h.x >= 0 && h.x + f.width <= x, k = h.y >= 0 && h.y + f.height <= g;
-    let S = !1;
-    if (b === "centerLeft" || b === "centerRight" ? S = $ : b === "topCenter" || b === "bottomCenter" || b === "center" ? S = k : S = $ && k, S)
-      return h.x = Math.max(
-        u,
-        Math.min(h.x, x - f.width - u)
-      ), h.y = Math.max(
-        u,
-        Math.min(h.y, g - f.height - u)
-      ), h;
-  }
-  const F = w(r);
-  return F.x = Math.max(
-    u,
-    Math.min(F.x, x - f.width - u)
-  ), F.y = Math.max(
-    u,
-    Math.min(F.y, g - f.height - u)
-  ), F;
-}
-function Jn(e, n, t, r) {
-  ye(() => {
-    if (!e)
-      return;
-    const s = (o) => {
-      var p, c;
-      const u = o.target;
-      if (Array.isArray(n)) {
-        const a = n.some((x) => {
-          var g;
-          return (g = x.current) == null ? void 0 : g.contains(u);
-        }), f = ((p = r == null ? void 0 : r.current) == null ? void 0 : p.contains(u)) ?? !1;
-        !a && !f && t();
-        return;
-      }
-      const l = !!u.closest(n), m = ((c = r == null ? void 0 : r.current) == null ? void 0 : c.contains(u)) ?? !1;
-      !l && !m && t();
-    };
-    return document.addEventListener("mousedown", s), () => {
-      document.removeEventListener("mousedown", s);
-    };
-  }, [e, n, t, r]);
-}
-const Qn = (e) => e === "none" ? "none" : e === "auto" ? "scale" : e, Kt = P(
-  ({
-    anchorRef: e,
-    open: n = !1,
-    horizontal: t = !1,
-    placement: r = "auto",
-    floatingMode: s,
-    offset: o = 4,
-    color: u,
-    elevation: l,
-    dockedElevation: m,
-    shape: p,
-    border: c,
-    borderColor: a,
-    className: f,
-    children: x,
-    style: g,
-    id: w,
-    onClose: F,
-    variant: b = "classic",
-    animation: h = "scale",
-    duration: $,
-    motionStyle: k = "regular",
-    fixedLeading: S,
-    density: M,
-    __level: A,
-    __groupId: q,
-    __closeRootMenu: E,
-    __navigateHorizontal: I,
-    __horizontalDepth: y,
-    docked: C,
-    textColor: v,
-    descriptionColor: N,
-    labelColor: Z,
-    shortcutColor: U,
-    uncheckedIcon: X,
-    checkedIcon: we,
-    radioUncheckedIcon: he,
-    radioCheckedIcon: K,
-    selectedColor: Me,
-    itemTouchEffects: De,
-    itemSelectedEffects: V,
-    itemFocusEffects: O,
-    closeOnChange: Q = !1,
-    openOnHover: fe = !0,
-    labelFont: de,
-    font: D,
-    descriptionFont: Ve,
-    shortcutFont: ke,
-    ...z
-  }, te) => {
-    const W = ce("closed"), [ie, We] = ee(-1), [oe, ne] = ee(-1), [ve, He] = ee(!1), _ = Dt(), me = A ?? 0, Ee = ce(w ?? $t("menu")).current, Re = q ?? Ee, se = ce(null), Se = ce(null), [Ce, Fe] = ee(
-      null
-    ), $e = ie === -1, [pe, qe] = ee(!1), [ge, Le] = ee(!1), [Be, Ze] = ee("normal"), [le, L] = ee(!1), [Y, Te] = ee(-1), G = u ?? (b === "modern" ? "surfaceContainerLow" : "surfaceContainer"), Je = (C ? m : void 0) ?? l ?? (b === "modern" ? 3 : 2), [_e, H] = ee(!1), ae = h !== "none" ? $ ?? 220 : 0, je = C ? 0 : ae, Ae = ce(null), Oe = ce(null), J = ie !== -1;
-    function Xe(d) {
-      return Ot(d) || Pt(d);
-    }
-    const Ne = lt.Children.toArray(x).filter(
-      Xe
-    ), re = Ne.reduce(
-      (d, B, R) => (Ot(B) && (B.props.disabled || d.push(R)), d),
-      []
-    );
-    function Qe() {
-      J && (H(!0), We(-1));
-    }
-    function Ge() {
-      F == null || F(), !F && J && (Qe(), ne(-1)), me === 0 && (e != null && e.current) && e.current.focus();
-    }
-    function ot() {
-      E ? E() : Ge();
-    }
-    function et(d) {
-      return !se.current || d === -1 ? null : se.current.querySelector(
-        `[data-menu-index="${String(d)}"]`
-      );
-    }
-    function pt(d) {
-      const R = lt.Children.toArray(
-        Ne[d].props.children
-      ).find((it) => ht(it));
-      return vt(R) ? lt.Children.toArray(
-        R.props.children
-      ).filter(
-        (it) => Pt(it) || Xe(it)
-      ) : void 0;
-    }
-    function Ke(d) {
-      if (d === -1 || re.indexOf(d) === -1)
-        return;
-      if (J) {
-        Te(d), Qe();
-        return;
-      }
-      const R = pt(d);
-      if (!R || R.length === 0)
-        return;
-      const xe = et(d);
-      xe && (Se.current = xe, H(!0), We(d), setTimeout(() => {
-        H(!1);
-      }, ae));
-    }
-    function ue(d) {
-      return d < 0 ? !1 : lt.Children.toArray(
-        Ne[d].props.children
-      ).some((R) => ht(R));
-    }
-    function ze(d) {
-      if (oe === -1)
-        return;
-      const B = re.indexOf(oe);
-      if (B === -1)
-        return;
-      let R;
-      d ? R = re[B + 1 < re.length ? B + 1 : 0] : R = B > 0 ? re[B - 1] : re[re.length - 1], R !== oe && (ne(R), ue(R) ? Ke(R) : Qe());
-    }
-    ye(() => {
-      J || setTimeout(() => {
-        L(!0);
-      }, ae * 0.67);
-    }, [ae, J]), ye(() => {
-      var d;
-      !J && le && (L(!1), We(-1), Y !== -1 ? (Te(-1), Ke(Y)) : (d = se.current) == null || d.focus(), H(!1));
-    }, [le, Y, J]), ye(() => {
-      n ? (W.current = "opening", H(!0), Ze("normal"), qe(!0), We(-1), Le(!1), ne(-1)) : (W.current = "closing", H(!0), Le(!1), Ze("reverse"));
-    }, [n]), ye(() => {
-      if (!n || !pe || !se.current)
-        return;
-      const d = () => {
-        const B = s ?? (t ? "dropdown" : "menu");
-        if (e != null && e.current) {
-          const R = gn(e, se, {
-            placement: r,
-            mode: B,
-            offset: o
-          });
-          R && Fe({ x: R.x, y: R.y });
-        }
-      };
-      return C ? Fe({ x: 0, y: 0 }) : (window.addEventListener("resize", d), d()), Le(!0), () => {
-        C || window.removeEventListener("resize", d);
-      };
-    }, [
-      e,
-      C,
-      s,
-      t,
-      o,
-      n,
-      r,
-      pe
-    ]), ye(() => {
-      n && pe && Ce && setTimeout(() => {
-        var d;
-        W.current === "opening" && (H(!1), W.current = "opened", C || (d = se.current) == null || d.focus(), ne(_ ? re[0] ?? -1 : -1));
-      }, je);
-    }, [n, Ce, pe]), ye(() => {
-      Be === "reverse" && W.current === "closing" && (Le(!0), ne(-1), setTimeout(() => {
-        W.current === "closing" && (W.current = "closed", qe(!1), Fe(null), H(!1));
-      }, ae * 0.67));
-    }, [ae, Be]), ye(() => {
-      if (oe < 0 || !ve || W.current !== "opened")
-        return;
-      const d = et(oe);
-      d && (d.focus({ preventScroll: !0 }), d.scrollIntoView({
-        block: "nearest",
-        inline: "nearest"
-      }), setTimeout(() => {
-        var B;
-        (B = se.current) == null || B.focus({ preventScroll: !0 });
-      }, 0));
-    }, [oe, ve]), ye(() => {
-      ve && _ && oe === -1 && W.current === "opened" && re.length > 0 && ne(re[0]);
-    }, [oe, _, ve]);
-    function gt(d) {
-      He(!0);
-    }
-    Jn(
-      n && me === 0,
-      `[data-menu-group="${Re}"]`,
-      () => {
-        ot();
-      },
-      e
-    );
-    function Ft(d) {
-      var R, xe, it, en;
-      const B = d;
-      B !== -1 && (Ne[B].props.disabled || (ne(B), ue(B) ? J && B === ie ? Qe() : Ke(B) : Ne[B].props.type === "radio" || Ne[B].props.type === "checkbox" || Ne[B].props.type === "option" ? ((xe = (R = Ne[B].props).onChange) == null || xe.call(R), Q && ot()) : ((en = (it = Ne[B].props).onClick) == null || en.call(it), ot())));
-    }
-    function Lt(d, B) {
-      if (_e) {
-        d == null || d.preventDefault();
-        return;
-      }
-      Ft(B);
-    }
-    function st(d, B) {
-      if (!(!fe || _ && ve)) {
-        if (Oe.current && (clearTimeout(Oe.current), Oe.current = null), Ae.current && (clearTimeout(Ae.current), Ae.current = null), !ue(B)) {
-          J && (Oe.current = window.setTimeout(() => {
-            Qe();
-          }, 150));
-          return;
-        }
-        J && ie === B || (Ae.current = window.setTimeout(() => {
-          ne(B), Ke(B);
-        }, 150));
-      }
-    }
-    function Rt() {
-      Oe.current && (clearTimeout(Oe.current), Oe.current = null), Ae.current && (clearTimeout(Ae.current), Ae.current = null);
-    }
-    const Bt = Ne.some(
-      (d) => d.props.icon !== void 0 || d.props.leading !== void 0 || d.props.type === "radio" || d.props.type === "checkbox"
-    ), jt = Ne.map((d, B) => {
-      if (Ot(d)) {
-        const R = {
-          "data-menu-index": B,
-          __interactionsDisabled: _e,
-          __index: B,
-          disabled: d.props.disabled,
-          active: B === oe && ve,
-          focusVisible: _ && ve,
-          horizontal: t,
-          expanded: J && ie === B,
-          fixedLeading: d.props.fixedLeading ?? (S && Bt),
-          variant: d.props.variant ?? b,
-          shape: d.props.shape ?? p,
-          color: d.props.color ?? u,
-          density: d.props.density ?? M,
-          shortcutColor: d.props.shortcutColor ?? U,
-          textColor: d.props.textColor ?? v,
-          labelColor: d.props.labelColor ?? Z,
-          descriptionColor: d.props.descriptionColor ?? N,
-          checkedIcon: d.props.checkedIcon ?? (d.props.type === "checkbox" ? we : K),
-          uncheckedIcon: d.props.uncheckedIcon ?? (d.props.type === "checkbox" ? X : he),
-          selectedColor: d.props.selectedColor ?? Me,
-          touchEffects: d.props.touchEffects ?? De,
-          selectedEffects: d.props.selectedEffects ?? V,
-          focusEffects: d.props.focusEffects ?? O,
-          labelFont: d.props.labelFont ?? de,
-          font: d.props.font ?? D,
-          descriptionFont: d.props.descriptionFont ?? Ve,
-          shortcutFont: d.props.shortcutFont ?? ke,
-          onClick: (xe) => {
-            Lt(xe, B);
-          },
-          onMouseEnter: (xe) => {
-            st(xe, B);
-          },
-          onMouseLeave: (xe) => {
-            Rt();
-          }
-        };
-        return At(d, {
-          ...d.props,
-          ...R
-        });
-      } else if (Pt(d)) {
-        const R = Tt[G] === "onSurface" ? "outlineVariant" : Tt[G], xe = {
-          borderColor: d.props.borderColor ?? d.props.color ?? R,
-          vertical: t,
-          insetSize: d.props.insetSize ?? 8,
-          spacing: d.props.spacing ?? (b === "modern" ? 5 : 8),
-          inset: d.props.inset ?? (b === "modern" ? "middle" : void 0)
-        };
-        return At(d, { ...d.props, ...xe });
-      }
-      return At(d, {
-        ...d.props
-      });
-    });
-    function ct(d) {
-      d.target.closest("[data-menu-index]") || J && Qe();
-    }
-    const Pe = (d) => {
-      if (!n || _e)
-        return;
-      let B = d.key;
-      if (t) {
-        const it = {
-          ArrowDown: "ArrowRight",
-          ArrowUp: "ArrowLeft",
-          ArrowRight: "ArrowDown",
-          ArrowLeft: "ArrowUp"
-        };
-        B = it[B] ? it[B] : B;
-      }
-      if (re.length === 0 && B !== "Tab")
-        return;
-      const R = re.indexOf(oe);
-      let xe;
-      switch (B) {
-        case "ArrowUp":
-          d.preventDefault(), oe === -1 || R === -1 ? xe = re[re.length - 1] : xe = R > 0 ? re[R - 1] : re[re.length - 1], ne(xe), t && ue(xe) && Ke(xe);
-          break;
-        case "ArrowDown":
-          d.preventDefault(), oe === -1 || R === -1 ? xe = re[0] : xe = re[R + 1 < re.length ? R + 1 : 0], ne(xe), t && ue(xe) && Ke(xe);
-          break;
-        case "Home":
-          ne(re[0]);
-          break;
-        case "End":
-          ne(re[re.length - 1]);
-          break;
-        case "Enter":
-        case " ":
-          d.stopPropagation(), d.preventDefault(), R >= 0 && Ft(re[R]);
-          break;
-        case "ArrowRight":
-          d.preventDefault(), R >= 0 && ue(re[R]) ? Ke(re[R]) : I && I(!0);
-          break;
-        case "ArrowLeft":
-          d.preventDefault(), I && y === 1 ? I(!1) : Ge();
-          break;
-        case "Escape":
-          d.preventDefault(), Ge();
-          break;
-        case "Tab":
-          C || (d.stopPropagation(), d.preventDefault()), ot();
-          break;
-      }
-    };
-    if (!n && !pe || !e && !C)
-      return null;
-    const rt = {
-      "--uui-reverse": Be,
-      "--uui-duration": Be === "reverse" ? String(je * 0.67) + "ms" : String(je) + "ms"
-    }, zt = Qn(h), xn = zt === "none" ? "" : Mt[zt], wn = k === "expressive" ? "uui-motion-expressive" : "", Nt = T({ ...g, ...rt });
-    Nt.bg(G), Nt.text.on(G), c && +c > 0 && Nt.border(mt(a));
-    const Sn = [
-      "uui-menu",
-      `uui-menu-level-${String(me)}`,
-      t && "uui-menu-horizontal",
-      $e && "uui-menu-active",
-      b === "modern" ? "uui-menu-modern" : "uui-menu-classic",
-      ge && xn,
-      wn,
-      dt(M),
-      Ue(p ?? (b === "modern" ? "rounded" : "smooth")),
-      ut(Je),
-      c !== void 0 ? nt(c) : null,
-      f
-    ].filter(Boolean).join(" "), Yt = /* @__PURE__ */ i(
-      "div",
-      {
-        "aria-orientation": t ? "horizontal" : "vertical",
-        className: Sn,
-        "data-menu-group": Re,
-        id: w,
-        onBlur: () => {
-          He(!1);
-        },
-        onClick: ct,
-        onFocus: gt,
-        onKeyDown: Pe,
-        ref: ft(te, se),
-        role: "menu",
-        style: {
-          position: C ? "relative" : "fixed",
-          left: (Ce == null ? void 0 : Ce.x) ?? 0,
-          top: (Ce == null ? void 0 : Ce.y) ?? 0,
-          zIndex: 9999,
-          visibility: Ce ? "visible" : "hidden",
-          ...Nt.get()
-        },
-        tabIndex: 0,
-        ...z,
-        children: /* @__PURE__ */ i("div", { className: "uui-menu-scroll", children: jt })
-      }
-    ), $n = document.getElementById("menu-root") ?? document.body;
-    let Jt = null;
-    if (ie !== -1) {
-      const d = pt(ie);
-      d && d.length > 0 && (Jt = d);
-    }
-    const Qt = Wt(
-      /* @__PURE__ */ j(tt, { children: [
-        !C && Yt,
-        Se.current && ie !== -1 && /* @__PURE__ */ i(
-          Kt,
-          {
-            __closeRootMenu: E ?? ot,
-            __groupId: Re,
-            __horizontalDepth: t ? 1 : y && y + 1,
-            __level: me + 1,
-            __navigateHorizontal: t ? ze : I,
-            anchorRef: Se,
-            animation: h,
-            "aria-orientation": "vertical",
-            border: c,
-            borderColor: a,
-            checkedIcon: we,
-            closeOnChange: Q,
-            color: G,
-            density: M,
-            descriptionColor: N,
-            descriptionFont: Ve,
-            duration: $,
-            elevation: l,
-            fixedLeading: S,
-            floatingMode: t ? "menu" : "submenu",
-            font: D,
-            itemFocusEffects: O,
-            itemSelectedEffects: V,
-            itemTouchEffects: De,
-            labelColor: Z,
-            labelFont: de,
-            motionStyle: k,
-            offset: 0,
-            onClose: Qe,
-            open: n && J,
-            openOnHover: fe,
-            placement: "auto",
-            radioCheckedIcon: K,
-            radioUncheckedIcon: he,
-            role: "menu",
-            selectedColor: Me,
-            shape: p,
-            shortcutColor: U,
-            shortcutFont: ke,
-            textColor: v,
-            uncheckedIcon: X,
-            variant: b,
-            children: Jt
-          }
-        )
-      ] }),
-      $n
-    );
-    return C && me === 0 ? /* @__PURE__ */ j(tt, { children: [
-      Yt,
-      Qt
-    ] }) : Qt;
-  }
-);
-Kt[pn] = !0;
-Kt.displayName = "Menu";
-const Gt = Symbol.for("uui.menuitem");
-function Ot(e) {
-  return vt(e) && typeof e.type != "string" && !!e.type[Gt];
-}
-const er = /* @__PURE__ */ i("svg", { fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i("path", { d: "M10 17V7L15 12L10 17Z", fill: "currentColor" }) }), tr = /* @__PURE__ */ i("svg", { fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
-  "path",
-  {
-    d: "M9.5501 18L3.8501 12.3L5.2751 10.875L9.5501 15.15L18.7251 5.97498L20.1501 7.39998L9.5501 18Z",
-    fill: "currentColor"
-  }
-) }), nr = /* @__PURE__ */ i("svg", { fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
-  "path",
-  {
-    d: "M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z",
-    fill: "currentColor"
-  }
-) }), rr = /* @__PURE__ */ i("svg", { fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
-  "path",
-  {
-    d: "M12 17C13.3833 17 14.5625 16.5125 15.5375 15.5375C16.5125 14.5625 17 13.3833 17 12C17 10.6167 16.5125 9.4375 15.5375 8.4625C14.5625 7.4875 13.3833 7 12 7C10.6167 7 9.4375 7.4875 8.4625 8.4625C7.4875 9.4375 7 10.6167 7 12C7 13.3833 7.4875 14.5625 8.4625 15.5375C9.4375 16.5125 10.6167 17 12 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z",
-    fill: "currentColor"
-  }
-) }), hn = P(
-  ({
-    shape: e,
-    touchEffects: n = ["ripple"],
-    focusEffects: t = ["ring", "overlay"],
-    selectedEffects: r = ["color"],
-    checkedIcon: s,
-    uncheckedIcon: o,
-    selectedColor: u,
-    textColor: l,
-    labelColor: m,
-    descriptionColor: p,
-    shortcutColor: c,
-    fixedLeading: a,
-    color: f,
-    icon: x,
-    endIcon: g,
-    leading: w,
-    trailing: F,
-    label: b,
-    disabled: h = !1,
-    className: $,
-    onClick: k,
-    badge: S,
-    expanded: M,
-    active: A,
-    children: q,
-    focusVisible: E,
-    type: I = "item",
-    checked: y,
-    description: C,
-    shortcut: v,
-    density: N,
-    horizontal: Z,
-    labelFont: U,
-    font: X,
-    descriptionFont: we,
-    shortcutFont: he,
-    selected: K,
-    __index: Me,
-    __interactionsDisabled: De,
-    onChange: V,
-    variant: O = "classic",
-    ...Q
-  }, fe) => {
-    const de = ce(null), D = lt.Children.toArray(q), Ve = D.find((G) => ht(G)), ke = D.filter((G) => !ht(G)), z = !!Ve;
-    let te;
-    I !== "item" && (I === "radio" ? te = y ? s ?? rr : o ?? nr : I === "checkbox" && (te = y ? s ?? tr : o));
-    const W = te ?? w ?? x ?? (a && !Z), ie = W && /* @__PURE__ */ i("div", { className: "uui-icon uui-leading", children: W }), We = F ?? g;
-    let oe;
-    S && (typeof S == "string" || typeof S == "number" ? oe = /* @__PURE__ */ i(qt, { value: S }) : oe = S);
-    const ne = O === "modern" ? "labelLarge" : "bodyLarge", ve = U ?? X ?? ne, He = we ?? (O === "modern" ? "bodySmall" : "bodyMedium"), _ = he ?? ne, me = T();
-    me.text(c);
-    const Ee = z && !Z ? er : We, Re = v && /* @__PURE__ */ i(
-      "div",
-      {
-        className: `uui-menu-item-shortcut ${Ie(_)}`,
-        style: me.get(),
-        children: v
-      }
-    ), se = (v ?? S ?? Ee) && /* @__PURE__ */ j(tt, { children: [
-      Re,
-      oe,
-      Ee && /* @__PURE__ */ i("div", { className: "uui-icon uui-trailing", children: Ee })
-    ] }), Se = T();
-    Se.text(m);
-    const Ce = b && /* @__PURE__ */ i(
-      "div",
-      {
-        className: `uui-menu-item-label ${Ie(ve)}`,
-        style: Se.get(),
-        children: b
-      }
-    ), Fe = T();
-    (p || !l && O === "classic" && (f != null && f.startsWith("surface"))) && (p ? Fe.text(p) : Fe.text.on("surfaceVariant"));
-    const $e = C && /* @__PURE__ */ i(
-      "div",
-      {
-        className: `uui-menu-item-description ${Ie(He)}`,
-        style: Fe.get(),
-        children: C
-      }
-    ), pe = (Ce ?? $e) && /* @__PURE__ */ j("div", { className: "uui-menu-item-text", children: [
-      Ce,
-      $e
-    ] }), qe = (G) => {
-      if (De || h) {
-        G == null || G.preventDefault();
-        return;
-      }
-      k == null || k(G), n.includes("ripple") && de.current && G && St(de.current, G);
-    };
-    let ge = f ?? (O === "modern" ? "surfaceContainerLow" : "surfaceContainer");
-    I === "option" && K && r.includes("color") && (ge = u ?? (O === "modern" ? "tertiaryContainer" : "secondaryContainer"));
-    const Le = T();
-    Le.bg.on(ge);
-    const Be = T();
-    Be.bg(ge), l ? Be.text(l) : Be.text.on(ge);
-    const Ze = [
-      "uui-menu-item",
-      $,
-      dt(N),
-      h && "uui-disabled",
-      O === "modern" ? "uui-menu-item-modern" : "uui-menu-item-classic"
-    ].filter(Boolean).join(" "), le = Ue(
-      e ?? (O === "modern" ? "rounded" : "smooth")
-    ), L = [
-      "uui-menu-item-content",
-      le,
-      ...t.includes("ring") && A ? ["uui-focus-ring-in"] : [],
-      ...t.includes("overlay") && A ? ["uui-focus-overlay"] : [],
-      A && "uui-active",
-      A && E && "uui-focus-visible"
-    ].filter(Boolean).join(" "), Y = /* @__PURE__ */ j("div", { className: L, style: Be.get(), children: [
-      ke.length > 0 ? /* @__PURE__ */ i("div", { className: "uui-menu-item-children", children: ke }) : /* @__PURE__ */ j(tt, { children: [
-        ie,
-        pe,
-        se
-      ] }),
-      /* @__PURE__ */ i(
-        "div",
-        {
-          className: ["uui-state", le].join(" "),
-          style: Le.get()
-        }
-      )
-    ] });
-    let Te = "menuitem";
-    return (I === "radio" || I === "checkbox") && (Te = I === "radio" ? "menuitemradio" : "menuitemcheckbox"), // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
-    /* @__PURE__ */ i(
-      "div",
-      {
-        ...Q,
-        "aria-checked": I === "radio" || I === "checkbox" ? y ?? !1 : void 0,
-        "aria-disabled": h ? "true" : void 0,
-        "aria-expanded": z ? M : void 0,
-        "aria-haspopup": z ? "menu" : void 0,
-        className: Ze,
-        onClick: qe,
-        ref: ft(de, fe),
-        role: Te,
-        tabIndex: -1,
-        children: Y
-      }
-    );
-  }
-);
-hn[Gt] = !0;
-hn.displayName = "MenuItem";
-const Cn = Symbol.for("uui.divider");
-function Pt(e) {
-  return vt(e) && typeof e.type != "string" && !!e.type[Cn];
-}
-const bn = (e) => {
-  const {
-    className: n,
-    borderColor: t,
-    color: r,
-    border: s = 1,
-    inset: o = "none",
-    insetSize: u = 16,
-    spacing: l = 8,
-    vertical: m,
-    variant: p = "strong",
-    elevation: c,
-    shape: a,
-    style: f,
-    height: x,
-    ...g
-  } = e, w = ce(null), [F, b] = ee(!1);
-  ln(() => {
-    const M = w.current;
-    if (!(M != null && M.parentElement))
-      return;
-    const A = getComputedStyle(M.parentElement).display;
-    b(A.includes("flex"));
-  }, []);
-  const h = Math.min(4, Math.max(0, s)), $ = [
-    "uui-divider",
-    An(h === 0 ? 0 : 1),
-    n,
-    c && On(c),
-    a && jn(a)
-  ].filter(Boolean).join(" "), k = T(f), S = mt(t ?? r ?? "outlineVariant");
-  if (k.border(S), k.bg(S), p !== "strong" && (p === "subtle" ? k.set("opacity", "var(--uui-subtle-opacity)") : k.set("opacity", "var(--uui-medium-opacity)")), F ? m ? k.merge({
-    height: x,
-    alignSelf: "stretch",
-    width: `${h}px`,
-    marginInline: `${l}px`
-  }) : k.merge({
-    flex: "1 1 auto",
-    height: `${h}px`,
-    marginBlock: `${l}px`
-  }) : m ? k.merge({
-    height: x,
-    display: "inline-block",
-    verticalAlign: "middle",
-    width: `${h}px`,
-    marginInline: `${l}px`
-  }) : k.merge({
-    height: `${h}px`,
-    marginBlock: `${l}px`
-  }), o !== "none") {
-    const M = o === "left" || o === "top" || o === "middle", A = o === "right" || o === "bottom" || o === "middle";
-    M && (m ? k.set("marginBlockStart", `${u}px`) : k.set("marginInlineStart", `${u}px`)), A && (m ? k.set("marginBlockEnd", `${u}px`) : k.set("marginInlineEnd", `${u}px`));
-  }
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: $,
-      ref: w,
-      role: "separator",
-      style: k.get(),
-      ...g
-    }
-  );
-};
-bn[Cn] = !0;
-bn.displayName = "Divider";
-const ai = P(
-  (e, n) => /* @__PURE__ */ i(
-    at,
-    {
-      ref: n,
-      ...e,
-      type: "number",
-      className: "UINumberInput"
-    }
-  )
-), ir = /* @__PURE__ */ i("svg", { fill: "none", viewBox: "2 2 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
-  "path",
-  {
-    d: "M12 17C13.3833 17 14.5625 16.5125 15.5375 15.5375C16.5125 14.5625 17 13.3833 17 12C17 10.6167 16.5125 9.4375 15.5375 8.4625C14.5625 7.4875 13.3833 7 12 7C10.6167 7 9.4375 7.4875 8.4625 8.4625C7.4875 9.4375 7 10.6167 7 12C7 13.3833 7.4875 14.5625 8.4625 15.5375C9.4375 16.5125 10.6167 17 12 17Z",
-    fill: "currentColor"
-  }
-) }), or = P(
-  ({
-    uncheckedBorder: e,
-    border: n,
-    color: t,
-    borderColor: r,
-    uncheckedBorderColor: s,
-    shape: o = "round",
-    size: u = "small",
-    filled: l = !1,
-    icon: m,
-    uncheckedIcon: p,
-    animation: c,
-    ...a
-  }, f) => {
-    const x = t ?? "primary";
-    return /* @__PURE__ */ i(
-      _t,
-      {
-        animation: c ?? "scale",
-        border: !m && n === void 0 ? 2 : n,
-        borderColor: r ?? x,
-        color: x,
-        elementClass: "uui-radio",
-        filled: l,
-        icon: m ?? ir,
-        indeterminateIcon: void 0,
-        ref: f,
-        shape: o,
-        size: u,
-        type: "radio",
-        uncheckedBorder: e ?? n ?? (p ? void 0 : 2),
-        uncheckedBorderColor: s ?? r ?? "onSurfaceVariant",
-        uncheckedIcon: p,
-        ...a
-      }
-    );
-  }
-);
-or.displayName = "Radio";
-const ui = P(
-  (e, n) => /* @__PURE__ */ i(
-    at,
-    {
-      ref: n,
-      ...e,
-      type: "tel",
-      className: "UITelInput"
-    }
-  )
-);
-function sr(e) {
-  const n = Dt(), [t, r] = ee(!1);
-  return ye(() => {
-    const s = e.current;
-    if (!s)
-      return;
-    const o = () => {
-      r(!0);
-    }, u = () => {
-      r(!1);
-    };
-    return s.addEventListener("focus", o, !0), s.addEventListener("blur", u, !0), () => {
-      s.removeEventListener("focus", o, !0), s.removeEventListener("blur", u, !0);
-    };
-  }, [e]), {
-    isFocused: t,
-    focusVisible: n
-  };
-}
-const at = P(
-  (e, n) => {
-    const {
-      elementClass: t,
-      color: r,
-      density: s,
-      label: o,
-      labelColor: u,
-      labelFont: l,
-      id: m,
-      outlined: p,
-      filled: c,
-      classic: a,
-      disabled: f,
-      font: x,
-      placeholderFont: g,
-      placeholderColor: w,
-      border: F,
-      borderColor: b,
-      shape: h,
-      required: $,
-      title: k,
-      description: S,
-      descriptionColor: M,
-      descriptionFont: A,
-      name: q,
-      error: E,
-      className: I,
-      placeholder: y,
-      type: C = "text",
-      icon: v,
-      leading: N,
-      trailing: Z,
-      endIcon: U,
-      variant: X,
-      value: we,
-      textColor: he,
-      defaultValue: K,
-      ...Me
-    } = e, [De, V] = ee(K ?? ""), O = we !== void 0, fe = (O ? we : De).length === 0, de = ce(null), D = ce(null), Ve = m ?? $t("input"), [ke, z] = ee(0), te = N ?? v, W = X ?? (c && "filled") ?? (p && "outlined") ?? (a && "classic") ?? "filled", { isFocused: ie } = sr(de), We = (H) => {
-      var ae;
-      O || V(H.target.value), (ae = e.onChange) == null || ae.call(e, H);
-    }, oe = (H) => {
-      var ae;
-      H.preventDefault(), (ae = de.current) == null || ae.focus();
-    };
-    ye(() => {
-      const H = de.current;
-      H && H.value && V(H.value);
-    }, []), ln(() => {
-      const H = D.current, ae = de.current;
-      if (!H || !ae)
-        return;
-      const je = H.getBoundingClientRect().left - ae.getBoundingClientRect().left + 16;
-      z((Ae) => Ae === je ? Ae : je);
-    }, [te]);
-    const ne = [
-      t,
-      I,
-      "uui-field uui-field-wrapper",
-      `uui-${W}`,
-      dt(s)
-    ], ve = te && /* @__PURE__ */ i("div", { className: "uui-leading", children: lt.Children.map(
-      te,
-      (H) => H ? /* @__PURE__ */ i(
-        "span",
-        {
-          className: "uui-slot",
-          onClick: (ae) => {
-            ae.stopPropagation();
-          },
-          children: H
-        }
-      ) : null
-    ) }), He = Z ?? U, _ = He && /* @__PURE__ */ i("div", { className: "uui-trailing", children: lt.Children.map(
-      He,
-      (H) => H ? /* @__PURE__ */ i(
-        "span",
-        {
-          className: "uui-slot",
-          onClick: (ae) => {
-            ae.stopPropagation();
-          },
-          children: H
-        }
-      ) : null
-    ) }), me = o && /* @__PURE__ */ j(tt, { children: [
-      o,
-      $ && /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
-    ] }), Ee = F ?? (W !== "filled" ? 1 : void 0), Re = [
-      "uui-field-control",
-      Ie(x ?? "bodyLarge"),
-      Ue(h ?? "rounded"),
-      W !== "outlined" && nt(Ee),
-      E && "uui-error",
-      ie && "uui-active",
-      f && "uui-disabled",
-      ve && "uui-has-leading",
-      _ && "uui-has-trailing"
-    ];
-    let se, Se, Ce, Fe;
-    const $e = T(), pe = ["uui-fb-label"];
-    if (me)
-      if (W !== "classic")
-        ie || !fe ? ($e.text((E ? "error" : void 0) ?? r ?? "primary"), pe.push(Ie(l ?? "bodySmall")), Re.push("uui-fb-label-up")) : ($e.text((E ? "error" : void 0) ?? "onSurfaceVariant"), pe.push(Ie(x ?? "bodyLarge"))), pe.push("uui-field-float-label"), W === "outlined" ? (Ce = /* @__PURE__ */ i("legend", { className: Ie(l ?? "bodySmall"), children: me }), se = /* @__PURE__ */ i("span", { className: pe.join(" "), children: me })) : (Se = /* @__PURE__ */ i("span", { className: Ie(l ?? "bodySmall"), children: " " }), se = /* @__PURE__ */ i("span", { className: pe.join(" "), children: me }));
-      else {
-        $e.text((E ? "error" : void 0) ?? "onSurface"), pe.push(Ie(l ?? "bodyMedium"));
-        const H = pe.filter(Boolean).join(" ");
-        Fe = /* @__PURE__ */ i(
-          "label",
-          {
-            className: H,
-            htmlFor: Ve,
-            style: $e.get(),
-            children: me
-          }
-        );
-      }
-    let qe;
-    if (W === "outlined") {
-      const H = [
-        "uui-field-fieldset",
-        Ue(h ?? "rounded")
-      ].filter(Boolean).join(" "), ae = T(), je = un(0, 4, F, 1);
-      ae.set("borderWidth", `${je}px`), ae.border(b ?? "onSurfaceVariant"), qe = /* @__PURE__ */ i("fieldset", { className: H, style: ae.get(), children: Ce });
-    }
-    const ge = T();
-    ge.set("--uui-label-up-x", `${ke}px`), W === "classic" && ge.border(b ?? "outline"), W === "filled" && ge.border(b ?? "onSurfaceVariant");
-    const Le = ["uui-field-state"].filter(Boolean).join(" "), Be = T(), Ze = T();
-    E ? Ze.text("error") : M ? Ze.text(M) : Ze.text.on("surfaceVariant");
-    const le = [
-      Ie(A ?? "bodySmall"),
-      E && "uui-error uui-support-text",
-      S && !E && "uui-description uui-support-text"
-    ].filter(Boolean).join(" "), L = (S ?? E) && /* @__PURE__ */ i("div", { className: le, style: Ze.get(), children: E ?? S }), Y = "uui-field-input", Te = T();
-    Te.text("onSurface"), !ie && se && fe && Te.set("opacity", 0);
-    const G = ["uui-field-input-wrapper"].filter(Boolean).join(" "), Je = ne.filter(Boolean).join(" "), _e = Re.filter(Boolean).join(" ");
-    return /* @__PURE__ */ j("div", { className: Je, title: k, children: [
-      Fe,
-      /* @__PURE__ */ j(
-        "div",
-        {
-          className: _e,
-          onPointerDown: oe,
-          ref: D,
-          style: ge.get(),
-          children: [
-            ve,
-            /* @__PURE__ */ j("div", { className: G, children: [
-              Se,
-              se,
-              /* @__PURE__ */ i(
-                "input",
-                {
-                  ...Me,
-                  ...O ? { value: we } : { defaultValue: K },
-                  "aria-invalid": !!E,
-                  autoComplete: "email",
-                  className: Y,
-                  disabled: f,
-                  id: Ve,
-                  name: q,
-                  onChange: We,
-                  placeholder: y,
-                  ref: ft(n, de),
-                  style: Te.get(),
-                  type: C
-                }
-              )
-            ] }),
-            _,
-            W === "filled" && /* @__PURE__ */ i("div", { className: Le, style: Be.get() }),
-            qe
-          ]
-        }
-      ),
-      L
-    ] });
-  }
-);
-at.displayName = "FieldBase";
-const lr = P(
-  ({ ...e }, n) => /* @__PURE__ */ i(at, { ref: n, ...e, elementClass: "uui-field" })
-);
-lr.displayName = "Field";
-const on = {
-  darkMode: !1,
-  schemes: { light: {}, dark: {} }
-}, yn = xt(null);
-function ar(e = "#6750A4", n, t = {}) {
-  var c, a, f, x, g, w, F, b, h, $, k, S, M, A, q, E, I;
-  const r = { light: {}, dark: {} }, s = (c = t.light) != null && c.primary ? bt(t.light.primary) : bt(e), o = {
-    info: "#03a9f4",
-    warning: "#ffd600",
-    success: "#689f38",
-    ...n
-  }, u = [];
-  Object.keys(o).forEach((y) => {
-    var v;
-    const C = (v = t.light) == null ? void 0 : v[y];
-    C ? u.push({
-      value: bt(C),
-      name: y,
-      blend: !0
-    }) : u.push({
-      value: bt(
-        o[y]
-      ),
-      name: y,
-      blend: !0
-    });
-  }), ["secondary", "tertiary", "error"].forEach((y) => {
-    var v;
-    const C = (v = t.light) == null ? void 0 : v[y];
-    C && u.push({
-      value: bt(C),
-      name: y,
-      blend: !0
-    });
-  });
-  const l = Fn(s, u);
-  ["light", "dark"].forEach((y) => {
-    const C = y;
-    fn.forEach((v) => {
-      var N;
-      (N = t[C]) != null && N[v] ? r[C][v] = t[C][v] : typeof l.schemes[C][v] == "number" && (r[C][v] = be(
-        l.schemes[C][v]
-      ));
-    });
-  }), r.light.scrim = "#00000052", r.dark.scrim = "#00000052", l.customColors.forEach((y) => {
-    const C = y.color.name[0].toUpperCase() + y.color.name.slice(1), v = {
-      color: y.color.name,
-      onColor: `on${C}`,
-      colorContainer: `${y.color.name}Container`,
-      onColorContainer: `on${C}Container`
-    };
-    ["light", "dark"].forEach((N) => {
-      const Z = N;
-      Object.keys(v).forEach((U) => {
-        var X;
-        r[N][v[U]] = ((X = t[N]) == null ? void 0 : X[v[U]]) ?? be(y[Z][U]);
-      });
-    });
-  }), ["primary", "secondary", "tertiary", "error"].forEach((y) => {
-    const C = y[0].toUpperCase() + y.slice(1);
-    ["light", "dark"].forEach((v) => {
-      var N, Z, U, X;
-      r[v][`${y}Fixed`] = (N = t[v]) != null && N[`${y}Fixed`] ? t[v][`${y}Fixed`] : be(
-        l.palettes[y].tone(90)
-      ), r[v][`${y}FixedDim`] = (Z = t[v]) != null && Z[`${y}FixedDim`] ? t[v][`${y}FixedDim`] : be(
-        l.palettes[y].tone(80)
-      ), r[v][`on${C}Fixed`] = (U = t[v]) != null && U[`on${C}Fixed`] ? t[v][`on${C}Fixed`] : be(
-        l.palettes[y].tone(10)
-      ), r[v][`on${C}FixedVariant`] = (X = t[v]) != null && X[`on${C}FixedVariant`] ? t[v][`on${C}FixedVariant`] : be(
-        l.palettes[y].tone(30)
-      );
-    });
-  });
-  const m = (y, C) => {
-    const v = Ln.fromInt(y);
-    return be(v.tone(C));
-  };
-  l.customColors.forEach((y) => {
-    const C = y.color.name, v = C[0].toUpperCase() + C.slice(1);
-    ["light", "dark"].forEach((N) => {
-      var U, X, we, he;
-      const Z = y[N].color;
-      r[N][`${C}Fixed`] = (U = t[N]) != null && U[`${C}Fixed`] ? t[N][`${C}Fixed`] : m(Z, 90), r[N][`${C}FixedDim`] = (X = t[N]) != null && X[`${C}FixedDim`] ? t[N][`${C}FixedDim`] : m(Z, 80), r[N][`on${v}Fixed`] = (we = t[N]) != null && we[`on${v}Fixed`] ? t[N][`on${v}Fixed`] : m(Z, 10), r[N][`on${v}FixedVariant`] = (he = t[N]) != null && he[`on${v}FixedVariant`] ? t[N][`on${v}FixedVariant`] : m(Z, 30);
-    });
-  });
-  const p = {
-    black: "#000000",
-    onBlack: "#ffffff",
-    white: "#ffffff",
-    onWhite: "#000000"
-  };
-  return Object.assign(r.light, p), Object.assign(r.dark, p), r.light.surface = ((a = t.light) == null ? void 0 : a.surface) ?? be(l.palettes.neutral.tone(99)), r.light.surfaceDim = ((f = t.light) == null ? void 0 : f.surfaceDim) ?? be(l.palettes.neutral.tone(87)), r.light.surfaceBright = ((x = t.light) == null ? void 0 : x.surfaceBright) ?? be(l.palettes.neutral.tone(99)), r.light.surfaceContainerLowest = ((g = t.light) == null ? void 0 : g.surfaceContainerLowest) ?? be(l.palettes.neutral.tone(100)), r.light.surfaceContainerLow = ((w = t.light) == null ? void 0 : w.surfaceContainerLow) ?? be(l.palettes.neutral.tone(96)), r.light.surfaceContainer = ((F = t.light) == null ? void 0 : F.surfaceContainer) ?? be(l.palettes.neutral.tone(94)), r.light.surfaceContainerHigh = ((b = t.light) == null ? void 0 : b.surfaceContainerHigh) ?? be(l.palettes.neutral.tone(92)), r.light.surfaceContainerHighest = ((h = t.light) == null ? void 0 : h.surfaceContainerHighest) ?? be(l.palettes.neutral.tone(90)), r.dark.surface = (($ = t.dark) == null ? void 0 : $.surface) ?? be(l.palettes.neutral.tone(6)), r.dark.surfaceDim = ((k = t.dark) == null ? void 0 : k.surfaceDim) ?? be(l.palettes.neutral.tone(6)), r.dark.surfaceBright = ((S = t.dark) == null ? void 0 : S.surfaceBright) ?? be(l.palettes.neutral.tone(24)), r.dark.surfaceContainerLowest = ((M = t.dark) == null ? void 0 : M.surfaceContainerLowest) ?? be(l.palettes.neutral.tone(4)), r.dark.surfaceContainerLow = ((A = t.dark) == null ? void 0 : A.surfaceContainerLow) ?? be(l.palettes.neutral.tone(10)), r.dark.surfaceContainer = ((q = t.dark) == null ? void 0 : q.surfaceContainer) ?? be(l.palettes.neutral.tone(12)), r.dark.surfaceContainerHigh = ((E = t.dark) == null ? void 0 : E.surfaceContainerHigh) ?? be(l.palettes.neutral.tone(17)), r.dark.surfaceContainerHighest = ((I = t.dark) == null ? void 0 : I.surfaceContainerHighest) ?? be(l.palettes.neutral.tone(22)), r.light.surfaceTint = be(l.palettes.primary.tone(40)), r.dark.surfaceTint = be(l.palettes.primary.tone(80)), r;
-}
-function ur(e = "#6750A4", n, t = {}) {
-  const r = "ufo-ui-theme";
-  let s = document.getElementById(r);
-  s || (s = document.createElement("style"), s.id = r, document.head.appendChild(s));
-  const o = ar(
-    e,
-    n,
-    t
-  ), u = [
-    ...Object.entries(o.light).map(
-      ([m, p]) => `--uui-color-${nn(m)}: ${p};`
-    )
-  ].join(""), l = Object.entries(o.dark).map(([m, p]) => `--uui-color-${nn(m)}: ${p};`).join("");
-  return s.textContent = `:root{${u}}.dark{${l}}`, o;
-}
-const ci = ({
-  children: e,
-  colorMode: n,
-  seedColor: t,
-  extraColors: r
-}) => {
-  const [s, o] = ee(on), u = yt(
-    (c) => {
-      c ? document.body.classList.add("dark") : document.body.classList.remove("dark"), o((a) => ({ ...a, darkMode: c }));
-    },
-    [o]
-  ), l = yt(
-    (c) => (s.darkMode ? s.schemes.dark : s.schemes.light)[c] ?? "",
-    [s]
-  ), m = yt(
-    (c, a) => s.schemes[c][a] ?? "",
-    [s]
-  );
-  ye(() => {
-    if (n) {
-      const c = n === "dark";
-      document.body.classList.toggle("dark", c), o((a) => ({ ...a, darkMode: c }));
-    }
-  }, [n]), ye(() => {
-    const { schemes: c } = on;
-    o((a) => ({
-      darkMode: a.darkMode,
-      schemes: ur(t, r, c)
-    }));
-  }, [r, t]);
-  const p = an(
-    () => ({
-      theme: s,
-      setTheme: o,
-      darkMode: s.darkMode,
-      setDarkMode: u,
-      getColorValue: l,
-      getThemeColorValue: m
-    }),
-    [l, m, u, s]
-  );
-  return /* @__PURE__ */ i(yn.Provider, { value: p, children: e });
-}, di = P(
-  (e, n) => /* @__PURE__ */ i(
-    at,
-    {
-      ref: n,
-      ...e,
-      type: "time",
-      className: "UITimeInput"
-    }
-  )
-), cr = P(
-  ({
-    children: e,
-    className: n = "",
-    title: t = "",
-    align: r = "topRight",
-    value: s,
-    ...o
-  }, u) => {
-    const l = ce(null);
-    return /* @__PURE__ */ j("span", { className: "uui-tooltip", ref: u, ...o, children: [
-      /* @__PURE__ */ i(
-        kt,
-        {
-          align: r,
-          tooltip: /* @__PURE__ */ i("div", { children: t }),
-          triggerRef: l
-        }
-      ),
-      /* @__PURE__ */ i("div", { ref: l, children: e })
-    ] });
-  }
-);
-cr.displayName = "Tooltip";
-const fi = P(
-  (e, n) => /* @__PURE__ */ i(
-    at,
-    {
-      ref: n,
-      ...e,
-      type: "url",
-      className: "UIUrlInput"
-    }
-  )
-), Ye = P((e, n) => {
-  const {
-    type: t = "flex",
-    inline: r = !1,
-    color: s,
-    elevation: o,
-    shape: u,
-    border: l,
-    direction: m,
-    flow: p,
-    borderColor: c,
-    elementClass: a,
-    children: f,
-    className: x,
-    style: g,
-    fullWidth: w,
-    grow: F,
-    p: b,
-    px: h,
-    py: $,
-    pt: k,
-    pb: S,
-    pl: M,
-    pr: A,
-    gap: q,
-    gapX: E,
-    gapY: I,
-    justifyContent: y,
-    alignItems: C,
-    placeItems: v,
-    alignContent: N,
-    wrap: Z,
-    cols: U,
-    rows: X,
-    component: we,
-    row: he,
-    col: K,
-    ...Me
-  } = e, De = we ?? "div", V = T(g);
-  l && +l > 0 && V.border(mt(c)), V.bg(s), V.text.on(s);
-  const O = [];
-  t === "flex" ? O.push(r ? "uui-flex-inline" : "uui-flex") : t === "grid" ? O.push(r ? "uui-grid-inline" : "uui-grid") : O.push(r ? "uui-inline-block" : "uui-block"), w && O.push("uui-full"), F && O.push("uui-grow"), b !== void 0 && V.set("padding", b), h !== void 0 && (V.set("paddingLeft", h), V.set("paddingRight", h)), $ !== void 0 && (V.set("paddingTop", $), V.set("paddingBottom", $)), k !== void 0 && V.set("paddingTop", k), S !== void 0 && V.set("paddingBottom", S), M !== void 0 && V.set("paddingLeft", M), A !== void 0 && V.set("paddingRight", A), q !== void 0 && V.set("gap", q), E !== void 0 && V.set("columnGap", E), I !== void 0 && V.set("rowGap", I), y !== void 0 && V.set("justifyContent", y), C !== void 0 && V.set("alignItems", C), v !== void 0 && V.set("placeItems", v), N !== void 0 && V.set("alignContent", N), Z && V.set("flexWrap", "wrap"), t === "grid" && (U !== void 0 && V.set(
-    "gridTemplateColumns",
-    typeof U == "number" ? `repeat(${U}, 1fr)` : U
-  ), X !== void 0 && V.set(
-    "gridTemplateRows",
-    typeof X == "number" ? `repeat(${X}, 1fr)` : X
-  ));
-  const Q = (he ? "row" : void 0) ?? (K ? "col" : void 0) ?? m;
-  let fe = "";
-  Q && t === "flex" && (fe = Q === "col" ? "uui-flex-col" : "uui-flex-row");
-  let de = "";
-  p && t === "grid" && (de = p === "col" ? "uui-grid-flow-col" : "uui-grid-flow-row");
-  const D = [
-    "uui-box",
-    a,
-    ...O,
-    ...u ? [Ue(u)] : [],
-    ...o !== void 0 ? [ut(o)] : [],
-    ...l !== void 0 ? [nt(l)] : [],
-    fe,
-    de,
-    x
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i(De, { className: D, ref: n, ...Me, style: V.get(), children: f });
-});
-Ye.displayName = "BoxBase";
-const dr = P(
-  ({ direction: e = "row", ...n }, t) => /* @__PURE__ */ i(
-    Ye,
-    {
-      ref: t,
-      ...n,
-      component: "header",
-      direction: e,
-      elementClass: "uui-header"
-    }
-  )
-);
-dr.displayName = "Header";
-const fr = P(
-  ({ direction: e = "row", ...n }, t) => /* @__PURE__ */ i(
-    Ye,
-    {
-      ref: t,
-      ...n,
-      component: "footer",
-      direction: e,
-      elementClass: "uui-footer"
-    }
-  )
-);
-fr.displayName = "Footer";
-const mr = P(
-  ({ direction: e = "col", ...n }, t) => /* @__PURE__ */ i(
-    Ye,
-    {
-      ref: t,
-      ...n,
-      component: "main",
-      direction: e,
-      elementClass: "uui-main"
-    }
-  )
-);
-mr.displayName = "Main";
-const pr = P(
-  ({ direction: e = "col", ...n }, t) => /* @__PURE__ */ i(
-    Ye,
-    {
-      ref: t,
-      ...n,
-      component: "article",
-      direction: e,
-      elementClass: "uui-article"
-    }
-  )
-);
-pr.displayName = "Article";
-const gr = P(
-  ({ direction: e = "col", ...n }, t) => /* @__PURE__ */ i(
-    Ye,
-    {
-      ref: t,
-      ...n,
-      direction: e,
-      elementClass: "uui-article-content"
-    }
-  )
-);
-gr.displayName = "Content";
-const hr = P(
-  ({ direction: e = "col", ...n }, t) => /* @__PURE__ */ i(
-    Ye,
-    {
-      ref: t,
-      ...n,
-      component: "section",
-      direction: e,
-      elementClass: "uui-section"
-    }
-  )
-);
-hr.displayName = "Section";
-const Cr = P(
-  ({ direction: e = "col", ...n }, t) => /* @__PURE__ */ i(
-    Ye,
-    {
-      ref: t,
-      ...n,
-      component: "aside",
-      direction: e,
-      elementClass: "uui-aside"
-    }
-  )
-);
-Cr.displayName = "Aside";
-const br = P(
-  ({ direction: e = "row", ...n }, t) => /* @__PURE__ */ i(
-    Ye,
-    {
-      ref: t,
-      ...n,
-      component: "nav",
-      direction: e,
-      elementClass: "uui-nav"
-    }
-  )
-);
-br.displayName = "Nav";
-const yr = P(
-  ({ direction: e = "row", ...n }, t) => /* @__PURE__ */ i(Ye, { ...n, direction: e, ref: t, type: "flex" })
-);
-yr.displayName = "Flex";
-const vr = P((e, n) => /* @__PURE__ */ i(Ye, { ...e, ref: n, type: "grid" }));
-vr.displayName = "Grid";
-const xr = P((e, n) => /* @__PURE__ */ i(Ye, { ...e, ref: n, type: "block" }));
-xr.displayName = "Div";
-function wr(e, n) {
-  ye(() => {
-    if (!e)
-      return;
-    const t = (r) => {
-      r.key === "Escape" && n();
-    };
-    return document.addEventListener("keydown", t), () => {
-      document.removeEventListener("keydown", t);
-    };
-  }, [e, n]);
-}
-const Sr = {
-  basic: "scale",
-  fullscreen: "fade",
-  dockBottom: "slideUp",
-  dockTop: "slideDown",
-  dockRight: "slideRight",
-  dockLeft: "slideLeft"
-}, $r = (e, n) => e === "auto" ? Sr[n] : e, sn = typeof document < "u" ? document.getElementById("dialog-root") ?? document.body : null, kr = ({
-  open: e,
-  onClose: n,
-  type: t = "basic",
-  color: r = "surfaceContainerHigh",
-  elevation: s = 3,
-  shape: o = "rounded",
-  border: u = 0,
-  borderColor: l,
-  size: m = "small",
-  animation: p = "auto",
-  duration: c = 250,
-  disableBackdropClose: a,
-  disableEscapeKey: f,
-  children: x,
-  className: g,
-  motionStyle: w = "regular",
-  modal: F = !1
-}) => {
-  const b = ce(null), [h, $] = ee(!1), [k, S] = ee(!1), [M, A] = ee(), [q, E] = ee(!1), [I, y] = ee("normal"), C = ce(null), v = () => b.current ? Array.from(
-    b.current.querySelectorAll(
-      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    )
-  ).filter(
-    (D) => !D.hasAttribute("disabled") && D.getAttribute("aria-hidden") !== "true"
-  ) : [];
-  ye(() => {
-    if (e)
-      $(!0), y("normal"), E(!0), A(!0);
-    else {
-      y("reverse"), E(!1), A(!1);
-      const D = setTimeout(() => {
-        $(!1);
-      }, c);
-      return () => {
-        clearTimeout(D);
-      };
-    }
-  }, [e, c]), ye(() => {
-    I === "reverse" && E(!0);
-  }, [I]), ye(() => {
-    M === !0 ? S(!0) : M === !1 && S(!1);
-  }, [M]), wr(!f && h, () => n == null ? void 0 : n());
-  const N = (D) => {
-    a || D.target === D.currentTarget && (n == null || n());
-  };
-  if (ye(() => {
-    if (h) {
-      const D = document.body.style.overflow;
-      return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = D;
-      };
-    }
-  }, [h]), ye(() => {
-    if (!h || !F)
-      return;
-    const D = v();
-    C.current = document.activeElement;
-    const Ve = D.length > 0 ? D[0] : b.current;
-    Ve && Ve.focus();
-    const ke = (z) => {
-      if (z.key !== "Tab")
-        return;
-      const te = v();
-      if (te.length === 0) {
-        z.preventDefault();
-        return;
-      }
-      const W = te[0], ie = te[te.length - 1];
-      z.shiftKey && document.activeElement === W && (z.preventDefault(), ie.focus()), !z.shiftKey && document.activeElement === ie && (z.preventDefault(), W.focus());
-    };
-    return document.addEventListener("keydown", ke), () => {
-      var z;
-      document.removeEventListener("keydown", ke), (z = C.current) == null || z.focus();
-    };
-  }, [F, h]), !h || !sn)
-    return null;
-  const Z = Ue(o), U = nt(u), X = Ht(mt(l)), we = ut(s), { bgColor: he, textOnColor: K } = Vt(r), Me = $r(p, t), De = Me === "none" ? "" : Mt[Me], V = w === "expressive" ? "uui-motion-expressive" : "", O = {
-    "--uui-duration": String(c * 0.65) + "ms"
-  }, Q = {
-    "--uui-reverse": I,
-    "--uui-duration": I === "reverse" ? String(c * 0.67) + "ms" : String(c) + "ms"
-  }, fe = ["uui-dialog-backdrop", k && "uui-open"].filter(Boolean).join(" "), de = [
-    "uui-db",
-    `uui-dialog-${t}`,
-    Z,
-    U,
-    wt(m),
-    X,
-    we,
-    he,
-    K,
-    q && De,
-    V,
-    g
-  ].filter(Boolean).join(" ");
-  return Wt(
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    /* @__PURE__ */ i(
-      "div",
-      {
-        className: fe,
-        onClick: N,
-        style: O,
-        children: /* @__PURE__ */ i("div", { className: de, ref: b, style: Q, children: x })
-      }
-    ),
-    sn
-  );
-};
-kr.displayName = "Dialog";
-const Fr = ({
-  icon: e,
-  label: n,
-  children: t,
-  className: r,
-  font: s = "headlineSmall"
-}) => {
-  const o = n ?? t ?? null, u = ["uui-dialog-title", r];
-  u.push(Ie(s));
-  const l = u.filter(Boolean).join(" ");
-  return o ? /* @__PURE__ */ j("div", { className: l, children: [
-    e && /* @__PURE__ */ i("div", { className: "uui-icon", children: e }),
-    o && /* @__PURE__ */ i("div", { className: "uui-content", children: o })
-  ] }) : null;
-};
-Fr.displayName = "DialogTitle";
-const Lr = ({ children: e, className: n }) => {
-  const t = ["uui-dialog-content", n].filter(Boolean).join(" ");
-  return e ? /* @__PURE__ */ i("div", { className: t, children: /* @__PURE__ */ i("div", { className: "uui-content", children: e }) }) : null;
-};
-Lr.displayName = "DialogContent";
-const Br = ({
-  children: e,
-  className: n,
-  color: t,
-  borderTop: r = !1,
-  borderTopWidth: s = 1,
-  borderColor: o
-}) => {
-  if (!e)
-    return null;
-  const u = t ? Vt(t) : null, l = r ? nt(s) : "", m = r && t ? Ht(mt(o)) : "", p = [
-    "uui-dialog-actions",
-    u == null ? void 0 : u.bgColor,
-    u == null ? void 0 : u.textOnColor,
-    r ? "uui-dialog-actions-border-top" : "",
-    l,
-    m,
-    n
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i("div", { className: p, children: e });
-};
-Br.displayName = "DialogActions";
-const vn = P(
-  ({
-    description: e,
-    error: n,
-    font: t,
-    label: r,
-    disabled: s,
-    legend: o,
-    children: u,
-    direction: l = "col",
-    required: m,
-    descriptionColor: p,
-    descriptionFont: c,
-    alignItems: a = "start",
-    ...f
-  }, x) => {
-    const g = o ?? r, w = [
-      "uui-fieldset-legend",
-      tn(t ?? "labelLarge")
-    ].filter(Boolean).join(" "), F = T();
-    n ? F.text("error") : p ? F.text(p) : F.text.on("surfaceVariant");
-    const b = [
-      "uui-support-text",
-      tn(c ?? "bodySmall"),
-      n && "uui-error",
-      e && !n && "uui-description"
-    ].filter(Boolean).join(" "), h = (e ?? n) && /* @__PURE__ */ i("div", { className: b, style: F.get(), children: n ?? e });
-    return /* @__PURE__ */ j(tt, { children: [
-      /* @__PURE__ */ i(Zt.Provider, { value: { disabled: s }, children: /* @__PURE__ */ j(
-        Ye,
-        {
-          ref: x,
-          ...f,
-          alignItems: a,
-          component: "fieldset",
-          direction: l,
-          disabled: s,
-          elementClass: "uui-fieldset",
-          children: [
-            g && /* @__PURE__ */ j("legend", { className: w, children: [
-              g,
-              m && /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
-            ] }),
-            u
-          ]
-        }
-      ) }),
-      h
-    ] });
-  }
-);
-vn.displayName = "Fieldset";
-const Nr = P(
-  ({
-    name: e,
-    disabled: n,
-    onChange: t,
-    value: r,
-    defaultValue: s,
-    children: o,
-    ...u
-  }, l) => {
-    const [m, p] = ee(s), c = r !== void 0, a = c ? r : m, f = yt(
-      (g) => {
-        c || p(g), t == null || t(g);
-      },
-      [c, t]
-    ), x = an(
-      () => ({ name: e, value: a, setValue: f, disabled: n }),
-      [e, a, f, n]
-    );
-    return /* @__PURE__ */ i(vn, { disabled: n, ref: l, ...u, children: /* @__PURE__ */ i(jr.Provider, { value: x, children: o }) });
-  }
-);
-Nr.displayName = "RadioGroup";
-const Ir = Symbol.for("uui.listItem"), Er = /* @__PURE__ */ i("svg", { fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i("path", { d: "M10 17V7L15 12L10 17Z", fill: "currentColor" }) }), Tr = /* @__PURE__ */ i("svg", { fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
-  "path",
-  {
-    d: "M9.5501 18L3.8501 12.3L5.2751 10.875L9.5501 15.15L18.7251 5.97498L20.1501 7.39998L9.5501 18Z",
-    fill: "currentColor"
-  }
-) }), Mr = /* @__PURE__ */ i("svg", { fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
-  "path",
-  {
-    d: "M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z",
-    fill: "currentColor"
-  }
-) }), Vr = /* @__PURE__ */ i("svg", { fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
-  "path",
-  {
-    d: "M12 17C13.3833 17 14.5625 16.5125 15.5375 15.5375C16.5125 14.5625 17 13.3833 17 12C17 10.6167 16.5125 9.4375 15.5375 8.4625C14.5625 7.4875 13.3833 7 12 7C10.6167 7 9.4375 7.4875 8.4625 8.4625C7.4875 9.4375 7 10.6167 7 12C7 13.3833 7.4875 14.5625 8.4625 15.5375C9.4375 16.5125 10.6167 17 12 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z",
-    fill: "currentColor"
-  }
-) }), Xt = P(
-  ({
-    shape: e,
-    touchEffects: n = ["ripple"],
-    focusEffects: t = ["ring", "overlay"],
-    selectedEffects: r = ["color"],
-    checkedIcon: s,
-    uncheckedIcon: o,
-    selectedColor: u,
-    textColor: l,
-    labelColor: m,
-    descriptionColor: p,
-    shortcutColor: c,
-    fixedLeading: a,
-    color: f,
-    icon: x,
-    endIcon: g,
-    leading: w,
-    trailing: F,
-    label: b,
-    disabled: h = !1,
-    className: $,
-    onClick: k,
-    badge: S,
-    expanded: M,
-    active: A,
-    children: q,
-    focusVisible: E,
-    type: I = "item",
-    checked: y,
-    description: C,
-    shortcut: v,
-    density: N,
-    horizontal: Z,
-    labelFont: U,
-    font: X,
-    descriptionFont: we,
-    shortcutFont: he,
-    selected: K,
-    __index: Me,
-    __interactionsDisabled: De,
-    onChange: V,
-    variant: O = "classic",
-    ...Q
-  }, fe) => {
-    const de = ce(null), D = lt.Children.toArray(q), Ve = D.find((G) => ht(G)), ke = D.filter((G) => !ht(G)), z = !!Ve;
-    let te;
-    I !== "item" && (I === "radio" ? te = y ? s ?? Vr : o ?? Mr : I === "checkbox" && (te = y ? s ?? Tr : o));
-    const W = te ?? w ?? x ?? (a && !Z), ie = W && /* @__PURE__ */ i("div", { className: "uui-icon uui-leading", children: W }), We = F ?? g;
-    let oe;
-    S && (typeof S == "string" || typeof S == "number" ? oe = /* @__PURE__ */ i(qt, { value: S }) : oe = S);
-    const ne = O === "modern" ? "labelLarge" : "bodyLarge", ve = U ?? X ?? ne, He = we ?? (O === "modern" ? "bodySmall" : "bodyMedium"), _ = he ?? ne, me = T();
-    me.text(c);
-    const Ee = z && !Z ? Er : We, Re = v && /* @__PURE__ */ i(
-      "div",
-      {
-        className: `uui-menu-item-shortcut ${Ie(_)}`,
-        style: me.get(),
-        children: v
-      }
-    ), se = (v ?? S ?? Ee) && /* @__PURE__ */ j(tt, { children: [
-      Re,
-      oe,
-      Ee && /* @__PURE__ */ i("div", { className: "uui-icon uui-trailing", children: Ee })
-    ] }), Se = T();
-    Se.text(m);
-    const Ce = b && /* @__PURE__ */ i(
-      "div",
-      {
-        className: `uui-menu-item-label ${Ie(ve)}`,
-        style: Se.get(),
-        children: b
-      }
-    ), Fe = T();
-    (p || !l && O === "classic" && (f != null && f.startsWith("surface"))) && (p ? Fe.text(p) : Fe.text.on("surfaceVariant"));
-    const $e = C && /* @__PURE__ */ i(
-      "div",
-      {
-        className: `uui-menu-item-description ${Ie(He)}`,
-        style: Fe.get(),
-        children: C
-      }
-    ), pe = (Ce ?? $e) && /* @__PURE__ */ j("div", { className: "uui-menu-item-text", children: [
-      Ce,
-      $e
-    ] }), qe = (G) => {
-      if (De || h) {
-        G == null || G.preventDefault();
-        return;
-      }
-      k == null || k(G), n.includes("ripple") && de.current && G && St(de.current, G);
-    };
-    let ge = f ?? (O === "modern" ? "surfaceContainerLow" : "surfaceContainer");
-    I === "option" && K && r.includes("color") && (ge = u ?? (O === "modern" ? "tertiaryContainer" : "secondaryContainer"));
-    const Le = T();
-    Le.bg.on(ge);
-    const Be = T();
-    Be.bg(ge), l ? Be.text(l) : Be.text.on(ge);
-    const Ze = [
-      "uui-menu-item",
-      $,
-      dt(N),
-      h && "uui-disabled",
-      O === "modern" ? "uui-menu-item-modern" : "uui-menu-item-classic"
-    ].filter(Boolean).join(" "), le = Ue(
-      e ?? (O === "modern" ? "rounded" : "smooth")
-    ), L = [
-      "uui-menu-item-content",
-      le,
-      ...t.includes("ring") && A ? ["uui-focus-ring-in"] : [],
-      ...t.includes("overlay") && A ? ["uui-focus-overlay"] : [],
-      A && "uui-active",
-      A && E && "uui-focus-visible"
-    ].filter(Boolean).join(" "), Y = /* @__PURE__ */ j("div", { className: L, style: Be.get(), children: [
-      ke.length > 0 ? /* @__PURE__ */ i("div", { className: "uui-menu-item-children", children: ke }) : /* @__PURE__ */ j(tt, { children: [
-        ie,
-        pe,
-        se
-      ] }),
-      /* @__PURE__ */ i(
-        "div",
-        {
-          className: ["uui-state", le].join(" "),
-          style: Le.get()
-        }
-      )
-    ] });
-    return (
-      // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
-      /* @__PURE__ */ i(
-        "div",
-        {
-          ...Q,
-          "aria-checked": I === "radio" || I === "checkbox" ? y ?? !1 : void 0,
-          "aria-disabled": h ? "true" : void 0,
-          "aria-expanded": z ? M : void 0,
-          "aria-haspopup": z ? "menu" : void 0,
-          className: Ze,
-          onClick: qe,
-          ref: ft(de, fe),
-          role: "option",
-          tabIndex: -1,
-          children: Y
-        }
-      )
-    );
-  }
-);
-Xt[Ir] = !0;
-Xt[Gt] = !0;
-Xt.displayName = "ListItem";
-const Dr = P(
-  (e, n) => {
-    const {
-      density: t,
-      icon: r,
-      disabled: s,
-      elevation: o,
-      checked: u,
-      children: l,
-      color: m = "primary",
-      uncheckedColor: p,
-      defaultChecked: c,
-      hoverEffects: a = ["overlay"],
-      touchEffects: f = ["ripple"],
-      focusEffects: x = ["ring"],
-      selectedEffects: g = [],
-      pressedEffects: w = ["overlay", "scale"],
-      id: F,
-      name: b,
-      label: h,
-      font: $,
-      border: k,
-      borderColor: S,
-      uncheckedBorder: M,
-      uncheckedBorderColor: A,
-      onChange: q,
-      onClick: E,
-      required: I,
-      shape: y = "round",
-      title: C,
-      value: v,
-      size: N = "small",
-      uncheckedIcon: Z,
-      description: U,
-      descriptionColor: X,
-      descriptionFont: we,
-      className: he,
-      error: K,
-      focusColor: Me,
-      labelColor: De,
-      textColor: V,
-      duration: O = 200,
-      tooltipAlign: Q = "auto",
-      textPlacement: fe = "end",
-      "aria-label": de,
-      readOnly: D,
-      ...Ve
-    } = e, ke = ce(null), z = It(Zt), te = s ?? (z == null ? void 0 : z.disabled), W = Dt(), [ie, We] = ee(!1), oe = ce(null), ne = ce(null), ve = ce(null), He = ce($t("check")), _ = F ?? He.current, me = u !== void 0, [Ee, Re] = ee(
-      c ?? !1
-    ), se = me ? !!u : Ee, Se = de ?? (h ? void 0 : C), Ce = K ? "error" : m, Fe = C ? /* @__PURE__ */ i("div", { id: `${_}-tip`, children: C }) : null, $e = (ue) => {
-      if (D) {
-        ue.preventDefault();
-        return;
-      }
-      const ze = ue.currentTarget;
-      me || Re(ze.checked), q == null || q(ue);
-    }, pe = (ue) => {
-      if (D) {
-        ue.preventDefault();
-        return;
-      }
-      f.includes("ripple") && (ke.current && clearTimeout(ke.current), ke.current = window.setTimeout(() => {
-        ve.current && ne.current && (St(ve.current, ue, ne.current), ke.current = null);
-      }, O)), E == null || E(ue);
-    }, qe = (ue) => {
-      var ze;
-      We(!0), (ze = e.onFocus) == null || ze.call(e, ue);
-    }, ge = (ue) => {
-      var ze;
-      We(!1), (ze = e.onBlur) == null || ze.call(e, ue);
-    }, Le = T(), Be = [
-      "uui-switch",
-      dt(t),
-      he,
-      te && "uui-disabled",
-      ...l ? [] : [wt(N)]
-    ].filter(Boolean).join(" "), Ze = [
-      "uui-switch-control",
-      se && "uui-checked",
-      Z && "uui-symmetric-thumb",
-      ...a.includes("overlay") && !D ? ["uui-hover-overlay"] : [],
-      ...x.includes("overlay") && W && ie ? ["uui-focus-overlay"] : [],
-      ...g.includes("overlay") ? ["uui-selected-overlay"] : [],
-      ...w.includes("overlay") && !D ? ["uui-pressed-overlay"] : [],
-      ...w.includes("scale") && !D ? ["uui-pressed-scale"] : [],
-      Ue(y),
-      x.includes("ring") && W && ie && "uui-focus-visible uui-focus-ring"
-    ].filter(Boolean).join(" "), le = T();
-    Me && W && ie && le.set(
-      "--uui-focus-color",
-      mn(Me).color
-    ), le.set("--uui-switch-duration", `${O}ms`);
-    const L = ["uui-input"].filter(Boolean).join(" "), Y = ["uui-state", Ue("round")].filter(Boolean).join(" "), Te = T(), Je = [
-      "uui-switch-track",
-      nt(se ? k : M ?? k ?? 2),
-      Ue(y),
-      ut(o)
-    ].filter(Boolean).join(" "), _e = T(), H = ["uui-switch-thumb", Ue(y)].filter(Boolean).join(" "), ae = ["uui-icon"].filter(Boolean).join(" "), je = T(), Ae = ["uui-switch-glyph"].filter(Boolean).join(" "), Oe = T(), J = T();
-    _e.border(K ? "error" : S ?? "outline"), J.border(K ? "error" : S ?? "outline"), se ? (Te.bg(Ce), _e.bg(K ? "errorContainer" : m), Oe.bg.on(m), je.text.onContainer(m)) : (A && (_e.border(K ? "error" : A), J.border(K ? "error" : A)), Te.bg(K ? "error" : p ?? "onSurface"), _e.bg(
-      K ? "errorContainer" : p ?? "surfaceContainerHighest"
-    ), p ? (Oe.bg.on(p), je.text.onContainer(p)) : (Oe.bg(Z ? "onSurfaceVariant" : "outline"), je.text("surfaceContainerHighest")));
-    let Xe;
-    if (l) {
-      const ue = [
-        "uui-switch-content uui-overflow-hidden",
-        Ue(y),
-        nt(k),
-        ut(o)
-      ].filter(Boolean).join(" ");
-      Xe = /* @__PURE__ */ j("div", { className: ue, style: J.get(), children: [
-        l,
-        /* @__PURE__ */ i(
-          "div",
-          {
-            className: Y,
-            ref: ve,
-            style: Te.get()
-          }
-        )
-      ] });
-    } else {
-      const ue = se ? r : Z;
-      Xe = /* @__PURE__ */ j(tt, { children: [
-        /* @__PURE__ */ i("div", { className: Je, style: _e.get() }),
-        /* @__PURE__ */ j("div", { className: H, children: [
-          /* @__PURE__ */ i("div", { className: Ae, style: Oe.get(), children: /* @__PURE__ */ i("div", { className: ae, style: je.get(), children: ue }) }),
-          /* @__PURE__ */ i(
-            "div",
-            {
-              className: Y,
-              ref: ve,
-              style: Te.get()
-            }
-          )
-        ] })
-      ] });
-    }
-    const Ne = T();
-    Ne.text(
-      (K ? "error" : void 0) ?? De ?? V ?? "onSurface"
-    );
-    const re = [
-      Ie($ ?? "bodyMedium"),
-      "uui-switch-label"
-    ].join(" "), Qe = h && /* @__PURE__ */ j("label", { className: re, htmlFor: _, style: Ne.get(), children: [
-      h,
-      I && /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "uui-required", children: "*" })
-    ] }), Ge = T();
-    K ? Ge.text("error") : X ? Ge.text(X) : Ge.text.on("surfaceVariant");
-    const ot = [
-      Ie(we ?? "bodySmall"),
-      K && "uui-error uui-support-text",
-      U && !K && "uui-description uui-support-text"
-    ].filter(Boolean).join(" "), et = (U ?? K) && /* @__PURE__ */ i("div", { className: ot, style: Ge.get(), children: K ?? U }), pt = (Qe ?? et) && /* @__PURE__ */ j(tt, { children: [
-      Qe,
-      et
-    ] }), Ke = T();
-    return fe === "end" ? (Ne.set("gridColumn", 2), Ge.set("gridColumn", 2), Ke.set("gridColumn", 1)) : fe === "start" ? (Ne.set("gridColumn", 1), Ge.set("gridColumn", 1), Ke.set("gridColumn", 2), Ke.set("gridRow", 1)) : (Le.set("gridTemplateColumns", "1fr"), Le.set("justifyItems", "start")), fe === "top" && (Ke.set("order", 1), Ge.set("order", 2)), /* @__PURE__ */ j("div", { className: Be, style: Le.get(), children: [
-      /* @__PURE__ */ i(
-        "div",
-        {
-          className: "uui-switch-control-wrapper",
-          style: Ke.get(),
-          children: /* @__PURE__ */ j(
-            "div",
-            {
-              className: Ze,
-              ref: ne,
-              style: le.get(),
-              children: [
-                /* @__PURE__ */ i(
-                  "input",
-                  {
-                    "aria-label": Se,
-                    "aria-readonly": D === !0 ? !0 : void 0,
-                    checked: !!se,
-                    className: L,
-                    disabled: te,
-                    id: _,
-                    name: b,
-                    onBlur: ge,
-                    onChange: $e,
-                    onClick: pe,
-                    onFocus: qe,
-                    readOnly: D,
-                    ref: ft(oe, n),
-                    type: "checkbox",
-                    value: v,
-                    ...Ve
-                  }
-                ),
-                Xe
-              ]
-            }
-          )
-        }
-      ),
-      pt,
-      Fe && /* @__PURE__ */ i(
-        kt,
-        {
-          align: Q,
-          tooltip: Fe,
-          triggerRef: oe
-        }
-      )
-    ] });
-  }
-);
-Dr.displayName = "Switch";
-function Rr({
-  variant: e = "circular",
-  inline: n,
-  className: t
-}) {
-  const r = [
-    "uui-spinner",
-    `uui-spinner-${e}`,
-    n && "uui-spinner-inline",
-    t
-  ].filter(Boolean).join(" ");
-  return e === "circular" ? /* @__PURE__ */ i("svg", { "aria-hidden": "true", className: r, viewBox: "22 22 44 44", children: /* @__PURE__ */ i(
-    "circle",
-    {
-      className: "uui-spinner-circle",
-      cx: "44",
-      cy: "44",
-      fill: "none",
-      r: "19.8",
-      strokeWidth: "4.6"
-    }
-  ) }) : e === "bars2" ? /* @__PURE__ */ j(
-    "svg",
-    {
-      className: "uui-bars-spinner",
-      viewBox: "0 0 48 48",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ i("rect", { height: "12", rx: "2", width: "4", x: "22" }),
-        /* @__PURE__ */ i(
-          "rect",
-          {
-            height: "12",
-            rx: "2",
-            transform: "rotate(-135 33.9 16.9)",
-            width: "4",
-            x: "33.9",
-            y: "16.9"
-          }
-        ),
-        /* @__PURE__ */ i(
-          "rect",
-          {
-            height: "12",
-            rx: "2",
-            transform: "rotate(-90 36 26)",
-            width: "4",
-            x: "36",
-            y: "26"
-          }
-        ),
-        /* @__PURE__ */ i(
-          "rect",
-          {
-            height: "12",
-            rx: "2",
-            transform: "rotate(-45 31.1 33.9)",
-            width: "4",
-            x: "31.1",
-            y: "33.9"
-          }
-        ),
-        /* @__PURE__ */ i("rect", { height: "12", rx: "2", width: "4", x: "22", y: "36" }),
-        /* @__PURE__ */ i(
-          "rect",
-          {
-            height: "12",
-            rx: "2",
-            transform: "rotate(-135 8.4 42.4)",
-            width: "4",
-            x: "8.4",
-            y: "42.4"
-          }
-        ),
-        /* @__PURE__ */ i(
-          "rect",
-          {
-            height: "12",
-            rx: "2",
-            transform: "rotate(-90 0 26)",
-            width: "4",
-            y: "26"
-          }
-        ),
-        /* @__PURE__ */ i(
-          "rect",
-          {
-            height: "12",
-            rx: "2",
-            transform: "rotate(-45 5.6 8.4)",
-            width: "4",
-            x: "5.6",
-            y: "8.4"
-          }
-        )
-      ]
-    }
-  ) : e === "orbit" ? /* @__PURE__ */ j(
-    "svg",
-    {
-      className: "uui-orbit-spinner",
-      viewBox: "0 0 48 48",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ i("circle", { cx: "24", cy: "4", r: "4" }),
-        /* @__PURE__ */ i("circle", { cx: "38.1421", cy: "9.8579", r: "4" }),
-        /* @__PURE__ */ i("circle", { cx: "44", cy: "24", r: "4" }),
-        /* @__PURE__ */ i("circle", { cx: "38.1421", cy: "38.1421", r: "4" }),
-        /* @__PURE__ */ i("circle", { cx: "24", cy: "44", r: "4" }),
-        /* @__PURE__ */ i("circle", { cx: "9.8579", cy: "38.1421", r: "4" }),
-        /* @__PURE__ */ i("circle", { cx: "4", cy: "24", r: "4" }),
-        /* @__PURE__ */ i("circle", { cx: "9.8579", cy: "9.8579", r: "4" })
-      ]
-    }
-  ) : e === "arc" ? /* @__PURE__ */ j(
-    "svg",
-    {
-      className: "uui-ring-spinner",
-      viewBox: "0 0 56 56",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ i(
-          "circle",
-          {
-            cx: "28",
-            cy: "28",
-            fill: "none",
-            opacity: "0.25",
-            r: "22",
-            stroke: "currentColor",
-            strokeWidth: "8"
-          }
-        ),
-        /* @__PURE__ */ i(
-          "circle",
-          {
-            cx: "28",
-            cy: "28",
-            fill: "none",
-            r: "22",
-            stroke: "currentColor",
-            strokeDasharray: "69 69",
-            strokeDashoffset: "0",
-            strokeLinecap: "butt",
-            strokeWidth: "8"
-          }
-        )
-      ]
-    }
-  ) : e === "stepBar" ? /* @__PURE__ */ j("svg", { className: "uui-bars-steps", viewBox: "0 0 48 48", children: [
-    /* @__PURE__ */ i("rect", { height: "8", rx: "4", width: "8", x: "6", y: "20" }),
-    /* @__PURE__ */ i("rect", { height: "8", rx: "4", width: "8", x: "20", y: "20" }),
-    /* @__PURE__ */ i("rect", { height: "8", rx: "4", width: "8", x: "34", y: "20" })
-  ] }) : /* @__PURE__ */ j(
-    "svg",
-    {
-      className: "uui-dots2-spinner",
-      viewBox: "0 0 48 48",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ i("circle", { cx: "10", cy: "24", r: "4" }),
-        /* @__PURE__ */ i("circle", { cx: "24", cy: "24", r: "4" }),
-        /* @__PURE__ */ i("circle", { cx: "38", cy: "24", r: "4" })
-      ]
-    }
-  );
-}
-function mi() {
-  const e = It(yn);
-  if (!e)
-    throw new Error("useTheme must be used within a <ThemeProvider>");
-  return e;
-}
-const jr = xt(
-  null
-), pi = xt(null), kt = ({
-  tooltip: e,
-  align: n,
-  triggerRef: t
-}) => {
-  const [r, s] = ee(!1), [o, u] = ee(null), l = ce(null), { bgColor: m, textOnColor: p } = Vt("inverseSurface");
-  ye(() => {
-    const f = t.current;
-    if (!f)
-      return;
-    const x = () => {
-      s(!0);
-    }, g = () => {
-      s(!1), u(null);
-    }, w = (F) => {
-      F.target.matches(":focus-visible") && s(!0);
-    };
-    return f.addEventListener("mouseenter", x), f.addEventListener("mouseleave", g), f.addEventListener("focus", w), f.addEventListener("blur", g), () => {
-      f.removeEventListener("mouseenter", x), f.removeEventListener("mouseleave", g), f.removeEventListener("focus", w), f.removeEventListener("blur", g);
-    };
-  }, [t]), ye(() => {
-    if (!r)
-      return;
-    const f = requestAnimationFrame(() => {
-      if (!l.current || !t.current)
-        return;
-      const x = gn(t, l, {
-        placement: n,
-        offset: 8
-      });
-      x && u({ x: x.x, y: x.y });
-    });
-    return () => {
-      cancelAnimationFrame(f);
-    };
-  }, [n, r, t]);
-  const c = {
-    position: "absolute",
-    top: (o == null ? void 0 : o.y) ?? -9999,
-    left: (o == null ? void 0 : o.x) ?? -9999,
-    zIndex: 1e3,
-    opacity: o ? 1 : 0,
-    pointerEvents: "none",
-    visibility: o && r ? "visible" : "hidden"
-  }, a = [
-    p,
-    m,
-    "uui-tooltip",
-    "uui-font-body-small",
-    "uui-elevation-2",
-    "uui-px-2",
-    "uui-py-1",
-    "uui-corner-small"
-  ].join(" ");
-  return Wt(
-    /* @__PURE__ */ i("div", { className: a, ref: l, role: "tooltip", style: c, children: e }),
-    document.body
-  );
-};
-kt.displayName = "InlineTooltipManager";
-const Ct = P(
-  (e, n) => {
-    const {
-      color: t,
-      selectedColor: r,
-      className: s,
-      label: o,
-      title: u,
-      type: l = "button",
-      size: m = "small",
-      border: p,
-      borderColor: c,
-      hoverEffects: a = ["overlay", "elevate"],
-      pressedEffects: f = ["overlay", "elevate"],
-      touchEffects: x = ["ripple"],
-      selectedEffects: g = ["morph", "color"],
-      focusEffects: w = ["ring", "overlay"],
-      children: F,
-      outlined: b = !1,
-      filled: h = !1,
-      tonal: $ = !1,
-      elevated: k = !1,
-      flat: S = !1,
-      elevation: M,
-      disabled: A,
-      textColor: q,
-      selectedTextColor: E,
-      shape: I = "round",
-      selectedShape: y = "rounded",
-      icon: C,
-      selectedIcon: v,
-      leading: N,
-      endIcon: Z,
-      trailing: U,
-      onClick: X,
-      elementClass: we,
-      font: he = "labelLarge",
-      upload: K,
-      uploadAccept: Me,
-      uploadMultiple: De,
-      onUploadChange: V,
-      id: O = "",
-      name: Q = "",
-      loading: fe,
-      fullWidth: de = !1,
-      link: D,
-      selected: Ve,
-      defaultSelected: ke,
-      toggle: z = !1,
-      tooltipAlign: te = "auto",
-      density: W,
-      style: ie,
-      "aria-label": We,
-      ...oe
-    } = e, ne = Ve !== void 0, [ve, He] = ee(
-      ke ?? !1
-    ), _ = ne ? Ve : ve, me = ce(null), Ee = ce(null), Re = ce(null), se = ce($t("button")), Se = O || Q || se.current, Ce = D ? lt.cloneElement(D, { ref: Ee, style: { display: "none" } }) : null, Fe = [
-      we,
-      s,
-      "uui-wrapper uui-bb",
-      dt(W),
-      ...de ? ["uui-full"] : []
-    ].filter(Boolean).join(" "), $e = [
-      "uui-btn-control",
-      Ie(he),
-      ...h ? ["uui-filled"] : [],
-      ...k ? ["uui-elevated"] : [],
-      ...$ ? ["uui-tonal"] : [],
-      ...b ? ["uui-outlined"] : [],
-      ...w.includes("ring") ? ["uui-focus-ring"] : [],
-      ...w.includes("overlay") ? ["uui-focus-overlay"] : [],
-      ...a.includes("overlay") ? ["uui-hover-overlay"] : [],
-      ...f.includes("overlay") ? ["uui-pressed-overlay"] : [],
-      ...g.includes("overlay") ? ["uui-selected-overlay"] : [],
-      ...fe ? ["uui-loading"] : [],
-      ...de ? ["uui-full"] : [],
-      ...F ? [] : [wt(m)],
-      ..._ ? ["uui-selected"] : []
-    ], pe = ["uui-state"], qe = z && _ && g.includes("morph") ? Ue(y) : Ue(I);
-    $e.push(qe), pe.push(qe);
-    const ge = "uui-icon", Le = z && _ ? v ?? N ?? C : N ?? C, Be = fe ? /* @__PURE__ */ i("div", { className: ge, children: /* @__PURE__ */ i(Rr, {}) }) : Le && /* @__PURE__ */ i("div", { className: ge, children: Le }), Ze = (U ?? Z) && /* @__PURE__ */ i("div", { className: ge, children: U ?? Z });
-    let le;
-    if (F) {
-      const J = [
-        "uui-btn-content uui-overflow-hidden",
-        qe,
-        Ie(he)
-      ].filter(Boolean).join(" ");
-      le = /* @__PURE__ */ i("div", { className: J, children: F });
-    } else
-      le = /* @__PURE__ */ j("div", { className: "uui-btn-content", children: [
-        Be,
-        o && /* @__PURE__ */ i("span", { className: "uui-label " + Ie(he), children: o }),
-        Ze
-      ] });
-    const L = T(ie), Y = T();
-    if (b || p !== void 0) {
-      L.border(mt(c));
-      const Xe = nt(p ?? (b ? 1 : 0));
-      $e.push(Xe);
-    }
-    let Te = M;
-    M === void 0 && ($ || h ? S || (Te = k ? 1 : 0) : k && (Te = 1));
-    const G = [
-      ...a.includes("elevate") && !S ? ["uui-hover-elevate"] : [],
-      ...f.includes("elevate") && !S ? ["uui-pressed-elevate"] : []
-    ];
-    $e.push(
-      ...G,
-      ut(Te)
-    );
-    const Je = () => {
-      h ? (L.bg(t ?? "primary"), Y.bg.on(t ?? "primary"), q ? L.text(q) : L.text.on(t ?? "primary")) : $ ? (L.bg.container("secondary"), Y.bg.onContainer("secondary"), q ? L.text(q) : L.text.onContainer("secondary")) : k ? (L.bg("surfaceContainerLow"), L.text(q ?? t ?? "primary"), Y.bg(t ?? "primary")) : b && !q ? (L.text.on("surfaceVariant"), Y.bg.on("surfaceVariant")) : (L.text(q ?? t ?? "primary"), Y.bg(q ?? t ?? "primary"));
-    }, _e = () => {
-      t ? (L.bg(t), Y.bg.on(t), L.text.on(t)) : h ? (L.bg("surfaceContainer"), Y.bg.on("surfaceContainer"), L.text.on("surfaceVariant")) : k ? (L.bg("surfaceContainerLow"), Y.bg.on("surfaceContainerLow"), L.text("primary")) : $ ? (L.bg.container("secondary"), Y.bg("secondary"), L.text.onContainer("secondary")) : b && !q ? (L.text.on("surfaceVariant"), Y.bg.on("surfaceVariant")) : (L.text(q ?? t ?? "primary"), Y.bg(q ?? t ?? "primary")), q && L.text(q);
-    }, H = () => {
-      const J = r ?? t ?? "primary";
-      $ && !r ? (L.bg("secondary"), Y.bg.on("secondary"), E ? L.text(E) : L.text.on("secondary")) : b && !r ? (L.bg("inverseSurface"), Y.bg.on("inverseSurface"), E ? L.text(E) : L.text.on("inverseSurface")) : (L.bg(J), Y.bg.on(J), E ? L.text(E) : L.text.on(J));
-    };
-    z && g.includes("color") ? _ ? H() : _e() : Je();
-    const ae = (J) => {
-      var Xe;
-      if (!A) {
-        if (z) {
-          const Ne = !_;
-          ne || He(Ne), (Xe = e.onChange) == null || Xe.call(e, {
-            ...J,
-            target: {
-              ...J.target,
-              name: Q,
-              value: Ne
-            }
-          });
-        }
-        if (Ee.current) {
-          Ee.current.click();
-          return;
-        }
-        if (K && me.current) {
-          me.current.click();
-          return;
-        }
-        X && X(J), x.includes("ripple") && St(J.currentTarget, J);
-      }
-    }, je = u ? /* @__PURE__ */ i("div", { id: `${Se}-tip`, children: u }) : null;
-    let Ae;
-    o && F && (Ae = o), !o && !F && (Ae = u);
-    const Oe = We ?? Ae;
-    return /* @__PURE__ */ j("div", { className: Fe, children: [
-      K && /* @__PURE__ */ i(
-        "input",
-        {
-          accept: Me,
-          "aria-labelledby": Se,
-          multiple: De,
-          onChange: V,
-          ref: me,
-          style: { display: "none" },
-          type: "file"
-        }
-      ),
-      /* @__PURE__ */ j(
-        "button",
-        {
-          "aria-busy": fe,
-          "aria-describedby": u ? `${Se}-tip` : void 0,
-          "aria-haspopup": K ? "dialog" : void 0,
-          "aria-label": Oe,
-          "aria-pressed": z ? _ : void 0,
-          className: $e.join(" "),
-          disabled: A,
-          id: Se,
-          name: Q || void 0,
-          onClick: ae,
-          ref: ft(n, Re),
-          style: L.get(),
-          type: l,
-          ...oe,
-          children: [
-            /* @__PURE__ */ i("div", { className: pe.join(" "), style: Y.get() }),
-            le
-          ]
-        }
-      ),
-      Ce,
-      je && /* @__PURE__ */ i(
-        kt,
-        {
-          align: te,
-          tooltip: je,
-          triggerRef: Re
-        }
-      )
-    ] });
-  }
-);
-Ct.displayName = "ButtonBase";
-export {
-  pr as Article,
-  Cr as Aside,
-  qt as Badge,
-  Ye as BoxBase,
-  Dn as Button,
-  Ct as ButtonBase,
-  Un as Card,
-  Gn as Checkbox,
-  _t as CheckboxBase,
-  Rn as Chip,
-  gr as Content,
-  T as ControlStyle,
-  oi as DateInput,
-  si as DateTimeInput,
-  kr as Dialog,
-  Br as DialogActions,
-  Lr as DialogContent,
-  Fr as DialogTitle,
-  xr as Div,
-  bn as Divider,
-  li as EmailInput,
-  Xn as Fab,
-  at as FieldBase,
-  vn as Fieldset,
-  pi as FieldsetContext,
-  yr as Flex,
-  fr as Footer,
-  vr as Grid,
-  dr as Header,
-  Cn as IS_DIVIDER,
-  pn as IS_MENU,
-  Gt as IS_MENU_ITEM,
-  zn as IconButton,
-  Xt as ListItem,
-  mr as Main,
-  Kt as Menu,
-  hn as MenuItem,
-  br as Nav,
-  ai as NumberInput,
-  or as Radio,
-  Nr as RadioGroup,
-  jr as RadioGroupContext,
-  hr as Section,
-  Rr as Spinner,
-  Dr as Switch,
-  ui as TelInput,
-  lr as TextField,
-  Nn as ThemeExtendedColorKeys,
-  ci as ThemeProvider,
-  fn as ThemeSchemeKeys,
-  cn as ThemeSemanticColorKeys,
-  dn as ThemeSurfaceColorKeys,
-  di as TimeInput,
-  Yn as ToggleButton,
-  cr as Tooltip,
-  fi as UrlInput,
-  gn as calculateFloatingPosition,
-  Pn as clampInt,
-  ti as createRipple,
-  Xr as getAlignClass,
-  In as getAnimationClass,
-  Wr as getAnimationList,
-  zr as getBodySizeClass,
-  An as getBorderClass,
-  mt as getBorderColor,
-  Ht as getBorderColorClass,
-  Hr as getColorClasses,
-  Gr as getCurrentColorClasses,
-  Qr as getDensityClass,
-  ri as getElementDisplayName,
-  On as getElevationClass,
-  Kr as getFixedColorClasses,
-  tn as getFontClass,
-  En as getMotionStyleClass,
-  Jr as getOutlineClass,
-  Tn as getSemanticColorClasses,
-  qr as getSemanticColorVar,
-  jn as getShapeClass,
-  Yr as getSizeClass,
-  Vt as getSurfaceColorClasses,
-  mn as getSurfaceColorVar,
-  _r as getTintOverlayColor,
-  Zr as hexToRgb,
-  Mn as hexToRgbValues,
-  Tt as inverseColorMap,
-  Pt as isDivider,
-  ht as isMenu,
-  Ot as isMenuItem,
-  ei as mergeRefs,
-  Mt as motionClassMap,
-  ii as setFocusVisible,
-  nn as toKebabCase,
-  ni as uniqueID,
-  Zn as useAnimate,
-  mi as useTheme
-};