@knpkv/rly 0.13.0 → 0.15.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 (51) hide show
  1. package/README.md +73 -1
  2. package/dist/{Dialog-B9Ub_gMT.js → Dialog-CU66FqWD.js} +325 -257
  3. package/dist/Dialog-CU66FqWD.js.map +1 -0
  4. package/dist/{PortalProvider-CN_81Fy3.js → PortalProvider-op07u8na.js} +20 -18
  5. package/dist/PortalProvider-op07u8na.js.map +1 -0
  6. package/dist/assets/relay-mark.svg +9 -0
  7. package/dist/components.css +1 -1
  8. package/dist/dts/foundations/Icon.d.ts +1 -1
  9. package/dist/dts/foundations/Icon.d.ts.map +1 -1
  10. package/dist/dts/internal/composedFocus.d.ts +11 -0
  11. package/dist/dts/internal/composedFocus.d.ts.map +1 -0
  12. package/dist/dts/internal/relaySummon.d.ts +50 -0
  13. package/dist/dts/internal/relaySummon.d.ts.map +1 -0
  14. package/dist/dts/patterns/Region.d.ts +2 -2
  15. package/dist/dts/patterns/Region.d.ts.map +1 -1
  16. package/dist/dts/patterns/RelayComposer.d.ts +65 -0
  17. package/dist/dts/patterns/RelayComposer.d.ts.map +1 -0
  18. package/dist/dts/patterns/RelayDock.d.ts.map +1 -1
  19. package/dist/dts/patterns/RelayLauncher.d.ts +67 -0
  20. package/dist/dts/patterns/RelayLauncher.d.ts.map +1 -0
  21. package/dist/dts/patterns/RelayMark.d.ts +35 -0
  22. package/dist/dts/patterns/RelayMark.d.ts.map +1 -0
  23. package/dist/dts/patterns/RelayPanel.d.ts +91 -0
  24. package/dist/dts/patterns/RelayPanel.d.ts.map +1 -0
  25. package/dist/dts/patterns/index.d.ts +8 -0
  26. package/dist/dts/patterns/index.d.ts.map +1 -1
  27. package/dist/dts/tokens/fonts.d.ts +13 -0
  28. package/dist/dts/tokens/fonts.d.ts.map +1 -0
  29. package/dist/dts/tokens/index.d.ts +2 -0
  30. package/dist/dts/tokens/index.d.ts.map +1 -1
  31. package/dist/fonts.css +83 -2
  32. package/dist/foundations/index.js +1 -1
  33. package/dist/generated-tokens.css +2 -2
  34. package/dist/index.js +6 -6
  35. package/dist/patterns/index.js +2 -2
  36. package/dist/{patterns-DPd5YlSW.js → patterns-CDBnXTUD.js} +1258 -756
  37. package/dist/patterns-CDBnXTUD.js.map +1 -0
  38. package/dist/primitives/index.js +3 -3
  39. package/dist/{primitives-Bd6WhE78.js → primitives-DgQybTyq.js} +254 -322
  40. package/dist/primitives-DgQybTyq.js.map +1 -0
  41. package/dist/tokens/index.js +2 -2
  42. package/dist/{tokens-B075JP3Z.js → tokens-Cf0jXIRg.js} +14 -8
  43. package/dist/tokens-Cf0jXIRg.js.map +1 -0
  44. package/package.json +2 -1
  45. package/registry/components.json +373 -0
  46. package/registry/search.json +88 -0
  47. package/dist/Dialog-B9Ub_gMT.js.map +0 -1
  48. package/dist/PortalProvider-CN_81Fy3.js.map +0 -1
  49. package/dist/patterns-DPd5YlSW.js.map +0 -1
  50. package/dist/primitives-Bd6WhE78.js.map +0 -1
  51. package/dist/tokens-B075JP3Z.js.map +0 -1
@@ -1,15 +1,15 @@
1
- import { i as e, t } from "./PortalProvider-CN_81Fy3.js";
1
+ import { i as e, t } from "./PortalProvider-op07u8na.js";
2
2
  import { a as n, c as r, i, l as a, n as o, o as s, r as c, s as l, t as u } from "./component-DKy8kjZl.js";
3
- import { Avatar as d, Dialog as f, Select as p } from "radix-ui";
4
- import { createContext as m, createElement as h, useCallback as g, useContext as _, useId as v, useLayoutEffect as y, useRef as b, useState as x } from "react";
5
- import { jsx as S, jsxs as C } from "react/jsx-runtime";
3
+ import { Avatar as d, Dialog as f, Select as p, Tabs as m } from "radix-ui";
4
+ import { createContext as h, createElement as g, useCallback as _, useContext as v, useId as y, useLayoutEffect as b, useRef as x, useState as S } from "react";
5
+ import { jsx as C, jsxs as w } from "react/jsx-runtime";
6
6
  //#region src/internal/modal.ts
