@versaur/react 1.0.10 → 1.0.12

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 (3) hide show
  1. package/dist/blocks.d.ts +153 -72
  2. package/dist/blocks.js +656 -664
  3. package/package.json +2 -2
package/dist/blocks.js CHANGED
@@ -1,103 +1,103 @@
1
- import { jsxs as N, jsx as r, Fragment as Z } from "react/jsx-runtime";
2
- import { accordionStyles as F, avatarGroupStyles as vt, tabsStyles as D, noResultsStyles as x, attributeListStyles as ht, badgeGroupStyles as ft, cardStyles as _, tableStyles as w, buttonGroupStyles as gt, menuStyles as H, topBarStyles as A, navStyles as j, sidebarStyles as h, bottomBarStyles as P, appLayoutStyles as I, formGroupStyles as U, featuresStyles as W, drawerStyles as Bt, modalStyles as Tt, bottomSheetStyles as St } from "@versaur/core/blocks";
3
- import { ChevronDownIcon as $, ChevronUpIcon as At, MenuIcon as wt, XIcon as X } from "@versaur/icons";
4
- import It, { createContext as L, forwardRef as l, useRef as C, useState as E, useEffect as G, useContext as R, useLayoutEffect as Lt, useId as Rt, useCallback as xt } from "react";
1
+ import { jsxs as y, jsx as o, Fragment as Tt } from "react/jsx-runtime";
2
+ import { accordionStyles as D, avatarGroupStyles as St, tabsStyles as G, noResultsStyles as F, attributeListStyles as wt, badgeGroupStyles as Bt, cardStyles as C, menuStyles as H, tableStyles as B, buttonGroupStyles as At, topBarStyles as L, navStyles as j, sidebarStyles as T, bottomBarStyles as $, appLayoutStyles as x, formGroupStyles as X, featuresStyles as W, drawerStyles as Rt, modalStyles as It, bottomSheetStyles as Lt } from "@versaur/core/blocks";
3
+ import { ChevronDownIcon as Z, XIcon as q } from "@versaur/icons";
4
+ import xt, { createContext as A, forwardRef as n, useRef as M, useState as P, useEffect as z, useContext as R, useLayoutEffect as Ft, useId as O, useCallback as Dt } from "react";
5
5
  import { u as v } from "./use-data-attrs-iPFyfiKN.js";
