@gryt/ui 0.13.0 → 0.14.0

package/dist/index.js

@@ -1,1129 +1,88 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { Tooltip as G } from "@base-ui/react/tooltip";
-import { Button as Se } from "@base-ui/react/button";
-import { forwardRef as i, useRef as Re, useCallback as de, useLayoutEffect as Xe, useState as We, useEffect as Ke, useSyncExternalStore as Je, useContext as ue, createContext as Qe } from "react";
-import { clsx as Ze } from "clsx";
-import { twMerge as qe } from "tailwind-merge";
-import { Field as q } from "@base-ui/react/field";
-import { PaperPlaneTilt as et, X as $e, Check as Ce, CaretUpDown as tt, CircleNotch as rt, CaretDown as at, Minus as ot, Plus as nt } from "@phosphor-icons/react";
-import { Avatar as ae } from "@base-ui/react/avatar";
-import { Checkbox as he } from "@base-ui/react/checkbox";
-import { Radio as xe } from "@base-ui/react/radio";
-import { RadioGroup as st } from "@base-ui/react/radio-group";
-import { Switch as we } from "@base-ui/react/switch";
-import { Slider as U } from "@base-ui/react/slider";
-import { Select as v } from "@base-ui/react/select";
-import { Separator as ct } from "@base-ui/react/separator";
-import { Progress as oe } from "@base-ui/react/progress";
-import { Dialog as I } from "@base-ui/react/dialog";
-import { Drawer as k } from "@base-ui/react/drawer";
-import { Menu as j } from "@base-ui/react/menu";
-import { Tabs as Z } from "@base-ui/react/tabs";
-import { Accordion as K } from "@base-ui/react/accordion";
-import { ContextMenu as A } from "@base-ui/react/context-menu";
-import { Popover as R } from "@base-ui/react/popover";
-import { Toast as C } from "@base-ui/react/toast";
-import { ScrollArea as _ } from "@base-ui/react/scroll-area";
-import { Toggle as it } from "@base-ui/react/toggle";
-import { ToggleGroup as dt } from "@base-ui/react/toggle-group";
-import { Meter as O } from "@base-ui/react/meter";
-import { AlertDialog as M } from "@base-ui/react/alert-dialog";
-import { Autocomplete as h } from "@base-ui/react/autocomplete";
-import { Combobox as p } from "@base-ui/react/combobox";
-import { CheckboxGroup as lt } from "@base-ui/react/checkbox-group";
-import { Collapsible as ge } from "@base-ui/react/collapsible";
-import { Form as ut } from "@base-ui/react/form";
-import { Fieldset as Ae } from "@base-ui/react/fieldset";
-import { Menubar as gt } from "@base-ui/react/menubar";
-import { NavigationMenu as N } from "@base-ui/react/navigation-menu";
-import { NumberField as D } from "@base-ui/react/number-field";
-import { OTPField as ve } from "@base-ui/react/otp-field";
-import { PreviewCard as z } from "@base-ui/react/preview-card";
-import { Toolbar as B } from "@base-ui/react/toolbar";
-function Ie(a) {
-  return a <= 0.04045 ? a / 12.92 : ((a + 0.055) / 1.055) ** 2.4;
-}
-function ne(a) {
-  return a <= 31308e-7 ? 12.92 * a : 1.055 * a ** (1 / 2.4) - 0.055;
-}
-function Y(a) {
-  return Math.min(1, Math.max(0, a));
-}
-function X(a) {
-  const t = a.replace("#", ""), r = t.length === 3 ? t.split("").map((e) => e + e).join("") : t;
-  return [
-    parseInt(r.slice(0, 2), 16) / 255,
-    parseInt(r.slice(2, 4), 16) / 255,
-    parseInt(r.slice(4, 6), 16) / 255
-  ];
-}
-function Me([a, t, r]) {
-  const e = (n) => Math.round(Y(n) * 255).toString(16).padStart(2, "0");
-  return `#${e(a)}${e(t)}${e(r)}`;
-}
-function J(a) {
-  const [t, r, e] = X(a).map(Ie), n = Math.cbrt(
-    0.4122214708 * t + 0.5363325363 * r + 0.0514459929 * e
-  ), c = Math.cbrt(
-    0.2119034982 * t + 0.6806995451 * r + 0.1073969566 * e
-  ), d = Math.cbrt(
-    0.0883024619 * t + 0.2817188376 * r + 0.6299787005 * e
-  ), l = 0.2104542553 * n + 0.793617785 * c - 0.0040720468 * d, g = 1.9779984951 * n - 2.428592205 * c + 0.4505937099 * d, y = 0.0259040371 * n + 0.7827717662 * c - 0.808675766 * d;
-  return {
-    l,
-    c: Math.hypot(g, y),
-    h: (Math.atan2(y, g) * 180 / Math.PI + 360) % 360
-  };
-}
-function $({ l: a, c: t, h: r }) {
-  const e = t * Math.cos(r * Math.PI / 180), n = t * Math.sin(r * Math.PI / 180), c = (a + 0.3963377774 * e + 0.2158037573 * n) ** 3, d = (a - 0.1055613458 * e - 0.0638541728 * n) ** 3, l = (a - 0.0894841775 * e - 1.291485548 * n) ** 3;
-  return Me([
-    ne(Y(4.0767416621 * c - 3.3077115913 * d + 0.2309699292 * l)),
-    ne(Y(-1.2684380046 * c + 2.6097574011 * d - 0.3413193965 * l)),
-    ne(Y(-0.0041960863 * c - 0.7034186147 * d + 1.707614701 * l))
-  ]);
-}
-const ft = [0.195, 0.24, 0.27, 0.3, 0.33, 0.37, 0.43, 0.52], yt = [0.014, 0.026, 0.04, 0.052, 0.062, 0.072, 0.084, 0.1];
-function L(a, t) {
-  const { h: r } = J(a), e = ft.map((l, g) => $({ l, c: yt[g], h: r }));
-  e.push(a, t);
-  const n = J(t).l, c = Math.min(0.95, Math.max(0.84, n + 0.04)), d = Math.min(0.98, Math.max(c + 0.06, 0.93));
-  return e.push($({ l: c, c: 0.11, h: r })), e.push($({ l: d, c: 0.055, h: r })), e;
-}
-const mt = [
-  0.187,
-  0.231,
-  0.245,
-  0.268,
-  0.289,
-  0.31,
-  0.355,
-  0.425,
-  0.52,
-  0.57,
-  0.627,
-  0.908
-], bt = [
-  0.011,
-  0.014,
-  0.016,
-  0.019,
-  0.022,
-  0.024,
-  0.026,
-  0.026,
-  0.02,
-  0.012,
-  0,
-  8e-3
-];
-function He(a) {
-  const t = {
-    0: a.bg,
-    1: a.surface,
-    2: a.surfaceRaised,
-    5: a.border,
-    10: a.muted,
-    11: a.text
-  }, r = J(a.border).h;
-  return mt.map(
-    (e, n) => t[n] ?? $({ l: e, c: bt[n], h: r })
-  );
-}
-function Q(a, t) {
-  const r = X(t);
-  return a.map((e) => {
-    const n = X(e);
-    let c = 0;
-    for (let f = 0; f < 3; f++) {
-      const b = n[f], P = r[f];
-      b > P ? c = Math.max(c, P < 1 ? (b - P) / (1 - P) : 0) : b < P && (c = Math.max(c, P > 0 ? (P - b) / P : 0));
-    }
-    if (c < 1e-6) return "transparent";
-    const d = Me(
-      n.map((f, b) => Y(r[b] + (f - r[b]) / c))
-    ), [l, g, y] = X(d).map((f) => Math.round(f * 255));
-    return `rgb(${l} ${g} ${y} / ${(c * 100).toFixed(1)}%)`;
-  });
-}
-const pt = [
-  0.962,
-  1,
-  0.978,
-  0.952,
-  0.928,
-  0.898,
-  0.855,
-  0.79,
-  0.66,
-  0.61,
-  0.48,
-  0.25
-], ht = [
-  6e-3,
-  0,
-  4e-3,
-  7e-3,
-  0.01,
-  0.013,
-  0.016,
-  0.018,
-  0.016,
-  0.014,
-  0.012,
-  0.014
-], xt = [0.975, 0.955, 0.93, 0.905, 0.878, 0.845, 0.795, 0.72], wt = [0.012, 0.024, 0.038, 0.05, 0.062, 0.074, 0.09, 0.11];
-function De(a) {
-  const t = {
-    0: a.bg,
-    1: a.surface,
-    2: a.surfaceRaised,
-    5: a.border,
-    10: a.muted,
-    11: a.text
-  }, r = J(a.border).h;
-  return pt.map(
-    (e, n) => t[n] ?? $({ l: e, c: ht[n], h: r })
-  );
-}
-function S(a) {
-  const { l: t, c: r, h: e } = J(a), n = xt.map(
-    (c, d) => $({ l: c, c: wt[d], h: e })
-  );
-  return n.push(a), n.push($({ l: Math.max(0, t - 0.07), c: r, h: e })), n.push($({ l: 0.46, c: 0.15, h: e })), n.push($({ l: 0.33, c: 0.1, h: e })), n;
-}
-function Ne(a) {
-  const [t, r, e] = X(a).map(Ie);
-  return 0.2126 * t + 0.7152 * r + 0.0722 * e;
-}
-function qa(a, t) {
-  const r = Ne(a), e = Ne(t);
-  return (Math.max(r, e) + 0.05) / (Math.min(r, e) + 0.05);
-}
-const u = {
-  color: {
-    bg: "#111318",
-    surface: "#1a1d24",
-    surfaceRaised: "#1e2028",
-    surfaceHover: "#334155",
-    border: "#2b303d",
-    text: "#e0e0e6",
-    muted: "#888888",
-    accent: "#968ff8",
-    accentLight: "#b4afff",
-    secondary: "#7dd3fc",
-    secondaryLight: "#bae6fd",
-    success: "#4ade80",
-    danger: "#f87171",
-    dangerLight: "#fca5a5",
-    warning: "#fbbf24",
-    // The fill's own hue, dark enough to clear 7:1 against it. See the note in
-    // theme.css: these are the only text in the library that always sits on a
-    // saturated colour, so they are held to AAA rather than AA.
-    onAccent: "#0c0a20",
-    onSecondary: "#02121a",
-    onDanger: "#1f0405"
-  },
-  radius: {
-    sm: 8,
-    md: 12,
-    lg: 20,
-    xl: 28,
-    full: 999
-  }
-}, T = {
-  bg: "#f1f2f7",
-  surface: "#ffffff",
-  surfaceRaised: "#f7f8fb",
-  border: "#dadde6",
-  muted: "#5b5d65",
-  text: "#1f2129"
-}, Pe = {
-  neutral: He({
-    bg: u.color.bg,
-    surface: u.color.surface,
-    surfaceRaised: u.color.surfaceRaised,
-    border: u.color.border,
-    muted: u.color.muted,
-    text: u.color.text
-  }),
-  accent: L(u.color.accent, u.color.accentLight),
-  secondary: L(
-    u.color.secondary,
-    u.color.secondaryLight
-  ),
-  success: L(u.color.success, u.color.success),
-  danger: L(u.color.danger, u.color.dangerLight),
-  warning: L(u.color.warning, u.color.warning)
-}, le = {
-  neutral: De(T),
-  accent: S(u.color.accent),
-  secondary: S(u.color.secondary),
-  success: S(u.color.success),
-  danger: S(u.color.danger),
-  warning: S(u.color.warning)
-}, Ge = le.neutral[3], eo = {
-  neutral: Q(Pe.neutral, u.color.bg),
-  accent: Q(Pe.accent, u.color.bg)
-}, to = {
-  neutral: Q(le.neutral, T.bg),
-  accent: Q(le.accent, T.bg)
-};
-function vt(a = {}) {
-  const t = a.appearance === "light", e = { ...t ? {
-    ...u.color,
-    ...T,
-    surfaceHover: Ge
-  } : u.color, ...a.color }, n = { ...u.radius, ...a.radius }, c = {
-    bg: e.bg,
-    surface: e.surface,
-    surfaceRaised: e.surfaceRaised,
-    border: e.border,
-    muted: e.muted,
-    text: e.text
-  }, d = t ? {
-    neutral: De(c),
-    accent: S(e.accent),
-    secondary: S(e.secondary),
-    success: S(e.success),
-    danger: S(e.danger),
-    warning: S(e.warning)
-  } : {
-    neutral: He(c),
-    accent: L(e.accent, e.accentLight),
-    secondary: L(e.secondary, e.secondaryLight),
-    success: L(e.success, e.success),
-    danger: L(e.danger, e.dangerLight),
-    warning: L(e.warning, e.warning)
-  }, l = {};
-  for (const [g, y] of Object.entries(d))
-    y.forEach((f, b) => {
-      l[`--gryt-${g}-${b + 1}`] = f, l[`--color-gryt-${g}-${b + 1}`] = f;
-    });
-  for (const g of ["neutral", "accent"])
-    Q(d[g], e.bg).forEach((y, f) => {
-      l[`--gryt-${g}-a${f + 1}`] = y, l[`--color-gryt-${g}-a${f + 1}`] = y;
-    });
-  return {
-    ...l,
-    "--gryt-bg": e.bg,
-    "--gryt-surface": e.surface,
-    "--gryt-surface-raised": e.surfaceRaised,
-    "--gryt-surface-hover": e.surfaceHover,
-    "--gryt-border": e.border,
-    "--gryt-text": e.text,
-    "--gryt-muted": e.muted,
-    "--gryt-accent": e.accent,
-    "--gryt-accent-light": e.accentLight,
-    "--gryt-secondary": e.secondary,
-    "--gryt-secondary-light": e.secondaryLight,
-    "--gryt-success": e.success,
-    "--gryt-danger": e.danger,
-    "--gryt-danger-light": e.dangerLight,
-    "--gryt-warning": e.warning,
-    "--gryt-on-accent": e.onAccent,
-    "--gryt-on-secondary": e.onSecondary,
-    "--gryt-on-danger": e.onDanger,
-    // Tailwind's @theme emits --color-* names, and the utilities compile
-    // against those. Both sets have to move together or an override would
-    // change the raw var but not bg-gryt-accent.
-    "--color-gryt-bg": e.bg,
-    "--color-gryt-surface": e.surface,
-    "--color-gryt-surface-raised": e.surfaceRaised,
-    "--color-gryt-surface-hover": e.surfaceHover,
-    "--color-gryt-border": e.border,
-    "--color-gryt-text": e.text,
-    "--color-gryt-muted": e.muted,
-    "--color-gryt-accent": e.accent,
-    "--color-gryt-accent-light": e.accentLight,
-    "--color-gryt-secondary": e.secondary,
-    "--color-gryt-secondary-light": e.secondaryLight,
-    "--color-gryt-success": e.success,
-    "--color-gryt-danger": e.danger,
-    "--color-gryt-danger-light": e.dangerLight,
-    "--color-gryt-warning": e.warning,
-    "--color-gryt-on-accent": e.onAccent,
-    "--color-gryt-on-secondary": e.onSecondary,
-    "--color-gryt-on-danger": e.onDanger,
-    "--gryt-radius-sm": `${n.sm}px`,
-    "--gryt-radius-md": `${n.md}px`,
-    "--gryt-radius-lg": `${n.lg}px`,
-    "--gryt-radius-xl": `${n.xl}px`,
-    "--gryt-radius-full": `${n.full}px`
-  };
-}
-function Nt(a) {
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { Tooltip as I } from "@base-ui/react/tooltip";
+import { createGrytTheme as bt } from "./theme.js";
+import { GRYT_HUE_KEYS as ca, GRYT_NEUTRAL_KEYS as la, GRYT_RADIUS_KEYS as da, GRYT_THEME_NAME_MAX as ga, alphaScale as ua, cloneGrytTheme as ya, contrast as pa, decodeGrytTheme as ma, encodeGrytTheme as ba, grytAlphaScales as fa, grytAlphaScalesLight as xa, grytLightTokens as ha, grytPresets as wa, grytPresetsById as va, grytScales as Na, grytScalesLight as Pa, grytTheme as Ta, grytThemeHues as ka, grytThemeToOptions as Ca, grytTokens as Sa, hexToOklch as $a, hexToRgb as Ra, hueScale as Ia, hueScaleLight as Aa, isHexColor as Da, neutralScale as Ma, neutralScaleLight as Ga, normalizeHexColor as La, normalizeThemeName as ja, oklchToHex as Ba, rgbToHex as za } from "./theme.js";
+import { Button as nt } from "@base-ui/react/button";
+import { forwardRef as s, useRef as it, useCallback as U, useLayoutEffect as ft, useState as xt, useEffect as ht, useSyncExternalStore as wt, useContext as K, createContext as vt } from "react";
+import { clsx as Nt } from "clsx";
+import { twMerge as Pt } from "tailwind-merge";
+import { Field as V } from "@base-ui/react/field";
+import { PaperPlaneTilt as Tt, X as st, Check as ct, CaretUpDown as kt, CircleNotch as Ct, CaretDown as St, Minus as $t, Plus as Rt } from "@phosphor-icons/react";
+import { Avatar as H } from "@base-ui/react/avatar";
+import { Checkbox as q } from "@base-ui/react/checkbox";
+import { Radio as tt } from "@base-ui/react/radio";
+import { RadioGroup as It } from "@base-ui/react/radio-group";
+import { Switch as et } from "@base-ui/react/switch";
+import { Slider as B } from "@base-ui/react/slider";
+import { Select as x } from "@base-ui/react/select";
+import { Separator as At } from "@base-ui/react/separator";
+import { Progress as O } from "@base-ui/react/progress";
+import { Dialog as C } from "@base-ui/react/dialog";
+import { Drawer as v } from "@base-ui/react/drawer";
+import { Menu as A } from "@base-ui/react/menu";
+import { Tabs as E } from "@base-ui/react/tabs";
+import { Accordion as F } from "@base-ui/react/accordion";
+import { ContextMenu as k } from "@base-ui/react/context-menu";
+import { Popover as P } from "@base-ui/react/popover";
+import { Toast as T } from "@base-ui/react/toast";
+import { ScrollArea as L } from "@base-ui/react/scroll-area";
+import { Toggle as Dt } from "@base-ui/react/toggle";
+import { ToggleGroup as Mt } from "@base-ui/react/toggle-group";
+import { Meter as z } from "@base-ui/react/meter";
+import { AlertDialog as S } from "@base-ui/react/alert-dialog";
+import { Autocomplete as m } from "@base-ui/react/autocomplete";
+import { Combobox as g } from "@base-ui/react/combobox";
+import { CheckboxGroup as Gt } from "@base-ui/react/checkbox-group";
+import { Collapsible as W } from "@base-ui/react/collapsible";
+import { Form as Lt } from "@base-ui/react/form";
+import { Fieldset as lt } from "@base-ui/react/fieldset";
+import { Menubar as jt } from "@base-ui/react/menubar";
+import { NavigationMenu as h } from "@base-ui/react/navigation-menu";
+import { NumberField as R } from "@base-ui/react/number-field";
+import { OTPField as rt } from "@base-ui/react/otp-field";
+import { PreviewCard as M } from "@base-ui/react/preview-card";
+import { Toolbar as G } from "@base-ui/react/toolbar";
+function Bt(a) {
   return Object.keys(a).some((t) => t.startsWith("--"));
 }
-function ro({
+function co({
   children: a,
   className: t,
-  theme: r,
-  tooltipDelay: e = 400
+  theme: e,
+  tooltipDelay: r = 400
 }) {
-  const n = r === void 0 ? void 0 : Nt(r) ? r : vt(r);
-  return /* @__PURE__ */ o("div", { className: t, style: n, children: /* @__PURE__ */ o(G.Provider, { delay: e, children: a }) });
+  const i = e === void 0 ? void 0 : Bt(e) ? e : bt(e);
+  return /* @__PURE__ */ o("div", { className: t, style: i, children: /* @__PURE__ */ o(I.Provider, { delay: r, children: a }) });
 }
-const ee = [
-  "accent",
-  "accentLight",
-  "secondary",
-  "secondaryLight",
-  "success",
-  "danger",
-  "dangerLight",
-  "warning",
-  "onAccent",
-  "onSecondary",
-  "onDanger"
-], je = [
-  "bg",
-  "surface",
-  "surfaceRaised",
-  "surfaceHover",
-  "border",
-  "muted",
-  "text"
-], fe = ["sm", "md", "lg", "xl", "full"], Pt = 60;
-function ye(a) {
-  return a.replace(/\s+/g, " ").trim().slice(0, Pt);
+function n(...a) {
+  return Pt(Nt(a));
 }
-const F = {
-  hue: {
-    accent: u.color.accent,
-    accentLight: u.color.accentLight,
-    secondary: u.color.secondary,
-    secondaryLight: u.color.secondaryLight,
-    success: u.color.success,
-    danger: u.color.danger,
-    dangerLight: u.color.dangerLight,
-    warning: u.color.warning,
-    onAccent: u.color.onAccent,
-    onSecondary: u.color.onSecondary,
-    onDanger: u.color.onDanger
-  },
-  lightHue: null,
-  dark: {
-    bg: u.color.bg,
-    surface: u.color.surface,
-    surfaceRaised: u.color.surfaceRaised,
-    surfaceHover: u.color.surfaceHover,
-    border: u.color.border,
-    muted: u.color.muted,
-    text: u.color.text
-  },
-  light: {
-    bg: T.bg,
-    surface: T.surface,
-    surfaceRaised: T.surfaceRaised,
-    surfaceHover: Ge,
-    border: T.border,
-    muted: T.muted,
-    text: T.text
-  },
-  radius: { ...u.radius }
-};
-function Ee(a) {
-  return {
-    ...a.name === void 0 ? {} : { name: a.name },
-    hue: { ...a.hue },
-    lightHue: a.lightHue === null ? null : { ...a.lightHue },
-    dark: { ...a.dark },
-    light: { ...a.light },
-    radius: { ...a.radius }
-  };
-}
-function kt(a, t) {
-  return t === "light" && a.lightHue !== null ? a.lightHue : a.hue;
-}
-function ao(a, t) {
-  return {
-    appearance: t,
-    color: { ...kt(a, t), ...a[t] },
-    radius: { ...a.radius }
-  };
-}
-const W = {
-  accent: "accent",
-  accentLight: "accent-light",
-  secondary: "secondary",
-  secondaryLight: "secondary-light",
-  success: "success",
-  danger: "danger",
-  dangerLight: "danger-light",
-  warning: "warning",
-  onAccent: "on-accent",
-  onSecondary: "on-secondary",
-  onDanger: "on-danger"
-}, ze = {
-  bg: "bg",
-  surface: "surface",
-  surfaceRaised: "raised",
-  surfaceHover: "hover",
-  border: "border",
-  muted: "muted",
-  text: "text"
-}, Tt = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function Be(a) {
-  return Tt.test(a.trim());
-}
-function me(a) {
-  const t = a.trim().toLowerCase();
-  return t.length === 4 ? `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}` : t;
-}
-function oo(a, t) {
-  const r = new URLSearchParams(), e = (c) => me(c).slice(1), n = ye(a.name ?? "");
-  n !== "" && r.set("name", n);
-  for (const c of ee)
-    a.hue[c] !== F.hue[c] && r.set(W[c], e(a.hue[c]));
-  if (a.lightHue !== null)
-    for (const c of ee)
-      r.set(`lh-${W[c]}`, e(a.lightHue[c]));
-  for (const c of ["dark", "light"]) {
-    const d = c === "dark" ? "d" : "l";
-    for (const l of je)
-      a[c][l] !== F[c][l] && r.set(`${d}-${ze[l]}`, e(a[c][l]));
-  }
-  for (const c of fe)
-    a.radius[c] !== F.radius[c] && r.set(`r-${c}`, String(a.radius[c]));
-  return t === "light" && r.set("mode", "light"), r;
-}
-function no(a) {
-  const t = a.trim();
-  if (t === "") return null;
-  if (t.startsWith("{")) return St(t);
-  const r = t.includes("?") ? t.slice(t.indexOf("?") + 1) : t;
-  return Lt(new URLSearchParams(r));
-}
-function Lt(a) {
-  const t = Ee(F);
-  let r = !1;
-  const e = (c) => {
-    const d = a.get(c);
-    if (d === null) return null;
-    const l = d.startsWith("#") ? d : `#${d}`;
-    return Be(l) ? (r = !0, me(l)) : null;
-  }, n = ye(a.get("name") ?? "");
-  n !== "" && (t.name = n, r = !0);
-  for (const c of ee) {
-    const d = e(W[c]);
-    d !== null && (t.hue[c] = d);
-  }
-  if (a.has(`lh-${W.accent}`)) {
-    const c = { ...t.hue };
-    for (const d of ee) {
-      const l = e(`lh-${W[d]}`);
-      l !== null && (c[d] = l);
-    }
-    t.lightHue = c;
-  }
-  for (const c of ["dark", "light"]) {
-    const d = c === "dark" ? "d" : "l";
-    for (const l of je) {
-      const g = e(`${d}-${ze[l]}`);
-      g !== null && (t[c][l] = g);
-    }
-  }
-  for (const c of fe) {
-    const d = Number(a.get(`r-${c}`));
-    Number.isFinite(d) && d >= 0 && d <= 999 && a.has(`r-${c}`) && (t.radius[c] = Math.round(d), r = !0);
-  }
-  return r ? {
-    theme: t,
-    appearance: a.get("mode") === "light" ? "light" : "dark"
-  } : null;
-}
-function St(a) {
-  let t;
-  try {
-    t = JSON.parse(a);
-  } catch {
-    return null;
-  }
-  if (typeof t != "object" || t === null) return null;
-  const r = t, e = Ee(F);
-  let n = !1;
-  const c = (d, l) => {
-    if (!(typeof d != "object" || d === null))
-      for (const [g, y] of Object.entries(d))
-        typeof y == "string" && Be(y) && g in l && (l[g] = me(y), n = !0);
-  };
-  if (typeof r.name == "string") {
-    const d = ye(r.name);
-    d !== "" && (e.name = d, n = !0);
-  }
-  if (c(r.hue, e.hue), c(r.dark, e.dark), c(r.light, e.light), typeof r.lightHue == "object" && r.lightHue !== null) {
-    const d = { ...e.hue };
-    c(r.lightHue, d), e.lightHue = d;
-  }
-  if (typeof r.radius == "object" && r.radius !== null)
-    for (const [d, l] of Object.entries(
-      r.radius
-    )) {
-      const g = Number(l);
-      fe.includes(d) && Number.isFinite(g) && g >= 0 && g <= 999 && (e.radius[d] = Math.round(g), n = !0);
-    }
-  return n ? { theme: e, appearance: "dark" } : null;
-}
-const se = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, ce = { sm: 6, md: 8, lg: 14, xl: 18, full: 999 }, Rt = { sm: 4, md: 6, lg: 10, xl: 14, full: 6 }, $t = { sm: 6, md: 8, lg: 10, xl: 14, full: 10 }, ke = { sm: 2, md: 4, lg: 6, xl: 8, full: 4 }, Ct = [
-  {
-    id: "gryt",
-    name: "Gryt",
-    note: "What the library ships, from the Gryt code-theme.",
-    group: "Gryt",
-    source: "github.com/Gryt-chat/code-theme",
-    theme: F
-  },
-  {
-    id: "ember",
-    name: "Ember",
-    note: "Warm all the way down — the neutrals are brown, not blue.",
-    group: "Gryt",
-    theme: {
-      name: "Ember",
-      hue: {
-        accent: "#f0803c",
-        accentLight: "#ff9f66",
-        secondary: "#d9a441",
-        secondaryLight: "#ecc06a",
-        success: "#8bb056",
-        danger: "#e35d55",
-        dangerLight: "#ef8079",
-        warning: "#e8b33e",
-        onAccent: "#231004",
-        onSecondary: "#241a04",
-        onDanger: "#2b0a08"
-      },
-      lightHue: null,
-      dark: {
-        bg: "#17110e",
-        surface: "#1f1815",
-        surfaceRaised: "#251d19",
-        surfaceHover: "#33261f",
-        border: "#352822",
-        muted: "#a48f81",
-        text: "#f5ece5"
-      },
-      light: {
-        bg: "#f6efe8",
-        surface: "#fffdfb",
-        surfaceRaised: "#faf3ec",
-        surfaceHover: "#efe3d8",
-        border: "#e0d2c4",
-        muted: "#6b5b50",
-        text: "#241a14"
-      },
-      radius: se
-    }
-  },
-  {
-    id: "paper",
-    name: "Paper",
-    note: "Near-monochrome. One quiet slate accent and nothing else.",
-    group: "Gryt",
-    theme: {
-      name: "Paper",
-      hue: {
-        accent: "#8390a8",
-        accentLight: "#a3aec2",
-        secondary: "#93a0a0",
-        secondaryLight: "#b1bcbc",
-        success: "#7f9b7f",
-        danger: "#b56b6b",
-        dangerLight: "#c98d8d",
-        warning: "#b39a6a",
-        onAccent: "#11151c",
-        onSecondary: "#121717",
-        onDanger: "#1d0e0e"
-      },
-      lightHue: null,
-      dark: {
-        bg: "#101011",
-        surface: "#17171a",
-        surfaceRaised: "#1d1d20",
-        surfaceHover: "#282a2e",
-        border: "#2a2a2e",
-        muted: "#8e8e94",
-        text: "#ededf0"
-      },
-      light: {
-        bg: "#f0f0f2",
-        surface: "#ffffff",
-        surfaceRaised: "#f7f7f9",
-        surfaceHover: "#e6e6ea",
-        border: "#d6d6dc",
-        muted: "#5b5b63",
-        text: "#17171a"
-      },
-      radius: ce
-    }
-  },
-  {
-    id: "signal",
-    name: "Signal",
-    note: "Black, white, and a yellow that cannot be missed.",
-    group: "Gryt",
-    theme: {
-      name: "Signal",
-      hue: {
-        accent: "#ffd400",
-        accentLight: "#ffe454",
-        secondary: "#00d0ff",
-        secondaryLight: "#66e2ff",
-        success: "#00e06a",
-        danger: "#ff453a",
-        dangerLight: "#ff7a72",
-        warning: "#ffab00",
-        onAccent: "#161200",
-        onSecondary: "#001a20",
-        onDanger: "#1a0300"
-      },
-      lightHue: null,
-      dark: {
-        bg: "#000000",
-        surface: "#0c0c0c",
-        surfaceRaised: "#151515",
-        surfaceHover: "#242424",
-        border: "#454545",
-        muted: "#bcbcbc",
-        text: "#ffffff"
-      },
-      light: {
-        bg: "#f0f0f0",
-        surface: "#ffffff",
-        surfaceRaised: "#f8f8f8",
-        surfaceHover: "#e3e3e3",
-        border: "#6f6f6f",
-        muted: "#3d3d3d",
-        text: "#000000"
-      },
-      radius: ke
-    }
-  },
-  {
-    /* Dracula's eleven, and Alucard's eleven for the light half, from the
-       palette tables in dracula/dracula-theme. Background, Current Line,
-       Foreground and Comment are exact; the two steps between Background and
-       Current Line are derived, because Dracula does not name them. */
-    id: "dracula",
-    name: "Dracula",
-    note: "The purple-and-pink dark theme, with Alucard as its light half.",
-    group: "Ported",
-    source: "draculatheme.com, MIT",
-    theme: {
-      name: "Dracula",
-      hue: {
-        accent: "#bd93f9",
-        accentLight: "#d0b3fb",
-        secondary: "#8be9fd",
-        secondaryLight: "#aff0fe",
-        success: "#50fa7b",
-        danger: "#ff5555",
-        dangerLight: "#ff7979",
-        warning: "#ffb86c",
-        onAccent: "#282a36",
-        onSecondary: "#282a36",
-        onDanger: "#282a36"
-      },
-      lightHue: {
-        accent: "#644ac9",
-        accentLight: "#7b64d6",
-        secondary: "#036a96",
-        secondaryLight: "#0b83b5",
-        success: "#14710a",
-        danger: "#cb3a2a",
-        dangerLight: "#d95445",
-        warning: "#a34d14",
-        onAccent: "#fffbeb",
-        onSecondary: "#fffbeb",
-        onDanger: "#fffbeb"
-      },
-      dark: {
-        bg: "#282a36",
-        surface: "#31323f",
-        surfaceRaised: "#383a49",
-        surfaceHover: "#44475a",
-        border: "#44475a",
-        muted: "#6272a4",
-        text: "#f8f8f2"
-      },
-      light: {
-        bg: "#f5f1e1",
-        surface: "#fffbeb",
-        surfaceRaised: "#faf6e6",
-        surfaceHover: "#ece7d4",
-        border: "#dcd6bf",
-        muted: "#6c664b",
-        text: "#1f1f1f"
-      },
-      radius: ce
-    }
-  },
-  {
-    /* nord0-nord15, exactly as nordtheme.com publishes them. Polar Night is
-       the dark neutrals, Snow Storm the light ones, Frost the accents and
-       Aurora the status colours. Nothing here is derived. */
-    id: "nord",
-    name: "Nord",
-    note: "Polar Night and Snow Storm, with Frost on top.",
-    group: "Ported",
-    source: "nordtheme.com, MIT",
-    theme: {
-      name: "Nord",
-      hue: {
-        accent: "#88c0d0",
-        accentLight: "#8fbcbb",
-        secondary: "#81a1c1",
-        secondaryLight: "#a3b8d4",
-        success: "#a3be8c",
-        danger: "#bf616a",
-        dangerLight: "#d08770",
-        warning: "#ebcb8b",
-        onAccent: "#2e3440",
-        onSecondary: "#2e3440",
-        onDanger: "#eceff4"
-      },
-      lightHue: {
-        accent: "#5e81ac",
-        accentLight: "#81a1c1",
-        secondary: "#8fbcbb",
-        secondaryLight: "#88c0d0",
-        success: "#a3be8c",
-        danger: "#bf616a",
-        dangerLight: "#d08770",
-        warning: "#ebcb8b",
-        onAccent: "#eceff4",
-        onSecondary: "#2e3440",
-        onDanger: "#eceff4"
-      },
-      dark: {
-        bg: "#2e3440",
-        surface: "#3b4252",
-        surfaceRaised: "#434c5e",
-        surfaceHover: "#4c566a",
-        border: "#4c566a",
-        muted: "#d8dee9",
-        text: "#eceff4"
-      },
-      light: {
-        bg: "#e5e9f0",
-        surface: "#eceff4",
-        surfaceRaised: "#e9edf2",
-        surfaceHover: "#d8dee9",
-        border: "#c9d1de",
-        muted: "#4c566a",
-        text: "#2e3440"
-      },
-      radius: ce
-    }
-  },
-  {
-    /* Mocha and Latte from catppuccin/palette's palette.json. base, mantle,
-       surface0/1/2, text and subtext0 are exact; the border step is derived
-       from surface1 and surface2, which is where a border sits in their own
-       ports. */
-    id: "catppuccin",
-    name: "Catppuccin",
-    note: "Mocha for dark, Latte for light. Mauve does the accent work.",
-    group: "Ported",
-    source: "catppuccin/palette, MIT",
-    theme: {
-      name: "Catppuccin",
-      hue: {
-        accent: "#cba6f7",
-        accentLight: "#dcc0fa",
-        secondary: "#89b4fa",
-        secondaryLight: "#a8c8fb",
-        success: "#a6e3a1",
-        danger: "#f38ba8",
-        dangerLight: "#eba0ac",
-        warning: "#f9e2af",
-        onAccent: "#1e1e2e",
-        onSecondary: "#1e1e2e",
-        onDanger: "#1e1e2e"
-      },
-      lightHue: {
-        accent: "#8839ef",
-        accentLight: "#9a55f2",
-        secondary: "#1e66f5",
-        secondaryLight: "#4680f7",
-        success: "#40a02b",
-        danger: "#d20f39",
-        dangerLight: "#e64553",
-        warning: "#df8e1d",
-        onAccent: "#eff1f5",
-        onSecondary: "#eff1f5",
-        onDanger: "#eff1f5"
-      },
-      dark: {
-        bg: "#1e1e2e",
-        surface: "#313244",
-        surfaceRaised: "#45475a",
-        surfaceHover: "#585b70",
-        border: "#45475a",
-        muted: "#a6adc8",
-        text: "#cdd6f4"
-      },
-      light: {
-        bg: "#e6e9ef",
-        surface: "#eff1f5",
-        surfaceRaised: "#eaedf3",
-        surfaceHover: "#dce0e8",
-        border: "#ccd0da",
-        muted: "#6c6f85",
-        text: "#4c4f69"
-      },
-      radius: se
-    }
-  },
-  {
-    /* Primer's functional tokens, from @primer/primitives' compiled themes:
-       bgColor-default, bgColor-muted, borderColor-default, fgColor-default,
-       fgColor-muted, and the -emphasis fills for accent, danger, success,
-       attention and done. The raised and hover steps are derived — Primer
-       expresses those as translucent overlays rather than as solid colours. */
-    id: "github",
-    name: "GitHub",
-    note: "Primer's own tokens, six-pixel corners included.",
-    group: "Ported",
-    source: "@primer/primitives",
-    theme: {
-      name: "GitHub",
-      hue: {
-        accent: "#1f6feb",
-        accentLight: "#4493f8",
-        secondary: "#8957e5",
-        secondaryLight: "#a371f7",
-        success: "#238636",
-        danger: "#da3633",
-        dangerLight: "#f85149",
-        warning: "#9e6a03",
-        onAccent: "#ffffff",
-        onSecondary: "#ffffff",
-        onDanger: "#ffffff"
-      },
-      lightHue: {
-        accent: "#0969da",
-        accentLight: "#218bff",
-        secondary: "#8250df",
-        secondaryLight: "#a475f9",
-        success: "#1f883d",
-        danger: "#cf222e",
-        dangerLight: "#d1242f",
-        warning: "#9a6700",
-        onAccent: "#ffffff",
-        onSecondary: "#ffffff",
-        onDanger: "#ffffff"
-      },
-      dark: {
-        bg: "#0d1117",
-        surface: "#151b23",
-        surfaceRaised: "#1c222b",
-        surfaceHover: "#262c36",
-        border: "#3d444d",
-        muted: "#9198a1",
-        text: "#f0f6fc"
-      },
-      light: {
-        bg: "#f6f8fa",
-        surface: "#ffffff",
-        surfaceRaised: "#fbfcfd",
-        surfaceHover: "#eef1f4",
-        border: "#d1d9e0",
-        muted: "#59636e",
-        text: "#1f2328"
-      },
-      radius: Rt
-    }
-  },
-  {
-    /* Read off anthropic.com's own stylesheet: the clay #d97757, the cream
-       #f0eee6 and #faf9f5, the ink #141413, and the neutrals #3d3d3a,
-       #87867f, #b0aea5, #c6c4ba, #e8e6dc. Anthropic publishes no token file,
-       so the status hues have no published counterpart and are Gryt's own —
-       this is the one preset that is a likeness rather than a port. */
-    id: "claude",
-    name: "Claude",
-    note: "Anthropic's clay orange on cream and near-black.",
-    group: "Ported",
-    source: "anthropic.com — a likeness, not a published palette",
-    theme: {
-      name: "Claude",
-      hue: {
-        accent: "#d97757",
-        accentLight: "#e59275",
-        secondary: "#7d9ec4",
-        secondaryLight: "#9db8d6",
-        success: "#6ba368",
-        danger: "#bf4d43",
-        dangerLight: "#d4726a",
-        warning: "#d9a441",
-        onAccent: "#241009",
-        onSecondary: "#0c1720",
-        onDanger: "#faf9f5"
-      },
-      lightHue: null,
-      dark: {
-        bg: "#141413",
-        surface: "#1f1e1d",
-        surfaceRaised: "#262624",
-        surfaceHover: "#3d3d3a",
-        border: "#3d3d3a",
-        muted: "#b0aea5",
-        text: "#faf9f5"
-      },
-      light: {
-        bg: "#f0eee6",
-        surface: "#faf9f5",
-        surfaceRaised: "#f5f3ec",
-        surfaceHover: "#e8e6dc",
-        border: "#d5d2c5",
-        muted: "#87867f",
-        text: "#141413"
-      },
-      radius: se
-    }
-  },
-  {
-    /* The zinc theme from shadcn-ui/ui's registry, converted from its OKLCH
-       values. One deliberate departure: shadcn's primary is monochrome —
-       near-white in dark, near-black in light — which cannot be a Gryt accent,
-       because the accent is also the colour every link and focus ring is drawn
-       from. Its destructive red is the accent here, and the neutrals are the
-       theme's own. */
-    id: "shadcn",
-    name: "shadcn/ui",
-    note: "Zinc neutrals and a ten-pixel radius. No pills anywhere.",
-    group: "Ported",
-    source: "ui.shadcn.com, MIT — accent adapted",
-    theme: {
-      name: "shadcn/ui",
-      hue: {
-        accent: "#a1a1aa",
-        accentLight: "#d4d4d8",
-        secondary: "#71717a",
-        secondaryLight: "#a1a1aa",
-        success: "#4ade80",
-        danger: "#e7000b",
-        dangerLight: "#fb2c36",
-        warning: "#fd9a00",
-        onAccent: "#18181b",
-        onSecondary: "#fafafa",
-        onDanger: "#fafafa"
-      },
-      lightHue: {
-        accent: "#3f3f46",
-        accentLight: "#52525b",
-        secondary: "#71717a",
-        secondaryLight: "#a1a1aa",
-        success: "#00a63e",
-        danger: "#e7000b",
-        dangerLight: "#fb2c36",
-        warning: "#e17100",
-        onAccent: "#fafafa",
-        onSecondary: "#fafafa",
-        onDanger: "#fafafa"
-      },
-      dark: {
-        bg: "#18181b",
-        surface: "#27272a",
-        surfaceRaised: "#3f3f46",
-        surfaceHover: "#3f3f46",
-        border: "#3f3f46",
-        muted: "#a1a1aa",
-        text: "#fafafa"
-      },
-      light: {
-        bg: "#f4f4f5",
-        surface: "#ffffff",
-        surfaceRaised: "#fafafa",
-        surfaceHover: "#e4e4e7",
-        border: "#e4e4e7",
-        muted: "#71717a",
-        text: "#18181b"
-      },
-      radius: $t
-    }
-  },
-  {
-    /* Ethan Schoonover's sixteen, exactly. base03 and base02 are the dark
-       page and surface, base2 and base3 the light ones, and the accent hues
-       are shared between the two halves — which is the whole point of
-       Solarized. The steps between base03 and base02 are derived. */
-    id: "solarized",
-    name: "Solarized",
-    note: "Both halves on one set of accents, as designed.",
-    group: "Ported",
-    source: "ethanschoonover.com/solarized, MIT",
-    theme: {
-      name: "Solarized",
-      hue: {
-        accent: "#268bd2",
-        accentLight: "#4ba3e3",
-        secondary: "#2aa198",
-        secondaryLight: "#43bbb1",
-        success: "#859900",
-        danger: "#dc322f",
-        dangerLight: "#cb4b16",
-        warning: "#b58900",
-        onAccent: "#fdf6e3",
-        onSecondary: "#002b36",
-        onDanger: "#fdf6e3"
-      },
-      lightHue: null,
-      dark: {
-        bg: "#002b36",
-        surface: "#073642",
-        surfaceRaised: "#0b414f",
-        surfaceHover: "#134b5a",
-        border: "#0f4757",
-        muted: "#93a1a1",
-        text: "#eee8d5"
-      },
-      light: {
-        bg: "#eee8d5",
-        surface: "#fdf6e3",
-        surfaceRaised: "#f7f0dc",
-        surfaceHover: "#e4dcc4",
-        border: "#d9d0b4",
-        muted: "#586e75",
-        text: "#073642"
-      },
-      radius: ke
-    }
-  }
-], so = new Map(
-  Ct.map((a) => [a.id, a])
-);
-function s(...a) {
-  return qe(Ze(a));
-}
-const At = {
+const zt = {
   primary: "bg-gryt-accent text-gryt-on-accent hover:not-data-disabled:bg-gryt-accent-light",
   secondary: "bg-gryt-secondary text-gryt-on-secondary hover:not-data-disabled:bg-gryt-secondary-light",
   neutral: "bg-gryt-surface-raised text-gryt-text hover:not-data-disabled:bg-gryt-surface-hover",
   danger: "bg-gryt-danger text-gryt-on-danger hover:not-data-disabled:bg-gryt-danger-light",
   ghost: "bg-transparent text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text"
-}, It = {
+}, Ft = {
   xsmall: "min-h-8 px-3 text-xs",
   small: "min-h-9 px-4 text-sm",
   medium: "min-h-10 px-5 text-sm",
   large: "min-h-12 px-6 text-base"
-}, Mt = i(
+}, Et = s(
   function({
     children: t,
-    className: r,
-    endIcon: e,
-    size: n = "medium",
+    className: e,
+    endIcon: r,
+    size: i = "medium",
     startIcon: c,
-    tone: d = "primary",
-    ...l
-  }, g) {
-    return /* @__PURE__ */ m(
-      Se,
+    tone: l = "primary",
+    ...p
+  }, u) {
+    return /* @__PURE__ */ d(
+      nt,
       {
-        ref: g,
-        className: s(
+        ref: u,
+        className: n(
           "gryt-button",
           "inline-flex cursor-pointer items-center justify-center gap-2 border-0 shadow-none",
           "rounded-(--gryt-radius-full) font-semibold whitespace-nowrap select-none",
@@ -1144,81 +103,81 @@ const At = {
           "motion-safe:not-[[aria-haspopup]]:active:not-data-disabled:scale-[0.96]",
           "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gryt-accent-light",
           "data-disabled:cursor-not-allowed data-disabled:opacity-50",
-          It[n],
-          At[d],
-          r
+          Ft[i],
+          zt[l],
+          e
         ),
-        ...l,
+        ...p,
         children: [
           c,
           t,
-          e
+          r
         ]
       }
     );
   }
-), x = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gryt-accent-light", Ht = "has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-gryt-accent-light", Fe = [
+), b = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gryt-accent-light", Vt = "has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-gryt-accent-light", dt = [
   "w-full rounded-(--gryt-radius-xl) border bg-gryt-surface-raised",
   "text-gryt-text outline-none placeholder:text-gryt-muted",
   "transition-colors duration-150 motion-reduce:transition-none",
   "hover:border-gryt-accent-light focus:border-gryt-accent",
   "disabled:cursor-not-allowed disabled:opacity-60"
-].join(" "), _e = {
+].join(" "), gt = {
   small: "min-h-9 px-3 py-1.5 text-sm",
   medium: "min-h-11 px-4 py-2.5 text-sm"
-}, E = "rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface text-gryt-text", H = [
+}, D = "rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface text-gryt-text", $ = [
   // scale and translate are named explicitly because Tailwind v4 sets them as
   // standalone CSS properties rather than folding them into `transform`, so
   // transitioning `transform` would leave the popup snapping into place.
   "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none",
   "data-starting-style:scale-[0.98] data-starting-style:opacity-0",
   "data-ending-style:scale-[0.98] data-ending-style:opacity-0"
-].join(" "), V = "cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-50", Dt = {
+].join(" "), j = "cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-50", _t = {
   primary: "data-checked:bg-gryt-accent data-checked:text-gryt-on-accent",
   secondary: "data-checked:bg-gryt-secondary data-checked:text-gryt-on-secondary",
   neutral: "data-checked:bg-gryt-surface-hover data-checked:text-gryt-text",
   danger: "data-checked:bg-gryt-danger data-checked:text-gryt-on-danger",
   success: "data-checked:bg-gryt-success data-checked:text-gryt-on-accent",
   warning: "data-checked:bg-gryt-warning data-checked:text-gryt-on-accent"
-}, Ve = {
+}, ut = {
   primary: "bg-gryt-accent",
   secondary: "bg-gryt-secondary",
   neutral: "bg-gryt-surface-hover",
   danger: "bg-gryt-danger",
   success: "bg-gryt-success",
   warning: "bg-gryt-warning"
-}, Gt = {
+}, Yt = {
   primary: "data-checked:border-gryt-accent",
   secondary: "data-checked:border-gryt-secondary",
   neutral: "data-checked:border-gryt-muted",
   danger: "data-checked:border-gryt-danger",
   success: "data-checked:border-gryt-success",
   warning: "data-checked:border-gryt-warning"
-}, jt = {
+}, Ht = {
   primary: "data-checked:bg-gryt-accent",
   secondary: "data-checked:bg-gryt-secondary",
   neutral: "data-checked:bg-gryt-surface-hover",
   danger: "data-checked:bg-gryt-danger",
   success: "data-checked:bg-gryt-success",
   warning: "data-checked:bg-gryt-warning"
-}, Et = {
+}, Ot = {
   primary: "text-gryt-accent-11 hover:not-data-disabled:bg-gryt-accent-3",
   secondary: "text-gryt-secondary-11 hover:not-data-disabled:bg-gryt-secondary-3",
   neutral: "text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text",
   danger: "text-gryt-danger-11 hover:not-data-disabled:bg-gryt-danger-3",
   ghost: "text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text"
-}, zt = {
+}, Xt = {
   xsmall: "h-8 w-8",
   small: "h-9 w-9",
   medium: "h-10 w-10",
   large: "h-12 w-12"
-}, co = i(
-  function({ className: t, size: r = "medium", tone: e = "neutral", ...n }, c) {
+}, lo = s(
+  function({ className: t, size: e = "medium", tone: r = "neutral", ...i }, c) {
     return /* @__PURE__ */ o(
-      Se,
+      nt,
       {
         ref: c,
-        className: s(
+        className: n(
           "gryt-icon-button",
           "inline-flex shrink-0 items-center justify-center border-0 bg-transparent p-0",
           "rounded-(--gryt-radius-full) select-none",
@@ -1232,295 +191,295 @@ const At = {
           // that is what it is; Base UI puts it there, nothing to pass.
           "motion-safe:not-[[aria-haspopup]]:hover:not-data-disabled:scale-[1.06]",
           "motion-safe:not-[[aria-haspopup]]:active:not-data-disabled:scale-[0.94]",
-          x,
-          V,
-          zt[r],
-          Et[e],
+          b,
+          j,
+          Xt[e],
+          Ot[r],
           t
         ),
-        ...n
+        ...i
       }
     );
   }
-), io = i(
-  function({ className: t, elevated: r = !1, ...e }, n) {
+), go = s(
+  function({ className: t, elevated: e = !1, ...r }, i) {
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: n,
-        className: s(
+        ref: i,
+        className: n(
           "gryt-surface rounded-(--gryt-radius-lg) border border-gryt-border p-4 text-gryt-text",
-          r ? "bg-gryt-surface-raised" : "bg-gryt-surface",
+          e ? "bg-gryt-surface-raised" : "bg-gryt-surface",
           t
         ),
-        ...e
+        ...r
       }
     );
   }
-), lo = i(
-  function({ children: t, className: r, from: e = "assistant", ...n }, c) {
+), uo = s(
+  function({ children: t, className: e, from: r = "assistant", ...i }, c) {
     return /* @__PURE__ */ o(
       "div",
       {
         ref: c,
-        className: s(
+        className: n(
           "gryt-message-bubble",
-          e === "user" && "ml-auto bg-gryt-accent text-gryt-on-accent",
-          e === "assistant" && "mr-auto border border-gryt-border bg-gryt-surface text-gryt-text",
-          e === "system" && "mx-auto border border-dashed border-gryt-border bg-transparent text-gryt-muted",
-          r
+          r === "user" && "ml-auto bg-gryt-accent text-gryt-on-accent",
+          r === "assistant" && "mr-auto border border-gryt-border bg-gryt-surface text-gryt-text",
+          r === "system" && "mx-auto border border-dashed border-gryt-border bg-transparent text-gryt-muted",
+          e
         ),
-        ...n,
+        ...i,
         children: t
       }
     );
   }
-), uo = i(
+), yo = s(
   function({
     className: t,
-    error: r = !1,
-    fieldClassName: e,
-    helperText: n,
+    error: e = !1,
+    fieldClassName: r,
+    helperText: i,
     label: c,
-    minRows: d = 3,
-    multiline: l = !1,
-    size: g = "medium",
-    ...y
-  }, f) {
-    const b = /* @__PURE__ */ o(
-      q.Control,
+    minRows: l = 3,
+    multiline: p = !1,
+    size: u = "medium",
+    ...w
+  }, y) {
+    const N = /* @__PURE__ */ o(
+      V.Control,
       {
-        ref: f,
-        render: l ? /* @__PURE__ */ o("textarea", { rows: d }) : void 0,
-        className: s(
+        ref: y,
+        render: p ? /* @__PURE__ */ o("textarea", { rows: l }) : void 0,
+        className: n(
           "gryt-text-field-control",
-          Fe,
-          l && "resize-y leading-6",
-          r ? "border-gryt-danger" : "border-gryt-border",
-          _e[g],
+          dt,
+          p && "resize-y leading-6",
+          e ? "border-gryt-danger" : "border-gryt-border",
+          gt[u],
           t
         ),
-        ...y
+        ...w
       }
     );
-    return /* @__PURE__ */ m(
-      q.Root,
+    return /* @__PURE__ */ d(
+      V.Root,
       {
-        className: s(
+        className: n(
           "gryt-text-field flex w-full flex-col gap-1.5",
-          e
+          r
         ),
         children: [
-          c ? /* @__PURE__ */ o(q.Label, { className: "text-xs font-medium text-gryt-muted", children: c }) : null,
-          b,
-          n ? /* @__PURE__ */ o(
-            q.Description,
+          c ? /* @__PURE__ */ o(V.Label, { className: "text-xs font-medium text-gryt-muted", children: c }) : null,
+          N,
+          i ? /* @__PURE__ */ o(
+            V.Description,
             {
-              className: s(
+              className: n(
                 "text-xs",
-                r ? "text-gryt-danger-11" : "text-gryt-muted"
+                e ? "text-gryt-danger-11" : "text-gryt-muted"
               ),
-              children: n
+              children: i
             }
           ) : null
         ]
       }
     );
   }
-), go = i(
+), po = s(
   function({
     className: t,
-    disabled: r = !1,
-    maxRows: e = 8,
-    minRows: n = 1,
+    disabled: e = !1,
+    maxRows: r = 8,
+    minRows: i = 1,
     onSubmit: c,
-    placeholder: d = "Message Gryt",
-    submitLabel: l = "Send",
-    ...g
-  }, y) {
-    const f = Re(null), b = de(() => {
-      const w = f.current;
-      if (!w)
+    placeholder: l = "Message Gryt",
+    submitLabel: p = "Send",
+    ...u
+  }, w) {
+    const y = it(null), N = U(() => {
+      const f = y.current;
+      if (!f)
         return;
-      const re = window.getComputedStyle(w), be = parseFloat(re.lineHeight) || 24, pe = parseFloat(re.paddingTop) + parseFloat(re.paddingBottom);
-      w.style.height = "auto", w.style.height = `${Math.min(
-        Math.max(w.scrollHeight, be * n + pe),
-        be * e + pe
+      const Y = window.getComputedStyle(f), J = parseFloat(Y.lineHeight) || 24, Z = parseFloat(Y.paddingTop) + parseFloat(Y.paddingBottom);
+      f.style.height = "auto", f.style.height = `${Math.min(
+        Math.max(f.scrollHeight, J * i + Z),
+        J * r + Z
       )}px`;
-    }, [e, n]);
-    Xe(b, [b, g.value]);
-    function P(w) {
+    }, [r, i]);
+    ft(N, [N, u.value]);
+    function Q(f) {
       if (!c) {
-        w.preventDefault();
+        f.preventDefault();
         return;
       }
-      c(w);
+      c(f);
     }
-    return /* @__PURE__ */ m("form", { className: s("gryt-composer", t), onSubmit: P, children: [
+    return /* @__PURE__ */ d("form", { className: n("gryt-composer", t), onSubmit: Q, children: [
       /* @__PURE__ */ o(
         "textarea",
         {
-          ref: (w) => {
-            f.current = w, typeof y == "function" ? y(w) : y && (y.current = w);
+          ref: (f) => {
+            y.current = f, typeof w == "function" ? w(f) : w && (w.current = f);
           },
-          rows: n,
-          disabled: r,
-          placeholder: d,
-          onInput: b,
+          rows: i,
+          disabled: e,
+          placeholder: l,
+          onInput: N,
           className: "gryt-composer-textarea disabled:cursor-not-allowed disabled:opacity-60",
-          ...g
+          ...u
         }
       ),
       /* @__PURE__ */ o(
-        Mt,
+        Et,
         {
           type: "submit",
-          disabled: r,
+          disabled: e,
           size: "small",
-          endIcon: /* @__PURE__ */ o(et, { size: 14, weight: "fill" }),
-          children: l
+          endIcon: /* @__PURE__ */ o(Tt, { size: 14, weight: "fill" }),
+          children: p
         }
       )
     ] });
   }
-), Bt = {
+), Ut = {
   small: "h-8 w-8 text-xs",
   medium: "h-10 w-10 text-sm",
   large: "h-12 w-12 text-base"
-}, Ft = i(function({ alt: t, children: r, className: e, fallback: n, size: c = "medium", src: d, ...l }, g) {
-  return /* @__PURE__ */ m(
-    ae.Root,
+}, Kt = s(function({ alt: t, children: e, className: r, fallback: i, size: c = "medium", src: l, ...p }, u) {
+  return /* @__PURE__ */ d(
+    H.Root,
     {
-      ref: g,
-      className: s(
+      ref: u,
+      className: n(
         "gryt-avatar inline-flex shrink-0 items-center justify-center overflow-hidden align-middle select-none",
         "rounded-(--gryt-radius-full) bg-gryt-surface-raised font-medium text-gryt-text ring-1 ring-gryt-border",
-        Bt[c],
-        e
+        Ut[c],
+        r
       ),
-      ...l,
+      ...p,
       children: [
-        d ? /* @__PURE__ */ o(
-          ae.Image,
+        l ? /* @__PURE__ */ o(
+          H.Image,
           {
-            src: d,
+            src: l,
             alt: t,
             className: "h-full w-full object-cover"
           }
         ) : null,
-        /* @__PURE__ */ o(ae.Fallback, { className: "flex h-full w-full items-center justify-center", children: n ?? r })
+        /* @__PURE__ */ o(H.Fallback, { className: "flex h-full w-full items-center justify-center", children: i ?? e })
       ]
     }
   );
-}), fo = i(function({ active: t = !1, avatar: r, className: e, subtitle: n, title: c, ...d }, l) {
-  return /* @__PURE__ */ m(
+}), mo = s(function({ active: t = !1, avatar: e, className: r, subtitle: i, title: c, ...l }, p) {
+  return /* @__PURE__ */ d(
     "button",
     {
-      ref: l,
+      ref: p,
       type: "button",
-      className: s(
+      className: n(
         "gryt-conversation-item enabled:cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
         t ? "bg-gryt-accent text-gryt-on-accent" : "text-gryt-text hover:bg-white/5",
-        e
+        r
       ),
-      ...d,
+      ...l,
       children: [
-        r ?? /* @__PURE__ */ o(
-          Ft,
+        e ?? /* @__PURE__ */ o(
+          Kt,
           {
             size: "small",
-            className: s(
+            className: n(
               t ? "bg-gryt-on-accent text-gryt-accent-9 ring-transparent" : "bg-gryt-surface-raised text-gryt-text"
             ),
             children: c.slice(0, 1).toUpperCase()
           }
         ),
-        /* @__PURE__ */ m("span", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ d("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ o("span", { className: "block truncate text-sm font-semibold", children: c }),
-          n ? /* @__PURE__ */ o(
+          i ? /* @__PURE__ */ o(
             "span",
             {
-              className: s(
+              className: n(
                 "block truncate text-xs",
                 t ? "text-gryt-on-accent/85" : "text-gryt-muted"
               ),
-              children: n
+              children: i
             }
           ) : null
         ] })
       ]
     }
   );
-}), yo = i(function({ badgeContent: t, children: r, className: e, max: n = 99, showZero: c = !1, ...d }, l) {
-  const g = typeof t == "number" ? t : null, y = g !== null && g === 0 && !c, f = g !== null && g > n ? `${n}+` : t;
-  return /* @__PURE__ */ m(
+}), bo = s(function({ badgeContent: t, children: e, className: r, max: i = 99, showZero: c = !1, ...l }, p) {
+  const u = typeof t == "number" ? t : null, w = u !== null && u === 0 && !c, y = u !== null && u > i ? `${i}+` : t;
+  return /* @__PURE__ */ d(
     "span",
     {
-      ref: l,
-      className: s("gryt-badge relative inline-flex", e),
-      ...d,
+      ref: p,
+      className: n("gryt-badge relative inline-flex", r),
+      ...l,
       children: [
-        r,
-        t !== void 0 && !y ? /* @__PURE__ */ o(
+        e,
+        t !== void 0 && !w ? /* @__PURE__ */ o(
           "span",
           {
-            className: s(
+            className: n(
               "gryt-badge-dot absolute -top-1 -right-1 z-10 inline-flex items-center justify-center",
               "min-w-5 rounded-(--gryt-radius-full) px-1.5 py-0.5",
               "bg-gryt-accent text-[0.65rem] leading-none font-semibold text-gryt-on-accent",
               "ring-2 ring-gryt-bg"
             ),
-            children: f
+            children: y
           }
         ) : null
       ]
     }
   );
-}), _t = {
+}), Wt = {
   neutral: "border-gryt-border bg-gryt-surface-raised text-gryt-text",
   primary: "border-gryt-accent-6 bg-gryt-accent-3 text-gryt-accent-11",
   secondary: "border-gryt-secondary-6 bg-gryt-secondary-3 text-gryt-secondary-11",
   success: "border-gryt-success-6 bg-gryt-success-3 text-gryt-success-11",
   warning: "border-gryt-warning-6 bg-gryt-warning-3 text-gryt-warning-11",
   danger: "border-gryt-danger-6 bg-gryt-danger-3 text-gryt-danger-11"
-}, mo = i(function({ children: t, className: r, icon: e, label: n, onDelete: c, tone: d = "neutral", ...l }, g) {
-  return /* @__PURE__ */ m(
+}, fo = s(function({ children: t, className: e, icon: r, label: i, onDelete: c, tone: l = "neutral", ...p }, u) {
+  return /* @__PURE__ */ d(
     "span",
     {
-      ref: g,
-      className: s(
+      ref: u,
+      className: n(
         "gryt-chip inline-flex items-center gap-1.5 rounded-(--gryt-radius-full) border px-3 py-1 text-xs font-medium",
-        _t[d],
-        r
+        Wt[l],
+        e
       ),
-      ...l,
+      ...p,
       children: [
-        e,
-        n ?? t,
+        r,
+        i ?? t,
         c ? /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             "aria-label": "Remove",
             onClick: c,
-            className: s(
+            className: n(
               "-mr-1 inline-flex h-4 w-4 cursor-pointer items-center justify-center rounded-(--gryt-radius-full)",
               "opacity-70 transition-opacity hover:opacity-100",
-              x
+              b
             ),
-            children: /* @__PURE__ */ o($e, { size: 10, weight: "bold", "aria-hidden": "true" })
+            children: /* @__PURE__ */ o(st, { size: 10, weight: "bold", "aria-hidden": "true" })
           }
         ) : null
       ]
     }
   );
-}), bo = i(
-  function({ className: t, tone: r = "primary", ...e }, n) {
+}), xo = s(
+  function({ className: t, tone: e = "primary", ...r }, i) {
     return /* @__PURE__ */ o(
-      he.Root,
+      q.Root,
       {
-        ref: n,
-        className: s(
+        ref: i,
+        className: n(
           "gryt-checkbox flex h-5 w-5 shrink-0 items-center justify-center",
           "rounded-(--gryt-radius-sm) border border-gryt-border bg-gryt-surface-raised",
           "transition-[scale,background-color,border-color] duration-(--gryt-dur-spring) ease-spring",
@@ -1530,18 +489,18 @@ const At = {
           "hover:not-data-disabled:border-gryt-accent-light",
           "motion-safe:hover:not-data-disabled:scale-[1.08]",
           "motion-safe:active:not-data-disabled:scale-[0.92]",
-          x,
-          V,
+          b,
+          j,
           // Unchecked stays a neutral outline; the tone only paints once checked.
-          Dt[r],
+          _t[e],
           t
         ),
-        ...e,
+        ...r,
         children: /* @__PURE__ */ o(
-          he.Indicator,
+          q.Indicator,
           {
             keepMounted: !0,
-            className: s(
+            className: n(
               "flex origin-center",
               "transition-[scale,opacity] duration-(--gryt-dur-spring) ease-spring",
               // Scaling from 0 rather than from something near 1 is deliberate.
@@ -1551,65 +510,65 @@ const At = {
               "data-unchecked:scale-0 data-unchecked:opacity-0",
               "motion-reduce:transition-none"
             ),
-            children: /* @__PURE__ */ o(Ce, { size: 12, weight: "bold" })
+            children: /* @__PURE__ */ o(ct, { size: 12, weight: "bold" })
           }
         )
       }
     );
   }
-), po = i(function({ className: t, tone: r = "primary", ...e }, n) {
+), ho = s(function({ className: t, tone: e = "primary", ...r }, i) {
   return /* @__PURE__ */ o(
-    xe.Root,
+    tt.Root,
     {
-      ref: n,
-      className: s(
+      ref: i,
+      className: n(
         "gryt-radio flex h-5 w-5 shrink-0 items-center justify-center",
         "rounded-(--gryt-radius-full) border border-gryt-border bg-gryt-surface-raised",
         "transition-[scale,background-color,border-color] duration-(--gryt-dur-spring) ease-spring",
         "hover:not-data-disabled:border-gryt-accent-light",
         "motion-safe:hover:not-data-disabled:scale-[1.08]",
         "motion-safe:active:not-data-disabled:scale-[0.92]",
-        x,
-        V,
+        b,
+        j,
         // Border takes the tone when selected; the dot inside carries the fill.
-        Gt[r],
+        Yt[e],
         t
       ),
-      ...e,
+      ...r,
       children: /* @__PURE__ */ o(
-        xe.Indicator,
+        tt.Indicator,
         {
           keepMounted: !0,
-          className: s(
+          className: n(
             "h-2.5 w-2.5 origin-center rounded-(--gryt-radius-full)",
             "transition-[scale,opacity] duration-(--gryt-dur-spring) ease-spring",
             // From 0, for the same reason as the Checkbox tick — see the note there.
             "data-unchecked:scale-0 data-unchecked:opacity-0",
             "motion-reduce:transition-none",
-            Ve[r]
+            ut[e]
           )
         }
       )
     }
   );
-}), ho = i(
-  function({ className: t, ...r }, e) {
+}), wo = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      st,
+      It,
       {
-        ref: e,
-        className: s("gryt-radio-group flex flex-col gap-2", t),
-        ...r
+        ref: r,
+        className: n("gryt-radio-group flex flex-col gap-2", t),
+        ...e
       }
     );
   }
-), xo = i(
-  function({ className: t, tone: r = "primary", ...e }, n) {
+), vo = s(
+  function({ className: t, tone: e = "primary", ...r }, i) {
     return /* @__PURE__ */ o(
-      we.Root,
+      et.Root,
       {
-        ref: n,
-        className: s(
+        ref: i,
+        className: n(
           "gryt-switch relative inline-flex h-6 w-10 shrink-0 items-center",
           "rounded-(--gryt-radius-full) border border-gryt-border bg-gryt-surface-raised p-0.5",
           "transition-[scale,background-color,border-color] duration-(--gryt-dur-spring) ease-spring",
@@ -1617,16 +576,16 @@ const At = {
           "hover:not-data-disabled:border-gryt-accent-light",
           "motion-safe:hover:not-data-disabled:scale-[1.05]",
           "motion-safe:active:not-data-disabled:scale-[0.95]",
-          x,
-          V,
-          jt[r],
+          b,
+          j,
+          Ht[e],
           t
         ),
-        ...e,
+        ...r,
         children: /* @__PURE__ */ o(
-          we.Thumb,
+          et.Thumb,
           {
-            className: s(
+            className: n(
               "h-4.5 w-4.5 rounded-(--gryt-radius-full) bg-gryt-text",
               "transition-transform duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none",
               "data-checked:translate-x-4 data-checked:bg-gryt-bg"
@@ -1636,70 +595,70 @@ const At = {
       }
     );
   }
-), Te = 3;
-function wo({
+), ot = 3;
+function No({
   className: a,
   tone: t = "primary",
-  "aria-label": r,
-  ...e
+  "aria-label": e,
+  ...r
 }) {
-  const [n, c] = We(!1), d = Re(null);
-  Ke(() => {
-    if (!n && d.current === null)
+  const [i, c] = xt(!1), l = it(null);
+  ht(() => {
+    if (!i && l.current === null)
       return;
-    const f = () => {
-      d.current = null, c(!1);
+    const y = () => {
+      l.current = null, c(!1);
     };
-    return window.addEventListener("pointerup", f), window.addEventListener("pointercancel", f), () => {
-      window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", f);
+    return window.addEventListener("pointerup", y), window.addEventListener("pointercancel", y), () => {
+      window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y);
     };
-  }, [n]);
-  function l(f) {
-    d.current = { x: f.clientX, y: f.clientY };
+  }, [i]);
+  function p(y) {
+    l.current = { x: y.clientX, y: y.clientY };
   }
-  function g(f) {
-    const b = d.current;
-    if (b === null || n)
+  function u(y) {
+    const N = l.current;
+    if (N === null || i)
       return;
-    (Math.abs(f.clientX - b.x) > Te || Math.abs(f.clientY - b.y) > Te) && c(!0);
+    (Math.abs(y.clientX - N.x) > ot || Math.abs(y.clientY - N.y) > ot) && c(!0);
   }
-  const y = n ? "transition-none" : "duration-(--gryt-dur-spring) ease-spring-tight motion-reduce:transition-none";
-  return /* @__PURE__ */ o(U.Root, { className: s("gryt-slider w-full", a), ...e, children: /* @__PURE__ */ o(
-    U.Control,
+  const w = i ? "transition-none" : "duration-(--gryt-dur-spring) ease-spring-tight motion-reduce:transition-none";
+  return /* @__PURE__ */ o(B.Root, { className: n("gryt-slider w-full", a), ...r, children: /* @__PURE__ */ o(
+    B.Control,
     {
       className: "flex w-full cursor-pointer touch-none items-center py-2 select-none",
-      onPointerDown: l,
-      onPointerMove: g,
-      children: /* @__PURE__ */ m(U.Track, { className: "h-1.5 w-full rounded-(--gryt-radius-full) bg-gryt-surface-raised select-none", children: [
+      onPointerDown: p,
+      onPointerMove: u,
+      children: /* @__PURE__ */ d(B.Track, { className: "h-1.5 w-full rounded-(--gryt-radius-full) bg-gryt-surface-raised select-none", children: [
         /* @__PURE__ */ o(
-          U.Indicator,
+          B.Indicator,
           {
-            className: s(
+            className: n(
               "h-full rounded-(--gryt-radius-full) select-none",
               "transition-[width]",
-              y,
-              Ve[t]
+              w,
+              ut[t]
             )
           }
         ),
         /* @__PURE__ */ o(
-          U.Thumb,
+          B.Thumb,
           {
-            "aria-label": r,
-            className: s(
+            "aria-label": e,
+            className: n(
               "group h-4 w-4 rounded-(--gryt-radius-full) select-none",
               "transition-[inset-inline-start]",
-              y,
+              w,
               // The ring goes on the thumb but the focus lands on the visually
               // hidden input inside it, so this has to match a descendant.
               // Without it the slider is the one control here you cannot see
               // yourself tab to.
-              Ht
+              Vt
             ),
             children: /* @__PURE__ */ o(
               "span",
               {
-                className: s(
+                className: n(
                   "block h-full w-full rounded-(--gryt-radius-full) bg-gryt-text",
                   "transition-[scale] duration-(--gryt-dur-spring) ease-spring",
                   "motion-safe:group-hover:scale-[1.12] motion-safe:group-active:scale-[0.94]",
@@ -1713,146 +672,161 @@ function wo({
     }
   ) });
 }
-const Vt = {
+const Qt = {
   small: "min-h-9 px-3 text-sm",
   medium: "min-h-11 px-4 text-sm"
 };
-function vo({
+function Po({
   className: a,
   label: t,
-  options: r = [],
-  placeholder: e = "Select",
-  size: n = "medium",
+  options: e = [],
+  placeholder: r = "Select",
+  size: i = "medium",
   ...c
 }) {
-  return /* @__PURE__ */ m(v.Root, { items: r, ...c, children: [
-    /* @__PURE__ */ m("div", { className: s("gryt-select flex w-full flex-col gap-1.5", a), children: [
-      t ? /* @__PURE__ */ o(v.Label, { className: "text-xs font-medium text-gryt-muted", children: t }) : null,
-      /* @__PURE__ */ m(
-        v.Trigger,
+  return /* @__PURE__ */ d(x.Root, { items: e, ...c, children: [
+    /* @__PURE__ */ d("div", { className: n("gryt-select flex w-full flex-col gap-1.5", a), children: [
+      t ? /* @__PURE__ */ o(x.Label, { className: "text-xs font-medium text-gryt-muted", children: t }) : null,
+      /* @__PURE__ */ d(
+        x.Trigger,
         {
-          className: s(
+          className: n(
             "flex w-full cursor-pointer items-center justify-between gap-2",
             "rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface-raised",
             "text-gryt-text select-none",
             "transition-colors duration-150 hover:border-gryt-accent-light",
             "data-disabled:cursor-not-allowed data-disabled:opacity-60",
-            x,
-            Vt[n]
+            b,
+            Qt[i]
           ),
           children: [
-            /* @__PURE__ */ o(v.Value, { placeholder: e }),
-            /* @__PURE__ */ o(v.Icon, { className: "shrink-0 text-gryt-muted", children: /* @__PURE__ */ o(tt, { size: 16 }) })
+            /* @__PURE__ */ o(x.Value, { placeholder: r }),
+            /* @__PURE__ */ o(x.Icon, { className: "shrink-0 text-gryt-muted", children: /* @__PURE__ */ o(kt, { size: 16 }) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ o(v.Portal, { children: /* @__PURE__ */ o(v.Positioner, { sideOffset: 6, className: "outline-none", children: /* @__PURE__ */ o(
-      v.Popup,
+    /* @__PURE__ */ o(x.Portal, { children: /* @__PURE__ */ o(
+      x.Positioner,
       {
-        className: s("min-w-(--anchor-width) p-1", E, H),
-        children: /* @__PURE__ */ o(v.List, { children: r.map((d) => /* @__PURE__ */ m(
-          v.Item,
+        sideOffset: 6,
+        className: "gryt-select-positioner outline-none",
+        children: /* @__PURE__ */ o(
+          x.Popup,
           {
-            value: d.value,
-            disabled: d.disabled,
-            className: s(
-              "flex cursor-pointer items-center justify-between gap-2",
-              "rounded-(--gryt-radius-md) px-3 py-2 text-sm text-gryt-text",
-              "outline-none select-none data-highlighted:bg-gryt-surface-raised",
-              "data-disabled:cursor-not-allowed data-disabled:opacity-50"
-            ),
-            children: [
-              /* @__PURE__ */ o(v.ItemText, { children: d.label }),
-              /* @__PURE__ */ o(v.ItemIndicator, { className: "text-gryt-accent-11", children: /* @__PURE__ */ o(Ce, { size: 14, weight: "bold" }) })
-            ]
-          },
-          String(d.value)
-        )) })
+            className: n("min-w-(--anchor-width) p-1", D, $),
+            children: /* @__PURE__ */ o(x.List, { children: e.map((l) => /* @__PURE__ */ d(
+              x.Item,
+              {
+                value: l.value,
+                disabled: l.disabled,
+                className: n(
+                  "flex cursor-pointer items-center justify-between gap-2",
+                  "rounded-(--gryt-radius-md) px-3 py-2 text-sm text-gryt-text",
+                  "outline-none select-none data-highlighted:bg-gryt-surface-raised",
+                  "data-disabled:cursor-not-allowed data-disabled:opacity-50"
+                ),
+                children: [
+                  /* @__PURE__ */ o(x.ItemText, { children: l.label }),
+                  /* @__PURE__ */ o(x.ItemIndicator, { className: "text-gryt-accent-11", children: /* @__PURE__ */ o(ct, { size: 14, weight: "bold" }) })
+                ]
+              },
+              String(l.value)
+            )) })
+          }
+        )
       }
-    ) }) })
+    ) })
   ] });
 }
-function No({
+function To({
   children: a,
   className: t,
-  side: r = "top",
-  sideOffset: e = 8,
-  title: n
+  side: e = "top",
+  sideOffset: r = 8,
+  title: i
 }) {
-  return /* @__PURE__ */ m(G.Root, { children: [
-    /* @__PURE__ */ o(G.Trigger, { render: a }),
-    /* @__PURE__ */ o(G.Portal, { children: /* @__PURE__ */ o(G.Positioner, { side: r, sideOffset: e, children: /* @__PURE__ */ o(
-      G.Popup,
+  return /* @__PURE__ */ d(I.Root, { children: [
+    /* @__PURE__ */ o(I.Trigger, { render: a }),
+    /* @__PURE__ */ o(I.Portal, { children: /* @__PURE__ */ o(
+      I.Positioner,
       {
-        className: s(
-          "gryt-tooltip rounded-(--gryt-radius-md) border border-gryt-border bg-gryt-surface-raised",
-          "px-2.5 py-1.5 text-xs text-gryt-text",
-          H,
-          t
-        ),
-        children: n
+        side: e,
+        sideOffset: r,
+        className: "gryt-tooltip-positioner",
+        children: /* @__PURE__ */ o(
+          I.Popup,
+          {
+            className: n(
+              "gryt-tooltip rounded-(--gryt-radius-md) border border-gryt-border bg-gryt-surface-raised",
+              "px-2.5 py-1.5 text-xs text-gryt-text",
+              $,
+              t
+            ),
+            children: i
+          }
+        )
       }
-    ) }) })
+    ) })
   ] });
 }
-const Po = G.Provider, ko = i(
-  function({ className: t, orientation: r = "horizontal", ...e }, n) {
+const ko = I.Provider, Co = s(
+  function({ className: t, orientation: e = "horizontal", ...r }, i) {
     return /* @__PURE__ */ o(
-      ct,
+      At,
       {
-        ref: n,
-        orientation: r,
-        className: s(
+        ref: i,
+        orientation: e,
+        className: n(
           "gryt-divider bg-gryt-border",
-          r === "vertical" ? "h-full w-px" : "h-px w-full",
+          e === "vertical" ? "h-full w-px" : "h-px w-full",
           t
         ),
-        ...e
+        ...r
       }
     );
   }
-), To = i(function({ className: t, ...r }, e) {
+), So = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-card rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface text-gryt-text",
         t
       ),
-      ...r
+      ...e
     }
   );
 });
-function Lo({
+function $o({
   children: a,
   className: t,
-  subheader: r,
-  title: e,
-  ...n
+  subheader: e,
+  title: r,
+  ...i
 }) {
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: s("gryt-card-header flex flex-col gap-1 p-4", t),
-      ...n,
+      className: n("gryt-card-header flex flex-col gap-1 p-4", t),
+      ...i,
       children: [
-        e ? /* @__PURE__ */ o("span", { className: "text-base font-semibold text-gryt-text", children: e }) : null,
-        r ? /* @__PURE__ */ o("span", { className: "text-sm text-gryt-muted", children: r }) : null,
+        r ? /* @__PURE__ */ o("span", { className: "text-base font-semibold text-gryt-text", children: r }) : null,
+        e ? /* @__PURE__ */ o("span", { className: "text-sm text-gryt-muted", children: e }) : null,
         a
       ]
     }
   );
 }
-function So({
+function Ro({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: s(
+      className: n(
         "gryt-card-content px-4 pb-4 text-sm text-gryt-muted",
         a
       ),
@@ -1860,14 +834,14 @@ function So({
     }
   );
 }
-function Ro({
+function Io({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: s(
+      className: n(
         "gryt-card-actions flex items-center gap-2 px-4 pb-4",
         a
       ),
@@ -1875,80 +849,80 @@ function Ro({
     }
   );
 }
-const Ut = {
+const Jt = {
   info: "border-gryt-secondary-6 bg-gryt-secondary-3 text-gryt-secondary-11",
   success: "border-gryt-success-6 bg-gryt-success-3 text-gryt-success-11",
   warning: "border-gryt-warning-6 bg-gryt-warning-3 text-gryt-warning-11",
   error: "border-gryt-danger-6 bg-gryt-danger-3 text-gryt-danger-11"
-}, $o = i(function({ className: t, severity: r = "info", ...e }, n) {
+}, Ao = s(function({ className: t, severity: e = "info", ...r }, i) {
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: n,
+      ref: i,
       role: "alert",
-      className: s(
+      className: n(
         "gryt-alert rounded-(--gryt-radius-lg) border px-4 py-3 text-sm",
-        Ut[r],
+        Jt[e],
         t
       ),
-      ...e
+      ...r
     }
   );
 });
-function Co({ className: a, value: t = null, ...r }) {
+function Do({ className: a, value: t = null, ...e }) {
   return /* @__PURE__ */ o(
-    oe.Root,
+    O.Root,
     {
       value: t,
-      className: s("gryt-progress w-full", a),
-      ...r,
-      children: /* @__PURE__ */ o(oe.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ o(oe.Indicator, { className: "h-full rounded-(--gryt-radius-full) bg-gryt-accent transition-[width] duration-300 ease-out motion-reduce:transition-none" }) })
+      className: n("gryt-progress w-full", a),
+      ...e,
+      children: /* @__PURE__ */ o(O.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ o(O.Indicator, { className: "h-full rounded-(--gryt-radius-full) bg-gryt-accent transition-[width] duration-300 ease-out motion-reduce:transition-none" }) })
     }
   );
 }
-function Ao({
+function Mo({
   className: a,
   size: t = 24,
-  "aria-label": r = "Loading"
+  "aria-label": e = "Loading"
 }) {
   return /* @__PURE__ */ o(
-    rt,
+    Ct,
     {
       role: "status",
-      "aria-label": r,
+      "aria-label": e,
       size: t,
       weight: "bold",
-      className: s(
+      className: n(
         "gryt-spinner text-gryt-accent-11 motion-safe:animate-spin",
         a
       )
     }
   );
 }
-const Ot = {
+const Zt = {
   text: "h-4 rounded-(--gryt-radius-sm)",
   rounded: "rounded-(--gryt-radius-lg)",
   circular: "rounded-(--gryt-radius-full)",
   rectangular: "rounded-none"
 };
-function Io({
+function Go({
   className: a,
   height: t,
-  style: r,
-  variant: e = "text",
-  width: n,
+  style: e,
+  variant: r = "text",
+  width: i,
   ...c
 }) {
-  const d = {
-    width: n,
+  const l = {
+    width: i,
     height: t,
-    ...r
+    ...e
   };
   return /* @__PURE__ */ o(
     "div",
     {
       "aria-hidden": "true",
-      className: s(
+      className: n(
         // Not bg-gryt-surface-raised. #1e2028 against #1a1d24 is four points of
         // luminance, which is invisible on a laptop screen at an angle — the
         // placeholder that is meant to say "something is coming" said nothing.
@@ -1956,131 +930,131 @@ function Io({
         // the surfaces it can land on rather than only the one it was picked
         // against, and it dims rather than brightens as it pulses.
         "gryt-skeleton bg-white/9 motion-safe:animate-pulse",
-        Ot[e],
+        Zt[r],
         a
       ),
-      style: d,
+      style: l,
       ...c
     }
   );
 }
-const Ue = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none", Yt = i(
-  function({ className: t, ...r }, e) {
+const yt = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none", qt = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      I.Backdrop,
+      C.Backdrop,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-dialog-backdrop fixed inset-0 min-h-dvh bg-black/60",
           "backdrop-blur-(--gryt-backdrop-blur)",
-          Ue,
+          yt,
           "data-starting-style:opacity-0 data-ending-style:opacity-0",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), Xt = i(
-  function({ className: t, ...r }, e) {
+), te = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      I.Popup,
+      C.Popup,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-dialog fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
           "flex w-[32rem] max-w-[calc(100vw-3rem)] flex-col gap-4",
           "rounded-(--gryt-radius-lg) border border-gryt-border bg-gryt-surface p-5 text-gryt-text",
-          Ue,
+          yt,
           "data-starting-style:scale-[0.98] data-starting-style:opacity-0",
           "data-ending-style:scale-[0.98] data-ending-style:opacity-0",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), Wt = i(
-  function({ className: t, ...r }, e) {
+), ee = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      I.Title,
+      C.Title,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-dialog-title text-base font-semibold text-gryt-text",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), Kt = i(
-  function({ className: t, ...r }, e) {
+), re = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      I.Description,
+      C.Description,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-dialog-description text-sm text-gryt-muted",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), Jt = i(
-  function({ className: t, ...r }, e) {
+), oe = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-dialog-footer flex justify-end gap-3",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), Mo = {
-  Root: I.Root,
-  Trigger: I.Trigger,
-  Portal: I.Portal,
-  Close: I.Close,
-  Backdrop: Yt,
-  Popup: Xt,
-  Title: Wt,
-  Description: Kt,
-  Footer: Jt
-}, Qt = () => () => {
+), Lo = {
+  Root: C.Root,
+  Trigger: C.Trigger,
+  Portal: C.Portal,
+  Close: C.Close,
+  Backdrop: qt,
+  Popup: te,
+  Title: ee,
+  Description: re,
+  Footer: oe
+}, ae = () => () => {
 };
-function Zt(a) {
-  const t = de(
-    (e) => {
-      if (typeof window > "u" || !window.matchMedia) return Qt();
-      const n = window.matchMedia(a);
-      return n.addEventListener("change", e), () => n.removeEventListener("change", e);
+function ne(a) {
+  const t = U(
+    (r) => {
+      if (typeof window > "u" || !window.matchMedia) return ae();
+      const i = window.matchMedia(a);
+      return i.addEventListener("change", r), () => i.removeEventListener("change", r);
     },
     [a]
-  ), r = de(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia(a).matches, [a]);
-  return Je(t, r, () => !1);
+  ), e = U(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia(a).matches, [a]);
+  return wt(t, e, () => !1);
 }
-const qt = {
+const ie = {
   left: "left",
   right: "right",
   top: "up",
   bottom: "down"
-}, te = Qe("right"), er = {
+}, _ = vt("right"), se = {
   left: "items-stretch justify-start",
   right: "items-stretch justify-end",
   top: "items-start justify-center",
   bottom: "items-end justify-center"
-}, tr = {
+}, ce = {
   left: "rounded-r-(--gryt-radius-xl)",
   right: "rounded-l-(--gryt-radius-xl)",
   top: "rounded-b-(--gryt-radius-xl)",
   bottom: "rounded-t-(--gryt-radius-xl)"
-}, rr = {
+}, le = {
   left: [
     "h-full w-[calc(20rem+var(--gryt-drawer-bleed))] max-w-[calc(85vw+var(--gryt-drawer-bleed))]",
     "-ml-(--gryt-drawer-bleed) border-r py-5 pr-5 pl-[calc(1.25rem+var(--gryt-drawer-bleed))]",
@@ -2110,41 +1084,41 @@ const qt = {
     "data-ending-style:[transform:translateY(calc(100%-var(--gryt-drawer-bleed)))]"
   ].join(" ")
 };
-function ar({
+function de({
   side: a = "right",
   sheetOnMobile: t = !0,
-  children: r,
-  ...e
+  children: e,
+  ...r
 }) {
-  const n = Zt("(max-width: 767px)"), c = t && n ? "bottom" : a;
-  return /* @__PURE__ */ o(te.Provider, { value: c, children: /* @__PURE__ */ o(k.Root, { swipeDirection: qt[c], ...e, children: r }) });
+  const i = ne("(max-width: 767px)"), c = t && i ? "bottom" : a;
+  return /* @__PURE__ */ o(_.Provider, { value: c, children: /* @__PURE__ */ o(v.Root, { swipeDirection: ie[c], ...r, children: e }) });
 }
-const or = i(
-  function({ className: t, ...r }, e) {
-    const n = ue(te);
+const ge = s(
+  function({ className: t, ...e }, r) {
+    const i = K(_);
     return /* @__PURE__ */ o(
-      k.Viewport,
+      v.Viewport,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           // z-50 matters: the popup is no longer positioned itself, so the
           // viewport is what has to sit above the page. Without it a sticky
           // site header renders over the panel.
           "gryt-drawer-viewport fixed inset-0 z-50 flex",
-          er[n],
+          se[i],
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), nr = i(function({ className: t, ...r }, e) {
-  const n = ue(te);
+), ue = s(function({ className: t, ...e }, r) {
+  const i = K(_);
   return /* @__PURE__ */ o(
-    k.Popup,
+    v.Popup,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-drawer flex flex-col gap-4 border-gryt-border bg-gryt-surface text-gryt-text",
         "overflow-y-auto overscroll-contain outline-none",
         "transition-transform duration-(--gryt-dur-spring-soft) ease-spring",
@@ -2152,19 +1126,19 @@ const or = i(
         // duration here turns a drag into a drag plus lag.
         "data-swiping:duration-0 data-swiping:select-none",
         "motion-reduce:transition-none",
-        rr[n],
-        tr[n],
+        le[i],
+        ce[i],
         t
       ),
-      ...r
+      ...e
     }
   );
-}), sr = i(function({ className: t, ...r }, e) {
+}), ye = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    k.Backdrop,
+    v.Backdrop,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-drawer-backdrop fixed inset-0 z-50 min-h-dvh bg-black/60",
         "backdrop-blur-(--gryt-backdrop-blur)",
         // Lightens as the panel is dragged away, so letting go halfway does not
@@ -2176,17 +1150,17 @@ const or = i(
         "motion-reduce:transition-none",
         t
       ),
-      ...r
+      ...e
     }
   );
 });
-function cr({ className: a }) {
-  const t = ue(te);
+function pe({ className: a }) {
+  const t = K(_);
   return t !== "bottom" && t !== "top" ? null : /* @__PURE__ */ o(
     "div",
     {
       "aria-hidden": !0,
-      className: s(
+      className: n(
         "gryt-drawer-grabber mx-auto h-1.5 w-10 shrink-0 rounded-(--gryt-radius-full) bg-gryt-border",
         t === "top" && "order-last",
         a
@@ -2194,50 +1168,50 @@ function cr({ className: a }) {
     }
   );
 }
-const Ho = {
-  Root: ar,
-  Trigger: k.Trigger,
-  Portal: k.Portal,
-  Backdrop: sr,
-  Viewport: or,
-  Popup: nr,
-  Content: k.Content,
-  Grabber: cr,
-  Close: k.Close,
-  Title: k.Title,
-  Description: k.Description
-}, ir = i(
-  function({ className: t, sideOffset: r = 8, ...e }, n) {
+const jo = {
+  Root: de,
+  Trigger: v.Trigger,
+  Portal: v.Portal,
+  Backdrop: ye,
+  Viewport: ge,
+  Popup: ue,
+  Content: v.Content,
+  Grabber: pe,
+  Close: v.Close,
+  Title: v.Title,
+  Description: v.Description
+}, me = s(
+  function({ className: t, sideOffset: e = 8, ...r }, i) {
     return /* @__PURE__ */ o(
-      j.Positioner,
+      A.Positioner,
       {
-        ref: n,
-        sideOffset: r,
-        className: s("gryt-menu-positioner outline-none", t),
-        ...e
+        ref: i,
+        sideOffset: e,
+        className: n("gryt-menu-positioner outline-none", t),
+        ...r
       }
     );
   }
-), dr = i(function({ className: t, ...r }, e) {
+), be = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    j.Popup,
+    A.Popup,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-menu min-w-44 p-1 outline-none",
-        E,
-        H,
+        D,
+        $,
         t
       ),
-      ...r
+      ...e
     }
   );
-}), lr = i(function({ className: t, ...r }, e) {
+}), fe = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    j.Item,
+    A.Item,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-menu-item flex cursor-pointer items-center gap-2 rounded-(--gryt-radius-md)",
         "px-3 py-2 text-sm text-gryt-text outline-none select-none",
         // Base UI drives keyboard and pointer highlight through the same
@@ -2246,32 +1220,32 @@ const Ho = {
         "data-disabled:cursor-not-allowed data-disabled:opacity-50",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), ur = i(function({ className: t, ...r }, e) {
+}), xe = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    j.Separator,
+    A.Separator,
     {
-      ref: e,
-      className: s("gryt-menu-separator my-1 h-px bg-gryt-border", t),
-      ...r
+      ref: r,
+      className: n("gryt-menu-separator my-1 h-px bg-gryt-border", t),
+      ...e
     }
   );
-}), ie = {
-  Root: j.Root,
-  Trigger: j.Trigger,
-  Portal: j.Portal,
-  Positioner: ir,
-  Popup: dr,
-  Item: lr,
-  Separator: ur
-}, gr = i(function({ className: t, ...r }, e) {
+}), X = {
+  Root: A.Root,
+  Trigger: A.Trigger,
+  Portal: A.Portal,
+  Positioner: me,
+  Popup: be,
+  Item: fe,
+  Separator: xe
+}, he = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    Z.Root,
+    E.Root,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-tabs",
         // Vertical puts the rail and the panel side by side. min-w-0 on the
         // panel does the rest; without the flex here the panel lands under the
@@ -2279,15 +1253,15 @@ const Ho = {
         "data-[orientation=vertical]:flex data-[orientation=vertical]:items-stretch",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), fr = i(function({ className: t, ...r }, e) {
+}), we = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    Z.List,
+    E.List,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-tabs-list relative inline-flex items-center gap-1 rounded-(--gryt-radius-full) bg-gryt-surface-raised p-1",
         // A rail, not a pill: rows are full width and the corner radius drops
         // to lg, because a 999px radius on a tall box bows its short edges.
@@ -2296,15 +1270,15 @@ const Ho = {
         "data-[orientation=vertical]:rounded-(--gryt-radius-lg)",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), yr = i(function({ className: t, ...r }, e) {
+}), ve = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    Z.Tab,
+    E.Tab,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-tab inline-flex min-h-8 cursor-pointer items-center justify-center whitespace-nowrap",
         "rounded-(--gryt-radius-full) border-0 bg-transparent px-4 py-1.5",
         "text-sm font-medium text-gryt-muted select-none",
@@ -2319,20 +1293,20 @@ const Ho = {
         "data-[orientation=vertical]:gap-2.5 data-[orientation=vertical]:px-3",
         "data-[orientation=vertical]:rounded-(--gryt-radius-md)",
         "data-disabled:cursor-not-allowed data-disabled:opacity-50",
-        x,
+        b,
         t
       ),
-      ...r
+      ...e
     }
   );
-}), mr = i(
-  function({ className: t, ...r }, e) {
+}), Ne = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      Z.Indicator,
+      E.Indicator,
       {
-        ref: e,
+        ref: r,
         renderBeforeHydration: !0,
-        className: s(
+        className: n(
           "gryt-tabs-indicator absolute top-1 left-0 z-0 h-[calc(100%-0.5rem)]",
           "w-(--active-tab-width) translate-x-(--active-tab-left)",
           "rounded-(--gryt-radius-full) bg-gryt-accent",
@@ -2348,16 +1322,16 @@ const Ho = {
           "[[data-orientation=vertical]_&]:transition-[translate,height]",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), br = i(function({ className: t, ...r }, e) {
+), Pe = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    Z.Panel,
+    E.Panel,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-tabs-panel pt-3 text-sm text-gryt-text",
         // Beside the rail rather than under it, and allowed to shrink so long
         // content wraps instead of pushing the rail off screen.
@@ -2365,194 +1339,194 @@ const Ho = {
         "data-[orientation=vertical]:pt-0 data-[orientation=vertical]:pl-4",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), Do = Object.assign(gr, { List: fr, Tab: yr, Panel: br, Indicator: mr }), pr = i(function({ className: t, ...r }, e) {
+}), Bo = Object.assign(he, { List: we, Tab: ve, Panel: Pe, Indicator: Ne }), Te = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    K.Root,
+    F.Root,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-accordion flex w-full flex-col gap-2 rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface p-2",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), hr = i(
-  function({ className: t, ...r }, e) {
+}), ke = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      K.Item,
+      F.Item,
       {
-        ref: e,
-        className: s("gryt-accordion-item", t),
-        ...r
+        ref: r,
+        className: n("gryt-accordion-item", t),
+        ...e
       }
     );
   }
-), xr = i(
-  function({ children: t, className: r, expandIcon: e, ...n }, c) {
-    return /* @__PURE__ */ o(K.Header, { className: "gryt-accordion-header m-0", children: /* @__PURE__ */ m(
-      K.Trigger,
+), Ce = s(
+  function({ children: t, className: e, expandIcon: r, ...i }, c) {
+    return /* @__PURE__ */ o(F.Header, { className: "gryt-accordion-header m-0", children: /* @__PURE__ */ d(
+      F.Trigger,
       {
         ref: c,
-        className: s(
+        className: n(
           "gryt-accordion-trigger flex w-full cursor-pointer items-center justify-between gap-3",
           "rounded-(--gryt-radius-lg) border-0 bg-transparent px-3 py-2.5",
           "text-left text-sm font-medium text-gryt-text select-none",
           "transition-colors duration-150 hover:bg-gryt-surface-raised",
           "data-disabled:cursor-not-allowed data-disabled:opacity-50",
-          x,
-          r
+          b,
+          e
         ),
-        ...n,
+        ...i,
         children: [
           t,
-          e === void 0 ? /* @__PURE__ */ o(
-            at,
+          r === void 0 ? /* @__PURE__ */ o(
+            St,
             {
               size: 16,
               className: "shrink-0 transition-transform duration-(--gryt-dur-spring) ease-spring data-panel-open:rotate-180 motion-reduce:transition-none"
             }
-          ) : e
+          ) : r
         ]
       }
     ) });
   }
-), wr = i(
-  function({ children: t, className: r, ...e }, n) {
+), Se = s(
+  function({ children: t, className: e, ...r }, i) {
     return /* @__PURE__ */ o(
-      K.Panel,
+      F.Panel,
       {
-        ref: n,
-        className: s(
+        ref: i,
+        className: n(
           "gryt-accordion-panel overflow-hidden text-sm text-gryt-muted",
           // Base UI measures the panel and exposes the height as a variable,
           // which is what makes a real open and close transition possible.
           "h-[var(--accordion-panel-height)] transition-[height] duration-(--gryt-dur-spring-soft) ease-spring",
           "data-starting-style:h-0 data-ending-style:h-0",
           "motion-reduce:transition-none",
-          r
+          e
         ),
-        ...e,
+        ...r,
         children: /* @__PURE__ */ o("div", { className: "px-3 pt-1 pb-3", children: t })
       }
     );
   }
-), Go = Object.assign(pr, { Item: hr, Trigger: xr, Panel: wr }), vr = i(
-  function({ className: t, sideOffset: r = 2, ...e }, n) {
+), zo = Object.assign(Te, { Item: ke, Trigger: Ce, Panel: Se }), $e = s(
+  function({ className: t, sideOffset: e = 2, ...r }, i) {
     return /* @__PURE__ */ o(
-      A.Positioner,
+      k.Positioner,
       {
-        ref: n,
-        sideOffset: r,
-        className: s("gryt-context-menu-positioner outline-none", t),
-        ...e
+        ref: i,
+        sideOffset: e,
+        className: n("gryt-context-menu-positioner outline-none", t),
+        ...r
       }
     );
   }
-), jo = {
-  Root: A.Root,
-  Trigger: A.Trigger,
-  Portal: A.Portal,
-  Positioner: vr,
-  Popup: ie.Popup,
-  Item: ie.Item,
-  Separator: ie.Separator,
-  Group: A.Group,
-  GroupLabel: A.GroupLabel,
-  SubmenuRoot: A.SubmenuRoot,
-  SubmenuTrigger: A.SubmenuTrigger
-}, Nr = i(
-  function({ className: t, sideOffset: r = 8, ...e }, n) {
+), Fo = {
+  Root: k.Root,
+  Trigger: k.Trigger,
+  Portal: k.Portal,
+  Positioner: $e,
+  Popup: X.Popup,
+  Item: X.Item,
+  Separator: X.Separator,
+  Group: k.Group,
+  GroupLabel: k.GroupLabel,
+  SubmenuRoot: k.SubmenuRoot,
+  SubmenuTrigger: k.SubmenuTrigger
+}, Re = s(
+  function({ className: t, sideOffset: e = 8, ...r }, i) {
     return /* @__PURE__ */ o(
-      R.Positioner,
+      P.Positioner,
       {
-        ref: n,
-        sideOffset: r,
-        className: s("gryt-popover-positioner outline-none", t),
-        ...e
+        ref: i,
+        sideOffset: e,
+        className: n("gryt-popover-positioner outline-none", t),
+        ...r
       }
     );
   }
-), Pr = i(
-  function({ className: t, ...r }, e) {
+), Ie = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      R.Popup,
+      P.Popup,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-popover max-w-[min(20rem,calc(100vw-2rem))] p-4 outline-none",
-          E,
-          H,
+          D,
+          $,
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), kr = i(function({ className: t, ...r }, e) {
+), Ae = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    R.Title,
+    P.Title,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-popover-title text-sm font-semibold text-gryt-text",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), Tr = i(function({ className: t, ...r }, e) {
+}), De = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    R.Description,
+    P.Description,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-popover-description mt-1 text-sm leading-6 text-gryt-muted",
         t
       ),
-      ...r
+      ...e
     }
   );
 }), Eo = {
-  Root: R.Root,
-  Trigger: R.Trigger,
-  Portal: R.Portal,
-  Positioner: Nr,
-  Popup: Pr,
-  Title: kr,
-  Description: Tr,
-  Close: R.Close,
-  Arrow: R.Arrow
-}, Lr = {
+  Root: P.Root,
+  Trigger: P.Trigger,
+  Portal: P.Portal,
+  Positioner: Re,
+  Popup: Ie,
+  Title: Ae,
+  Description: De,
+  Close: P.Close,
+  Arrow: P.Arrow
+}, Me = {
   neutral: "border-white/8 bg-gryt-surface",
   info: "border-gryt-secondary-6 bg-gryt-secondary-2",
   success: "border-gryt-success-6 bg-gryt-success-2",
   warning: "border-gryt-warning-6 bg-gryt-warning-2",
   danger: "border-gryt-danger-6 bg-gryt-danger-2"
-}, Sr = i(
-  function({ className: t, ...r }, e) {
+}, Ge = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      C.Viewport,
+      T.Viewport,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-toast-viewport fixed right-4 bottom-4 z-50 flex w-[min(22rem,calc(100vw-2rem))]",
           "flex-col gap-2 outline-none",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), Rr = i(function({ className: t, severity: r = "neutral", ...e }, n) {
+), Le = s(function({ className: t, severity: e = "neutral", ...r }, i) {
   return /* @__PURE__ */ o(
-    C.Root,
+    T.Root,
     {
-      ref: n,
-      className: s(
+      ref: i,
+      className: n(
         "gryt-toast relative flex flex-col p-3 pr-9",
         // Not popupSurface. That border is --gryt-border, a solid slate line
         // that is right for a menu anchored to the thing that opened it and too
@@ -2560,7 +1534,7 @@ const Ho = {
         // white hairline separates it from the page without drawing a box
         // around it.
         "rounded-(--gryt-radius-xl) border text-gryt-text",
-        Lr[r],
+        Me[e],
         // Swiping is a pointer gesture, so the toast follows the finger
         // through Base UI's swipe variables before it animates out.
         "transition-[opacity,transform] duration-(--gryt-dur-spring) ease-spring",
@@ -2569,56 +1543,56 @@ const Ho = {
         "motion-reduce:transition-none",
         t
       ),
-      ...e
+      ...r
     }
   );
-}), $r = i(function({ className: t, ...r }, e) {
+}), je = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    C.Title,
+    T.Title,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-toast-title text-sm font-semibold text-gryt-text",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), Cr = i(function({ className: t, ...r }, e) {
+}), Be = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    C.Description,
+    T.Description,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-toast-description mt-0.5 text-sm leading-6 text-gryt-muted",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), Ar = i(function({ className: t, children: r, ...e }, n) {
+}), ze = s(function({ className: t, children: e, ...r }, i) {
   return /* @__PURE__ */ o(
-    C.Close,
+    T.Close,
     {
-      ref: n,
+      ref: i,
       "aria-label": "Close",
-      className: s(
+      className: n(
         "gryt-toast-close absolute top-2.5 right-2.5 inline-flex h-6 w-6 items-center justify-center",
         "rounded-(--gryt-radius-full) border-0 bg-transparent text-gryt-muted",
         "transition-colors hover:bg-white/8 hover:text-gryt-text motion-reduce:transition-none",
         "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gryt-accent-light",
         t
       ),
-      ...e,
-      children: r ?? /* @__PURE__ */ o($e, { size: 14, weight: "bold" })
+      ...r,
+      children: e ?? /* @__PURE__ */ o(st, { size: 14, weight: "bold" })
     }
   );
-}), Ir = i(function({ className: t, ...r }, e) {
+}), Fe = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    C.Action,
+    T.Action,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-toast-action mt-2 self-start rounded-(--gryt-radius-full) border-0",
         "bg-gryt-accent px-3 py-1.5 text-sm font-medium text-gryt-on-accent",
         "transition-[scale] duration-(--gryt-dur-spring) ease-spring",
@@ -2626,73 +1600,73 @@ const Ho = {
         "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gryt-accent-light",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), zo = {
-  Provider: C.Provider,
-  Portal: C.Portal,
-  Viewport: Sr,
-  Root: Rr,
-  Title: $r,
-  Description: Cr,
-  Close: Ar,
-  Action: Ir
-}, Bo = C.useToastManager, Mr = i(
-  function({ className: t, ...r }, e) {
+}), Vo = {
+  Provider: T.Provider,
+  Portal: T.Portal,
+  Viewport: Ge,
+  Root: Le,
+  Title: je,
+  Description: Be,
+  Close: ze,
+  Action: Fe
+}, _o = T.useToastManager, Ee = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      _.Root,
+      L.Root,
       {
-        ref: e,
-        className: s("gryt-scroll-area relative", t),
-        ...r
+        ref: r,
+        className: n("gryt-scroll-area relative", t),
+        ...e
       }
     );
   }
-), Hr = i(
-  function({ className: t, ...r }, e) {
+), Ve = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      _.Viewport,
+      L.Viewport,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-scroll-area-viewport h-full w-full overscroll-contain",
           "focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gryt-accent-light",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), Dr = i(
-  function({ className: t, orientation: r, ...e }, n) {
+), _e = s(
+  function({ className: t, orientation: e, ...r }, i) {
     return /* @__PURE__ */ o(
-      _.Scrollbar,
+      L.Scrollbar,
       {
-        ref: n,
-        orientation: r,
-        className: s(
+        ref: i,
+        orientation: e,
+        className: n(
           "gryt-scroll-area-scrollbar flex touch-none p-0.5 select-none",
           // Fades in on hover or while scrolling rather than sitting there
           // permanently — a chat sidebar is mostly not being scrolled.
           "opacity-0 transition-opacity duration-(--gryt-dur-fast)",
           "data-hovering:opacity-100 data-scrolling:opacity-100",
           "motion-reduce:transition-none",
-          r === "horizontal" ? "h-2 flex-col" : "w-2",
+          e === "horizontal" ? "h-2 flex-col" : "w-2",
           t
         ),
-        ...e,
-        children: /* @__PURE__ */ o(_.Thumb, { className: "flex-1 rounded-(--gryt-radius-full) bg-gryt-border transition-colors hover:bg-gryt-muted motion-reduce:transition-none" })
+        ...r,
+        children: /* @__PURE__ */ o(L.Thumb, { className: "flex-1 rounded-(--gryt-radius-full) bg-gryt-border transition-colors hover:bg-gryt-muted motion-reduce:transition-none" })
       }
     );
   }
-), Fo = {
-  Root: Mr,
-  Viewport: Hr,
-  Scrollbar: Dr,
-  Content: _.Content,
-  Corner: _.Corner
-}, Gr = {
+), Yo = {
+  Root: Ee,
+  Viewport: Ve,
+  Scrollbar: _e,
+  Content: L.Content,
+  Corner: L.Corner
+}, Ye = {
   primary: [
     "text-gryt-muted hover:not-data-disabled:bg-white/8",
     "data-pressed:bg-gryt-accent data-pressed:text-gryt-on-accent",
@@ -2713,18 +1687,18 @@ const Ho = {
     "data-pressed:bg-gryt-danger data-pressed:text-gryt-on-danger",
     "data-pressed:hover:not-data-disabled:bg-gryt-danger"
   ].join(" ")
-}, jr = {
+}, He = {
   xsmall: "h-8 min-w-8 px-2 text-xs",
   small: "h-9 min-w-9 px-2.5 text-sm",
   medium: "h-10 min-w-10 px-3 text-sm",
   large: "h-12 min-w-12 px-4 text-base"
-}, _o = i(
-  function({ className: t, size: r = "medium", tone: e = "primary", ...n }, c) {
+}, Ho = s(
+  function({ className: t, size: e = "medium", tone: r = "primary", ...i }, c) {
     return /* @__PURE__ */ o(
-      it,
+      Dt,
       {
         ref: c,
-        className: s(
+        className: n(
           "gryt-toggle",
           "inline-flex shrink-0 items-center justify-center gap-2 border-0 bg-transparent",
           "rounded-(--gryt-radius-full) font-medium select-none",
@@ -2732,63 +1706,63 @@ const Ho = {
           "transition-[scale,background-color,color] duration-(--gryt-dur-spring) ease-spring",
           "motion-safe:hover:not-data-disabled:scale-[1.06]",
           "motion-safe:active:not-data-disabled:scale-[0.94]",
-          x,
-          V,
-          jr[r],
-          Gr[e],
+          b,
+          j,
+          He[e],
+          Ye[r],
           t
         ),
-        ...n
+        ...i
       }
     );
   }
-), Vo = i(
-  function({ className: t, ...r }, e) {
+), Oo = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      dt,
+      Mt,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-toggle-group inline-flex items-center gap-1",
           "rounded-(--gryt-radius-full) border border-gryt-border bg-gryt-surface p-1",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), Er = {
+), Oe = {
   primary: "bg-gryt-accent",
   success: "bg-gryt-success",
   warning: "bg-gryt-warning",
   danger: "bg-gryt-danger"
 };
-function Uo({
+function Xo({
   className: a,
   value: t,
-  label: r,
-  showValue: e = !1,
-  tone: n = "primary",
+  label: e,
+  showValue: r = !1,
+  tone: i = "primary",
   ...c
 }) {
-  return /* @__PURE__ */ m(
-    O.Root,
+  return /* @__PURE__ */ d(
+    z.Root,
     {
       value: t,
-      className: s("gryt-meter flex w-full flex-col gap-1.5", a),
+      className: n("gryt-meter flex w-full flex-col gap-1.5", a),
       ...c,
       children: [
-        (r || e) && /* @__PURE__ */ m("div", { className: "flex items-baseline justify-between gap-2", children: [
-          r ? /* @__PURE__ */ o(O.Label, { className: "text-sm text-gryt-muted", children: r }) : /* @__PURE__ */ o("span", {}),
-          e && /* @__PURE__ */ o(O.Value, { className: "font-mono text-xs text-gryt-muted tabular-nums" })
+        (e || r) && /* @__PURE__ */ d("div", { className: "flex items-baseline justify-between gap-2", children: [
+          e ? /* @__PURE__ */ o(z.Label, { className: "text-sm text-gryt-muted", children: e }) : /* @__PURE__ */ o("span", {}),
+          r && /* @__PURE__ */ o(z.Value, { className: "font-mono text-xs text-gryt-muted tabular-nums" })
         ] }),
-        /* @__PURE__ */ o(O.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ o(
-          O.Indicator,
+        /* @__PURE__ */ o(z.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ o(
+          z.Indicator,
           {
-            className: s(
+            className: n(
               "h-full rounded-(--gryt-radius-full)",
               "transition-[width] duration-120 ease-out motion-reduce:transition-none",
-              Er[n]
+              Oe[i]
             )
           }
         ) })
@@ -2796,13 +1770,13 @@ function Uo({
     }
   );
 }
-const zr = i(
-  function({ className: t, ...r }, e) {
+const Xe = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      M.Popup,
+      S.Popup,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-alert-dialog fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
           "flex w-[32rem] max-w-[calc(100vw-3rem)] flex-col gap-4",
           "rounded-(--gryt-radius-lg) border border-gryt-border bg-gryt-surface p-5 text-gryt-text",
@@ -2812,59 +1786,59 @@ const zr = i(
           "data-ending-style:scale-[0.98] data-ending-style:opacity-0",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), Br = i(function({ className: t, ...r }, e) {
+), Ue = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    M.Backdrop,
+    S.Backdrop,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-alert-dialog-backdrop fixed inset-0 z-50 min-h-dvh bg-black/60",
         "backdrop-blur-(--gryt-backdrop-blur)",
         "transition-opacity duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none",
         "data-starting-style:opacity-0 data-ending-style:opacity-0",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), Fr = i(function({ className: t, ...r }, e) {
+}), Ke = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    M.Title,
+    S.Title,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-alert-dialog-title text-lg font-semibold text-gryt-text",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), _r = i(function({ className: t, ...r }, e) {
+}), We = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    M.Description,
+    S.Description,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-alert-dialog-description text-sm leading-6 text-gryt-muted",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), Oo = {
-  Root: M.Root,
-  Trigger: M.Trigger,
-  Portal: M.Portal,
-  Backdrop: Br,
-  Popup: zr,
-  Title: Fr,
-  Description: _r,
-  Close: M.Close
-}, Oe = [
+}), Uo = {
+  Root: S.Root,
+  Trigger: S.Trigger,
+  Portal: S.Portal,
+  Backdrop: Ue,
+  Popup: Xe,
+  Title: Ke,
+  Description: We,
+  Close: S.Close
+}, pt = [
   "flex cursor-default items-center gap-2 rounded-(--gryt-radius-md)",
   "px-3 py-2 text-sm text-gryt-text outline-none select-none",
   // Base UI drives keyboard and pointer highlight through one attribute, so
@@ -2872,195 +1846,195 @@ const zr = i(
   "data-highlighted:bg-gryt-surface-raised",
   "data-selected:text-gryt-accent-11",
   "data-disabled:cursor-not-allowed data-disabled:opacity-50"
-].join(" "), Ye = [
-  Fe,
-  _e.medium,
+].join(" "), mt = [
+  dt,
+  gt.medium,
   "border-gryt-border",
-  x
-].join(" "), Vr = i(function({ className: t, ...r }, e) {
+  b
+].join(" "), Qe = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    p.Input,
+    g.Input,
     {
-      ref: e,
-      className: s("gryt-combobox-input", Ye, t),
-      ...r
+      ref: r,
+      className: n("gryt-combobox-input", mt, t),
+      ...e
     }
   );
-}), Ur = i(function({ className: t, sideOffset: r = 6, ...e }, n) {
+}), Je = s(function({ className: t, sideOffset: e = 6, ...r }, i) {
   return /* @__PURE__ */ o(
-    p.Positioner,
+    g.Positioner,
     {
-      ref: n,
-      sideOffset: r,
-      className: s("gryt-combobox-positioner outline-none", t),
-      ...e
+      ref: i,
+      sideOffset: e,
+      className: n("gryt-combobox-positioner outline-none", t),
+      ...r
     }
   );
-}), Or = i(
-  function({ className: t, ...r }, e) {
+}), Ze = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      p.Popup,
+      g.Popup,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-combobox max-h-64 w-(--anchor-width) overflow-y-auto overscroll-contain p-1 outline-none",
-          E,
-          H,
+          D,
+          $,
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), Yr = i(function({ className: t, ...r }, e) {
+), qe = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    p.Item,
+    g.Item,
     {
-      ref: e,
-      className: s("gryt-combobox-item", Oe, t),
-      ...r
+      ref: r,
+      className: n("gryt-combobox-item", pt, t),
+      ...e
     }
   );
-}), Xr = i(function({ className: t, ...r }, e) {
+}), tr = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    p.Empty,
+    g.Empty,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-combobox-empty px-3 py-2 text-sm text-gryt-muted",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), Yo = {
-  Root: p.Root,
-  Input: Vr,
-  InputGroup: p.InputGroup,
-  Trigger: p.Trigger,
-  Icon: p.Icon,
-  Clear: p.Clear,
-  Value: p.Value,
-  Chips: p.Chips,
-  Chip: p.Chip,
-  ChipRemove: p.ChipRemove,
-  Portal: p.Portal,
-  Positioner: Ur,
-  Popup: Or,
-  List: p.List,
-  Item: Yr,
-  ItemIndicator: p.ItemIndicator,
-  Group: p.Group,
-  GroupLabel: p.GroupLabel,
-  Empty: Xr,
-  Separator: p.Separator
-}, Wr = i(function({ className: t, ...r }, e) {
+}), Ko = {
+  Root: g.Root,
+  Input: Qe,
+  InputGroup: g.InputGroup,
+  Trigger: g.Trigger,
+  Icon: g.Icon,
+  Clear: g.Clear,
+  Value: g.Value,
+  Chips: g.Chips,
+  Chip: g.Chip,
+  ChipRemove: g.ChipRemove,
+  Portal: g.Portal,
+  Positioner: Je,
+  Popup: Ze,
+  List: g.List,
+  Item: qe,
+  ItemIndicator: g.ItemIndicator,
+  Group: g.Group,
+  GroupLabel: g.GroupLabel,
+  Empty: tr,
+  Separator: g.Separator
+}, er = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    h.Input,
+    m.Input,
     {
-      ref: e,
-      className: s("gryt-autocomplete-input", Ye, t),
-      ...r
+      ref: r,
+      className: n("gryt-autocomplete-input", mt, t),
+      ...e
     }
   );
-}), Kr = i(function({ className: t, sideOffset: r = 6, ...e }, n) {
+}), rr = s(function({ className: t, sideOffset: e = 6, ...r }, i) {
   return /* @__PURE__ */ o(
-    h.Positioner,
+    m.Positioner,
     {
-      ref: n,
-      sideOffset: r,
-      className: s("gryt-autocomplete-positioner outline-none", t),
-      ...e
+      ref: i,
+      sideOffset: e,
+      className: n("gryt-autocomplete-positioner outline-none", t),
+      ...r
     }
   );
-}), Jr = i(function({ className: t, ...r }, e) {
+}), or = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    h.Popup,
+    m.Popup,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-autocomplete max-h-64 w-(--anchor-width) overflow-y-auto overscroll-contain p-1 outline-none",
-        E,
-        H,
+        D,
+        $,
         t
       ),
-      ...r
+      ...e
     }
   );
-}), Qr = i(function({ className: t, ...r }, e) {
+}), ar = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    h.Item,
+    m.Item,
     {
-      ref: e,
-      className: s("gryt-autocomplete-item", Oe, t),
-      ...r
+      ref: r,
+      className: n("gryt-autocomplete-item", pt, t),
+      ...e
     }
   );
-}), Zr = i(function({ className: t, ...r }, e) {
+}), nr = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    h.Empty,
+    m.Empty,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-autocomplete-empty px-3 py-2 text-sm text-gryt-muted",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), Xo = {
-  Root: h.Root,
-  Input: Wr,
-  InputGroup: h.InputGroup,
-  Trigger: h.Trigger,
-  Icon: h.Icon,
-  Clear: h.Clear,
-  Value: h.Value,
-  Portal: h.Portal,
-  Positioner: Kr,
-  Popup: Jr,
-  List: h.List,
-  Item: Qr,
-  Group: h.Group,
-  GroupLabel: h.GroupLabel,
-  Empty: Zr,
-  Separator: h.Separator
-}, Wo = i(
-  function({ className: t, ...r }, e) {
+}), Wo = {
+  Root: m.Root,
+  Input: er,
+  InputGroup: m.InputGroup,
+  Trigger: m.Trigger,
+  Icon: m.Icon,
+  Clear: m.Clear,
+  Value: m.Value,
+  Portal: m.Portal,
+  Positioner: rr,
+  Popup: or,
+  List: m.List,
+  Item: ar,
+  Group: m.Group,
+  GroupLabel: m.GroupLabel,
+  Empty: nr,
+  Separator: m.Separator
+}, Qo = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      lt,
+      Gt,
       {
-        ref: e,
-        className: s("gryt-checkbox-group flex flex-col gap-2", t),
-        ...r
+        ref: r,
+        className: n("gryt-checkbox-group flex flex-col gap-2", t),
+        ...e
       }
     );
   }
-), qr = i(
-  function({ className: t, ...r }, e) {
+), ir = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      ge.Trigger,
+      W.Trigger,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-collapsible-trigger flex w-full items-center justify-between gap-2",
           "rounded-(--gryt-radius-md) border-0 bg-transparent px-2 py-2 text-left",
           "text-sm font-medium text-gryt-text select-none",
           "transition-colors hover:bg-gryt-surface-raised motion-reduce:transition-none",
-          x,
+          b,
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), ea = i(
-  function({ className: t, ...r }, e) {
+), sr = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      ge.Panel,
+      W.Panel,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-collapsible-panel overflow-hidden",
           // Base UI measures the panel and exposes the height as a variable, so
           // this animates to the content's real height rather than to a guess.
@@ -3069,181 +2043,190 @@ const zr = i(
           "motion-reduce:transition-none",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), Ko = {
-  Root: ge.Root,
-  Trigger: qr,
-  Panel: ea
-}, Jo = i(function({ className: t, ...r }, e) {
+), Jo = {
+  Root: W.Root,
+  Trigger: ir,
+  Panel: sr
+}, Zo = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    ut,
+    Lt,
     {
-      ref: e,
-      className: s("gryt-form flex flex-col gap-(--gryt-space-lg)", t),
-      ...r
+      ref: r,
+      className: n("gryt-form flex flex-col gap-(--gryt-space-lg)", t),
+      ...e
     }
   );
-}), ta = i(
-  function({ className: t, ...r }, e) {
+}), cr = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      Ae.Root,
+      lt.Root,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-fieldset flex min-w-0 flex-col gap-3 border-0 p-0",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), ra = i(function({ className: t, ...r }, e) {
+), lr = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    Ae.Legend,
+    lt.Legend,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-fieldset-legend text-sm font-semibold text-gryt-text",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), Qo = { Root: ta, Legend: ra }, Zo = i(
-  function({ className: t, ...r }, e) {
+}), qo = { Root: cr, Legend: lr }, ta = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      gt,
+      jt,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-menubar flex items-center gap-1",
           "rounded-(--gryt-radius-md) border border-gryt-border bg-gryt-surface p-1",
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), aa = i(function({ className: t, ...r }, e) {
+), dr = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    N.Trigger,
+    h.Trigger,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-navigation-menu-trigger flex items-center gap-1.5 rounded-(--gryt-radius-md)",
         "border-0 bg-transparent px-3 py-2 text-sm font-medium text-gryt-text select-none",
         "transition-colors hover:bg-gryt-surface-raised motion-reduce:transition-none",
         "data-popup-open:bg-gryt-surface-raised",
-        x,
+        b,
         t
       ),
-      ...r
+      ...e
     }
   );
-}), oa = i(function({ className: t, ...r }, e) {
+}), gr = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    N.Popup,
+    h.Popup,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-navigation-menu-popup outline-none",
-        E,
-        H,
+        D,
+        $,
         t
       ),
-      ...r
+      ...e
     }
   );
-}), na = i(function({ className: t, ...r }, e) {
+}), ur = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    N.Viewport,
+    h.Positioner,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n("gryt-navigation-menu-positioner outline-none", t),
+      ...e
+    }
+  );
+}), yr = s(function({ className: t, ...e }, r) {
+  return /* @__PURE__ */ o(
+    h.Viewport,
+    {
+      ref: r,
+      className: n(
         "gryt-navigation-menu-viewport relative overflow-hidden",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), sa = i(function({ className: t, ...r }, e) {
+}), pr = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    N.Link,
+    h.Link,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-navigation-menu-link block rounded-(--gryt-radius-md) px-3 py-2",
         "text-sm text-gryt-text no-underline outline-none",
         "transition-colors hover:bg-gryt-surface-raised motion-reduce:transition-none",
-        x,
+        b,
         t
       ),
-      ...r
+      ...e
     }
   );
-}), qo = {
-  Root: N.Root,
-  List: N.List,
-  Item: N.Item,
-  Trigger: aa,
-  Content: N.Content,
-  Portal: N.Portal,
-  Positioner: N.Positioner,
-  Viewport: na,
-  Popup: oa,
-  Link: sa,
-  Icon: N.Icon,
-  Arrow: N.Arrow
-}, Le = "flex h-9 w-9 shrink-0 items-center justify-center border-0 bg-transparent text-gryt-muted transition-colors hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text motion-reduce:transition-none disabled:cursor-not-allowed disabled:opacity-50", en = i(
-  function({ className: t, label: r, scrubbable: e = !1, ...n }, c) {
-    return /* @__PURE__ */ m(
-      D.Root,
+}), ea = {
+  Root: h.Root,
+  List: h.List,
+  Item: h.Item,
+  Trigger: dr,
+  Content: h.Content,
+  Portal: h.Portal,
+  Positioner: ur,
+  Viewport: yr,
+  Popup: gr,
+  Link: pr,
+  Icon: h.Icon,
+  Arrow: h.Arrow
+}, at = "flex h-9 w-9 shrink-0 items-center justify-center border-0 bg-transparent text-gryt-muted transition-colors hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text motion-reduce:transition-none disabled:cursor-not-allowed disabled:opacity-50", ra = s(
+  function({ className: t, label: e, scrubbable: r = !1, ...i }, c) {
+    return /* @__PURE__ */ d(
+      R.Root,
       {
         ref: c,
-        className: s("gryt-number-field flex flex-col gap-1.5", t),
-        ...n,
+        className: n("gryt-number-field flex flex-col gap-1.5", t),
+        ...i,
         children: [
-          r && (e ? /* @__PURE__ */ m(D.ScrubArea, { className: "cursor-ew-resize text-sm text-gryt-muted select-none", children: [
-            r,
-            /* @__PURE__ */ o(D.ScrubAreaCursor, {})
-          ] }) : /* @__PURE__ */ o("span", { className: "text-sm text-gryt-muted", children: r })),
-          /* @__PURE__ */ m(
-            D.Group,
+          e && (r ? /* @__PURE__ */ d(R.ScrubArea, { className: "cursor-ew-resize text-sm text-gryt-muted select-none", children: [
+            e,
+            /* @__PURE__ */ o(R.ScrubAreaCursor, {})
+          ] }) : /* @__PURE__ */ o("span", { className: "text-sm text-gryt-muted", children: e })),
+          /* @__PURE__ */ d(
+            R.Group,
             {
-              className: s(
+              className: n(
                 "flex w-fit items-center overflow-hidden rounded-(--gryt-radius-full)",
                 "border border-gryt-border bg-gryt-surface-raised",
                 "focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-gryt-accent-light",
-                V
+                j
               ),
               children: [
                 /* @__PURE__ */ o(
-                  D.Decrement,
+                  R.Decrement,
                   {
                     "aria-label": "Decrease",
-                    className: s(Le, "rounded-l-(--gryt-radius-full)"),
-                    children: /* @__PURE__ */ o(ot, { size: 14, weight: "bold" })
+                    className: n(at, "rounded-l-(--gryt-radius-full)"),
+                    children: /* @__PURE__ */ o($t, { size: 14, weight: "bold" })
                   }
                 ),
                 /* @__PURE__ */ o(
-                  D.Input,
+                  R.Input,
                   {
-                    className: s(
+                    className: n(
                       "w-16 border-0 bg-transparent px-1 py-2 text-center",
                       "font-mono text-sm text-gryt-text tabular-nums outline-none",
-                      x
+                      b
                     )
                   }
                 ),
                 /* @__PURE__ */ o(
-                  D.Increment,
+                  R.Increment,
                   {
                     "aria-label": "Increase",
-                    className: s(Le, "rounded-r-(--gryt-radius-full)"),
-                    children: /* @__PURE__ */ o(nt, { size: 14, weight: "bold" })
+                    className: n(at, "rounded-r-(--gryt-radius-full)"),
+                    children: /* @__PURE__ */ o(Rt, { size: 14, weight: "bold" })
                   }
                 )
               ]
@@ -3253,179 +2236,186 @@ const zr = i(
       }
     );
   }
-), tn = i(
-  function({ className: t, length: r = 6, ...e }, n) {
+), oa = s(
+  function({ className: t, length: e = 6, ...r }, i) {
     return /* @__PURE__ */ o(
-      ve.Root,
+      rt.Root,
       {
-        ref: n,
-        length: r,
-        className: s("gryt-otp-field flex gap-2", t),
-        ...e,
-        children: Array.from({ length: r }, (c, d) => /* @__PURE__ */ o(
-          ve.Input,
+        ref: i,
+        length: e,
+        className: n("gryt-otp-field flex gap-2", t),
+        ...r,
+        children: Array.from({ length: e }, (c, l) => /* @__PURE__ */ o(
+          rt.Input,
           {
-            className: s(
+            className: n(
               "gryt-otp-input h-12 w-10 rounded-(--gryt-radius-md) text-center",
               "border border-gryt-border bg-gryt-surface-raised",
               "font-mono text-lg text-gryt-text tabular-nums outline-none",
               "transition-colors duration-(--gryt-dur-fast) motion-reduce:transition-none",
               "data-filled:border-gryt-accent",
-              x
+              b
             )
           },
-          d
+          l
         ))
       }
     );
   }
-), ca = i(
-  function({ className: t, sideOffset: r = 8, ...e }, n) {
+), mr = s(
+  function({ className: t, sideOffset: e = 8, ...r }, i) {
     return /* @__PURE__ */ o(
-      z.Positioner,
+      M.Positioner,
       {
-        ref: n,
-        sideOffset: r,
-        className: s("gryt-preview-card-positioner outline-none", t),
-        ...e
+        ref: i,
+        sideOffset: e,
+        className: n("gryt-preview-card-positioner outline-none", t),
+        ...r
       }
     );
   }
-), ia = i(
-  function({ className: t, ...r }, e) {
+), br = s(
+  function({ className: t, ...e }, r) {
     return /* @__PURE__ */ o(
-      z.Popup,
+      M.Popup,
       {
-        ref: e,
-        className: s(
+        ref: r,
+        className: n(
           "gryt-preview-card w-64 max-w-[calc(100vw-2rem)] p-4 outline-none",
-          E,
-          H,
+          D,
+          $,
           t
         ),
-        ...r
+        ...e
       }
     );
   }
-), rn = {
-  Root: z.Root,
-  Trigger: z.Trigger,
-  Portal: z.Portal,
-  Positioner: ca,
-  Popup: ia,
-  Arrow: z.Arrow
-}, da = i(function({ className: t, ...r }, e) {
+), aa = {
+  Root: M.Root,
+  Trigger: M.Trigger,
+  Portal: M.Portal,
+  Positioner: mr,
+  Popup: br,
+  Arrow: M.Arrow
+}, fr = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    B.Root,
+    G.Root,
     {
-      ref: e,
-      className: s(
+      ref: r,
+      className: n(
         "gryt-toolbar flex items-center gap-1",
         "rounded-(--gryt-radius-full) border border-gryt-border bg-gryt-surface p-1",
         t
       ),
-      ...r
+      ...e
     }
   );
-}), la = i(function({ className: t, ...r }, e) {
+}), xr = s(function({ className: t, ...e }, r) {
   return /* @__PURE__ */ o(
-    B.Separator,
+    G.Separator,
     {
-      ref: e,
-      className: s("gryt-toolbar-separator mx-1 h-6 w-px bg-gryt-border", t),
-      ...r
+      ref: r,
+      className: n("gryt-toolbar-separator mx-1 h-6 w-px bg-gryt-border", t),
+      ...e
     }
   );
-}), an = {
-  Root: da,
-  Group: B.Group,
-  Button: B.Button,
-  Link: B.Link,
-  Input: B.Input,
-  Separator: la
+}), na = {
+  Root: fr,
+  Group: G.Group,
+  Button: G.Button,
+  Link: G.Link,
+  Input: G.Input,
+  Separator: xr
 };
 export {
-  Go as Accordion,
-  $o as Alert,
-  Oo as AlertDialog,
-  Xo as Autocomplete,
-  Ft as Avatar,
-  yo as Badge,
-  Mt as Button,
-  To as Card,
-  Ro as CardActions,
-  So as CardContent,
-  Lo as CardHeader,
-  bo as Checkbox,
-  Wo as CheckboxGroup,
-  mo as Chip,
-  Ko as Collapsible,
-  Yo as Combobox,
-  go as Composer,
-  jo as ContextMenu,
-  fo as ConversationItem,
-  Mo as Dialog,
-  ko as Divider,
-  Ho as Drawer,
-  Qo as Fieldset,
-  Jo as Form,
-  ee as GRYT_HUE_KEYS,
-  je as GRYT_NEUTRAL_KEYS,
-  fe as GRYT_RADIUS_KEYS,
-  Pt as GRYT_THEME_NAME_MAX,
-  ro as GrytProvider,
-  co as IconButton,
-  ie as Menu,
-  Zo as Menubar,
-  lo as MessageBubble,
-  Uo as Meter,
-  qo as NavigationMenu,
-  en as NumberField,
-  tn as OtpField,
+  zo as Accordion,
+  Ao as Alert,
+  Uo as AlertDialog,
+  Wo as Autocomplete,
+  Kt as Avatar,
+  bo as Badge,
+  Et as Button,
+  So as Card,
+  Io as CardActions,
+  Ro as CardContent,
+  $o as CardHeader,
+  xo as Checkbox,
+  Qo as CheckboxGroup,
+  fo as Chip,
+  Jo as Collapsible,
+  Ko as Combobox,
+  po as Composer,
+  Fo as ContextMenu,
+  mo as ConversationItem,
+  Lo as Dialog,
+  Co as Divider,
+  jo as Drawer,
+  qo as Fieldset,
+  Zo as Form,
+  ca as GRYT_HUE_KEYS,
+  la as GRYT_NEUTRAL_KEYS,
+  da as GRYT_RADIUS_KEYS,
+  ga as GRYT_THEME_NAME_MAX,
+  co as GrytProvider,
+  lo as IconButton,
+  X as Menu,
+  ta as Menubar,
+  uo as MessageBubble,
+  Xo as Meter,
+  ea as NavigationMenu,
+  ra as NumberField,
+  oa as OtpField,
   Eo as Popover,
-  rn as PreviewCard,
-  Co as Progress,
-  po as Radio,
-  ho as RadioGroup,
-  Fo as ScrollArea,
-  vo as Select,
-  Io as Skeleton,
-  wo as Slider,
-  Ao as Spinner,
-  io as Surface,
-  xo as Switch,
-  yr as Tab,
-  Do as Tabs,
-  uo as TextField,
-  zo as Toast,
-  _o as Toggle,
-  Vo as ToggleGroup,
-  an as Toolbar,
-  No as Tooltip,
-  Po as TooltipProvider,
-  Ee as cloneGrytTheme,
-  s as cn,
-  qa as contrast,
-  vt as createGrytTheme,
-  no as decodeGrytTheme,
-  oo as encodeGrytTheme,
-  eo as grytAlphaScales,
-  to as grytAlphaScalesLight,
-  T as grytLightTokens,
-  Ct as grytPresets,
-  so as grytPresetsById,
-  Pe as grytScales,
-  le as grytScalesLight,
-  F as grytTheme,
-  kt as grytThemeHues,
-  ao as grytThemeToOptions,
-  u as grytTokens,
-  J as hexToOklch,
-  Be as isHexColor,
-  me as normalizeHexColor,
-  ye as normalizeThemeName,
-  $ as oklchToHex,
-  Zt as useMediaQuery,
-  Bo as useToastManager
+  aa as PreviewCard,
+  Do as Progress,
+  ho as Radio,
+  wo as RadioGroup,
+  Yo as ScrollArea,
+  Po as Select,
+  Go as Skeleton,
+  No as Slider,
+  Mo as Spinner,
+  go as Surface,
+  vo as Switch,
+  ve as Tab,
+  Bo as Tabs,
+  yo as TextField,
+  Vo as Toast,
+  Ho as Toggle,
+  Oo as ToggleGroup,
+  na as Toolbar,
+  To as Tooltip,
+  ko as TooltipProvider,
+  ua as alphaScale,
+  ya as cloneGrytTheme,
+  n as cn,
+  pa as contrast,
+  bt as createGrytTheme,
+  ma as decodeGrytTheme,
+  ba as encodeGrytTheme,
+  fa as grytAlphaScales,
+  xa as grytAlphaScalesLight,
+  ha as grytLightTokens,
+  wa as grytPresets,
+  va as grytPresetsById,
+  Na as grytScales,
+  Pa as grytScalesLight,
+  Ta as grytTheme,
+  ka as grytThemeHues,
+  Ca as grytThemeToOptions,
+  Sa as grytTokens,
+  $a as hexToOklch,
+  Ra as hexToRgb,
+  Ia as hueScale,
+  Aa as hueScaleLight,
+  Da as isHexColor,
+  Ma as neutralScale,
+  Ga as neutralScaleLight,
+  La as normalizeHexColor,
+  ja as normalizeThemeName,
+  Ba as oklchToHex,
+  za as rgbToHex,
+  ne as useMediaQuery,
+  _o as useToastManager
 };
 //# sourceMappingURL=index.js.map