@gryt/ui 0.10.1 → 0.11.0

package/dist/index.js

@@ -1,96 +1,96 @@
-import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import { Tooltip as G } from "@base-ui/react/tooltip";
-import { Button as kt } from "@base-ui/react/button";
-import { forwardRef as c, useRef as Tt, useCallback as it, useLayoutEffect as Ut, useState as Ot, useEffect as Yt, useSyncExternalStore as Xt, useContext as lt, createContext as Wt } from "react";
-import { clsx as Kt } from "clsx";
-import { twMerge as Jt } from "tailwind-merge";
+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 Qt, X as $t, Check as Rt, CaretUpDown as Zt, CircleNotch as qt, CaretDown as te, Minus as ee, Plus as re } from "@phosphor-icons/react";
-import { Avatar as ot } from "@base-ui/react/avatar";
-import { Checkbox as ft } from "@base-ui/react/checkbox";
-import { Radio as bt } from "@base-ui/react/radio";
-import { RadioGroup as oe } from "@base-ui/react/radio-group";
-import { Switch as ht } from "@base-ui/react/switch";
-import { Slider as V } from "@base-ui/react/slider";
+import { PaperPlaneTilt as et, X as $e, Check as Ce, CaretUpDown as tt, CircleNotch as rt, CaretDown as at, Minus as nt, Plus as ot } 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 ne } from "@base-ui/react/separator";
-import { Progress as nt } from "@base-ui/react/progress";
-import { Dialog as M } from "@base-ui/react/dialog";
+import { Separator as ct } from "@base-ui/react/separator";
+import { Progress as ne } 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 H } from "@base-ui/react/menu";
+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 I } from "@base-ui/react/context-menu";
-import { Popover as S } from "@base-ui/react/popover";
-import { Toast as L } from "@base-ui/react/toast";
+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 ae } from "@base-ui/react/toggle";
-import { ToggleGroup as se } from "@base-ui/react/toggle-group";
-import { Meter as U } from "@base-ui/react/meter";
-import { AlertDialog as A } from "@base-ui/react/alert-dialog";
+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 b } from "@base-ui/react/combobox";
-import { CheckboxGroup as ie } from "@base-ui/react/checkbox-group";
-import { Collapsible as dt } from "@base-ui/react/collapsible";
-import { Form as ce } from "@base-ui/react/form";
-import { Fieldset as St } from "@base-ui/react/fieldset";
-import { Menubar as le } from "@base-ui/react/menubar";
+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 j } from "@base-ui/react/number-field";
-import { OTPField as xt } from "@base-ui/react/otp-field";
+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 Ct(o) {
-  return o <= 0.04045 ? o / 12.92 : ((o + 0.055) / 1.055) ** 2.4;
+function Ie(a) {
+  return a <= 0.04045 ? a / 12.92 : ((a + 0.055) / 1.055) ** 2.4;
 }
-function at(o) {
-  return o <= 31308e-7 ? 12.92 * o : 1.055 * o ** (1 / 2.4) - 0.055;
+function oe(a) {
+  return a <= 31308e-7 ? 12.92 * a : 1.055 * a ** (1 / 2.4) - 0.055;
 }
-function O(o) {
-  return Math.min(1, Math.max(0, o));
+function Y(a) {
+  return Math.min(1, Math.max(0, a));
 }
-function Y(o) {
-  const e = o.replace("#", ""), r = e.length === 3 ? e.split("").map((t) => t + t).join("") : e;
+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 Lt([o, e, r]) {
-  const t = (a) => Math.round(O(a) * 255).toString(16).padStart(2, "0");
-  return `#${t(o)}${t(e)}${t(r)}`;
+function Me([a, t, r]) {
+  const e = (o) => Math.round(Y(o) * 255).toString(16).padStart(2, "0");
+  return `#${e(a)}${e(t)}${e(r)}`;
 }
-function J(o) {
-  const [e, r, t] = Y(o).map(Ct), a = Math.cbrt(
-    0.4122214708 * e + 0.5363325363 * r + 0.0514459929 * t
-  ), i = Math.cbrt(
-    0.2119034982 * e + 0.6806995451 * r + 0.1073969566 * t
-  ), l = Math.cbrt(
-    0.0883024619 * e + 0.2817188376 * r + 0.6299787005 * t
-  ), d = 0.2104542553 * a + 0.793617785 * i - 0.0040720468 * l, g = 1.9779984951 * a - 2.428592205 * i + 0.4505937099 * l, m = 0.0259040371 * a + 0.7827717662 * i - 0.808675766 * l;
+function J(a) {
+  const [t, r, e] = X(a).map(Ie), o = 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 * o + 0.793617785 * c - 0.0040720468 * d, g = 1.9779984951 * o - 2.428592205 * c + 0.4505937099 * d, y = 0.0259040371 * o + 0.7827717662 * c - 0.808675766 * d;
   return {
-    l: d,
-    c: Math.hypot(g, m),
-    h: (Math.atan2(m, g) * 180 / Math.PI + 360) % 360
+    l,
+    c: Math.hypot(g, y),
+    h: (Math.atan2(y, g) * 180 / Math.PI + 360) % 360
   };
 }
-function C({ l: o, c: e, h: r }) {
-  const t = e * Math.cos(r * Math.PI / 180), a = e * Math.sin(r * Math.PI / 180), i = (o + 0.3963377774 * t + 0.2158037573 * a) ** 3, l = (o - 0.1055613458 * t - 0.0638541728 * a) ** 3, d = (o - 0.0894841775 * t - 1.291485548 * a) ** 3;
-  return Lt([
-    at(O(4.0767416621 * i - 3.3077115913 * l + 0.2309699292 * d)),
-    at(O(-1.2684380046 * i + 2.6097574011 * l - 0.3413193965 * d)),
-    at(O(-0.0041960863 * i - 0.7034186147 * l + 1.707614701 * d))
+function $({ l: a, c: t, h: r }) {
+  const e = t * Math.cos(r * Math.PI / 180), o = t * Math.sin(r * Math.PI / 180), c = (a + 0.3963377774 * e + 0.2158037573 * o) ** 3, d = (a - 0.1055613458 * e - 0.0638541728 * o) ** 3, l = (a - 0.0894841775 * e - 1.291485548 * o) ** 3;
+  return Me([
+    oe(Y(4.0767416621 * c - 3.3077115913 * d + 0.2309699292 * l)),
+    oe(Y(-1.2684380046 * c + 2.6097574011 * d - 0.3413193965 * l)),
+    oe(Y(-0.0041960863 * c - 0.7034186147 * d + 1.707614701 * l))
   ]);
 }
-const de = [0.195, 0.24, 0.27, 0.3, 0.33, 0.37, 0.43, 0.52], ue = [0.014, 0.026, 0.04, 0.052, 0.062, 0.072, 0.084, 0.1];
-function $(o, e) {
-  const { h: r } = J(o), t = de.map((d, g) => C({ l: d, c: ue[g], h: r }));
-  t.push(o, e);
-  const a = J(e).l, i = Math.min(0.95, Math.max(0.84, a + 0.04)), l = Math.min(0.98, Math.max(i + 0.06, 0.93));
-  return t.push(C({ l: i, c: 0.11, h: r })), t.push(C({ l, c: 0.055, h: r })), t;
+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 o = J(t).l, c = Math.min(0.95, Math.max(0.84, o + 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 ge = [
+const mt = [
   0.187,
   0.231,
   0.245,
@@ -103,7 +103,7 @@ const ge = [
   0.57,
   0.627,
   0.908
-], ye = [
+], bt = [
   0.011,
   0.014,
   0.016,
@@ -117,36 +117,36 @@ const ge = [
   0,
   8e-3
 ];
-function It(o) {
-  const e = {
-    0: o.bg,
-    1: o.surface,
-    2: o.surfaceRaised,
-    5: o.border,
-    10: o.muted,
-    11: o.text
-  }, r = J(o.border).h;
-  return ge.map(
-    (t, a) => e[a] ?? C({ l: t, c: ye[a], h: r })
+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, o) => t[o] ?? $({ l: e, c: bt[o], h: r })
   );
 }
-function Q(o, e) {
-  const r = Y(e);
-  return o.map((t) => {
-    const a = Y(t);
-    let i = 0;
-    for (let y = 0; y < 3; y++) {
-      const f = a[y], P = r[y];
-      f > P ? i = Math.max(i, P < 1 ? (f - P) / (1 - P) : 0) : f < P && (i = Math.max(i, P > 0 ? (P - f) / P : 0));
-    }
-    if (i < 1e-6) return "transparent";
-    const l = Lt(
-      a.map((y, f) => O(r[f] + (y - r[f]) / i))
-    ), [d, g, m] = Y(l).map((y) => Math.round(y * 255));
-    return `rgb(${d} ${g} ${m} / ${(i * 100).toFixed(1)}%)`;
+function Q(a, t) {
+  const r = X(t);
+  return a.map((e) => {
+    const o = X(e);
+    let c = 0;
+    for (let f = 0; f < 3; f++) {
+      const b = o[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(
+      o.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 me = [
+const pt = [
   0.962,
   1,
   0.978,
@@ -159,7 +159,7 @@ const me = [
   0.61,
   0.48,
   0.25
-], pe = [
+], ht = [
   6e-3,
   0,
   4e-3,
@@ -172,33 +172,33 @@ const me = [
   0.014,
   0.012,
   0.014
-], fe = [0.975, 0.955, 0.93, 0.905, 0.878, 0.845, 0.795, 0.72], be = [0.012, 0.024, 0.038, 0.05, 0.062, 0.074, 0.09, 0.11];
-function Mt(o) {
-  const e = {
-    0: o.bg,
-    1: o.surface,
-    2: o.surfaceRaised,
-    5: o.border,
-    10: o.muted,
-    11: o.text
-  }, r = J(o.border).h;
-  return me.map(
-    (t, a) => e[a] ?? C({ l: t, c: pe[a], h: r })
+], 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, o) => t[o] ?? $({ l: e, c: ht[o], h: r })
   );
 }
-function R(o) {
-  const { l: e, c: r, h: t } = J(o), a = fe.map(
-    (i, l) => C({ l: i, c: be[l], h: t })
+function S(a) {
+  const { l: t, c: r, h: e } = J(a), o = xt.map(
+    (c, d) => $({ l: c, c: wt[d], h: e })
   );
-  return a.push(o), a.push(C({ l: Math.max(0, e - 0.07), c: r, h: t })), a.push(C({ l: 0.46, c: 0.15, h: t })), a.push(C({ l: 0.33, c: 0.1, h: t })), a;
+  return o.push(a), o.push($({ l: Math.max(0, t - 0.07), c: r, h: e })), o.push($({ l: 0.46, c: 0.15, h: e })), o.push($({ l: 0.33, c: 0.1, h: e })), o;
 }
-function wt(o) {
-  const [e, r, t] = Y(o).map(Ct);
-  return 0.2126 * e + 0.7152 * r + 0.0722 * t;
+function Ne(a) {
+  const [t, r, e] = X(a).map(Ie);
+  return 0.2126 * t + 0.7152 * r + 0.0722 * e;
 }
-function Wo(o, e) {
-  const r = wt(o), t = wt(e);
-  return (Math.max(r, t) + 0.05) / (Math.min(r, t) + 0.05);
+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: {
@@ -238,8 +238,8 @@ const u = {
   border: "#dadde6",
   muted: "#5b5d65",
   text: "#1f2129"
-}, vt = {
-  neutral: It({
+}, Pe = {
+  neutral: He({
     bg: u.color.bg,
     surface: u.color.surface,
     surfaceRaised: u.color.surfaceRaised,
@@ -247,124 +247,124 @@ const u = {
     muted: u.color.muted,
     text: u.color.text
   }),
-  accent: $(u.color.accent, u.color.accentLight),
-  secondary: $(
+  accent: L(u.color.accent, u.color.accentLight),
+  secondary: L(
     u.color.secondary,
     u.color.secondaryLight
   ),
-  success: $(u.color.success, u.color.success),
-  danger: $(u.color.danger, u.color.dangerLight),
-  warning: $(u.color.warning, u.color.warning)
-}, ct = {
-  neutral: Mt(T),
-  accent: R(u.color.accent),
-  secondary: R(u.color.secondary),
-  success: R(u.color.success),
-  danger: R(u.color.danger),
-  warning: R(u.color.warning)
-}, At = ct.neutral[3], Ko = {
-  neutral: Q(vt.neutral, u.color.bg),
-  accent: Q(vt.accent, u.color.bg)
-}, Jo = {
-  neutral: Q(ct.neutral, T.bg),
-  accent: Q(ct.accent, T.bg)
+  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], en = {
+  neutral: Q(Pe.neutral, u.color.bg),
+  accent: Q(Pe.accent, u.color.bg)
+}, tn = {
+  neutral: Q(le.neutral, T.bg),
+  accent: Q(le.accent, T.bg)
 };
-function he(o = {}) {
-  const e = o.appearance === "light", t = { ...e ? {
+function vt(a = {}) {
+  const t = a.appearance === "light", e = { ...t ? {
     ...u.color,
     ...T,
-    surfaceHover: At
-  } : u.color, ...o.color }, a = { ...u.radius, ...o.radius }, i = {
-    bg: t.bg,
-    surface: t.surface,
-    surfaceRaised: t.surfaceRaised,
-    border: t.border,
-    muted: t.muted,
-    text: t.text
-  }, l = e ? {
-    neutral: Mt(i),
-    accent: R(t.accent),
-    secondary: R(t.secondary),
-    success: R(t.success),
-    danger: R(t.danger),
-    warning: R(t.warning)
+    surfaceHover: Ge
+  } : u.color, ...a.color }, o = { ...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: It(i),
-    accent: $(t.accent, t.accentLight),
-    secondary: $(t.secondary, t.secondaryLight),
-    success: $(t.success, t.success),
-    danger: $(t.danger, t.dangerLight),
-    warning: $(t.warning, t.warning)
-  }, d = {};
-  for (const [g, m] of Object.entries(l))
-    m.forEach((y, f) => {
-      d[`--gryt-${g}-${f + 1}`] = y, d[`--color-gryt-${g}-${f + 1}`] = y;
+    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(l[g], t.bg).forEach((m, y) => {
-      d[`--gryt-${g}-a${y + 1}`] = m, d[`--color-gryt-${g}-a${y + 1}`] = m;
+    Q(d[g], e.bg).forEach((y, f) => {
+      l[`--gryt-${g}-a${f + 1}`] = y, l[`--color-gryt-${g}-a${f + 1}`] = y;
     });
   return {
-    ...d,
-    "--gryt-bg": t.bg,
-    "--gryt-surface": t.surface,
-    "--gryt-surface-raised": t.surfaceRaised,
-    "--gryt-surface-hover": t.surfaceHover,
-    "--gryt-border": t.border,
-    "--gryt-text": t.text,
-    "--gryt-muted": t.muted,
-    "--gryt-accent": t.accent,
-    "--gryt-accent-light": t.accentLight,
-    "--gryt-secondary": t.secondary,
-    "--gryt-secondary-light": t.secondaryLight,
-    "--gryt-success": t.success,
-    "--gryt-danger": t.danger,
-    "--gryt-danger-light": t.dangerLight,
-    "--gryt-warning": t.warning,
-    "--gryt-on-accent": t.onAccent,
-    "--gryt-on-secondary": t.onSecondary,
-    "--gryt-on-danger": t.onDanger,
+    ...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": t.bg,
-    "--color-gryt-surface": t.surface,
-    "--color-gryt-surface-raised": t.surfaceRaised,
-    "--color-gryt-surface-hover": t.surfaceHover,
-    "--color-gryt-border": t.border,
-    "--color-gryt-text": t.text,
-    "--color-gryt-muted": t.muted,
-    "--color-gryt-accent": t.accent,
-    "--color-gryt-accent-light": t.accentLight,
-    "--color-gryt-secondary": t.secondary,
-    "--color-gryt-secondary-light": t.secondaryLight,
-    "--color-gryt-success": t.success,
-    "--color-gryt-danger": t.danger,
-    "--color-gryt-danger-light": t.dangerLight,
-    "--color-gryt-warning": t.warning,
-    "--color-gryt-on-accent": t.onAccent,
-    "--color-gryt-on-secondary": t.onSecondary,
-    "--color-gryt-on-danger": t.onDanger,
-    "--gryt-radius-sm": `${a.sm}px`,
-    "--gryt-radius-md": `${a.md}px`,
-    "--gryt-radius-lg": `${a.lg}px`,
-    "--gryt-radius-xl": `${a.xl}px`,
-    "--gryt-radius-full": `${a.full}px`
+    "--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": `${o.sm}px`,
+    "--gryt-radius-md": `${o.md}px`,
+    "--gryt-radius-lg": `${o.lg}px`,
+    "--gryt-radius-xl": `${o.xl}px`,
+    "--gryt-radius-full": `${o.full}px`
   };
 }
-function xe(o) {
-  return Object.keys(o).some((e) => e.startsWith("--"));
+function Nt(a) {
+  return Object.keys(a).some((t) => t.startsWith("--"));
 }
-function Qo({
-  children: o,
-  className: e,
+function rn({
+  children: a,
+  className: t,
   theme: r,
-  tooltipDelay: t = 400
+  tooltipDelay: e = 400
 }) {
-  const a = r && xe(r) ? r : he(r ?? {});
-  return /* @__PURE__ */ n("div", { className: e, style: a, children: /* @__PURE__ */ n(G.Provider, { delay: t, children: o }) });
+  const o = r === void 0 ? void 0 : Nt(r) ? r : vt(r);
+  return /* @__PURE__ */ n("div", { className: t, style: o, children: /* @__PURE__ */ n(G.Provider, { delay: e, children: a }) });
 }
-const tt = [
+const ee = [
   "accent",
   "accentLight",
   "secondary",
@@ -376,7 +376,7 @@ const tt = [
   "onAccent",
   "onSecondary",
   "onDanger"
-], Dt = [
+], je = [
   "bg",
   "surface",
   "surfaceRaised",
@@ -384,11 +384,11 @@ const tt = [
   "border",
   "muted",
   "text"
-], ut = ["sm", "md", "lg", "xl", "full"], we = 60;
-function gt(o) {
-  return o.replace(/\s+/g, " ").trim().slice(0, we);
+], fe = ["sm", "md", "lg", "xl", "full"], Pt = 60;
+function ye(a) {
+  return a.replace(/\s+/g, " ").trim().slice(0, Pt);
 }
-const X = {
+const F = {
   hue: {
     accent: u.color.accent,
     accentLight: u.color.accentLight,
@@ -416,31 +416,31 @@ const X = {
     bg: T.bg,
     surface: T.surface,
     surfaceRaised: T.surfaceRaised,
-    surfaceHover: At,
+    surfaceHover: Ge,
     border: T.border,
     muted: T.muted,
     text: T.text
   },
   radius: { ...u.radius }
 };
-function jt(o) {
+function Ee(a) {
   return {
-    ...o.name === void 0 ? {} : { name: o.name },
-    hue: { ...o.hue },
-    lightHue: o.lightHue === null ? null : { ...o.lightHue },
-    dark: { ...o.dark },
-    light: { ...o.light },
-    radius: { ...o.radius }
+    ...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 ve(o, e) {
-  return e === "light" && o.lightHue !== null ? o.lightHue : o.hue;
+function kt(a, t) {
+  return t === "light" && a.lightHue !== null ? a.lightHue : a.hue;
 }
-function Zo(o, e) {
+function an(a, t) {
   return {
-    appearance: e,
-    color: { ...ve(o, e), ...o[e] },
-    radius: { ...o.radius }
+    appearance: t,
+    color: { ...kt(a, t), ...a[t] },
+    radius: { ...a.radius }
   };
 }
 const W = {
@@ -455,7 +455,7 @@ const W = {
   onAccent: "on-accent",
   onSecondary: "on-secondary",
   onDanger: "on-danger"
-}, Gt = {
+}, ze = {
   bg: "bg",
   surface: "surface",
   surfaceRaised: "raised",
@@ -463,134 +463,664 @@ const W = {
   border: "border",
   muted: "muted",
   text: "text"
-}, Ne = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function Ht(o) {
-  return Ne.test(o.trim());
+}, Tt = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Be(a) {
+  return Tt.test(a.trim());
 }
-function yt(o) {
-  const e = o.trim().toLowerCase();
-  return e.length === 4 ? `#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}` : e;
+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 qo(o, e) {
-  const r = new URLSearchParams(), t = (i) => yt(i).slice(1), a = gt(o.name ?? "");
-  a !== "" && r.set("name", a);
-  for (const i of tt)
-    o.hue[i] !== X.hue[i] && r.set(W[i], t(o.hue[i]));
-  if (o.lightHue !== null)
-    for (const i of tt)
-      r.set(`lh-${W[i]}`, t(o.lightHue[i]));
-  for (const i of ["dark", "light"]) {
-    const l = i === "dark" ? "d" : "l";
-    for (const d of Dt)
-      o[i][d] !== X[i][d] && r.set(`${l}-${Gt[d]}`, t(o[i][d]));
+function nn(a, t) {
+  const r = new URLSearchParams(), e = (c) => me(c).slice(1), o = ye(a.name ?? "");
+  o !== "" && r.set("name", o);
+  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 i of ut)
-    o.radius[i] !== X.radius[i] && r.set(`r-${i}`, String(o.radius[i]));
-  return e === "light" && r.set("mode", "light"), r;
+  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 tn(o) {
-  const e = o.trim();
-  if (e === "") return null;
-  if (e.startsWith("{")) return ke(e);
-  const r = e.includes("?") ? e.slice(e.indexOf("?") + 1) : e;
-  return Pe(new URLSearchParams(r));
+function on(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 Pe(o) {
-  const e = jt(X);
+function Lt(a) {
+  const t = Ee(F);
   let r = !1;
-  const t = (i) => {
-    const l = o.get(i);
-    if (l === null) return null;
-    const d = l.startsWith("#") ? l : `#${l}`;
-    return Ht(d) ? (r = !0, yt(d)) : null;
-  }, a = gt(o.get("name") ?? "");
-  a !== "" && (e.name = a, r = !0);
-  for (const i of tt) {
-    const l = t(W[i]);
-    l !== null && (e.hue[i] = l);
+  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;
+  }, o = ye(a.get("name") ?? "");
+  o !== "" && (t.name = o, r = !0);
+  for (const c of ee) {
+    const d = e(W[c]);
+    d !== null && (t.hue[c] = d);
   }
-  if (o.has(`lh-${W.accent}`)) {
-    const i = { ...e.hue };
-    for (const l of tt) {
-      const d = t(`lh-${W[l]}`);
-      d !== null && (i[l] = 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);
     }
-    e.lightHue = i;
+    t.lightHue = c;
   }
-  for (const i of ["dark", "light"]) {
-    const l = i === "dark" ? "d" : "l";
-    for (const d of Dt) {
-      const g = t(`${l}-${Gt[d]}`);
-      g !== null && (e[i][d] = g);
+  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 i of ut) {
-    const l = Number(o.get(`r-${i}`));
-    Number.isFinite(l) && l >= 0 && l <= 999 && o.has(`r-${i}`) && (e.radius[i] = Math.round(l), r = !0);
+  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: e,
-    appearance: o.get("mode") === "light" ? "light" : "dark"
+    theme: t,
+    appearance: a.get("mode") === "light" ? "light" : "dark"
   } : null;
 }
-function ke(o) {
-  let e;
+function St(a) {
+  let t;
   try {
-    e = JSON.parse(o);
+    t = JSON.parse(a);
   } catch {
     return null;
   }
-  if (typeof e != "object" || e === null) return null;
-  const r = e, t = jt(X);
-  let a = !1;
-  const i = (l, d) => {
-    if (!(typeof l != "object" || l === null))
-      for (const [g, m] of Object.entries(l))
-        typeof m == "string" && Ht(m) && g in d && (d[g] = yt(m), a = !0);
+  if (typeof t != "object" || t === null) return null;
+  const r = t, e = Ee(F);
+  let o = !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), o = !0);
   };
   if (typeof r.name == "string") {
-    const l = gt(r.name);
-    l !== "" && (t.name = l, a = !0);
+    const d = ye(r.name);
+    d !== "" && (e.name = d, o = !0);
   }
-  if (i(r.hue, t.hue), i(r.dark, t.dark), i(r.light, t.light), typeof r.lightHue == "object" && r.lightHue !== null) {
-    const l = { ...t.hue };
-    i(r.lightHue, l), t.lightHue = l;
+  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 [l, d] of Object.entries(
+    for (const [d, l] of Object.entries(
       r.radius
     )) {
-      const g = Number(d);
-      ut.includes(l) && Number.isFinite(g) && g >= 0 && g <= 999 && (t.radius[l] = Math.round(g), a = !0);
+      const g = Number(l);
+      fe.includes(d) && Number.isFinite(g) && g >= 0 && g <= 999 && (e.radius[d] = Math.round(g), o = !0);
     }
-  return a ? { theme: t, appearance: "dark" } : null;
+  return o ? { theme: e, appearance: "dark" } : null;
 }
-function s(...o) {
-  return Jt(Kt(o));
+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
+    }
+  }
+], sn = new Map(
+  Ct.map((a) => [a.id, a])
+);
+function s(...a) {
+  return qe(Ze(a));
 }
-const Te = {
+const At = {
   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"
-}, $e = {
+}, It = {
   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"
-}, Re = c(
+}, Mt = i(
   function({
-    children: e,
+    children: t,
     className: r,
-    endIcon: t,
-    size: a = "medium",
-    startIcon: i,
-    tone: l = "primary",
-    ...d
+    endIcon: e,
+    size: o = "medium",
+    startIcon: c,
+    tone: d = "primary",
+    ...l
   }, g) {
-    return /* @__PURE__ */ p(
-      kt,
+    return /* @__PURE__ */ m(
+      Se,
       {
         ref: g,
         className: s(
@@ -614,80 +1144,80 @@ const Te = {
           "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",
-          $e[a],
-          Te[l],
+          It[o],
+          At[d],
           r
         ),
-        ...d,
+        ...l,
         children: [
-          i,
-          e,
-          t
+          c,
+          t,
+          e
         ]
       }
     );
   }
-), x = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gryt-accent-light", Se = "has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-gryt-accent-light", Et = [
+), 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 = [
   "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(" "), zt = {
+].join(" "), _e = {
   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", D = [
+}, E = "rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface text-gryt-text", H = [
   // 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(" "), F = "data-disabled:cursor-not-allowed data-disabled:opacity-50", Ce = {
+].join(" "), V = "data-disabled:cursor-not-allowed data-disabled:opacity-50", Dt = {
   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"
-}, Bt = {
+}, Ve = {
   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"
-}, Le = {
+}, Gt = {
   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"
-}, Ie = {
+}, jt = {
   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"
-}, Me = {
+}, Et = {
   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"
-}, Ae = {
+}, zt = {
   xsmall: "h-8 w-8",
   small: "h-9 w-9",
   medium: "h-10 w-10",
   large: "h-12 w-12"
-}, en = c(
-  function({ className: e, size: r = "medium", tone: t = "neutral", ...a }, i) {
+}, cn = i(
+  function({ className: t, size: r = "medium", tone: e = "neutral", ...o }, c) {
     return /* @__PURE__ */ n(
-      kt,
+      Se,
       {
-        ref: i,
+        ref: c,
         className: s(
           "gryt-icon-button",
           "inline-flex shrink-0 items-center justify-center border-0 bg-transparent p-0",
@@ -703,235 +1233,235 @@ const Te = {
           "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,
-          F,
-          Ae[r],
-          Me[t],
-          e
+          V,
+          zt[r],
+          Et[e],
+          t
         ),
-        ...a
+        ...o
       }
     );
   }
-), rn = c(
-  function({ className: e, elevated: r = !1, ...t }, a) {
+), dn = i(
+  function({ className: t, elevated: r = !1, ...e }, o) {
     return /* @__PURE__ */ n(
       "div",
       {
-        ref: a,
+        ref: o,
         className: s(
           "gryt-surface rounded-(--gryt-radius-lg) border border-gryt-border p-4 text-gryt-text",
           r ? "bg-gryt-surface-raised" : "bg-gryt-surface",
-          e
+          t
         ),
-        ...t
+        ...e
       }
     );
   }
-), on = c(
-  function({ children: e, className: r, from: t = "assistant", ...a }, i) {
+), ln = i(
+  function({ children: t, className: r, from: e = "assistant", ...o }, c) {
     return /* @__PURE__ */ n(
       "div",
       {
-        ref: i,
+        ref: c,
         className: s(
           "gryt-message-bubble",
-          t === "user" && "ml-auto bg-gryt-accent text-gryt-on-accent",
-          t === "assistant" && "mr-auto border border-gryt-border bg-gryt-surface text-gryt-text",
-          t === "system" && "mx-auto border border-dashed border-gryt-border bg-transparent text-gryt-muted",
+          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
         ),
-        ...a,
-        children: e
+        ...o,
+        children: t
       }
     );
   }
-), nn = c(
+), un = i(
   function({
-    className: e,
+    className: t,
     error: r = !1,
-    fieldClassName: t,
-    helperText: a,
-    label: i,
-    minRows: l = 3,
-    multiline: d = !1,
+    fieldClassName: e,
+    helperText: o,
+    label: c,
+    minRows: d = 3,
+    multiline: l = !1,
     size: g = "medium",
-    ...m
-  }, y) {
-    const f = /* @__PURE__ */ n(
+    ...y
+  }, f) {
+    const b = /* @__PURE__ */ n(
       q.Control,
       {
-        ref: y,
-        render: d ? /* @__PURE__ */ n("textarea", { rows: l }) : void 0,
+        ref: f,
+        render: l ? /* @__PURE__ */ n("textarea", { rows: d }) : void 0,
         className: s(
           "gryt-text-field-control",
-          Et,
-          d && "resize-y leading-6",
+          Fe,
+          l && "resize-y leading-6",
           r ? "border-gryt-danger" : "border-gryt-border",
-          zt[g],
-          e
+          _e[g],
+          t
         ),
-        ...m
+        ...y
       }
     );
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ m(
       q.Root,
       {
         className: s(
           "gryt-text-field flex w-full flex-col gap-1.5",
-          t
+          e
         ),
         children: [
-          i ? /* @__PURE__ */ n(q.Label, { className: "text-xs font-medium text-gryt-muted", children: i }) : null,
-          f,
-          a ? /* @__PURE__ */ n(
+          c ? /* @__PURE__ */ n(q.Label, { className: "text-xs font-medium text-gryt-muted", children: c }) : null,
+          b,
+          o ? /* @__PURE__ */ n(
             q.Description,
             {
               className: s(
                 "text-xs",
                 r ? "text-gryt-danger-11" : "text-gryt-muted"
               ),
-              children: a
+              children: o
             }
           ) : null
         ]
       }
     );
   }
-), an = c(
+), gn = i(
   function({
-    className: e,
+    className: t,
     disabled: r = !1,
-    maxRows: t = 8,
-    minRows: a = 1,
-    onSubmit: i,
-    placeholder: l = "Message Gryt",
-    submitLabel: d = "Send",
+    maxRows: e = 8,
+    minRows: o = 1,
+    onSubmit: c,
+    placeholder: d = "Message Gryt",
+    submitLabel: l = "Send",
     ...g
-  }, m) {
-    const y = Tt(null), f = it(() => {
-      const w = y.current;
+  }, y) {
+    const f = Re(null), b = de(() => {
+      const w = f.current;
       if (!w)
         return;
-      const rt = window.getComputedStyle(w), mt = parseFloat(rt.lineHeight) || 24, pt = parseFloat(rt.paddingTop) + parseFloat(rt.paddingBottom);
+      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, mt * a + pt),
-        mt * t + pt
+        Math.max(w.scrollHeight, be * o + pe),
+        be * e + pe
       )}px`;
-    }, [t, a]);
-    Ut(f, [f, g.value]);
+    }, [e, o]);
+    Xe(b, [b, g.value]);
     function P(w) {
-      if (!i) {
+      if (!c) {
         w.preventDefault();
         return;
       }
-      i(w);
+      c(w);
     }
-    return /* @__PURE__ */ p("form", { className: s("gryt-composer", e), onSubmit: P, children: [
+    return /* @__PURE__ */ m("form", { className: s("gryt-composer", t), onSubmit: P, children: [
       /* @__PURE__ */ n(
         "textarea",
         {
           ref: (w) => {
-            y.current = w, typeof m == "function" ? m(w) : m && (m.current = w);
+            f.current = w, typeof y == "function" ? y(w) : y && (y.current = w);
           },
-          rows: a,
+          rows: o,
           disabled: r,
-          placeholder: l,
-          onInput: f,
+          placeholder: d,
+          onInput: b,
           className: "gryt-composer-textarea disabled:cursor-not-allowed disabled:opacity-60",
           ...g
         }
       ),
       /* @__PURE__ */ n(
-        Re,
+        Mt,
         {
           type: "submit",
           disabled: r,
           size: "small",
-          endIcon: /* @__PURE__ */ n(Qt, { size: 14, weight: "fill" }),
-          children: d
+          endIcon: /* @__PURE__ */ n(et, { size: 14, weight: "fill" }),
+          children: l
         }
       )
     ] });
   }
-), De = {
+), Bt = {
   small: "h-8 w-8 text-xs",
   medium: "h-10 w-10 text-sm",
   large: "h-12 w-12 text-base"
-}, je = c(function({ alt: e, children: r, className: t, fallback: a, size: i = "medium", src: l, ...d }, g) {
-  return /* @__PURE__ */ p(
-    ot.Root,
+}, Ft = i(function({ alt: t, children: r, className: e, fallback: o, size: c = "medium", src: d, ...l }, g) {
+  return /* @__PURE__ */ m(
+    ae.Root,
     {
       ref: g,
       className: s(
         "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",
-        De[i],
-        t
+        Bt[c],
+        e
       ),
-      ...d,
+      ...l,
       children: [
-        l ? /* @__PURE__ */ n(
-          ot.Image,
+        d ? /* @__PURE__ */ n(
+          ae.Image,
           {
-            src: l,
-            alt: e,
+            src: d,
+            alt: t,
             className: "h-full w-full object-cover"
           }
         ) : null,
-        /* @__PURE__ */ n(ot.Fallback, { className: "flex h-full w-full items-center justify-center", children: a ?? r })
+        /* @__PURE__ */ n(ae.Fallback, { className: "flex h-full w-full items-center justify-center", children: o ?? r })
       ]
     }
   );
-}), sn = c(function({ active: e = !1, avatar: r, className: t, subtitle: a, title: i, ...l }, d) {
-  return /* @__PURE__ */ p(
+}), fn = i(function({ active: t = !1, avatar: r, className: e, subtitle: o, title: c, ...d }, l) {
+  return /* @__PURE__ */ m(
     "button",
     {
-      ref: d,
+      ref: l,
       type: "button",
       className: s(
         "gryt-conversation-item",
-        e ? "bg-gryt-accent text-gryt-on-accent" : "text-gryt-text hover:bg-white/5",
-        t
+        t ? "bg-gryt-accent text-gryt-on-accent" : "text-gryt-text hover:bg-white/5",
+        e
       ),
-      ...l,
+      ...d,
       children: [
         r ?? /* @__PURE__ */ n(
-          je,
+          Ft,
           {
             size: "small",
             className: s(
-              e ? "bg-gryt-on-accent text-gryt-accent-9 ring-transparent" : "bg-gryt-surface-raised text-gryt-text"
+              t ? "bg-gryt-on-accent text-gryt-accent-9 ring-transparent" : "bg-gryt-surface-raised text-gryt-text"
             ),
-            children: i.slice(0, 1).toUpperCase()
+            children: c.slice(0, 1).toUpperCase()
           }
         ),
-        /* @__PURE__ */ p("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ n("span", { className: "block truncate text-sm font-semibold", children: i }),
-          a ? /* @__PURE__ */ n(
+        /* @__PURE__ */ m("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ n("span", { className: "block truncate text-sm font-semibold", children: c }),
+          o ? /* @__PURE__ */ n(
             "span",
             {
               className: s(
                 "block truncate text-xs",
-                e ? "text-gryt-on-accent/85" : "text-gryt-muted"
+                t ? "text-gryt-on-accent/85" : "text-gryt-muted"
               ),
-              children: a
+              children: o
             }
           ) : null
         ] })
       ]
     }
   );
-}), cn = c(function({ badgeContent: e, children: r, className: t, max: a = 99, showZero: i = !1, ...l }, d) {
-  const g = typeof e == "number" ? e : null, m = g !== null && g === 0 && !i, y = g !== null && g > a ? `${a}+` : e;
-  return /* @__PURE__ */ p(
+}), yn = i(function({ badgeContent: t, children: r, className: e, max: o = 99, showZero: c = !1, ...d }, l) {
+  const g = typeof t == "number" ? t : null, y = g !== null && g === 0 && !c, f = g !== null && g > o ? `${o}+` : t;
+  return /* @__PURE__ */ m(
     "span",
     {
-      ref: d,
-      className: s("gryt-badge relative inline-flex", t),
-      ...l,
+      ref: l,
+      className: s("gryt-badge relative inline-flex", e),
+      ...d,
       children: [
         r,
-        e !== void 0 && !m ? /* @__PURE__ */ n(
+        t !== void 0 && !y ? /* @__PURE__ */ n(
           "span",
           {
             className: s(
@@ -940,56 +1470,56 @@ const Te = {
               "bg-gryt-accent text-[0.65rem] leading-none font-semibold text-gryt-on-accent",
               "ring-2 ring-gryt-bg"
             ),
-            children: y
+            children: f
           }
         ) : null
       ]
     }
   );
-}), Ge = {
+}), _t = {
   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"
-}, ln = c(function({ children: e, className: r, icon: t, label: a, onDelete: i, tone: l = "neutral", ...d }, g) {
-  return /* @__PURE__ */ p(
+}, mn = i(function({ children: t, className: r, icon: e, label: o, onDelete: c, tone: d = "neutral", ...l }, g) {
+  return /* @__PURE__ */ m(
     "span",
     {
       ref: g,
       className: s(
         "gryt-chip inline-flex items-center gap-1.5 rounded-(--gryt-radius-full) border px-3 py-1 text-xs font-medium",
-        Ge[l],
+        _t[d],
         r
       ),
-      ...d,
+      ...l,
       children: [
-        t,
-        a ?? e,
-        i ? /* @__PURE__ */ n(
+        e,
+        o ?? t,
+        c ? /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             "aria-label": "Remove",
-            onClick: i,
+            onClick: c,
             className: s(
               "-mr-1 inline-flex h-4 w-4 items-center justify-center rounded-(--gryt-radius-full)",
               "opacity-70 transition-opacity hover:opacity-100",
               x
             ),
-            children: /* @__PURE__ */ n($t, { size: 10, weight: "bold", "aria-hidden": "true" })
+            children: /* @__PURE__ */ n($e, { size: 10, weight: "bold", "aria-hidden": "true" })
           }
         ) : null
       ]
     }
   );
-}), dn = c(
-  function({ className: e, tone: r = "primary", ...t }, a) {
+}), bn = i(
+  function({ className: t, tone: r = "primary", ...e }, o) {
     return /* @__PURE__ */ n(
-      ft.Root,
+      he.Root,
       {
-        ref: a,
+        ref: o,
         className: s(
           "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",
@@ -1001,14 +1531,14 @@ const Te = {
           "motion-safe:hover:not-data-disabled:scale-[1.08]",
           "motion-safe:active:not-data-disabled:scale-[0.92]",
           x,
-          F,
+          V,
           // Unchecked stays a neutral outline; the tone only paints once checked.
-          Ce[r],
-          e
+          Dt[r],
+          t
         ),
-        ...t,
+        ...e,
         children: /* @__PURE__ */ n(
-          ft.Indicator,
+          he.Indicator,
           {
             keepMounted: !0,
             className: s(
@@ -1021,17 +1551,17 @@ const Te = {
               "data-unchecked:scale-0 data-unchecked:opacity-0",
               "motion-reduce:transition-none"
             ),
-            children: /* @__PURE__ */ n(Rt, { size: 12, weight: "bold" })
+            children: /* @__PURE__ */ n(Ce, { size: 12, weight: "bold" })
           }
         )
       }
     );
   }
-), un = c(function({ className: e, tone: r = "primary", ...t }, a) {
+), pn = i(function({ className: t, tone: r = "primary", ...e }, o) {
   return /* @__PURE__ */ n(
-    bt.Root,
+    xe.Root,
     {
-      ref: a,
+      ref: o,
       className: s(
         "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",
@@ -1040,14 +1570,14 @@ const Te = {
         "motion-safe:hover:not-data-disabled:scale-[1.08]",
         "motion-safe:active:not-data-disabled:scale-[0.92]",
         x,
-        F,
+        V,
         // Border takes the tone when selected; the dot inside carries the fill.
-        Le[r],
-        e
+        Gt[r],
+        t
       ),
-      ...t,
+      ...e,
       children: /* @__PURE__ */ n(
-        bt.Indicator,
+        xe.Indicator,
         {
           keepMounted: !0,
           className: s(
@@ -1056,29 +1586,29 @@ const Te = {
             // 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",
-            Bt[r]
+            Ve[r]
           )
         }
       )
     }
   );
-}), gn = c(
-  function({ className: e, ...r }, t) {
+}), hn = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      oe,
+      st,
       {
-        ref: t,
-        className: s("gryt-radio-group flex flex-col gap-2", e),
+        ref: e,
+        className: s("gryt-radio-group flex flex-col gap-2", t),
         ...r
       }
     );
   }
-), yn = c(
-  function({ className: e, tone: r = "primary", ...t }, a) {
+), xn = i(
+  function({ className: t, tone: r = "primary", ...e }, o) {
     return /* @__PURE__ */ n(
-      ht.Root,
+      we.Root,
       {
-        ref: a,
+        ref: o,
         className: s(
           "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",
@@ -1088,13 +1618,13 @@ const Te = {
           "motion-safe:hover:not-data-disabled:scale-[1.05]",
           "motion-safe:active:not-data-disabled:scale-[0.95]",
           x,
-          F,
-          Ie[r],
-          e
+          V,
+          jt[r],
+          t
         ),
-        ...t,
+        ...e,
         children: /* @__PURE__ */ n(
-          ht.Thumb,
+          we.Thumb,
           {
             className: s(
               "h-4.5 w-4.5 rounded-(--gryt-radius-full) bg-gryt-text",
@@ -1106,65 +1636,65 @@ const Te = {
       }
     );
   }
-), Nt = 3;
-function mn({
-  className: o,
-  tone: e = "primary",
+), Te = 3;
+function wn({
+  className: a,
+  tone: t = "primary",
   "aria-label": r,
-  ...t
+  ...e
 }) {
-  const [a, i] = Ot(!1), l = Tt(null);
-  Yt(() => {
-    if (!a && l.current === null)
+  const [o, c] = We(!1), d = Re(null);
+  Ke(() => {
+    if (!o && d.current === null)
       return;
-    const y = () => {
-      l.current = null, i(!1);
+    const f = () => {
+      d.current = null, c(!1);
     };
-    return window.addEventListener("pointerup", y), window.addEventListener("pointercancel", y), () => {
-      window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y);
+    return window.addEventListener("pointerup", f), window.addEventListener("pointercancel", f), () => {
+      window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", f);
     };
-  }, [a]);
-  function d(y) {
-    l.current = { x: y.clientX, y: y.clientY };
+  }, [o]);
+  function l(f) {
+    d.current = { x: f.clientX, y: f.clientY };
   }
-  function g(y) {
-    const f = l.current;
-    if (f === null || a)
+  function g(f) {
+    const b = d.current;
+    if (b === null || o)
       return;
-    (Math.abs(y.clientX - f.x) > Nt || Math.abs(y.clientY - f.y) > Nt) && i(!0);
+    (Math.abs(f.clientX - b.x) > Te || Math.abs(f.clientY - b.y) > Te) && c(!0);
   }
-  const m = a ? "transition-none" : "duration-(--gryt-dur-spring) ease-spring-tight motion-reduce:transition-none";
-  return /* @__PURE__ */ n(V.Root, { className: s("gryt-slider w-full", o), ...t, children: /* @__PURE__ */ n(
-    V.Control,
+  const y = o ? "transition-none" : "duration-(--gryt-dur-spring) ease-spring-tight motion-reduce:transition-none";
+  return /* @__PURE__ */ n(U.Root, { className: s("gryt-slider w-full", a), ...e, children: /* @__PURE__ */ n(
+    U.Control,
     {
       className: "flex w-full touch-none items-center py-2 select-none",
-      onPointerDown: d,
+      onPointerDown: l,
       onPointerMove: g,
-      children: /* @__PURE__ */ p(V.Track, { className: "h-1.5 w-full rounded-(--gryt-radius-full) bg-gryt-surface-raised select-none", children: [
+      children: /* @__PURE__ */ m(U.Track, { className: "h-1.5 w-full rounded-(--gryt-radius-full) bg-gryt-surface-raised select-none", children: [
         /* @__PURE__ */ n(
-          V.Indicator,
+          U.Indicator,
           {
             className: s(
               "h-full rounded-(--gryt-radius-full) select-none",
               "transition-[width]",
-              m,
-              Bt[e]
+              y,
+              Ve[t]
             )
           }
         ),
         /* @__PURE__ */ n(
-          V.Thumb,
+          U.Thumb,
           {
             "aria-label": r,
             className: s(
               "group h-4 w-4 rounded-(--gryt-radius-full) select-none",
               "transition-[inset-inline-start]",
-              m,
+              y,
               // 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.
-              Se
+              Ht
             ),
             children: /* @__PURE__ */ n(
               "span",
@@ -1183,22 +1713,22 @@ function mn({
     }
   ) });
 }
-const He = {
+const Vt = {
   small: "min-h-9 px-3 text-sm",
   medium: "min-h-11 px-4 text-sm"
 };
-function pn({
-  className: o,
-  label: e,
+function vn({
+  className: a,
+  label: t,
   options: r = [],
-  placeholder: t = "Select",
-  size: a = "medium",
-  ...i
+  placeholder: e = "Select",
+  size: o = "medium",
+  ...c
 }) {
-  return /* @__PURE__ */ p(v.Root, { items: r, ...i, children: [
-    /* @__PURE__ */ p("div", { className: s("gryt-select flex w-full flex-col gap-1.5", o), children: [
-      e ? /* @__PURE__ */ n(v.Label, { className: "text-xs font-medium text-gryt-muted", children: e }) : null,
-      /* @__PURE__ */ p(
+  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__ */ n(v.Label, { className: "text-xs font-medium text-gryt-muted", children: t }) : null,
+      /* @__PURE__ */ m(
         v.Trigger,
         {
           className: s(
@@ -1208,11 +1738,11 @@ function pn({
             "transition-colors duration-150 hover:border-gryt-accent-light",
             "data-disabled:cursor-not-allowed data-disabled:opacity-60",
             x,
-            He[a]
+            Vt[o]
           ),
           children: [
-            /* @__PURE__ */ n(v.Value, { placeholder: t }),
-            /* @__PURE__ */ n(v.Icon, { className: "shrink-0 text-gryt-muted", children: /* @__PURE__ */ n(Zt, { size: 16 }) })
+            /* @__PURE__ */ n(v.Value, { placeholder: e }),
+            /* @__PURE__ */ n(v.Icon, { className: "shrink-0 text-gryt-muted", children: /* @__PURE__ */ n(tt, { size: 16 }) })
           ]
         }
       )
@@ -1220,12 +1750,12 @@ function pn({
     /* @__PURE__ */ n(v.Portal, { children: /* @__PURE__ */ n(v.Positioner, { sideOffset: 6, className: "outline-none", children: /* @__PURE__ */ n(
       v.Popup,
       {
-        className: s("min-w-(--anchor-width) p-1", E, D),
-        children: /* @__PURE__ */ n(v.List, { children: r.map((l) => /* @__PURE__ */ p(
+        className: s("min-w-(--anchor-width) p-1", E, H),
+        children: /* @__PURE__ */ n(v.List, { children: r.map((d) => /* @__PURE__ */ m(
           v.Item,
           {
-            value: l.value,
-            disabled: l.disabled,
+            value: d.value,
+            disabled: d.disabled,
             className: s(
               "flex cursor-default items-center justify-between gap-2",
               "rounded-(--gryt-radius-md) px-3 py-2 text-sm text-gryt-text",
@@ -1233,185 +1763,185 @@ function pn({
               "data-disabled:cursor-not-allowed data-disabled:opacity-50"
             ),
             children: [
-              /* @__PURE__ */ n(v.ItemText, { children: l.label }),
-              /* @__PURE__ */ n(v.ItemIndicator, { className: "text-gryt-accent-11", children: /* @__PURE__ */ n(Rt, { size: 14, weight: "bold" }) })
+              /* @__PURE__ */ n(v.ItemText, { children: d.label }),
+              /* @__PURE__ */ n(v.ItemIndicator, { className: "text-gryt-accent-11", children: /* @__PURE__ */ n(Ce, { size: 14, weight: "bold" }) })
             ]
           },
-          String(l.value)
+          String(d.value)
         )) })
       }
     ) }) })
   ] });
 }
-function fn({
-  children: o,
-  className: e,
+function Nn({
+  children: a,
+  className: t,
   side: r = "top",
-  sideOffset: t = 8,
-  title: a
+  sideOffset: e = 8,
+  title: o
 }) {
-  return /* @__PURE__ */ p(G.Root, { children: [
-    /* @__PURE__ */ n(G.Trigger, { render: o }),
-    /* @__PURE__ */ n(G.Portal, { children: /* @__PURE__ */ n(G.Positioner, { side: r, sideOffset: t, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ m(G.Root, { children: [
+    /* @__PURE__ */ n(G.Trigger, { render: a }),
+    /* @__PURE__ */ n(G.Portal, { children: /* @__PURE__ */ n(G.Positioner, { side: r, sideOffset: e, children: /* @__PURE__ */ n(
       G.Popup,
       {
         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",
-          D,
-          e
+          H,
+          t
         ),
-        children: a
+        children: o
       }
     ) }) })
   ] });
 }
-const bn = G.Provider, hn = c(
-  function({ className: e, orientation: r = "horizontal", ...t }, a) {
+const Pn = G.Provider, kn = i(
+  function({ className: t, orientation: r = "horizontal", ...e }, o) {
     return /* @__PURE__ */ n(
-      ne,
+      ct,
       {
-        ref: a,
+        ref: o,
         orientation: r,
         className: s(
           "gryt-divider bg-gryt-border",
           r === "vertical" ? "h-full w-px" : "h-px w-full",
-          e
+          t
         ),
-        ...t
+        ...e
       }
     );
   }
-), xn = c(function({ className: e, ...r }, t) {
+), Tn = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-card rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface text-gryt-text",
-        e
+        t
       ),
       ...r
     }
   );
 });
-function wn({
-  children: o,
-  className: e,
+function Ln({
+  children: a,
+  className: t,
   subheader: r,
-  title: t,
-  ...a
+  title: e,
+  ...o
 }) {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: s("gryt-card-header flex flex-col gap-1 p-4", e),
-      ...a,
+      className: s("gryt-card-header flex flex-col gap-1 p-4", t),
+      ...o,
       children: [
-        t ? /* @__PURE__ */ n("span", { className: "text-base font-semibold text-gryt-text", children: t }) : null,
+        e ? /* @__PURE__ */ n("span", { className: "text-base font-semibold text-gryt-text", children: e }) : null,
         r ? /* @__PURE__ */ n("span", { className: "text-sm text-gryt-muted", children: r }) : null,
-        o
+        a
       ]
     }
   );
 }
-function vn({
-  className: o,
-  ...e
+function Sn({
+  className: a,
+  ...t
 }) {
   return /* @__PURE__ */ n(
     "div",
     {
       className: s(
         "gryt-card-content px-4 pb-4 text-sm text-gryt-muted",
-        o
+        a
       ),
-      ...e
+      ...t
     }
   );
 }
-function Nn({
-  className: o,
-  ...e
+function Rn({
+  className: a,
+  ...t
 }) {
   return /* @__PURE__ */ n(
     "div",
     {
       className: s(
         "gryt-card-actions flex items-center gap-2 px-4 pb-4",
-        o
+        a
       ),
-      ...e
+      ...t
     }
   );
 }
-const Ee = {
+const Ut = {
   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"
-}, Pn = c(function({ className: e, severity: r = "info", ...t }, a) {
+}, $n = i(function({ className: t, severity: r = "info", ...e }, o) {
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: a,
+      ref: o,
       role: "alert",
       className: s(
         "gryt-alert rounded-(--gryt-radius-lg) border px-4 py-3 text-sm",
-        Ee[r],
-        e
+        Ut[r],
+        t
       ),
-      ...t
+      ...e
     }
   );
 });
-function kn({ className: o, value: e = null, ...r }) {
+function Cn({ className: a, value: t = null, ...r }) {
   return /* @__PURE__ */ n(
-    nt.Root,
+    ne.Root,
     {
-      value: e,
-      className: s("gryt-progress w-full", o),
+      value: t,
+      className: s("gryt-progress w-full", a),
       ...r,
-      children: /* @__PURE__ */ n(nt.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ n(nt.Indicator, { className: "h-full rounded-(--gryt-radius-full) bg-gryt-accent transition-[width] duration-300 ease-out motion-reduce:transition-none" }) })
+      children: /* @__PURE__ */ n(ne.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ n(ne.Indicator, { className: "h-full rounded-(--gryt-radius-full) bg-gryt-accent transition-[width] duration-300 ease-out motion-reduce:transition-none" }) })
     }
   );
 }
-function Tn({
-  className: o,
-  size: e = 24,
+function An({
+  className: a,
+  size: t = 24,
   "aria-label": r = "Loading"
 }) {
   return /* @__PURE__ */ n(
-    qt,
+    rt,
     {
       role: "status",
       "aria-label": r,
-      size: e,
+      size: t,
       weight: "bold",
       className: s(
         "gryt-spinner text-gryt-accent-11 motion-safe:animate-spin",
-        o
+        a
       )
     }
   );
 }
-const ze = {
+const Ot = {
   text: "h-4 rounded-(--gryt-radius-sm)",
   rounded: "rounded-(--gryt-radius-lg)",
   circular: "rounded-(--gryt-radius-full)",
   rectangular: "rounded-none"
 };
-function $n({
-  className: o,
-  height: e,
+function In({
+  className: a,
+  height: t,
   style: r,
-  variant: t = "text",
-  width: a,
-  ...i
+  variant: e = "text",
+  width: o,
+  ...c
 }) {
-  const l = {
-    width: a,
-    height: e,
+  const d = {
+    width: o,
+    height: t,
     ...r
   };
   return /* @__PURE__ */ n(
@@ -1426,131 +1956,131 @@ function $n({
         // 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",
-        ze[t],
-        o
+        Ot[e],
+        a
       ),
-      style: l,
-      ...i
+      style: d,
+      ...c
     }
   );
 }
-const _t = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none", Be = c(
-  function({ className: e, ...r }, t) {
+const Ue = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none", Yt = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      M.Backdrop,
+      I.Backdrop,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-dialog-backdrop fixed inset-0 min-h-dvh bg-black/60",
           "backdrop-blur-(--gryt-backdrop-blur)",
-          _t,
+          Ue,
           "data-starting-style:opacity-0 data-ending-style:opacity-0",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), _e = c(
-  function({ className: e, ...r }, t) {
+), Xt = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      M.Popup,
+      I.Popup,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-dialog fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
           "flex w-96 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",
-          _t,
+          Ue,
           "data-starting-style:scale-[0.98] data-starting-style:opacity-0",
           "data-ending-style:scale-[0.98] data-ending-style:opacity-0",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), Fe = c(
-  function({ className: e, ...r }, t) {
+), Wt = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      M.Title,
+      I.Title,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-dialog-title text-base font-semibold text-gryt-text",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), Ve = c(
-  function({ className: e, ...r }, t) {
+), Kt = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      M.Description,
+      I.Description,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-dialog-description text-sm text-gryt-muted",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), Ue = c(
-  function({ className: e, ...r }, t) {
+), Jt = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
       "div",
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-dialog-footer flex justify-end gap-3",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), Rn = {
-  Root: M.Root,
-  Trigger: M.Trigger,
-  Portal: M.Portal,
-  Close: M.Close,
-  Backdrop: Be,
-  Popup: _e,
-  Title: Fe,
-  Description: Ve,
-  Footer: Ue
-}, Oe = () => () => {
+), Mn = {
+  Root: I.Root,
+  Trigger: I.Trigger,
+  Portal: I.Portal,
+  Close: I.Close,
+  Backdrop: Yt,
+  Popup: Xt,
+  Title: Wt,
+  Description: Kt,
+  Footer: Jt
+}, Qt = () => () => {
 };
-function Ye(o) {
-  const e = it(
-    (t) => {
-      if (typeof window > "u" || !window.matchMedia) return Oe();
-      const a = window.matchMedia(o);
-      return a.addEventListener("change", t), () => a.removeEventListener("change", t);
+function Zt(a) {
+  const t = de(
+    (e) => {
+      if (typeof window > "u" || !window.matchMedia) return Qt();
+      const o = window.matchMedia(a);
+      return o.addEventListener("change", e), () => o.removeEventListener("change", e);
     },
-    [o]
-  ), r = it(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia(o).matches, [o]);
-  return Xt(e, r, () => !1);
+    [a]
+  ), r = de(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia(a).matches, [a]);
+  return Je(t, r, () => !1);
 }
-const Xe = {
+const qt = {
   left: "left",
   right: "right",
   top: "up",
   bottom: "down"
-}, et = Wt("right"), We = {
+}, te = Qe("right"), er = {
   left: "items-stretch justify-start",
   right: "items-stretch justify-end",
   top: "items-start justify-center",
   bottom: "items-end justify-center"
-}, Ke = {
+}, tr = {
   left: "rounded-r-(--gryt-radius-xl)",
   right: "rounded-l-(--gryt-radius-xl)",
   top: "rounded-b-(--gryt-radius-xl)",
   bottom: "rounded-t-(--gryt-radius-xl)"
-}, Je = {
+}, rr = {
   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))]",
@@ -1580,40 +2110,40 @@ const Xe = {
     "data-ending-style:[transform:translateY(calc(100%-var(--gryt-drawer-bleed)))]"
   ].join(" ")
 };
-function Qe({
-  side: o = "right",
-  sheetOnMobile: e = !0,
+function ar({
+  side: a = "right",
+  sheetOnMobile: t = !0,
   children: r,
-  ...t
+  ...e
 }) {
-  const a = Ye("(max-width: 767px)"), i = e && a ? "bottom" : o;
-  return /* @__PURE__ */ n(et.Provider, { value: i, children: /* @__PURE__ */ n(k.Root, { swipeDirection: Xe[i], ...t, children: r }) });
+  const o = Zt("(max-width: 767px)"), c = t && o ? "bottom" : a;
+  return /* @__PURE__ */ n(te.Provider, { value: c, children: /* @__PURE__ */ n(k.Root, { swipeDirection: qt[c], ...e, children: r }) });
 }
-const Ze = c(
-  function({ className: e, ...r }, t) {
-    const a = lt(et);
+const nr = i(
+  function({ className: t, ...r }, e) {
+    const o = ue(te);
     return /* @__PURE__ */ n(
       k.Viewport,
       {
-        ref: t,
+        ref: e,
         className: s(
           // 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",
-          We[a],
-          e
+          er[o],
+          t
         ),
         ...r
       }
     );
   }
-), qe = c(function({ className: e, ...r }, t) {
-  const a = lt(et);
+), or = i(function({ className: t, ...r }, e) {
+  const o = ue(te);
   return /* @__PURE__ */ n(
     k.Popup,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-drawer flex flex-col gap-4 border-gryt-border bg-gryt-surface text-gryt-text",
         "overflow-y-auto overscroll-contain outline-none",
@@ -1622,18 +2152,18 @@ const Ze = c(
         // duration here turns a drag into a drag plus lag.
         "data-swiping:duration-0 data-swiping:select-none",
         "motion-reduce:transition-none",
-        Je[a],
-        Ke[a],
-        e
+        rr[o],
+        tr[o],
+        t
       ),
       ...r
     }
   );
-}), tr = c(function({ className: e, ...r }, t) {
+}), sr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     k.Backdrop,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-drawer-backdrop fixed inset-0 z-50 min-h-dvh bg-black/60",
         "backdrop-blur-(--gryt-backdrop-blur)",
@@ -1644,69 +2174,69 @@ const Ze = c(
         "data-swiping:duration-0",
         "data-starting-style:opacity-0 data-ending-style:opacity-0",
         "motion-reduce:transition-none",
-        e
+        t
       ),
       ...r
     }
   );
 });
-function er({ className: o }) {
-  const e = lt(et);
-  return e !== "bottom" && e !== "top" ? null : /* @__PURE__ */ n(
+function cr({ className: a }) {
+  const t = ue(te);
+  return t !== "bottom" && t !== "top" ? null : /* @__PURE__ */ n(
     "div",
     {
       "aria-hidden": !0,
       className: s(
         "gryt-drawer-grabber mx-auto h-1.5 w-10 shrink-0 rounded-(--gryt-radius-full) bg-gryt-border",
-        e === "top" && "order-last",
-        o
+        t === "top" && "order-last",
+        a
       )
     }
   );
 }
-const Sn = {
-  Root: Qe,
+const Hn = {
+  Root: ar,
   Trigger: k.Trigger,
   Portal: k.Portal,
-  Backdrop: tr,
-  Viewport: Ze,
-  Popup: qe,
+  Backdrop: sr,
+  Viewport: nr,
+  Popup: or,
   Content: k.Content,
-  Grabber: er,
+  Grabber: cr,
   Close: k.Close,
   Title: k.Title,
   Description: k.Description
-}, rr = c(
-  function({ className: e, sideOffset: r = 8, ...t }, a) {
+}, ir = i(
+  function({ className: t, sideOffset: r = 8, ...e }, o) {
     return /* @__PURE__ */ n(
-      H.Positioner,
+      j.Positioner,
       {
-        ref: a,
+        ref: o,
         sideOffset: r,
-        className: s("gryt-menu-positioner outline-none", e),
-        ...t
+        className: s("gryt-menu-positioner outline-none", t),
+        ...e
       }
     );
   }
-), or = c(function({ className: e, ...r }, t) {
+), dr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    H.Popup,
+    j.Popup,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-menu min-w-44 p-1 outline-none",
         E,
-        D,
-        e
+        H,
+        t
       ),
       ...r
     }
   );
-}), nr = c(function({ className: e, ...r }, t) {
+}), lr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    H.Item,
+    j.Item,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-menu-item flex cursor-default items-center gap-2 rounded-(--gryt-radius-md)",
         "px-3 py-2 text-sm text-gryt-text outline-none select-none",
@@ -1714,49 +2244,49 @@ const Sn = {
         // attribute, so arrow keys and the mouse land on identical styling.
         "data-highlighted:bg-gryt-surface-raised",
         "data-disabled:cursor-not-allowed data-disabled:opacity-50",
-        e
+        t
       ),
       ...r
     }
   );
-}), ar = c(function({ className: e, ...r }, t) {
+}), ur = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    H.Separator,
+    j.Separator,
     {
-      ref: t,
-      className: s("gryt-menu-separator my-1 h-px bg-gryt-border", e),
+      ref: e,
+      className: s("gryt-menu-separator my-1 h-px bg-gryt-border", t),
       ...r
     }
   );
-}), st = {
-  Root: H.Root,
-  Trigger: H.Trigger,
-  Portal: H.Portal,
-  Positioner: rr,
-  Popup: or,
-  Item: nr,
-  Separator: ar
-}, sr = c(function({ className: e, ...r }, t) {
+}), 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) {
   return /* @__PURE__ */ n(
     Z.Root,
     {
-      ref: t,
+      ref: e,
       className: s(
         "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
         // rail and the layout reads as a very tall accordion.
         "data-[orientation=vertical]:flex data-[orientation=vertical]:items-stretch",
-        e
+        t
       ),
       ...r
     }
   );
-}), ir = c(function({ className: e, ...r }, t) {
+}), fr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     Z.List,
     {
-      ref: t,
+      ref: e,
       className: s(
         "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
@@ -1764,16 +2294,16 @@ const Sn = {
         "data-[orientation=vertical]:flex data-[orientation=vertical]:shrink-0",
         "data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch",
         "data-[orientation=vertical]:rounded-(--gryt-radius-lg)",
-        e
+        t
       ),
       ...r
     }
   );
-}), cr = c(function({ className: e, ...r }, t) {
+}), yr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     Z.Tab,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-tab inline-flex min-h-8 items-center justify-center whitespace-nowrap",
         "rounded-(--gryt-radius-full) border-0 bg-transparent px-4 py-1.5",
@@ -1789,17 +2319,17 @@ const Sn = {
         "data-[orientation=vertical]:gap-2.5 data-[orientation=vertical]:px-3",
         "data-[orientation=vertical]:rounded-(--gryt-radius-md)",
         x,
-        e
+        t
       ),
       ...r
     }
   );
-}), lr = c(
-  function({ className: e, ...r }, t) {
+}), mr = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
       Z.Indicator,
       {
-        ref: t,
+        ref: e,
         renderBeforeHydration: !0,
         className: s(
           "gryt-tabs-indicator absolute top-1 left-0 z-0 h-[calc(100%-0.5rem)]",
@@ -1815,57 +2345,57 @@ const Sn = {
           "[[data-orientation=vertical]_&]:translate-y-(--active-tab-top)",
           "[[data-orientation=vertical]_&]:rounded-(--gryt-radius-md)",
           "[[data-orientation=vertical]_&]:transition-[translate,height]",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), dr = c(function({ className: e, ...r }, t) {
+), br = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     Z.Panel,
     {
-      ref: t,
+      ref: e,
       className: s(
         "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.
         "data-[orientation=vertical]:min-w-0 data-[orientation=vertical]:flex-1",
         "data-[orientation=vertical]:pt-0 data-[orientation=vertical]:pl-4",
-        e
+        t
       ),
       ...r
     }
   );
-}), Cn = Object.assign(sr, { List: ir, Tab: cr, Panel: dr, Indicator: lr }), ur = c(function({ className: e, ...r }, t) {
+}), Dn = Object.assign(gr, { List: fr, Tab: yr, Panel: br, Indicator: mr }), pr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     K.Root,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-accordion flex w-full flex-col gap-2 rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface p-2",
-        e
+        t
       ),
       ...r
     }
   );
-}), gr = c(
-  function({ className: e, ...r }, t) {
+}), hr = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
       K.Item,
       {
-        ref: t,
-        className: s("gryt-accordion-item", e),
+        ref: e,
+        className: s("gryt-accordion-item", t),
         ...r
       }
     );
   }
-), yr = c(
-  function({ children: e, className: r, expandIcon: t, ...a }, i) {
-    return /* @__PURE__ */ n(K.Header, { className: "gryt-accordion-header m-0", children: /* @__PURE__ */ p(
+), xr = i(
+  function({ children: t, className: r, expandIcon: e, ...o }, c) {
+    return /* @__PURE__ */ n(K.Header, { className: "gryt-accordion-header m-0", children: /* @__PURE__ */ m(
       K.Trigger,
       {
-        ref: i,
+        ref: c,
         className: s(
           "gryt-accordion-trigger flex w-full items-center justify-between gap-3",
           "rounded-(--gryt-radius-lg) border-0 bg-transparent px-3 py-2.5",
@@ -1874,26 +2404,26 @@ const Sn = {
           x,
           r
         ),
-        ...a,
+        ...o,
         children: [
-          e,
-          t === void 0 ? /* @__PURE__ */ n(
-            te,
+          t,
+          e === void 0 ? /* @__PURE__ */ n(
+            at,
             {
               size: 16,
               className: "shrink-0 transition-transform duration-(--gryt-dur-spring) ease-spring data-panel-open:rotate-180 motion-reduce:transition-none"
             }
-          ) : t
+          ) : e
         ]
       }
     ) });
   }
-), mr = c(
-  function({ children: e, className: r, ...t }, a) {
+), wr = i(
+  function({ children: t, className: r, ...e }, o) {
     return /* @__PURE__ */ n(
       K.Panel,
       {
-        ref: a,
+        ref: o,
         className: s(
           "gryt-accordion-panel overflow-hidden text-sm text-gryt-muted",
           // Base UI measures the panel and exposes the height as a variable,
@@ -1903,123 +2433,123 @@ const Sn = {
           "motion-reduce:transition-none",
           r
         ),
-        ...t,
-        children: /* @__PURE__ */ n("div", { className: "px-3 pt-1 pb-3", children: e })
+        ...e,
+        children: /* @__PURE__ */ n("div", { className: "px-3 pt-1 pb-3", children: t })
       }
     );
   }
-), Ln = Object.assign(ur, { Item: gr, Trigger: yr, Panel: mr }), pr = c(
-  function({ className: e, sideOffset: r = 2, ...t }, a) {
+), Gn = Object.assign(pr, { Item: hr, Trigger: xr, Panel: wr }), vr = i(
+  function({ className: t, sideOffset: r = 2, ...e }, o) {
     return /* @__PURE__ */ n(
-      I.Positioner,
+      A.Positioner,
       {
-        ref: a,
+        ref: o,
         sideOffset: r,
-        className: s("gryt-context-menu-positioner outline-none", e),
-        ...t
+        className: s("gryt-context-menu-positioner outline-none", t),
+        ...e
       }
     );
   }
-), In = {
-  Root: I.Root,
-  Trigger: I.Trigger,
-  Portal: I.Portal,
-  Positioner: pr,
-  Popup: st.Popup,
-  Item: st.Item,
-  Separator: st.Separator,
-  Group: I.Group,
-  GroupLabel: I.GroupLabel,
-  SubmenuRoot: I.SubmenuRoot,
-  SubmenuTrigger: I.SubmenuTrigger
-}, fr = c(
-  function({ className: e, sideOffset: r = 8, ...t }, a) {
+), jn = {
+  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 }, o) {
     return /* @__PURE__ */ n(
-      S.Positioner,
+      R.Positioner,
       {
-        ref: a,
+        ref: o,
         sideOffset: r,
-        className: s("gryt-popover-positioner outline-none", e),
-        ...t
+        className: s("gryt-popover-positioner outline-none", t),
+        ...e
       }
     );
   }
-), br = c(
-  function({ className: e, ...r }, t) {
+), Pr = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      S.Popup,
+      R.Popup,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-popover max-w-[min(20rem,calc(100vw-2rem))] p-4 outline-none",
           E,
-          D,
-          e
+          H,
+          t
         ),
         ...r
       }
     );
   }
-), hr = c(function({ className: e, ...r }, t) {
+), kr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    S.Title,
+    R.Title,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-popover-title text-sm font-semibold text-gryt-text",
-        e
+        t
       ),
       ...r
     }
   );
-}), xr = c(function({ className: e, ...r }, t) {
+}), Tr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    S.Description,
+    R.Description,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-popover-description mt-1 text-sm leading-6 text-gryt-muted",
-        e
+        t
       ),
       ...r
     }
   );
-}), Mn = {
-  Root: S.Root,
-  Trigger: S.Trigger,
-  Portal: S.Portal,
-  Positioner: fr,
-  Popup: br,
-  Title: hr,
-  Description: xr,
-  Close: S.Close,
-  Arrow: S.Arrow
-}, wr = {
+}), En = {
+  Root: R.Root,
+  Trigger: R.Trigger,
+  Portal: R.Portal,
+  Positioner: Nr,
+  Popup: Pr,
+  Title: kr,
+  Description: Tr,
+  Close: R.Close,
+  Arrow: R.Arrow
+}, Lr = {
   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"
-}, vr = c(
-  function({ className: e, ...r }, t) {
+}, Sr = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      L.Viewport,
+      C.Viewport,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-toast-viewport fixed right-4 bottom-4 z-50 flex w-[min(22rem,calc(100vw-2rem))]",
           "flex-col gap-2 outline-none",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), Nr = c(function({ className: e, severity: r = "neutral", ...t }, a) {
+), Rr = i(function({ className: t, severity: r = "neutral", ...e }, o) {
   return /* @__PURE__ */ n(
-    L.Root,
+    C.Root,
     {
-      ref: a,
+      ref: o,
       className: s(
         "gryt-toast relative flex flex-col p-3 pr-9",
         // Not popupSurface. That border is --gryt-border, a solid slate line
@@ -2028,116 +2558,116 @@ const Sn = {
         // white hairline separates it from the page without drawing a box
         // around it.
         "rounded-(--gryt-radius-xl) border text-gryt-text",
-        wr[r],
+        Lr[r],
         // 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",
         "data-starting-style:translate-y-2 data-starting-style:opacity-0",
         "data-ending-style:translate-y-2 data-ending-style:opacity-0",
         "motion-reduce:transition-none",
-        e
+        t
       ),
-      ...t
+      ...e
     }
   );
-}), Pr = c(function({ className: e, ...r }, t) {
+}), $r = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    L.Title,
+    C.Title,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-toast-title text-sm font-semibold text-gryt-text",
-        e
+        t
       ),
       ...r
     }
   );
-}), kr = c(function({ className: e, ...r }, t) {
+}), Cr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    L.Description,
+    C.Description,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-toast-description mt-0.5 text-sm leading-6 text-gryt-muted",
-        e
+        t
       ),
       ...r
     }
   );
-}), Tr = c(function({ className: e, children: r, ...t }, a) {
+}), Ar = i(function({ className: t, children: r, ...e }, o) {
   return /* @__PURE__ */ n(
-    L.Close,
+    C.Close,
     {
-      ref: a,
+      ref: o,
       "aria-label": "Close",
       className: s(
         "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",
-        e
+        t
       ),
-      ...t,
-      children: r ?? /* @__PURE__ */ n($t, { size: 14, weight: "bold" })
+      ...e,
+      children: r ?? /* @__PURE__ */ n($e, { size: 14, weight: "bold" })
     }
   );
-}), $r = c(function({ className: e, ...r }, t) {
+}), Ir = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    L.Action,
+    C.Action,
     {
-      ref: t,
+      ref: e,
       className: s(
         "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",
         "motion-safe:hover:scale-[1.04] motion-safe:active:scale-[0.96]",
         "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gryt-accent-light",
-        e
+        t
       ),
       ...r
     }
   );
-}), An = {
-  Provider: L.Provider,
-  Portal: L.Portal,
-  Viewport: vr,
-  Root: Nr,
-  Title: Pr,
-  Description: kr,
-  Close: Tr,
-  Action: $r
-}, Dn = L.useToastManager, Rr = c(
-  function({ className: e, ...r }, t) {
+}), zn = {
+  Provider: C.Provider,
+  Portal: C.Portal,
+  Viewport: Sr,
+  Root: Rr,
+  Title: $r,
+  Description: Cr,
+  Close: Ar,
+  Action: Ir
+}, Bn = C.useToastManager, Mr = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
       _.Root,
       {
-        ref: t,
-        className: s("gryt-scroll-area relative", e),
+        ref: e,
+        className: s("gryt-scroll-area relative", t),
         ...r
       }
     );
   }
-), Sr = c(
-  function({ className: e, ...r }, t) {
+), Hr = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
       _.Viewport,
       {
-        ref: t,
+        ref: e,
         className: s(
           "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",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), Cr = c(
-  function({ className: e, orientation: r, ...t }, a) {
+), Dr = i(
+  function({ className: t, orientation: r, ...e }, o) {
     return /* @__PURE__ */ n(
       _.Scrollbar,
       {
-        ref: a,
+        ref: o,
         orientation: r,
         className: s(
           "gryt-scroll-area-scrollbar flex touch-none p-0.5 select-none",
@@ -2147,20 +2677,20 @@ const Sn = {
           "data-hovering:opacity-100 data-scrolling:opacity-100",
           "motion-reduce:transition-none",
           r === "horizontal" ? "h-2 flex-col" : "w-2",
-          e
+          t
         ),
-        ...t,
+        ...e,
         children: /* @__PURE__ */ n(_.Thumb, { className: "flex-1 rounded-(--gryt-radius-full) bg-gryt-border transition-colors hover:bg-gryt-muted motion-reduce:transition-none" })
       }
     );
   }
-), jn = {
-  Root: Rr,
-  Viewport: Sr,
-  Scrollbar: Cr,
+), Fn = {
+  Root: Mr,
+  Viewport: Hr,
+  Scrollbar: Dr,
   Content: _.Content,
   Corner: _.Corner
-}, Lr = {
+}, Gr = {
   primary: [
     "text-gryt-muted hover:not-data-disabled:bg-white/8",
     "data-pressed:bg-gryt-accent data-pressed:text-gryt-on-accent",
@@ -2181,17 +2711,17 @@ const Sn = {
     "data-pressed:bg-gryt-danger data-pressed:text-gryt-on-danger",
     "data-pressed:hover:not-data-disabled:bg-gryt-danger"
   ].join(" ")
-}, Ir = {
+}, jr = {
   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"
-}, Gn = c(
-  function({ className: e, size: r = "medium", tone: t = "primary", ...a }, i) {
+}, _n = i(
+  function({ className: t, size: r = "medium", tone: e = "primary", ...o }, c) {
     return /* @__PURE__ */ n(
-      ae,
+      it,
       {
-        ref: i,
+        ref: c,
         className: s(
           "gryt-toggle",
           "inline-flex shrink-0 items-center justify-center gap-2 border-0 bg-transparent",
@@ -2201,62 +2731,62 @@ const Sn = {
           "motion-safe:hover:not-data-disabled:scale-[1.06]",
           "motion-safe:active:not-data-disabled:scale-[0.94]",
           x,
-          F,
-          Ir[r],
-          Lr[t],
-          e
+          V,
+          jr[r],
+          Gr[e],
+          t
         ),
-        ...a
+        ...o
       }
     );
   }
-), Hn = c(
-  function({ className: e, ...r }, t) {
+), Vn = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      se,
+      dt,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-toggle-group inline-flex items-center gap-1",
           "rounded-(--gryt-radius-full) border border-gryt-border bg-gryt-surface p-1",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), Mr = {
+), Er = {
   primary: "bg-gryt-accent",
   success: "bg-gryt-success",
   warning: "bg-gryt-warning",
   danger: "bg-gryt-danger"
 };
-function En({
-  className: o,
-  value: e,
+function Un({
+  className: a,
+  value: t,
   label: r,
-  showValue: t = !1,
-  tone: a = "primary",
-  ...i
+  showValue: e = !1,
+  tone: o = "primary",
+  ...c
 }) {
-  return /* @__PURE__ */ p(
-    U.Root,
+  return /* @__PURE__ */ m(
+    O.Root,
     {
-      value: e,
-      className: s("gryt-meter flex w-full flex-col gap-1.5", o),
-      ...i,
+      value: t,
+      className: s("gryt-meter flex w-full flex-col gap-1.5", a),
+      ...c,
       children: [
-        (r || t) && /* @__PURE__ */ p("div", { className: "flex items-baseline justify-between gap-2", children: [
-          r ? /* @__PURE__ */ n(U.Label, { className: "text-sm text-gryt-muted", children: r }) : /* @__PURE__ */ n("span", {}),
-          t && /* @__PURE__ */ n(U.Value, { className: "font-mono text-xs text-gryt-muted tabular-nums" })
+        (r || e) && /* @__PURE__ */ m("div", { className: "flex items-baseline justify-between gap-2", children: [
+          r ? /* @__PURE__ */ n(O.Label, { className: "text-sm text-gryt-muted", children: r }) : /* @__PURE__ */ n("span", {}),
+          e && /* @__PURE__ */ n(O.Value, { className: "font-mono text-xs text-gryt-muted tabular-nums" })
         ] }),
-        /* @__PURE__ */ n(U.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ n(
-          U.Indicator,
+        /* @__PURE__ */ n(O.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ n(
+          O.Indicator,
           {
             className: s(
               "h-full rounded-(--gryt-radius-full)",
               "transition-[width] duration-120 ease-out motion-reduce:transition-none",
-              Mr[a]
+              Er[o]
             )
           }
         ) })
@@ -2264,12 +2794,12 @@ function En({
     }
   );
 }
-const Ar = c(
-  function({ className: e, ...r }, t) {
+const zr = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      A.Popup,
+      M.Popup,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-alert-dialog fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
           "flex w-96 max-w-[calc(100vw-3rem)] flex-col gap-4",
@@ -2278,61 +2808,61 @@ const Ar = c(
           "transition-[opacity,scale] 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",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), Dr = c(function({ className: e, ...r }, t) {
+), Br = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    A.Backdrop,
+    M.Backdrop,
     {
-      ref: t,
+      ref: e,
       className: s(
         "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",
-        e
+        t
       ),
       ...r
     }
   );
-}), jr = c(function({ className: e, ...r }, t) {
+}), Fr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    A.Title,
+    M.Title,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-alert-dialog-title text-lg font-semibold text-gryt-text",
-        e
+        t
       ),
       ...r
     }
   );
-}), Gr = c(function({ className: e, ...r }, t) {
+}), _r = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    A.Description,
+    M.Description,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-alert-dialog-description text-sm leading-6 text-gryt-muted",
-        e
+        t
       ),
       ...r
     }
   );
-}), zn = {
-  Root: A.Root,
-  Trigger: A.Trigger,
-  Portal: A.Portal,
-  Backdrop: Dr,
-  Popup: Ar,
-  Title: jr,
-  Description: Gr,
-  Close: A.Close
-}, Ft = [
+}), On = {
+  Root: M.Root,
+  Trigger: M.Trigger,
+  Portal: M.Portal,
+  Backdrop: Br,
+  Popup: zr,
+  Title: Fr,
+  Description: _r,
+  Close: M.Close
+}, Oe = [
   "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
@@ -2340,194 +2870,194 @@ const Ar = c(
   "data-highlighted:bg-gryt-surface-raised",
   "data-selected:text-gryt-accent-11",
   "data-disabled:cursor-not-allowed data-disabled:opacity-50"
-].join(" "), Vt = [
-  Et,
-  zt.medium,
+].join(" "), Ye = [
+  Fe,
+  _e.medium,
   "border-gryt-border",
   x
-].join(" "), Hr = c(function({ className: e, ...r }, t) {
+].join(" "), Vr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    b.Input,
+    p.Input,
     {
-      ref: t,
-      className: s("gryt-combobox-input", Vt, e),
+      ref: e,
+      className: s("gryt-combobox-input", Ye, t),
       ...r
     }
   );
-}), Er = c(function({ className: e, sideOffset: r = 6, ...t }, a) {
+}), Ur = i(function({ className: t, sideOffset: r = 6, ...e }, o) {
   return /* @__PURE__ */ n(
-    b.Positioner,
+    p.Positioner,
     {
-      ref: a,
+      ref: o,
       sideOffset: r,
-      className: s("gryt-combobox-positioner outline-none", e),
-      ...t
+      className: s("gryt-combobox-positioner outline-none", t),
+      ...e
     }
   );
-}), zr = c(
-  function({ className: e, ...r }, t) {
+}), Or = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      b.Popup,
+      p.Popup,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-combobox max-h-64 w-(--anchor-width) overflow-y-auto overscroll-contain p-1 outline-none",
           E,
-          D,
-          e
+          H,
+          t
         ),
         ...r
       }
     );
   }
-), Br = c(function({ className: e, ...r }, t) {
+), Yr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    b.Item,
+    p.Item,
     {
-      ref: t,
-      className: s("gryt-combobox-item", Ft, e),
+      ref: e,
+      className: s("gryt-combobox-item", Oe, t),
       ...r
     }
   );
-}), _r = c(function({ className: e, ...r }, t) {
+}), Xr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    b.Empty,
+    p.Empty,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-combobox-empty px-3 py-2 text-sm text-gryt-muted",
-        e
+        t
       ),
       ...r
     }
   );
-}), Bn = {
-  Root: b.Root,
-  Input: Hr,
-  InputGroup: b.InputGroup,
-  Trigger: b.Trigger,
-  Icon: b.Icon,
-  Clear: b.Clear,
-  Value: b.Value,
-  Chips: b.Chips,
-  Chip: b.Chip,
-  ChipRemove: b.ChipRemove,
-  Portal: b.Portal,
-  Positioner: Er,
-  Popup: zr,
-  List: b.List,
-  Item: Br,
-  ItemIndicator: b.ItemIndicator,
-  Group: b.Group,
-  GroupLabel: b.GroupLabel,
-  Empty: _r,
-  Separator: b.Separator
-}, Fr = c(function({ className: e, ...r }, t) {
+}), Yn = {
+  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) {
   return /* @__PURE__ */ n(
     h.Input,
     {
-      ref: t,
-      className: s("gryt-autocomplete-input", Vt, e),
+      ref: e,
+      className: s("gryt-autocomplete-input", Ye, t),
       ...r
     }
   );
-}), Vr = c(function({ className: e, sideOffset: r = 6, ...t }, a) {
+}), Kr = i(function({ className: t, sideOffset: r = 6, ...e }, o) {
   return /* @__PURE__ */ n(
     h.Positioner,
     {
-      ref: a,
+      ref: o,
       sideOffset: r,
-      className: s("gryt-autocomplete-positioner outline-none", e),
-      ...t
+      className: s("gryt-autocomplete-positioner outline-none", t),
+      ...e
     }
   );
-}), Ur = c(function({ className: e, ...r }, t) {
+}), Jr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     h.Popup,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-autocomplete max-h-64 w-(--anchor-width) overflow-y-auto overscroll-contain p-1 outline-none",
         E,
-        D,
-        e
+        H,
+        t
       ),
       ...r
     }
   );
-}), Or = c(function({ className: e, ...r }, t) {
+}), Qr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     h.Item,
     {
-      ref: t,
-      className: s("gryt-autocomplete-item", Ft, e),
+      ref: e,
+      className: s("gryt-autocomplete-item", Oe, t),
       ...r
     }
   );
-}), Yr = c(function({ className: e, ...r }, t) {
+}), Zr = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     h.Empty,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-autocomplete-empty px-3 py-2 text-sm text-gryt-muted",
-        e
+        t
       ),
       ...r
     }
   );
-}), _n = {
+}), Xn = {
   Root: h.Root,
-  Input: Fr,
+  Input: Wr,
   InputGroup: h.InputGroup,
   Trigger: h.Trigger,
   Icon: h.Icon,
   Clear: h.Clear,
   Value: h.Value,
   Portal: h.Portal,
-  Positioner: Vr,
-  Popup: Ur,
+  Positioner: Kr,
+  Popup: Jr,
   List: h.List,
-  Item: Or,
+  Item: Qr,
   Group: h.Group,
   GroupLabel: h.GroupLabel,
-  Empty: Yr,
+  Empty: Zr,
   Separator: h.Separator
-}, Fn = c(
-  function({ className: e, ...r }, t) {
+}, Wn = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      ie,
+      lt,
       {
-        ref: t,
-        className: s("gryt-checkbox-group flex flex-col gap-2", e),
+        ref: e,
+        className: s("gryt-checkbox-group flex flex-col gap-2", t),
         ...r
       }
     );
   }
-), Xr = c(
-  function({ className: e, ...r }, t) {
+), qr = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      dt.Trigger,
+      ge.Trigger,
       {
-        ref: t,
+        ref: e,
         className: s(
           "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,
-          e
+          t
         ),
         ...r
       }
     );
   }
-), Wr = c(
-  function({ className: e, ...r }, t) {
+), ea = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      dt.Panel,
+      ge.Panel,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-collapsible-panel overflow-hidden",
           // Base UI measures the panel and exposes the height as a variable, so
@@ -2535,169 +3065,169 @@ const Ar = c(
           "h-(--collapsible-panel-height) transition-[height] duration-(--gryt-dur-spring) ease-spring",
           "data-starting-style:h-0 data-ending-style:h-0",
           "motion-reduce:transition-none",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), Vn = {
-  Root: dt.Root,
-  Trigger: Xr,
-  Panel: Wr
-}, Un = c(function({ className: e, ...r }, t) {
+), Kn = {
+  Root: ge.Root,
+  Trigger: qr,
+  Panel: ea
+}, Jn = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    ce,
+    ut,
     {
-      ref: t,
-      className: s("gryt-form flex flex-col gap-(--gryt-space-lg)", e),
+      ref: e,
+      className: s("gryt-form flex flex-col gap-(--gryt-space-lg)", t),
       ...r
     }
   );
-}), Kr = c(
-  function({ className: e, ...r }, t) {
+}), ta = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      St.Root,
+      Ae.Root,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-fieldset flex min-w-0 flex-col gap-3 border-0 p-0",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), Jr = c(function({ className: e, ...r }, t) {
+), ra = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
-    St.Legend,
+    Ae.Legend,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-fieldset-legend text-sm font-semibold text-gryt-text",
-        e
+        t
       ),
       ...r
     }
   );
-}), On = { Root: Kr, Legend: Jr }, Yn = c(
-  function({ className: e, ...r }, t) {
+}), Qn = { Root: ta, Legend: ra }, Zn = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
-      le,
+      gt,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-menubar flex items-center gap-1",
           "rounded-(--gryt-radius-md) border border-gryt-border bg-gryt-surface p-1",
-          e
+          t
         ),
         ...r
       }
     );
   }
-), Qr = c(function({ className: e, ...r }, t) {
+), aa = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     N.Trigger,
     {
-      ref: t,
+      ref: e,
       className: s(
         "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,
-        e
+        t
       ),
       ...r
     }
   );
-}), Zr = c(function({ className: e, ...r }, t) {
+}), na = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     N.Popup,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-navigation-menu-popup outline-none",
         E,
-        D,
-        e
+        H,
+        t
       ),
       ...r
     }
   );
-}), qr = c(function({ className: e, ...r }, t) {
+}), oa = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     N.Viewport,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-navigation-menu-viewport relative overflow-hidden",
-        e
+        t
       ),
       ...r
     }
   );
-}), to = c(function({ className: e, ...r }, t) {
+}), sa = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     N.Link,
     {
-      ref: t,
+      ref: e,
       className: s(
         "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,
-        e
+        t
       ),
       ...r
     }
   );
-}), Xn = {
+}), qn = {
   Root: N.Root,
   List: N.List,
   Item: N.Item,
-  Trigger: Qr,
+  Trigger: aa,
   Content: N.Content,
   Portal: N.Portal,
   Positioner: N.Positioner,
-  Viewport: qr,
-  Popup: Zr,
-  Link: to,
+  Viewport: oa,
+  Popup: na,
+  Link: sa,
   Icon: N.Icon,
   Arrow: N.Arrow
-}, Pt = "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", Wn = c(
-  function({ className: e, label: r, scrubbable: t = !1, ...a }, i) {
-    return /* @__PURE__ */ p(
-      j.Root,
+}, 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", eo = i(
+  function({ className: t, label: r, scrubbable: e = !1, ...o }, c) {
+    return /* @__PURE__ */ m(
+      D.Root,
       {
-        ref: i,
-        className: s("gryt-number-field flex flex-col gap-1.5", e),
-        ...a,
+        ref: c,
+        className: s("gryt-number-field flex flex-col gap-1.5", t),
+        ...o,
         children: [
-          r && (t ? /* @__PURE__ */ p(j.ScrubArea, { className: "cursor-ew-resize text-sm text-gryt-muted select-none", children: [
+          r && (e ? /* @__PURE__ */ m(D.ScrubArea, { className: "cursor-ew-resize text-sm text-gryt-muted select-none", children: [
             r,
-            /* @__PURE__ */ n(j.ScrubAreaCursor, {})
+            /* @__PURE__ */ n(D.ScrubAreaCursor, {})
           ] }) : /* @__PURE__ */ n("span", { className: "text-sm text-gryt-muted", children: r })),
-          /* @__PURE__ */ p(
-            j.Group,
+          /* @__PURE__ */ m(
+            D.Group,
             {
               className: s(
                 "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",
-                F
+                V
               ),
               children: [
                 /* @__PURE__ */ n(
-                  j.Decrement,
+                  D.Decrement,
                   {
                     "aria-label": "Decrease",
-                    className: s(Pt, "rounded-l-(--gryt-radius-full)"),
-                    children: /* @__PURE__ */ n(ee, { size: 14, weight: "bold" })
+                    className: s(Le, "rounded-l-(--gryt-radius-full)"),
+                    children: /* @__PURE__ */ n(nt, { size: 14, weight: "bold" })
                   }
                 ),
                 /* @__PURE__ */ n(
-                  j.Input,
+                  D.Input,
                   {
                     className: s(
                       "w-16 border-0 bg-transparent px-1 py-2 text-center",
@@ -2707,11 +3237,11 @@ const Ar = c(
                   }
                 ),
                 /* @__PURE__ */ n(
-                  j.Increment,
+                  D.Increment,
                   {
                     "aria-label": "Increase",
-                    className: s(Pt, "rounded-r-(--gryt-radius-full)"),
-                    children: /* @__PURE__ */ n(re, { size: 14, weight: "bold" })
+                    className: s(Le, "rounded-r-(--gryt-radius-full)"),
+                    children: /* @__PURE__ */ n(ot, { size: 14, weight: "bold" })
                   }
                 )
               ]
@@ -2721,17 +3251,17 @@ const Ar = c(
       }
     );
   }
-), Kn = c(
-  function({ className: e, length: r = 6, ...t }, a) {
+), to = i(
+  function({ className: t, length: r = 6, ...e }, o) {
     return /* @__PURE__ */ n(
-      xt.Root,
+      ve.Root,
       {
-        ref: a,
+        ref: o,
         length: r,
-        className: s("gryt-otp-field flex gap-2", e),
-        ...t,
-        children: Array.from({ length: r }, (i, l) => /* @__PURE__ */ n(
-          xt.Input,
+        className: s("gryt-otp-field flex gap-2", t),
+        ...e,
+        children: Array.from({ length: r }, (c, d) => /* @__PURE__ */ n(
+          ve.Input,
           {
             className: s(
               "gryt-otp-input h-12 w-10 rounded-(--gryt-radius-md) text-center",
@@ -2742,156 +3272,158 @@ const Ar = c(
               x
             )
           },
-          l
+          d
         ))
       }
     );
   }
-), eo = c(
-  function({ className: e, sideOffset: r = 8, ...t }, a) {
+), ca = i(
+  function({ className: t, sideOffset: r = 8, ...e }, o) {
     return /* @__PURE__ */ n(
       z.Positioner,
       {
-        ref: a,
+        ref: o,
         sideOffset: r,
-        className: s("gryt-preview-card-positioner outline-none", e),
-        ...t
+        className: s("gryt-preview-card-positioner outline-none", t),
+        ...e
       }
     );
   }
-), ro = c(
-  function({ className: e, ...r }, t) {
+), ia = i(
+  function({ className: t, ...r }, e) {
     return /* @__PURE__ */ n(
       z.Popup,
       {
-        ref: t,
+        ref: e,
         className: s(
           "gryt-preview-card w-64 max-w-[calc(100vw-2rem)] p-4 outline-none",
           E,
-          D,
-          e
+          H,
+          t
         ),
         ...r
       }
     );
   }
-), Jn = {
+), ro = {
   Root: z.Root,
   Trigger: z.Trigger,
   Portal: z.Portal,
-  Positioner: eo,
-  Popup: ro,
+  Positioner: ca,
+  Popup: ia,
   Arrow: z.Arrow
-}, oo = c(function({ className: e, ...r }, t) {
+}, da = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     B.Root,
     {
-      ref: t,
+      ref: e,
       className: s(
         "gryt-toolbar flex items-center gap-1",
         "rounded-(--gryt-radius-full) border border-gryt-border bg-gryt-surface p-1",
-        e
+        t
       ),
       ...r
     }
   );
-}), no = c(function({ className: e, ...r }, t) {
+}), la = i(function({ className: t, ...r }, e) {
   return /* @__PURE__ */ n(
     B.Separator,
     {
-      ref: t,
-      className: s("gryt-toolbar-separator mx-1 h-6 w-px bg-gryt-border", e),
+      ref: e,
+      className: s("gryt-toolbar-separator mx-1 h-6 w-px bg-gryt-border", t),
       ...r
     }
   );
-}), Qn = {
-  Root: oo,
+}), ao = {
+  Root: da,
   Group: B.Group,
   Button: B.Button,
   Link: B.Link,
   Input: B.Input,
-  Separator: no
+  Separator: la
 };
 export {
-  Ln as Accordion,
-  Pn as Alert,
-  zn as AlertDialog,
-  _n as Autocomplete,
-  je as Avatar,
-  cn as Badge,
-  Re as Button,
-  xn as Card,
-  Nn as CardActions,
-  vn as CardContent,
-  wn as CardHeader,
-  dn as Checkbox,
-  Fn as CheckboxGroup,
-  ln as Chip,
-  Vn as Collapsible,
-  Bn as Combobox,
-  an as Composer,
-  In as ContextMenu,
-  sn as ConversationItem,
-  Rn as Dialog,
-  hn as Divider,
-  Sn as Drawer,
-  On as Fieldset,
-  Un as Form,
-  tt as GRYT_HUE_KEYS,
-  Dt as GRYT_NEUTRAL_KEYS,
-  ut as GRYT_RADIUS_KEYS,
-  we as GRYT_THEME_NAME_MAX,
-  Qo as GrytProvider,
-  en as IconButton,
-  st as Menu,
-  Yn as Menubar,
-  on as MessageBubble,
-  En as Meter,
-  Xn as NavigationMenu,
-  Wn as NumberField,
-  Kn as OtpField,
-  Mn as Popover,
-  Jn as PreviewCard,
-  kn as Progress,
-  un as Radio,
-  gn as RadioGroup,
-  jn as ScrollArea,
-  pn as Select,
-  $n as Skeleton,
-  mn as Slider,
-  Tn as Spinner,
-  rn as Surface,
-  yn as Switch,
-  cr as Tab,
-  Cn as Tabs,
-  nn as TextField,
-  An as Toast,
-  Gn as Toggle,
-  Hn as ToggleGroup,
-  Qn as Toolbar,
-  fn as Tooltip,
-  bn as TooltipProvider,
-  jt as cloneGrytTheme,
+  Gn as Accordion,
+  $n as Alert,
+  On as AlertDialog,
+  Xn as Autocomplete,
+  Ft as Avatar,
+  yn as Badge,
+  Mt as Button,
+  Tn as Card,
+  Rn as CardActions,
+  Sn as CardContent,
+  Ln as CardHeader,
+  bn as Checkbox,
+  Wn as CheckboxGroup,
+  mn as Chip,
+  Kn as Collapsible,
+  Yn as Combobox,
+  gn as Composer,
+  jn as ContextMenu,
+  fn as ConversationItem,
+  Mn as Dialog,
+  kn as Divider,
+  Hn as Drawer,
+  Qn as Fieldset,
+  Jn as Form,
+  ee as GRYT_HUE_KEYS,
+  je as GRYT_NEUTRAL_KEYS,
+  fe as GRYT_RADIUS_KEYS,
+  Pt as GRYT_THEME_NAME_MAX,
+  rn as GrytProvider,
+  cn as IconButton,
+  ie as Menu,
+  Zn as Menubar,
+  ln as MessageBubble,
+  Un as Meter,
+  qn as NavigationMenu,
+  eo as NumberField,
+  to as OtpField,
+  En as Popover,
+  ro as PreviewCard,
+  Cn as Progress,
+  pn as Radio,
+  hn as RadioGroup,
+  Fn as ScrollArea,
+  vn as Select,
+  In as Skeleton,
+  wn as Slider,
+  An as Spinner,
+  dn as Surface,
+  xn as Switch,
+  yr as Tab,
+  Dn as Tabs,
+  un as TextField,
+  zn as Toast,
+  _n as Toggle,
+  Vn as ToggleGroup,
+  ao as Toolbar,
+  Nn as Tooltip,
+  Pn as TooltipProvider,
+  Ee as cloneGrytTheme,
   s as cn,
-  Wo as contrast,
-  he as createGrytTheme,
-  tn as decodeGrytTheme,
-  qo as encodeGrytTheme,
-  Ko as grytAlphaScales,
-  Jo as grytAlphaScalesLight,
+  qa as contrast,
+  vt as createGrytTheme,
+  on as decodeGrytTheme,
+  nn as encodeGrytTheme,
+  en as grytAlphaScales,
+  tn as grytAlphaScalesLight,
   T as grytLightTokens,
-  vt as grytScales,
-  ct as grytScalesLight,
-  X as grytTheme,
-  ve as grytThemeHues,
-  Zo as grytThemeToOptions,
+  Ct as grytPresets,
+  sn as grytPresetsById,
+  Pe as grytScales,
+  le as grytScalesLight,
+  F as grytTheme,
+  kt as grytThemeHues,
+  an as grytThemeToOptions,
   u as grytTokens,
   J as hexToOklch,
-  Ht as isHexColor,
-  yt as normalizeHexColor,
-  gt as normalizeThemeName,
-  C as oklchToHex,
-  Ye as useMediaQuery,
-  Dn as useToastManager
+  Be as isHexColor,
+  me as normalizeHexColor,
+  ye as normalizeThemeName,
+  $ as oklchToHex,
+  Zt as useMediaQuery,
+  Bn as useToastManager
 };
 //# sourceMappingURL=index.js.map