6
- import { c } from "./cx-B9vmfsc1.js";
7
- import { c as O, I as z, B as k, T as S, H as Ft } from "./tooltip-Zuq8gd0f.js";
8
- import { checkboxStyles as V } from "@versaur/core/forms";
9
- import { overlayPartsStyles as f } from "@versaur/core/utils";
10
- import { c as q, a as ee, O as J, b as Mt } from "./overlay-parts-Zq9CuT31.js";
11
- const te = L(void 0);
12
- function Ht() {
13
- const e = R(te);
6
+ import { c as d } from "./cx-B9vmfsc1.js";
7
+ import { c as ee, I as E, T as I, B as V, H as Mt } from "./tooltip-Zuq8gd0f.js";
8
+ import { checkboxStyles as k } from "@versaur/core/forms";
9
+ import { overlayPartsStyles as w } from "@versaur/core/utils";
10
+ import { c as J, a as te, O as K, b as Ht } from "./overlay-parts-Zq9CuT31.js";
11
+ const ae = A(void 0);
12
+ function Gt() {
13
+ const e = R(ae);
14
14
  if (!e)
15
15
  throw new Error("Accordion.Summary must be used within an Accordion component");
16
16
  return e;
17
17
  }
18
- function Dt({ summary: e, open: t, onOpenChange: a, children: s, className: o, ...i }, d) {
19
- const [m, u] = E(t ?? !1), n = C(null);
20
- G(() => {
18
+ function Pt({ summary: e, open: t, onOpenChange: a, children: s, className: r, ...i }, l) {
19
+ const [m, u] = P(t ?? !1), c = M(null);
20
+ z(() => {
21
21
  t !== void 0 && u(t);
22
- }, [t]), G(() => {
23
- n.current && (n.current.open = m);
22
+ }, [t]), z(() => {
23
+ c.current && (c.current.open = m);
24
24
  }, [m]);
25
25
  const p = () => {
26
26
  const b = !m;
27
27
  u(b), a == null || a(b);
28
- }, y = v({ open: m ? "" : void 0 });
29
- return /* @__PURE__ */ r(te.Provider, { value: { isOpen: m, toggle: p }, children: /* @__PURE__ */ N(
28
+ }, N = v({ open: m ? "" : void 0 });
29
+ return /* @__PURE__ */ o(ae.Provider, { value: { isOpen: m, toggle: p }, children: /* @__PURE__ */ y(
30
30
  "details",
31
31
  {
32
- ref: d || n,
33
- className: c(F.item, o),
32
+ ref: l || c,
33
+ className: d(D.item, r),
34
34
  open: m,
35
- ...y,
35
+ ...N,
36
36
  ...i,
37
37
  children: [
38
38
  e,
39
- /* @__PURE__ */ r("div", { className: F.content, children: s })
39
+ /* @__PURE__ */ o("div", { className: D.content, children: s })
40
40
  ]
41
41
  }
42
42
  ) });
43
43
  }
44
- const ae = l(Dt);
45
- ae.displayName = "Accordion";
46
- const se = l(
47
- ({ children: e, right: t, clamp: a = 2, className: s, ...o }, i) => {
48
- const { isOpen: d, toggle: m } = Ht(), u = C(null), n = (p) => {
44
+ const se = n(Pt);
45
+ se.displayName = "Accordion";
46
+ const oe = n(
47
+ ({ children: e, right: t, clamp: a = 2, className: s, ...r }, i) => {
48
+ const { isOpen: l, toggle: m } = Gt(), u = M(null), c = (p) => {
49
49
  p.preventDefault(), !(u.current && u.current.contains(p.target)) && m();
50
50
  };
51
- return /* @__PURE__ */ N(
51
+ return /* @__PURE__ */ y(
52
52
  "summary",
53
53
  {
54
54
  ref: i,
55
- className: c(F.trigger, s),
56
- onClick: n,
55
+ className: d(D.trigger, s),
56
+ onClick: c,
57
57
  role: "button",
58
- "aria-expanded": d,
59
- ...o,
58
+ "aria-expanded": l,
59
+ ...r,
60
60
  children: [
61
- /* @__PURE__ */ r("span", { className: F.label, style: { "--_clamp": a }, children: e }),
62
- t && /* @__PURE__ */ r("span", { ref: u, className: F.right, children: t }),
63
- /* @__PURE__ */ r("span", { className: F.chevron, children: /* @__PURE__ */ r($, { width: 20, height: 20 }) })
61
+ /* @__PURE__ */ o("span", { className: D.label, style: { "--_clamp": a }, children: e }),
62
+ t && /* @__PURE__ */ o("span", { ref: u, className: D.right, children: t }),
63
+ /* @__PURE__ */ o("span", { className: D.chevron, children: /* @__PURE__ */ o(Z, { width: 20, height: 20 }) })
64
64
  ]
65
65
  }
66
66
  );
67
67
  }
68
68
  );
69
- se.displayName = "Accordion.Summary";
70
- const na = Object.assign(ae, {
71
- Summary: se
72
- }), Ct = l(
69
+ oe.displayName = "Accordion.Summary";
70
+ const na = Object.assign(se, {
71
+ Summary: oe
72
+ }), zt = n(
73
73
  ({
74
74
  direction: e = "horizontal",
75
75
  size: t = "md",
76
76
  align: a = "center",
77
77
  wrap: s = "nowrap",
78
- "aria-label": o = "Avatar group",
78
+ "aria-label": r = "Avatar group",
79
79
  children: i,
80
- className: d,
80
+ className: l,
81
81
  ...m
82
82
  }, u) => {
83
- const n = v({ align: a, direction: e, size: t, wrap: s });
84
- return /* @__PURE__ */ r(
83
+ const c = v({ align: a, direction: e, size: t, wrap: s });
84
+ return /* @__PURE__ */ o(
85
85
  "div",
86
86
  {
87
87
  ref: u,
88
- className: c(vt["avatar-group"], d),
88
+ className: d(St["avatar-group"], l),
89
89
  role: "group",
90
- "aria-label": o,
91
- ...n,
90
+ "aria-label": r,
91
+ ...c,
92
92
  ...m,
93
93
  children: i
94
94
  }
95
95
  );
96
96
  }
97
97
  );
98
- Ct.displayName = "AvatarGroup";
99
- function Gt(e, t) {
100
- G(() => {
98
+ zt.displayName = "AvatarGroup";
99
+ function jt(e, t) {
100
+ z(() => {
101
101
  if (!e.current)
102
102
  return;
103
103
  const a = new ResizeObserver(t);
@@ -106,64 +106,64 @@ function Gt(e, t) {
106
106
  };
107
107
  }, [e, t]);
108
108
  }
109
- const re = L(void 0);
110
- function jt() {
109
+ const re = A(void 0);
110
+ function $t() {
111
111
  const e = R(re);
112
112
  if (!e)
113
113
  throw new Error("Tabs.Item must be used within a Tabs component");
114
114
  return e;
115
115
  }
116
- const oe = l(({ value: e, onChange: t, children: a, className: s }, o) => {
117
- const i = C(null), d = C(/* @__PURE__ */ new Map()), [m, u] = E(0), [n, p] = E(0), y = () => {
118
- const T = d.current.get(e);
119
- if (!T || !i.current)
116
+ const ie = n(({ value: e, onChange: t, children: a, className: s }, r) => {
117
+ const i = M(null), l = M(/* @__PURE__ */ new Map()), [m, u] = P(0), [c, p] = P(0), N = () => {
118
+ const f = l.current.get(e);
119
+ if (!f || !i.current)
120
120
  return;
121
- const B = i.current.getBoundingClientRect(), M = T.getBoundingClientRect(), Nt = M.left - B.left + i.current.scrollLeft, { width: yt } = M;
122
- u(Nt), p(yt), T.scrollIntoView({
121
+ const h = i.current.getBoundingClientRect(), g = f.getBoundingClientRect(), ht = g.left - h.left + i.current.scrollLeft, { width: gt } = g;
122
+ u(ht), p(gt), f.scrollIntoView({
123
123
  behavior: "smooth",
124
124
  block: "nearest",
125
125
  inline: "center"
126
126
  });
127
- }, b = (T, B) => {
128
- B && d.current.set(T, B);
127
+ }, b = (f, h) => {
128
+ h && l.current.set(f, h);
129
129
  };
130
- Lt(() => {
131
- y();
132
- }, [e]), Gt(i, y);
133
- const g = v({});
134
- return /* @__PURE__ */ r(re.Provider, { value: { activeValue: e, onChange: t, registerTrigger: b }, children: /* @__PURE__ */ N("nav", { ref: O(o, i), className: c(D.tabs, s), ...g, children: [
135
- /* @__PURE__ */ r("ul", { className: D.tablist, role: "tablist", children: a }),
136
- /* @__PURE__ */ r(
130
+ Ft(() => {
131
+ N();
132
+ }, [e]), jt(i, N);
133
+ const S = v({});
134
+ return /* @__PURE__ */ o(re.Provider, { value: { activeValue: e, onChange: t, registerTrigger: b }, children: /* @__PURE__ */ y("nav", { ref: ee(r, i), className: d(G.tabs, s), ...S, children: [
135
+ /* @__PURE__ */ o("ul", { className: G.tablist, role: "tablist", children: a }),
136
+ /* @__PURE__ */ o(
137
137
  "div",
138
138
  {
139
- className: D["tabs-thumb"],
139
+ className: G["tabs-thumb"],
140
140
  style: {
141
141
  left: `${m}px`,
142
- width: `${n}px`
142
+ width: `${c}px`
143
143
  }
144
144
  }
145
145
  )
146
146
  ] }) });
147
147
  });
148
- oe.displayName = "Tabs";
149
- const ie = l(
150
- ({ value: e, disabled: t = !1, children: a, className: s }, o) => {
151
- const { activeValue: i, onChange: d, registerTrigger: m } = jt(), u = i === e;
152
- let n;
153
- t ? n = "disabled" : u ? n = "active" : n = "default";
148
+ ie.displayName = "Tabs";
149
+ const le = n(
150
+ ({ value: e, disabled: t = !1, children: a, className: s }, r) => {
151
+ const { activeValue: i, onChange: l, registerTrigger: m } = $t(), u = i === e;
152
+ let c;
153
+ t ? c = "disabled" : u ? c = "active" : c = "default";
154
154
  const p = () => {
155
- t || d(e);
155
+ t || l(e);
156
156
  };
157
- return /* @__PURE__ */ r("li", { className: D.tabitem, children: /* @__PURE__ */ r(
157
+ return /* @__PURE__ */ o("li", { className: G.tabitem, children: /* @__PURE__ */ o(
158
158
  "button",
159
159
  {
160
- ref: O(o, (y) => m(e, y)),
161
- className: c(D.trigger, s),
160
+ ref: ee(r, (N) => m(e, N)),
161
+ className: d(G.trigger, s),
162
162
  role: "tab",
163
163
  id: `tabs-trigger-${e}`,
164
164
  "aria-selected": u,
165
165
  "aria-controls": `tabs-panel-${e}`,
166
- "data-state": n,
166
+ "data-state": c,
167
167
  disabled: t,
168
168
  onClick: p,
169
169
  children: a
@@ -171,460 +171,452 @@ const ie = l(
171
171
  ) });
172
172
  }
173
173
  );
174
- ie.displayName = "Tabs.Item";
175
- function Pt(e) {
174
+ le.displayName = "Tabs.Item";
175
+ function Et(e) {
176
176
  return {
177
177
  "aria-labelledby": `tabs-trigger-${e}`,
178
178
  id: `tabs-panel-${e}`,
179
179
  role: "tabpanel"
180
180
  };
181
181
  }
182
- const ca = Object.assign(oe, {
183
- Item: ie,
184
- getPanelAttribute: Pt
185
- }), $t = l(
186
- ({ icon: e, title: t, subtitle: a, action: s, className: o, ...i }, d) => /* @__PURE__ */ N(
182
+ const da = Object.assign(ie, {
183
+ Item: le,
184
+ getPanelAttribute: Et
185
+ }), _t = n(
186
+ ({ icon: e, title: t, subtitle: a, action: s, className: r, ...i }, l) => /* @__PURE__ */ y(
187
187
  "section",
188
188
  {
189
- ref: d,
190
- className: c(x["no-results"], o),
189
+ ref: l,
190
+ className: d(F["no-results"], r),
191
191
  role: "status",
192
192
  "aria-label": t,
193
193
  ...i,
194
194
  children: [
195
- /* @__PURE__ */ N("header", { className: x["no-results-header"], children: [
196
- /* @__PURE__ */ r("div", { className: x["no-results-icon"], children: /* @__PURE__ */ r(z, { as: e, color: "inherit", "aria-hidden": "true" }) }),
197
- /* @__PURE__ */ r("h5", { className: x["no-results-title"], children: t })
195
+ /* @__PURE__ */ y("header", { className: F["no-results-header"], children: [
196
+ /* @__PURE__ */ o("div", { className: F["no-results-icon"], children: /* @__PURE__ */ o(E, { as: e, color: "inherit", "aria-hidden": "true" }) }),
197
+ /* @__PURE__ */ o("h5", { className: F["no-results-title"], children: t })
198
198
  ] }),
199
- a && /* @__PURE__ */ r("p", { className: x["no-results-subtitle"], children: a }),
200
- s && /* @__PURE__ */ r("div", { className: x["no-results-action"], role: "group", "aria-label": "Available actions", children: s })
199
+ a && /* @__PURE__ */ o("p", { className: F["no-results-subtitle"], children: a }),
200
+ s && /* @__PURE__ */ o("div", { className: F["no-results-action"], role: "group", "aria-label": "Available actions", children: s })
201
201
  ]
202
202
  }
203
203
  )
204
204
  );
205
- $t.displayName = "NoResults";
206
- const le = l(
207
- ({ layout: e, columns: t = "repeat(3, 1fr)", gap: a, children: s, className: o, style: i, ...d }, m) => {
205
+ _t.displayName = "NoResults";
206
+ const ce = n(
207
+ ({ layout: e, columns: t = "repeat(3, 1fr)", gap: a, children: s, className: r, style: i, ...l }, m) => {
208
208
  const u = v({
209
209
  layout: e
210
210
  });
211
- return /* @__PURE__ */ r(
211
+ return /* @__PURE__ */ o(
212
212
  "dl",
213
213
  {
214
214
  ref: m,
215
- className: c(ht["attribute-list"], o),
215
+ className: d(wt["attribute-list"], r),
216
216
  ...u,
217
217
  style: {
218
218
  "--_columns": t,
219
219
  ...a !== void 0 && { "--_gap": typeof a == "number" ? `${a}px` : a },
220
220
  ...i
221
221
  },
222
- ...d,
222
+ ...l,
223
223
  children: s
224
224
  }
225
225
  );
226
226
  }
227
227
  );
228
- le.displayName = "AttributeList";
229
- const ne = l(
230
- ({ title: e, area: t, children: a, className: s, style: o, ...i }, d) => /* @__PURE__ */ N(
228
+ ce.displayName = "AttributeList";
229
+ const ne = n(
230
+ ({ title: e, area: t, children: a, className: s, style: r, ...i }, l) => /* @__PURE__ */ y(
231
231
  "div",
232
232
  {
233
- ref: d,
234
- className: c(s),
233
+ ref: l,
234
+ className: d(s),
235
235
  style: {
236
236
  "--_area": t,
237
- ...o
237
+ ...r
238
238
  },
239
239
  ...i,
240
240
  children: [
241
- /* @__PURE__ */ r("dt", { children: e }),
242
- /* @__PURE__ */ r("dd", { children: a })
241
+ /* @__PURE__ */ o("dt", { children: e }),
242
+ /* @__PURE__ */ o("dd", { children: a })
243
243
  ]
244
244
  }
245
245
  )
246
246
  );
247
247
  ne.displayName = "AttributeList.Item";
248
- const da = Object.assign(le, {
248
+ const ma = Object.assign(ce, {
249
249
  Item: ne
250
- }), Et = l(
250
+ }), Ct = n(
251
251
  ({
252
252
  gap: e = "md",
253
253
  direction: t = "horizontal",
254
254
  align: a = "center",
255
255
  wrap: s = "nowrap",
256
- "aria-label": o = "Badge group",
256
+ "aria-label": r = "Badge group",
257
257
  children: i,
258
- className: d,
258
+ className: l,
259
259
  ...m
260
260
  }, u) => {
261
- const n = v({
261
+ const c = v({
262
262
  align: a,
263
263
  direction: t,
264
264
  gap: e,
265
265
  wrap: s
266
266
  });
267
- return /* @__PURE__ */ r(
267
+ return /* @__PURE__ */ o(
268
268
  "div",
269
269
  {
270
270
  ref: u,
271
- className: c(ft["badge-group"], d),
271
+ className: d(Bt["badge-group"], l),
272
272
  role: "group",
273
- "aria-label": o,
274
- ...n,
273
+ "aria-label": r,
274
+ ...c,
275
275
  ...m,
276
276
  children: i
277
277
  }
278
278
  );
279
279
  }
280
280
  );
281
- Et.displayName = "BadgeGroup";
282
- function zt({ as: e = "div", size: t = "md", border: a, children: s, className: o, ...i }, d) {
281
+ Ct.displayName = "BadgeGroup";
282
+ function Vt({ as: e = "div", size: t = "md", border: a, children: s, className: r, ...i }, l) {
283
283
  const m = v({
284
284
  border: a,
285
285
  interactive: e === "button" ? "true" : "false",
286
286
  size: t
287
287
  });
288
- return /* @__PURE__ */ r(e === "button" ? "button" : "div", { ref: d, className: c(_.card, o), ...m, ...i, children: s });
288
+ return /* @__PURE__ */ o(e === "button" ? "button" : "div", { ref: l, className: d(C.card, r), ...m, ...i, children: s });
289
289
  }
290
- const ce = l(
291
- zt
292
- );
293
- ce.displayName = "Card";
294
- const de = l(
295
- ({ justify: e, gap: t, children: a, className: s, ...o }, i) => {
296
- const d = v({ gap: t, justify: e });
297
- return /* @__PURE__ */ r("div", { ref: i, className: c(_.header, s), ...d, ...o, children: a });
298
- }
299
- );
300
- de.displayName = "Card.Header";
301
- const me = l(
302
- ({ align: e, gap: t, children: a, className: s, ...o }, i) => {
303
- const d = v({ align: e, gap: t });
304
- return /* @__PURE__ */ r("div", { ref: i, className: c(_.body, s), ...d, ...o, children: a });
305
- }
290
+ const de = n(
291
+ Vt
306
292
  );
307
- me.displayName = "Card.Body";
308
- const ue = l(
309
- ({ justify: e, gap: t, children: a, className: s, ...o }, i) => {
310
- const d = v({ gap: t, justify: e });
311
- return /* @__PURE__ */ r("div", { ref: i, className: c(_.footer, s), ...d, ...o, children: a });
293
+ de.displayName = "Card";
294
+ const me = n(
295
+ ({ justify: e, gap: t, children: a, className: s, ...r }, i) => {
296
+ const l = v({ gap: t, justify: e });
297
+ return /* @__PURE__ */ o("div", { ref: i, className: d(C.header, s), ...l, ...r, children: a });
312
298
  }
313
299
  );
314
- ue.displayName = "Card.Footer";
315
- const ma = Object.assign(ce, {
316
- Body: me,
317
- Footer: ue,
318
- Header: de
319
- }), pe = l(({ className: e, ...t }, a) => /* @__PURE__ */ r("thead", { ref: a, className: c(w["table-header"], e), ...t }));
320
- pe.displayName = "Table.Header";
321
- const be = l(({ className: e, ...t }, a) => /* @__PURE__ */ r("tbody", { ref: a, className: c(w["table-body"], e), ...t }));
322
- be.displayName = "Table.Body";
323
- const Ne = l(({ className: e, ...t }, a) => /* @__PURE__ */ r("tfoot", { ref: a, className: c(w["table-footer"], e), ...t }));
324
- Ne.displayName = "Table.Footer";
325
- const ye = l(({ onClick: e, className: t, ...a }, s) => /* @__PURE__ */ r("tr", { ref: s, className: c(t), "data-clickable": e ? "true" : void 0, onClick: e, ...a }));
326
- ye.displayName = "Table.Row";
327
- const ve = l(
328
- ({ sortable: e, sortDirection: t, onSort: a, children: s, className: o, ...i }, d) => {
329
- const m = () => {
330
- if (!e || !a)
331
- return;
332
- let n = "asc";
333
- t === "asc" ? n = "desc" : t === "desc" && (n = null), a(n);
334
- }, u = v({
335
- sortable: e ? "true" : void 0
336
- });
337
- return /* @__PURE__ */ r(
338
- "th",
339
- {
340
- ref: d,
341
- className: c(w["table-head"], o),
342
- onClick: e ? m : void 0,
343
- ...u,
344
- ...i,
345
- children: /* @__PURE__ */ N(
346
- "div",
347
- {
348
- style: {
349
- alignItems: "center",
350
- display: "flex",
351
- gap: "0.5rem",
352
- justifyContent: "flex-start"
353
- },
354
- children: [
355
- s,
356
- e && /* @__PURE__ */ N(Z, { children: [
357
- t === "asc" && /* @__PURE__ */ r(At, { style: { flexShrink: 0, height: "1em", width: "1em" } }),
358
- t === "desc" && /* @__PURE__ */ r($, { style: { flexShrink: 0, height: "1em", width: "1em" } }),
359
- !t && /* @__PURE__ */ r(
360
- $,
361
- {
362
- style: {
363
- flexShrink: 0,
364
- height: "1em",
365
- opacity: 0.5,
366
- width: "1em"
367
- }
368
- }
369
- )
370
- ] })
371
- ]
372
- }
373
- )
374
- }
375
- );
300
+ me.displayName = "Card.Header";
301
+ const ue = n(
302
+ ({ align: e, gap: t, children: a, className: s, ...r }, i) => {
303
+ const l = v({ align: e, gap: t });
304
+ return /* @__PURE__ */ o("div", { ref: i, className: d(C.body, s), ...l, ...r, children: a });
376
305
  }
377
306
  );
378
- ve.displayName = "Table.HeaderCell";
379
- const he = l(({ variant: e, className: t, ...a }, s) => /* @__PURE__ */ r("td", { ref: s, className: c(w["table-cell"], t), "data-table-cell-variant": e, ...a }));
380
- he.displayName = "Table.BodyCell";
381
- const fe = l(
382
- ({ rowId: e, checked: t, indeterminate: a, onChange: s }, o) => /* @__PURE__ */ N("label", { className: V.checkbox, children: [
383
- /* @__PURE__ */ r(
384
- "input",
385
- {
386
- ref: (i) => {
387
- i && (i.indeterminate = a || !1, typeof o == "function" ? o(i) : o && (o.current = i));
388
- },
389
- type: "checkbox",
390
- className: V.input,
391
- checked: t || !1,
392
- onChange: (i) => s(i.target.checked),
393
- "aria-label": `Select row ${e}`
394
- }
395
- ),
396
- /* @__PURE__ */ r("span", { className: V.indicator })
397
- ] })
398
- );
399
- fe.displayName = "Table.Checkbox";
400
- const ge = l(
401
- ({ title: e, subtitle: t, size: a = "md", className: s }, o) => {
402
- const i = {
403
- title: {
404
- sm: "0.875rem",
405
- md: "0.9375rem",
406
- lg: "1rem"
407
- },
408
- subtitle: {
409
- sm: "0.75rem",
410
- md: "0.8125rem",
411
- lg: "0.875rem"
412
- }
413
- };
414
- return /* @__PURE__ */ N("div", { ref: o, className: c(w["table-cell"], s), "data-table-cell-variant": "double-line", children: [
415
- /* @__PURE__ */ r(
416
- "div",
417
- {
418
- style: {
419
- fontWeight: 600,
420
- fontSize: i.title[a]
421
- },
422
- children: e
423
- }
424
- ),
425
- /* @__PURE__ */ r(
426
- "div",
427
- {
428
- style: {
429
- fontSize: i.subtitle[a],
430
- color: "#6b7280"
431
- },
432
- children: t
433
- }
434
- )
435
- ] });
307
+ ue.displayName = "Card.Body";
308
+ const pe = n(
309
+ ({ justify: e, gap: t, children: a, className: s, ...r }, i) => {
310
+ const l = v({ gap: t, justify: e });
311
+ return /* @__PURE__ */ o("div", { ref: i, className: d(C.footer, s), ...l, ...r, children: a });
436
312
  }
437
313
  );
438
- ge.displayName = "Table.DoubleLine";
439
- const Be = l(({ onClick: e, disabled: t }, a) => /* @__PURE__ */ r(
440
- k,
441
- {
442
- ref: a,
443
- as: wt,
444
- onClick: (o) => {
445
- o.stopPropagation(), e == null || e();
446
- },
447
- disabled: t,
448
- variant: "ghost",
449
- size: "medium",
450
- "aria-label": "Action button"
451
- }
452
- ));
453
- Be.displayName = "Table.Action";
454
- const Te = l(
455
- ({ columns: e, children: t, className: a, ...s }, o) => /* @__PURE__ */ r(
456
- "div",
457
- {
458
- ref: o,
459
- className: c(w.table, a),
460
- style: {
461
- "--table-grid-columns": e
462
- },
463
- ...s,
464
- children: /* @__PURE__ */ r("table", { children: t })
465
- }
466
- )
467
- );
468
- Te.displayName = "Table";
469
- const ua = Object.assign(Te, {
470
- Action: Be,
471
- Body: be,
472
- BodyCell: he,
473
- Checkbox: fe,
474
- DoubleLine: ge,
475
- Footer: Ne,
476
- Header: pe,
477
- HeaderCell: ve,
478
- Row: ye
479
- }), _t = l(
480
- ({
481
- gap: e = "md",
482
- direction: t = "horizontal",
483
- align: a = "center",
484
- wrap: s = "nowrap",
485
- fluid: o = !1,
486
- "aria-label": i = "Button group",
487
- children: d,
488
- className: m,
489
- ...u
490
- }, n) => {
491
- const p = v({
492
- align: a,
493
- direction: t,
494
- fluid: o,
495
- gap: e,
496
- wrap: s
497
- });
498
- return /* @__PURE__ */ r(
499
- "div",
500
- {
501
- ref: n,
502
- className: c(gt["button-group"], m),
503
- role: "group",
504
- "aria-label": i,
505
- ...p,
506
- ...u,
507
- children: d
508
- }
509
- );
510
- }
511
- );
512
- _t.displayName = "ButtonGroup";
513
- const Se = L(void 0), Ae = l(
314
+ pe.displayName = "Card.Footer";
315
+ const ua = Object.assign(de, {
316
+ Body: ue,
317
+ Footer: pe,
318
+ Header: me
319
+ }), be = A(void 0), Ne = n(
514
320
  ({
515
321
  id: e,
516
322
  placement: t = "bottom",
517
323
  maxHeight: a = 400,
518
324
  minWidth: s = 160,
519
- maxWidth: o = 320,
325
+ maxWidth: r = 320,
520
326
  gap: i = 8,
521
- value: d,
327
+ value: l,
522
328
  onChange: m,
523
329
  closeOnClick: u = !1,
524
- children: n,
330
+ children: c,
525
331
  ...p
526
- }, y) => {
332
+ }, N) => {
527
333
  const b = {
528
334
  id: e,
529
335
  closeOnClick: u,
530
336
  onChange: m,
531
- value: d
337
+ value: l
532
338
  };
533
- return /* @__PURE__ */ r("div", { ref: y, ...p, children: /* @__PURE__ */ r(Se.Provider, { value: b, children: /* @__PURE__ */ r(S, { id: e, placement: t, gap: i, triggerType: "focus", children: /* @__PURE__ */ r(
339
+ return /* @__PURE__ */ o("div", { ref: N, ...p, children: /* @__PURE__ */ o(be.Provider, { value: b, children: /* @__PURE__ */ o(I, { id: e, placement: t, gap: i, triggerType: "focus", children: /* @__PURE__ */ o(
534
340
  "div",
535
341
  {
536
342
  className: H["menu-list"],
537
343
  style: {
538
344
  "--_max-height": `${a}px`,
539
- "--_max-width": `${o}px`,
345
+ "--_max-width": `${r}px`,
540
346
  "--_min-width": `${s}px`
541
347
  },
542
- children: n
348
+ children: c
543
349
  }
544
350
  ) }) }) });
545
351
  }
546
352
  );
547
- Ae.displayName = "Menu";
353
+ Ne.displayName = "Menu";
548
354
  function kt(e) {
549
- return S.getTooltipTriggerProps({
355
+ return I.getTooltipTriggerProps({
550
356
  id: e.id
551
357
  });
552
358
  }
553
- function Vt(e) {
554
- S.close(e);
359
+ function Wt(e) {
360
+ I.close(e);
555
361
  }
556
- const K = Ae;
557
- K.getTriggerProps = kt;
558
- K.close = Vt;
559
- const we = l(
560
- ({ value: e, disabled: t = !1, leftIcon: a, rightIcon: s, children: o, onClick: i, className: d, ...m }, u) => {
561
- const n = R(Se), p = n != null && n.onChange && e !== void 0 ? n.value === e : !1, y = v({
362
+ const Q = Ne;
363
+ Q.getTriggerProps = kt;
364
+ Q.close = Wt;
365
+ const ye = n(
366
+ ({ value: e, disabled: t = !1, leftIcon: a, rightIcon: s, children: r, onClick: i, className: l, ...m }, u) => {
367
+ const c = R(be), p = c != null && c.onChange && e !== void 0 ? c.value === e : !1, N = v({
562
368
  active: p,
563
369
  disabled: t
564
- }), b = (g) => {
370
+ }), b = (S) => {
565
371
  if (t) {
566
- g.preventDefault();
372
+ S.preventDefault();
567
373
  return;
568
374
  }
569
- n != null && n.onChange && e !== void 0 && n.onChange(e), i == null || i(g), n != null && n.closeOnClick && (n != null && n.id) && S.close({ id: n.id });
375
+ c != null && c.onChange && e !== void 0 && c.onChange(e), i == null || i(S), c != null && c.closeOnClick && (c != null && c.id) && I.close({ id: c.id });
570
376
  };
571
- return /* @__PURE__ */ N(
377
+ return /* @__PURE__ */ y(
572
378
  "button",
573
379
  {
574
380
  ref: u,
575
- className: c(H["menu-item"], d),
381
+ className: d(H["menu-item"], l),
576
382
  disabled: t,
577
- ...y,
383
+ ...N,
578
384
  ...m,
579
385
  onClick: b,
580
386
  children: [
581
- a ? /* @__PURE__ */ r("span", { className: H["menu-item-icon"], children: a }) : null,
582
- /* @__PURE__ */ r("span", { className: H["menu-item-label"], children: o }),
583
- s ? /* @__PURE__ */ r("span", { className: H["menu-item-icon"], children: s }) : null
387
+ a ? /* @__PURE__ */ o("span", { className: H["menu-item-icon"], children: a }) : null,
388
+ /* @__PURE__ */ o("span", { className: H["menu-item-label"], children: r }),
389
+ s ? /* @__PURE__ */ o("span", { className: H["menu-item-icon"], children: s }) : null
584
390
  ]
585
391
  }
586
392
  );
587
393
  }
588
394
  );
589
- we.displayName = "Menu.Item";
590
- const Wt = K;
591
- Wt.Item = we;
592
- const Ie = l(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ r("div", { ref: s, className: c(A["top-bar"], t), ...a, children: e }));
593
- Ie.displayName = "TopBar";
594
- const Le = l(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ r("div", { ref: s, className: c(A["top-bar-leading"], t), ...a, children: e }));
595
- Le.displayName = "TopBar.Leading";
596
- const Re = l(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ r("div", { ref: s, className: c(A["top-bar-centred"], t), ...a, children: e }));
597
- Re.displayName = "TopBar.Centred";
598
- const xe = l(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ r("div", { ref: s, className: c(A["top-bar-trailing"], t), ...a, children: e }));
599
- xe.displayName = "TopBar.Trailing";
600
- const Fe = l(
601
- ({ as: e = "button", active: t, disabled: a, icon: s, className: o, children: i, ...d }, m) => /* @__PURE__ */ N(
395
+ ye.displayName = "Menu.Item";
396
+ const _ = Q;
397
+ _.Item = ye;
398
+ const ve = A(void 0);
399
+ function fe() {
400
+ const e = R(ve);
401
+ if (!e)
402
+ throw new Error("useTableProvider must be used within a Table component");
403
+ return e;
404
+ }
405
+ const he = n(
406
+ ({ leftContent: e, rightContent: t, className: a, ...s }, r) => {
407
+ const i = fe(), l = typeof e == "function" ? e(i.selectedRows) : e, m = typeof t == "function" ? t(i.selectedRows) : t;
408
+ return /* @__PURE__ */ y("div", { ref: r, className: d(B.toolbar, a), ...s, children: [
409
+ /* @__PURE__ */ o("div", { children: l }),
410
+ /* @__PURE__ */ o("div", { children: m })
411
+ ] });
412
+ }
413
+ );
414
+ he.displayName = "Table.Toolbar";
415
+ const ge = n(({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(B.header, e), ...t }));
416
+ ge.displayName = "Table.Header";
417
+ const Te = n(({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(B.body, e), ...t }));
418
+ Te.displayName = "Table.Body";
419
+ const Se = n(({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(B.footer, e), ...t }));
420
+ Se.displayName = "Table.Footer";
421
+ const we = n(({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(B.row, e), ...t }));
422
+ we.displayName = "Table.Row";
423
+ const Be = n(
424
+ ({ as: e = "div", area: t, variant: a, className: s, style: r, ...i }, l) => {
425
+ const m = v({
426
+ variant: a
427
+ });
428
+ return /* @__PURE__ */ o(
429
+ e,
430
+ {
431
+ ref: l,
432
+ className: d(B.col, s),
433
+ style: {
434
+ "--_area": t,
435
+ ...r
436
+ },
437
+ ...m,
438
+ ...i
439
+ }
440
+ );
441
+ }
442
+ );
443
+ Be.displayName = "Table.Col";
444
+ const Ae = n(
445
+ ({ rowId: e, isMain: t = !1, checked: a, indeterminate: s, onChange: r }, i) => {
446
+ const l = fe(), m = t ? l.selectedRows.size === l.allRowIds.size && l.allRowIds.size > 0 : e !== void 0 && l.selectedRows.has(e);
447
+ !t && e !== void 0 && l.registerRowId(e);
448
+ const u = (p) => {
449
+ t ? l.onSelectAll(Array.from(l.allRowIds), p.target.checked) : e !== void 0 && l.onSelectionChange(e, p.target.checked), r == null || r(p.target.checked);
450
+ }, c = t && l.selectedRows.size > 0 && l.selectedRows.size < l.allRowIds.size;
451
+ return /* @__PURE__ */ y("label", { className: k.checkbox, children: [
452
+ /* @__PURE__ */ o(
453
+ "input",
454
+ {
455
+ ref: (p) => {
456
+ p && (p.indeterminate = c || s || !1, typeof i == "function" ? i(p) : i && (i.current = p));
457
+ },
458
+ type: "checkbox",
459
+ className: k.input,
460
+ checked: a !== void 0 ? a : m,
461
+ onChange: u,
462
+ "aria-label": t ? "Select all rows" : `Select row ${e}`
463
+ }
464
+ ),
465
+ /* @__PURE__ */ o("span", { className: k.indicator })
466
+ ] });
467
+ }
468
+ );
469
+ Ae.displayName = "Table.Checkbox";
470
+ const Re = n(
471
+ ({ as: e = "div", title: t, subtitle: a, size: s = "md", className: r, ...i }, l) => /* @__PURE__ */ y(e, { ref: l, className: d(B.col, r), "data-variant": "double-line", ...i, children: [
472
+ /* @__PURE__ */ o("div", { className: B["double-line-title"], "data-size": s, children: t }),
473
+ /* @__PURE__ */ o("div", { className: B["double-line-subtitle"], "data-size": s, children: a })
474
+ ] })
475
+ );
476
+ Re.displayName = "Table.DoubleLine";
477
+ const Ie = _.Item;
478
+ Ie.displayName = "Table.ActionItem";
479
+ const Le = n(({ icon: e, children: t }, a) => {
480
+ const s = O(), r = _.getTriggerProps({ id: s });
481
+ return /* @__PURE__ */ y("div", { ref: a, className: d(B.action), children: [
482
+ /* @__PURE__ */ o(
483
+ V,
484
+ {
485
+ ...r,
486
+ as: e,
487
+ variant: "ghost",
488
+ className: d(B["action-trigger"]),
489
+ "aria-label": "Actions",
490
+ onClick: (i) => {
491
+ i.stopPropagation();
492
+ },
493
+ size: "small"
494
+ }
495
+ ),
496
+ /* @__PURE__ */ o(_, { id: s, placement: "bottom", closeOnClick: !0, children: t })
497
+ ] });
498
+ });
499
+ Le.displayName = "Table.Action";
500
+ const xe = n(({ columns: e, children: t, className: a, style: s, onSelectionChange: r, ...i }, l) => {
501
+ const [m, u] = P(/* @__PURE__ */ new Set()), c = M(/* @__PURE__ */ new Set()), p = (f, h) => {
502
+ const g = new Set(m);
503
+ h ? g.add(f) : g.delete(f), u(g), r == null || r({
504
+ selected: g,
505
+ allSelected: g.size === c.current.size && c.current.size > 0,
506
+ someSelected: g.size > 0
507
+ });
508
+ }, N = (f, h) => {
509
+ const g = h ? new Set(f) : /* @__PURE__ */ new Set();
510
+ u(g), r == null || r({
511
+ selected: g,
512
+ allSelected: h,
513
+ someSelected: h
514
+ });
515
+ }, b = (f) => {
516
+ c.current.add(f);
517
+ }, S = {
518
+ selectedRows: m,
519
+ allRowIds: c.current,
520
+ onSelectionChange: p,
521
+ onSelectAll: N,
522
+ registerRowId: b
523
+ };
524
+ return /* @__PURE__ */ o(ve.Provider, { value: S, children: /* @__PURE__ */ o(
525
+ "div",
526
+ {
527
+ ref: l,
528
+ className: d(B.table, a),
529
+ style: {
530
+ "--_columns": e,
531
+ ...s
532
+ },
533
+ ...i,
534
+ children: t
535
+ }
536
+ ) });
537
+ });
538
+ xe.displayName = "Table";
539
+ const pa = Object.assign(xe, {
540
+ Toolbar: he,
541
+ Header: ge,
542
+ Body: Te,
543
+ Footer: Se,
544
+ Row: we,
545
+ Col: Be,
546
+ Checkbox: Ae,
547
+ DoubleLine: Re,
548
+ Action: Le,
549
+ ActionItem: Ie
550
+ }), Xt = n(
551
+ ({
552
+ gap: e = "md",
553
+ direction: t = "horizontal",
554
+ align: a = "center",
555
+ wrap: s = "nowrap",
556
+ fluid: r = !1,
557
+ "aria-label": i = "Button group",
558
+ children: l,
559
+ className: m,
560
+ ...u
561
+ }, c) => {
562
+ const p = v({
563
+ align: a,
564
+ direction: t,
565
+ fluid: r,
566
+ gap: e,
567
+ wrap: s
568
+ });
569
+ return /* @__PURE__ */ o(
570
+ "div",
571
+ {
572
+ ref: c,
573
+ className: d(At["button-group"], m),
574
+ role: "group",
575
+ "aria-label": i,
576
+ ...p,
577
+ ...u,
578
+ children: l
579
+ }
580
+ );
581
+ }
582
+ );
583
+ Xt.displayName = "ButtonGroup";
584
+ const Fe = n(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o("div", { ref: s, className: d(L["top-bar"], t), ...a, children: e }));
585
+ Fe.displayName = "TopBar";
586
+ const De = n(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o("div", { ref: s, className: d(L["top-bar-leading"], t), ...a, children: e }));
587
+ De.displayName = "TopBar.Leading";
588
+ const Me = n(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o("div", { ref: s, className: d(L["top-bar-centred"], t), ...a, children: e }));
589
+ Me.displayName = "TopBar.Centred";
590
+ const He = n(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o("div", { ref: s, className: d(L["top-bar-trailing"], t), ...a, children: e }));
591
+ He.displayName = "TopBar.Trailing";
592
+ const Ge = n(
593
+ ({ as: e = "button", active: t, disabled: a, icon: s, className: r, children: i, ...l }, m) => /* @__PURE__ */ y(
602
594
  e,
603
595
  {
604
596
  ref: m,
605
- className: c(A["top-bar-item"], o),
597
+ className: d(L["top-bar-item"], r),
606
598
  "data-active": t ? "" : void 0,
607
599
  "data-disabled": a ? "" : void 0,
608
- ...d,
600
+ ...l,
609
601
  children: [
610
- s && /* @__PURE__ */ r("span", { className: A["top-bar-item-icon"], children: s }),
602
+ s && /* @__PURE__ */ o("span", { className: L["top-bar-item-icon"], children: s }),
611
603
  i
612
604
  ]
613
605
  }
614
606
  )
615
607
  );
616
- Fe.displayName = "TopBar.Item";
617
- const Me = l(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ r("div", { ref: s, className: c(A["top-bar-list-item"], t), ...a, children: e }));
618
- Me.displayName = "TopBar.ListItem";
619
- const pa = Object.assign(Ie, {
620
- Centred: Re,
621
- Item: Fe,
622
- Leading: Le,
623
- ListItem: Me,
624
- Trailing: xe
625
- }), He = L(void 0), Q = l(
626
- ({ direction: e = "horizontal", gap: t, value: a, onChange: s, children: o, className: i, ...d }, m) => {
627
- const u = v({ direction: e }), n = {
608
+ Ge.displayName = "TopBar.Item";
609
+ const Pe = n(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o("div", { ref: s, className: d(L["top-bar-list-item"], t), ...a, children: e }));
610
+ Pe.displayName = "TopBar.ListItem";
611
+ const ba = Object.assign(Fe, {
612
+ Centred: Me,
613
+ Item: Ge,
614
+ Leading: De,
615
+ ListItem: Pe,
616
+ Trailing: He
617
+ }), ze = A(void 0), U = n(
618
+ ({ direction: e = "horizontal", gap: t, value: a, onChange: s, children: r, className: i, ...l }, m) => {
619
+ const u = v({ direction: e }), c = {
628
620
  lg: "var(--spacing-4)",
629
621
  md: "var(--spacing-3)",
630
622
  sm: "var(--spacing-2)",
@@ -633,446 +625,446 @@ const pa = Object.assign(Ie, {
633
625
  onChange: s,
634
626
  value: a
635
627
  };
636
- return /* @__PURE__ */ r(He.Provider, { value: p, children: /* @__PURE__ */ r(
628
+ return /* @__PURE__ */ o(ze.Provider, { value: p, children: /* @__PURE__ */ o(
637
629
  "nav",
638
630
  {
639
631
  ref: m,
640
- className: c(j.nav, i),
632
+ className: d(j.nav, i),
641
633
  style: {
642
634
  ...t && {
643
- "--vers-comp-nav-gap": n[t]
635
+ "--vers-comp-nav-gap": c[t]
644
636
  }
645
637
  },
646
638
  ...u,
647
- ...d,
648
- children: o
639
+ ...l,
640
+ children: r
649
641
  }
650
642
  ) });
651
643
  }
652
644
  );
653
- Q.displayName = "Nav";
654
- Q.displayName = "Nav";
655
- const De = l(
645
+ U.displayName = "Nav";
646
+ U.displayName = "Nav";
647
+ const je = n(
656
648
  ({
657
649
  as: e = "button",
658
650
  active: t = !1,
659
651
  value: a,
660
652
  disabled: s = !1,
661
- loading: o = !1,
653
+ loading: r = !1,
662
654
  leftIcon: i,
663
- rightIcon: d,
655
+ rightIcon: l,
664
656
  children: m,
665
657
  onClick: u,
666
- className: n,
658
+ className: c,
667
659
  ...p
668
- }, y) => {
669
- const b = R(He), g = b != null && b.onChange && a !== void 0 ? b.value === a : t, T = v({
670
- active: g,
671
- disabled: s || o,
672
- loading: o
673
- }), B = (M) => {
674
- if (s || o) {
675
- M.preventDefault();
660
+ }, N) => {
661
+ const b = R(ze), S = b != null && b.onChange && a !== void 0 ? b.value === a : t, f = v({
662
+ active: S,
663
+ disabled: s || r,
664
+ loading: r
665
+ }), h = (g) => {
666
+ if (s || r) {
667
+ g.preventDefault();
676
668
  return;
677
669
  }
678
- b != null && b.onChange && a !== void 0 && b.onChange(a), u == null || u(M);
670
+ b != null && b.onChange && a !== void 0 && b.onChange(a), u == null || u(g);
679
671
  };
680
- return /* @__PURE__ */ N(
672
+ return /* @__PURE__ */ y(
681
673
  e,
682
674
  {
683
- ref: y,
684
- className: c(j["nav-item"], n),
685
- "aria-current": g && e !== "button" ? "page" : void 0,
686
- "aria-disabled": s || o ? "true" : void 0,
687
- "aria-busy": o ? "true" : void 0,
688
- ...T,
675
+ ref: N,
676
+ className: d(j["nav-item"], c),
677
+ "aria-current": S && e !== "button" ? "page" : void 0,
678
+ "aria-disabled": s || r ? "true" : void 0,
679
+ "aria-busy": r ? "true" : void 0,
680
+ ...f,
689
681
  ...p,
690
- onClick: B,
682
+ onClick: h,
691
683
  children: [
692
- i && /* @__PURE__ */ r("span", { className: j["nav-item-icon"], children: /* @__PURE__ */ r(z, { as: i }) }),
684
+ i && /* @__PURE__ */ o("span", { className: j["nav-item-icon"], children: /* @__PURE__ */ o(E, { as: i }) }),
693
685
  m,
694
- d && /* @__PURE__ */ r("span", { className: j["nav-item-icon"], children: /* @__PURE__ */ r(z, { as: d }) })
686
+ l && /* @__PURE__ */ o("span", { className: j["nav-item-icon"], children: /* @__PURE__ */ o(E, { as: l }) })
695
687
  ]
696
688
  }
697
689
  );
698
690
  }
699
691
  );
700
- De.displayName = "NavItem";
701
- const ba = Object.assign(Q, {
702
- Item: De
703
- }), Ce = l(({ children: e, className: t }, a) => /* @__PURE__ */ r("aside", { ref: a, className: c(h.sidebar, t), children: e }));
704
- Ce.displayName = "Sidebar";
705
- const Ge = l(({ children: e, className: t }, a) => /* @__PURE__ */ r("div", { ref: a, className: c(h["sidebar-header"], t), children: e }));
706
- Ge.displayName = "Sidebar.Header";
707
- const je = l(({ children: e, className: t }, a) => /* @__PURE__ */ r("div", { ref: a, className: c(h["sidebar-body"], t), children: e }));
708
- je.displayName = "Sidebar.Body";
709
- const Pe = l(({ children: e, className: t }, a) => /* @__PURE__ */ r("div", { ref: a, className: c(h["sidebar-footer"], t), children: e }));
710
- Pe.displayName = "Sidebar.Footer";
711
- const $e = l(
712
- ({ label: e, icon: t, defaultExpanded: a = !0, isExpanded: s, onExpandedChange: o, children: i, className: d }, m) => {
713
- const [u, n] = E(a), p = s !== void 0 ? s : u, y = () => {
692
+ je.displayName = "NavItem";
693
+ const Na = Object.assign(U, {
694
+ Item: je
695
+ }), $e = n(({ children: e, className: t }, a) => /* @__PURE__ */ o("aside", { ref: a, className: d(T.sidebar, t), children: e }));
696
+ $e.displayName = "Sidebar";
697
+ const Ee = n(({ children: e, className: t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(T["sidebar-header"], t), children: e }));
698
+ Ee.displayName = "Sidebar.Header";
699
+ const _e = n(({ children: e, className: t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(T["sidebar-body"], t), children: e }));
700
+ _e.displayName = "Sidebar.Body";
701
+ const Ce = n(({ children: e, className: t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(T["sidebar-footer"], t), children: e }));
702
+ Ce.displayName = "Sidebar.Footer";
703
+ const Ve = n(
704
+ ({ label: e, icon: t, defaultExpanded: a = !0, isExpanded: s, onExpandedChange: r, children: i, className: l }, m) => {
705
+ const [u, c] = P(a), p = s !== void 0 ? s : u, N = () => {
714
706
  const b = !p;
715
- n(b), o == null || o(b);
707
+ c(b), r == null || r(b);
716
708
  };
717
- return /* @__PURE__ */ N(
709
+ return /* @__PURE__ */ y(
718
710
  "div",
719
711
  {
720
712
  ref: m,
721
- className: c(h["sidebar-group"], d),
713
+ className: d(T["sidebar-group"], l),
722
714
  "data-expanded": p ? "" : void 0,
723
715
  children: [
724
- /* @__PURE__ */ N("button", { className: h["sidebar-group-header"], onClick: y, "aria-expanded": p, children: [
725
- t && /* @__PURE__ */ r("span", { children: t }),
726
- /* @__PURE__ */ r("span", { className: h["sidebar-group-label"], children: e }),
727
- /* @__PURE__ */ r(z, { as: $, className: h["sidebar-group-chevron"], size: "sm" })
716
+ /* @__PURE__ */ y("button", { className: T["sidebar-group-header"], onClick: N, "aria-expanded": p, children: [
717
+ t && /* @__PURE__ */ o("span", { children: t }),
718
+ /* @__PURE__ */ o("span", { className: T["sidebar-group-label"], children: e }),
719
+ /* @__PURE__ */ o(E, { as: Z, className: T["sidebar-group-chevron"], size: "sm" })
728
720
  ] }),
729
- /* @__PURE__ */ r("div", { className: h["sidebar-group-content"], children: /* @__PURE__ */ r("div", { children: i }) })
721
+ /* @__PURE__ */ o("div", { className: T["sidebar-group-content"], children: /* @__PURE__ */ o("div", { children: i }) })
730
722
  ]
731
723
  }
732
724
  );
733
725
  }
734
726
  );
735
- $e.displayName = "Sidebar.Group";
736
- const Ee = l(
737
- ({ as: e = "button", active: t, disabled: a, icon: s, action: o, className: i, children: d, ...m }, u) => /* @__PURE__ */ N(
727
+ Ve.displayName = "Sidebar.Group";
728
+ const ke = n(
729
+ ({ as: e = "button", active: t, disabled: a, icon: s, action: r, className: i, children: l, ...m }, u) => /* @__PURE__ */ y(
738
730
  e,
739
731
  {
740
732
  ref: u,
741
- className: c(h["sidebar-item"], i),
733
+ className: d(T["sidebar-item"], i),
742
734
  "data-active": t ? "" : void 0,
743
735
  "data-disabled": a ? "" : void 0,
744
- "data-action": o ? "" : void 0,
736
+ "data-action": r ? "" : void 0,
745
737
  ...m,
746
738
  children: [
747
- s && /* @__PURE__ */ r("span", { className: h["sidebar-item-icon"], children: s }),
748
- /* @__PURE__ */ r("span", { className: h["sidebar-item-text"], children: d }),
749
- o && /* @__PURE__ */ r("span", { className: h["sidebar-item-action"], children: o })
739
+ s && /* @__PURE__ */ o("span", { className: T["sidebar-item-icon"], children: s }),
740
+ /* @__PURE__ */ o("span", { className: T["sidebar-item-text"], children: l }),
741
+ r && /* @__PURE__ */ o("span", { className: T["sidebar-item-action"], children: r })
750
742
  ]
751
743
  }
752
744
  )
753
745
  );
754
- Ee.displayName = "Sidebar.Item";
755
- const ze = l(({ children: e, className: t }, a) => /* @__PURE__ */ r("div", { ref: a, className: c(h["sidebar-item-list"], t), children: e }));
756
- ze.displayName = "Sidebar.ItemList";
757
- const _e = l(({ className: e }, t) => /* @__PURE__ */ r("div", { ref: t, className: c(h["sidebar-divider"], e), children: /* @__PURE__ */ r(Ft, {}) }));
758
- _e.displayName = "Sidebar.Divider";
759
- const Na = Object.assign(Ce, {
760
- Body: je,
761
- Divider: _e,
762
- Footer: Pe,
763
- Group: $e,
764
- Header: Ge,
765
- Item: Ee,
766
- ItemList: ze
746
+ ke.displayName = "Sidebar.Item";
747
+ const We = n(({ children: e, className: t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(T["sidebar-item-list"], t), children: e }));
748
+ We.displayName = "Sidebar.ItemList";
749
+ const Xe = n(({ className: e }, t) => /* @__PURE__ */ o("div", { ref: t, className: d(T["sidebar-divider"], e), children: /* @__PURE__ */ o(Mt, {}) }));
750
+ Xe.displayName = "Sidebar.Divider";
751
+ const ya = Object.assign($e, {
752
+ Body: _e,
753
+ Divider: Xe,
754
+ Footer: Ce,
755
+ Group: Ve,
756
+ Header: Ee,
757
+ Item: ke,
758
+ ItemList: We
767
759
  });
768
- function Ut(e, t) {
760
+ function qt(e, t) {
769
761
  return e === t;
770
762
  }
771
- const ke = l(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ r("nav", { ref: s, className: c(P["bottom-bar"], t), ...a, children: e }));
772
- ke.displayName = "BottomBar";
773
- const Ve = l(
774
- ({ as: e = "button", href: t, active: a = !1, disabled: s = !1, icon: o, children: i, onClick: d, className: m, ...u }, n) => {
775
- const p = Ut(e, "a"), y = v({
763
+ const qe = n(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o("nav", { ref: s, className: d($["bottom-bar"], t), ...a, children: e }));
764
+ qe.displayName = "BottomBar";
765
+ const Je = n(
766
+ ({ as: e = "button", href: t, active: a = !1, disabled: s = !1, icon: r, children: i, onClick: l, className: m, ...u }, c) => {
767
+ const p = qt(e, "a"), N = v({
776
768
  active: a,
777
769
  disabled: s
778
- }), b = (B) => {
770
+ }), b = (h) => {
779
771
  if (s) {
780
- B.preventDefault();
772
+ h.preventDefault();
781
773
  return;
782
774
  }
783
- d == null || d(B);
784
- }, g = {
785
- className: c(P["bottom-bar-item"], m),
775
+ l == null || l(h);
776
+ }, S = {
777
+ className: d($["bottom-bar-item"], m),
786
778
  onClick: b,
787
- ref: n,
788
- ...y,
779
+ ref: c,
780
+ ...N,
789
781
  ...u
790
782
  };
791
- return p && (g.href = t), /* @__PURE__ */ N(e || "button", { ...g, children: [
792
- o && /* @__PURE__ */ r("span", { className: P["bottom-bar-item-icon"], children: o }),
793
- i && /* @__PURE__ */ r("span", { className: P["bottom-bar-item-text"], children: i })
783
+ return p && (S.href = t), /* @__PURE__ */ y(e || "button", { ...S, children: [
784
+ r && /* @__PURE__ */ o("span", { className: $["bottom-bar-item-icon"], children: r }),
785
+ i && /* @__PURE__ */ o("span", { className: $["bottom-bar-item-text"], children: i })
794
786
  ] });
795
787
  }
796
788
  );
797
- Ve.displayName = "BottomBar.Item";
798
- const ya = Object.assign(ke, {
799
- Item: Ve
800
- }), We = l(
801
- ({ className: e, children: t }, a) => /* @__PURE__ */ r("div", { ref: a, className: c(I["app-layout"], e), children: t })
789
+ Je.displayName = "BottomBar.Item";
790
+ const va = Object.assign(qe, {
791
+ Item: Je
792
+ }), Ke = n(
793
+ ({ className: e, children: t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(x["app-layout"], e), children: t })
802
794
  );
803
- We.displayName = "AppLayout";
804
- const Ue = l(
795
+ Ke.displayName = "AppLayout";
796
+ const Qe = n(
805
797
  ({ centered: e, className: t, children: a }, s) => {
806
- const o = v({
798
+ const r = v({
807
799
  centered: e
808
800
  });
809
- return /* @__PURE__ */ r("div", { ref: s, className: c(I["app-layout-body"], t), ...o, children: a });
801
+ return /* @__PURE__ */ o("div", { ref: s, className: d(x["app-layout-body"], t), ...r, children: a });
810
802
  }
811
803
  );
812
- Ue.displayName = "AppLayout.Body";
813
- const Xe = l(({ className: e, children: t }, a) => /* @__PURE__ */ r("header", { ref: a, className: c(I["app-layout-header"], e), children: t }));
814
- Xe.displayName = "AppLayout.Header";
815
- const qe = l(({ className: e, children: t }, a) => /* @__PURE__ */ r("main", { ref: a, className: c(I["app-layout-main"], e), children: t }));
816
- qe.displayName = "AppLayout.Main";
817
- const Je = l(({ className: e, children: t }, a) => /* @__PURE__ */ r("aside", { ref: a, className: c(I["app-layout-side-left"], e), children: t }));
818
- Je.displayName = "AppLayout.SideLeft";
819
- const Ke = l(({ className: e, children: t }, a) => /* @__PURE__ */ r("aside", { ref: a, className: c(I["app-layout-side-right"], e), children: t }));
820
- Ke.displayName = "AppLayout.SideRight";
821
- const Qe = l(({ className: e, children: t }, a) => /* @__PURE__ */ r("footer", { ref: a, className: c(I["app-layout-footer"], e), children: t }));
822
- Qe.displayName = "AppLayout.Footer";
823
- const va = Object.assign(We, {
824
- Body: Ue,
825
- Footer: Qe,
826
- Header: Xe,
827
- Main: qe,
828
- SideLeft: Je,
829
- SideRight: Ke
804
+ Qe.displayName = "AppLayout.Body";
805
+ const Ue = n(({ className: e, children: t }, a) => /* @__PURE__ */ o("header", { ref: a, className: d(x["app-layout-header"], e), children: t }));
806
+ Ue.displayName = "AppLayout.Header";
807
+ const Ye = n(({ className: e, children: t }, a) => /* @__PURE__ */ o("main", { ref: a, className: d(x["app-layout-main"], e), children: t }));
808
+ Ye.displayName = "AppLayout.Main";
809
+ const Ze = n(({ className: e, children: t }, a) => /* @__PURE__ */ o("aside", { ref: a, className: d(x["app-layout-side-left"], e), children: t }));
810
+ Ze.displayName = "AppLayout.SideLeft";
811
+ const Oe = n(({ className: e, children: t }, a) => /* @__PURE__ */ o("aside", { ref: a, className: d(x["app-layout-side-right"], e), children: t }));
812
+ Oe.displayName = "AppLayout.SideRight";
813
+ const et = n(({ className: e, children: t }, a) => /* @__PURE__ */ o("footer", { ref: a, className: d(x["app-layout-footer"], e), children: t }));
814
+ et.displayName = "AppLayout.Footer";
815
+ const fa = Object.assign(Ke, {
816
+ Body: Qe,
817
+ Footer: et,
818
+ Header: Ue,
819
+ Main: Ye,
820
+ SideLeft: Ze,
821
+ SideRight: Oe
830
822
  });
831
- function Xt({ columns: e = "1fr", children: t, className: a, style: s, ...o }, i) {
832
- return /* @__PURE__ */ r(
823
+ function Jt({ columns: e = "1fr", children: t, className: a, style: s, ...r }, i) {
824
+ return /* @__PURE__ */ o(
833
825
  "form",
834
826
  {
835
827
  ref: i,
836
- className: c(U["form-group"], a),
828
+ className: d(X["form-group"], a),
837
829
  style: {
838
830
  "--_columns": e,
839
831
  ...s
840
832
  },
841
- ...o,
833
+ ...r,
842
834
  children: t
843
835
  }
844
836
  );
845
837
  }
846
- const Ye = l(Xt);
847
- Ye.displayName = "FormGroup";
848
- const Ze = l(
849
- ({ area: e, children: t, className: a, style: s, ...o }, i) => /* @__PURE__ */ r(
838
+ const tt = n(Jt);
839
+ tt.displayName = "FormGroup";
840
+ const at = n(
841
+ ({ area: e, children: t, className: a, style: s, ...r }, i) => /* @__PURE__ */ o(
850
842
  "div",
851
843
  {
852
844
  ref: i,
853
- className: c(U.field, a),
845
+ className: d(X.field, a),
854
846
  style: {
855
847
  "--_area": e,
856
848
  ...s
857
849
  },
858
- ...o,
850
+ ...r,
859
851
  children: t
860
852
  }
861
853
  )
862
854
  );
863
- Ze.displayName = "FormGroup.Field";
864
- const Oe = l(
865
- ({ className: e, ...t }, a) => /* @__PURE__ */ r(
855
+ at.displayName = "FormGroup.Field";
856
+ const st = n(
857
+ ({ className: e, ...t }, a) => /* @__PURE__ */ o(
866
858
  "hr",
867
859
  {
868
860
  ref: a,
869
- className: c(U.separator, e),
861
+ className: d(X.separator, e),
870
862
  ...t
871
863
  }
872
864
  )
873
865
  );
874
- Oe.displayName = "FormGroup.Separator";
875
- const ha = Object.assign(Ye, {
876
- Field: Ze,
877
- Separator: Oe
866
+ st.displayName = "FormGroup.Separator";
867
+ const ha = Object.assign(tt, {
868
+ Field: at,
869
+ Separator: st
878
870
  });
879
- function qt({ direction: e = "column", children: t, className: a, ...s }, o) {
880
- return /* @__PURE__ */ r(
871
+ function Kt({ direction: e = "column", children: t, className: a, ...s }, r) {
872
+ return /* @__PURE__ */ o(
881
873
  "ul",
882
874
  {
883
- ref: o,
884
- className: c(W.features, a),
875
+ ref: r,
876
+ className: d(W.features, a),
885
877
  "data-direction": e,
886
878
  ...s,
887
879
  children: t
888
880
  }
889
881
  );
890
882
  }
891
- const et = l(qt);
892
- et.displayName = "Features";
893
- const tt = l(
894
- ({ icon: e, children: t, className: a, "aria-label": s, ...o }, i) => {
895
- const m = `features-item-${Rt()}`, u = s ? S.getTooltipTriggerProps({ id: m }) : {};
896
- return /* @__PURE__ */ N(
883
+ const ot = n(Kt);
884
+ ot.displayName = "Features";
885
+ const rt = n(
886
+ ({ icon: e, children: t, className: a, "aria-label": s, ...r }, i) => {
887
+ const m = `features-item-${O()}`, u = s ? I.getTooltipTriggerProps({ id: m }) : {};
888
+ return /* @__PURE__ */ y(
897
889
  "li",
898
890
  {
899
891
  ref: i,
900
892
  "aria-label": s,
901
- className: c(W.item, a),
893
+ className: d(W.item, a),
902
894
  ...u,
903
- ...o,
895
+ ...r,
904
896
  children: [
905
- e && /* @__PURE__ */ r("span", { className: W.icon, children: e }),
897
+ e && /* @__PURE__ */ o("span", { className: W.icon, children: e }),
906
898
  t,
907
- s && /* @__PURE__ */ r(S, { id: m, children: /* @__PURE__ */ r(S.Text, { children: s }) })
899
+ s && /* @__PURE__ */ o(I, { id: m, children: /* @__PURE__ */ o(I.Text, { children: s }) })
908
900
  ]
909
901
  }
910
902
  );
911
903
  }
912
904
  );
913
- tt.displayName = "Features.Item";
914
- const Jt = Object.assign(et, {
915
- Item: tt
916
- }), fa = Jt, at = It.forwardRef(
917
- ({ isOpen: e, onOpenChange: t, children: a, onClick: s, ...o }, i) => {
918
- const d = C(null), m = i || d;
919
- G(() => {
920
- const n = m.current;
921
- if (n) {
905
+ rt.displayName = "Features.Item";
906
+ const Qt = Object.assign(ot, {
907
+ Item: rt
908
+ }), ga = Qt, it = xt.forwardRef(
909
+ ({ isOpen: e, onOpenChange: t, children: a, onClick: s, ...r }, i) => {
910
+ const l = M(null), m = i || l;
911
+ z(() => {
912
+ const c = m.current;
913
+ if (c) {
922
914
  if (e)
923
915
  try {
924
- n.showModal(), document.documentElement.style.overflow = "hidden";
916
+ c.showModal(), document.documentElement.style.overflow = "hidden";
925
917
  } catch {
926
918
  }
927
919
  else
928
- n.close(), document.documentElement.style.overflow = "";
920
+ c.close(), document.documentElement.style.overflow = "";
929
921
  return () => {
930
922
  document.documentElement.style.overflow = "";
931
923
  };
932
924
  }
933
- }, [e, m]), G(() => {
934
- const n = m.current;
935
- if (!n)
925
+ }, [e, m]), z(() => {
926
+ const c = m.current;
927
+ if (!c)
936
928
  return;
937
- const p = () => t == null ? void 0 : t(!1), y = (b) => {
929
+ const p = () => t == null ? void 0 : t(!1), N = (b) => {
938
930
  b.preventDefault(), t == null || t(!1);
939
931
  };
940
- return n.addEventListener("close", p), n.addEventListener("cancel", y), () => {
941
- n.removeEventListener("close", p), n.removeEventListener("cancel", y);
932
+ return c.addEventListener("close", p), c.addEventListener("cancel", N), () => {
933
+ c.removeEventListener("close", p), c.removeEventListener("cancel", N);
942
934
  };
943
935
  }, [t, m]);
944
- const u = xt(
945
- (n) => {
946
- n.target === n.currentTarget && (t == null || t(!1)), s == null || s(n);
936
+ const u = Dt(
937
+ (c) => {
938
+ c.target === c.currentTarget && (t == null || t(!1)), s == null || s(c);
947
939
  },
948
940
  [t, s]
949
941
  );
950
- return /* @__PURE__ */ r("dialog", { ...o, ref: m, onClick: u, children: a });
942
+ return /* @__PURE__ */ o("dialog", { ...r, ref: m, onClick: u, children: a });
951
943
  }
952
944
  );
953
- at.displayName = "Dialog";
954
- const Y = at, st = L(void 0), Kt = () => {
955
- const e = R(st);
945
+ it.displayName = "Dialog";
946
+ const Y = it, lt = A(void 0), Ut = () => {
947
+ const e = R(lt);
956
948
  if (!e)
957
949
  throw new Error("Drawer subcomponents must be used within Drawer");
958
950
  return e;
959
- }, rt = l(
960
- ({ open: e, onOpenChange: t, placement: a = "right", children: s, className: o, ...i }, d) => {
951
+ }, ct = n(
952
+ ({ open: e, onOpenChange: t, placement: a = "right", children: s, className: r, ...i }, l) => {
961
953
  const m = v({
962
954
  placement: a
963
955
  });
964
- return /* @__PURE__ */ r(st.Provider, { value: { onClose: () => t == null ? void 0 : t(!1) }, children: /* @__PURE__ */ r(
956
+ return /* @__PURE__ */ o(lt.Provider, { value: { onClose: () => t == null ? void 0 : t(!1) }, children: /* @__PURE__ */ o(
965
957
  Y,
966
958
  {
967
- ref: d,
959
+ ref: l,
968
960
  isOpen: e,
969
961
  onOpenChange: t,
970
- className: c(e && Bt.drawer, o),
962
+ className: d(e && Rt.drawer, r),
971
963
  ...m,
972
964
  ...i,
973
- children: /* @__PURE__ */ r("div", { className: f.content, children: s })
965
+ children: /* @__PURE__ */ o("div", { className: w.content, children: s })
974
966
  }
975
967
  ) });
976
968
  }
977
969
  );
978
- rt.displayName = "Drawer";
979
- const ot = l(({ onClick: e, ...t }, a) => {
980
- const { onClose: s } = Kt();
981
- return /* @__PURE__ */ r(
982
- k,
970
+ ct.displayName = "Drawer";
971
+ const nt = n(({ onClick: e, ...t }, a) => {
972
+ const { onClose: s } = Ut();
973
+ return /* @__PURE__ */ o(
974
+ V,
983
975
  {
984
976
  ref: a,
985
977
  variant: "ghost",
986
- as: X,
978
+ as: q,
987
979
  "aria-label": "Close",
988
980
  onClick: (i) => {
989
981
  s(), e == null || e(i);
990
982
  },
991
- className: f.closeButton,
983
+ className: w.closeButton,
992
984
  ...t
993
985
  }
994
986
  );
995
987
  });
996
- ot.displayName = "Drawer.CloseButton";
997
- const it = l(
998
- ({ action: e, children: t, tabs: a, className: s, ...o }, i) => /* @__PURE__ */ N(
988
+ nt.displayName = "Drawer.CloseButton";
989
+ const dt = n(
990
+ ({ action: e, children: t, tabs: a, className: s, ...r }, i) => /* @__PURE__ */ y(
999
991
  "div",
1000
992
  {
1001
993
  ref: i,
1002
- className: c(f.header, s),
1003
- ...o,
994
+ className: d(w.header, s),
995
+ ...r,
1004
996
  ...e && { "data-action": "" },
1005
997
  ...a && { "data-tabs": "" },
1006
998
  children: [
1007
- e ? /* @__PURE__ */ N(Z, { children: [
1008
- /* @__PURE__ */ r("div", { className: f.headerTop, children: e }),
1009
- t && /* @__PURE__ */ r("div", { className: f.headerContent, children: t })
1010
- ] }) : /* @__PURE__ */ r("div", { className: f.headerTop, children: t }),
999
+ e ? /* @__PURE__ */ y(Tt, { children: [
1000
+ /* @__PURE__ */ o("div", { className: w.headerTop, children: e }),
1001
+ t && /* @__PURE__ */ o("div", { className: w.headerContent, children: t })
1002
+ ] }) : /* @__PURE__ */ o("div", { className: w.headerTop, children: t }),
1011
1003
  a
1012
1004
  ]
1013
1005
  }
1014
1006
  )
1015
1007
  );
1016
- it.displayName = "Drawer.Header";
1017
- const ga = Object.assign(rt, {
1018
- Body: J,
1019
- CloseButton: ot,
1020
- Footer: ee,
1021
- Header: it,
1022
- Title: q
1023
- }), lt = L(void 0), Qt = () => {
1024
- const e = R(lt);
1008
+ dt.displayName = "Drawer.Header";
1009
+ const Ta = Object.assign(ct, {
1010
+ Body: K,
1011
+ CloseButton: nt,
1012
+ Footer: te,
1013
+ Header: dt,
1014
+ Title: J
1015
+ }), mt = A(void 0), Yt = () => {
1016
+ const e = R(mt);
1025
1017
  if (!e)
1026
1018
  throw new Error("Modal subcomponents must be used within Modal");
1027
1019
  return e;
1028
- }, nt = l(
1029
- ({ open: e, onOpenChange: t, size: a, position: s, children: o, className: i, ...d }, m) => {
1020
+ }, ut = n(
1021
+ ({ open: e, onOpenChange: t, size: a, position: s, children: r, className: i, ...l }, m) => {
1030
1022
  const u = v({ size: a, position: s });
1031
- return /* @__PURE__ */ r(lt.Provider, { value: { onClose: () => t == null ? void 0 : t(!1) }, children: /* @__PURE__ */ r(
1023
+ return /* @__PURE__ */ o(mt.Provider, { value: { onClose: () => t == null ? void 0 : t(!1) }, children: /* @__PURE__ */ o(
1032
1024
  Y,
1033
1025
  {
1034
1026
  ref: m,
1035
1027
  isOpen: e,
1036
1028
  onOpenChange: t,
1037
- className: c(e && Tt.modal, i),
1029
+ className: d(e && It.modal, i),
1038
1030
  "data-modal": "",
1039
1031
  ...u,
1040
- ...d,
1041
- children: /* @__PURE__ */ r("div", { className: f.content, children: o })
1032
+ ...l,
1033
+ children: /* @__PURE__ */ o("div", { className: w.content, children: r })
1042
1034
  }
1043
1035
  ) });
1044
1036
  }
1045
1037
  );
1046
- nt.displayName = "Modal";
1047
- const ct = l(({ onClick: e, ...t }, a) => {
1048
- const { onClose: s } = Qt();
1049
- return /* @__PURE__ */ r(
1050
- k,
1038
+ ut.displayName = "Modal";
1039
+ const pt = n(({ onClick: e, ...t }, a) => {
1040
+ const { onClose: s } = Yt();
1041
+ return /* @__PURE__ */ o(
1042
+ V,
1051
1043
  {
1052
1044
  ref: a,
1053
1045
  variant: "ghost",
1054
- as: X,
1046
+ as: q,
1055
1047
  "aria-label": "Close",
1056
1048
  onClick: (i) => {
1057
1049
  s(), e == null || e(i);
1058
1050
  },
1059
- className: f.closeButton,
1051
+ className: w.closeButton,
1060
1052
  ...t
1061
1053
  }
1062
1054
  );
1063
1055
  });
1064
- ct.displayName = "Modal.CloseButton";
1065
- const dt = l(({ action: e, children: t, className: a, ...s }, o) => /* @__PURE__ */ N("div", { ref: o, className: c(f.header, "modal-header", a), "data-modal-header": "", ...s, children: [
1066
- /* @__PURE__ */ r("div", { children: t }),
1067
- e && /* @__PURE__ */ r("div", { className: "modal-header-action", children: e })
1056
+ pt.displayName = "Modal.CloseButton";
1057
+ const bt = n(({ action: e, children: t, className: a, ...s }, r) => /* @__PURE__ */ y("div", { ref: r, className: d(w.header, "modal-header", a), "data-modal-header": "", ...s, children: [
1058
+ /* @__PURE__ */ o("div", { children: t }),
1059
+ e && /* @__PURE__ */ o("div", { className: "modal-header-action", children: e })
1068
1060
  ] }));
1069
- dt.displayName = "Modal.Header";
1070
- const mt = l(
1071
- ({ align: e = "end", children: t, className: a, ...s }, o) => /* @__PURE__ */ r(
1061
+ bt.displayName = "Modal.Header";
1062
+ const Nt = n(
1063
+ ({ align: e = "end", children: t, className: a, ...s }, r) => /* @__PURE__ */ o(
1072
1064
  "div",
1073
1065
  {
1074
- ref: o,
1075
- className: c(f.footer, "modal-footer", a),
1066
+ ref: r,
1067
+ className: d(w.footer, "modal-footer", a),
1076
1068
  "data-modal-footer": "",
1077
1069
  "data-align": e,
1078
1070
  ...s,
@@ -1080,80 +1072,80 @@ const mt = l(
1080
1072
  }
1081
1073
  )
1082
1074
  );
1083
- mt.displayName = "Modal.Footer";
1084
- const Ba = Object.assign(nt, {
1085
- Body: J,
1086
- CloseButton: ct,
1087
- Footer: mt,
1088
- Header: dt,
1089
- Title: q
1090
- }), ut = L(void 0), Yt = () => {
1091
- const e = R(ut);
1075
+ Nt.displayName = "Modal.Footer";
1076
+ const Sa = Object.assign(ut, {
1077
+ Body: K,
1078
+ CloseButton: pt,
1079
+ Footer: Nt,
1080
+ Header: bt,
1081
+ Title: J
1082
+ }), yt = A(void 0), Zt = () => {
1083
+ const e = R(yt);
1092
1084
  if (!e)
1093
1085
  throw new Error("BottomSheet subcomponents must be used within BottomSheet");
1094
1086
  return e;
1095
- }, pt = l(
1096
- ({ open: e, onOpenChange: t, children: a, className: s, ...o }, i) => /* @__PURE__ */ r(ut.Provider, { value: { onClose: () => t == null ? void 0 : t(!1) }, children: /* @__PURE__ */ r(
1087
+ }, vt = n(
1088
+ ({ open: e, onOpenChange: t, children: a, className: s, ...r }, i) => /* @__PURE__ */ o(yt.Provider, { value: { onClose: () => t == null ? void 0 : t(!1) }, children: /* @__PURE__ */ o(
1097
1089
  Y,
1098
1090
  {
1099
1091
  ref: i,
1100
1092
  isOpen: e,
1101
1093
  onOpenChange: t,
1102
- className: c(St.bottomSheet, s),
1103
- ...o,
1104
- children: /* @__PURE__ */ r("div", { className: f.content, children: a })
1094
+ className: d(Lt.bottomSheet, s),
1095
+ ...r,
1096
+ children: /* @__PURE__ */ o("div", { className: w.content, children: a })
1105
1097
  }
1106
1098
  ) })
1107
1099
  );
1108
- pt.displayName = "BottomSheet";
1109
- const bt = l(
1100
+ vt.displayName = "BottomSheet";
1101
+ const ft = n(
1110
1102
  ({ onClick: e, ...t }, a) => {
1111
- const { onClose: s } = Yt();
1112
- return /* @__PURE__ */ r(
1113
- k,
1103
+ const { onClose: s } = Zt();
1104
+ return /* @__PURE__ */ o(
1105
+ V,
1114
1106
  {
1115
- as: X,
1107
+ as: q,
1116
1108
  ref: a,
1117
1109
  variant: "ghost",
1118
1110
  "aria-label": "Close",
1119
1111
  onClick: (i) => {
1120
1112
  s(), e == null || e(i);
1121
1113
  },
1122
- className: f.closeButton,
1114
+ className: w.closeButton,
1123
1115
  ...t
1124
1116
  }
1125
1117
  );
1126
1118
  }
1127
1119
  );
1128
- bt.displayName = "BottomSheet.CloseButton";
1129
- const Ta = Object.assign(pt, {
1130
- Body: J,
1131
- CloseButton: bt,
1132
- Footer: ee,
1133
- Header: Mt,
1134
- Title: q
1120
+ ft.displayName = "BottomSheet.CloseButton";
1121
+ const wa = Object.assign(vt, {
1122
+ Body: K,
1123
+ CloseButton: ft,
1124
+ Footer: te,
1125
+ Header: Ht,
1126
+ Title: J
1135
1127
  });
1136
1128
  export {
1137
1129
  na as Accordion,
1138
- va as AppLayout,
1139
- da as AttributeList,
1140
- Ct as AvatarGroup,
1141
- Et as BadgeGroup,
1142
- ya as BottomBar,
1143
- Ta as BottomSheet,
1144
- _t as ButtonGroup,
1145
- ma as Card,
1130
+ fa as AppLayout,
1131
+ ma as AttributeList,
1132
+ zt as AvatarGroup,
1133
+ Ct as BadgeGroup,
1134
+ va as BottomBar,
1135
+ wa as BottomSheet,
1136
+ Xt as ButtonGroup,
1137
+ ua as Card,
1146
1138
  Y as Dialog,
1147
- ga as Drawer,
1148
- fa as Features,
1139
+ Ta as Drawer,
1140
+ ga as Features,
1149
1141
  ha as FormGroup,
1150
- Wt as Menu,
1151
- Ba as Modal,
1152
- ba as Nav,
1153
- De as NavItem,
1154
- $t as NoResults,
1155
- Na as Sidebar,
1156
- ua as Table,
1157
- ca as Tabs,
1158
- pa as TopBar
1142
+ _ as Menu,
1143
+ Sa as Modal,
1144
+ Na as Nav,
1145
+ je as NavItem,
1146
+ _t as NoResults,
1147
+ ya as Sidebar,
1148
+ pa as Table,
1149
+ da as Tabs,
1150
+ ba as TopBar
1159
1151
  };