@gryt/ui 0.9.0 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +1 -1
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.d.ts.map +1 -1
  6. package/dist/index.js +762 -749
  7. package/dist/index.js.map +1 -1
  8. package/dist/theme/theme.d.ts +18 -1
  9. package/dist/theme/theme.d.ts.map +1 -1
  10. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,19 +1,19 @@
1
- import { jsx as a, jsxs as p } from "react/jsx-runtime";
1
+ import { jsx as n, jsxs as p } from "react/jsx-runtime";
2
2
  import { Tooltip as G } from "@base-ui/react/tooltip";
3
- import { Button as Pt } from "@base-ui/react/button";
4
- import { forwardRef as c, useRef as kt, useCallback as it, useLayoutEffect as Vt, useState as Ut, useEffect as Ot, useSyncExternalStore as Yt, useContext as lt, createContext as Xt } from "react";
5
- import { clsx as Wt } from "clsx";
6
- import { twMerge as Kt } from "tailwind-merge";
3
+ import { Button as kt } from "@base-ui/react/button";
4
+ 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";
5
+ import { clsx as Kt } from "clsx";
6
+ import { twMerge as Jt } from "tailwind-merge";
7
7
  import { Field as q } from "@base-ui/react/field";
8
- import { PaperPlaneTilt as Jt, X as Tt, Check as $t, CaretUpDown as Qt, CircleNotch as Zt, CaretDown as qt, Minus as te, Plus as ee } from "@phosphor-icons/react";
8
+ 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";
9
9
  import { Avatar as ot } from "@base-ui/react/avatar";
10
- import { Checkbox as pt } from "@base-ui/react/checkbox";
11
- import { Radio as ft } from "@base-ui/react/radio";
12
- import { RadioGroup as re } from "@base-ui/react/radio-group";
13
- import { Switch as bt } from "@base-ui/react/switch";
10
+ import { Checkbox as ft } from "@base-ui/react/checkbox";
11
+ import { Radio as bt } from "@base-ui/react/radio";
12
+ import { RadioGroup as oe } from "@base-ui/react/radio-group";
13
+ import { Switch as ht } from "@base-ui/react/switch";
14
14
  import { Slider as V } from "@base-ui/react/slider";
15
15
  import { Select as v } from "@base-ui/react/select";
16
- import { Separator as oe } from "@base-ui/react/separator";
16
+ import { Separator as ne } from "@base-ui/react/separator";
17
17
  import { Progress as nt } from "@base-ui/react/progress";
18
18
  import { Dialog as M } from "@base-ui/react/dialog";
19
19
  import { Drawer as k } from "@base-ui/react/drawer";
@@ -21,26 +21,26 @@ import { Menu as H } from "@base-ui/react/menu";
21
21
  import { Tabs as Z } from "@base-ui/react/tabs";
22
22
  import { Accordion as K } from "@base-ui/react/accordion";
23
23
  import { ContextMenu as I } from "@base-ui/react/context-menu";
24
- import { Popover as R } from "@base-ui/react/popover";
24
+ import { Popover as S } from "@base-ui/react/popover";
25
25
  import { Toast as L } from "@base-ui/react/toast";
26
- import { ScrollArea as F } from "@base-ui/react/scroll-area";
27
- import { Toggle as ne } from "@base-ui/react/toggle";
28
- import { ToggleGroup as ae } from "@base-ui/react/toggle-group";
26
+ import { ScrollArea as _ } from "@base-ui/react/scroll-area";
27
+ import { Toggle as ae } from "@base-ui/react/toggle";
28
+ import { ToggleGroup as se } from "@base-ui/react/toggle-group";
29
29
  import { Meter as U } from "@base-ui/react/meter";
30
30
  import { AlertDialog as A } from "@base-ui/react/alert-dialog";
31
31
  import { Autocomplete as h } from "@base-ui/react/autocomplete";
32
32
  import { Combobox as b } from "@base-ui/react/combobox";
33
- import { CheckboxGroup as se } from "@base-ui/react/checkbox-group";
33
+ import { CheckboxGroup as ie } from "@base-ui/react/checkbox-group";
34
34
  import { Collapsible as dt } from "@base-ui/react/collapsible";
35
- import { Form as ie } from "@base-ui/react/form";
35
+ import { Form as ce } from "@base-ui/react/form";
36
36
  import { Fieldset as St } from "@base-ui/react/fieldset";
37
- import { Menubar as ce } from "@base-ui/react/menubar";
37
+ import { Menubar as le } from "@base-ui/react/menubar";
38
38
  import { NavigationMenu as N } from "@base-ui/react/navigation-menu";
39
39
  import { NumberField as j } from "@base-ui/react/number-field";
