@ufoui/core 0.0.1

package/index.mjs

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