@gryt/ui 0.8.0 → 0.10.0

package/dist/index.js

@@ -1,96 +1,96 @@
-import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import { Tooltip as j } from "@base-ui/react/tooltip";
-import { Button as ht } from "@base-ui/react/button";
-import { forwardRef as i, useRef as xt, useCallback as at, useLayoutEffect as At, useState as Dt, useEffect as jt, useSyncExternalStore as Gt, useContext as st, createContext as Bt } from "react";
-import { clsx as zt } from "clsx";
-import { twMerge as Ft } from "tailwind-merge";
-import { Field as J } from "@base-ui/react/field";
-import { PaperPlaneTilt as Et, X as wt, Check as vt, CaretUpDown as Vt, CircleNotch as _t, CaretDown as Ht, Minus as Ot, Plus as Ut } from "@phosphor-icons/react";
-import { Avatar as tt } from "@base-ui/react/avatar";
-import { Checkbox as dt } from "@base-ui/react/checkbox";
-import { Radio as gt } from "@base-ui/react/radio";
-import { RadioGroup as Xt } from "@base-ui/react/radio-group";
-import { Switch as ut } from "@base-ui/react/switch";
-import { Slider as _ } from "@base-ui/react/slider";
+import { jsx as n, jsxs as p } 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 { 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 { Select as v } from "@base-ui/react/select";
-import { Separator as Yt } from "@base-ui/react/separator";
-import { Progress as et } from "@base-ui/react/progress";
-import { Dialog as L } from "@base-ui/react/dialog";
-import { Drawer as T } from "@base-ui/react/drawer";
-import { Menu as G } from "@base-ui/react/menu";
-import { Tabs as Q } from "@base-ui/react/tabs";
-import { Accordion as X } from "@base-ui/react/accordion";
+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 { Drawer as k } from "@base-ui/react/drawer";
+import { Menu as H } 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 C } from "@base-ui/react/popover";
-import { Toast as R } from "@base-ui/react/toast";
-import { ScrollArea as E } from "@base-ui/react/scroll-area";
-import { Toggle as Wt } from "@base-ui/react/toggle";
-import { ToggleGroup as Qt } from "@base-ui/react/toggle-group";
-import { Meter as H } from "@base-ui/react/meter";
-import { AlertDialog as M } from "@base-ui/react/alert-dialog";
+import { Popover as S } from "@base-ui/react/popover";
+import { Toast as L } 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 { Autocomplete as h } from "@base-ui/react/autocomplete";
 import { Combobox as b } from "@base-ui/react/combobox";
-import { CheckboxGroup as Jt } from "@base-ui/react/checkbox-group";
-import { Collapsible as it } from "@base-ui/react/collapsible";
-import { Form as Kt } from "@base-ui/react/form";
-import { Fieldset as Nt } from "@base-ui/react/fieldset";
-import { Menubar as Zt } from "@base-ui/react/menubar";
+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 { NavigationMenu as N } from "@base-ui/react/navigation-menu";
-import { NumberField as D } from "@base-ui/react/number-field";
-import { OTPField as yt } from "@base-ui/react/otp-field";
+import { NumberField as j } from "@base-ui/react/number-field";
+import { OTPField as xt } from "@base-ui/react/otp-field";
 import { PreviewCard as z } from "@base-ui/react/preview-card";
-import { Toolbar as F } from "@base-ui/react/toolbar";
-function Pt(o) {
+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 rt(o) {
+function at(o) {
   return o <= 31308e-7 ? 12.92 * o : 1.055 * o ** (1 / 2.4) - 0.055;
 }
 function O(o) {
   return Math.min(1, Math.max(0, o));
 }
-function U(o) {
-  const r = o.replace("#", ""), e = r.length === 3 ? r.split("").map((t) => t + t).join("") : r;
+function Y(o) {
+  const e = o.replace("#", ""), r = e.length === 3 ? e.split("").map((t) => t + t).join("") : e;
   return [
-    parseInt(e.slice(0, 2), 16) / 255,
-    parseInt(e.slice(2, 4), 16) / 255,
-    parseInt(e.slice(4, 6), 16) / 255
+    parseInt(r.slice(0, 2), 16) / 255,
+    parseInt(r.slice(2, 4), 16) / 255,
+    parseInt(r.slice(4, 6), 16) / 255
   ];
 }
-function Tt([o, r, e]) {
-  const t = (n) => Math.round(O(n) * 255).toString(16).padStart(2, "0");
-  return `#${t(o)}${t(r)}${t(e)}`;
+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 Y(o) {
-  const [r, e, t] = U(o).map(Pt), n = Math.cbrt(
-    0.4122214708 * r + 0.5363325363 * e + 0.0514459929 * t
-  ), c = Math.cbrt(
-    0.2119034982 * r + 0.6806995451 * e + 0.1073969566 * t
+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 * r + 0.2817188376 * e + 0.6299787005 * t
-  ), d = 0.2104542553 * n + 0.793617785 * c - 0.0040720468 * l, u = 1.9779984951 * n - 2.428592205 * c + 0.4505937099 * l, m = 0.0259040371 * n + 0.7827717662 * c - 0.808675766 * l;
+    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;
   return {
     l: d,
-    c: Math.hypot(u, m),
-    h: (Math.atan2(m, u) * 180 / Math.PI + 360) % 360
+    c: Math.hypot(g, m),
+    h: (Math.atan2(m, g) * 180 / Math.PI + 360) % 360
   };
 }
-function S({ l: o, c: r, h: e }) {
-  const t = r * Math.cos(e * Math.PI / 180), n = r * Math.sin(e * Math.PI / 180), c = (o + 0.3963377774 * t + 0.2158037573 * n) ** 3, l = (o - 0.1055613458 * t - 0.0638541728 * n) ** 3, d = (o - 0.0894841775 * t - 1.291485548 * n) ** 3;
-  return Tt([
-    rt(O(4.0767416621 * c - 3.3077115913 * l + 0.2309699292 * d)),
-    rt(O(-1.2684380046 * c + 2.6097574011 * l - 0.3413193965 * d)),
-    rt(O(-0.0041960863 * c - 0.7034186147 * l + 1.707614701 * d))
+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))
   ]);
 }
-const qt = [0.195, 0.24, 0.27, 0.3, 0.33, 0.37, 0.43, 0.52], te = [0.014, 0.026, 0.04, 0.052, 0.062, 0.072, 0.084, 0.1];
-function k(o, r) {
-  const { h: e } = Y(o), t = qt.map((d, u) => S({ l: d, c: te[u], h: e }));
-  t.push(o, r);
-  const n = Y(r).l, c = Math.min(0.95, Math.max(0.84, n + 0.04)), l = Math.min(0.98, Math.max(c + 0.06, 0.93));
-  return t.push(S({ l: c, c: 0.11, h: e })), t.push(S({ l, c: 0.055, h: e })), t;
+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 ee = [
+const ge = [
   0.187,
   0.231,
   0.245,
@@ -103,7 +103,7 @@ const ee = [
   0.57,
   0.627,
   0.908
-], re = [
+], ye = [
   0.011,
   0.014,
   0.016,
@@ -117,36 +117,36 @@ const ee = [
   0,
   8e-3
 ];
-function kt(o) {
-  const r = {
+function It(o) {
+  const e = {
     0: o.bg,
     1: o.surface,
     2: o.surfaceRaised,
     5: o.border,
     10: o.muted,
     11: o.text
-  }, e = Y(o.border).h;
-  return ee.map(
-    (t, n) => r[n] ?? S({ l: t, c: re[n], h: e })
+  }, r = J(o.border).h;
+  return ge.map(
+    (t, a) => e[a] ?? C({ l: t, c: ye[a], h: r })
   );
 }
-function W(o, r) {
-  const e = U(r);
+function Q(o, e) {
+  const r = Y(e);
   return o.map((t) => {
-    const n = U(t);
-    let c = 0;
-    for (let g = 0; g < 3; g++) {
-      const f = n[g], P = e[g];
-      f > P ? c = Math.max(c, P < 1 ? (f - P) / (1 - P) : 0) : f < P && (c = Math.max(c, P > 0 ? (P - f) / P : 0));
+    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 (c < 1e-6) return "transparent";
-    const l = Tt(
-      n.map((g, f) => O(e[f] + (g - e[f]) / c))
-    ), [d, u, m] = U(l).map((g) => Math.round(g * 255));
-    return `rgb(${d} ${u} ${m} / ${(c * 100).toFixed(1)}%)`;
+    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)}%)`;
   });
 }
-const oe = [
+const me = [
   0.962,
   1,
   0.978,
@@ -159,7 +159,7 @@ const oe = [
   0.61,
   0.48,
   0.25
-], ae = [
+], pe = [
   6e-3,
   0,
   4e-3,
@@ -172,35 +172,35 @@ const oe = [
   0.014,
   0.012,
   0.014
-], ne = [0.975, 0.955, 0.93, 0.905, 0.878, 0.845, 0.795, 0.72], se = [0.012, 0.024, 0.038, 0.05, 0.062, 0.074, 0.09, 0.11];
-function $t(o) {
-  const r = {
+], 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
-  }, e = Y(o.border).h;
-  return oe.map(
-    (t, n) => r[n] ?? S({ l: t, c: ae[n], h: e })
+  }, r = J(o.border).h;
+  return me.map(
+    (t, a) => e[a] ?? C({ l: t, c: pe[a], h: r })
   );
 }
-function $(o) {
-  const { l: r, c: e, h: t } = Y(o), n = ne.map(
-    (c, l) => S({ l: c, c: se[l], h: t })
+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 })
   );
-  return n.push(o), n.push(S({ l: Math.max(0, r - 0.07), c: e, h: t })), n.push(S({ l: 0.5, c: 0.15, h: t })), n.push(S({ l: 0.33, c: 0.1, h: t })), n;
+  return a.push(o), a.push(C({ l: Math.max(0, e - 0.07), c: r, h: t })), a.push(C({ l: 0.5, c: 0.15, h: t })), a.push(C({ l: 0.33, c: 0.1, h: t })), a;
 }
-function mt(o) {
-  const [r, e, t] = U(o).map(Pt);
-  return 0.2126 * r + 0.7152 * e + 0.0722 * t;
+function wt(o) {
+  const [e, r, t] = Y(o).map(Ct);
+  return 0.2126 * e + 0.7152 * r + 0.0722 * t;
 }
-function Ao(o, r) {
-  const e = mt(o), t = mt(r);
-  return (Math.max(e, t) + 0.05) / (Math.min(e, t) + 0.05);
+function Wo(o, e) {
+  const r = wt(o), t = wt(e);
+  return (Math.max(r, t) + 0.05) / (Math.min(r, t) + 0.05);
 }
-const y = {
+const u = {
   color: {
     bg: "#111318",
     surface: "#1a1d24",
@@ -231,78 +231,78 @@ const y = {
     xl: 28,
     full: 999
   }
-}, K = {
+}, T = {
   bg: "#f1f2f7",
   surface: "#ffffff",
   surfaceRaised: "#f7f8fb",
   border: "#dadde6",
   muted: "#5b5d65",
   text: "#1f2129"
-}, pt = {
-  neutral: kt({
-    bg: y.color.bg,
-    surface: y.color.surface,
-    surfaceRaised: y.color.surfaceRaised,
-    border: y.color.border,
-    muted: y.color.muted,
-    text: y.color.text
+}, vt = {
+  neutral: It({
+    bg: u.color.bg,
+    surface: u.color.surface,
+    surfaceRaised: u.color.surfaceRaised,
+    border: u.color.border,
+    muted: u.color.muted,
+    text: u.color.text
   }),
-  accent: k(y.color.accent, y.color.accentLight),
-  secondary: k(
-    y.color.secondary,
-    y.color.secondaryLight
+  accent: $(u.color.accent, u.color.accentLight),
+  secondary: $(
+    u.color.secondary,
+    u.color.secondaryLight
   ),
-  success: k(y.color.success, y.color.success),
-  danger: k(y.color.danger, y.color.dangerLight),
-  warning: k(y.color.warning, y.color.warning)
-}, nt = {
-  neutral: $t(K),
-  accent: $(y.color.accent),
-  secondary: $(y.color.secondary),
-  success: $(y.color.success),
-  danger: $(y.color.danger),
-  warning: $(y.color.warning)
-}, ie = nt.neutral[3], Do = {
-  neutral: W(pt.neutral, y.color.bg),
-  accent: W(pt.accent, y.color.bg)
-}, jo = {
-  neutral: W(nt.neutral, K.bg),
-  accent: W(nt.accent, K.bg)
+  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)
 };
-function ce(o = {}) {
-  const r = o.appearance === "light", t = { ...r ? {
-    ...y.color,
-    ...K,
-    surfaceHover: ie
-  } : y.color, ...o.color }, n = { ...y.radius, ...o.radius }, c = {
+function he(o = {}) {
+  const e = o.appearance === "light", t = { ...e ? {
+    ...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 = r ? {
-    neutral: $t(c),
-    accent: $(t.accent),
-    secondary: $(t.secondary),
-    success: $(t.success),
-    danger: $(t.danger),
-    warning: $(t.warning)
+  }, 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)
   } : {
-    neutral: kt(c),
-    accent: k(t.accent, t.accentLight),
-    secondary: k(t.secondary, t.secondaryLight),
-    success: k(t.success, t.success),
-    danger: k(t.danger, t.dangerLight),
-    warning: k(t.warning, t.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 [u, m] of Object.entries(l))
-    m.forEach((g, f) => {
-      d[`--gryt-${u}-${f + 1}`] = g, d[`--color-gryt-${u}-${f + 1}`] = g;
+  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;
     });
-  for (const u of ["neutral", "accent"])
-    W(l[u], t.bg).forEach((m, g) => {
-      d[`--gryt-${u}-a${g + 1}`] = m, d[`--color-gryt-${u}-a${g + 1}`] = m;
+  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;
     });
   return {
     ...d,
@@ -345,53 +345,254 @@ function ce(o = {}) {
     "--color-gryt-on-accent": t.onAccent,
     "--color-gryt-on-secondary": t.onSecondary,
     "--color-gryt-on-danger": t.onDanger,
-    "--gryt-radius-sm": `${n.sm}px`,
-    "--gryt-radius-md": `${n.md}px`,
-    "--gryt-radius-lg": `${n.lg}px`,
-    "--gryt-radius-xl": `${n.xl}px`,
-    "--gryt-radius-full": `${n.full}px`
+    "--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`
   };
 }
-function le(o) {
-  return Object.keys(o).some((r) => r.startsWith("--"));
+function xe(o) {
+  return Object.keys(o).some((e) => e.startsWith("--"));
 }
-function Go({
+function Qo({
   children: o,
-  className: r,
-  theme: e,
+  className: e,
+  theme: r,
   tooltipDelay: t = 400
 }) {
-  const n = e && le(e) ? e : ce(e ?? {});
-  return /* @__PURE__ */ a("div", { className: r, style: n, children: /* @__PURE__ */ a(j.Provider, { delay: t, children: o }) });
+  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 tt = [
+  "accent",
+  "accentLight",
+  "secondary",
+  "secondaryLight",
+  "success",
+  "danger",
+  "dangerLight",
+  "warning",
+  "onAccent",
+  "onSecondary",
+  "onDanger"
+], Dt = [
+  "bg",
+  "surface",
+  "surfaceRaised",
+  "surfaceHover",
+  "border",
+  "muted",
+  "text"
+], ut = ["sm", "md", "lg", "xl", "full"], we = 60;
+function gt(o) {
+  return o.replace(/\s+/g, " ").trim().slice(0, we);
+}
+const X = {
+  hue: {
+    accent: u.color.accent,
+    accentLight: u.color.accentLight,
+    secondary: u.color.secondary,
+    secondaryLight: u.color.secondaryLight,
+    success: u.color.success,
+    danger: u.color.danger,
+    dangerLight: u.color.dangerLight,
+    warning: u.color.warning,
+    onAccent: u.color.onAccent,
+    onSecondary: u.color.onSecondary,
+    onDanger: u.color.onDanger
+  },
+  lightHue: null,
+  dark: {
+    bg: u.color.bg,
+    surface: u.color.surface,
+    surfaceRaised: u.color.surfaceRaised,
+    surfaceHover: u.color.surfaceHover,
+    border: u.color.border,
+    muted: u.color.muted,
+    text: u.color.text
+  },
+  light: {
+    bg: T.bg,
+    surface: T.surface,
+    surfaceRaised: T.surfaceRaised,
+    surfaceHover: At,
+    border: T.border,
+    muted: T.muted,
+    text: T.text
+  },
+  radius: { ...u.radius }
+};
+function jt(o) {
+  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 }
+  };
+}
+function ve(o, e) {
+  return e === "light" && o.lightHue !== null ? o.lightHue : o.hue;
+}
+function Zo(o, e) {
+  return {
+    appearance: e,
+    color: { ...ve(o, e), ...o[e] },
+    radius: { ...o.radius }
+  };
+}
+const W = {
+  accent: "accent",
+  accentLight: "accent-light",
+  secondary: "secondary",
+  secondaryLight: "secondary-light",
+  success: "success",
+  danger: "danger",
+  dangerLight: "danger-light",
+  warning: "warning",
+  onAccent: "on-accent",
+  onSecondary: "on-secondary",
+  onDanger: "on-danger"
+}, Gt = {
+  bg: "bg",
+  surface: "surface",
+  surfaceRaised: "raised",
+  surfaceHover: "hover",
+  border: "border",
+  muted: "muted",
+  text: "text"
+}, Ne = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Ht(o) {
+  return Ne.test(o.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 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]));
+  }
+  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;
+}
+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 Pe(o) {
+  const e = jt(X);
+  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);
+  }
+  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);
+    }
+    e.lightHue = i;
+  }
+  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 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);
+  }
+  return r ? {
+    theme: e,
+    appearance: o.get("mode") === "light" ? "light" : "dark"
+  } : null;
+}
+function ke(o) {
+  let e;
+  try {
+    e = JSON.parse(o);
+  } 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 r.name == "string") {
+    const l = gt(r.name);
+    l !== "" && (t.name = l, a = !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 (typeof r.radius == "object" && r.radius !== null)
+    for (const [l, d] 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);
+    }
+  return a ? { theme: t, appearance: "dark" } : null;
 }
 function s(...o) {
-  return Ft(zt(o));
+  return Jt(Kt(o));
 }