40
- import { OTPField as ht } from "@base-ui/react/otp-field";
41
- import { PreviewCard as B } from "@base-ui/react/preview-card";
42
- import { Toolbar as z } from "@base-ui/react/toolbar";
43
- function Rt(o) {
40
+ import { OTPField as xt } from "@base-ui/react/otp-field";
41
+ import { PreviewCard as z } from "@base-ui/react/preview-card";
42
+ import { Toolbar as B } from "@base-ui/react/toolbar";
43
+ function Ct(o) {
44
44
  return o <= 0.04045 ? o / 12.92 : ((o + 0.055) / 1.055) ** 2.4;
45
45
  }
46
46
  function at(o) {
@@ -57,40 +57,40 @@ function Y(o) {
57
57
  parseInt(r.slice(4, 6), 16) / 255
58
58
  ];
59
59
  }
60
- function Ct([o, e, r]) {
61
- const t = (n) => Math.round(O(n) * 255).toString(16).padStart(2, "0");
60
+ function Lt([o, e, r]) {
61
+ const t = (a) => Math.round(O(a) * 255).toString(16).padStart(2, "0");
62
62
  return `#${t(o)}${t(e)}${t(r)}`;
63
63
  }
64
64
  function J(o) {
65
- const [e, r, t] = Y(o).map(Rt), n = Math.cbrt(
65
+ const [e, r, t] = Y(o).map(Ct), a = Math.cbrt(
66
66
  0.4122214708 * e + 0.5363325363 * r + 0.0514459929 * t
67
67
  ), i = Math.cbrt(
68
68
  0.2119034982 * e + 0.6806995451 * r + 0.1073969566 * t
69
69
  ), l = Math.cbrt(
70
70
  0.0883024619 * e + 0.2817188376 * r + 0.6299787005 * t
71
- ), u = 0.2104542553 * n + 0.793617785 * i - 0.0040720468 * l, g = 1.9779984951 * n - 2.428592205 * i + 0.4505937099 * l, m = 0.0259040371 * n + 0.7827717662 * i - 0.808675766 * l;
71
+ ), 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;
72
72
  return {
73
- l: u,
73
+ l: d,
74
74
  c: Math.hypot(g, m),
75
75
  h: (Math.atan2(m, g) * 180 / Math.PI + 360) % 360
76
76
  };
77
77
  }
78
78
  function C({ l: o, c: e, h: r }) {
79
- const t = e * Math.cos(r * Math.PI / 180), n = e * Math.sin(r * Math.PI / 180), i = (o + 0.3963377774 * t + 0.2158037573 * n) ** 3, l = (o - 0.1055613458 * t - 0.0638541728 * n) ** 3, u = (o - 0.0894841775 * t - 1.291485548 * n) ** 3;
80
- return Ct([
81
- at(O(4.0767416621 * i - 3.3077115913 * l + 0.2309699292 * u)),
82
- at(O(-1.2684380046 * i + 2.6097574011 * l - 0.3413193965 * u)),
83
- at(O(-0.0041960863 * i - 0.7034186147 * l + 1.707614701 * u))
79
+ 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;
80
+ return Lt([
81
+ at(O(4.0767416621 * i - 3.3077115913 * l + 0.2309699292 * d)),
82
+ at(O(-1.2684380046 * i + 2.6097574011 * l - 0.3413193965 * d)),
83
+ at(O(-0.0041960863 * i - 0.7034186147 * l + 1.707614701 * d))
84
84
  ]);
85
85
  }
86
- const le = [0.195, 0.24, 0.27, 0.3, 0.33, 0.37, 0.43, 0.52], de = [0.014, 0.026, 0.04, 0.052, 0.062, 0.072, 0.084, 0.1];
86
+ 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];
87
87
  function $(o, e) {
88
- const { h: r } = J(o), t = le.map((u, g) => C({ l: u, c: de[g], h: r }));
88
+ const { h: r } = J(o), t = de.map((d, g) => C({ l: d, c: ue[g], h: r }));
89
89
  t.push(o, e);
90
- const n = J(e).l, i = Math.min(0.95, Math.max(0.84, n + 0.04)), l = Math.min(0.98, Math.max(i + 0.06, 0.93));
90
+ 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));
91
91
  return t.push(C({ l: i, c: 0.11, h: r })), t.push(C({ l, c: 0.055, h: r })), t;
92
92
  }
93
- const ue = [
93
+ const ge = [
94
94
  0.187,
95
95
  0.231,
96
96
  0.245,
@@ -103,7 +103,7 @@ const ue = [
103
103
  0.57,
104
104
  0.627,
105
105
  0.908
106
- ], ge = [
106
+ ], ye = [
107
107
  0.011,
108
108
  0.014,
109
109
  0.016,
@@ -117,7 +117,7 @@ const ue = [
117
117
  0,
118
118
  8e-3
119
119
  ];
120
- function Lt(o) {
120
+ function It(o) {
121
121
  const e = {
122
122
  0: o.bg,
123
123
  1: o.surface,
@@ -126,27 +126,27 @@ function Lt(o) {
126
126
  10: o.muted,
127
127
  11: o.text
128
128
  }, r = J(o.border).h;
129
- return ue.map(
130
- (t, n) => e[n] ?? C({ l: t, c: ge[n], h: r })
129
+ return ge.map(
130
+ (t, a) => e[a] ?? C({ l: t, c: ye[a], h: r })
131
131
  );
132
132
  }
133
133
  function Q(o, e) {
134
134
  const r = Y(e);
135
135
  return o.map((t) => {
136
- const n = Y(t);
136
+ const a = Y(t);
137
137
  let i = 0;
138
138
  for (let y = 0; y < 3; y++) {
139
- const f = n[y], P = r[y];
139
+ const f = a[y], P = r[y];
140
140
  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));
141
141
  }
142
142
  if (i < 1e-6) return "transparent";
143
- const l = Ct(
144
- n.map((y, f) => O(r[f] + (y - r[f]) / i))
145
- ), [u, g, m] = Y(l).map((y) => Math.round(y * 255));
146
- return `rgb(${u} ${g} ${m} / ${(i * 100).toFixed(1)}%)`;
143
+ const l = Lt(
144
+ a.map((y, f) => O(r[f] + (y - r[f]) / i))
145
+ ), [d, g, m] = Y(l).map((y) => Math.round(y * 255));
146
+ return `rgb(${d} ${g} ${m} / ${(i * 100).toFixed(1)}%)`;
147
147
  });
148
148
  }
149
- const ye = [
149
+ const me = [
150
150
  0.962,
151
151
  1,
152
152
  0.978,
@@ -159,7 +159,7 @@ const ye = [
159
159
  0.61,
160
160
  0.48,
161
161
  0.25
162
- ], me = [
162
+ ], pe = [
163
163
  6e-3,
164
164
  0,
165
165
  4e-3,
@@ -172,8 +172,8 @@ const ye = [
172
172
  0.014,
173
173
  0.012,
174
174
  0.014
175
- ], pe = [0.975, 0.955, 0.93, 0.905, 0.878, 0.845, 0.795, 0.72], fe = [0.012, 0.024, 0.038, 0.05, 0.062, 0.074, 0.09, 0.11];
176
- function It(o) {
175
+ ], 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];
176
+ function Mt(o) {
177
177
  const e = {
178
178
  0: o.bg,
179
179
  1: o.surface,
@@ -182,25 +182,25 @@ function It(o) {
182
182
  10: o.muted,
183
183
  11: o.text
184
184
  }, r = J(o.border).h;
185
- return ye.map(
186
- (t, n) => e[n] ?? C({ l: t, c: me[n], h: r })
185
+ return me.map(
186
+ (t, a) => e[a] ?? C({ l: t, c: pe[a], h: r })
187
187
  );
188
188
  }
189
- function S(o) {
190
- const { l: e, c: r, h: t } = J(o), n = pe.map(
191
- (i, l) => C({ l: i, c: fe[l], h: t })
189
+ function R(o) {
190
+ const { l: e, c: r, h: t } = J(o), a = fe.map(
191
+ (i, l) => C({ l: i, c: be[l], h: t })
192
192
  );
193
- return n.push(o), n.push(C({ l: Math.max(0, e - 0.07), c: r, h: t })), n.push(C({ l: 0.5, c: 0.15, h: t })), n.push(C({ l: 0.33, c: 0.1, h: t })), n;
193
+ 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;
194
194
  }
195
- function xt(o) {
196
- const [e, r, t] = Y(o).map(Rt);
195
+ function wt(o) {
196
+ const [e, r, t] = Y(o).map(Ct);
197
197
  return 0.2126 * e + 0.7152 * r + 0.0722 * t;
198
198
  }
199
- function Yo(o, e) {
200
- const r = xt(o), t = xt(e);
199
+ function Wo(o, e) {
200
+ const r = wt(o), t = wt(e);
201
201
  return (Math.max(r, t) + 0.05) / (Math.min(r, t) + 0.05);
202
202
  }
203
- const d = {
203
+ const u = {
204
204
  color: {
205
205
  bg: "#111318",
206
206
  surface: "#1a1d24",
@@ -238,43 +238,43 @@ const d = {
238
238
  border: "#dadde6",
239
239
  muted: "#5b5d65",
240
240
  text: "#1f2129"
241
- }, wt = {
242
- neutral: Lt({
243
- bg: d.color.bg,
244
- surface: d.color.surface,
245
- surfaceRaised: d.color.surfaceRaised,
246
- border: d.color.border,
247
- muted: d.color.muted,
248
- text: d.color.text
241
+ }, vt = {
242
+ neutral: It({
243
+ bg: u.color.bg,
244
+ surface: u.color.surface,
245
+ surfaceRaised: u.color.surfaceRaised,
246
+ border: u.color.border,
247
+ muted: u.color.muted,
248
+ text: u.color.text
249
249
  }),
250
- accent: $(d.color.accent, d.color.accentLight),
250
+ accent: $(u.color.accent, u.color.accentLight),
251
251
  secondary: $(
252
- d.color.secondary,
253
- d.color.secondaryLight
252
+ u.color.secondary,
253
+ u.color.secondaryLight
254
254
  ),
255
- success: $(d.color.success, d.color.success),
256
- danger: $(d.color.danger, d.color.dangerLight),
257
- warning: $(d.color.warning, d.color.warning)
255
+ success: $(u.color.success, u.color.success),
256
+ danger: $(u.color.danger, u.color.dangerLight),
257
+ warning: $(u.color.warning, u.color.warning)
258
258
  }, ct = {
259
- neutral: It(T),
260
- accent: S(d.color.accent),
261
- secondary: S(d.color.secondary),
262
- success: S(d.color.success),
263
- danger: S(d.color.danger),
264
- warning: S(d.color.warning)
265
- }, Mt = ct.neutral[3], Xo = {
266
- neutral: Q(wt.neutral, d.color.bg),
267
- accent: Q(wt.accent, d.color.bg)
268
- }, Wo = {
259
+ neutral: Mt(T),
260
+ accent: R(u.color.accent),
261
+ secondary: R(u.color.secondary),
262
+ success: R(u.color.success),
263
+ danger: R(u.color.danger),
264
+ warning: R(u.color.warning)
265
+ }, At = ct.neutral[3], Ko = {
266
+ neutral: Q(vt.neutral, u.color.bg),
267
+ accent: Q(vt.accent, u.color.bg)
268
+ }, Jo = {
269
269
  neutral: Q(ct.neutral, T.bg),
270
270
  accent: Q(ct.accent, T.bg)
271
271
  };
272
- function be(o = {}) {
272
+ function he(o = {}) {
273
273
  const e = o.appearance === "light", t = { ...e ? {
274
- ...d.color,
274
+ ...u.color,
275
275
  ...T,
276
- surfaceHover: Mt
277
- } : d.color, ...o.color }, n = { ...d.radius, ...o.radius }, i = {
276
+ surfaceHover: At
277
+ } : u.color, ...o.color }, a = { ...u.radius, ...o.radius }, i = {
278
278
  bg: t.bg,
279
279
  surface: t.surface,
280
280
  surfaceRaised: t.surfaceRaised,
@@ -282,30 +282,30 @@ function be(o = {}) {
282
282
  muted: t.muted,
283
283
  text: t.text
284
284
  }, l = e ? {
285
- neutral: It(i),
286
- accent: S(t.accent),
287
- secondary: S(t.secondary),
288
- success: S(t.success),
289
- danger: S(t.danger),
290
- warning: S(t.warning)
285
+ neutral: Mt(i),
286
+ accent: R(t.accent),
287
+ secondary: R(t.secondary),
288
+ success: R(t.success),
289
+ danger: R(t.danger),
290
+ warning: R(t.warning)
291
291
  } : {
292
- neutral: Lt(i),
292
+ neutral: It(i),
293
293
  accent: $(t.accent, t.accentLight),
294
294
  secondary: $(t.secondary, t.secondaryLight),
295
295
  success: $(t.success, t.success),
296
296
  danger: $(t.danger, t.dangerLight),
297
297
  warning: $(t.warning, t.warning)
298
- }, u = {};
298
+ }, d = {};
299
299
  for (const [g, m] of Object.entries(l))
300
300
  m.forEach((y, f) => {
301
- u[`--gryt-${g}-${f + 1}`] = y, u[`--color-gryt-${g}-${f + 1}`] = y;
301
+ d[`--gryt-${g}-${f + 1}`] = y, d[`--color-gryt-${g}-${f + 1}`] = y;
302
302
  });
303
303
  for (const g of ["neutral", "accent"])
304
304
  Q(l[g], t.bg).forEach((m, y) => {
305
- u[`--gryt-${g}-a${y + 1}`] = m, u[`--color-gryt-${g}-a${y + 1}`] = m;
305
+ d[`--gryt-${g}-a${y + 1}`] = m, d[`--color-gryt-${g}-a${y + 1}`] = m;
306
306
  });
307
307
  return {
308
- ...u,
308
+ ...d,
309
309
  "--gryt-bg": t.bg,
310
310
  "--gryt-surface": t.surface,
311
311
  "--gryt-surface-raised": t.surfaceRaised,
@@ -345,24 +345,24 @@ function be(o = {}) {
345
345
  "--color-gryt-on-accent": t.onAccent,
346
346
  "--color-gryt-on-secondary": t.onSecondary,
347
347
  "--color-gryt-on-danger": t.onDanger,
348
- "--gryt-radius-sm": `${n.sm}px`,
349
- "--gryt-radius-md": `${n.md}px`,
350
- "--gryt-radius-lg": `${n.lg}px`,
351
- "--gryt-radius-xl": `${n.xl}px`,
352
- "--gryt-radius-full": `${n.full}px`
348
+ "--gryt-radius-sm": `${a.sm}px`,
349
+ "--gryt-radius-md": `${a.md}px`,
350
+ "--gryt-radius-lg": `${a.lg}px`,
351
+ "--gryt-radius-xl": `${a.xl}px`,
352
+ "--gryt-radius-full": `${a.full}px`
353
353
  };
354
354
  }
355
- function he(o) {
355
+ function xe(o) {
356
356
  return Object.keys(o).some((e) => e.startsWith("--"));
357
357
  }
358
- function Ko({
358
+ function Qo({
359
359
  children: o,
360
360
  className: e,
361
361
  theme: r,
362
362
  tooltipDelay: t = 400
363
363
  }) {
364
- const n = r && he(r) ? r : be(r ?? {});
365
- return /* @__PURE__ */ a("div", { className: e, style: n, children: /* @__PURE__ */ a(G.Provider, { delay: t, children: o }) });
364
+ const a = r && xe(r) ? r : he(r ?? {});
365
+ return /* @__PURE__ */ n("div", { className: e, style: a, children: /* @__PURE__ */ n(G.Provider, { delay: t, children: o }) });
366
366
  }
367
367
  const tt = [
368
368
  "accent",
@@ -376,7 +376,7 @@ const tt = [
376
376
  "onAccent",
377
377
  "onSecondary",
378
378
  "onDanger"
379
- ], At = [
379
+ ], Dt = [
380
380
  "bg",
381
381
  "surface",
382
382
  "surfaceRaised",
@@ -384,43 +384,48 @@ const tt = [
384
384
  "border",
385
385
  "muted",
386
386
  "text"
387
- ], ut = ["sm", "md", "lg", "xl", "full"], X = {
387
+ ], ut = ["sm", "md", "lg", "xl", "full"], we = 60;
388
+ function gt(o) {
389
+ return o.replace(/\s+/g, " ").trim().slice(0, we);
390
+ }
391
+ const X = {
388
392
  hue: {
389
- accent: d.color.accent,
390
- accentLight: d.color.accentLight,
391
- secondary: d.color.secondary,
392
- secondaryLight: d.color.secondaryLight,
393
- success: d.color.success,
394
- danger: d.color.danger,
395
- dangerLight: d.color.dangerLight,
396
- warning: d.color.warning,
397
- onAccent: d.color.onAccent,
398
- onSecondary: d.color.onSecondary,
399
- onDanger: d.color.onDanger
393
+ accent: u.color.accent,
394
+ accentLight: u.color.accentLight,
395
+ secondary: u.color.secondary,
396
+ secondaryLight: u.color.secondaryLight,
397
+ success: u.color.success,
398
+ danger: u.color.danger,
399
+ dangerLight: u.color.dangerLight,
400
+ warning: u.color.warning,
401
+ onAccent: u.color.onAccent,
402
+ onSecondary: u.color.onSecondary,
403
+ onDanger: u.color.onDanger
400
404
  },
401
405
  lightHue: null,
402
406
  dark: {
403
- bg: d.color.bg,
404
- surface: d.color.surface,
405
- surfaceRaised: d.color.surfaceRaised,
406
- surfaceHover: d.color.surfaceHover,
407
- border: d.color.border,
408
- muted: d.color.muted,
409
- text: d.color.text
407
+ bg: u.color.bg,
408
+ surface: u.color.surface,
409
+ surfaceRaised: u.color.surfaceRaised,
410
+ surfaceHover: u.color.surfaceHover,
411
+ border: u.color.border,
412
+ muted: u.color.muted,
413
+ text: u.color.text
410
414
  },
411
415
  light: {
412
416
  bg: T.bg,
413
417
  surface: T.surface,
414
418
  surfaceRaised: T.surfaceRaised,
415
- surfaceHover: Mt,
419
+ surfaceHover: At,
416
420
  border: T.border,
417
421
  muted: T.muted,
418
422
  text: T.text
419
423
  },
420
- radius: { ...d.radius }
424
+ radius: { ...u.radius }
421
425
  };
422
- function Dt(o) {
426
+ function jt(o) {
423
427
  return {
428
+ ...o.name === void 0 ? {} : { name: o.name },
424
429
  hue: { ...o.hue },
425
430
  lightHue: o.lightHue === null ? null : { ...o.lightHue },
426
431
  dark: { ...o.dark },
@@ -428,13 +433,13 @@ function Dt(o) {
428
433
  radius: { ...o.radius }
429
434
  };
430
435
  }
431
- function xe(o, e) {
436
+ function ve(o, e) {
432
437
  return e === "light" && o.lightHue !== null ? o.lightHue : o.hue;
433
438
  }
434
- function Jo(o, e) {
439
+ function Zo(o, e) {
435
440
  return {
436
441
  appearance: e,
437
- color: { ...xe(o, e), ...o[e] },
442
+ color: { ...ve(o, e), ...o[e] },
438
443
  radius: { ...o.radius }
439
444
  };
440
445
  }
@@ -450,7 +455,7 @@ const W = {
450
455
  onAccent: "on-accent",
451
456
  onSecondary: "on-secondary",
452
457
  onDanger: "on-danger"
453
- }, jt = {
458
+ }, Gt = {
454
459
  bg: "bg",
455
460
  surface: "surface",
456
461
  surfaceRaised: "raised",
@@ -458,75 +463,77 @@ const W = {
458
463
  border: "border",
459
464
  muted: "muted",
460
465
  text: "text"
461
- }, we = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
462
- function Gt(o) {
463
- return we.test(o.trim());
466
+ }, Ne = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
467
+ function Ht(o) {
468
+ return Ne.test(o.trim());
464
469
  }
465
- function gt(o) {
470
+ function yt(o) {
466
471
  const e = o.trim().toLowerCase();
467
472
  return e.length === 4 ? `#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}` : e;
468
473
  }
469
- function Qo(o, e) {
470
- const r = new URLSearchParams(), t = (n) => gt(n).slice(1);
471
- for (const n of tt)
472
- o.hue[n] !== X.hue[n] && r.set(W[n], t(o.hue[n]));
474
+ function qo(o, e) {
475
+ const r = new URLSearchParams(), t = (i) => yt(i).slice(1), a = gt(o.name ?? "");
476
+ a !== "" && r.set("name", a);
477
+ for (const i of tt)
478
+ o.hue[i] !== X.hue[i] && r.set(W[i], t(o.hue[i]));
473
479
  if (o.lightHue !== null)
474
- for (const n of tt)
475
- r.set(`lh-${W[n]}`, t(o.lightHue[n]));
476
- for (const n of ["dark", "light"]) {
477
- const i = n === "dark" ? "d" : "l";
478
- for (const l of At)
479
- o[n][l] !== X[n][l] && r.set(`${i}-${jt[l]}`, t(o[n][l]));
480
+ for (const i of tt)
481
+ r.set(`lh-${W[i]}`, t(o.lightHue[i]));
482
+ for (const i of ["dark", "light"]) {
483
+ const l = i === "dark" ? "d" : "l";
484
+ for (const d of Dt)
485
+ o[i][d] !== X[i][d] && r.set(`${l}-${Gt[d]}`, t(o[i][d]));
480
486
  }
481
- for (const n of ut)
482
- o.radius[n] !== X.radius[n] && r.set(`r-${n}`, String(o.radius[n]));
487
+ for (const i of ut)
488
+ o.radius[i] !== X.radius[i] && r.set(`r-${i}`, String(o.radius[i]));
483
489
  return e === "light" && r.set("mode", "light"), r;
484
490
  }
485
- function Zo(o) {
491
+ function tn(o) {
486
492
  const e = o.trim();
487
493
  if (e === "") return null;
488
- if (e.startsWith("{")) return Ne(e);
494
+ if (e.startsWith("{")) return ke(e);
489
495
  const r = e.includes("?") ? e.slice(e.indexOf("?") + 1) : e;
490
- return ve(new URLSearchParams(r));
496
+ return Pe(new URLSearchParams(r));
491
497
  }
492
- function ve(o) {
493
- const e = Dt(X);
498
+ function Pe(o) {
499
+ const e = jt(X);
494
500
  let r = !1;
495
- const t = (n) => {
496
- const i = o.get(n);
497
- if (i === null) return null;
498
- const l = i.startsWith("#") ? i : `#${i}`;
499
- return Gt(l) ? (r = !0, gt(l)) : null;
500
- };
501
- for (const n of tt) {
502
- const i = t(W[n]);
503
- i !== null && (e.hue[n] = i);
501
+ const t = (i) => {
502
+ const l = o.get(i);
503
+ if (l === null) return null;
504
+ const d = l.startsWith("#") ? l : `#${l}`;
505
+ return Ht(d) ? (r = !0, yt(d)) : null;
506
+ }, a = gt(o.get("name") ?? "");
507
+ a !== "" && (e.name = a, r = !0);
508
+ for (const i of tt) {
509
+ const l = t(W[i]);
510
+ l !== null && (e.hue[i] = l);
504
511
  }
505
512
  if (o.has(`lh-${W.accent}`)) {
506
- const n = { ...e.hue };
507
- for (const i of tt) {
508
- const l = t(`lh-${W[i]}`);
509
- l !== null && (n[i] = l);
513
+ const i = { ...e.hue };
514
+ for (const l of tt) {
515
+ const d = t(`lh-${W[l]}`);
516
+ d !== null && (i[l] = d);
510
517
  }
511
- e.lightHue = n;
518
+ e.lightHue = i;
512
519
  }
513
- for (const n of ["dark", "light"]) {
514
- const i = n === "dark" ? "d" : "l";
515
- for (const l of At) {
516
- const u = t(`${i}-${jt[l]}`);
517
- u !== null && (e[n][l] = u);
520
+ for (const i of ["dark", "light"]) {
521
+ const l = i === "dark" ? "d" : "l";
522
+ for (const d of Dt) {
523
+ const g = t(`${l}-${Gt[d]}`);
524
+ g !== null && (e[i][d] = g);
518
525
  }
519
526
  }
520
- for (const n of ut) {
521
- const i = Number(o.get(`r-${n}`));
522
- Number.isFinite(i) && i >= 0 && i <= 999 && o.has(`r-${n}`) && (e.radius[n] = Math.round(i), r = !0);
527
+ for (const i of ut) {
528
+ const l = Number(o.get(`r-${i}`));
529
+ Number.isFinite(l) && l >= 0 && l <= 999 && o.has(`r-${i}`) && (e.radius[i] = Math.round(l), r = !0);
523
530
  }
524
531
  return r ? {
525
532
  theme: e,
526
533
  appearance: o.get("mode") === "light" ? "light" : "dark"
527
534
  } : null;
528
535
  }
529
- function Ne(o) {
536
+ function ke(o) {
530
537
  let e;
531
538
  try {
532
539
  e = JSON.parse(o);
@@ -534,52 +541,56 @@ function Ne(o) {
534
541
  return null;
535
542
  }
536
543
  if (typeof e != "object" || e === null) return null;
537
- const r = e, t = Dt(X);
538
- let n = !1;
539
- const i = (l, u) => {
544
+ const r = e, t = jt(X);
545
+ let a = !1;
546
+ const i = (l, d) => {
540
547
  if (!(typeof l != "object" || l === null))
541
548
  for (const [g, m] of Object.entries(l))
542
- typeof m == "string" && Gt(m) && g in u && (u[g] = gt(m), n = !0);
549
+ typeof m == "string" && Ht(m) && g in d && (d[g] = yt(m), a = !0);
543
550
  };
551
+ if (typeof r.name == "string") {
552
+ const l = gt(r.name);
553
+ l !== "" && (t.name = l, a = !0);
554
+ }
544
555
  if (i(r.hue, t.hue), i(r.dark, t.dark), i(r.light, t.light), typeof r.lightHue == "object" && r.lightHue !== null) {
545
556
  const l = { ...t.hue };
546
557
  i(r.lightHue, l), t.lightHue = l;
547
558
  }
548
559
  if (typeof r.radius == "object" && r.radius !== null)
549
- for (const [l, u] of Object.entries(
560
+ for (const [l, d] of Object.entries(
550
561
  r.radius
551
562
  )) {
552
- const g = Number(u);
553
- ut.includes(l) && Number.isFinite(g) && g >= 0 && g <= 999 && (t.radius[l] = Math.round(g), n = !0);
563
+ const g = Number(d);
564
+ ut.includes(l) && Number.isFinite(g) && g >= 0 && g <= 999 && (t.radius[l] = Math.round(g), a = !0);
554
565
  }
555
- return n ? { theme: t, appearance: "dark" } : null;
566
+ return a ? { theme: t, appearance: "dark" } : null;
556
567
  }
557
568
  function s(...o) {
558
- return Kt(Wt(o));
569
+ return Jt(Kt(o));
559
570
  }
560
- const Pe = {
571
+ const Te = {
561
572
  primary: "bg-gryt-accent text-gryt-on-accent hover:not-data-disabled:bg-gryt-accent-light",
562
573
  secondary: "bg-gryt-secondary text-gryt-on-secondary hover:not-data-disabled:bg-gryt-secondary-light",
563
574
  neutral: "bg-gryt-surface-raised text-gryt-text hover:not-data-disabled:bg-gryt-surface-hover",
564
575
  danger: "bg-gryt-danger text-gryt-on-danger hover:not-data-disabled:bg-gryt-danger-light",
565
576
  ghost: "bg-transparent text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text"
566
- }, ke = {
577
+ }, $e = {
567
578
  xsmall: "min-h-8 px-3 text-xs",
568
579
  small: "min-h-9 px-4 text-sm",
569
580
  medium: "min-h-10 px-5 text-sm",
570
581
  large: "min-h-12 px-6 text-base"
571
- }, Te = c(
582
+ }, Re = c(
572
583
  function({
573
584
  children: e,
574
585
  className: r,
575
586
  endIcon: t,
576
- size: n = "medium",
587
+ size: a = "medium",
577
588
  startIcon: i,
578
589
  tone: l = "primary",
579
- ...u
590
+ ...d
580
591
  }, g) {
581
592
  return /* @__PURE__ */ p(
582
- Pt,
593
+ kt,
583
594
  {
584
595
  ref: g,
585
596
  className: s(
@@ -603,11 +614,11 @@ const Pe = {
603
614
  "motion-safe:not-[[aria-haspopup]]:active:not-data-disabled:scale-[0.96]",
604
615
  "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gryt-accent-light",
605
616
  "data-disabled:cursor-not-allowed data-disabled:opacity-50",
606
- ke[n],
607
- Pe[l],
617
+ $e[a],
618
+ Te[l],
608
619
  r
609
620
  ),
610
- ...u,
621
+ ...d,
611
622
  children: [
612
623
  i,
613
624
  e,
@@ -616,13 +627,13 @@ const Pe = {
616
627
  }
617
628
  );
618
629
  }
619
- ), x = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gryt-accent-light", $e = "has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-gryt-accent-light", Ht = [
630
+ ), 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 = [
620
631
  "w-full rounded-(--gryt-radius-xl) border bg-gryt-surface-raised",
621
632
  "text-gryt-text outline-none placeholder:text-gryt-muted",
622
633
  "transition-colors duration-150 motion-reduce:transition-none",
623
634
  "hover:border-gryt-accent-light focus:border-gryt-accent",
624
635
  "disabled:cursor-not-allowed disabled:opacity-60"
625
- ].join(" "), Et = {
636
+ ].join(" "), zt = {
626
637
  small: "min-h-9 px-3 py-1.5 text-sm",
627
638
  medium: "min-h-11 px-4 py-2.5 text-sm"
628
639
  }, E = "rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface text-gryt-text", D = [
@@ -632,7 +643,7 @@ const Pe = {
632
643
  "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none",
633
644
  "data-starting-style:scale-[0.98] data-starting-style:opacity-0",
634
645
  "data-ending-style:scale-[0.98] data-ending-style:opacity-0"
635
- ].join(" "), _ = "data-disabled:cursor-not-allowed data-disabled:opacity-50", Se = {
646
+ ].join(" "), F = "data-disabled:cursor-not-allowed data-disabled:opacity-50", Ce = {
636
647
  primary: "data-checked:bg-gryt-accent data-checked:text-gryt-on-accent",
637
648
  secondary: "data-checked:bg-gryt-secondary data-checked:text-gryt-on-secondary",
638
649
  neutral: "data-checked:bg-gryt-surface-hover data-checked:text-gryt-text",
@@ -646,35 +657,35 @@ const Pe = {
646
657
  danger: "bg-gryt-danger",
647
658
  success: "bg-gryt-success",
648
659
  warning: "bg-gryt-warning"
649
- }, Re = {
660
+ }, Le = {
650
661
  primary: "data-checked:border-gryt-accent",
651
662
  secondary: "data-checked:border-gryt-secondary",
652
663
  neutral: "data-checked:border-gryt-muted",
653
664
  danger: "data-checked:border-gryt-danger",
654
665
  success: "data-checked:border-gryt-success",
655
666
  warning: "data-checked:border-gryt-warning"
656
- }, Ce = {
667
+ }, Ie = {
657
668
  primary: "data-checked:bg-gryt-accent",
658
669
  secondary: "data-checked:bg-gryt-secondary",
659
670
  neutral: "data-checked:bg-gryt-surface-hover",
660
671
  danger: "data-checked:bg-gryt-danger",
661
672
  success: "data-checked:bg-gryt-success",
662
673
  warning: "data-checked:bg-gryt-warning"
663
- }, Le = {
674
+ }, Me = {
664
675
  primary: "text-gryt-accent hover:not-data-disabled:bg-gryt-accent/10",
665
676
  secondary: "text-gryt-secondary hover:not-data-disabled:bg-gryt-secondary/10",
666
677
  neutral: "text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text",
667
678
  danger: "text-gryt-danger hover:not-data-disabled:bg-gryt-danger/10",
668
679
  ghost: "text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text"
669
- }, Ie = {
680
+ }, Ae = {
670
681
  xsmall: "h-8 w-8",
671
682
  small: "h-9 w-9",
672
683
  medium: "h-10 w-10",
673
684
  large: "h-12 w-12"
674
- }, qo = c(
675
- function({ className: e, size: r = "medium", tone: t = "neutral", ...n }, i) {
676
- return /* @__PURE__ */ a(
677
- Pt,
685
+ }, en = c(
686
+ function({ className: e, size: r = "medium", tone: t = "neutral", ...a }, i) {
687
+ return /* @__PURE__ */ n(
688
+ kt,
678
689
  {
679
690
  ref: i,
680
691
  className: s(
@@ -692,21 +703,21 @@ const Pe = {
692
703
  "motion-safe:not-[[aria-haspopup]]:hover:not-data-disabled:scale-[1.06]",
693
704
  "motion-safe:not-[[aria-haspopup]]:active:not-data-disabled:scale-[0.94]",
694
705
  x,
695
- _,
696
- Ie[r],
697
- Le[t],
706
+ F,
707
+ Ae[r],
708
+ Me[t],
698
709
  e
699
710
  ),
700
- ...n
711
+ ...a
701
712
  }
702
713
  );
703
714
  }
704
- ), tn = c(
705
- function({ className: e, elevated: r = !1, ...t }, n) {
706
- return /* @__PURE__ */ a(
715
+ ), rn = c(
716
+ function({ className: e, elevated: r = !1, ...t }, a) {
717
+ return /* @__PURE__ */ n(
707
718
  "div",
708
719
  {
709
- ref: n,
720
+ ref: a,
710
721
  className: s(
711
722
  "gryt-surface rounded-(--gryt-radius-lg) border border-gryt-border p-4 text-gryt-text",
712
723
  r ? "bg-gryt-surface-raised" : "bg-gryt-surface",
@@ -716,9 +727,9 @@ const Pe = {
716
727
  }
717
728
  );
718
729
  }
719
- ), en = c(
720
- function({ children: e, className: r, from: t = "assistant", ...n }, i) {
721
- return /* @__PURE__ */ a(
730
+ ), on = c(
731
+ function({ children: e, className: r, from: t = "assistant", ...a }, i) {
732
+ return /* @__PURE__ */ n(
722
733
  "div",
723
734
  {
724
735
  ref: i,
@@ -729,34 +740,34 @@ const Pe = {
729
740
  t === "system" && "mx-auto border border-dashed border-gryt-border bg-transparent text-gryt-muted",
730
741
  r
731
742
  ),
732
- ...n,
743
+ ...a,
733
744
  children: e
734
745
  }
735
746
  );
736
747
  }
737
- ), rn = c(
748
+ ), nn = c(
738
749
  function({
739
750
  className: e,
740
751
  error: r = !1,
741
752
  fieldClassName: t,
742
- helperText: n,
753
+ helperText: a,
743
754
  label: i,
744
755
  minRows: l = 3,
745
- multiline: u = !1,
756
+ multiline: d = !1,
746
757
  size: g = "medium",
747
758
  ...m
748
759
  }, y) {
749
- const f = /* @__PURE__ */ a(
760
+ const f = /* @__PURE__ */ n(
750
761
  q.Control,
751
762
  {
752
763
  ref: y,
753
- render: u ? /* @__PURE__ */ a("textarea", { rows: l }) : void 0,
764
+ render: d ? /* @__PURE__ */ n("textarea", { rows: l }) : void 0,
754
765
  className: s(
755
766
  "gryt-text-field-control",
756
- Ht,
757
- u && "resize-y leading-6",
767
+ Et,
768
+ d && "resize-y leading-6",
758
769
  r ? "border-gryt-danger" : "border-gryt-border",
759
- Et[g],
770
+ zt[g],
760
771
  e
761
772
  ),
762
773
  ...m
@@ -770,44 +781,44 @@ const Pe = {
770
781
  t
771
782
  ),
772
783
  children: [
773
- i ? /* @__PURE__ */ a(q.Label, { className: "text-xs font-medium text-gryt-muted", children: i }) : null,
784
+ i ? /* @__PURE__ */ n(q.Label, { className: "text-xs font-medium text-gryt-muted", children: i }) : null,
774
785
  f,
775
- n ? /* @__PURE__ */ a(
786
+ a ? /* @__PURE__ */ n(
776
787
  q.Description,
777
788
  {
778
789
  className: s(
779
790
  "text-xs",
780
791
  r ? "text-gryt-danger" : "text-gryt-muted"
781
792
  ),
782
- children: n
793
+ children: a
783
794
  }
784
795
  ) : null
785
796
  ]
786
797
  }
787
798
  );
788
799
  }
789
- ), on = c(
800
+ ), an = c(
790
801
  function({
791
802
  className: e,
792
803
  disabled: r = !1,
793
804
  maxRows: t = 8,
794
- minRows: n = 1,
805
+ minRows: a = 1,
795
806
  onSubmit: i,
796
807
  placeholder: l = "Message Gryt",
797
- submitLabel: u = "Send",
808
+ submitLabel: d = "Send",
798
809
  ...g
799
810
  }, m) {
800
- const y = kt(null), f = it(() => {
811
+ const y = Tt(null), f = it(() => {
801
812
  const w = y.current;
802
813
  if (!w)
803
814
  return;
804
- const rt = window.getComputedStyle(w), yt = parseFloat(rt.lineHeight) || 24, mt = parseFloat(rt.paddingTop) + parseFloat(rt.paddingBottom);
815
+ const rt = window.getComputedStyle(w), mt = parseFloat(rt.lineHeight) || 24, pt = parseFloat(rt.paddingTop) + parseFloat(rt.paddingBottom);
805
816
  w.style.height = "auto", w.style.height = `${Math.min(
806
- Math.max(w.scrollHeight, yt * n + mt),
807
- yt * t + mt
817
+ Math.max(w.scrollHeight, mt * a + pt),
818
+ mt * t + pt
808
819
  )}px`;
809
- }, [t, n]);
810
- Vt(f, [f, g.value]);
820
+ }, [t, a]);
821
+ Ut(f, [f, g.value]);
811
822
  function P(w) {
812
823
  if (!i) {
813
824
  w.preventDefault();
@@ -816,13 +827,13 @@ const Pe = {
816
827
  i(w);
817
828
  }
818
829
  return /* @__PURE__ */ p("form", { className: s("gryt-composer", e), onSubmit: P, children: [
819
- /* @__PURE__ */ a(
830
+ /* @__PURE__ */ n(
820
831
  "textarea",
821
832
  {
822
833
  ref: (w) => {
823
834
  y.current = w, typeof m == "function" ? m(w) : m && (m.current = w);
824
835
  },
825
- rows: n,
836
+ rows: a,
826
837
  disabled: r,
827
838
  placeholder: l,
828
839
  onInput: f,
@@ -830,23 +841,23 @@ const Pe = {
830
841
  ...g
831
842
  }
832
843
  ),
833
- /* @__PURE__ */ a(
834
- Te,
844
+ /* @__PURE__ */ n(
845
+ Re,
835
846
  {
836
847
  type: "submit",
837
848
  disabled: r,
838
849
  size: "small",
839
- endIcon: /* @__PURE__ */ a(Jt, { size: 14, weight: "fill" }),
840
- children: u
850
+ endIcon: /* @__PURE__ */ n(Qt, { size: 14, weight: "fill" }),
851
+ children: d
841
852
  }
842
853
  )
843
854
  ] });
844
855
  }
845
- ), Me = {
856
+ ), De = {
846
857
  small: "h-8 w-8 text-xs",
847
858
  medium: "h-10 w-10 text-sm",
848
859
  large: "h-12 w-12 text-base"
849
- }, Ae = c(function({ alt: e, children: r, className: t, fallback: n, size: i = "medium", src: l, ...u }, g) {
860
+ }, je = c(function({ alt: e, children: r, className: t, fallback: a, size: i = "medium", src: l, ...d }, g) {
850
861
  return /* @__PURE__ */ p(
851
862
  ot.Root,
852
863
  {
@@ -854,12 +865,12 @@ const Pe = {
854
865
  className: s(
855
866
  "gryt-avatar inline-flex shrink-0 items-center justify-center overflow-hidden align-middle select-none",
856
867
  "rounded-(--gryt-radius-full) bg-gryt-surface-raised font-medium text-gryt-text ring-1 ring-gryt-border",
857
- Me[i],
868
+ De[i],
858
869
  t
859
870
  ),
860
- ...u,
871
+ ...d,
861
872
  children: [
862
- l ? /* @__PURE__ */ a(
873
+ l ? /* @__PURE__ */ n(
863
874
  ot.Image,
864
875
  {
865
876
  src: l,
@@ -867,15 +878,15 @@ const Pe = {
867
878
  className: "h-full w-full object-cover"
868
879
  }
869
880
  ) : null,
870
- /* @__PURE__ */ a(ot.Fallback, { className: "flex h-full w-full items-center justify-center", children: n ?? r })
881
+ /* @__PURE__ */ n(ot.Fallback, { className: "flex h-full w-full items-center justify-center", children: a ?? r })
871
882
  ]
872
883
  }
873
884
  );
874
- }), nn = c(function({ active: e = !1, avatar: r, className: t, subtitle: n, title: i, ...l }, u) {
885
+ }), sn = c(function({ active: e = !1, avatar: r, className: t, subtitle: a, title: i, ...l }, d) {
875
886
  return /* @__PURE__ */ p(
876
887
  "button",
877
888
  {
878
- ref: u,
889
+ ref: d,
879
890
  type: "button",
880
891
  className: s(
881
892
  "gryt-conversation-item",
@@ -884,8 +895,8 @@ const Pe = {
884
895
  ),
885
896
  ...l,
886
897
  children: [
887
- r ?? /* @__PURE__ */ a(
888
- Ae,
898
+ r ?? /* @__PURE__ */ n(
899
+ je,
889
900
  {
890
901
  size: "small",
891
902
  className: s(
@@ -895,32 +906,32 @@ const Pe = {
895
906
  }
896
907
  ),
897
908
  /* @__PURE__ */ p("span", { className: "min-w-0 flex-1", children: [
898
- /* @__PURE__ */ a("span", { className: "block truncate text-sm font-semibold", children: i }),
899
- n ? /* @__PURE__ */ a(
909
+ /* @__PURE__ */ n("span", { className: "block truncate text-sm font-semibold", children: i }),
910
+ a ? /* @__PURE__ */ n(
900
911
  "span",
901
912
  {
902
913
  className: s(
903
914
  "block truncate text-xs",
904
915
  e ? "text-gryt-on-accent/70" : "text-gryt-muted"
905
916
  ),
906
- children: n
917
+ children: a
907
918
  }
908
919
  ) : null
909
920
  ] })
910
921
  ]
911
922
  }
912
923
  );
913
- }), an = c(function({ badgeContent: e, children: r, className: t, max: n = 99, showZero: i = !1, ...l }, u) {
914
- const g = typeof e == "number" ? e : null, m = g !== null && g === 0 && !i, y = g !== null && g > n ? `${n}+` : e;
924
+ }), cn = c(function({ badgeContent: e, children: r, className: t, max: a = 99, showZero: i = !1, ...l }, d) {
925
+ const g = typeof e == "number" ? e : null, m = g !== null && g === 0 && !i, y = g !== null && g > a ? `${a}+` : e;
915
926
  return /* @__PURE__ */ p(
916
927
  "span",
917
928
  {
918
- ref: u,
929
+ ref: d,
919
930
  className: s("gryt-badge relative inline-flex", t),
920
931
  ...l,
921
932
  children: [
922
933
  r,
923
- e !== void 0 && !m ? /* @__PURE__ */ a(
934
+ e !== void 0 && !m ? /* @__PURE__ */ n(
924
935
  "span",
925
936
  {
926
937
  className: s(
@@ -935,28 +946,28 @@ const Pe = {
935
946
  ]
936
947
  }
937
948
  );
938
- }), De = {
949
+ }), Ge = {
939
950
  neutral: "border-gryt-border bg-gryt-surface-raised text-gryt-text",
940
951
  primary: "border-gryt-accent/40 bg-gryt-accent/12 text-gryt-accent",
941
952
  secondary: "border-gryt-secondary/40 bg-gryt-secondary/12 text-gryt-secondary",
942
953
  success: "border-gryt-success/40 bg-gryt-success/12 text-gryt-success",
943
954
  warning: "border-gryt-warning/40 bg-gryt-warning/12 text-gryt-warning",
944
955
  danger: "border-gryt-danger/40 bg-gryt-danger/12 text-gryt-danger"
945
- }, sn = c(function({ children: e, className: r, icon: t, label: n, onDelete: i, tone: l = "neutral", ...u }, g) {
956
+ }, ln = c(function({ children: e, className: r, icon: t, label: a, onDelete: i, tone: l = "neutral", ...d }, g) {
946
957
  return /* @__PURE__ */ p(
947
958
  "span",
948
959
  {
949
960
  ref: g,
950
961
  className: s(
951
962
  "gryt-chip inline-flex items-center gap-1.5 rounded-(--gryt-radius-full) border px-3 py-1 text-xs font-medium",
952
- De[l],
963
+ Ge[l],
953
964
  r
954
965
  ),
955
- ...u,
966
+ ...d,
956
967
  children: [
957
968
  t,
958
- n ?? e,
959
- i ? /* @__PURE__ */ a(
969
+ a ?? e,
970
+ i ? /* @__PURE__ */ n(
960
971
  "button",
961
972
  {
962
973
  type: "button",
@@ -967,18 +978,18 @@ const Pe = {
967
978
  "opacity-70 transition-opacity hover:opacity-100",
968
979
  x
969
980
  ),
970
- children: /* @__PURE__ */ a(Tt, { size: 10, weight: "bold", "aria-hidden": "true" })
981
+ children: /* @__PURE__ */ n($t, { size: 10, weight: "bold", "aria-hidden": "true" })
971
982
  }
972
983
  ) : null
973
984
  ]
974
985
  }
975
986
  );
976
- }), cn = c(
977
- function({ className: e, tone: r = "primary", ...t }, n) {
978
- return /* @__PURE__ */ a(
979
- pt.Root,
987
+ }), dn = c(
988
+ function({ className: e, tone: r = "primary", ...t }, a) {
989
+ return /* @__PURE__ */ n(
990
+ ft.Root,
980
991
  {
981
- ref: n,
992
+ ref: a,
982
993
  className: s(
983
994
  "gryt-checkbox flex h-5 w-5 shrink-0 items-center justify-center",
984
995
  "rounded-(--gryt-radius-sm) border border-gryt-border bg-gryt-surface-raised",
@@ -990,14 +1001,14 @@ const Pe = {
990
1001
  "motion-safe:hover:not-data-disabled:scale-[1.08]",
991
1002
  "motion-safe:active:not-data-disabled:scale-[0.92]",
992
1003
  x,
993
- _,
1004
+ F,
994
1005
  // Unchecked stays a neutral outline; the tone only paints once checked.
995
- Se[r],
1006
+ Ce[r],
996
1007
  e
997
1008
  ),
998
1009
  ...t,
999
- children: /* @__PURE__ */ a(
1000
- pt.Indicator,
1010
+ children: /* @__PURE__ */ n(
1011
+ ft.Indicator,
1001
1012
  {
1002
1013
  keepMounted: !0,
1003
1014
  className: s(
@@ -1010,17 +1021,17 @@ const Pe = {
1010
1021
  "data-unchecked:scale-0 data-unchecked:opacity-0",
1011
1022
  "motion-reduce:transition-none"
1012
1023
  ),
1013
- children: /* @__PURE__ */ a($t, { size: 12, weight: "bold" })
1024
+ children: /* @__PURE__ */ n(Rt, { size: 12, weight: "bold" })
1014
1025
  }
1015
1026
  )
1016
1027
  }
1017
1028
  );
1018
1029
  }
1019
- ), ln = c(function({ className: e, tone: r = "primary", ...t }, n) {
1020
- return /* @__PURE__ */ a(
1021
- ft.Root,
1030
+ ), un = c(function({ className: e, tone: r = "primary", ...t }, a) {
1031
+ return /* @__PURE__ */ n(
1032
+ bt.Root,
1022
1033
  {
1023
- ref: n,
1034
+ ref: a,
1024
1035
  className: s(
1025
1036
  "gryt-radio flex h-5 w-5 shrink-0 items-center justify-center",
1026
1037
  "rounded-(--gryt-radius-full) border border-gryt-border bg-gryt-surface-raised",
@@ -1029,14 +1040,14 @@ const Pe = {
1029
1040
  "motion-safe:hover:not-data-disabled:scale-[1.08]",
1030
1041
  "motion-safe:active:not-data-disabled:scale-[0.92]",
1031
1042
  x,
1032
- _,
1043
+ F,
1033
1044
  // Border takes the tone when selected; the dot inside carries the fill.
1034
- Re[r],
1045
+ Le[r],
1035
1046
  e
1036
1047
  ),
1037
1048
  ...t,
1038
- children: /* @__PURE__ */ a(
1039
- ft.Indicator,
1049
+ children: /* @__PURE__ */ n(
1050
+ bt.Indicator,
1040
1051
  {
1041
1052
  keepMounted: !0,
1042
1053
  className: s(
@@ -1051,10 +1062,10 @@ const Pe = {
1051
1062
  )
1052
1063
  }
1053
1064
  );
1054
- }), dn = c(
1065
+ }), gn = c(
1055
1066
  function({ className: e, ...r }, t) {
1056
- return /* @__PURE__ */ a(
1057
- re,
1067
+ return /* @__PURE__ */ n(
1068
+ oe,
1058
1069
  {
1059
1070
  ref: t,
1060
1071
  className: s("gryt-radio-group flex flex-col gap-2", e),
@@ -1062,12 +1073,12 @@ const Pe = {
1062
1073
  }
1063
1074
  );
1064
1075
  }
1065
- ), un = c(
1066
- function({ className: e, tone: r = "primary", ...t }, n) {
1067
- return /* @__PURE__ */ a(
1068
- bt.Root,
1076
+ ), yn = c(
1077
+ function({ className: e, tone: r = "primary", ...t }, a) {
1078
+ return /* @__PURE__ */ n(
1079
+ ht.Root,
1069
1080
  {
1070
- ref: n,
1081
+ ref: a,
1071
1082
  className: s(
1072
1083
  "gryt-switch relative inline-flex h-6 w-10 shrink-0 items-center",
1073
1084
  "rounded-(--gryt-radius-full) border border-gryt-border bg-gryt-surface-raised p-0.5",
@@ -1077,13 +1088,13 @@ const Pe = {
1077
1088
  "motion-safe:hover:not-data-disabled:scale-[1.05]",
1078
1089
  "motion-safe:active:not-data-disabled:scale-[0.95]",
1079
1090
  x,
1080
- _,
1081
- Ce[r],
1091
+ F,
1092
+ Ie[r],
1082
1093
  e
1083
1094
  ),
1084
1095
  ...t,
1085
- children: /* @__PURE__ */ a(
1086
- bt.Thumb,
1096
+ children: /* @__PURE__ */ n(
1097
+ ht.Thumb,
1087
1098
  {
1088
1099
  className: s(
1089
1100
  "h-4.5 w-4.5 rounded-(--gryt-radius-full) bg-gryt-text",
@@ -1095,16 +1106,16 @@ const Pe = {
1095
1106
  }
1096
1107
  );
1097
1108
  }
1098
- ), vt = 3;
1099
- function gn({
1109
+ ), Nt = 3;
1110
+ function mn({
1100
1111
  className: o,
1101
1112
  tone: e = "primary",
1102
1113
  "aria-label": r,
1103
1114
  ...t
1104
1115
  }) {
1105
- const [n, i] = Ut(!1), l = kt(null);
1106
- Ot(() => {
1107
- if (!n && l.current === null)
1116
+ const [a, i] = Ot(!1), l = Tt(null);
1117
+ Yt(() => {
1118
+ if (!a && l.current === null)
1108
1119
  return;
1109
1120
  const y = () => {
1110
1121
  l.current = null, i(!1);
@@ -1112,25 +1123,25 @@ function gn({
1112
1123
  return window.addEventListener("pointerup", y), window.addEventListener("pointercancel", y), () => {
1113
1124
  window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y);
1114
1125
  };
1115
- }, [n]);
1116
- function u(y) {
1126
+ }, [a]);
1127
+ function d(y) {
1117
1128
  l.current = { x: y.clientX, y: y.clientY };
1118
1129
  }
1119
1130
  function g(y) {
1120
1131
  const f = l.current;
1121
- if (f === null || n)
1132
+ if (f === null || a)
1122
1133
  return;
1123
- (Math.abs(y.clientX - f.x) > vt || Math.abs(y.clientY - f.y) > vt) && i(!0);
1134
+ (Math.abs(y.clientX - f.x) > Nt || Math.abs(y.clientY - f.y) > Nt) && i(!0);
1124
1135
  }
1125
- const m = n ? "transition-none" : "duration-(--gryt-dur-spring) ease-spring-tight motion-reduce:transition-none";
1126
- return /* @__PURE__ */ a(V.Root, { className: s("gryt-slider w-full", o), ...t, children: /* @__PURE__ */ a(
1136
+ const m = a ? "transition-none" : "duration-(--gryt-dur-spring) ease-spring-tight motion-reduce:transition-none";
1137
+ return /* @__PURE__ */ n(V.Root, { className: s("gryt-slider w-full", o), ...t, children: /* @__PURE__ */ n(
1127
1138
  V.Control,
1128
1139
  {
1129
1140
  className: "flex w-full touch-none items-center py-2 select-none",
1130
- onPointerDown: u,
1141
+ onPointerDown: d,
1131
1142
  onPointerMove: g,
1132
1143
  children: /* @__PURE__ */ p(V.Track, { className: "h-1.5 w-full rounded-(--gryt-radius-full) bg-gryt-surface-raised select-none", children: [
1133
- /* @__PURE__ */ a(
1144
+ /* @__PURE__ */ n(
1134
1145
  V.Indicator,
1135
1146
  {
1136
1147
  className: s(
@@ -1141,7 +1152,7 @@ function gn({
1141
1152
  )
1142
1153
  }
1143
1154
  ),
1144
- /* @__PURE__ */ a(
1155
+ /* @__PURE__ */ n(
1145
1156
  V.Thumb,
1146
1157
  {
1147
1158
  "aria-label": r,
@@ -1153,9 +1164,9 @@ function gn({
1153
1164
  // hidden input inside it, so this has to match a descendant.
1154
1165
  // Without it the slider is the one control here you cannot see
1155
1166
  // yourself tab to.
1156
- $e
1167
+ Se
1157
1168
  ),
1158
- children: /* @__PURE__ */ a(
1169
+ children: /* @__PURE__ */ n(
1159
1170
  "span",
1160
1171
  {
1161
1172
  className: s(
@@ -1172,21 +1183,21 @@ function gn({
1172
1183
  }
1173
1184
  ) });
1174
1185
  }
1175
- const je = {
1186
+ const He = {
1176
1187
  small: "min-h-9 px-3 text-sm",
1177
1188
  medium: "min-h-11 px-4 text-sm"
1178
1189
  };
1179
- function yn({
1190
+ function pn({
1180
1191
  className: o,
1181
1192
  label: e,
1182
1193
  options: r = [],
1183
1194
  placeholder: t = "Select",
1184
- size: n = "medium",
1195
+ size: a = "medium",
1185
1196
  ...i
1186
1197
  }) {
1187
1198
  return /* @__PURE__ */ p(v.Root, { items: r, ...i, children: [
1188
1199
  /* @__PURE__ */ p("div", { className: s("gryt-select flex w-full flex-col gap-1.5", o), children: [
1189
- e ? /* @__PURE__ */ a(v.Label, { className: "text-xs font-medium text-gryt-muted", children: e }) : null,
1200
+ e ? /* @__PURE__ */ n(v.Label, { className: "text-xs font-medium text-gryt-muted", children: e }) : null,
1190
1201
  /* @__PURE__ */ p(
1191
1202
  v.Trigger,
1192
1203
  {
@@ -1197,20 +1208,20 @@ function yn({
1197
1208
  "transition-colors duration-150 hover:border-gryt-accent-light",
1198
1209
  "data-disabled:cursor-not-allowed data-disabled:opacity-60",
1199
1210
  x,
1200
- je[n]
1211
+ He[a]
1201
1212
  ),
1202
1213
  children: [
1203
- /* @__PURE__ */ a(v.Value, { placeholder: t }),
1204
- /* @__PURE__ */ a(v.Icon, { className: "shrink-0 text-gryt-muted", children: /* @__PURE__ */ a(Qt, { size: 16 }) })
1214
+ /* @__PURE__ */ n(v.Value, { placeholder: t }),
1215
+ /* @__PURE__ */ n(v.Icon, { className: "shrink-0 text-gryt-muted", children: /* @__PURE__ */ n(Zt, { size: 16 }) })
1205
1216
  ]
1206
1217
  }
1207
1218
  )
1208
1219
  ] }),
1209
- /* @__PURE__ */ a(v.Portal, { children: /* @__PURE__ */ a(v.Positioner, { sideOffset: 6, className: "outline-none", children: /* @__PURE__ */ a(
1220
+ /* @__PURE__ */ n(v.Portal, { children: /* @__PURE__ */ n(v.Positioner, { sideOffset: 6, className: "outline-none", children: /* @__PURE__ */ n(
1210
1221
  v.Popup,
1211
1222
  {
1212
1223
  className: s("min-w-(--anchor-width) p-1", E, D),
1213
- children: /* @__PURE__ */ a(v.List, { children: r.map((l) => /* @__PURE__ */ p(
1224
+ children: /* @__PURE__ */ n(v.List, { children: r.map((l) => /* @__PURE__ */ p(
1214
1225
  v.Item,
1215
1226
  {
1216
1227
  value: l.value,
@@ -1222,8 +1233,8 @@ function yn({
1222
1233
  "data-disabled:cursor-not-allowed data-disabled:opacity-50"
1223
1234
  ),
1224
1235
  children: [
1225
- /* @__PURE__ */ a(v.ItemText, { children: l.label }),
1226
- /* @__PURE__ */ a(v.ItemIndicator, { className: "text-gryt-accent", children: /* @__PURE__ */ a($t, { size: 14, weight: "bold" }) })
1236
+ /* @__PURE__ */ n(v.ItemText, { children: l.label }),
1237
+ /* @__PURE__ */ n(v.ItemIndicator, { className: "text-gryt-accent", children: /* @__PURE__ */ n(Rt, { size: 14, weight: "bold" }) })
1227
1238
  ]
1228
1239
  },
1229
1240
  String(l.value)
@@ -1232,16 +1243,16 @@ function yn({
1232
1243
  ) }) })
1233
1244
  ] });
1234
1245
  }
1235
- function mn({
1246
+ function fn({
1236
1247
  children: o,
1237
1248
  className: e,
1238
1249
  side: r = "top",
1239
1250
  sideOffset: t = 8,
1240
- title: n
1251
+ title: a
1241
1252
  }) {
1242
1253
  return /* @__PURE__ */ p(G.Root, { children: [
1243
- /* @__PURE__ */ a(G.Trigger, { render: o }),
1244
- /* @__PURE__ */ a(G.Portal, { children: /* @__PURE__ */ a(G.Positioner, { side: r, sideOffset: t, children: /* @__PURE__ */ a(
1254
+ /* @__PURE__ */ n(G.Trigger, { render: o }),
1255
+ /* @__PURE__ */ n(G.Portal, { children: /* @__PURE__ */ n(G.Positioner, { side: r, sideOffset: t, children: /* @__PURE__ */ n(
1245
1256
  G.Popup,
1246
1257
  {
1247
1258
  className: s(
@@ -1250,17 +1261,17 @@ function mn({
1250
1261
  D,
1251
1262
  e
1252
1263
  ),
1253
- children: n
1264
+ children: a
1254
1265
  }
1255
1266
  ) }) })
1256
1267
  ] });
1257
1268
  }
1258
- const pn = G.Provider, fn = c(
1259
- function({ className: e, orientation: r = "horizontal", ...t }, n) {
1260
- return /* @__PURE__ */ a(
1261
- oe,
1269
+ const bn = G.Provider, hn = c(
1270
+ function({ className: e, orientation: r = "horizontal", ...t }, a) {
1271
+ return /* @__PURE__ */ n(
1272
+ ne,
1262
1273
  {
1263
- ref: n,
1274
+ ref: a,
1264
1275
  orientation: r,
1265
1276
  className: s(
1266
1277
  "gryt-divider bg-gryt-border",
@@ -1271,8 +1282,8 @@ const pn = G.Provider, fn = c(
1271
1282
  }
1272
1283
  );
1273
1284
  }
1274
- ), bn = c(function({ className: e, ...r }, t) {
1275
- return /* @__PURE__ */ a(
1285
+ ), xn = c(function({ className: e, ...r }, t) {
1286
+ return /* @__PURE__ */ n(
1276
1287
  "div",
1277
1288
  {
1278
1289
  ref: t,
@@ -1284,31 +1295,31 @@ const pn = G.Provider, fn = c(
1284
1295
  }
1285
1296
  );
1286
1297
  });
1287
- function hn({
1298
+ function wn({
1288
1299
  children: o,
1289
1300
  className: e,
1290
1301
  subheader: r,
1291
1302
  title: t,
1292
- ...n
1303
+ ...a
1293
1304
  }) {
1294
1305
  return /* @__PURE__ */ p(
1295
1306
  "div",
1296
1307
  {
1297
1308
  className: s("gryt-card-header flex flex-col gap-1 p-4", e),
1298
- ...n,
1309
+ ...a,
1299
1310
  children: [
1300
- t ? /* @__PURE__ */ a("span", { className: "text-base font-semibold text-gryt-text", children: t }) : null,
1301
- r ? /* @__PURE__ */ a("span", { className: "text-sm text-gryt-muted", children: r }) : null,
1311
+ t ? /* @__PURE__ */ n("span", { className: "text-base font-semibold text-gryt-text", children: t }) : null,
1312
+ r ? /* @__PURE__ */ n("span", { className: "text-sm text-gryt-muted", children: r }) : null,
1302
1313
  o
1303
1314
  ]
1304
1315
  }
1305
1316
  );
1306
1317
  }
1307
- function xn({
1318
+ function vn({
1308
1319
  className: o,
1309
1320
  ...e
1310
1321
  }) {
1311
- return /* @__PURE__ */ a(
1322
+ return /* @__PURE__ */ n(
1312
1323
  "div",
1313
1324
  {
1314
1325
  className: s(
@@ -1319,11 +1330,11 @@ function xn({
1319
1330
  }
1320
1331
  );
1321
1332
  }
1322
- function wn({
1333
+ function Nn({
1323
1334
  className: o,
1324
1335
  ...e
1325
1336
  }) {
1326
- return /* @__PURE__ */ a(
1337
+ return /* @__PURE__ */ n(
1327
1338
  "div",
1328
1339
  {
1329
1340
  className: s(
@@ -1334,44 +1345,44 @@ function wn({
1334
1345
  }
1335
1346
  );
1336
1347
  }
1337
- const Ge = {
1348
+ const Ee = {
1338
1349
  info: "border-gryt-secondary/40 bg-gryt-secondary/10 text-gryt-secondary",
1339
1350
  success: "border-gryt-success/40 bg-gryt-success/10 text-gryt-success",
1340
1351
  warning: "border-gryt-warning/40 bg-gryt-warning/10 text-gryt-warning",
1341
1352
  error: "border-gryt-danger/40 bg-gryt-danger/10 text-gryt-danger"
1342
- }, vn = c(function({ className: e, severity: r = "info", ...t }, n) {
1343
- return /* @__PURE__ */ a(
1353
+ }, Pn = c(function({ className: e, severity: r = "info", ...t }, a) {
1354
+ return /* @__PURE__ */ n(
1344
1355
  "div",
1345
1356
  {
1346
- ref: n,
1357
+ ref: a,
1347
1358
  role: "alert",
1348
1359
  className: s(
1349
1360
  "gryt-alert rounded-(--gryt-radius-lg) border px-4 py-3 text-sm",
1350
- Ge[r],
1361
+ Ee[r],
1351
1362
  e
1352
1363
  ),
1353
1364
  ...t
1354
1365
  }
1355
1366
  );
1356
1367
  });
1357
- function Nn({ className: o, value: e = null, ...r }) {
1358
- return /* @__PURE__ */ a(
1368
+ function kn({ className: o, value: e = null, ...r }) {
1369
+ return /* @__PURE__ */ n(
1359
1370
  nt.Root,
1360
1371
  {
1361
1372
  value: e,
1362
1373
  className: s("gryt-progress w-full", o),
1363
1374
  ...r,
1364
- children: /* @__PURE__ */ a(nt.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ a(nt.Indicator, { className: "h-full rounded-(--gryt-radius-full) bg-gryt-accent transition-[width] duration-300 ease-out motion-reduce:transition-none" }) })
1375
+ 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" }) })
1365
1376
  }
1366
1377
  );
1367
1378
  }
1368
- function Pn({
1379
+ function Tn({
1369
1380
  className: o,
1370
1381
  size: e = 24,
1371
1382
  "aria-label": r = "Loading"
1372
1383
  }) {
1373
- return /* @__PURE__ */ a(
1374
- Zt,
1384
+ return /* @__PURE__ */ n(
1385
+ qt,
1375
1386
  {
1376
1387
  role: "status",
1377
1388
  "aria-label": r,
@@ -1384,26 +1395,26 @@ function Pn({
1384
1395
  }
1385
1396
  );
1386
1397
  }
1387
- const He = {
1398
+ const ze = {
1388
1399
  text: "h-4 rounded-(--gryt-radius-sm)",
1389
1400
  rounded: "rounded-(--gryt-radius-lg)",
1390
1401
  circular: "rounded-(--gryt-radius-full)",
1391
1402
  rectangular: "rounded-none"
1392
1403
  };
1393
- function kn({
1404
+ function $n({
1394
1405
  className: o,
1395
1406
  height: e,
1396
1407
  style: r,
1397
1408
  variant: t = "text",
1398
- width: n,
1409
+ width: a,
1399
1410
  ...i
1400
1411
  }) {
1401
1412
  const l = {
1402
- width: n,
1413
+ width: a,
1403
1414
  height: e,
1404
1415
  ...r
1405
1416
  };
1406
- return /* @__PURE__ */ a(
1417
+ return /* @__PURE__ */ n(
1407
1418
  "div",
1408
1419
  {
1409
1420
  "aria-hidden": "true",
@@ -1415,7 +1426,7 @@ function kn({
1415
1426
  // the surfaces it can land on rather than only the one it was picked
1416
1427
  // against, and it dims rather than brightens as it pulses.
1417
1428
  "gryt-skeleton bg-white/9 motion-safe:animate-pulse",
1418
- He[t],
1429
+ ze[t],
1419
1430
  o
1420
1431
  ),
1421
1432
  style: l,
@@ -1423,16 +1434,16 @@ function kn({
1423
1434
  }
1424
1435
  );
1425
1436
  }
1426
- const zt = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none", Ee = c(
1437
+ const _t = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none", Be = c(
1427
1438
  function({ className: e, ...r }, t) {
1428
- return /* @__PURE__ */ a(
1439
+ return /* @__PURE__ */ n(
1429
1440
  M.Backdrop,
1430
1441
  {
1431
1442
  ref: t,
1432
1443
  className: s(
1433
1444
  "gryt-dialog-backdrop fixed inset-0 min-h-dvh bg-black/60",
1434
1445
  "backdrop-blur-(--gryt-backdrop-blur)",
1435
- zt,
1446
+ _t,
1436
1447
  "data-starting-style:opacity-0 data-ending-style:opacity-0",
1437
1448
  e
1438
1449
  ),
@@ -1440,9 +1451,9 @@ const zt = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ea
1440
1451
  }
1441
1452
  );
1442
1453
  }
1443
- ), Be = c(
1454
+ ), _e = c(
1444
1455
  function({ className: e, ...r }, t) {
1445
- return /* @__PURE__ */ a(
1456
+ return /* @__PURE__ */ n(
1446
1457
  M.Popup,
1447
1458
  {
1448
1459
  ref: t,
@@ -1450,7 +1461,7 @@ const zt = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ea
1450
1461
  "gryt-dialog fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
1451
1462
  "flex w-96 max-w-[calc(100vw-3rem)] flex-col gap-4",
1452
1463
  "rounded-(--gryt-radius-lg) border border-gryt-border bg-gryt-surface p-5 text-gryt-text",
1453
- zt,
1464
+ _t,
1454
1465
  "data-starting-style:scale-[0.98] data-starting-style:opacity-0",
1455
1466
  "data-ending-style:scale-[0.98] data-ending-style:opacity-0",
1456
1467
  e
@@ -1459,9 +1470,9 @@ const zt = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ea
1459
1470
  }
1460
1471
  );
1461
1472
  }
1462
- ), ze = c(
1473
+ ), Fe = c(
1463
1474
  function({ className: e, ...r }, t) {
1464
- return /* @__PURE__ */ a(
1475
+ return /* @__PURE__ */ n(
1465
1476
  M.Title,
1466
1477
  {
1467
1478
  ref: t,
@@ -1473,9 +1484,9 @@ const zt = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ea
1473
1484
  }
1474
1485
  );
1475
1486
  }
1476
- ), Fe = c(
1487
+ ), Ve = c(
1477
1488
  function({ className: e, ...r }, t) {
1478
- return /* @__PURE__ */ a(
1489
+ return /* @__PURE__ */ n(
1479
1490
  M.Description,
1480
1491
  {
1481
1492
  ref: t,
@@ -1487,9 +1498,9 @@ const zt = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ea
1487
1498
  }
1488
1499
  );
1489
1500
  }
1490
- ), _e = c(
1501
+ ), Ue = c(
1491
1502
  function({ className: e, ...r }, t) {
1492
- return /* @__PURE__ */ a(
1503
+ return /* @__PURE__ */ n(
1493
1504
  "div",
1494
1505
  {
1495
1506
  ref: t,
@@ -1501,45 +1512,45 @@ const zt = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ea
1501
1512
  }
1502
1513
  );
1503
1514
  }
1504
- ), Tn = {
1515
+ ), Rn = {
1505
1516
  Root: M.Root,
1506
1517
  Trigger: M.Trigger,
1507
1518
  Portal: M.Portal,
1508
1519
  Close: M.Close,
1509
- Backdrop: Ee,
1510
- Popup: Be,
1511
- Title: ze,
1512
- Description: Fe,
1513
- Footer: _e
1514
- }, Ve = () => () => {
1520
+ Backdrop: Be,
1521
+ Popup: _e,
1522
+ Title: Fe,
1523
+ Description: Ve,
1524
+ Footer: Ue
1525
+ }, Oe = () => () => {
1515
1526
  };
1516
- function Ue(o) {
1527
+ function Ye(o) {
1517
1528
  const e = it(
1518
1529
  (t) => {
1519
- if (typeof window > "u" || !window.matchMedia) return Ve();
1520
- const n = window.matchMedia(o);
1521
- return n.addEventListener("change", t), () => n.removeEventListener("change", t);
1530
+ if (typeof window > "u" || !window.matchMedia) return Oe();
1531
+ const a = window.matchMedia(o);
1532
+ return a.addEventListener("change", t), () => a.removeEventListener("change", t);
1522
1533
  },
1523
1534
  [o]
1524
1535
  ), r = it(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia(o).matches, [o]);
1525
- return Yt(e, r, () => !1);
1536
+ return Xt(e, r, () => !1);
1526
1537
  }
1527
- const Oe = {
1538
+ const Xe = {
1528
1539
  left: "left",
1529
1540
  right: "right",
1530
1541
  top: "up",
1531
1542
  bottom: "down"
1532
- }, et = Xt("right"), Ye = {
1543
+ }, et = Wt("right"), We = {
1533
1544
  left: "items-stretch justify-start",
1534
1545
  right: "items-stretch justify-end",
1535
1546
  top: "items-start justify-center",
1536
1547
  bottom: "items-end justify-center"
1537
- }, Xe = {
1548
+ }, Ke = {
1538
1549
  left: "rounded-r-(--gryt-radius-xl)",
1539
1550
  right: "rounded-l-(--gryt-radius-xl)",
1540
1551
  top: "rounded-b-(--gryt-radius-xl)",
1541
1552
  bottom: "rounded-t-(--gryt-radius-xl)"
1542
- }, We = {
1553
+ }, Je = {
1543
1554
  left: [
1544
1555
  "h-full w-[calc(20rem+var(--gryt-drawer-bleed))] max-w-[calc(85vw+var(--gryt-drawer-bleed))]",
1545
1556
  "-ml-(--gryt-drawer-bleed) border-r py-5 pr-5 pl-[calc(1.25rem+var(--gryt-drawer-bleed))]",
@@ -1569,19 +1580,19 @@ const Oe = {
1569
1580
  "data-ending-style:[transform:translateY(calc(100%-var(--gryt-drawer-bleed)))]"
1570
1581
  ].join(" ")
1571
1582
  };
1572
- function Ke({
1583
+ function Qe({
1573
1584
  side: o = "right",
1574
1585
  sheetOnMobile: e = !0,
1575
1586
  children: r,
1576
1587
  ...t
1577
1588
  }) {
1578
- const n = Ue("(max-width: 767px)"), i = e && n ? "bottom" : o;
1579
- return /* @__PURE__ */ a(et.Provider, { value: i, children: /* @__PURE__ */ a(k.Root, { swipeDirection: Oe[i], ...t, children: r }) });
1589
+ const a = Ye("(max-width: 767px)"), i = e && a ? "bottom" : o;
1590
+ return /* @__PURE__ */ n(et.Provider, { value: i, children: /* @__PURE__ */ n(k.Root, { swipeDirection: Xe[i], ...t, children: r }) });
1580
1591
  }
1581
- const Je = c(
1592
+ const Ze = c(
1582
1593
  function({ className: e, ...r }, t) {
1583
- const n = lt(et);
1584
- return /* @__PURE__ */ a(
1594
+ const a = lt(et);
1595
+ return /* @__PURE__ */ n(
1585
1596
  k.Viewport,
1586
1597
  {
1587
1598
  ref: t,
@@ -1590,16 +1601,16 @@ const Je = c(
1590
1601
  // viewport is what has to sit above the page. Without it a sticky
1591
1602
  // site header renders over the panel.
1592
1603
  "gryt-drawer-viewport fixed inset-0 z-50 flex",
1593
- Ye[n],
1604
+ We[a],
1594
1605
  e
1595
1606
  ),
1596
1607
  ...r
1597
1608
  }
1598
1609
  );
1599
1610
  }
1600
- ), Qe = c(function({ className: e, ...r }, t) {
1601
- const n = lt(et);
1602
- return /* @__PURE__ */ a(
1611
+ ), qe = c(function({ className: e, ...r }, t) {
1612
+ const a = lt(et);
1613
+ return /* @__PURE__ */ n(
1603
1614
  k.Popup,
1604
1615
  {
1605
1616
  ref: t,
@@ -1611,15 +1622,15 @@ const Je = c(
1611
1622
  // duration here turns a drag into a drag plus lag.
1612
1623
  "data-swiping:duration-0 data-swiping:select-none",
1613
1624
  "motion-reduce:transition-none",
1614
- We[n],
1615
- Xe[n],
1625
+ Je[a],
1626
+ Ke[a],
1616
1627
  e
1617
1628
  ),
1618
1629
  ...r
1619
1630
  }
1620
1631
  );
1621
- }), Ze = c(function({ className: e, ...r }, t) {
1622
- return /* @__PURE__ */ a(
1632
+ }), tr = c(function({ className: e, ...r }, t) {
1633
+ return /* @__PURE__ */ n(
1623
1634
  k.Backdrop,
1624
1635
  {
1625
1636
  ref: t,
@@ -1639,9 +1650,9 @@ const Je = c(
1639
1650
  }
1640
1651
  );
1641
1652
  });
1642
- function qe({ className: o }) {
1653
+ function er({ className: o }) {
1643
1654
  const e = lt(et);
1644
- return e !== "bottom" && e !== "top" ? null : /* @__PURE__ */ a(
1655
+ return e !== "bottom" && e !== "top" ? null : /* @__PURE__ */ n(
1645
1656
  "div",
1646
1657
  {
1647
1658
  "aria-hidden": !0,
@@ -1653,32 +1664,32 @@ function qe({ className: o }) {
1653
1664
  }
1654
1665
  );
1655
1666
  }
1656
- const $n = {
1657
- Root: Ke,
1667
+ const Sn = {
1668
+ Root: Qe,
1658
1669
  Trigger: k.Trigger,
1659
1670
  Portal: k.Portal,
1660
- Backdrop: Ze,
1661
- Viewport: Je,
1662
- Popup: Qe,
1671
+ Backdrop: tr,
1672
+ Viewport: Ze,
1673
+ Popup: qe,
1663
1674
  Content: k.Content,
1664
- Grabber: qe,
1675
+ Grabber: er,
1665
1676
  Close: k.Close,
1666
1677
  Title: k.Title,
1667
1678
  Description: k.Description
1668
- }, tr = c(
1669
- function({ className: e, sideOffset: r = 8, ...t }, n) {
1670
- return /* @__PURE__ */ a(
1679
+ }, rr = c(
1680
+ function({ className: e, sideOffset: r = 8, ...t }, a) {
1681
+ return /* @__PURE__ */ n(
1671
1682
  H.Positioner,
1672
1683
  {
1673
- ref: n,
1684
+ ref: a,
1674
1685
  sideOffset: r,
1675
1686
  className: s("gryt-menu-positioner outline-none", e),
1676
1687
  ...t
1677
1688
  }
1678
1689
  );
1679
1690
  }
1680
- ), er = c(function({ className: e, ...r }, t) {
1681
- return /* @__PURE__ */ a(
1691
+ ), or = c(function({ className: e, ...r }, t) {
1692
+ return /* @__PURE__ */ n(
1682
1693
  H.Popup,
1683
1694
  {
1684
1695
  ref: t,
@@ -1691,8 +1702,8 @@ const $n = {
1691
1702
  ...r
1692
1703
  }
1693
1704
  );
1694
- }), rr = c(function({ className: e, ...r }, t) {
1695
- return /* @__PURE__ */ a(
1705
+ }), nr = c(function({ className: e, ...r }, t) {
1706
+ return /* @__PURE__ */ n(
1696
1707
  H.Item,
1697
1708
  {
1698
1709
  ref: t,
@@ -1708,8 +1719,8 @@ const $n = {
1708
1719
  ...r
1709
1720
  }
1710
1721
  );
1711
- }), or = c(function({ className: e, ...r }, t) {
1712
- return /* @__PURE__ */ a(
1722
+ }), ar = c(function({ className: e, ...r }, t) {
1723
+ return /* @__PURE__ */ n(
1713
1724
  H.Separator,
1714
1725
  {
1715
1726
  ref: t,
@@ -1721,12 +1732,12 @@ const $n = {
1721
1732
  Root: H.Root,
1722
1733
  Trigger: H.Trigger,
1723
1734
  Portal: H.Portal,
1724
- Positioner: tr,
1725
- Popup: er,
1726
- Item: rr,
1727
- Separator: or
1728
- }, nr = c(function({ className: e, ...r }, t) {
1729
- return /* @__PURE__ */ a(
1735
+ Positioner: rr,
1736
+ Popup: or,
1737
+ Item: nr,
1738
+ Separator: ar
1739
+ }, sr = c(function({ className: e, ...r }, t) {
1740
+ return /* @__PURE__ */ n(
1730
1741
  Z.Root,
1731
1742
  {
1732
1743
  ref: t,
@@ -1741,8 +1752,8 @@ const $n = {
1741
1752
  ...r
1742
1753
  }
1743
1754
  );
1744
- }), ar = c(function({ className: e, ...r }, t) {
1745
- return /* @__PURE__ */ a(
1755
+ }), ir = c(function({ className: e, ...r }, t) {
1756
+ return /* @__PURE__ */ n(
1746
1757
  Z.List,
1747
1758
  {
1748
1759
  ref: t,
@@ -1758,8 +1769,8 @@ const $n = {
1758
1769
  ...r
1759
1770
  }
1760
1771
  );
1761
- }), sr = c(function({ className: e, ...r }, t) {
1762
- return /* @__PURE__ */ a(
1772
+ }), cr = c(function({ className: e, ...r }, t) {
1773
+ return /* @__PURE__ */ n(
1763
1774
  Z.Tab,
1764
1775
  {
1765
1776
  ref: t,
@@ -1783,9 +1794,9 @@ const $n = {
1783
1794
  ...r
1784
1795
  }
1785
1796
  );
1786
- }), ir = c(
1797
+ }), lr = c(
1787
1798
  function({ className: e, ...r }, t) {
1788
- return /* @__PURE__ */ a(
1799
+ return /* @__PURE__ */ n(
1789
1800
  Z.Indicator,
1790
1801
  {
1791
1802
  ref: t,
@@ -1810,8 +1821,8 @@ const $n = {
1810
1821
  }
1811
1822
  );
1812
1823
  }
1813
- ), cr = c(function({ className: e, ...r }, t) {
1814
- return /* @__PURE__ */ a(
1824
+ ), dr = c(function({ className: e, ...r }, t) {
1825
+ return /* @__PURE__ */ n(
1815
1826
  Z.Panel,
1816
1827
  {
1817
1828
  ref: t,
@@ -1826,8 +1837,8 @@ const $n = {
1826
1837
  ...r
1827
1838
  }
1828
1839
  );
1829
- }), Sn = Object.assign(nr, { List: ar, Tab: sr, Panel: cr, Indicator: ir }), lr = c(function({ className: e, ...r }, t) {
1830
- return /* @__PURE__ */ a(
1840
+ }), Cn = Object.assign(sr, { List: ir, Tab: cr, Panel: dr, Indicator: lr }), ur = c(function({ className: e, ...r }, t) {
1841
+ return /* @__PURE__ */ n(
1831
1842
  K.Root,
1832
1843
  {
1833
1844
  ref: t,
@@ -1838,9 +1849,9 @@ const $n = {
1838
1849
  ...r
1839
1850
  }
1840
1851
  );
1841
- }), dr = c(
1852
+ }), gr = c(
1842
1853
  function({ className: e, ...r }, t) {
1843
- return /* @__PURE__ */ a(
1854
+ return /* @__PURE__ */ n(
1844
1855
  K.Item,
1845
1856
  {
1846
1857
  ref: t,
@@ -1849,9 +1860,9 @@ const $n = {
1849
1860
  }
1850
1861
  );
1851
1862
  }
1852
- ), ur = c(
1853
- function({ children: e, className: r, expandIcon: t, ...n }, i) {
1854
- return /* @__PURE__ */ a(K.Header, { className: "gryt-accordion-header m-0", children: /* @__PURE__ */ p(
1863
+ ), yr = c(
1864
+ function({ children: e, className: r, expandIcon: t, ...a }, i) {
1865
+ return /* @__PURE__ */ n(K.Header, { className: "gryt-accordion-header m-0", children: /* @__PURE__ */ p(
1855
1866
  K.Trigger,
1856
1867
  {
1857
1868
  ref: i,
@@ -1863,11 +1874,11 @@ const $n = {
1863
1874
  x,
1864
1875
  r
1865
1876
  ),
1866
- ...n,
1877
+ ...a,
1867
1878
  children: [
1868
1879
  e,
1869
- t === void 0 ? /* @__PURE__ */ a(
1870
- qt,
1880
+ t === void 0 ? /* @__PURE__ */ n(
1881
+ te,
1871
1882
  {
1872
1883
  size: 16,
1873
1884
  className: "shrink-0 transition-transform duration-(--gryt-dur-spring) ease-spring data-panel-open:rotate-180 motion-reduce:transition-none"
@@ -1877,12 +1888,12 @@ const $n = {
1877
1888
  }
1878
1889
  ) });
1879
1890
  }
1880
- ), gr = c(
1881
- function({ children: e, className: r, ...t }, n) {
1882
- return /* @__PURE__ */ a(
1891
+ ), mr = c(
1892
+ function({ children: e, className: r, ...t }, a) {
1893
+ return /* @__PURE__ */ n(
1883
1894
  K.Panel,
1884
1895
  {
1885
- ref: n,
1896
+ ref: a,
1886
1897
  className: s(
1887
1898
  "gryt-accordion-panel overflow-hidden text-sm text-gryt-muted",
1888
1899
  // Base UI measures the panel and exposes the height as a variable,
@@ -1893,27 +1904,27 @@ const $n = {
1893
1904
  r
1894
1905
  ),
1895
1906
  ...t,
1896
- children: /* @__PURE__ */ a("div", { className: "px-3 pt-1 pb-3", children: e })
1907
+ children: /* @__PURE__ */ n("div", { className: "px-3 pt-1 pb-3", children: e })
1897
1908
  }
1898
1909
  );
1899
1910
  }
1900
- ), Rn = Object.assign(lr, { Item: dr, Trigger: ur, Panel: gr }), yr = c(
1901
- function({ className: e, sideOffset: r = 2, ...t }, n) {
1902
- return /* @__PURE__ */ a(
1911
+ ), Ln = Object.assign(ur, { Item: gr, Trigger: yr, Panel: mr }), pr = c(
1912
+ function({ className: e, sideOffset: r = 2, ...t }, a) {
1913
+ return /* @__PURE__ */ n(
1903
1914
  I.Positioner,
1904
1915
  {
1905
- ref: n,
1916
+ ref: a,
1906
1917
  sideOffset: r,
1907
1918
  className: s("gryt-context-menu-positioner outline-none", e),
1908
1919
  ...t
1909
1920
  }
1910
1921
  );
1911
1922
  }
1912
- ), Cn = {
1923
+ ), In = {
1913
1924
  Root: I.Root,
1914
1925
  Trigger: I.Trigger,
1915
1926
  Portal: I.Portal,
1916
- Positioner: yr,
1927
+ Positioner: pr,
1917
1928
  Popup: st.Popup,
1918
1929
  Item: st.Item,
1919
1930
  Separator: st.Separator,
@@ -1921,22 +1932,22 @@ const $n = {
1921
1932
  GroupLabel: I.GroupLabel,
1922
1933
  SubmenuRoot: I.SubmenuRoot,
1923
1934
  SubmenuTrigger: I.SubmenuTrigger
1924
- }, mr = c(
1925
- function({ className: e, sideOffset: r = 8, ...t }, n) {
1926
- return /* @__PURE__ */ a(
1927
- R.Positioner,
1935
+ }, fr = c(
1936
+ function({ className: e, sideOffset: r = 8, ...t }, a) {
1937
+ return /* @__PURE__ */ n(
1938
+ S.Positioner,
1928
1939
  {
1929
- ref: n,
1940
+ ref: a,
1930
1941
  sideOffset: r,
1931
1942
  className: s("gryt-popover-positioner outline-none", e),
1932
1943
  ...t
1933
1944
  }
1934
1945
  );
1935
1946
  }
1936
- ), pr = c(
1947
+ ), br = c(
1937
1948
  function({ className: e, ...r }, t) {
1938
- return /* @__PURE__ */ a(
1939
- R.Popup,
1949
+ return /* @__PURE__ */ n(
1950
+ S.Popup,
1940
1951
  {
1941
1952
  ref: t,
1942
1953
  className: s(
@@ -1949,9 +1960,9 @@ const $n = {
1949
1960
  }
1950
1961
  );
1951
1962
  }
1952
- ), fr = c(function({ className: e, ...r }, t) {
1953
- return /* @__PURE__ */ a(
1954
- R.Title,
1963
+ ), hr = c(function({ className: e, ...r }, t) {
1964
+ return /* @__PURE__ */ n(
1965
+ S.Title,
1955
1966
  {
1956
1967
  ref: t,
1957
1968
  className: s(
@@ -1961,9 +1972,9 @@ const $n = {
1961
1972
  ...r
1962
1973
  }
1963
1974
  );
1964
- }), br = c(function({ className: e, ...r }, t) {
1965
- return /* @__PURE__ */ a(
1966
- R.Description,
1975
+ }), xr = c(function({ className: e, ...r }, t) {
1976
+ return /* @__PURE__ */ n(
1977
+ S.Description,
1967
1978
  {
1968
1979
  ref: t,
1969
1980
  className: s(
@@ -1973,25 +1984,25 @@ const $n = {
1973
1984
  ...r
1974
1985
  }
1975
1986
  );
1976
- }), Ln = {
1977
- Root: R.Root,
1978
- Trigger: R.Trigger,
1979
- Portal: R.Portal,
1980
- Positioner: mr,
1981
- Popup: pr,
1982
- Title: fr,
1983
- Description: br,
1984
- Close: R.Close,
1985
- Arrow: R.Arrow
1986
- }, hr = {
1987
+ }), Mn = {
1988
+ Root: S.Root,
1989
+ Trigger: S.Trigger,
1990
+ Portal: S.Portal,
1991
+ Positioner: fr,
1992
+ Popup: br,
1993
+ Title: hr,
1994
+ Description: xr,
1995
+ Close: S.Close,
1996
+ Arrow: S.Arrow
1997
+ }, wr = {
1987
1998
  neutral: "border-white/8 bg-gryt-surface",
1988
1999
  info: "border-gryt-secondary/30 bg-gryt-secondary/8",
1989
2000
  success: "border-gryt-success/30 bg-gryt-success/8",
1990
2001
  warning: "border-gryt-warning/30 bg-gryt-warning/8",
1991
2002
  danger: "border-gryt-danger/30 bg-gryt-danger/8"
1992
- }, xr = c(
2003
+ }, vr = c(
1993
2004
  function({ className: e, ...r }, t) {
1994
- return /* @__PURE__ */ a(
2005
+ return /* @__PURE__ */ n(
1995
2006
  L.Viewport,
1996
2007
  {
1997
2008
  ref: t,
@@ -2004,11 +2015,11 @@ const $n = {
2004
2015
  }
2005
2016
  );
2006
2017
  }
2007
- ), wr = c(function({ className: e, severity: r = "neutral", ...t }, n) {
2008
- return /* @__PURE__ */ a(
2018
+ ), Nr = c(function({ className: e, severity: r = "neutral", ...t }, a) {
2019
+ return /* @__PURE__ */ n(
2009
2020
  L.Root,
2010
2021
  {
2011
- ref: n,
2022
+ ref: a,
2012
2023
  className: s(
2013
2024
  "gryt-toast relative flex flex-col p-3 pr-9",
2014
2025
  // Not popupSurface. That border is --gryt-border, a solid slate line
@@ -2017,7 +2028,7 @@ const $n = {
2017
2028
  // white hairline separates it from the page without drawing a box
2018
2029
  // around it.
2019
2030
  "rounded-(--gryt-radius-xl) border text-gryt-text",
2020
- hr[r],
2031
+ wr[r],
2021
2032
  // Swiping is a pointer gesture, so the toast follows the finger
2022
2033
  // through Base UI's swipe variables before it animates out.
2023
2034
  "transition-[opacity,transform] duration-(--gryt-dur-spring) ease-spring",
@@ -2029,8 +2040,8 @@ const $n = {
2029
2040
  ...t
2030
2041
  }
2031
2042
  );
2032
- }), vr = c(function({ className: e, ...r }, t) {
2033
- return /* @__PURE__ */ a(
2043
+ }), Pr = c(function({ className: e, ...r }, t) {
2044
+ return /* @__PURE__ */ n(
2034
2045
  L.Title,
2035
2046
  {
2036
2047
  ref: t,
@@ -2041,8 +2052,8 @@ const $n = {
2041
2052
  ...r
2042
2053
  }
2043
2054
  );
2044
- }), Nr = c(function({ className: e, ...r }, t) {
2045
- return /* @__PURE__ */ a(
2055
+ }), kr = c(function({ className: e, ...r }, t) {
2056
+ return /* @__PURE__ */ n(
2046
2057
  L.Description,
2047
2058
  {
2048
2059
  ref: t,
@@ -2053,11 +2064,11 @@ const $n = {
2053
2064
  ...r
2054
2065
  }
2055
2066
  );
2056
- }), Pr = c(function({ className: e, children: r, ...t }, n) {
2057
- return /* @__PURE__ */ a(
2067
+ }), Tr = c(function({ className: e, children: r, ...t }, a) {
2068
+ return /* @__PURE__ */ n(
2058
2069
  L.Close,
2059
2070
  {
2060
- ref: n,
2071
+ ref: a,
2061
2072
  "aria-label": "Close",
2062
2073
  className: s(
2063
2074
  "gryt-toast-close absolute top-2.5 right-2.5 inline-flex h-6 w-6 items-center justify-center",
@@ -2067,11 +2078,11 @@ const $n = {
2067
2078
  e
2068
2079
  ),
2069
2080
  ...t,
2070
- children: r ?? /* @__PURE__ */ a(Tt, { size: 14, weight: "bold" })
2081
+ children: r ?? /* @__PURE__ */ n($t, { size: 14, weight: "bold" })
2071
2082
  }
2072
2083
  );
2073
- }), kr = c(function({ className: e, ...r }, t) {
2074
- return /* @__PURE__ */ a(
2084
+ }), $r = c(function({ className: e, ...r }, t) {
2085
+ return /* @__PURE__ */ n(
2075
2086
  L.Action,
2076
2087
  {
2077
2088
  ref: t,
@@ -2086,19 +2097,19 @@ const $n = {
2086
2097
  ...r
2087
2098
  }
2088
2099
  );
2089
- }), In = {
2100
+ }), An = {
2090
2101
  Provider: L.Provider,
2091
2102
  Portal: L.Portal,
2092
- Viewport: xr,
2093
- Root: wr,
2094
- Title: vr,
2095
- Description: Nr,
2096
- Close: Pr,
2097
- Action: kr
2098
- }, Mn = L.useToastManager, Tr = c(
2103
+ Viewport: vr,
2104
+ Root: Nr,
2105
+ Title: Pr,
2106
+ Description: kr,
2107
+ Close: Tr,
2108
+ Action: $r
2109
+ }, Dn = L.useToastManager, Rr = c(
2099
2110
  function({ className: e, ...r }, t) {
2100
- return /* @__PURE__ */ a(
2101
- F.Root,
2111
+ return /* @__PURE__ */ n(
2112
+ _.Root,
2102
2113
  {
2103
2114
  ref: t,
2104
2115
  className: s("gryt-scroll-area relative", e),
@@ -2106,10 +2117,10 @@ const $n = {
2106
2117
  }
2107
2118
  );
2108
2119
  }
2109
- ), $r = c(
2120
+ ), Sr = c(
2110
2121
  function({ className: e, ...r }, t) {
2111
- return /* @__PURE__ */ a(
2112
- F.Viewport,
2122
+ return /* @__PURE__ */ n(
2123
+ _.Viewport,
2113
2124
  {
2114
2125
  ref: t,
2115
2126
  className: s(
@@ -2121,12 +2132,12 @@ const $n = {
2121
2132
  }
2122
2133
  );
2123
2134
  }
2124
- ), Sr = c(
2125
- function({ className: e, orientation: r, ...t }, n) {
2126
- return /* @__PURE__ */ a(
2127
- F.Scrollbar,
2135
+ ), Cr = c(
2136
+ function({ className: e, orientation: r, ...t }, a) {
2137
+ return /* @__PURE__ */ n(
2138
+ _.Scrollbar,
2128
2139
  {
2129
- ref: n,
2140
+ ref: a,
2130
2141
  orientation: r,
2131
2142
  className: s(
2132
2143
  "gryt-scroll-area-scrollbar flex touch-none p-0.5 select-none",
@@ -2139,17 +2150,17 @@ const $n = {
2139
2150
  e
2140
2151
  ),
2141
2152
  ...t,
2142
- children: /* @__PURE__ */ a(F.Thumb, { className: "flex-1 rounded-(--gryt-radius-full) bg-gryt-border transition-colors hover:bg-gryt-muted motion-reduce:transition-none" })
2153
+ children: /* @__PURE__ */ n(_.Thumb, { className: "flex-1 rounded-(--gryt-radius-full) bg-gryt-border transition-colors hover:bg-gryt-muted motion-reduce:transition-none" })
2143
2154
  }
2144
2155
  );
2145
2156
  }
2146
- ), An = {
2147
- Root: Tr,
2148
- Viewport: $r,
2149
- Scrollbar: Sr,
2150
- Content: F.Content,
2151
- Corner: F.Corner
2152
- }, Rr = {
2157
+ ), jn = {
2158
+ Root: Rr,
2159
+ Viewport: Sr,
2160
+ Scrollbar: Cr,
2161
+ Content: _.Content,
2162
+ Corner: _.Corner
2163
+ }, Lr = {
2153
2164
  primary: [
2154
2165
  "text-gryt-muted hover:not-data-disabled:bg-white/8",
2155
2166
  "data-pressed:bg-gryt-accent data-pressed:text-gryt-on-accent",
@@ -2170,15 +2181,15 @@ const $n = {
2170
2181
  "data-pressed:bg-gryt-danger data-pressed:text-gryt-on-danger",
2171
2182
  "data-pressed:hover:not-data-disabled:bg-gryt-danger"
2172
2183
  ].join(" ")
2173
- }, Cr = {
2184
+ }, Ir = {
2174
2185
  xsmall: "h-8 min-w-8 px-2 text-xs",
2175
2186
  small: "h-9 min-w-9 px-2.5 text-sm",
2176
2187
  medium: "h-10 min-w-10 px-3 text-sm",
2177
2188
  large: "h-12 min-w-12 px-4 text-base"
2178
- }, Dn = c(
2179
- function({ className: e, size: r = "medium", tone: t = "primary", ...n }, i) {
2180
- return /* @__PURE__ */ a(
2181
- ne,
2189
+ }, Gn = c(
2190
+ function({ className: e, size: r = "medium", tone: t = "primary", ...a }, i) {
2191
+ return /* @__PURE__ */ n(
2192
+ ae,
2182
2193
  {
2183
2194
  ref: i,
2184
2195
  className: s(
@@ -2190,19 +2201,19 @@ const $n = {
2190
2201
  "motion-safe:hover:not-data-disabled:scale-[1.06]",
2191
2202
  "motion-safe:active:not-data-disabled:scale-[0.94]",
2192
2203
  x,
2193
- _,
2194
- Cr[r],
2195
- Rr[t],
2204
+ F,
2205
+ Ir[r],
2206
+ Lr[t],
2196
2207
  e
2197
2208
  ),
2198
- ...n
2209
+ ...a
2199
2210
  }
2200
2211
  );
2201
2212
  }
2202
- ), jn = c(
2213
+ ), Hn = c(
2203
2214
  function({ className: e, ...r }, t) {
2204
- return /* @__PURE__ */ a(
2205
- ae,
2215
+ return /* @__PURE__ */ n(
2216
+ se,
2206
2217
  {
2207
2218
  ref: t,
2208
2219
  className: s(
@@ -2214,18 +2225,18 @@ const $n = {
2214
2225
  }
2215
2226
  );
2216
2227
  }
2217
- ), Lr = {
2228
+ ), Mr = {
2218
2229
  primary: "bg-gryt-accent",
2219
2230
  success: "bg-gryt-success",
2220
2231
  warning: "bg-gryt-warning",
2221
2232
  danger: "bg-gryt-danger"
2222
2233
  };
2223
- function Gn({
2234
+ function En({
2224
2235
  className: o,
2225
2236
  value: e,
2226
2237
  label: r,
2227
2238
  showValue: t = !1,
2228
- tone: n = "primary",
2239
+ tone: a = "primary",
2229
2240
  ...i
2230
2241
  }) {
2231
2242
  return /* @__PURE__ */ p(
@@ -2236,16 +2247,16 @@ function Gn({
2236
2247
  ...i,
2237
2248
  children: [
2238
2249
  (r || t) && /* @__PURE__ */ p("div", { className: "flex items-baseline justify-between gap-2", children: [
2239
- r ? /* @__PURE__ */ a(U.Label, { className: "text-sm text-gryt-muted", children: r }) : /* @__PURE__ */ a("span", {}),
2240
- t && /* @__PURE__ */ a(U.Value, { className: "font-mono text-xs text-gryt-muted tabular-nums" })
2250
+ r ? /* @__PURE__ */ n(U.Label, { className: "text-sm text-gryt-muted", children: r }) : /* @__PURE__ */ n("span", {}),
2251
+ t && /* @__PURE__ */ n(U.Value, { className: "font-mono text-xs text-gryt-muted tabular-nums" })
2241
2252
  ] }),
2242
- /* @__PURE__ */ a(U.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ a(
2253
+ /* @__PURE__ */ n(U.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ n(
2243
2254
  U.Indicator,
2244
2255
  {
2245
2256
  className: s(
2246
2257
  "h-full rounded-(--gryt-radius-full)",
2247
2258
  "transition-[width] duration-120 ease-out motion-reduce:transition-none",
2248
- Lr[n]
2259
+ Mr[a]
2249
2260
  )
2250
2261
  }
2251
2262
  ) })
@@ -2253,9 +2264,9 @@ function Gn({
2253
2264
  }
2254
2265
  );
2255
2266
  }
2256
- const Ir = c(
2267
+ const Ar = c(
2257
2268
  function({ className: e, ...r }, t) {
2258
- return /* @__PURE__ */ a(
2269
+ return /* @__PURE__ */ n(
2259
2270
  A.Popup,
2260
2271
  {
2261
2272
  ref: t,
@@ -2273,8 +2284,8 @@ const Ir = c(
2273
2284
  }
2274
2285
  );
2275
2286
  }
2276
- ), Mr = c(function({ className: e, ...r }, t) {
2277
- return /* @__PURE__ */ a(
2287
+ ), Dr = c(function({ className: e, ...r }, t) {
2288
+ return /* @__PURE__ */ n(
2278
2289
  A.Backdrop,
2279
2290
  {
2280
2291
  ref: t,
@@ -2288,8 +2299,8 @@ const Ir = c(
2288
2299
  ...r
2289
2300
  }
2290
2301
  );
2291
- }), Ar = c(function({ className: e, ...r }, t) {
2292
- return /* @__PURE__ */ a(
2302
+ }), jr = c(function({ className: e, ...r }, t) {
2303
+ return /* @__PURE__ */ n(
2293
2304
  A.Title,
2294
2305
  {
2295
2306
  ref: t,
@@ -2300,8 +2311,8 @@ const Ir = c(
2300
2311
  ...r
2301
2312
  }
2302
2313
  );
2303
- }), Dr = c(function({ className: e, ...r }, t) {
2304
- return /* @__PURE__ */ a(
2314
+ }), Gr = c(function({ className: e, ...r }, t) {
2315
+ return /* @__PURE__ */ n(
2305
2316
  A.Description,
2306
2317
  {
2307
2318
  ref: t,
@@ -2312,14 +2323,14 @@ const Ir = c(
2312
2323
  ...r
2313
2324
  }
2314
2325
  );
2315
- }), Hn = {
2326
+ }), zn = {
2316
2327
  Root: A.Root,
2317
2328
  Trigger: A.Trigger,
2318
2329
  Portal: A.Portal,
2319
- Backdrop: Mr,
2320
- Popup: Ir,
2321
- Title: Ar,
2322
- Description: Dr,
2330
+ Backdrop: Dr,
2331
+ Popup: Ar,
2332
+ Title: jr,
2333
+ Description: Gr,
2323
2334
  Close: A.Close
2324
2335
  }, Ft = [
2325
2336
  "flex cursor-default items-center gap-2 rounded-(--gryt-radius-md)",
@@ -2329,33 +2340,33 @@ const Ir = c(
2329
2340
  "data-highlighted:bg-gryt-surface-raised",
2330
2341
  "data-selected:text-gryt-accent",
2331
2342
  "data-disabled:cursor-not-allowed data-disabled:opacity-50"
2332
- ].join(" "), _t = [
2333
- Ht,
2334
- Et.medium,
2343
+ ].join(" "), Vt = [
2344
+ Et,
2345
+ zt.medium,
2335
2346
  "border-gryt-border",
2336
2347
  x
2337
- ].join(" "), jr = c(function({ className: e, ...r }, t) {
2338
- return /* @__PURE__ */ a(
2348
+ ].join(" "), Hr = c(function({ className: e, ...r }, t) {
2349
+ return /* @__PURE__ */ n(
2339
2350
  b.Input,
2340
2351
  {
2341
2352
  ref: t,
2342
- className: s("gryt-combobox-input", _t, e),
2353
+ className: s("gryt-combobox-input", Vt, e),
2343
2354
  ...r
2344
2355
  }
2345
2356
  );
2346
- }), Gr = c(function({ className: e, sideOffset: r = 6, ...t }, n) {
2347
- return /* @__PURE__ */ a(
2357
+ }), Er = c(function({ className: e, sideOffset: r = 6, ...t }, a) {
2358
+ return /* @__PURE__ */ n(
2348
2359
  b.Positioner,
2349
2360
  {
2350
- ref: n,
2361
+ ref: a,
2351
2362
  sideOffset: r,
2352
2363
  className: s("gryt-combobox-positioner outline-none", e),
2353
2364
  ...t
2354
2365
  }
2355
2366
  );
2356
- }), Hr = c(
2367
+ }), zr = c(
2357
2368
  function({ className: e, ...r }, t) {
2358
- return /* @__PURE__ */ a(
2369
+ return /* @__PURE__ */ n(
2359
2370
  b.Popup,
2360
2371
  {
2361
2372
  ref: t,
@@ -2369,8 +2380,8 @@ const Ir = c(
2369
2380
  }
2370
2381
  );
2371
2382
  }
2372
- ), Er = c(function({ className: e, ...r }, t) {
2373
- return /* @__PURE__ */ a(
2383
+ ), Br = c(function({ className: e, ...r }, t) {
2384
+ return /* @__PURE__ */ n(
2374
2385
  b.Item,
2375
2386
  {
2376
2387
  ref: t,
@@ -2378,8 +2389,8 @@ const Ir = c(
2378
2389
  ...r
2379
2390
  }
2380
2391
  );
2381
- }), Br = c(function({ className: e, ...r }, t) {
2382
- return /* @__PURE__ */ a(
2392
+ }), _r = c(function({ className: e, ...r }, t) {
2393
+ return /* @__PURE__ */ n(
2383
2394
  b.Empty,
2384
2395
  {
2385
2396
  ref: t,
@@ -2390,9 +2401,9 @@ const Ir = c(
2390
2401
  ...r
2391
2402
  }
2392
2403
  );
2393
- }), En = {
2404
+ }), Bn = {
2394
2405
  Root: b.Root,
2395
- Input: jr,
2406
+ Input: Hr,
2396
2407
  InputGroup: b.InputGroup,
2397
2408
  Trigger: b.Trigger,
2398
2409
  Icon: b.Icon,
@@ -2402,36 +2413,36 @@ const Ir = c(
2402
2413
  Chip: b.Chip,
2403
2414
  ChipRemove: b.ChipRemove,
2404
2415
  Portal: b.Portal,
2405
- Positioner: Gr,
2406
- Popup: Hr,
2416
+ Positioner: Er,
2417
+ Popup: zr,
2407
2418
  List: b.List,
2408
- Item: Er,
2419
+ Item: Br,
2409
2420
  ItemIndicator: b.ItemIndicator,
2410
2421
  Group: b.Group,
2411
2422
  GroupLabel: b.GroupLabel,
2412
- Empty: Br,
2423
+ Empty: _r,
2413
2424
  Separator: b.Separator
2414
- }, zr = c(function({ className: e, ...r }, t) {
2415
- return /* @__PURE__ */ a(
2425
+ }, Fr = c(function({ className: e, ...r }, t) {
2426
+ return /* @__PURE__ */ n(
2416
2427
  h.Input,
2417
2428
  {
2418
2429
  ref: t,
2419
- className: s("gryt-autocomplete-input", _t, e),
2430
+ className: s("gryt-autocomplete-input", Vt, e),
2420
2431
  ...r
2421
2432
  }
2422
2433
  );
2423
- }), Fr = c(function({ className: e, sideOffset: r = 6, ...t }, n) {
2424
- return /* @__PURE__ */ a(
2434
+ }), Vr = c(function({ className: e, sideOffset: r = 6, ...t }, a) {
2435
+ return /* @__PURE__ */ n(
2425
2436
  h.Positioner,
2426
2437
  {
2427
- ref: n,
2438
+ ref: a,
2428
2439
  sideOffset: r,
2429
2440
  className: s("gryt-autocomplete-positioner outline-none", e),
2430
2441
  ...t
2431
2442
  }
2432
2443
  );
2433
- }), _r = c(function({ className: e, ...r }, t) {
2434
- return /* @__PURE__ */ a(
2444
+ }), Ur = c(function({ className: e, ...r }, t) {
2445
+ return /* @__PURE__ */ n(
2435
2446
  h.Popup,
2436
2447
  {
2437
2448
  ref: t,
@@ -2444,8 +2455,8 @@ const Ir = c(
2444
2455
  ...r
2445
2456
  }
2446
2457
  );
2447
- }), Vr = c(function({ className: e, ...r }, t) {
2448
- return /* @__PURE__ */ a(
2458
+ }), Or = c(function({ className: e, ...r }, t) {
2459
+ return /* @__PURE__ */ n(
2449
2460
  h.Item,
2450
2461
  {
2451
2462
  ref: t,
@@ -2453,8 +2464,8 @@ const Ir = c(
2453
2464
  ...r
2454
2465
  }
2455
2466
  );
2456
- }), Ur = c(function({ className: e, ...r }, t) {
2457
- return /* @__PURE__ */ a(
2467
+ }), Yr = c(function({ className: e, ...r }, t) {
2468
+ return /* @__PURE__ */ n(
2458
2469
  h.Empty,
2459
2470
  {
2460
2471
  ref: t,
@@ -2465,27 +2476,27 @@ const Ir = c(
2465
2476
  ...r
2466
2477
  }
2467
2478
  );
2468
- }), Bn = {
2479
+ }), _n = {
2469
2480
  Root: h.Root,
2470
- Input: zr,
2481
+ Input: Fr,
2471
2482
  InputGroup: h.InputGroup,
2472
2483
  Trigger: h.Trigger,
2473
2484
  Icon: h.Icon,
2474
2485
  Clear: h.Clear,
2475
2486
  Value: h.Value,
2476
2487
  Portal: h.Portal,
2477
- Positioner: Fr,
2478
- Popup: _r,
2488
+ Positioner: Vr,
2489
+ Popup: Ur,
2479
2490
  List: h.List,
2480
- Item: Vr,
2491
+ Item: Or,
2481
2492
  Group: h.Group,
2482
2493
  GroupLabel: h.GroupLabel,
2483
- Empty: Ur,
2494
+ Empty: Yr,
2484
2495
  Separator: h.Separator
2485
- }, zn = c(
2496
+ }, Fn = c(
2486
2497
  function({ className: e, ...r }, t) {
2487
- return /* @__PURE__ */ a(
2488
- se,
2498
+ return /* @__PURE__ */ n(
2499
+ ie,
2489
2500
  {
2490
2501
  ref: t,
2491
2502
  className: s("gryt-checkbox-group flex flex-col gap-2", e),
@@ -2493,9 +2504,9 @@ const Ir = c(
2493
2504
  }
2494
2505
  );
2495
2506
  }
2496
- ), Or = c(
2507
+ ), Xr = c(
2497
2508
  function({ className: e, ...r }, t) {
2498
- return /* @__PURE__ */ a(
2509
+ return /* @__PURE__ */ n(
2499
2510
  dt.Trigger,
2500
2511
  {
2501
2512
  ref: t,
@@ -2511,9 +2522,9 @@ const Ir = c(
2511
2522
  }
2512
2523
  );
2513
2524
  }
2514
- ), Yr = c(
2525
+ ), Wr = c(
2515
2526
  function({ className: e, ...r }, t) {
2516
- return /* @__PURE__ */ a(
2527
+ return /* @__PURE__ */ n(
2517
2528
  dt.Panel,
2518
2529
  {
2519
2530
  ref: t,
@@ -2530,22 +2541,22 @@ const Ir = c(
2530
2541
  }
2531
2542
  );
2532
2543
  }
2533
- ), Fn = {
2544
+ ), Vn = {
2534
2545
  Root: dt.Root,
2535
- Trigger: Or,
2536
- Panel: Yr
2537
- }, _n = c(function({ className: e, ...r }, t) {
2538
- return /* @__PURE__ */ a(
2539
- ie,
2546
+ Trigger: Xr,
2547
+ Panel: Wr
2548
+ }, Un = c(function({ className: e, ...r }, t) {
2549
+ return /* @__PURE__ */ n(
2550
+ ce,
2540
2551
  {
2541
2552
  ref: t,
2542
2553
  className: s("gryt-form flex flex-col gap-(--gryt-space-lg)", e),
2543
2554
  ...r
2544
2555
  }
2545
2556
  );
2546
- }), Xr = c(
2557
+ }), Kr = c(
2547
2558
  function({ className: e, ...r }, t) {
2548
- return /* @__PURE__ */ a(
2559
+ return /* @__PURE__ */ n(
2549
2560
  St.Root,
2550
2561
  {
2551
2562
  ref: t,
@@ -2557,8 +2568,8 @@ const Ir = c(
2557
2568
  }
2558
2569
  );
2559
2570
  }
2560
- ), Wr = c(function({ className: e, ...r }, t) {
2561
- return /* @__PURE__ */ a(
2571
+ ), Jr = c(function({ className: e, ...r }, t) {
2572
+ return /* @__PURE__ */ n(
2562
2573
  St.Legend,
2563
2574
  {
2564
2575
  ref: t,
@@ -2569,10 +2580,10 @@ const Ir = c(
2569
2580
  ...r
2570
2581
  }
2571
2582
  );
2572
- }), Vn = { Root: Xr, Legend: Wr }, Un = c(
2583
+ }), On = { Root: Kr, Legend: Jr }, Yn = c(
2573
2584
  function({ className: e, ...r }, t) {
2574
- return /* @__PURE__ */ a(
2575
- ce,
2585
+ return /* @__PURE__ */ n(
2586
+ le,
2576
2587
  {
2577
2588
  ref: t,
2578
2589
  className: s(
@@ -2584,8 +2595,8 @@ const Ir = c(
2584
2595
  }
2585
2596
  );
2586
2597
  }
2587
- ), Kr = c(function({ className: e, ...r }, t) {
2588
- return /* @__PURE__ */ a(
2598
+ ), Qr = c(function({ className: e, ...r }, t) {
2599
+ return /* @__PURE__ */ n(
2589
2600
  N.Trigger,
2590
2601
  {
2591
2602
  ref: t,
@@ -2600,8 +2611,8 @@ const Ir = c(
2600
2611
  ...r
2601
2612
  }
2602
2613
  );
2603
- }), Jr = c(function({ className: e, ...r }, t) {
2604
- return /* @__PURE__ */ a(
2614
+ }), Zr = c(function({ className: e, ...r }, t) {
2615
+ return /* @__PURE__ */ n(
2605
2616
  N.Popup,
2606
2617
  {
2607
2618
  ref: t,
@@ -2614,8 +2625,8 @@ const Ir = c(
2614
2625
  ...r
2615
2626
  }
2616
2627
  );
2617
- }), Qr = c(function({ className: e, ...r }, t) {
2618
- return /* @__PURE__ */ a(
2628
+ }), qr = c(function({ className: e, ...r }, t) {
2629
+ return /* @__PURE__ */ n(
2619
2630
  N.Viewport,
2620
2631
  {
2621
2632
  ref: t,
@@ -2626,8 +2637,8 @@ const Ir = c(
2626
2637
  ...r
2627
2638
  }
2628
2639
  );
2629
- }), Zr = c(function({ className: e, ...r }, t) {
2630
- return /* @__PURE__ */ a(
2640
+ }), to = c(function({ className: e, ...r }, t) {
2641
+ return /* @__PURE__ */ n(
2631
2642
  N.Link,
2632
2643
  {
2633
2644
  ref: t,
@@ -2641,32 +2652,32 @@ const Ir = c(
2641
2652
  ...r
2642
2653
  }
2643
2654
  );
2644
- }), On = {
2655
+ }), Xn = {
2645
2656
  Root: N.Root,
2646
2657
  List: N.List,
2647
2658
  Item: N.Item,
2648
- Trigger: Kr,
2659
+ Trigger: Qr,
2649
2660
  Content: N.Content,
2650
2661
  Portal: N.Portal,
2651
2662
  Positioner: N.Positioner,
2652
- Viewport: Qr,
2653
- Popup: Jr,
2654
- Link: Zr,
2663
+ Viewport: qr,
2664
+ Popup: Zr,
2665
+ Link: to,
2655
2666
  Icon: N.Icon,
2656
2667
  Arrow: N.Arrow
2657
- }, Nt = "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", Yn = c(
2658
- function({ className: e, label: r, scrubbable: t = !1, ...n }, i) {
2668
+ }, 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(
2669
+ function({ className: e, label: r, scrubbable: t = !1, ...a }, i) {
2659
2670
  return /* @__PURE__ */ p(
2660
2671
  j.Root,
2661
2672
  {
2662
2673
  ref: i,
2663
2674
  className: s("gryt-number-field flex flex-col gap-1.5", e),
2664
- ...n,
2675
+ ...a,
2665
2676
  children: [
2666
2677
  r && (t ? /* @__PURE__ */ p(j.ScrubArea, { className: "cursor-ew-resize text-sm text-gryt-muted select-none", children: [
2667
2678
  r,
2668
- /* @__PURE__ */ a(j.ScrubAreaCursor, {})
2669
- ] }) : /* @__PURE__ */ a("span", { className: "text-sm text-gryt-muted", children: r })),
2679
+ /* @__PURE__ */ n(j.ScrubAreaCursor, {})
2680
+ ] }) : /* @__PURE__ */ n("span", { className: "text-sm text-gryt-muted", children: r })),
2670
2681
  /* @__PURE__ */ p(
2671
2682
  j.Group,
2672
2683
  {
@@ -2674,18 +2685,18 @@ const Ir = c(
2674
2685
  "flex w-fit items-center overflow-hidden rounded-(--gryt-radius-full)",
2675
2686
  "border border-gryt-border bg-gryt-surface-raised",
2676
2687
  "focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-gryt-accent-light",
2677
- _
2688
+ F
2678
2689
  ),
2679
2690
  children: [
2680
- /* @__PURE__ */ a(
2691
+ /* @__PURE__ */ n(
2681
2692
  j.Decrement,
2682
2693
  {
2683
2694
  "aria-label": "Decrease",
2684
- className: s(Nt, "rounded-l-(--gryt-radius-full)"),
2685
- children: /* @__PURE__ */ a(te, { size: 14, weight: "bold" })
2695
+ className: s(Pt, "rounded-l-(--gryt-radius-full)"),
2696
+ children: /* @__PURE__ */ n(ee, { size: 14, weight: "bold" })
2686
2697
  }
2687
2698
  ),
2688
- /* @__PURE__ */ a(
2699
+ /* @__PURE__ */ n(
2689
2700
  j.Input,
2690
2701
  {
2691
2702
  className: s(
@@ -2695,12 +2706,12 @@ const Ir = c(
2695
2706
  )
2696
2707
  }
2697
2708
  ),
2698
- /* @__PURE__ */ a(
2709
+ /* @__PURE__ */ n(
2699
2710
  j.Increment,
2700
2711
  {
2701
2712
  "aria-label": "Increase",
2702
- className: s(Nt, "rounded-r-(--gryt-radius-full)"),
2703
- children: /* @__PURE__ */ a(ee, { size: 14, weight: "bold" })
2713
+ className: s(Pt, "rounded-r-(--gryt-radius-full)"),
2714
+ children: /* @__PURE__ */ n(re, { size: 14, weight: "bold" })
2704
2715
  }
2705
2716
  )
2706
2717
  ]
@@ -2710,17 +2721,17 @@ const Ir = c(
2710
2721
  }
2711
2722
  );
2712
2723
  }
2713
- ), Xn = c(
2714
- function({ className: e, length: r = 6, ...t }, n) {
2715
- return /* @__PURE__ */ a(
2716
- ht.Root,
2724
+ ), Kn = c(
2725
+ function({ className: e, length: r = 6, ...t }, a) {
2726
+ return /* @__PURE__ */ n(
2727
+ xt.Root,
2717
2728
  {
2718
- ref: n,
2729
+ ref: a,
2719
2730
  length: r,
2720
2731
  className: s("gryt-otp-field flex gap-2", e),
2721
2732
  ...t,
2722
- children: Array.from({ length: r }, (i, l) => /* @__PURE__ */ a(
2723
- ht.Input,
2733
+ children: Array.from({ length: r }, (i, l) => /* @__PURE__ */ n(
2734
+ xt.Input,
2724
2735
  {
2725
2736
  className: s(
2726
2737
  "gryt-otp-input h-12 w-10 rounded-(--gryt-radius-md) text-center",
@@ -2736,22 +2747,22 @@ const Ir = c(
2736
2747
  }
2737
2748
  );
2738
2749
  }
2739
- ), qr = c(
2740
- function({ className: e, sideOffset: r = 8, ...t }, n) {
2741
- return /* @__PURE__ */ a(
2742
- B.Positioner,
2750
+ ), eo = c(
2751
+ function({ className: e, sideOffset: r = 8, ...t }, a) {
2752
+ return /* @__PURE__ */ n(
2753
+ z.Positioner,
2743
2754
  {
2744
- ref: n,
2755
+ ref: a,
2745
2756
  sideOffset: r,
2746
2757
  className: s("gryt-preview-card-positioner outline-none", e),
2747
2758
  ...t
2748
2759
  }
2749
2760
  );
2750
2761
  }
2751
- ), to = c(
2762
+ ), ro = c(
2752
2763
  function({ className: e, ...r }, t) {
2753
- return /* @__PURE__ */ a(
2754
- B.Popup,
2764
+ return /* @__PURE__ */ n(
2765
+ z.Popup,
2755
2766
  {
2756
2767
  ref: t,
2757
2768
  className: s(
@@ -2764,16 +2775,16 @@ const Ir = c(
2764
2775
  }
2765
2776
  );
2766
2777
  }
2767
- ), Wn = {
2768
- Root: B.Root,
2769
- Trigger: B.Trigger,
2770
- Portal: B.Portal,
2771
- Positioner: qr,
2772
- Popup: to,
2773
- Arrow: B.Arrow
2774
- }, eo = c(function({ className: e, ...r }, t) {
2775
- return /* @__PURE__ */ a(
2776
- z.Root,
2778
+ ), Jn = {
2779
+ Root: z.Root,
2780
+ Trigger: z.Trigger,
2781
+ Portal: z.Portal,
2782
+ Positioner: eo,
2783
+ Popup: ro,
2784
+ Arrow: z.Arrow
2785
+ }, oo = c(function({ className: e, ...r }, t) {
2786
+ return /* @__PURE__ */ n(
2787
+ B.Root,
2777
2788
  {
2778
2789
  ref: t,
2779
2790
  className: s(
@@ -2784,101 +2795,103 @@ const Ir = c(
2784
2795
  ...r
2785
2796
  }
2786
2797
  );
2787
- }), ro = c(function({ className: e, ...r }, t) {
2788
- return /* @__PURE__ */ a(
2789
- z.Separator,
2798
+ }), no = c(function({ className: e, ...r }, t) {
2799
+ return /* @__PURE__ */ n(
2800
+ B.Separator,
2790
2801
  {
2791
2802
  ref: t,
2792
2803
  className: s("gryt-toolbar-separator mx-1 h-6 w-px bg-gryt-border", e),
2793
2804
  ...r
2794
2805
  }
2795
2806
  );
2796
- }), Kn = {
2797
- Root: eo,
2798
- Group: z.Group,
2799
- Button: z.Button,
2800
- Link: z.Link,
2801
- Input: z.Input,
2802
- Separator: ro
2807
+ }), Qn = {
2808
+ Root: oo,
2809
+ Group: B.Group,
2810
+ Button: B.Button,
2811
+ Link: B.Link,
2812
+ Input: B.Input,
2813
+ Separator: no
2803
2814
  };
2804
2815
  export {
2805
- Rn as Accordion,
2806
- vn as Alert,
2807
- Hn as AlertDialog,
2808
- Bn as Autocomplete,
2809
- Ae as Avatar,
2810
- an as Badge,
2811
- Te as Button,
2812
- bn as Card,
2813
- wn as CardActions,
2814
- xn as CardContent,
2815
- hn as CardHeader,
2816
- cn as Checkbox,
2817
- zn as CheckboxGroup,
2818
- sn as Chip,
2819
- Fn as Collapsible,
2820
- En as Combobox,
2821
- on as Composer,
2822
- Cn as ContextMenu,
2823
- nn as ConversationItem,
2824
- Tn as Dialog,
2825
- fn as Divider,
2826
- $n as Drawer,
2827
- Vn as Fieldset,
2828
- _n as Form,
2816
+ Ln as Accordion,
2817
+ Pn as Alert,
2818
+ zn as AlertDialog,
2819
+ _n as Autocomplete,
2820
+ je as Avatar,
2821
+ cn as Badge,
2822
+ Re as Button,
2823
+ xn as Card,
2824
+ Nn as CardActions,
2825
+ vn as CardContent,
2826
+ wn as CardHeader,
2827
+ dn as Checkbox,
2828
+ Fn as CheckboxGroup,
2829
+ ln as Chip,
2830
+ Vn as Collapsible,
2831
+ Bn as Combobox,
2832
+ an as Composer,
2833
+ In as ContextMenu,
2834
+ sn as ConversationItem,
2835
+ Rn as Dialog,
2836
+ hn as Divider,
2837
+ Sn as Drawer,
2838
+ On as Fieldset,
2839
+ Un as Form,
2829
2840
  tt as GRYT_HUE_KEYS,
2830
- At as GRYT_NEUTRAL_KEYS,
2841
+ Dt as GRYT_NEUTRAL_KEYS,
2831
2842
  ut as GRYT_RADIUS_KEYS,
2832
- Ko as GrytProvider,
2833
- qo as IconButton,
2843
+ we as GRYT_THEME_NAME_MAX,
2844
+ Qo as GrytProvider,
2845
+ en as IconButton,
2834
2846
  st as Menu,
2835
- Un as Menubar,
2836
- en as MessageBubble,
2837
- Gn as Meter,
2838
- On as NavigationMenu,
2839
- Yn as NumberField,
2840
- Xn as OtpField,
2841
- Ln as Popover,
2842
- Wn as PreviewCard,
2843
- Nn as Progress,
2844
- ln as Radio,
2845
- dn as RadioGroup,
2846
- An as ScrollArea,
2847
- yn as Select,
2848
- kn as Skeleton,
2849
- gn as Slider,
2850
- Pn as Spinner,
2851
- tn as Surface,
2852
- un as Switch,
2853
- sr as Tab,
2854
- Sn as Tabs,
2855
- rn as TextField,
2856
- In as Toast,
2857
- Dn as Toggle,
2858
- jn as ToggleGroup,
2859
- Kn as Toolbar,
2860
- mn as Tooltip,
2861
- pn as TooltipProvider,
2862
- Dt as cloneGrytTheme,
2847
+ Yn as Menubar,
2848
+ on as MessageBubble,
2849
+ En as Meter,
2850
+ Xn as NavigationMenu,
2851
+ Wn as NumberField,
2852
+ Kn as OtpField,
2853
+ Mn as Popover,
2854
+ Jn as PreviewCard,
2855
+ kn as Progress,
2856
+ un as Radio,
2857
+ gn as RadioGroup,
2858
+ jn as ScrollArea,
2859
+ pn as Select,
2860
+ $n as Skeleton,
2861
+ mn as Slider,
2862
+ Tn as Spinner,
2863
+ rn as Surface,
2864
+ yn as Switch,
2865
+ cr as Tab,
2866
+ Cn as Tabs,
2867
+ nn as TextField,
2868
+ An as Toast,
2869
+ Gn as Toggle,
2870
+ Hn as ToggleGroup,
2871
+ Qn as Toolbar,
2872
+ fn as Tooltip,
2873
+ bn as TooltipProvider,
2874
+ jt as cloneGrytTheme,
2863
2875
  s as cn,
2864
- Yo as contrast,
2865
- be as createGrytTheme,
2866
- Zo as decodeGrytTheme,
2867
- Qo as encodeGrytTheme,
2868
- Xo as grytAlphaScales,
2869
- Wo as grytAlphaScalesLight,
2876
+ Wo as contrast,
2877
+ he as createGrytTheme,
2878
+ tn as decodeGrytTheme,
2879
+ qo as encodeGrytTheme,
2880
+ Ko as grytAlphaScales,
2881
+ Jo as grytAlphaScalesLight,
2870
2882
  T as grytLightTokens,
2871
- wt as grytScales,
2883
+ vt as grytScales,
2872
2884
  ct as grytScalesLight,
2873
2885
  X as grytTheme,
2874
- xe as grytThemeHues,
2875
- Jo as grytThemeToOptions,
2876
- d as grytTokens,
2886
+ ve as grytThemeHues,
2887
+ Zo as grytThemeToOptions,
2888
+ u as grytTokens,
2877
2889
  J as hexToOklch,
2878
- Gt as isHexColor,
2879
- gt as normalizeHexColor,
2890
+ Ht as isHexColor,
2891
+ yt as normalizeHexColor,
2892
+ gt as normalizeThemeName,
2880
2893
  C as oklchToHex,
2881
- Ue as useMediaQuery,
2882
- Mn as useToastManager
2894
+ Ye as useMediaQuery,
2895
+ Dn as useToastManager
2883
2896
  };
2884
2897
  //# sourceMappingURL=index.js.map