7
- var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(null), D = 0, O = (e, t) => {
8
- let n = b({
7
+ var T = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap(), D = h(null), O = 0, k = (e, t) => {
8
+ let n = x({
9
9
  open: e,
10
10
  value: t
11
11
  }), r = e && !n.current.open ? t : n.current.value;
12
- return y(() => {
12
+ return b(() => {
13
13
  e ? n.current.open || (n.current = {
14
14
  open: !0,
15
15
  value: t
@@ -18,36 +18,36 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
18
18
  value: t
19
19
  };
20
20
  }, [e, t]), r;
21
- }, k = (e) => "inert" in e && n(e.inert), A = (e) => e !== null && k(e), j = ({ children: e }) => {
22
- let [t, n] = x(!1);
23
- return h(E.Provider, { value: {
21
+ }, A = (e) => "inert" in e && n(e.inert), j = (e) => e !== null && A(e), M = ({ children: e }) => {
22
+ let [t, n] = S(!1);
23
+ return g(D.Provider, { value: {
24
24
  isContentMounted: t,
25
25
  setContentMounted: n
26
26
  } }, e);
27
- }, M = () => _(E)?.isContentMounted ?? !0, N = () => _(E) !== null, P = () => {
28
- let e = _(E)?.setContentMounted;
29
- y(() => (e?.(!0), () => e?.(!1)), [e]);
30
- }, ee = (e) => {
31
- let t = w.get(e);
27
+ }, N = () => v(D)?.isContentMounted ?? !0, P = () => v(D) !== null, F = () => {
28
+ let e = v(D)?.setContentMounted;
29
+ b(() => (e?.(!0), () => e?.(!1)), [e]);
30
+ }, I = (e) => {
31
+ let t = T.get(e);
32
32
  if (t === void 0) {
33
- w.set(e, {
33
+ T.set(e, {
34
34
  count: 1,
35
35
  previous: e.inert
36
36
  }), e.inert = !0;
37
37
  return;
38
38
  }
39
39
  t.count += 1;
40
- }, te = (e) => {
41
- let t = w.get(e);
40
+ }, ee = (e) => {
41
+ let t = T.get(e);
42
42
  if (t !== void 0) {
43
43
  if (t.count > 1) {
44
44
  --t.count;
45
45
  return;
46
46
  }
47
- e.inert = t.previous, w.delete(e);
47
+ e.inert = t.previous, T.delete(e);
48
48
  }
49
- }, F = (e, t) => {
50
- y(() => {
49
+ }, L = (e, t) => {
50
+ b(() => {
51
51
  if (!t) return;
52
52
  let n = e.current;
53
53
  if (n === null) return;
@@ -63,7 +63,7 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
63
63
  n = !0;
64
64
  continue;
65
65
  }
66
- !(n && r.hasAttribute("data-rly-modal-layer")) && A(r) && !i.has(r) && (ee(r), i.add(r));
66
+ !(n && r.hasAttribute("data-rly-modal-layer")) && j(r) && !i.has(r) && (I(r), i.add(r));
67
67
  }
68
68
  let o = e.parentElement;
69
69
  if (o !== null) {
@@ -72,50 +72,50 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
72
72
  }
73
73
  if (!("host" in t)) break;
74
74
  let c = t.host;
75
- if (!r(c) || !k(c)) break;
75
+ if (!r(c) || !A(c)) break;
76
76
  e = c;
77
77
  }
78
78
  };
79
79
  return o !== void 0 && (s = new o(c)), c(), () => {
80
80
  s?.disconnect();
81
- for (let e of i) te(e);
81
+ for (let e of i) ee(e);
82
82
  };
83
83
  }, [t, e]);
84
- }, I = (e) => {
85
- let t = T.get(e);
84
+ }, R = (e) => {
85
+ let t = E.get(e);
86
86
  if (t !== void 0) {
87
87
  t.count += 1;
88
88
  return;
89
89
  }
90
90
  let n = e.documentElement;
91
- T.set(e, {
91
+ E.set(e, {
92
92
  count: 1,
93
93
  overflow: n.style.overflow,
94
94
  overscrollBehavior: n.style.overscrollBehavior
95
95
  }), n.style.overflow = "hidden", n.style.overscrollBehavior = "none";
96
- }, L = (e) => {
97
- let t = T.get(e);
96
+ }, te = (e) => {
97
+ let t = E.get(e);
98
98
  if (t === void 0) return;
99
99
  if (t.count > 1) {
100
100
  --t.count;
101
101
  return;
102
102
  }
103
103
  let n = e.documentElement;
104
- n.style.overflow = t.overflow, n.style.overscrollBehavior = t.overscrollBehavior, T.delete(e);
104
+ n.style.overflow = t.overflow, n.style.overscrollBehavior = t.overscrollBehavior, E.delete(e);
105
105
  }, ne = (e, t) => {
106
- y(() => {
106
+ b(() => {
107
107
  if (!t) return;
108
108
  let n = e.current?.ownerDocument;
109
- if (n !== void 0) return I(n), () => L(n);
109
+ if (n !== void 0) return R(n), () => te(n);
110
110
  }, [t, e]);
111
- }, re = () => {
112
- D += 1;
113
- }, ie = (e) => {
114
- let t = ++D;
111
+ }, z = () => {
112
+ O += 1;
113
+ }, B = (e) => {
114
+ let t = ++O;
115
115
  setTimeout(() => {
116
- D === t && e !== null && e.isConnected === !0 && e.focus();
116
+ O === t && e !== null && e.isConnected === !0 && e.focus();
117
117
  }, 0);
118
- }, ae = {
118
+ }, re = {
119
119
  layer: "rly_Sheet-module__layer",
120
120
  trigger: "rly_Sheet-module__trigger",
121
121
  close: "rly_Sheet-module__close",
@@ -136,9 +136,9 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
136
136
  description: "rly_Sheet-module__description",
137
137
  body: "rly_Sheet-module__body",
138
138
  footer: "rly_Sheet-module__footer"
139
- }, R = (e) => o(ae, e), oe = c({ side: {
139
+ }, V = (e) => o(re, e), ie = c({ side: {
140
140
  end: {
141
- className: R("end"),
141
+ className: V("end"),
142
142
  purpose: "Supporting detail that follows the current reading flow",
143
143
  tokens: [
144
144
  "color-surface-1",
@@ -147,7 +147,7 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
147
147
  ]
148
148
  },
149
149
  start: {
150
- className: R("start"),
150
+ className: V("start"),
151
151
  purpose: "Navigation or context that precedes the current reading flow",
152
152
  tokens: [
153
153
  "color-surface-1",
@@ -155,74 +155,74 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
155
155
  "motion-standard"
156
156
  ]
157
157
  }
158
- } }), se = c({ side: "end" }), ce = m(null), le = () => {
159
- let e = _(ce);
158
+ } }), ae = c({ side: "end" }), oe = h(null), H = () => {
159
+ let e = v(oe);
160
160
  if (e === null) throw Error("Sheet compound components must be nested inside Sheet.Root");
161
161
  return e;
162
- }, ue = ({ children: e, entryMotion: t }) => {
163
- let n = le(), r = b(null);
164
- return P(), F(r, n.open), /* @__PURE__ */ S("div", {
165
- className: R("layer"),
162
+ }, se = ({ children: e, entryMotion: t }) => {
163
+ let n = H(), r = x(null);
164
+ return F(), L(r, n.open), /* @__PURE__ */ C("div", {
165
+ className: V("layer"),
166
166
  "data-rly-modal-layer": "",
167
167
  "data-rly-sheet-entry-motion": t,
168
168
  "data-rly-sheet-layer": "",
169
169
  ref: r,
170
170
  children: e
171
171
  });
172
- }, de = (e, t) => (a(e) && i(e, `${t} children`), e), fe = Object.freeze({
173
- Body: ({ className: e, ...t }) => /* @__PURE__ */ S("div", {
172
+ }, ce = (e, t) => (a(e) && i(e, `${t} children`), e), le = Object.freeze({
173
+ Body: ({ className: e, ...t }) => /* @__PURE__ */ C("div", {
174
174
  ...t,
175
- className: u(R("body"), e)
175
+ className: u(V("body"), e)
176
176
  }),
177
- Close: ({ children: e, className: t, type: n, ...r }) => /* @__PURE__ */ S(f.Close, {
177
+ Close: ({ children: e, className: t, type: n, ...r }) => /* @__PURE__ */ C(f.Close, {
178
178
  ...r,
179
- className: u(R("close"), t),
179
+ className: u(V("close"), t),
180
180
  type: n ?? "button",
181
- children: de(e, "Sheet.Close")
181
+ children: ce(e, "Sheet.Close")
182
182
  }),
183
- Content: ({ children: n, className: r, closeLabel: a, description: o, entryMotion: c = "intrinsic", initialFocusRef: l, ref: d, side: p = se.side, tabIndex: m, title: h, ..._ }) => {
184
- let v = le(), y = O(v.open, c), x = i(h, "Sheet title"), w = o === void 0 ? void 0 : i(o, "Sheet description"), T = i(a ?? `Close ${x}`, "Sheet closeLabel"), E = b(null), D = g((e) => {
183
+ Content: ({ children: n, className: r, closeLabel: a, description: o, entryMotion: c = "intrinsic", initialFocusRef: l, ref: d, side: p = ae.side, tabIndex: m, title: h, ...g }) => {
184
+ let v = H(), y = k(v.open, c), b = i(h, "Sheet title"), S = o === void 0 ? void 0 : i(o, "Sheet description"), T = i(a ?? `Close ${b}`, "Sheet closeLabel"), E = x(null), D = _((e) => {
185
185
  E.current = e, s(d) ? d(e) : d != null && (d.current = e);
186
186
  }, [d]);
187
- return /* @__PURE__ */ S(t, { children: (t) => /* @__PURE__ */ S(f.Portal, {
187
+ return /* @__PURE__ */ C(t, { children: (t) => /* @__PURE__ */ C(f.Portal, {
188
188
  container: t,
189
- children: /* @__PURE__ */ C(ue, {
189
+ children: /* @__PURE__ */ w(se, {
190
190
  entryMotion: y,
191
- children: [/* @__PURE__ */ S(f.Overlay, {
192
- className: R("overlay"),
191
+ children: [/* @__PURE__ */ C(f.Overlay, {
192
+ className: V("overlay"),
193
193
  "data-rly-sheet-overlay": "",
194
194
  onPointerDown: () => v.requestOpenChange(!1)
195
- }), /* @__PURE__ */ C(f.Content, {
196
- ..._,
197
- ...w === void 0 ? { "aria-describedby": void 0 } : {},
198
- className: u(R("content"), oe.side[p].className, r),
195
+ }), /* @__PURE__ */ w(f.Content, {
196
+ ...g,
197
+ ...S === void 0 ? { "aria-describedby": void 0 } : {},
198
+ className: u(V("content"), ie.side[p].className, r),
199
199
  "data-rly-sheet-side": p,
200
200
  onCloseAutoFocus: (e) => e.preventDefault(),
201
201
  onOpenAutoFocus: (e) => {
202
202
  e.preventDefault();
203
203
  let t = E.current?.ownerDocument.activeElement ?? null;
204
- v.restoreFocusRef.current === null && A(t) && (v.restoreFocusRef.current = t);
204
+ v.restoreFocusRef.current === null && j(t) && (v.restoreFocusRef.current = t);
205
205
  let n = l?.current ?? E.current;
206
206
  n?.focus(), n !== E.current && n?.ownerDocument.activeElement !== n && E.current?.focus();
207
207
  },
208
208
  ref: D,
209
209
  tabIndex: m ?? -1,
210
- children: [/* @__PURE__ */ C("div", {
211
- className: R("header"),
212
- children: [/* @__PURE__ */ C("div", {
213
- className: R("heading"),
214
- children: [/* @__PURE__ */ S(f.Title, {
215
- className: R("title"),
216
- children: x
217
- }), w === void 0 ? null : /* @__PURE__ */ S(f.Description, {
218
- className: R("description"),
219
- children: w
210
+ children: [/* @__PURE__ */ w("div", {
211
+ className: V("header"),
212
+ children: [/* @__PURE__ */ w("div", {
213
+ className: V("heading"),
214
+ children: [/* @__PURE__ */ C(f.Title, {
215
+ className: V("title"),
216
+ children: b
217
+ }), S === void 0 ? null : /* @__PURE__ */ C(f.Description, {
218
+ className: V("description"),
219
+ children: S
220
220
  })]
221
- }), /* @__PURE__ */ S(f.Close, {
221
+ }), /* @__PURE__ */ C(f.Close, {
222
222
  "aria-label": T,
223
- className: R("iconClose"),
223
+ className: V("iconClose"),
224
224
  type: "button",
225
- children: /* @__PURE__ */ S(e, {
225
+ children: /* @__PURE__ */ C(e, {
226
226
  decorative: !0,
227
227
  name: "close",
228
228
  size: "default"
@@ -233,23 +233,23 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
233
233
  })
234
234
  }) });
235
235
  },
236
- Footer: ({ className: e, ...t }) => /* @__PURE__ */ S("footer", {
236
+ Footer: ({ className: e, ...t }) => /* @__PURE__ */ C("footer", {
237
237
  ...t,
238
- className: u(R("footer"), e)
238
+ className: u(V("footer"), e)
239
239
  }),
240
240
  Root: (e) => {
241
- let { children: t, defaultOpen: n = !1, onOpenChange: r, open: i } = e, [a, o] = x(n), s = M(), c = b(null), l = (i ?? a) && s, u = b(l), d = (e) => {
241
+ let { children: t, defaultOpen: n = !1, onOpenChange: r, open: i } = e, [a, o] = S(n), s = N(), c = x(null), l = (i ?? a) && s, u = x(l), d = (e) => {
242
242
  i === void 0 && o(e), r?.(e);
243
243
  };
244
- return y(() => {
245
- u.current !== l && (u.current = l, l ? re() : ie(c.current));
246
- }, [l]), /* @__PURE__ */ S(j, { children: /* @__PURE__ */ S(ce.Provider, {
244
+ return b(() => {
245
+ u.current !== l && (u.current = l, l ? z() : B(c.current));
246
+ }, [l]), /* @__PURE__ */ C(M, { children: /* @__PURE__ */ C(oe.Provider, {
247
247
  value: {
248
248
  open: l,
249
249
  requestOpenChange: d,
250
250
  restoreFocusRef: c
251
251
  },
252
- children: /* @__PURE__ */ S(f.Root, {
252
+ children: /* @__PURE__ */ C(f.Root, {
253
253
  modal: !0,
254
254
  onOpenChange: d,
255
255
  open: l,
@@ -258,18 +258,18 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
258
258
  }) });
259
259
  },
260
260
  Trigger: ({ children: e, className: t, onClick: n, type: r, ...i }) => {
261
- let a = le();
262
- return /* @__PURE__ */ S(f.Trigger, {
261
+ let a = H();
262
+ return /* @__PURE__ */ C(f.Trigger, {
263
263
  ...i,
264
- className: u(R("trigger"), t),
264
+ className: u(V("trigger"), t),
265
265
  onClick: (e) => {
266
266
  a.restoreFocusRef.current = e.currentTarget, n?.(e);
267
267
  },
268
268
  type: r ?? "button",
269
- children: de(e, "Sheet.Trigger")
269
+ children: ce(e, "Sheet.Trigger")
270
270
  });
271
271
  }
272
- }), pe = {
272
+ }), ue = {
273
273
  root: "rly_Button-module__root",
274
274
  primary: "rly_Button-module__primary",
275
275
  secondary: "rly_Button-module__secondary",
@@ -283,89 +283,89 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
283
283
  label: "rly_Button-module__label",
284
284
  loadingContent: "rly_Button-module__loadingContent",
285
285
  loader: "rly_Button-module__loader"
286
- }, z = (e) => o(pe, e), B = c({
286
+ }, U = (e) => o(ue, e), de = c({
287
287
  variant: {
288
288
  primary: {
289
- className: z("primary"),
289
+ className: U("primary"),
290
290
  purpose: "Single principal action",
291
291
  tokens: ["color-action-background", "color-action-foreground"]
292
292
  },
293
293
  secondary: {
294
- className: z("secondary"),
294
+ className: U("secondary"),
295
295
  purpose: "Default supporting action",
296
296
  tokens: ["color-surface-1", "color-border-2"]
297
297
  },
298
298
  quiet: {
299
- className: z("quiet"),
299
+ className: U("quiet"),
300
300
  purpose: "Low-emphasis contextual action",
301
301
  tokens: ["color-text-1", "color-surface-2"]
302
302
  }
303
303
  },
304
304
  size: {
305
305
  dense: {
306
- className: z("dense"),
306
+ className: U("dense"),
307
307
  purpose: "Tool-density action sized to its text; the default",
308
308
  tokens: ["control-height-dense", "radius-tag"]
309
309
  },
310
310
  compact: {
311
- className: z("compact"),
311
+ className: U("compact"),
312
312
  purpose: "Dense text action",
313
313
  tokens: ["control-height-compact"]
314
314
  },
315
315
  default: {
316
- className: z("defaultSize"),
316
+ className: U("defaultSize"),
317
317
  purpose: "Standard action",
318
318
  tokens: ["control-height-default"]
319
319
  },
320
320
  principal: {
321
- className: z("principal"),
321
+ className: U("principal"),
322
322
  purpose: "Prominent consequential action",
323
323
  tokens: ["control-height-principal", "space-8"]
324
324
  }
325
325
  }
326
- }), me = c({
326
+ }), fe = c({
327
327
  variant: "secondary",
328
328
  size: "dense"
329
- }), V = ({ "aria-label": t, "aria-labelledby": n, children: r, className: i, disabled: o, leadingIcon: s, loading: c = !1, size: d = me.size, stretch: f = !1, trailingIcon: p, type: m, variant: h = "secondary", ...g }) => {
329
+ }), pe = ({ "aria-label": t, "aria-labelledby": n, children: r, className: i, disabled: o, leadingIcon: s, loading: c = !1, size: d = fe.size, stretch: f = !1, trailingIcon: p, type: m, variant: h = "secondary", ...g }) => {
330
330
  if (!l(r) && !a(r) || a(r) && r.trim().length === 0) throw Error("Button children must contain visible content");
331
- return /* @__PURE__ */ C("button", {
331
+ return /* @__PURE__ */ w("button", {
332
332
  ...g,
333
333
  "aria-busy": c ? "true" : void 0,
334
334
  "aria-label": c && !n?.trim() ? t?.trim() ? t : String(r) : t,
335
335
  "aria-labelledby": n,
336
- className: u(z("root"), B.variant[h].className, B.size[d].className, f && z("stretch"), i),
336
+ className: u(U("root"), de.variant[h].className, de.size[d].className, f && U("stretch"), i),
337
337
  "data-loading": c ? "true" : void 0,
338
338
  disabled: o || c,
339
339
  type: m ?? "button",
340
- children: [/* @__PURE__ */ C("span", {
341
- className: u(z("content"), c && z("loadingContent")),
340
+ children: [/* @__PURE__ */ w("span", {
341
+ className: u(U("content"), c && U("loadingContent")),
342
342
  children: [
343
- s === void 0 ? null : /* @__PURE__ */ S(e, {
343
+ s === void 0 ? null : /* @__PURE__ */ C(e, {
344
344
  decorative: !0,
345
345
  name: s,
346
346
  size: d === "compact" ? "small" : "default"
347
347
  }),
348
- /* @__PURE__ */ S("span", {
349
- className: z("label"),
348
+ /* @__PURE__ */ C("span", {
349
+ className: U("label"),
350
350
  children: r
351
351
  }),
352
- p === void 0 ? null : /* @__PURE__ */ S(e, {
352
+ p === void 0 ? null : /* @__PURE__ */ C(e, {
353
353
  decorative: !0,
354
354
  name: p,
355
355
  size: d === "compact" ? "small" : "default"
356
356
  })
357
357
  ]
358
- }), c ? /* @__PURE__ */ S("span", {
358
+ }), c ? /* @__PURE__ */ C("span", {
359
359
  "aria-hidden": "true",
360
- className: z("loader"),
361
- children: /* @__PURE__ */ S(e, {
360
+ className: U("loader"),
361
+ children: /* @__PURE__ */ C(e, {
362
362
  decorative: !0,
363
363
  name: "loader",
364
364
  size: d === "compact" ? "small" : "default"
365
365
  })
366
366
  }) : null]
367
367
  });
368
- }, he = {
368
+ }, me = {
369
369
  root: "rly_StateLabel-module__root",
370
370
  neutral: "rly_StateLabel-module__neutral",
371
371
  positive: "rly_StateLabel-module__positive",
@@ -374,42 +374,42 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
374
374
  progress: "rly_StateLabel-module__progress",
375
375
  compact: "rly_StateLabel-module__compact",
376
376
  defaultSize: "rly_StateLabel-module__defaultSize"
377
- }, H = (e) => o(he, e), U = c({
377
+ }, W = (e) => o(me, e), he = c({
378
378
  tone: {
379
379
  neutral: {
380
- className: H("neutral"),
380
+ className: W("neutral"),
381
381
  purpose: "Neutral or unavailable state",
382
382
  tokens: ["color-text-2"]
383
383
  },
384
384
  positive: {
385
- className: H("positive"),
385
+ className: W("positive"),
386
386
  purpose: "Positive state",
387
387
  tokens: ["color-success-ink"]
388
388
  },
389
389
  critical: {
390
- className: H("critical"),
390
+ className: W("critical"),
391
391
  purpose: "Critical state",
392
392
  tokens: ["color-blocked-ink"]
393
393
  },
394
394
  caution: {
395
- className: H("caution"),
395
+ className: W("caution"),
396
396
  purpose: "Caution state",
397
397
  tokens: ["color-held-ink"]
398
398
  },
399
399
  progress: {
400
- className: H("progress"),
400
+ className: W("progress"),
401
401
  purpose: "Work in progress",
402
402
  tokens: ["color-deploying-ink"]
403
403
  }
404
404
  },
405
405
  size: {
406
406
  compact: {
407
- className: H("compact"),
407
+ className: W("compact"),
408
408
  purpose: "Dense metadata state",
409
409
  tokens: ["type-meta"]
410
410
  },
411
411
  default: {
412
- className: H("defaultSize"),
412
+ className: W("defaultSize"),
413
413
  purpose: "Standard explicit state",
414
414
  tokens: ["type-label"]
415
415
  }
@@ -423,14 +423,14 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
423
423
  critical: "alert",
424
424
  caution: "clock",
425
425
  progress: "loader"
426
- }, ve = ({ className: t, icon: n, label: r, size: a = "default", tone: o = "neutral", ...s }) => /* @__PURE__ */ C("span", {
426
+ }, ve = ({ className: t, icon: n, label: r, size: a = "default", tone: o = "neutral", ...s }) => /* @__PURE__ */ w("span", {
427
427
  ...s,
428
- className: u(H("root"), U.tone[o].className, U.size[a].className, t),
429
- children: [n === void 0 && o === "neutral" ? null : /* @__PURE__ */ S(e, {
428
+ className: u(W("root"), he.tone[o].className, he.size[a].className, t),
429
+ children: [n === void 0 && o === "neutral" ? null : /* @__PURE__ */ C(e, {
430
430
  decorative: !0,
431
431
  name: n ?? _e[o],
432
432
  size: "small"
433
- }), /* @__PURE__ */ S("span", { children: i(r, "StateLabel label") })]
433
+ }), /* @__PURE__ */ C("span", { children: i(r, "StateLabel label") })]
434
434
  }), ye = {
435
435
  root: "rly_Avatar-module__root",
436
436
  small: "rly_Avatar-module__small",
@@ -441,65 +441,65 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
441
441
  roundedSquare: "rly_Avatar-module__roundedSquare",
442
442
  image: "rly_Avatar-module__image",
443
443
  fallback: "rly_Avatar-module__fallback"
444
- }, W = (e) => o(ye, e), G = c({
444
+ }, G = (e) => o(ye, e), be = c({
445
445
  size: {
446
446
  small: {
447
- className: W("small"),
447
+ className: G("small"),
448
448
  purpose: "Compact supporting identity",
449
449
  tokens: ["space-24"]
450
450
  },
451
451
  default: {
452
- className: W("defaultSize"),
452
+ className: G("defaultSize"),
453
453
  purpose: "Standard identity",
454
454
  tokens: ["space-32"]
455
455
  },
456
456
  large: {
457
- className: W("large"),
457
+ className: G("large"),
458
458
  purpose: "Prominent identity",
459
459
  tokens: ["space-40"]
460
460
  },
461
461
  hero: {
462
- className: W("hero"),
462
+ className: G("hero"),
463
463
  purpose: "Page-level identity",
464
464
  tokens: ["space-48", "space-8"]
465
465
  }
466
466
  },
467
467
  form: {
468
468
  circle: {
469
- className: W("circle"),
469
+ className: G("circle"),
470
470
  purpose: "Human or general identity",
471
471
  tokens: ["radius-round"]
472
472
  },
473
473
  "rounded-square": {
474
- className: W("roundedSquare"),
474
+ className: G("roundedSquare"),
475
475
  purpose: "Non-human or system identity",
476
476
  tokens: ["radius-field"]
477
477
  }
478
478
  }
479
- }), be = c({
479
+ }), xe = c({
480
480
  size: "default",
481
481
  form: "circle"
482
- }), xe = ({ className: e, decorative: t, fallback: n, form: r = "circle", label: a, size: o = "default", src: s, ...c }) => {
482
+ }), Se = ({ className: e, decorative: t, fallback: n, form: r = "circle", label: a, size: o = "default", src: s, ...c }) => {
483
483
  let l = t ? void 0 : i(a, "Avatar label"), f = i(n, "Avatar fallback");
484
- return /* @__PURE__ */ C(d.Root, {
484
+ return /* @__PURE__ */ w(d.Root, {
485
485
  ...c,
486
486
  "aria-hidden": t ? "true" : void 0,
487
487
  "aria-label": l,
488
- className: u(W("root"), G.size[o].className, G.form[r].className, e),
488
+ className: u(G("root"), be.size[o].className, be.form[r].className, e),
489
489
  role: t ? void 0 : "img",
490
- children: [s === void 0 ? null : /* @__PURE__ */ S(d.Image, {
490
+ children: [s === void 0 ? null : /* @__PURE__ */ C(d.Image, {
491
491
  alt: "",
492
- className: W("image"),
492
+ className: G("image"),
493
493
  decoding: "async",
494
494
  loading: "lazy",
495
495
  src: s
496
- }), /* @__PURE__ */ S(d.Fallback, {
496
+ }), /* @__PURE__ */ C(d.Fallback, {
497
497
  "aria-hidden": "true",
498
- className: W("fallback"),
498
+ className: G("fallback"),
499
499
  children: f
500
500
  })]
501
501
  });
502
- }, Se = {
502
+ }, Ce = {
503
503
  root: "rly_IconButton-module__root",
504
504
  primary: "rly_IconButton-module__primary",
505
505
  secondary: "rly_IconButton-module__secondary",
@@ -508,7 +508,7 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
508
508
  compact: "rly_IconButton-module__compact",
509
509
  defaultSize: "rly_IconButton-module__defaultSize",
510
510
  principal: "rly_IconButton-module__principal"
511
- }, K = (e) => o(Se, e), Ce = c({
511
+ }, K = (e) => o(Ce, e), we = c({
512
512
  variant: {
513
513
  primary: {
514
514
  className: K("primary"),
@@ -548,23 +548,23 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
548
548
  tokens: ["control-height-principal"]
549
549
  }
550
550
  }
551
- }), we = c({
551
+ }), Te = c({
552
552
  variant: "secondary",
553
553
  size: "dense"
554
- }), Te = ({ className: t, disabled: n, icon: r, label: a, loading: o = !1, size: s = we.size, type: c, variant: l = "secondary", ...d }) => /* @__PURE__ */ S("button", {
554
+ }), Ee = ({ className: t, disabled: n, icon: r, label: a, loading: o = !1, size: s = Te.size, type: c, variant: l = "secondary", ...d }) => /* @__PURE__ */ C("button", {
555
555
  ...d,
556
556
  "aria-busy": o ? "true" : void 0,
557
557
  "aria-label": i(a, "IconButton label"),
558
- className: u(K("root"), Ce.variant[l].className, Ce.size[s].className, t),
558
+ className: u(K("root"), we.variant[l].className, we.size[s].className, t),
559
559
  "data-loading": o ? "true" : void 0,
560
560
  disabled: n || o,
561
561
  type: c ?? "button",
562
- children: /* @__PURE__ */ S(e, {
562
+ children: /* @__PURE__ */ C(e, {
563
563
  decorative: !0,
564
564
  name: o ? "loader" : r,
565
565
  size: s === "compact" ? "small" : "default"
566
566
  })
567
- }), Ee = /* @__PURE__ */ new WeakSet(), De = (e) => (Ee.add(e), e), Oe = (e) => Ee.has(e), ke = {
567
+ }), De = /* @__PURE__ */ new WeakSet(), Oe = (e) => (De.add(e), e), ke = (e) => De.has(e), Ae = {
568
568
  trigger: "rly_Select-module__trigger",
569
569
  dense: "rly_Select-module__dense",
570
570
  compact: "rly_Select-module__compact",
@@ -575,7 +575,7 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
575
575
  item: "rly_Select-module__item",
576
576
  itemIndicator: "rly_Select-module__itemIndicator",
577
577
  scrollButton: "rly_Select-module__scrollButton"
578
- }, q = (e) => o(ke, e), Ae = c({ size: {
578
+ }, q = (e) => o(Ae, e), je = c({ size: {
579
579
  dense: {
580
580
  className: q("dense"),
581
581
  purpose: "Tool-density selection control; the default",
@@ -591,7 +591,7 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
591
591
  purpose: "Standard selection control",
592
592
  tokens: ["control-height-default", "type-body"]
593
593
  }
594
- } }), je = c({ size: "dense" }), Me = (e, t) => {
594
+ } }), Me = c({ size: "dense" }), Ne = (e, t) => {
595
595
  if (!t && !e.some((e) => !e.disabled)) throw Error("Select options must contain at least one enabled option");
596
596
  let n = /* @__PURE__ */ new Set();
597
597
  for (let t of e) {
@@ -600,15 +600,15 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
600
600
  if (n.has(e)) throw Error(`Duplicate Select option value: ${e}`);
601
601
  n.add(e);
602
602
  }
603
- }, Ne = /* @__PURE__ */ De((n) => {
604
- let r = "value" in n, { "aria-describedby": a, "aria-errormessage": o, "aria-invalid": s, "aria-label": c, "aria-labelledby": l, "aria-required": d, autoComplete: f, className: m, defaultOpen: g, defaultValue: _, disabled: v = !1, form: y, id: b, name: x, onBlur: w, onFocus: T, onKeyDown: E, onOpenChange: D, onValueChange: O, open: k, options: A, placeholder: j = "Select an option", ref: M, required: N = !1, size: P = je.size, tabIndex: ee, value: te } = n;
605
- Me(A, v), i(c ?? l, c === void 0 ? "Select aria-labelledby" : "Select aria-label");
606
- let F = i(j, "Select placeholder"), I = te ?? _, L = I === void 0 ? void 0 : A.find((e) => e.value === I);
607
- if (I !== void 0 && L === void 0) throw Error(`Select value does not match an option: ${I}`);
608
- let ne = r ? L?.label : void 0;
609
- return /* @__PURE__ */ C(p.Root, {
603
+ }, Pe = /* @__PURE__ */ Oe((n) => {
604
+ let r = "value" in n, { "aria-describedby": a, "aria-errormessage": o, "aria-invalid": s, "aria-label": c, "aria-labelledby": l, "aria-required": d, autoComplete: f, className: m, defaultOpen: h, defaultValue: _, disabled: v = !1, form: y, id: b, name: x, onBlur: S, onFocus: T, onKeyDown: E, onOpenChange: D, onValueChange: O, open: k, options: A, placeholder: j = "Select an option", ref: M, required: N = !1, size: P = Me.size, tabIndex: F, value: I } = n;
605
+ Ne(A, v), i(c ?? l, c === void 0 ? "Select aria-labelledby" : "Select aria-label");
606
+ let ee = i(j, "Select placeholder"), L = I ?? _, R = L === void 0 ? void 0 : A.find((e) => e.value === L);
607
+ if (L !== void 0 && R === void 0) throw Error(`Select value does not match an option: ${L}`);
608
+ let te = r ? R?.label : void 0;
609
+ return /* @__PURE__ */ w(p.Root, {
610
610
  ...f === void 0 ? {} : { autoComplete: f },
611
- ...g === void 0 ? {} : { defaultOpen: g },
611
+ ...h === void 0 ? {} : { defaultOpen: h },
612
612
  ..._ === void 0 ? {} : { defaultValue: _ },
613
613
  disabled: v,
614
614
  ...y === void 0 ? {} : { form: y },
@@ -617,74 +617,74 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
617
617
  ...O === void 0 ? {} : { onValueChange: O },
618
618
  ...k === void 0 ? {} : { open: k },
619
619
  required: N,
620
- ...r ? { value: te ?? "" } : {},
621
- children: [/* @__PURE__ */ C(p.Trigger, {
620
+ ...r ? { value: I ?? "" } : {},
621
+ children: [/* @__PURE__ */ w(p.Trigger, {
622
622
  "aria-describedby": a,
623
623
  "aria-errormessage": o,
624
624
  "aria-invalid": s,
625
625
  "aria-label": c,
626
626
  "aria-labelledby": l,
627
627
  "aria-required": d ?? (N ? !0 : void 0),
628
- className: u(q("trigger"), Ae.size[P].className, m),
628
+ className: u(q("trigger"), je.size[P].className, m),
629
629
  id: b,
630
- onBlur: w,
630
+ onBlur: S,
631
631
  onFocus: T,
632
632
  onKeyDown: E,
633
633
  ref: M,
634
- tabIndex: ee,
635
- children: [/* @__PURE__ */ S(p.Value, {
636
- placeholder: F,
637
- children: ne
638
- }), /* @__PURE__ */ S(p.Icon, {
634
+ tabIndex: F,
635
+ children: [/* @__PURE__ */ C(p.Value, {
636
+ placeholder: ee,
637
+ children: te
638
+ }), /* @__PURE__ */ C(p.Icon, {
639
639
  asChild: !0,
640
- children: /* @__PURE__ */ S("span", {
640
+ children: /* @__PURE__ */ C("span", {
641
641
  "aria-hidden": "true",
642
642
  className: q("triggerIcon"),
643
- children: /* @__PURE__ */ S(e, {
643
+ children: /* @__PURE__ */ C(e, {
644
644
  decorative: !0,
645
645
  name: "chevron-down",
646
646
  size: "small"
647
647
  })
648
648
  })
649
649
  })]
650
- }), /* @__PURE__ */ S(t, { children: (t) => /* @__PURE__ */ S(p.Portal, {
650
+ }), /* @__PURE__ */ C(t, { children: (t) => /* @__PURE__ */ C(p.Portal, {
651
651
  container: t,
652
- children: /* @__PURE__ */ C(p.Content, {
652
+ children: /* @__PURE__ */ w(p.Content, {
653
653
  align: "start",
654
- className: u(q("content"), Ae.size[P].className),
654
+ className: u(q("content"), je.size[P].className),
655
655
  position: "popper",
656
656
  sideOffset: 6,
657
657
  children: [
658
- /* @__PURE__ */ S(p.ScrollUpButton, {
658
+ /* @__PURE__ */ C(p.ScrollUpButton, {
659
659
  "aria-hidden": "true",
660
660
  className: q("scrollButton"),
661
- children: /* @__PURE__ */ S(e, {
661
+ children: /* @__PURE__ */ C(e, {
662
662
  decorative: !0,
663
663
  name: "chevron-up",
664
664
  size: "small"
665
665
  })
666
666
  }),
667
- /* @__PURE__ */ S(p.Viewport, {
667
+ /* @__PURE__ */ C(p.Viewport, {
668
668
  className: q("viewport"),
669
- children: A.map((t) => /* @__PURE__ */ h(p.Item, {
669
+ children: A.map((t) => /* @__PURE__ */ g(p.Item, {
670
670
  className: q("item"),
671
671
  ...t.disabled === void 0 ? {} : { disabled: t.disabled },
672
672
  key: t.value,
673
673
  textValue: t.label,
674
674
  value: t.value
675
- }, /* @__PURE__ */ S(p.ItemText, { children: t.label }), /* @__PURE__ */ S(p.ItemIndicator, {
675
+ }, /* @__PURE__ */ C(p.ItemText, { children: t.label }), /* @__PURE__ */ C(p.ItemIndicator, {
676
676
  className: q("itemIndicator"),
677
- children: /* @__PURE__ */ S(e, {
677
+ children: /* @__PURE__ */ C(e, {
678
678
  decorative: !0,
679
679
  name: "check",
680
680
  size: "small"
681
681
  })
682
682
  })))
683
683
  }),
684
- /* @__PURE__ */ S(p.ScrollDownButton, {
684
+ /* @__PURE__ */ C(p.ScrollDownButton, {
685
685
  "aria-hidden": "true",
686
686
  className: q("scrollButton"),
687
- children: /* @__PURE__ */ S(e, {
687
+ children: /* @__PURE__ */ C(e, {
688
688
  decorative: !0,
689
689
  name: "chevron-down",
690
690
  size: "small"
@@ -694,12 +694,12 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
694
694
  })
695
695
  }) })]
696
696
  });
697
- }), Pe = {
697
+ }), Fe = {
698
698
  root: "rly_Skeleton-module__root",
699
699
  text: "rly_Skeleton-module__text",
700
700
  block: "rly_Skeleton-module__block",
701
701
  circle: "rly_Skeleton-module__circle"
702
- }, J = (e) => o(Pe, e), Fe = c({ variant: {
702
+ }, J = (e) => o(Fe, e), Ie = c({ variant: {
703
703
  text: {
704
704
  className: J("text"),
705
705
  purpose: "A line of unavailable copy",
@@ -715,25 +715,25 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
715
715
  purpose: "A circular unavailable image",
716
716
  tokens: ["radius-round"]
717
717
  }
718
- } }), Ie = c({ variant: "text" }), Le = ({ className: e, decorative: t = !0, height: n, label: r, style: a, variant: o = "text", width: s, ...c }) => {
718
+ } }), Le = c({ variant: "text" }), Re = ({ className: e, decorative: t = !0, height: n, label: r, style: a, variant: o = "text", width: s, ...c }) => {
719
719
  if (!t && r === void 0) throw Error("Skeleton label must contain visible text");
720
720
  let l = t || r === void 0 ? void 0 : i(r, "Skeleton label"), d = {
721
721
  ...n !== void 0 && { blockSize: n },
722
722
  ...s !== void 0 && { inlineSize: s }
723
723
  };
724
- return /* @__PURE__ */ S("div", {
724
+ return /* @__PURE__ */ C("div", {
725
725
  ...c,
726
726
  "aria-busy": t ? void 0 : "true",
727
727
  "aria-hidden": t ? "true" : void 0,
728
728
  "aria-label": l,
729
- className: u(J("root"), Fe.variant[o].className, e),
729
+ className: u(J("root"), Ie.variant[o].className, e),
730
730
  role: t ? "presentation" : "status",
731
731
  style: {
732
732
  ...a,
733
733
  ...d
734
734
  }
735
735
  });
736
- }, Re = {
736
+ }, ze = {
737
737
  root: "rly_StatePanel-module__root",
738
738
  neutral: "rly_StatePanel-module__neutral",
739
739
  positive: "rly_StatePanel-module__positive",
@@ -745,7 +745,7 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
745
745
  title: "rly_StatePanel-module__title",
746
746
  description: "rly_StatePanel-module__description",
747
747
  action: "rly_StatePanel-module__action"
748
- }, Y = (e) => o(Re, e), ze = c({ tone: {
748
+ }, Y = (e) => o(ze, e), Be = c({ tone: {
749
749
  neutral: {
750
750
  className: Y("neutral"),
751
751
  purpose: "Neutral explanatory state",
@@ -771,46 +771,46 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
771
771
  purpose: "Work currently in progress",
772
772
  tokens: ["color-deploying-ink"]
773
773
  }
774
- } }), Be = c({ tone: "neutral" }), Ve = {
774
+ } }), Ve = c({ tone: "neutral" }), He = {
775
775
  neutral: void 0,
776
776
  positive: "check",
777
777
  critical: "alert",
778
778
  caution: "clock",
779
779
  progress: "loader"
780
- }, He = ({ action: t, announce: n = "off", className: r, description: a, icon: o, title: s, tone: c = "neutral", ...l }) => {
781
- let d = n === "assertive" ? "alert" : n === "polite" ? "status" : l.role, f = o ?? Ve[c];
782
- return /* @__PURE__ */ C("section", {
780
+ }, Ue = ({ action: t, announce: n = "off", className: r, description: a, icon: o, title: s, tone: c = "neutral", ...l }) => {
781
+ let d = n === "assertive" ? "alert" : n === "polite" ? "status" : l.role, f = o ?? He[c];
782
+ return /* @__PURE__ */ w("section", {
783
783
  ...l,
784
784
  "aria-live": n === "off" ? void 0 : n,
785
- className: u(Y("root"), ze.tone[c].className, r),
785
+ className: u(Y("root"), Be.tone[c].className, r),
786
786
  "data-icon": f === void 0 ? "none" : void 0,
787
787
  role: d,
788
- children: [f === void 0 ? null : /* @__PURE__ */ S("span", {
788
+ children: [f === void 0 ? null : /* @__PURE__ */ C("span", {
789
789
  "aria-hidden": "true",
790
790
  className: Y("icon"),
791
- children: /* @__PURE__ */ S(e, {
791
+ children: /* @__PURE__ */ C(e, {
792
792
  decorative: !0,
793
793
  name: f
794
794
  })
795
- }), /* @__PURE__ */ C("div", {
795
+ }), /* @__PURE__ */ w("div", {
796
796
  className: Y("content"),
797
797
  children: [
798
- /* @__PURE__ */ S("strong", {
798
+ /* @__PURE__ */ C("strong", {
799
799
  className: Y("title"),
800
800
  children: i(s, "StatePanel title")
801
801
  }),
802
- a === void 0 ? null : /* @__PURE__ */ S("div", {
802
+ a === void 0 ? null : /* @__PURE__ */ C("div", {
803
803
  className: Y("description"),
804
804
  children: a
805
805
  }),
806
- t === void 0 ? null : /* @__PURE__ */ S("div", {
806
+ t === void 0 ? null : /* @__PURE__ */ C("div", {
807
807
  className: Y("action"),
808
808
  children: t
809
809
  })
810
810
  ]
811
811
  })]
812
812
  });
813
- }, Ue = {
813
+ }, We = {
814
814
  root: "rly_Field-module__root",
815
815
  label: "rly_Field-module__label",
816
816
  required: "rly_Field-module__required",
@@ -821,7 +821,7 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
821
821
  dense: "rly_Field-module__dense",
822
822
  compact: "rly_Field-module__compact",
823
823
  defaultSize: "rly_Field-module__defaultSize"
824
- }, X = (e) => o(Ue, e), We = [
824
+ }, X = (e) => o(We, e), Ge = [
825
825
  "aria-describedby",
826
826
  "aria-errormessage",
827
827
  "aria-invalid",
@@ -829,12 +829,12 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
829
829
  "aria-required",
830
830
  "id",
831
831
  "required"
832
- ], Ge = /* @__PURE__ */ new Set([
832
+ ], Ke = /* @__PURE__ */ new Set([
833
833
  "button",
834
834
  "input",
835
835
  "select",
836
836
  "textarea"
837
- ]), Ke = c({ size: {
837
+ ]), qe = c({ size: {
838
838
  dense: {
839
839
  className: X("dense"),
840
840
  purpose: "Tool-density form controls; the default",
@@ -850,10 +850,10 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
850
850
  purpose: "Standard form controls",
851
851
  tokens: ["control-height-default", "type-label"]
852
852
  }
853
- } }), qe = c({ size: "dense" }), Je = ({ children: e, className: t, controlId: n, description: o, error: c, label: l, required: d = !1, size: f = qe.size, ...p }) => {
854
- let m = v(), h = n ?? `rly-field-${m}`, g = `${h}-label`, _ = o === void 0 ? void 0 : `${h}-description`, y = c === void 0 ? void 0 : `${h}-error`, b = {
855
- "aria-describedby": [_, y].filter((e) => e !== void 0).join(" ") || void 0,
856
- "aria-errormessage": y,
853
+ } }), Je = c({ size: "dense" }), Ye = ({ children: e, className: t, controlId: n, description: o, error: c, label: l, required: d = !1, size: f = Je.size, ...p }) => {
854
+ let m = y(), h = n ?? `rly-field-${m}`, g = `${h}-label`, _ = o === void 0 ? void 0 : `${h}-description`, v = c === void 0 ? void 0 : `${h}-error`, b = {
855
+ "aria-describedby": [_, v].filter((e) => e !== void 0).join(" ") || void 0,
856
+ "aria-errormessage": v,
857
857
  "aria-invalid": c !== void 0 || void 0,
858
858
  "aria-labelledby": g,
859
859
  "aria-required": d ? !0 : void 0,
@@ -862,42 +862,110 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
862
862
  }, x = d ? {
863
863
  ...b,
864
864
  required: !0
865
- } : b, w = e(x), T = w.type;
866
- if (!(a(T) ? Ge.has(T) : (s(T) || r(T)) && T !== null && Oe(T))) throw Error("Field children must render one concrete or rly-owned control");
867
- for (let e of We) if (w.props[e] !== x[e]) throw Error(`Field control must apply ${e}`);
868
- if (!w.props.className.split(" ").includes(x.className)) throw Error("Field control must apply className");
869
- return /* @__PURE__ */ C("div", {
865
+ } : b, S = e(x), T = S.type;
866
+ if (!(a(T) ? Ke.has(T) : (s(T) || r(T)) && T !== null && ke(T))) throw Error("Field children must render one concrete or rly-owned control");
867
+ for (let e of Ge) if (S.props[e] !== x[e]) throw Error(`Field control must apply ${e}`);
868
+ if (!S.props.className.split(" ").includes(x.className)) throw Error("Field control must apply className");
869
+ return /* @__PURE__ */ w("div", {
870
870
  ...p,
871
- className: u(X("root"), Ke.size[f].className, t),
871
+ className: u(X("root"), qe.size[f].className, t),
872
872
  "data-error": c === void 0 ? void 0 : "true",
873
873
  children: [
874
- /* @__PURE__ */ C("label", {
874
+ /* @__PURE__ */ w("label", {
875
875
  className: X("label"),
876
876
  htmlFor: h,
877
877
  id: g,
878
- children: [i(l, "Field label"), d ? /* @__PURE__ */ S("span", {
878
+ children: [i(l, "Field label"), d ? /* @__PURE__ */ C("span", {
879
879
  className: X("required"),
880
880
  children: "Required"
881
881
  }) : null]
882
882
  }),
883
- o === void 0 ? null : /* @__PURE__ */ S("p", {
883
+ o === void 0 ? null : /* @__PURE__ */ C("p", {
884
884
  className: X("description"),
885
885
  id: _,
886
886
  children: i(o, "Field description")
887
887
  }),
888
- /* @__PURE__ */ S("div", {
888
+ /* @__PURE__ */ C("div", {
889
889
  className: X("controlSlot"),
890
- children: w
890
+ children: S
891
891
  }),
892
- c === void 0 ? null : /* @__PURE__ */ S("p", {
892
+ c === void 0 ? null : /* @__PURE__ */ C("p", {
893
893
  className: X("error"),
894
- id: y,
894
+ id: v,
895
895
  role: "alert",
896
896
  children: i(c, "Field error")
897
897
  })
898
898
  ]
899
899
  });
900
- }, Ye = {
900
+ }, Xe = {
901
+ root: "rly_Tabs-module__root",
902
+ list: "rly_Tabs-module__list",
903
+ trigger: "rly_Tabs-module__trigger",
904
+ defaultSize: "rly_Tabs-module__defaultSize",
905
+ large: "rly_Tabs-module__large",
906
+ panel: "rly_Tabs-module__panel"
907
+ }, Z = (e) => o(Xe, e), Ze = c({ size: {
908
+ default: {
909
+ className: Z("defaultSize"),
910
+ purpose: "Standard section navigation",
911
+ tokens: [
912
+ "type-label",
913
+ "space-40",
914
+ "space-4"
915
+ ]
916
+ },
917
+ large: {
918
+ className: Z("large"),
919
+ purpose: "Prominent page-level navigation",
920
+ tokens: ["type-body", "space-48"]
921
+ }
922
+ } }), Qe = c({ size: "default" }), $e = (e) => {
923
+ if (e.length === 0) throw Error("Tabs items must contain at least one enabled tab");
924
+ let t = /* @__PURE__ */ new Set(), n;
925
+ for (let r of e) {
926
+ let e = i(r.value, "Tab value");
927
+ if (i(r.label, `Tab label for ${e}`), t.has(e)) throw Error(`Tabs item values must be unique: ${e}`);
928
+ t.add(e), !r.disabled && n === void 0 && (n = r);
929
+ }
930
+ if (n === void 0) throw Error("Tabs items must contain at least one enabled tab");
931
+ return n;
932
+ }, et = ({ "aria-label": e, className: t, defaultValue: n, direction: r, items: a, onValueChange: o, ref: s, size: c = "default", value: l, ...d }) => {
933
+ let f = i(e, "Tabs aria-label"), p = $e(a), h = l ?? n ?? p.value, _ = a.find((e) => e.value === h);
934
+ if (_ === void 0 || _.disabled) throw Error(`Tabs selected value must identify an enabled tab: ${h}`);
935
+ let v = l === void 0 ? o === void 0 ? { defaultValue: h } : {
936
+ defaultValue: h,
937
+ onValueChange: o
938
+ } : {
939
+ onValueChange: o,
940
+ value: l
941
+ }, y = r === void 0 ? {} : { dir: r };
942
+ return /* @__PURE__ */ w(m.Root, {
943
+ ...d,
944
+ ...v,
945
+ ...y,
946
+ activationMode: "automatic",
947
+ className: u(Z("root"), Ze.size[c].className, t),
948
+ orientation: "horizontal",
949
+ ref: s,
950
+ children: [/* @__PURE__ */ C(m.List, {
951
+ "aria-label": f,
952
+ className: Z("list"),
953
+ loop: !0,
954
+ children: a.map((e) => /* @__PURE__ */ C(m.Trigger, {
955
+ className: Z("trigger"),
956
+ "data-tab-value": e.value,
957
+ disabled: e.disabled,
958
+ value: e.value,
959
+ children: e.label
960
+ }, e.value))
961
+ }), a.map((e) => /* @__PURE__ */ g(m.Content, {
962
+ className: Z("panel"),
963
+ ...e.forceMount === void 0 ? {} : { forceMount: e.forceMount },
964
+ key: e.value,
965
+ value: e.value
966
+ }, e.content))]
967
+ });
968
+ }, tt = {
901
969
  layer: "rly_Dialog-module__layer",
902
970
  overlay: "rly_Dialog-module__overlay",
903
971
  content: "rly_Dialog-module__content",
@@ -913,60 +981,60 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
913
981
  "dialog-exit": "rly_Dialog-module__dialog-exit",
914
982
  "dialog-compact-in": "rly_Dialog-module__dialog-compact-in",
915
983
  "dialog-compact-out": "rly_Dialog-module__dialog-compact-out"
916
- }, Z = (e) => o(Ye, e), Xe = m(null), Q = () => {
917
- let e = _(Xe);
984
+ }, Q = (e) => o(tt, e), nt = h(null), rt = () => {
985
+ let e = v(nt);
918
986
  if (e === null) throw Error("Dialog compound components must be nested inside Dialog");
919
987
  return e;
920
- }, Ze = (e, t) => {
988
+ }, it = (e, t) => {
921
989
  s(e) ? e(t) : e != null && (e.current = t);
922
990
  }, $ = () => {
923
991
  try {
924
- return A(document.activeElement) ? document.activeElement : null;
992
+ return j(document.activeElement) ? document.activeElement : null;
925
993
  } catch {
926
994
  return null;
927
995
  }
928
- }, Qe = c({ size: {
996
+ }, at = c({ size: {
929
997
  default: {
930
- className: Z("defaultSize"),
998
+ className: Q("defaultSize"),
931
999
  purpose: "Focused decision or short form",
932
1000
  tokens: ["radius-overlay", "space-32"]
933
1001
  },
934
1002
  wide: {
935
- className: Z("wide"),
1003
+ className: Q("wide"),
936
1004
  purpose: "Detailed comparison or multi-section form",
937
1005
  tokens: ["radius-overlay", "space-64"]
938
1006
  }
939
- } }), $e = c({ size: "default" }), et = ({ children: e, entryMotion: t }) => {
940
- let n = Q(), r = b(null);
941
- return P(), F(r, n.open), /* @__PURE__ */ S("div", {
942
- className: Z("layer"),
1007
+ } }), ot = c({ size: "default" }), st = ({ children: e, entryMotion: t }) => {
1008
+ let n = rt(), r = x(null);
1009
+ return F(), L(r, n.open), /* @__PURE__ */ C("div", {
1010
+ className: Q("layer"),
943
1011
  "data-rly-dialog-entry-motion": t,
944
1012
  "data-rly-dialog-layer": "",
945
1013
  "data-rly-modal-layer": "",
946
1014
  ref: r,
947
1015
  children: e
948
1016
  });
949
- }, tt = Object.freeze({
950
- Close: (e) => /* @__PURE__ */ S(f.Close, {
1017
+ }, ct = Object.freeze({
1018
+ Close: (e) => /* @__PURE__ */ C(f.Close, {
951
1019
  asChild: !0,
952
- children: /* @__PURE__ */ S(V, { ...e })
1020
+ children: /* @__PURE__ */ C(pe, { ...e })
953
1021
  }),
954
1022
  Content: ({ children: e, className: n, description: r, entryMotion: a = "intrinsic", initialFocusRef: o, size: s = "default", title: c, ...l }) => {
955
- let d = Q(), p = O(d.open, a), m = i(c, "Dialog title"), h = r === void 0 ? void 0 : i(r, "Dialog description");
956
- return /* @__PURE__ */ S(t, { children: (t) => /* @__PURE__ */ S(f.Portal, {
1023
+ let d = rt(), p = k(d.open, a), m = i(c, "Dialog title"), h = r === void 0 ? void 0 : i(r, "Dialog description");
1024
+ return /* @__PURE__ */ C(t, { children: (t) => /* @__PURE__ */ C(f.Portal, {
957
1025
  container: t,
958
- children: /* @__PURE__ */ C(et, {
1026
+ children: /* @__PURE__ */ w(st, {
959
1027
  entryMotion: p,
960
- children: [/* @__PURE__ */ S(f.Overlay, {
961
- className: Z("overlay"),
1028
+ children: [/* @__PURE__ */ C(f.Overlay, {
1029
+ className: Q("overlay"),
962
1030
  "data-rly-dialog-overlay": "",
963
1031
  onPointerDown: () => {
964
1032
  d.requestOpenChange(!1);
965
1033
  }
966
- }), /* @__PURE__ */ C(f.Content, {
1034
+ }), /* @__PURE__ */ w(f.Content, {
967
1035
  ...l,
968
1036
  ...h === void 0 ? { "aria-describedby": void 0 } : {},
969
- className: u(Z("content"), Qe.size[s].className, n),
1037
+ className: u(Q("content"), at.size[s].className, n),
970
1038
  onCloseAutoFocus: (e) => {
971
1039
  e.preventDefault();
972
1040
  },
@@ -976,17 +1044,17 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
976
1044
  let n = o?.current;
977
1045
  n != null && (e.preventDefault(), n.focus());
978
1046
  },
979
- children: [/* @__PURE__ */ C("header", {
980
- className: Z("header"),
981
- children: [/* @__PURE__ */ S(f.Title, {
982
- className: Z("title"),
1047
+ children: [/* @__PURE__ */ w("header", {
1048
+ className: Q("header"),
1049
+ children: [/* @__PURE__ */ C(f.Title, {
1050
+ className: Q("title"),
983
1051
  children: m
984
- }), h === void 0 ? null : /* @__PURE__ */ S(f.Description, {
985
- className: Z("description"),
1052
+ }), h === void 0 ? null : /* @__PURE__ */ C(f.Description, {
1053
+ className: Q("description"),
986
1054
  children: h
987
1055
  })]
988
- }), /* @__PURE__ */ S("div", {
989
- className: Z("body"),
1056
+ }), /* @__PURE__ */ C("div", {
1057
+ className: Q("body"),
990
1058
  children: e
991
1059
  })]
992
1060
  })]
@@ -994,21 +1062,21 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
994
1062
  }) });
995
1063
  },
996
1064
  Root: ({ children: e, defaultOpen: t = !1, onOpenChange: n, open: r }) => {
997
- let [i, a] = x(t), o = M(), s = (r ?? i) && o, c = b(s), l = b(null), u = b(s ? $() : null);
1065
+ let [i, a] = S(t), o = N(), s = (r ?? i) && o, c = x(s), l = x(null), u = x(s ? $() : null);
998
1066
  s && !c.current && (u.current = l.current ?? $());
999
1067
  let d = (e) => {
1000
1068
  e && (u.current = l.current ?? $()), r === void 0 && a(e), n?.(e);
1001
1069
  };
1002
- return y(() => {
1003
- c.current !== s && (c.current = s, s ? re() : ie(u.current));
1004
- }, [s]), /* @__PURE__ */ S(j, { children: /* @__PURE__ */ S(Xe.Provider, {
1070
+ return b(() => {
1071
+ c.current !== s && (c.current = s, s ? z() : B(u.current));
1072
+ }, [s]), /* @__PURE__ */ C(M, { children: /* @__PURE__ */ C(nt.Provider, {
1005
1073
  value: {
1006
1074
  open: s,
1007
1075
  requestOpenChange: d,
1008
1076
  restoreTargetRef: u,
1009
1077
  triggerRef: l
1010
1078
  },
1011
- children: /* @__PURE__ */ S(f.Root, {
1079
+ children: /* @__PURE__ */ C(f.Root, {
1012
1080
  modal: !0,
1013
1081
  onOpenChange: d,
1014
1082
  open: s,
@@ -1017,19 +1085,19 @@ var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(
1017
1085
  }) });
1018
1086
  },
1019
1087
  Trigger: ({ ref: e, ...t }) => {
1020
- let n = Q();
1021
- return /* @__PURE__ */ S(f.Trigger, {
1088
+ let n = rt();
1089
+ return /* @__PURE__ */ C(f.Trigger, {
1022
1090
  asChild: !0,
1023
- children: /* @__PURE__ */ S(V, {
1091
+ children: /* @__PURE__ */ C(pe, {
1024
1092
  ...t,
1025
1093
  ref: (t) => {
1026
- n.triggerRef.current = t, Ze(e, t);
1094
+ n.triggerRef.current = t, it(e, t);
1027
1095
  }
1028
1096
  })
1029
1097
  });
1030
1098
  }
1031
1099
  });
1032
1100
  //#endregion
1033
- export { fe as A, U as C, B as D, me as E, P as F, F as I, ne as L, re as M, A as N, se as O, ie as P, N as R, ge as S, V as T, we as _, qe as a, be as b, ze as c, Fe as d, Le as f, Te as g, Ne as h, Je as i, j, oe as k, He as l, Ae as m, $e as n, Ke as o, je as p, Qe as r, Be as s, tt as t, Ie as u, Ce as v, ve as w, G as x, xe as y, M as z };
1101
+ export { de as A, ne as B, xe as C, ve as D, he as E, z as F, N as H, j as I, B as L, ie as M, le as N, pe as O, M as P, F as R, Se as S, ge as T, P as V, je as _, Ze as a, Te as b, Je as c, Be as d, Ue as f, Me as g, Re as h, Qe as i, ae as j, fe as k, qe as l, Ie as m, ot as n, et as o, Le as p, at as r, Ye as s, ct as t, Ve as u, Pe as v, be as w, we as x, Ee as y, L as z };
1034
1102
 
1035
- //# sourceMappingURL=Dialog-B9Ub_gMT.js.map
1103
+ //# sourceMappingURL=Dialog-CU66FqWD.js.map