-const de = {
+const Te = {
   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"
-}, ge = {
+}, $e = {
   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"
-}, ue = i(
+}, Re = c(
   function({
-    children: r,
-    className: e,
+    children: e,
+    className: r,
     endIcon: t,
-    size: n = "medium",
-    startIcon: c,
+    size: a = "medium",
+    startIcon: i,
     tone: l = "primary",
     ...d
-  }, u) {
+  }, g) {
     return /* @__PURE__ */ p(
-      ht,
+      kt,
       {
-        ref: u,
+        ref: g,
         className: s(
           "gryt-button",
           "inline-flex items-center justify-center gap-2 border-0 shadow-none",
@@ -413,80 +614,80 @@ const de = {
           "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",
-          ge[n],
-          de[l],
-          e
+          $e[a],
+          Te[l],
+          r
         ),
         ...d,
         children: [
-          c,
-          r,
+          i,
+          e,
           t
         ]
       }
     );
   }
-), x = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gryt-accent-light", ye = "has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-gryt-accent-light", Ct = [
+), 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 = [
   "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(" "), St = {
+].join(" "), zt = {
   small: "min-h-9 px-3 py-1.5 text-sm",
   medium: "min-h-11 px-4 py-2.5 text-sm"
-}, B = "rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface text-gryt-text", A = [
+}, E = "rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface text-gryt-text", D = [
   // scale and translate are named explicitly because Tailwind v4 sets them as
   // standalone CSS properties rather than folding them into `transform`, so
   // transitioning `transform` would leave the popup snapping into place.
   "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none",
   "data-starting-style:scale-[0.98] data-starting-style:opacity-0",
   "data-ending-style:scale-[0.98] data-ending-style:opacity-0"
-].join(" "), V = "data-disabled:cursor-not-allowed data-disabled:opacity-50", me = {
+].join(" "), F = "data-disabled:cursor-not-allowed data-disabled:opacity-50", Ce = {
   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"
-}, Rt = {
+}, Bt = {
   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"
-}, pe = {
+}, Le = {
   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"
-}, fe = {
+}, Ie = {
   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"
-}, be = {
+}, Me = {
   primary: "text-gryt-accent hover:not-data-disabled:bg-gryt-accent/10",
   secondary: "text-gryt-secondary hover:not-data-disabled:bg-gryt-secondary/10",
   neutral: "text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text",
   danger: "text-gryt-danger hover:not-data-disabled:bg-gryt-danger/10",
   ghost: "text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text"
-}, he = {
+}, Ae = {
   xsmall: "h-8 w-8",
   small: "h-9 w-9",
   medium: "h-10 w-10",
   large: "h-12 w-12"
-}, Bo = i(
-  function({ className: r, size: e = "medium", tone: t = "neutral", ...n }, c) {
-    return /* @__PURE__ */ a(
-      ht,
+}, en = c(
+  function({ className: e, size: r = "medium", tone: t = "neutral", ...a }, i) {
+    return /* @__PURE__ */ n(
+      kt,
       {
-        ref: c,
+        ref: i,
         className: s(
           "gryt-icon-button",
           "inline-flex shrink-0 items-center justify-center border-0 bg-transparent p-0",
@@ -502,186 +703,186 @@ const de = {
           "motion-safe:not-[[aria-haspopup]]:hover:not-data-disabled:scale-[1.06]",
           "motion-safe:not-[[aria-haspopup]]:active:not-data-disabled:scale-[0.94]",
           x,
-          V,
-          he[e],
-          be[t],
-          r
+          F,
+          Ae[r],
+          Me[t],
+          e
         ),
-        ...n
+        ...a
       }
     );
   }
-), zo = i(
-  function({ className: r, elevated: e = !1, ...t }, n) {
-    return /* @__PURE__ */ a(
+), rn = c(
+  function({ className: e, elevated: r = !1, ...t }, a) {
+    return /* @__PURE__ */ n(
       "div",
       {
-        ref: n,
+        ref: a,
         className: s(
           "gryt-surface rounded-(--gryt-radius-lg) border border-gryt-border p-4 text-gryt-text",
-          e ? "bg-gryt-surface-raised" : "bg-gryt-surface",
-          r
+          r ? "bg-gryt-surface-raised" : "bg-gryt-surface",
+          e
         ),
         ...t
       }
     );
   }
-), Fo = i(
-  function({ children: r, className: e, from: t = "assistant", ...n }, c) {
-    return /* @__PURE__ */ a(
+), on = c(
+  function({ children: e, className: r, from: t = "assistant", ...a }, i) {
+    return /* @__PURE__ */ n(
       "div",
       {
-        ref: c,
+        ref: i,
         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
+          r
         ),
-        ...n,
-        children: r
+        ...a,
+        children: e
       }
     );
   }
-), Eo = i(
+), nn = c(
   function({
-    className: r,
-    error: e = !1,
+    className: e,
+    error: r = !1,
     fieldClassName: t,
-    helperText: n,
-    label: c,
+    helperText: a,
+    label: i,
     minRows: l = 3,
     multiline: d = !1,
-    size: u = "medium",
+    size: g = "medium",
     ...m
-  }, g) {
-    const f = /* @__PURE__ */ a(
-      J.Control,
+  }, y) {
+    const f = /* @__PURE__ */ n(
+      q.Control,
       {
-        ref: g,
-        render: d ? /* @__PURE__ */ a("textarea", { rows: l }) : void 0,
+        ref: y,
+        render: d ? /* @__PURE__ */ n("textarea", { rows: l }) : void 0,
         className: s(
           "gryt-text-field-control",
-          Ct,
+          Et,
           d && "resize-y leading-6",
-          e ? "border-gryt-danger" : "border-gryt-border",
-          St[u],
-          r
+          r ? "border-gryt-danger" : "border-gryt-border",
+          zt[g],
+          e
         ),
         ...m
       }
     );
     return /* @__PURE__ */ p(
-      J.Root,
+      q.Root,
       {
         className: s(
           "gryt-text-field flex w-full flex-col gap-1.5",
           t
         ),
         children: [
-          c ? /* @__PURE__ */ a(J.Label, { className: "text-xs font-medium text-gryt-muted", children: c }) : null,
+          i ? /* @__PURE__ */ n(q.Label, { className: "text-xs font-medium text-gryt-muted", children: i }) : null,
           f,
-          n ? /* @__PURE__ */ a(
-            J.Description,
+          a ? /* @__PURE__ */ n(
+            q.Description,
             {
               className: s(
                 "text-xs",
-                e ? "text-gryt-danger" : "text-gryt-muted"
+                r ? "text-gryt-danger" : "text-gryt-muted"
               ),
-              children: n
+              children: a
             }
           ) : null
         ]
       }
     );
   }
-), Vo = i(
+), an = c(
   function({
-    className: r,
-    disabled: e = !1,
+    className: e,
+    disabled: r = !1,
     maxRows: t = 8,
-    minRows: n = 1,
-    onSubmit: c,
+    minRows: a = 1,
+    onSubmit: i,
     placeholder: l = "Message Gryt",
     submitLabel: d = "Send",
-    ...u
+    ...g
   }, m) {
-    const g = xt(null), f = at(() => {
-      const w = g.current;
+    const y = Tt(null), f = it(() => {
+      const w = y.current;
       if (!w)
         return;
-      const q = window.getComputedStyle(w), ct = parseFloat(q.lineHeight) || 24, lt = parseFloat(q.paddingTop) + parseFloat(q.paddingBottom);
+      const rt = window.getComputedStyle(w), mt = parseFloat(rt.lineHeight) || 24, pt = parseFloat(rt.paddingTop) + parseFloat(rt.paddingBottom);
       w.style.height = "auto", w.style.height = `${Math.min(
-        Math.max(w.scrollHeight, ct * n + lt),
-        ct * t + lt
+        Math.max(w.scrollHeight, mt * a + pt),
+        mt * t + pt
       )}px`;
-    }, [t, n]);
-    At(f, [f, u.value]);
+    }, [t, a]);
+    Ut(f, [f, g.value]);
     function P(w) {
-      if (!c) {
+      if (!i) {
         w.preventDefault();
         return;
       }
-      c(w);
+      i(w);
     }
-    return /* @__PURE__ */ p("form", { className: s("gryt-composer", r), onSubmit: P, children: [
-      /* @__PURE__ */ a(
+    return /* @__PURE__ */ p("form", { className: s("gryt-composer", e), onSubmit: P, children: [
+      /* @__PURE__ */ n(
         "textarea",
         {
           ref: (w) => {
-            g.current = w, typeof m == "function" ? m(w) : m && (m.current = w);
+            y.current = w, typeof m == "function" ? m(w) : m && (m.current = w);
           },
-          rows: n,
-          disabled: e,
+          rows: a,
+          disabled: r,
           placeholder: l,
           onInput: f,
           className: "gryt-composer-textarea disabled:cursor-not-allowed disabled:opacity-60",
-          ...u
+          ...g
         }
       ),
-      /* @__PURE__ */ a(
-        ue,
+      /* @__PURE__ */ n(
+        Re,
         {
           type: "submit",
-          disabled: e,
+          disabled: r,
           size: "small",
-          endIcon: /* @__PURE__ */ a(Et, { size: 14, weight: "fill" }),
+          endIcon: /* @__PURE__ */ n(Qt, { size: 14, weight: "fill" }),
           children: d
         }
       )
     ] });
   }
-), xe = {
+), De = {
   small: "h-8 w-8 text-xs",
   medium: "h-10 w-10 text-sm",
   large: "h-12 w-12 text-base"
-}, we = i(function({ alt: r, children: e, className: t, fallback: n, size: c = "medium", src: l, ...d }, u) {
+}, je = c(function({ alt: e, children: r, className: t, fallback: a, size: i = "medium", src: l, ...d }, g) {
   return /* @__PURE__ */ p(
-    tt.Root,
+    ot.Root,
     {
-      ref: u,
+      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",
-        xe[c],
+        De[i],
         t
       ),
       ...d,
       children: [
-        l ? /* @__PURE__ */ a(
-          tt.Image,
+        l ? /* @__PURE__ */ n(
+          ot.Image,
           {
             src: l,
-            alt: r,
+            alt: e,
             className: "h-full w-full object-cover"
           }
         ) : null,
-        /* @__PURE__ */ a(tt.Fallback, { className: "flex h-full w-full items-center justify-center", children: n ?? e })
+        /* @__PURE__ */ n(ot.Fallback, { className: "flex h-full w-full items-center justify-center", children: a ?? r })
       ]
     }
   );
-}), _o = i(function({ active: r = !1, avatar: e, className: t, subtitle: n, title: c, ...l }, d) {
+}), sn = c(function({ active: e = !1, avatar: r, className: t, subtitle: a, title: i, ...l }, d) {
   return /* @__PURE__ */ p(
     "button",
     {
@@ -689,39 +890,39 @@ const de = {
       type: "button",
       className: s(
         "gryt-conversation-item",
-        r ? "bg-gryt-accent text-gryt-on-accent" : "text-gryt-text hover:bg-white/5",
+        e ? "bg-gryt-accent text-gryt-on-accent" : "text-gryt-text hover:bg-white/5",
         t
       ),
       ...l,
       children: [
-        e ?? /* @__PURE__ */ a(
-          we,
+        r ?? /* @__PURE__ */ n(
+          je,
           {
             size: "small",
             className: s(
-              r ? "bg-gryt-on-accent text-gryt-accent ring-transparent" : "bg-gryt-surface-raised text-gryt-text"
+              e ? "bg-gryt-on-accent text-gryt-accent ring-transparent" : "bg-gryt-surface-raised text-gryt-text"
             ),
-            children: c.slice(0, 1).toUpperCase()
+            children: i.slice(0, 1).toUpperCase()
           }
         ),
         /* @__PURE__ */ p("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ a("span", { className: "block truncate text-sm font-semibold", children: c }),
-          n ? /* @__PURE__ */ a(
+          /* @__PURE__ */ n("span", { className: "block truncate text-sm font-semibold", children: i }),
+          a ? /* @__PURE__ */ n(
             "span",
             {
               className: s(
                 "block truncate text-xs",
-                r ? "text-gryt-on-accent/70" : "text-gryt-muted"
+                e ? "text-gryt-on-accent/70" : "text-gryt-muted"
               ),
-              children: n
+              children: a
             }
           ) : null
         ] })
       ]
     }
   );
-}), Ho = i(function({ badgeContent: r, children: e, className: t, max: n = 99, showZero: c = !1, ...l }, d) {
-  const u = typeof r == "number" ? r : null, m = u !== null && u === 0 && !c, g = u !== null && u > n ? `${n}+` : r;
+}), 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(
     "span",
     {
@@ -729,8 +930,8 @@ const de = {
       className: s("gryt-badge relative inline-flex", t),
       ...l,
       children: [
-        e,
-        r !== void 0 && !m ? /* @__PURE__ */ a(
+        r,
+        e !== void 0 && !m ? /* @__PURE__ */ n(
           "span",
           {
             className: s(
@@ -739,56 +940,56 @@ const de = {
               "bg-gryt-accent text-[0.65rem] leading-none font-semibold text-gryt-on-accent",
               "ring-2 ring-gryt-bg"
             ),
-            children: g
+            children: y
           }
         ) : null
       ]
     }
   );
-}), ve = {
+}), Ge = {
   neutral: "border-gryt-border bg-gryt-surface-raised text-gryt-text",
   primary: "border-gryt-accent/40 bg-gryt-accent/12 text-gryt-accent",
   secondary: "border-gryt-secondary/40 bg-gryt-secondary/12 text-gryt-secondary",
   success: "border-gryt-success/40 bg-gryt-success/12 text-gryt-success",
   warning: "border-gryt-warning/40 bg-gryt-warning/12 text-gryt-warning",
   danger: "border-gryt-danger/40 bg-gryt-danger/12 text-gryt-danger"
-}, Oo = i(function({ children: r, className: e, icon: t, label: n, onDelete: c, tone: l = "neutral", ...d }, u) {
+}, ln = c(function({ children: e, className: r, icon: t, label: a, onDelete: i, tone: l = "neutral", ...d }, g) {
   return /* @__PURE__ */ p(
     "span",
     {
-      ref: u,
+      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",
-        ve[l],
-        e
+        Ge[l],
+        r
       ),
       ...d,
       children: [
         t,
-        n ?? r,
-        c ? /* @__PURE__ */ a(
+        a ?? e,
+        i ? /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             "aria-label": "Remove",
-            onClick: c,
+            onClick: i,
             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__ */ a(wt, { size: 10, weight: "bold", "aria-hidden": "true" })
+            children: /* @__PURE__ */ n($t, { size: 10, weight: "bold", "aria-hidden": "true" })
           }
         ) : null
       ]
     }
   );
-}), Uo = i(
-  function({ className: r, tone: e = "primary", ...t }, n) {
-    return /* @__PURE__ */ a(
-      dt.Root,
+}), dn = c(
+  function({ className: e, tone: r = "primary", ...t }, a) {
+    return /* @__PURE__ */ n(
+      ft.Root,
       {
-        ref: n,
+        ref: a,
         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",
@@ -800,14 +1001,14 @@ const de = {
           "motion-safe:hover:not-data-disabled:scale-[1.08]",
           "motion-safe:active:not-data-disabled:scale-[0.92]",
           x,
-          V,
+          F,
           // Unchecked stays a neutral outline; the tone only paints once checked.
-          me[e],
-          r
+          Ce[r],
+          e
         ),
         ...t,
-        children: /* @__PURE__ */ a(
-          dt.Indicator,
+        children: /* @__PURE__ */ n(
+          ft.Indicator,
           {
             keepMounted: !0,
             className: s(
@@ -820,17 +1021,17 @@ const de = {
               "data-unchecked:scale-0 data-unchecked:opacity-0",
               "motion-reduce:transition-none"
             ),
-            children: /* @__PURE__ */ a(vt, { size: 12, weight: "bold" })
+            children: /* @__PURE__ */ n(Rt, { size: 12, weight: "bold" })
           }
         )
       }
     );
   }
-), Xo = i(function({ className: r, tone: e = "primary", ...t }, n) {
-  return /* @__PURE__ */ a(
-    gt.Root,
+), un = c(function({ className: e, tone: r = "primary", ...t }, a) {
+  return /* @__PURE__ */ n(
+    bt.Root,
     {
-      ref: n,
+      ref: a,
       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",
@@ -839,14 +1040,14 @@ const de = {
         "motion-safe:hover:not-data-disabled:scale-[1.08]",
         "motion-safe:active:not-data-disabled:scale-[0.92]",
         x,
-        V,
+        F,
         // Border takes the tone when selected; the dot inside carries the fill.
-        pe[e],
-        r
+        Le[r],
+        e
       ),
       ...t,
-      children: /* @__PURE__ */ a(
-        gt.Indicator,
+      children: /* @__PURE__ */ n(
+        bt.Indicator,
         {
           keepMounted: !0,
           className: s(
@@ -855,29 +1056,29 @@ const de = {
             // 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",
-            Rt[e]
+            Bt[r]
           )
         }
       )
     }
   );
-}), Yo = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      Xt,
+}), gn = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      oe,
       {
         ref: t,
-        className: s("gryt-radio-group flex flex-col gap-2", r),
-        ...e
+        className: s("gryt-radio-group flex flex-col gap-2", e),
+        ...r
       }
     );
   }
-), Wo = i(
-  function({ className: r, tone: e = "primary", ...t }, n) {
-    return /* @__PURE__ */ a(
-      ut.Root,
+), yn = c(
+  function({ className: e, tone: r = "primary", ...t }, a) {
+    return /* @__PURE__ */ n(
+      ht.Root,
       {
-        ref: n,
+        ref: a,
         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",
@@ -887,13 +1088,13 @@ const de = {
           "motion-safe:hover:not-data-disabled:scale-[1.05]",
           "motion-safe:active:not-data-disabled:scale-[0.95]",
           x,
-          V,
-          fe[e],
-          r
+          F,
+          Ie[r],
+          e
         ),
         ...t,
-        children: /* @__PURE__ */ a(
-          ut.Thumb,
+        children: /* @__PURE__ */ n(
+          ht.Thumb,
           {
             className: s(
               "h-4.5 w-4.5 rounded-(--gryt-radius-full) bg-gryt-text",
@@ -905,56 +1106,56 @@ const de = {
       }
     );
   }
-), ft = 3;
-function Qo({
+), Nt = 3;
+function mn({
   className: o,
-  tone: r = "primary",
-  "aria-label": e,
+  tone: e = "primary",
+  "aria-label": r,
   ...t
 }) {
-  const [n, c] = Dt(!1), l = xt(null);
-  jt(() => {
-    if (!n && l.current === null)
+  const [a, i] = Ot(!1), l = Tt(null);
+  Yt(() => {
+    if (!a && l.current === null)
       return;
-    const g = () => {
-      l.current = null, c(!1);
+    const y = () => {
+      l.current = null, i(!1);
     };
-    return window.addEventListener("pointerup", g), window.addEventListener("pointercancel", g), () => {
-      window.removeEventListener("pointerup", g), window.removeEventListener("pointercancel", g);
+    return window.addEventListener("pointerup", y), window.addEventListener("pointercancel", y), () => {
+      window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y);
     };
-  }, [n]);
-  function d(g) {
-    l.current = { x: g.clientX, y: g.clientY };
+  }, [a]);
+  function d(y) {
+    l.current = { x: y.clientX, y: y.clientY };
   }
-  function u(g) {
+  function g(y) {
     const f = l.current;
-    if (f === null || n)
+    if (f === null || a)
       return;
-    (Math.abs(g.clientX - f.x) > ft || Math.abs(g.clientY - f.y) > ft) && c(!0);
+    (Math.abs(y.clientX - f.x) > Nt || Math.abs(y.clientY - f.y) > Nt) && i(!0);
   }
-  const m = n ? "transition-none" : "duration-(--gryt-dur-spring) ease-spring-tight motion-reduce:transition-none";
-  return /* @__PURE__ */ a(_.Root, { className: s("gryt-slider w-full", o), ...t, children: /* @__PURE__ */ a(
-    _.Control,
+  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,
     {
       className: "flex w-full touch-none items-center py-2 select-none",
       onPointerDown: d,
-      onPointerMove: u,
-      children: /* @__PURE__ */ p(_.Track, { className: "h-1.5 w-full rounded-(--gryt-radius-full) bg-gryt-surface-raised select-none", children: [
-        /* @__PURE__ */ a(
-          _.Indicator,
+      onPointerMove: g,
+      children: /* @__PURE__ */ p(V.Track, { className: "h-1.5 w-full rounded-(--gryt-radius-full) bg-gryt-surface-raised select-none", children: [
+        /* @__PURE__ */ n(
+          V.Indicator,
           {
             className: s(
               "h-full rounded-(--gryt-radius-full) select-none",
               "transition-[width]",
               m,
-              Rt[r]
+              Bt[e]
             )
           }
         ),
-        /* @__PURE__ */ a(
-          _.Thumb,
+        /* @__PURE__ */ n(
+          V.Thumb,
           {
-            "aria-label": e,
+            "aria-label": r,
             className: s(
               "group h-4 w-4 rounded-(--gryt-radius-full) select-none",
               "transition-[inset-inline-start]",
@@ -963,9 +1164,9 @@ function Qo({
               // 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.
-              ye
+              Se
             ),
-            children: /* @__PURE__ */ a(
+            children: /* @__PURE__ */ n(
               "span",
               {
                 className: s(
@@ -982,21 +1183,21 @@ function Qo({
     }
   ) });
 }
-const Ne = {
+const He = {
   small: "min-h-9 px-3 text-sm",
   medium: "min-h-11 px-4 text-sm"
 };
-function Jo({
+function pn({
   className: o,
-  label: r,
-  options: e = [],
+  label: e,
+  options: r = [],
   placeholder: t = "Select",
-  size: n = "medium",
-  ...c
+  size: a = "medium",
+  ...i
 }) {
-  return /* @__PURE__ */ p(v.Root, { items: e, ...c, children: [
+  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: [
-      r ? /* @__PURE__ */ a(v.Label, { className: "text-xs font-medium text-gryt-muted", children: r }) : null,
+      e ? /* @__PURE__ */ n(v.Label, { className: "text-xs font-medium text-gryt-muted", children: e }) : null,
       /* @__PURE__ */ p(
         v.Trigger,
         {
@@ -1007,20 +1208,20 @@ function Jo({
             "transition-colors duration-150 hover:border-gryt-accent-light",
             "data-disabled:cursor-not-allowed data-disabled:opacity-60",
             x,
-            Ne[n]
+            He[a]
           ),
           children: [
-            /* @__PURE__ */ a(v.Value, { placeholder: t }),
-            /* @__PURE__ */ a(v.Icon, { className: "shrink-0 text-gryt-muted", children: /* @__PURE__ */ a(Vt, { size: 16 }) })
+            /* @__PURE__ */ n(v.Value, { placeholder: t }),
+            /* @__PURE__ */ n(v.Icon, { className: "shrink-0 text-gryt-muted", children: /* @__PURE__ */ n(Zt, { size: 16 }) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ a(v.Portal, { children: /* @__PURE__ */ a(v.Positioner, { sideOffset: 6, className: "outline-none", children: /* @__PURE__ */ a(
+    /* @__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", B, A),
-        children: /* @__PURE__ */ a(v.List, { children: e.map((l) => /* @__PURE__ */ p(
+        className: s("min-w-(--anchor-width) p-1", E, D),
+        children: /* @__PURE__ */ n(v.List, { children: r.map((l) => /* @__PURE__ */ p(
           v.Item,
           {
             value: l.value,
@@ -1032,8 +1233,8 @@ function Jo({
               "data-disabled:cursor-not-allowed data-disabled:opacity-50"
             ),
             children: [
-              /* @__PURE__ */ a(v.ItemText, { children: l.label }),
-              /* @__PURE__ */ a(v.ItemIndicator, { className: "text-gryt-accent", children: /* @__PURE__ */ a(vt, { size: 14, weight: "bold" }) })
+              /* @__PURE__ */ n(v.ItemText, { children: l.label }),
+              /* @__PURE__ */ n(v.ItemIndicator, { className: "text-gryt-accent", children: /* @__PURE__ */ n(Rt, { size: 14, weight: "bold" }) })
             ]
           },
           String(l.value)
@@ -1042,150 +1243,150 @@ function Jo({
     ) }) })
   ] });
 }
-function Ko({
+function fn({
   children: o,
-  className: r,
-  side: e = "top",
+  className: e,
+  side: r = "top",
   sideOffset: t = 8,
-  title: n
+  title: a
 }) {
-  return /* @__PURE__ */ p(j.Root, { children: [
-    /* @__PURE__ */ a(j.Trigger, { render: o }),
-    /* @__PURE__ */ a(j.Portal, { children: /* @__PURE__ */ a(j.Positioner, { side: e, sideOffset: t, children: /* @__PURE__ */ a(
-      j.Popup,
+  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(
+      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",
-          A,
-          r
+          D,
+          e
         ),
-        children: n
+        children: a
       }
     ) }) })
   ] });
 }
-const Zo = j.Provider, qo = i(
-  function({ className: r, orientation: e = "horizontal", ...t }, n) {
-    return /* @__PURE__ */ a(
-      Yt,
+const bn = G.Provider, hn = c(
+  function({ className: e, orientation: r = "horizontal", ...t }, a) {
+    return /* @__PURE__ */ n(
+      ne,
       {
-        ref: n,
-        orientation: e,
+        ref: a,
+        orientation: r,
         className: s(
           "gryt-divider bg-gryt-border",
-          e === "vertical" ? "h-full w-px" : "h-px w-full",
-          r
+          r === "vertical" ? "h-full w-px" : "h-px w-full",
+          e
         ),
         ...t
       }
     );
   }
-), ta = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
+), xn = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
     "div",
     {
       ref: t,
       className: s(
         "gryt-card rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface text-gryt-text",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
 });
-function ea({
+function wn({
   children: o,
-  className: r,
-  subheader: e,
+  className: e,
+  subheader: r,
   title: t,
-  ...n
+  ...a
 }) {
   return /* @__PURE__ */ p(
     "div",
     {
-      className: s("gryt-card-header flex flex-col gap-1 p-4", r),
-      ...n,
+      className: s("gryt-card-header flex flex-col gap-1 p-4", e),
+      ...a,
       children: [
-        t ? /* @__PURE__ */ a("span", { className: "text-base font-semibold text-gryt-text", children: t }) : null,
-        e ? /* @__PURE__ */ a("span", { className: "text-sm text-gryt-muted", children: e }) : null,
+        t ? /* @__PURE__ */ n("span", { className: "text-base font-semibold text-gryt-text", children: t }) : null,
+        r ? /* @__PURE__ */ n("span", { className: "text-sm text-gryt-muted", children: r }) : null,
         o
       ]
     }
   );
 }
-function ra({
+function vn({
   className: o,
-  ...r
+  ...e
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ n(
     "div",
     {
       className: s(
         "gryt-card-content px-4 pb-4 text-sm text-gryt-muted",
         o
       ),
-      ...r
+      ...e
     }
   );
 }
-function oa({
+function Nn({
   className: o,
-  ...r
+  ...e
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ n(
     "div",
     {
       className: s(
         "gryt-card-actions flex items-center gap-2 px-4 pb-4",
         o
       ),
-      ...r
+      ...e
     }
   );
 }
-const Pe = {
+const Ee = {
   info: "border-gryt-secondary/40 bg-gryt-secondary/10 text-gryt-secondary",
   success: "border-gryt-success/40 bg-gryt-success/10 text-gryt-success",
   warning: "border-gryt-warning/40 bg-gryt-warning/10 text-gryt-warning",
   error: "border-gryt-danger/40 bg-gryt-danger/10 text-gryt-danger"
-}, aa = i(function({ className: r, severity: e = "info", ...t }, n) {
-  return /* @__PURE__ */ a(
+}, Pn = c(function({ className: e, severity: r = "info", ...t }, a) {
+  return /* @__PURE__ */ n(
     "div",
     {
-      ref: n,
+      ref: a,
       role: "alert",
       className: s(
         "gryt-alert rounded-(--gryt-radius-lg) border px-4 py-3 text-sm",
-        Pe[e],
-        r
+        Ee[r],
+        e
       ),
       ...t
     }
   );
 });
-function na({ className: o, value: r = null, ...e }) {
-  return /* @__PURE__ */ a(
-    et.Root,
+function kn({ className: o, value: e = null, ...r }) {
+  return /* @__PURE__ */ n(
+    nt.Root,
     {
-      value: r,
+      value: e,
       className: s("gryt-progress w-full", o),
-      ...e,
-      children: /* @__PURE__ */ a(et.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ a(et.Indicator, { className: "h-full rounded-(--gryt-radius-full) bg-gryt-accent transition-[width] duration-300 ease-out motion-reduce:transition-none" }) })
+      ...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" }) })
     }
   );
 }
-function sa({
+function Tn({
   className: o,
-  size: r = 24,
-  "aria-label": e = "Loading"
+  size: e = 24,
+  "aria-label": r = "Loading"
 }) {
-  return /* @__PURE__ */ a(
-    _t,
+  return /* @__PURE__ */ n(
+    qt,
     {
       role: "status",
-      "aria-label": e,
-      size: r,
+      "aria-label": r,
+      size: e,
       weight: "bold",
       className: s(
         "gryt-spinner text-gryt-accent motion-safe:animate-spin",
@@ -1194,26 +1395,26 @@ function sa({
     }
   );
 }
-const Te = {
+const ze = {
   text: "h-4 rounded-(--gryt-radius-sm)",
   rounded: "rounded-(--gryt-radius-lg)",
   circular: "rounded-(--gryt-radius-full)",
   rectangular: "rounded-none"
 };
-function ia({
+function $n({
   className: o,
-  height: r,
-  style: e,
+  height: e,
+  style: r,
   variant: t = "text",
-  width: n,
-  ...c
+  width: a,
+  ...i
 }) {
   const l = {
-    width: n,
-    height: r,
-    ...e
+    width: a,
+    height: e,
+    ...r
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ n(
     "div",
     {
       "aria-hidden": "true",
@@ -1225,131 +1426,131 @@ function ia({
         // 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",
-        Te[t],
+        ze[t],
         o
       ),
       style: l,
-      ...c
+      ...i
     }
   );
 }
-const It = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none", ke = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      L.Backdrop,
+const _t = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none", Be = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      M.Backdrop,
       {
         ref: t,
         className: s(
           "gryt-dialog-backdrop fixed inset-0 min-h-dvh bg-black/60",
           "backdrop-blur-(--gryt-backdrop-blur)",
-          It,
+          _t,
           "data-starting-style:opacity-0 data-ending-style:opacity-0",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), $e = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      L.Popup,
+), _e = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      M.Popup,
       {
         ref: t,
         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",
-          It,
+          _t,
           "data-starting-style:scale-[0.98] data-starting-style:opacity-0",
           "data-ending-style:scale-[0.98] data-ending-style:opacity-0",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), Ce = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      L.Title,
+), Fe = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      M.Title,
       {
         ref: t,
         className: s(
           "gryt-dialog-title text-base font-semibold text-gryt-text",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), Se = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      L.Description,
+), Ve = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      M.Description,
       {
         ref: t,
         className: s(
           "gryt-dialog-description text-sm text-gryt-muted",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), Re = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
+), Ue = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
       "div",
       {
         ref: t,
         className: s(
           "gryt-dialog-footer flex justify-end gap-3",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), ca = {
-  Root: L.Root,
-  Trigger: L.Trigger,
-  Portal: L.Portal,
-  Close: L.Close,
-  Backdrop: ke,
-  Popup: $e,
-  Title: Ce,
-  Description: Se,
-  Footer: Re
-}, Ie = () => () => {
+), Rn = {
+  Root: M.Root,
+  Trigger: M.Trigger,
+  Portal: M.Portal,
+  Close: M.Close,
+  Backdrop: Be,
+  Popup: _e,
+  Title: Fe,
+  Description: Ve,
+  Footer: Ue
+}, Oe = () => () => {
 };
-function Le(o) {
-  const r = at(
+function Ye(o) {
+  const e = it(
     (t) => {
-      if (typeof window > "u" || !window.matchMedia) return Ie();
-      const n = window.matchMedia(o);
-      return n.addEventListener("change", t), () => n.removeEventListener("change", t);
+      if (typeof window > "u" || !window.matchMedia) return Oe();
+      const a = window.matchMedia(o);
+      return a.addEventListener("change", t), () => a.removeEventListener("change", t);
     },
     [o]
-  ), e = at(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia(o).matches, [o]);
-  return Gt(r, e, () => !1);
+  ), r = it(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia(o).matches, [o]);
+  return Xt(e, r, () => !1);
 }
-const Me = {
+const Xe = {
   left: "left",
   right: "right",
   top: "up",
   bottom: "down"
-}, Z = Bt("right"), Ae = {
+}, et = Wt("right"), We = {
   left: "items-stretch justify-start",
   right: "items-stretch justify-end",
   top: "items-start justify-center",
   bottom: "items-end justify-center"
-}, De = {
+}, Ke = {
   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 = {
+}, Je = {
   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))]",
@@ -1379,20 +1580,20 @@ const Me = {
     "data-ending-style:[transform:translateY(calc(100%-var(--gryt-drawer-bleed)))]"
   ].join(" ")
 };
-function Ge({
+function Qe({
   side: o = "right",
-  sheetOnMobile: r = !0,
-  children: e,
+  sheetOnMobile: e = !0,
+  children: r,
   ...t
 }) {
-  const n = Le("(max-width: 767px)"), c = r && n ? "bottom" : o;
-  return /* @__PURE__ */ a(Z.Provider, { value: c, children: /* @__PURE__ */ a(T.Root, { swipeDirection: Me[c], ...t, children: 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 Be = i(
-  function({ className: r, ...e }, t) {
-    const n = st(Z);
-    return /* @__PURE__ */ a(
-      T.Viewport,
+const Ze = c(
+  function({ className: e, ...r }, t) {
+    const a = lt(et);
+    return /* @__PURE__ */ n(
+      k.Viewport,
       {
         ref: t,
         className: s(
@@ -1400,17 +1601,17 @@ const Be = i(
           // 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",
-          Ae[n],
-          r
+          We[a],
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), ze = i(function({ className: r, ...e }, t) {
-  const n = st(Z);
-  return /* @__PURE__ */ a(
-    T.Popup,
+), qe = c(function({ className: e, ...r }, t) {
+  const a = lt(et);
+  return /* @__PURE__ */ n(
+    k.Popup,
     {
       ref: t,
       className: s(
@@ -1421,16 +1622,16 @@ const Be = i(
         // duration here turns a drag into a drag plus lag.
         "data-swiping:duration-0 data-swiping:select-none",
         "motion-reduce:transition-none",
-        je[n],
-        De[n],
-        r
+        Je[a],
+        Ke[a],
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), Fe = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    T.Backdrop,
+}), tr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    k.Backdrop,
     {
       ref: t,
       className: s(
@@ -1443,67 +1644,67 @@ const Be = i(
         "data-swiping:duration-0",
         "data-starting-style:opacity-0 data-ending-style:opacity-0",
         "motion-reduce:transition-none",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
 });
-function Ee({ className: o }) {
-  const r = st(Z);
-  return r !== "bottom" && r !== "top" ? null : /* @__PURE__ */ a(
+function er({ className: o }) {
+  const e = lt(et);
+  return e !== "bottom" && e !== "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",
-        r === "top" && "order-last",
+        e === "top" && "order-last",
         o
       )
     }
   );
 }
-const la = {
-  Root: Ge,
-  Trigger: T.Trigger,
-  Portal: T.Portal,
-  Backdrop: Fe,
-  Viewport: Be,
-  Popup: ze,
-  Content: T.Content,
-  Grabber: Ee,
-  Close: T.Close,
-  Title: T.Title,
-  Description: T.Description
-}, Ve = i(
-  function({ className: r, sideOffset: e = 8, ...t }, n) {
-    return /* @__PURE__ */ a(
-      G.Positioner,
+const Sn = {
+  Root: Qe,
+  Trigger: k.Trigger,
+  Portal: k.Portal,
+  Backdrop: tr,
+  Viewport: Ze,
+  Popup: qe,
+  Content: k.Content,
+  Grabber: er,
+  Close: k.Close,
+  Title: k.Title,
+  Description: k.Description
+}, rr = c(
+  function({ className: e, sideOffset: r = 8, ...t }, a) {
+    return /* @__PURE__ */ n(
+      H.Positioner,
       {
-        ref: n,
-        sideOffset: e,
-        className: s("gryt-menu-positioner outline-none", r),
+        ref: a,
+        sideOffset: r,
+        className: s("gryt-menu-positioner outline-none", e),
         ...t
       }
     );
   }
-), _e = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    G.Popup,
+), or = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    H.Popup,
     {
       ref: t,
       className: s(
         "gryt-menu min-w-44 p-1 outline-none",
-        B,
-        A,
-        r
+        E,
+        D,
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), He = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    G.Item,
+}), nr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    H.Item,
     {
       ref: t,
       className: s(
@@ -1513,31 +1714,31 @@ const la = {
         // 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",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), Oe = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    G.Separator,
+}), ar = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    H.Separator,
     {
       ref: t,
-      className: s("gryt-menu-separator my-1 h-px bg-gryt-border", r),
-      ...e
+      className: s("gryt-menu-separator my-1 h-px bg-gryt-border", e),
+      ...r
     }
   );
-}), ot = {
-  Root: G.Root,
-  Trigger: G.Trigger,
-  Portal: G.Portal,
-  Positioner: Ve,
-  Popup: _e,
-  Item: He,
-  Separator: Oe
-}, Ue = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    Q.Root,
+}), 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) {
+  return /* @__PURE__ */ n(
+    Z.Root,
     {
       ref: t,
       className: s(
@@ -1546,14 +1747,14 @@ const la = {
         // 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",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), Xe = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    Q.List,
+}), ir = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    Z.List,
     {
       ref: t,
       className: s(
@@ -1563,14 +1764,14 @@ const la = {
         "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)",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), Ye = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    Q.Tab,
+}), cr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    Z.Tab,
     {
       ref: t,
       className: s(
@@ -1588,15 +1789,15 @@ const la = {
         "data-[orientation=vertical]:gap-2.5 data-[orientation=vertical]:px-3",
         "data-[orientation=vertical]:rounded-(--gryt-radius-md)",
         x,
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), We = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      Q.Indicator,
+}), lr = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      Z.Indicator,
       {
         ref: t,
         renderBeforeHydration: !0,
@@ -1614,15 +1815,15 @@ const la = {
           "[[data-orientation=vertical]_&]:translate-y-(--active-tab-top)",
           "[[data-orientation=vertical]_&]:rounded-(--gryt-radius-md)",
           "[[data-orientation=vertical]_&]:transition-[translate,height]",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), Qe = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    Q.Panel,
+), dr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    Z.Panel,
     {
       ref: t,
       className: s(
@@ -1631,53 +1832,53 @@ const la = {
         // 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",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), da = Object.assign(Ue, { List: Xe, Tab: Ye, Panel: Qe, Indicator: We }), Je = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    X.Root,
+}), Cn = Object.assign(sr, { List: ir, Tab: cr, Panel: dr, Indicator: lr }), ur = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    K.Root,
     {
       ref: t,
       className: s(
         "gryt-accordion flex w-full flex-col gap-2 rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface p-2",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), Ke = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      X.Item,
+}), gr = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      K.Item,
       {
         ref: t,
-        className: s("gryt-accordion-item", r),
-        ...e
+        className: s("gryt-accordion-item", e),
+        ...r
       }
     );
   }
-), Ze = i(
-  function({ children: r, className: e, expandIcon: t, ...n }, c) {
-    return /* @__PURE__ */ a(X.Header, { className: "gryt-accordion-header m-0", children: /* @__PURE__ */ p(
-      X.Trigger,
+), 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(
+      K.Trigger,
       {
-        ref: c,
+        ref: i,
         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",
           "text-left text-sm font-medium text-gryt-text select-none",
           "transition-colors duration-150 hover:bg-gryt-surface-raised",
           x,
-          e
+          r
         ),
-        ...n,
+        ...a,
         children: [
-          r,
-          t === void 0 ? /* @__PURE__ */ a(
-            Ht,
+          e,
+          t === void 0 ? /* @__PURE__ */ n(
+            te,
             {
               size: 16,
               className: "shrink-0 transition-transform duration-(--gryt-dur-spring) ease-spring data-panel-open:rotate-180 motion-reduce:transition-none"
@@ -1687,12 +1888,12 @@ const la = {
       }
     ) });
   }
-), qe = i(
-  function({ children: r, className: e, ...t }, n) {
-    return /* @__PURE__ */ a(
-      X.Panel,
+), mr = c(
+  function({ children: e, className: r, ...t }, a) {
+    return /* @__PURE__ */ n(
+      K.Panel,
       {
-        ref: n,
+        ref: a,
         className: s(
           "gryt-accordion-panel overflow-hidden text-sm text-gryt-muted",
           // Base UI measures the panel and exposes the height as a variable,
@@ -1700,125 +1901,125 @@ const la = {
           "h-[var(--accordion-panel-height)] transition-[height] duration-(--gryt-dur-spring-soft) ease-spring",
           "data-starting-style:h-0 data-ending-style:h-0",
           "motion-reduce:transition-none",
-          e
+          r
         ),
         ...t,
-        children: /* @__PURE__ */ a("div", { className: "px-3 pt-1 pb-3", children: r })
+        children: /* @__PURE__ */ n("div", { className: "px-3 pt-1 pb-3", children: e })
       }
     );
   }
-), ga = Object.assign(Je, { Item: Ke, Trigger: Ze, Panel: qe }), tr = i(
-  function({ className: r, sideOffset: e = 2, ...t }, n) {
-    return /* @__PURE__ */ a(
+), Ln = Object.assign(ur, { Item: gr, Trigger: yr, Panel: mr }), pr = c(
+  function({ className: e, sideOffset: r = 2, ...t }, a) {
+    return /* @__PURE__ */ n(
       I.Positioner,
       {
-        ref: n,
-        sideOffset: e,
-        className: s("gryt-context-menu-positioner outline-none", r),
+        ref: a,
+        sideOffset: r,
+        className: s("gryt-context-menu-positioner outline-none", e),
         ...t
       }
     );
   }
-), ua = {
+), In = {
   Root: I.Root,
   Trigger: I.Trigger,
   Portal: I.Portal,
-  Positioner: tr,
-  Popup: ot.Popup,
-  Item: ot.Item,
-  Separator: ot.Separator,
+  Positioner: pr,
+  Popup: st.Popup,
+  Item: st.Item,
+  Separator: st.Separator,
   Group: I.Group,
   GroupLabel: I.GroupLabel,
   SubmenuRoot: I.SubmenuRoot,
   SubmenuTrigger: I.SubmenuTrigger
-}, er = i(
-  function({ className: r, sideOffset: e = 8, ...t }, n) {
-    return /* @__PURE__ */ a(
-      C.Positioner,
+}, fr = c(
+  function({ className: e, sideOffset: r = 8, ...t }, a) {
+    return /* @__PURE__ */ n(
+      S.Positioner,
       {
-        ref: n,
-        sideOffset: e,
-        className: s("gryt-popover-positioner outline-none", r),
+        ref: a,
+        sideOffset: r,
+        className: s("gryt-popover-positioner outline-none", e),
         ...t
       }
     );
   }
-), rr = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      C.Popup,
+), br = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      S.Popup,
       {
         ref: t,
         className: s(
           "gryt-popover max-w-[min(20rem,calc(100vw-2rem))] p-4 outline-none",
-          B,
-          A,
-          r
+          E,
+          D,
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), or = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    C.Title,
+), hr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    S.Title,
     {
       ref: t,
       className: s(
         "gryt-popover-title text-sm font-semibold text-gryt-text",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), ar = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    C.Description,
+}), xr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    S.Description,
     {
       ref: t,
       className: s(
         "gryt-popover-description mt-1 text-sm leading-6 text-gryt-muted",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), ya = {
-  Root: C.Root,
-  Trigger: C.Trigger,
-  Portal: C.Portal,
-  Positioner: er,
-  Popup: rr,
-  Title: or,
-  Description: ar,
-  Close: C.Close,
-  Arrow: C.Arrow
-}, nr = {
+}), 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 = {
   neutral: "border-white/8 bg-gryt-surface",
   info: "border-gryt-secondary/30 bg-gryt-secondary/8",
   success: "border-gryt-success/30 bg-gryt-success/8",
   warning: "border-gryt-warning/30 bg-gryt-warning/8",
   danger: "border-gryt-danger/30 bg-gryt-danger/8"
-}, sr = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      R.Viewport,
+}, vr = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      L.Viewport,
       {
         ref: t,
         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",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), ir = i(function({ className: r, severity: e = "neutral", ...t }, n) {
-  return /* @__PURE__ */ a(
-    R.Root,
+), Nr = c(function({ className: e, severity: r = "neutral", ...t }, a) {
+  return /* @__PURE__ */ n(
+    L.Root,
     {
-      ref: n,
+      ref: a,
       className: s(
         "gryt-toast relative flex flex-col p-3 pr-9",
         // Not popupSurface. That border is --gryt-border, a solid slate line
@@ -1827,62 +2028,62 @@ const la = {
         // white hairline separates it from the page without drawing a box
         // around it.
         "rounded-(--gryt-radius-xl) border text-gryt-text",
-        nr[e],
+        wr[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",
-        r
+        e
       ),
       ...t
     }
   );
-}), cr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    R.Title,
+}), Pr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    L.Title,
     {
       ref: t,
       className: s(
         "gryt-toast-title text-sm font-semibold text-gryt-text",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), lr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    R.Description,
+}), kr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    L.Description,
     {
       ref: t,
       className: s(
         "gryt-toast-description mt-0.5 text-sm leading-6 text-gryt-muted",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), dr = i(function({ className: r, children: e, ...t }, n) {
-  return /* @__PURE__ */ a(
-    R.Close,
+}), Tr = c(function({ className: e, children: r, ...t }, a) {
+  return /* @__PURE__ */ n(
+    L.Close,
     {
-      ref: n,
+      ref: a,
       "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",
-        r
+        e
       ),
       ...t,
-      children: e ?? /* @__PURE__ */ a(wt, { size: 14, weight: "bold" })
+      children: r ?? /* @__PURE__ */ n($t, { size: 14, weight: "bold" })
     }
   );
-}), gr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    R.Action,
+}), $r = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    L.Action,
     {
       ref: t,
       className: s(
@@ -1891,53 +2092,53 @@ const la = {
         "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",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), ma = {
-  Provider: R.Provider,
-  Portal: R.Portal,
-  Viewport: sr,
-  Root: ir,
-  Title: cr,
-  Description: lr,
-  Close: dr,
-  Action: gr
-}, pa = R.useToastManager, ur = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      E.Root,
+}), 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) {
+    return /* @__PURE__ */ n(
+      _.Root,
       {
         ref: t,
-        className: s("gryt-scroll-area relative", r),
-        ...e
+        className: s("gryt-scroll-area relative", e),
+        ...r
       }
     );
   }
-), yr = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      E.Viewport,
+), Sr = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      _.Viewport,
       {
         ref: t,
         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",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), mr = i(
-  function({ className: r, orientation: e, ...t }, n) {
-    return /* @__PURE__ */ a(
-      E.Scrollbar,
+), Cr = c(
+  function({ className: e, orientation: r, ...t }, a) {
+    return /* @__PURE__ */ n(
+      _.Scrollbar,
       {
-        ref: n,
-        orientation: e,
+        ref: a,
+        orientation: r,
         className: s(
           "gryt-scroll-area-scrollbar flex touch-none p-0.5 select-none",
           // Fades in on hover or while scrolling rather than sitting there
@@ -1945,21 +2146,21 @@ const la = {
           "opacity-0 transition-opacity duration-(--gryt-dur-fast)",
           "data-hovering:opacity-100 data-scrolling:opacity-100",
           "motion-reduce:transition-none",
-          e === "horizontal" ? "h-2 flex-col" : "w-2",
-          r
+          r === "horizontal" ? "h-2 flex-col" : "w-2",
+          e
         ),
         ...t,
-        children: /* @__PURE__ */ a(E.Thumb, { className: "flex-1 rounded-(--gryt-radius-full) bg-gryt-border transition-colors hover:bg-gryt-muted motion-reduce:transition-none" })
+        children: /* @__PURE__ */ n(_.Thumb, { className: "flex-1 rounded-(--gryt-radius-full) bg-gryt-border transition-colors hover:bg-gryt-muted motion-reduce:transition-none" })
       }
     );
   }
-), fa = {
-  Root: ur,
-  Viewport: yr,
-  Scrollbar: mr,
-  Content: E.Content,
-  Corner: E.Corner
-}, pr = {
+), jn = {
+  Root: Rr,
+  Viewport: Sr,
+  Scrollbar: Cr,
+  Content: _.Content,
+  Corner: _.Corner
+}, Lr = {
   primary: [
     "text-gryt-muted hover:not-data-disabled:bg-white/8",
     "data-pressed:bg-gryt-accent data-pressed:text-gryt-on-accent",
@@ -1980,17 +2181,17 @@ const la = {
     "data-pressed:bg-gryt-danger data-pressed:text-gryt-on-danger",
     "data-pressed:hover:not-data-disabled:bg-gryt-danger"
   ].join(" ")
-}, fr = {
+}, Ir = {
   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"
-}, ba = i(
-  function({ className: r, size: e = "medium", tone: t = "primary", ...n }, c) {
-    return /* @__PURE__ */ a(
-      Wt,
+}, Gn = c(
+  function({ className: e, size: r = "medium", tone: t = "primary", ...a }, i) {
+    return /* @__PURE__ */ n(
+      ae,
       {
-        ref: c,
+        ref: i,
         className: s(
           "gryt-toggle",
           "inline-flex shrink-0 items-center justify-center gap-2 border-0 bg-transparent",
@@ -2000,62 +2201,62 @@ const la = {
           "motion-safe:hover:not-data-disabled:scale-[1.06]",
           "motion-safe:active:not-data-disabled:scale-[0.94]",
           x,
-          V,
-          fr[e],
-          pr[t],
-          r
+          F,
+          Ir[r],
+          Lr[t],
+          e
         ),
-        ...n
+        ...a
       }
     );
   }
-), ha = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      Qt,
+), Hn = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      se,
       {
         ref: t,
         className: s(
           "gryt-toggle-group inline-flex items-center gap-1",
           "rounded-(--gryt-radius-full) border border-gryt-border bg-gryt-surface p-1",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), br = {
+), Mr = {
   primary: "bg-gryt-accent",
   success: "bg-gryt-success",
   warning: "bg-gryt-warning",
   danger: "bg-gryt-danger"
 };
-function xa({
+function En({
   className: o,
-  value: r,
-  label: e,
+  value: e,
+  label: r,
   showValue: t = !1,
-  tone: n = "primary",
-  ...c
+  tone: a = "primary",
+  ...i
 }) {
   return /* @__PURE__ */ p(
-    H.Root,
+    U.Root,
     {
-      value: r,
+      value: e,
       className: s("gryt-meter flex w-full flex-col gap-1.5", o),
-      ...c,
+      ...i,
       children: [
-        (e || t) && /* @__PURE__ */ p("div", { className: "flex items-baseline justify-between gap-2", children: [
-          e ? /* @__PURE__ */ a(H.Label, { className: "text-sm text-gryt-muted", children: e }) : /* @__PURE__ */ a("span", {}),
-          t && /* @__PURE__ */ a(H.Value, { className: "font-mono text-xs text-gryt-muted tabular-nums" })
+        (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" })
         ] }),
-        /* @__PURE__ */ a(H.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ a(
-          H.Indicator,
+        /* @__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,
           {
             className: s(
               "h-full rounded-(--gryt-radius-full)",
               "transition-[width] duration-120 ease-out motion-reduce:transition-none",
-              br[n]
+              Mr[a]
             )
           }
         ) })
@@ -2063,10 +2264,10 @@ function xa({
     }
   );
 }
-const hr = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      M.Popup,
+const Ar = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      A.Popup,
       {
         ref: t,
         className: s(
@@ -2077,15 +2278,15 @@ const hr = i(
           "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",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), xr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    M.Backdrop,
+), Dr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    A.Backdrop,
     {
       ref: t,
       className: s(
@@ -2093,45 +2294,45 @@ const hr = i(
         "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",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), wr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    M.Title,
+}), jr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    A.Title,
     {
       ref: t,
       className: s(
         "gryt-alert-dialog-title text-lg font-semibold text-gryt-text",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), vr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    M.Description,
+}), Gr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    A.Description,
     {
       ref: t,
       className: s(
         "gryt-alert-dialog-description text-sm leading-6 text-gryt-muted",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), wa = {
-  Root: M.Root,
-  Trigger: M.Trigger,
-  Portal: M.Portal,
-  Backdrop: xr,
-  Popup: hr,
-  Title: wr,
-  Description: vr,
-  Close: M.Close
-}, Lt = [
+}), zn = {
+  Root: A.Root,
+  Trigger: A.Trigger,
+  Portal: A.Portal,
+  Backdrop: Dr,
+  Popup: Ar,
+  Title: jr,
+  Description: Gr,
+  Close: A.Close
+}, Ft = [
   "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
@@ -2139,70 +2340,70 @@ const hr = i(
   "data-highlighted:bg-gryt-surface-raised",
   "data-selected:text-gryt-accent",
   "data-disabled:cursor-not-allowed data-disabled:opacity-50"
-].join(" "), Mt = [
-  Ct,
-  St.medium,
+].join(" "), Vt = [
+  Et,
+  zt.medium,
   "border-gryt-border",
   x
-].join(" "), Nr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
+].join(" "), Hr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
     b.Input,
     {
       ref: t,
-      className: s("gryt-combobox-input", Mt, r),
-      ...e
+      className: s("gryt-combobox-input", Vt, e),
+      ...r
     }
   );
-}), Pr = i(function({ className: r, sideOffset: e = 6, ...t }, n) {
-  return /* @__PURE__ */ a(
+}), Er = c(function({ className: e, sideOffset: r = 6, ...t }, a) {
+  return /* @__PURE__ */ n(
     b.Positioner,
     {
-      ref: n,
-      sideOffset: e,
-      className: s("gryt-combobox-positioner outline-none", r),
+      ref: a,
+      sideOffset: r,
+      className: s("gryt-combobox-positioner outline-none", e),
       ...t
     }
   );
-}), Tr = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
+}), zr = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
       b.Popup,
       {
         ref: t,
         className: s(
           "gryt-combobox max-h-64 w-(--anchor-width) overflow-y-auto overscroll-contain p-1 outline-none",
-          B,
-          A,
-          r
+          E,
+          D,
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), kr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
+), Br = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
     b.Item,
     {
       ref: t,
-      className: s("gryt-combobox-item", Lt, r),
-      ...e
+      className: s("gryt-combobox-item", Ft, e),
+      ...r
     }
   );
-}), $r = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
+}), _r = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
     b.Empty,
     {
       ref: t,
       className: s(
         "gryt-combobox-empty px-3 py-2 text-sm text-gryt-muted",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), va = {
+}), Bn = {
   Root: b.Root,
-  Input: Nr,
+  Input: Hr,
   InputGroup: b.InputGroup,
   Trigger: b.Trigger,
   Icon: b.Icon,
@@ -2212,101 +2413,101 @@ const hr = i(
   Chip: b.Chip,
   ChipRemove: b.ChipRemove,
   Portal: b.Portal,
-  Positioner: Pr,
-  Popup: Tr,
+  Positioner: Er,
+  Popup: zr,
   List: b.List,
-  Item: kr,
+  Item: Br,
   ItemIndicator: b.ItemIndicator,
   Group: b.Group,
   GroupLabel: b.GroupLabel,
-  Empty: $r,
+  Empty: _r,
   Separator: b.Separator
-}, Cr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
+}, Fr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
     h.Input,
     {
       ref: t,
-      className: s("gryt-autocomplete-input", Mt, r),
-      ...e
+      className: s("gryt-autocomplete-input", Vt, e),
+      ...r
     }
   );
-}), Sr = i(function({ className: r, sideOffset: e = 6, ...t }, n) {
-  return /* @__PURE__ */ a(
+}), Vr = c(function({ className: e, sideOffset: r = 6, ...t }, a) {
+  return /* @__PURE__ */ n(
     h.Positioner,
     {
-      ref: n,
-      sideOffset: e,
-      className: s("gryt-autocomplete-positioner outline-none", r),
+      ref: a,
+      sideOffset: r,
+      className: s("gryt-autocomplete-positioner outline-none", e),
       ...t
     }
   );
-}), Rr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
+}), Ur = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
     h.Popup,
     {
       ref: t,
       className: s(
         "gryt-autocomplete max-h-64 w-(--anchor-width) overflow-y-auto overscroll-contain p-1 outline-none",
-        B,
-        A,
-        r
+        E,
+        D,
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), Ir = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
+}), Or = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
     h.Item,
     {
       ref: t,
-      className: s("gryt-autocomplete-item", Lt, r),
-      ...e
+      className: s("gryt-autocomplete-item", Ft, e),
+      ...r
     }
   );
-}), Lr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
+}), Yr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
     h.Empty,
     {
       ref: t,
       className: s(
         "gryt-autocomplete-empty px-3 py-2 text-sm text-gryt-muted",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), Na = {
+}), _n = {
   Root: h.Root,
-  Input: Cr,
+  Input: Fr,
   InputGroup: h.InputGroup,
   Trigger: h.Trigger,
   Icon: h.Icon,
   Clear: h.Clear,
   Value: h.Value,
   Portal: h.Portal,
-  Positioner: Sr,
-  Popup: Rr,
+  Positioner: Vr,
+  Popup: Ur,
   List: h.List,
-  Item: Ir,
+  Item: Or,
   Group: h.Group,
   GroupLabel: h.GroupLabel,
-  Empty: Lr,
+  Empty: Yr,
   Separator: h.Separator
-}, Pa = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      Jt,
+}, Fn = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      ie,
       {
         ref: t,
-        className: s("gryt-checkbox-group flex flex-col gap-2", r),
-        ...e
+        className: s("gryt-checkbox-group flex flex-col gap-2", e),
+        ...r
       }
     );
   }
-), Mr = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      it.Trigger,
+), Xr = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      dt.Trigger,
       {
         ref: t,
         className: s(
@@ -2315,16 +2516,16 @@ const hr = i(
           "text-sm font-medium text-gryt-text select-none",
           "transition-colors hover:bg-gryt-surface-raised motion-reduce:transition-none",
           x,
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), Ar = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      it.Panel,
+), Wr = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      dt.Panel,
       {
         ref: t,
         className: s(
@@ -2334,68 +2535,68 @@ const hr = i(
           "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",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), Ta = {
-  Root: it.Root,
-  Trigger: Mr,
-  Panel: Ar
-}, ka = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    Kt,
+), Vn = {
+  Root: dt.Root,
+  Trigger: Xr,
+  Panel: Wr
+}, Un = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    ce,
     {
       ref: t,
-      className: s("gryt-form flex flex-col gap-(--gryt-space-lg)", r),
-      ...e
+      className: s("gryt-form flex flex-col gap-(--gryt-space-lg)", e),
+      ...r
     }
   );
-}), Dr = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      Nt.Root,
+}), Kr = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      St.Root,
       {
         ref: t,
         className: s(
           "gryt-fieldset flex min-w-0 flex-col gap-3 border-0 p-0",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), jr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    Nt.Legend,
+), Jr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    St.Legend,
     {
       ref: t,
       className: s(
         "gryt-fieldset-legend text-sm font-semibold text-gryt-text",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), $a = { Root: Dr, Legend: jr }, Ca = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
-      Zt,
+}), On = { Root: Kr, Legend: Jr }, Yn = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
+      le,
       {
         ref: t,
         className: s(
           "gryt-menubar flex items-center gap-1",
           "rounded-(--gryt-radius-md) border border-gryt-border bg-gryt-surface p-1",
-          r
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), Gr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
+), Qr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
     N.Trigger,
     {
       ref: t,
@@ -2405,39 +2606,39 @@ const hr = i(
         "transition-colors hover:bg-gryt-surface-raised motion-reduce:transition-none",
         "data-popup-open:bg-gryt-surface-raised",
         x,
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), Br = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
+}), Zr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
     N.Popup,
     {
       ref: t,
       className: s(
         "gryt-navigation-menu-popup outline-none",
-        B,
-        A,
-        r
+        E,
+        D,
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), zr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
+}), qr = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
     N.Viewport,
     {
       ref: t,
       className: s(
         "gryt-navigation-menu-viewport relative overflow-hidden",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), Fr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
+}), to = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
     N.Link,
     {
       ref: t,
@@ -2446,57 +2647,57 @@ const hr = i(
         "text-sm text-gryt-text no-underline outline-none",
         "transition-colors hover:bg-gryt-surface-raised motion-reduce:transition-none",
         x,
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), Sa = {
+}), Xn = {
   Root: N.Root,
   List: N.List,
   Item: N.Item,
-  Trigger: Gr,
+  Trigger: Qr,
   Content: N.Content,
   Portal: N.Portal,
   Positioner: N.Positioner,
-  Viewport: zr,
-  Popup: Br,
-  Link: Fr,
+  Viewport: qr,
+  Popup: Zr,
+  Link: to,
   Icon: N.Icon,
   Arrow: N.Arrow
-}, bt = "flex h-9 w-9 shrink-0 items-center justify-center border-0 bg-transparent text-gryt-muted transition-colors hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text motion-reduce:transition-none disabled:cursor-not-allowed disabled:opacity-50", Ra = i(
-  function({ className: r, label: e, scrubbable: t = !1, ...n }, c) {
+}, 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(
-      D.Root,
+      j.Root,
       {
-        ref: c,
-        className: s("gryt-number-field flex flex-col gap-1.5", r),
-        ...n,
+        ref: i,
+        className: s("gryt-number-field flex flex-col gap-1.5", e),
+        ...a,
         children: [
-          e && (t ? /* @__PURE__ */ p(D.ScrubArea, { className: "cursor-ew-resize text-sm text-gryt-muted select-none", children: [
-            e,
-            /* @__PURE__ */ a(D.ScrubAreaCursor, {})
-          ] }) : /* @__PURE__ */ a("span", { className: "text-sm text-gryt-muted", children: e })),
+          r && (t ? /* @__PURE__ */ p(j.ScrubArea, { className: "cursor-ew-resize text-sm text-gryt-muted select-none", children: [
+            r,
+            /* @__PURE__ */ n(j.ScrubAreaCursor, {})
+          ] }) : /* @__PURE__ */ n("span", { className: "text-sm text-gryt-muted", children: r })),
           /* @__PURE__ */ p(
-            D.Group,
+            j.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",
-                V
+                F
               ),
               children: [
-                /* @__PURE__ */ a(
-                  D.Decrement,
+                /* @__PURE__ */ n(
+                  j.Decrement,
                   {
                     "aria-label": "Decrease",
-                    className: s(bt, "rounded-l-(--gryt-radius-full)"),
-                    children: /* @__PURE__ */ a(Ot, { size: 14, weight: "bold" })
+                    className: s(Pt, "rounded-l-(--gryt-radius-full)"),
+                    children: /* @__PURE__ */ n(ee, { size: 14, weight: "bold" })
                   }
                 ),
-                /* @__PURE__ */ a(
-                  D.Input,
+                /* @__PURE__ */ n(
+                  j.Input,
                   {
                     className: s(
                       "w-16 border-0 bg-transparent px-1 py-2 text-center",
@@ -2505,12 +2706,12 @@ const hr = i(
                     )
                   }
                 ),
-                /* @__PURE__ */ a(
-                  D.Increment,
+                /* @__PURE__ */ n(
+                  j.Increment,
                   {
                     "aria-label": "Increase",
-                    className: s(bt, "rounded-r-(--gryt-radius-full)"),
-                    children: /* @__PURE__ */ a(Ut, { size: 14, weight: "bold" })
+                    className: s(Pt, "rounded-r-(--gryt-radius-full)"),
+                    children: /* @__PURE__ */ n(re, { size: 14, weight: "bold" })
                   }
                 )
               ]
@@ -2520,17 +2721,17 @@ const hr = i(
       }
     );
   }
-), Ia = i(
-  function({ className: r, length: e = 6, ...t }, n) {
-    return /* @__PURE__ */ a(
-      yt.Root,
+), Kn = c(
+  function({ className: e, length: r = 6, ...t }, a) {
+    return /* @__PURE__ */ n(
+      xt.Root,
       {
-        ref: n,
-        length: e,
-        className: s("gryt-otp-field flex gap-2", r),
+        ref: a,
+        length: r,
+        className: s("gryt-otp-field flex gap-2", e),
         ...t,
-        children: Array.from({ length: e }, (c, l) => /* @__PURE__ */ a(
-          yt.Input,
+        children: Array.from({ length: r }, (i, l) => /* @__PURE__ */ n(
+          xt.Input,
           {
             className: s(
               "gryt-otp-input h-12 w-10 rounded-(--gryt-radius-md) text-center",
@@ -2546,138 +2747,151 @@ const hr = i(
       }
     );
   }
-), Er = i(
-  function({ className: r, sideOffset: e = 8, ...t }, n) {
-    return /* @__PURE__ */ a(
+), eo = c(
+  function({ className: e, sideOffset: r = 8, ...t }, a) {
+    return /* @__PURE__ */ n(
       z.Positioner,
       {
-        ref: n,
-        sideOffset: e,
-        className: s("gryt-preview-card-positioner outline-none", r),
+        ref: a,
+        sideOffset: r,
+        className: s("gryt-preview-card-positioner outline-none", e),
         ...t
       }
     );
   }
-), Vr = i(
-  function({ className: r, ...e }, t) {
-    return /* @__PURE__ */ a(
+), ro = c(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ n(
       z.Popup,
       {
         ref: t,
         className: s(
           "gryt-preview-card w-64 max-w-[calc(100vw-2rem)] p-4 outline-none",
-          B,
-          A,
-          r
+          E,
+          D,
+          e
         ),
-        ...e
+        ...r
       }
     );
   }
-), La = {
+), Jn = {
   Root: z.Root,
   Trigger: z.Trigger,
   Portal: z.Portal,
-  Positioner: Er,
-  Popup: Vr,
+  Positioner: eo,
+  Popup: ro,
   Arrow: z.Arrow
-}, _r = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    F.Root,
+}, oo = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    B.Root,
     {
       ref: t,
       className: s(
         "gryt-toolbar flex items-center gap-1",
         "rounded-(--gryt-radius-full) border border-gryt-border bg-gryt-surface p-1",
-        r
+        e
       ),
-      ...e
+      ...r
     }
   );
-}), Hr = i(function({ className: r, ...e }, t) {
-  return /* @__PURE__ */ a(
-    F.Separator,
+}), no = c(function({ className: e, ...r }, t) {
+  return /* @__PURE__ */ n(
+    B.Separator,
     {
       ref: t,
-      className: s("gryt-toolbar-separator mx-1 h-6 w-px bg-gryt-border", r),
-      ...e
+      className: s("gryt-toolbar-separator mx-1 h-6 w-px bg-gryt-border", e),
+      ...r
     }
   );
-}), Ma = {
-  Root: _r,
-  Group: F.Group,
-  Button: F.Button,
-  Link: F.Link,
-  Input: F.Input,
-  Separator: Hr
+}), Qn = {
+  Root: oo,
+  Group: B.Group,
+  Button: B.Button,
+  Link: B.Link,
+  Input: B.Input,
+  Separator: no
 };
 export {
-  ga as Accordion,
-  aa as Alert,
-  wa as AlertDialog,
-  Na as Autocomplete,
-  we as Avatar,
-  Ho as Badge,
-  ue as Button,
-  ta as Card,
-  oa as CardActions,
-  ra as CardContent,
-  ea as CardHeader,
-  Uo as Checkbox,
-  Pa as CheckboxGroup,
-  Oo as Chip,
-  Ta as Collapsible,
-  va as Combobox,
-  Vo as Composer,
-  ua as ContextMenu,
-  _o as ConversationItem,
-  ca as Dialog,
-  qo as Divider,
-  la as Drawer,
-  $a as Fieldset,
-  ka as Form,
-  Go as GrytProvider,
-  Bo as IconButton,
-  ot as Menu,
-  Ca as Menubar,
-  Fo as MessageBubble,
-  xa as Meter,
-  Sa as NavigationMenu,
-  Ra as NumberField,
-  Ia as OtpField,
-  ya as Popover,
-  La as PreviewCard,
-  na as Progress,
-  Xo as Radio,
-  Yo as RadioGroup,
-  fa as ScrollArea,
-  Jo as Select,
-  ia as Skeleton,
-  Qo as Slider,
-  sa as Spinner,
-  zo as Surface,
-  Wo as Switch,
-  Ye as Tab,
-  da as Tabs,
-  Eo as TextField,
-  ma as Toast,
-  ba as Toggle,
-  ha as ToggleGroup,
-  Ma as Toolbar,
-  Ko as Tooltip,
-  Zo as TooltipProvider,
+  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,
   s as cn,
-  Ao as contrast,
-  ce as createGrytTheme,
-  Do as grytAlphaScales,
-  jo as grytAlphaScalesLight,
-  K as grytLightTokens,
-  pt as grytScales,
-  nt as grytScalesLight,
-  y as grytTokens,
-  Y as hexToOklch,
-  S as oklchToHex,
-  Le as useMediaQuery,
-  pa as useToastManager
+  Wo as contrast,
+  he as createGrytTheme,
+  tn as decodeGrytTheme,
+  qo as encodeGrytTheme,
+  Ko as grytAlphaScales,
+  Jo as grytAlphaScalesLight,
+  T as grytLightTokens,
+  vt as grytScales,
+  ct as grytScalesLight,
+  X as grytTheme,
+  ve as grytThemeHues,
+  Zo 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
 };
 //# sourceMappingURL=index.js.map