@versaur/react 1.0.10 → 1.0.11

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 +120 -69
  2. package/dist/blocks.js +673 -686
  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, ...l }, i) {
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: i || c,
33
+ className: d(D.item, r),
34
34
  open: m,
35
- ...y,
36
- ...i,
35
+ ...N,
36
+ ...l,
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 }, l) => {
48
+ const { isOpen: i, 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
- ref: i,
55
- className: c(F.trigger, s),
56
- onClick: n,
54
+ ref: l,
55
+ className: d(D.trigger, s),
56
+ onClick: c,
57
57
  role: "button",
58
- "aria-expanded": d,
59
- ...o,
58
+ "aria-expanded": i,
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",
79
- children: i,
80
- className: d,
78
+ "aria-label": r = "Avatar group",
79
+ children: l,
80
+ className: i,
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"], i),
89
89
  role: "group",
90
- "aria-label": o,
91
- ...n,
90
+ "aria-label": r,
91
+ ...c,
92
92
  ...m,
93
- children: i
93
+ children: l
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 le = n(({ value: e, onChange: t, children: a, className: s }, r) => {
117
+ const l = M(null), i = M(/* @__PURE__ */ new Map()), [m, u] = P(0), [c, p] = P(0), N = () => {
118
+ const f = i.current.get(e);
119
+ if (!f || !l.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 = l.current.getBoundingClientRect(), g = f.getBoundingClientRect(), ht = g.left - h.left + l.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 && i.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(l, 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, l), 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
+ le.displayName = "Tabs";
149
+ const ie = n(
150
+ ({ value: e, disabled: t = !1, children: a, className: s }, r) => {
151
+ const { activeValue: l, onChange: i, registerTrigger: m } = $t(), u = l === e;
152
+ let c;
153
+ t ? c = "disabled" : u ? c = "active" : c = "default";
154
154
  const p = () => {
155
- t || d(e);
155
+ t || i(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
@@ -172,459 +172,446 @@ const ie = l(
172
172
  }
173
173
  );
174
174
  ie.displayName = "Tabs.Item";
175
- function Pt(e) {
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, {
182
+ const da = Object.assign(le, {
183
183
  Item: ie,
184
- getPanelAttribute: Pt
185
- }), $t = l(
186
- ({ icon: e, title: t, subtitle: a, action: s, className: o, ...i }, d) => /* @__PURE__ */ N(
184
+ getPanelAttribute: Et
185
+ }), _t = n(
186
+ ({ icon: e, title: t, subtitle: a, action: s, className: r, ...l }, i) => /* @__PURE__ */ y(
187
187
  "section",
188
188
  {
189
- ref: d,
190
- className: c(x["no-results"], o),
189
+ ref: i,
190
+ className: d(F["no-results"], r),
191
191
  role: "status",
192
192
  "aria-label": t,
193
- ...i,
193
+ ...l,
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: l, ...i }, 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
- ...i
220
+ ...l
221
221
  },
222
- ...d,
222
+ ...i,
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, ...l }, i) => /* @__PURE__ */ y(
231
231
  "div",
232
232
  {
233
- ref: d,
234
- className: c(s),
233
+ ref: i,
234
+ className: d(s),
235
235
  style: {
236
236
  "--_area": t,
237
- ...o
237
+ ...r
238
238
  },
239
- ...i,
239
+ ...l,
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",
257
- children: i,
258
- className: d,
256
+ "aria-label": r = "Badge group",
257
+ children: l,
258
+ className: i,
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"], i),
272
272
  role: "group",
273
- "aria-label": o,
274
- ...n,
273
+ "aria-label": r,
274
+ ...c,
275
275
  ...m,
276
- children: i
276
+ children: l
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, ...l }, i) {
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: i, className: d(C.card, r), ...m, ...l, 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
- }
290
+ const de = n(
291
+ Vt
299
292
  );
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 });
293
+ de.displayName = "Card";
294
+ const me = n(
295
+ ({ justify: e, gap: t, children: a, className: s, ...r }, l) => {
296
+ const i = v({ gap: t, justify: e });
297
+ return /* @__PURE__ */ o("div", { ref: l, className: d(C.header, s), ...i, ...r, children: a });
305
298
  }
306
299
  );
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 });
300
+ me.displayName = "Card.Header";
301
+ const ue = n(
302
+ ({ align: e, gap: t, children: a, className: s, ...r }, l) => {
303
+ const i = v({ align: e, gap: t });
304
+ return /* @__PURE__ */ o("div", { ref: l, className: d(C.body, s), ...i, ...r, children: a });
312
305
  }
313
306
  );
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
- );
307
+ ue.displayName = "Card.Body";
308
+ const pe = n(
309
+ ({ justify: e, gap: t, children: a, className: s, ...r }, l) => {
310
+ const i = v({ gap: t, justify: e });
311
+ return /* @__PURE__ */ o("div", { ref: l, className: d(C.footer, s), ...i, ...r, children: a });
376
312
  }
377
313
  );
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
- ] });
436
- }
437
- );
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,
520
- gap: i = 8,
521
- value: d,
325
+ maxWidth: r = 320,
326
+ gap: l = 8,
327
+ value: i,
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: i
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: l, 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: l, className: i, ...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), l == null || l(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"], i),
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(({ children: e, className: t, ...a }, s) => {
406
+ const r = fe(), l = typeof e == "function" ? e(r.selectedRows) : e;
407
+ return /* @__PURE__ */ o("div", { ref: s, className: d(B.toolbar, t), ...a, children: l });
408
+ });
409
+ he.displayName = "Table.Toolbar";
410
+ const ge = n(({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(B.header, e), ...t }));
411
+ ge.displayName = "Table.Header";
412
+ const Te = n(({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(B.body, e), ...t }));
413
+ Te.displayName = "Table.Body";
414
+ const Se = n(({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(B.footer, e), ...t }));
415
+ Se.displayName = "Table.Footer";
416
+ const we = n(({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(B.row, e), ...t }));
417
+ we.displayName = "Table.Row";
418
+ const Be = n(
419
+ ({ as: e = "div", area: t, variant: a, className: s, style: r, ...l }, i) => {
420
+ const m = v({
421
+ variant: a
422
+ });
423
+ return /* @__PURE__ */ o(
424
+ e,
425
+ {
426
+ ref: i,
427
+ className: d(B.col, s),
428
+ style: {
429
+ "--_area": t,
430
+ ...r
431
+ },
432
+ ...m,
433
+ ...l
434
+ }
435
+ );
436
+ }
437
+ );
438
+ Be.displayName = "Table.Col";
439
+ const Ae = n(
440
+ ({ rowId: e, checked: t, indeterminate: a, onChange: s }, r) => {
441
+ const l = fe(), i = e === "select-all", m = i ? l.selectedRows.size === l.allRowIds.size && l.allRowIds.size > 0 : l.selectedRows.has(e);
442
+ !i && e && l.registerRowId(e);
443
+ const u = (p) => {
444
+ i ? l.onSelectAll(Array.from(l.allRowIds), p.target.checked) : l.onSelectionChange(e, p.target.checked), s == null || s(p.target.checked);
445
+ }, c = i && l.selectedRows.size > 0 && l.selectedRows.size < l.allRowIds.size;
446
+ return /* @__PURE__ */ y("label", { className: k.checkbox, children: [
447
+ /* @__PURE__ */ o(
448
+ "input",
449
+ {
450
+ ref: (p) => {
451
+ p && (p.indeterminate = c || a || !1, typeof r == "function" ? r(p) : r && (r.current = p));
452
+ },
453
+ type: "checkbox",
454
+ className: k.input,
455
+ checked: t !== void 0 ? t : m,
456
+ onChange: u,
457
+ "aria-label": i ? "Select all rows" : `Select row ${e}`
458
+ }
459
+ ),
460
+ /* @__PURE__ */ o("span", { className: k.indicator })
461
+ ] });
462
+ }
463
+ );
464
+ Ae.displayName = "Table.Checkbox";
465
+ const Re = n(
466
+ ({ as: e = "div", title: t, subtitle: a, size: s = "md", className: r, ...l }, i) => /* @__PURE__ */ y(e, { ref: i, className: d(B.col, r), "data-variant": "double-line", ...l, children: [
467
+ /* @__PURE__ */ o("div", { className: B["double-line-title"], "data-size": s, children: t }),
468
+ /* @__PURE__ */ o("div", { className: B["double-line-subtitle"], "data-size": s, children: a })
469
+ ] })
470
+ );
471
+ Re.displayName = "Table.DoubleLine";
472
+ const Ie = _.Item;
473
+ Ie.displayName = "Table.ActionItem";
474
+ const Le = n(({ icon: e, children: t }, a) => {
475
+ const s = O(), r = _.getTriggerProps({ id: s });
476
+ return /* @__PURE__ */ y("div", { ref: a, className: d(B.action), children: [
477
+ /* @__PURE__ */ o(
478
+ V,
479
+ {
480
+ ...r,
481
+ as: e,
482
+ variant: "ghost",
483
+ className: d(B["action-trigger"]),
484
+ "aria-label": "Actions",
485
+ onClick: (l) => {
486
+ l.stopPropagation();
487
+ },
488
+ size: "small"
489
+ }
490
+ ),
491
+ /* @__PURE__ */ o(_, { id: s, placement: "bottom", closeOnClick: !0, children: t })
492
+ ] });
493
+ });
494
+ Le.displayName = "Table.Action";
495
+ const xe = n(({ columns: e, children: t, className: a, style: s, onSelectionChange: r, ...l }, i) => {
496
+ const [m, u] = P(/* @__PURE__ */ new Set()), c = M(/* @__PURE__ */ new Set()), p = (f, h) => {
497
+ const g = new Set(m);
498
+ h ? g.add(f) : g.delete(f), u(g), r == null || r({
499
+ selected: g,
500
+ allSelected: g.size === c.current.size && c.current.size > 0,
501
+ someSelected: g.size > 0
502
+ });
503
+ }, N = (f, h) => {
504
+ const g = h ? new Set(f) : /* @__PURE__ */ new Set();
505
+ u(g), r == null || r({
506
+ selected: g,
507
+ allSelected: h,
508
+ someSelected: h
509
+ });
510
+ }, b = (f) => {
511
+ c.current.add(f);
512
+ }, S = {
513
+ selectedRows: m,
514
+ allRowIds: c.current,
515
+ onSelectionChange: p,
516
+ onSelectAll: N,
517
+ registerRowId: b
518
+ };
519
+ return /* @__PURE__ */ o(ve.Provider, { value: S, children: /* @__PURE__ */ o(
520
+ "div",
521
+ {
522
+ ref: i,
523
+ className: d(B.table, a),
524
+ style: {
525
+ "--_columns": e,
526
+ ...s
527
+ },
528
+ ...l,
529
+ children: t
530
+ }
531
+ ) });
532
+ });
533
+ xe.displayName = "Table";
534
+ const pa = Object.assign(xe, {
535
+ Toolbar: he,
536
+ Header: ge,
537
+ Body: Te,
538
+ Footer: Se,
539
+ Row: we,
540
+ Col: Be,
541
+ Checkbox: Ae,
542
+ DoubleLine: Re,
543
+ Action: Le,
544
+ ActionItem: Ie
545
+ }), Xt = n(
546
+ ({
547
+ gap: e = "md",
548
+ direction: t = "horizontal",
549
+ align: a = "center",
550
+ wrap: s = "nowrap",
551
+ fluid: r = !1,
552
+ "aria-label": l = "Button group",
553
+ children: i,
554
+ className: m,
555
+ ...u
556
+ }, c) => {
557
+ const p = v({
558
+ align: a,
559
+ direction: t,
560
+ fluid: r,
561
+ gap: e,
562
+ wrap: s
563
+ });
564
+ return /* @__PURE__ */ o(
565
+ "div",
566
+ {
567
+ ref: c,
568
+ className: d(At["button-group"], m),
569
+ role: "group",
570
+ "aria-label": l,
571
+ ...p,
572
+ ...u,
573
+ children: i
574
+ }
575
+ );
576
+ }
577
+ );
578
+ Xt.displayName = "ButtonGroup";
579
+ const Fe = n(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o("div", { ref: s, className: d(L["top-bar"], t), ...a, children: e }));
580
+ Fe.displayName = "TopBar";
581
+ const De = n(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o("div", { ref: s, className: d(L["top-bar-leading"], t), ...a, children: e }));
582
+ De.displayName = "TopBar.Leading";
583
+ const Me = n(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o("div", { ref: s, className: d(L["top-bar-centred"], t), ...a, children: e }));
584
+ Me.displayName = "TopBar.Centred";
585
+ const He = n(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o("div", { ref: s, className: d(L["top-bar-trailing"], t), ...a, children: e }));
586
+ He.displayName = "TopBar.Trailing";
587
+ const Ge = n(
588
+ ({ as: e = "button", active: t, disabled: a, icon: s, className: r, children: l, ...i }, m) => /* @__PURE__ */ y(
602
589
  e,
603
590
  {
604
591
  ref: m,
605
- className: c(A["top-bar-item"], o),
592
+ className: d(L["top-bar-item"], r),
606
593
  "data-active": t ? "" : void 0,
607
594
  "data-disabled": a ? "" : void 0,
608
- ...d,
595
+ ...i,
609
596
  children: [
610
- s && /* @__PURE__ */ r("span", { className: A["top-bar-item-icon"], children: s }),
611
- i
597
+ s && /* @__PURE__ */ o("span", { className: L["top-bar-item-icon"], children: s }),
598
+ l
612
599
  ]
613
600
  }
614
601
  )
615
602
  );
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 = {
603
+ Ge.displayName = "TopBar.Item";
604
+ 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 }));
605
+ Pe.displayName = "TopBar.ListItem";
606
+ const ba = Object.assign(Fe, {
607
+ Centred: Me,
608
+ Item: Ge,
609
+ Leading: De,
610
+ ListItem: Pe,
611
+ Trailing: He
612
+ }), ze = A(void 0), U = n(
613
+ ({ direction: e = "horizontal", gap: t, value: a, onChange: s, children: r, className: l, ...i }, m) => {
614
+ const u = v({ direction: e }), c = {
628
615
  lg: "var(--spacing-4)",
629
616
  md: "var(--spacing-3)",
630
617
  sm: "var(--spacing-2)",
@@ -633,446 +620,446 @@ const pa = Object.assign(Ie, {
633
620
  onChange: s,
634
621
  value: a
635
622
  };
636
- return /* @__PURE__ */ r(He.Provider, { value: p, children: /* @__PURE__ */ r(
623
+ return /* @__PURE__ */ o(ze.Provider, { value: p, children: /* @__PURE__ */ o(
637
624
  "nav",
638
625
  {
639
626
  ref: m,
640
- className: c(j.nav, i),
627
+ className: d(j.nav, l),
641
628
  style: {
642
629
  ...t && {
643
- "--vers-comp-nav-gap": n[t]
630
+ "--vers-comp-nav-gap": c[t]
644
631
  }
645
632
  },
646
633
  ...u,
647
- ...d,
648
- children: o
634
+ ...i,
635
+ children: r
649
636
  }
650
637
  ) });
651
638
  }
652
639
  );
653
- Q.displayName = "Nav";
654
- Q.displayName = "Nav";
655
- const De = l(
640
+ U.displayName = "Nav";
641
+ U.displayName = "Nav";
642
+ const je = n(
656
643
  ({
657
644
  as: e = "button",
658
645
  active: t = !1,
659
646
  value: a,
660
647
  disabled: s = !1,
661
- loading: o = !1,
662
- leftIcon: i,
663
- rightIcon: d,
648
+ loading: r = !1,
649
+ leftIcon: l,
650
+ rightIcon: i,
664
651
  children: m,
665
652
  onClick: u,
666
- className: n,
653
+ className: c,
667
654
  ...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();
655
+ }, N) => {
656
+ const b = R(ze), S = b != null && b.onChange && a !== void 0 ? b.value === a : t, f = v({
657
+ active: S,
658
+ disabled: s || r,
659
+ loading: r
660
+ }), h = (g) => {
661
+ if (s || r) {
662
+ g.preventDefault();
676
663
  return;
677
664
  }
678
- b != null && b.onChange && a !== void 0 && b.onChange(a), u == null || u(M);
665
+ b != null && b.onChange && a !== void 0 && b.onChange(a), u == null || u(g);
679
666
  };
680
- return /* @__PURE__ */ N(
667
+ return /* @__PURE__ */ y(
681
668
  e,
682
669
  {
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,
670
+ ref: N,
671
+ className: d(j["nav-item"], c),
672
+ "aria-current": S && e !== "button" ? "page" : void 0,
673
+ "aria-disabled": s || r ? "true" : void 0,
674
+ "aria-busy": r ? "true" : void 0,
675
+ ...f,
689
676
  ...p,
690
- onClick: B,
677
+ onClick: h,
691
678
  children: [
692
- i && /* @__PURE__ */ r("span", { className: j["nav-item-icon"], children: /* @__PURE__ */ r(z, { as: i }) }),
679
+ l && /* @__PURE__ */ o("span", { className: j["nav-item-icon"], children: /* @__PURE__ */ o(E, { as: l }) }),
693
680
  m,
694
- d && /* @__PURE__ */ r("span", { className: j["nav-item-icon"], children: /* @__PURE__ */ r(z, { as: d }) })
681
+ i && /* @__PURE__ */ o("span", { className: j["nav-item-icon"], children: /* @__PURE__ */ o(E, { as: i }) })
695
682
  ]
696
683
  }
697
684
  );
698
685
  }
699
686
  );
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 = () => {
687
+ je.displayName = "NavItem";
688
+ const Na = Object.assign(U, {
689
+ Item: je
690
+ }), $e = n(({ children: e, className: t }, a) => /* @__PURE__ */ o("aside", { ref: a, className: d(T.sidebar, t), children: e }));
691
+ $e.displayName = "Sidebar";
692
+ const Ee = n(({ children: e, className: t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(T["sidebar-header"], t), children: e }));
693
+ Ee.displayName = "Sidebar.Header";
694
+ const _e = n(({ children: e, className: t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(T["sidebar-body"], t), children: e }));
695
+ _e.displayName = "Sidebar.Body";
696
+ const Ce = n(({ children: e, className: t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(T["sidebar-footer"], t), children: e }));
697
+ Ce.displayName = "Sidebar.Footer";
698
+ const Ve = n(
699
+ ({ label: e, icon: t, defaultExpanded: a = !0, isExpanded: s, onExpandedChange: r, children: l, className: i }, m) => {
700
+ const [u, c] = P(a), p = s !== void 0 ? s : u, N = () => {
714
701
  const b = !p;
715
- n(b), o == null || o(b);
702
+ c(b), r == null || r(b);
716
703
  };
717
- return /* @__PURE__ */ N(
704
+ return /* @__PURE__ */ y(
718
705
  "div",
719
706
  {
720
707
  ref: m,
721
- className: c(h["sidebar-group"], d),
708
+ className: d(T["sidebar-group"], i),
722
709
  "data-expanded": p ? "" : void 0,
723
710
  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" })
711
+ /* @__PURE__ */ y("button", { className: T["sidebar-group-header"], onClick: N, "aria-expanded": p, children: [
712
+ t && /* @__PURE__ */ o("span", { children: t }),
713
+ /* @__PURE__ */ o("span", { className: T["sidebar-group-label"], children: e }),
714
+ /* @__PURE__ */ o(E, { as: Z, className: T["sidebar-group-chevron"], size: "sm" })
728
715
  ] }),
729
- /* @__PURE__ */ r("div", { className: h["sidebar-group-content"], children: /* @__PURE__ */ r("div", { children: i }) })
716
+ /* @__PURE__ */ o("div", { className: T["sidebar-group-content"], children: /* @__PURE__ */ o("div", { children: l }) })
730
717
  ]
731
718
  }
732
719
  );
733
720
  }
734
721
  );
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(
722
+ Ve.displayName = "Sidebar.Group";
723
+ const ke = n(
724
+ ({ as: e = "button", active: t, disabled: a, icon: s, action: r, className: l, children: i, ...m }, u) => /* @__PURE__ */ y(
738
725
  e,
739
726
  {
740
727
  ref: u,
741
- className: c(h["sidebar-item"], i),
728
+ className: d(T["sidebar-item"], l),
742
729
  "data-active": t ? "" : void 0,
743
730
  "data-disabled": a ? "" : void 0,
744
- "data-action": o ? "" : void 0,
731
+ "data-action": r ? "" : void 0,
745
732
  ...m,
746
733
  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 })
734
+ s && /* @__PURE__ */ o("span", { className: T["sidebar-item-icon"], children: s }),
735
+ /* @__PURE__ */ o("span", { className: T["sidebar-item-text"], children: i }),
736
+ r && /* @__PURE__ */ o("span", { className: T["sidebar-item-action"], children: r })
750
737
  ]
751
738
  }
752
739
  )
753
740
  );
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
741
+ ke.displayName = "Sidebar.Item";
742
+ const We = n(({ children: e, className: t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(T["sidebar-item-list"], t), children: e }));
743
+ We.displayName = "Sidebar.ItemList";
744
+ const Xe = n(({ className: e }, t) => /* @__PURE__ */ o("div", { ref: t, className: d(T["sidebar-divider"], e), children: /* @__PURE__ */ o(Mt, {}) }));
745
+ Xe.displayName = "Sidebar.Divider";
746
+ const ya = Object.assign($e, {
747
+ Body: _e,
748
+ Divider: Xe,
749
+ Footer: Ce,
750
+ Group: Ve,
751
+ Header: Ee,
752
+ Item: ke,
753
+ ItemList: We
767
754
  });
768
- function Ut(e, t) {
755
+ function qt(e, t) {
769
756
  return e === t;
770
757
  }
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({
758
+ const qe = n(({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o("nav", { ref: s, className: d($["bottom-bar"], t), ...a, children: e }));
759
+ qe.displayName = "BottomBar";
760
+ const Je = n(
761
+ ({ as: e = "button", href: t, active: a = !1, disabled: s = !1, icon: r, children: l, onClick: i, className: m, ...u }, c) => {
762
+ const p = qt(e, "a"), N = v({
776
763
  active: a,
777
764
  disabled: s
778
- }), b = (B) => {
765
+ }), b = (h) => {
779
766
  if (s) {
780
- B.preventDefault();
767
+ h.preventDefault();
781
768
  return;
782
769
  }
783
- d == null || d(B);
784
- }, g = {
785
- className: c(P["bottom-bar-item"], m),
770
+ i == null || i(h);
771
+ }, S = {
772
+ className: d($["bottom-bar-item"], m),
786
773
  onClick: b,
787
- ref: n,
788
- ...y,
774
+ ref: c,
775
+ ...N,
789
776
  ...u
790
777
  };
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 })
778
+ return p && (S.href = t), /* @__PURE__ */ y(e || "button", { ...S, children: [
779
+ r && /* @__PURE__ */ o("span", { className: $["bottom-bar-item-icon"], children: r }),
780
+ l && /* @__PURE__ */ o("span", { className: $["bottom-bar-item-text"], children: l })
794
781
  ] });
795
782
  }
796
783
  );
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 })
784
+ Je.displayName = "BottomBar.Item";
785
+ const va = Object.assign(qe, {
786
+ Item: Je
787
+ }), Ke = n(
788
+ ({ className: e, children: t }, a) => /* @__PURE__ */ o("div", { ref: a, className: d(x["app-layout"], e), children: t })
802
789
  );
803
- We.displayName = "AppLayout";
804
- const Ue = l(
790
+ Ke.displayName = "AppLayout";
791
+ const Qe = n(
805
792
  ({ centered: e, className: t, children: a }, s) => {
806
- const o = v({
793
+ const r = v({
807
794
  centered: e
808
795
  });
809
- return /* @__PURE__ */ r("div", { ref: s, className: c(I["app-layout-body"], t), ...o, children: a });
796
+ return /* @__PURE__ */ o("div", { ref: s, className: d(x["app-layout-body"], t), ...r, children: a });
810
797
  }
811
798
  );
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
799
+ Qe.displayName = "AppLayout.Body";
800
+ const Ue = n(({ className: e, children: t }, a) => /* @__PURE__ */ o("header", { ref: a, className: d(x["app-layout-header"], e), children: t }));
801
+ Ue.displayName = "AppLayout.Header";
802
+ const Ye = n(({ className: e, children: t }, a) => /* @__PURE__ */ o("main", { ref: a, className: d(x["app-layout-main"], e), children: t }));
803
+ Ye.displayName = "AppLayout.Main";
804
+ const Ze = n(({ className: e, children: t }, a) => /* @__PURE__ */ o("aside", { ref: a, className: d(x["app-layout-side-left"], e), children: t }));
805
+ Ze.displayName = "AppLayout.SideLeft";
806
+ const Oe = n(({ className: e, children: t }, a) => /* @__PURE__ */ o("aside", { ref: a, className: d(x["app-layout-side-right"], e), children: t }));
807
+ Oe.displayName = "AppLayout.SideRight";
808
+ const et = n(({ className: e, children: t }, a) => /* @__PURE__ */ o("footer", { ref: a, className: d(x["app-layout-footer"], e), children: t }));
809
+ et.displayName = "AppLayout.Footer";
810
+ const fa = Object.assign(Ke, {
811
+ Body: Qe,
812
+ Footer: et,
813
+ Header: Ue,
814
+ Main: Ye,
815
+ SideLeft: Ze,
816
+ SideRight: Oe
830
817
  });
831
- function Xt({ columns: e = "1fr", children: t, className: a, style: s, ...o }, i) {
832
- return /* @__PURE__ */ r(
818
+ function Jt({ columns: e = "1fr", children: t, className: a, style: s, ...r }, l) {
819
+ return /* @__PURE__ */ o(
833
820
  "form",
834
821
  {
835
- ref: i,
836
- className: c(U["form-group"], a),
822
+ ref: l,
823
+ className: d(X["form-group"], a),
837
824
  style: {
838
825
  "--_columns": e,
839
826
  ...s
840
827
  },
841
- ...o,
828
+ ...r,
842
829
  children: t
843
830
  }
844
831
  );
845
832
  }
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(
833
+ const tt = n(Jt);
834
+ tt.displayName = "FormGroup";
835
+ const at = n(
836
+ ({ area: e, children: t, className: a, style: s, ...r }, l) => /* @__PURE__ */ o(
850
837
  "div",
851
838
  {
852
- ref: i,
853
- className: c(U.field, a),
839
+ ref: l,
840
+ className: d(X.field, a),
854
841
  style: {
855
842
  "--_area": e,
856
843
  ...s
857
844
  },
858
- ...o,
845
+ ...r,
859
846
  children: t
860
847
  }
861
848
  )
862
849
  );
863
- Ze.displayName = "FormGroup.Field";
864
- const Oe = l(
865
- ({ className: e, ...t }, a) => /* @__PURE__ */ r(
850
+ at.displayName = "FormGroup.Field";
851
+ const st = n(
852
+ ({ className: e, ...t }, a) => /* @__PURE__ */ o(
866
853
  "hr",
867
854
  {
868
855
  ref: a,
869
- className: c(U.separator, e),
856
+ className: d(X.separator, e),
870
857
  ...t
871
858
  }
872
859
  )
873
860
  );
874
- Oe.displayName = "FormGroup.Separator";
875
- const ha = Object.assign(Ye, {
876
- Field: Ze,
877
- Separator: Oe
861
+ st.displayName = "FormGroup.Separator";
862
+ const ha = Object.assign(tt, {
863
+ Field: at,
864
+ Separator: st
878
865
  });
879
- function qt({ direction: e = "column", children: t, className: a, ...s }, o) {
880
- return /* @__PURE__ */ r(
866
+ function Kt({ direction: e = "column", children: t, className: a, ...s }, r) {
867
+ return /* @__PURE__ */ o(
881
868
  "ul",
882
869
  {
883
- ref: o,
884
- className: c(W.features, a),
870
+ ref: r,
871
+ className: d(W.features, a),
885
872
  "data-direction": e,
886
873
  ...s,
887
874
  children: t
888
875
  }
889
876
  );
890
877
  }
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(
878
+ const ot = n(Kt);
879
+ ot.displayName = "Features";
880
+ const rt = n(
881
+ ({ icon: e, children: t, className: a, "aria-label": s, ...r }, l) => {
882
+ const m = `features-item-${O()}`, u = s ? I.getTooltipTriggerProps({ id: m }) : {};
883
+ return /* @__PURE__ */ y(
897
884
  "li",
898
885
  {
899
- ref: i,
886
+ ref: l,
900
887
  "aria-label": s,
901
- className: c(W.item, a),
888
+ className: d(W.item, a),
902
889
  ...u,
903
- ...o,
890
+ ...r,
904
891
  children: [
905
- e && /* @__PURE__ */ r("span", { className: W.icon, children: e }),
892
+ e && /* @__PURE__ */ o("span", { className: W.icon, children: e }),
906
893
  t,
907
- s && /* @__PURE__ */ r(S, { id: m, children: /* @__PURE__ */ r(S.Text, { children: s }) })
894
+ s && /* @__PURE__ */ o(I, { id: m, children: /* @__PURE__ */ o(I.Text, { children: s }) })
908
895
  ]
909
896
  }
910
897
  );
911
898
  }
912
899
  );
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) {
900
+ rt.displayName = "Features.Item";
901
+ const Qt = Object.assign(ot, {
902
+ Item: rt
903
+ }), ga = Qt, lt = xt.forwardRef(
904
+ ({ isOpen: e, onOpenChange: t, children: a, onClick: s, ...r }, l) => {
905
+ const i = M(null), m = l || i;
906
+ z(() => {
907
+ const c = m.current;
908
+ if (c) {
922
909
  if (e)
923
910
  try {
924
- n.showModal(), document.documentElement.style.overflow = "hidden";
911
+ c.showModal(), document.documentElement.style.overflow = "hidden";
925
912
  } catch {
926
913
  }
927
914
  else
928
- n.close(), document.documentElement.style.overflow = "";
915
+ c.close(), document.documentElement.style.overflow = "";
929
916
  return () => {
930
917
  document.documentElement.style.overflow = "";
931
918
  };
932
919
  }
933
- }, [e, m]), G(() => {
934
- const n = m.current;
935
- if (!n)
920
+ }, [e, m]), z(() => {
921
+ const c = m.current;
922
+ if (!c)
936
923
  return;
937
- const p = () => t == null ? void 0 : t(!1), y = (b) => {
924
+ const p = () => t == null ? void 0 : t(!1), N = (b) => {
938
925
  b.preventDefault(), t == null || t(!1);
939
926
  };
940
- return n.addEventListener("close", p), n.addEventListener("cancel", y), () => {
941
- n.removeEventListener("close", p), n.removeEventListener("cancel", y);
927
+ return c.addEventListener("close", p), c.addEventListener("cancel", N), () => {
928
+ c.removeEventListener("close", p), c.removeEventListener("cancel", N);
942
929
  };
943
930
  }, [t, m]);
944
- const u = xt(
945
- (n) => {
946
- n.target === n.currentTarget && (t == null || t(!1)), s == null || s(n);
931
+ const u = Dt(
932
+ (c) => {
933
+ c.target === c.currentTarget && (t == null || t(!1)), s == null || s(c);
947
934
  },
948
935
  [t, s]
949
936
  );
950
- return /* @__PURE__ */ r("dialog", { ...o, ref: m, onClick: u, children: a });
937
+ return /* @__PURE__ */ o("dialog", { ...r, ref: m, onClick: u, children: a });
951
938
  }
952
939
  );
953
- at.displayName = "Dialog";
954
- const Y = at, st = L(void 0), Kt = () => {
955
- const e = R(st);
940
+ lt.displayName = "Dialog";
941
+ const Y = lt, it = A(void 0), Ut = () => {
942
+ const e = R(it);
956
943
  if (!e)
957
944
  throw new Error("Drawer subcomponents must be used within Drawer");
958
945
  return e;
959
- }, rt = l(
960
- ({ open: e, onOpenChange: t, placement: a = "right", children: s, className: o, ...i }, d) => {
946
+ }, ct = n(
947
+ ({ open: e, onOpenChange: t, placement: a = "right", children: s, className: r, ...l }, i) => {
961
948
  const m = v({
962
949
  placement: a
963
950
  });
964
- return /* @__PURE__ */ r(st.Provider, { value: { onClose: () => t == null ? void 0 : t(!1) }, children: /* @__PURE__ */ r(
951
+ return /* @__PURE__ */ o(it.Provider, { value: { onClose: () => t == null ? void 0 : t(!1) }, children: /* @__PURE__ */ o(
965
952
  Y,
966
953
  {
967
- ref: d,
954
+ ref: i,
968
955
  isOpen: e,
969
956
  onOpenChange: t,
970
- className: c(e && Bt.drawer, o),
957
+ className: d(e && Rt.drawer, r),
971
958
  ...m,
972
- ...i,
973
- children: /* @__PURE__ */ r("div", { className: f.content, children: s })
959
+ ...l,
960
+ children: /* @__PURE__ */ o("div", { className: w.content, children: s })
974
961
  }
975
962
  ) });
976
963
  }
977
964
  );
978
- rt.displayName = "Drawer";
979
- const ot = l(({ onClick: e, ...t }, a) => {
980
- const { onClose: s } = Kt();
981
- return /* @__PURE__ */ r(
982
- k,
965
+ ct.displayName = "Drawer";
966
+ const nt = n(({ onClick: e, ...t }, a) => {
967
+ const { onClose: s } = Ut();
968
+ return /* @__PURE__ */ o(
969
+ V,
983
970
  {
984
971
  ref: a,
985
972
  variant: "ghost",
986
- as: X,
973
+ as: q,
987
974
  "aria-label": "Close",
988
- onClick: (i) => {
989
- s(), e == null || e(i);
975
+ onClick: (l) => {
976
+ s(), e == null || e(l);
990
977
  },
991
- className: f.closeButton,
978
+ className: w.closeButton,
992
979
  ...t
993
980
  }
994
981
  );
995
982
  });
996
- ot.displayName = "Drawer.CloseButton";
997
- const it = l(
998
- ({ action: e, children: t, tabs: a, className: s, ...o }, i) => /* @__PURE__ */ N(
983
+ nt.displayName = "Drawer.CloseButton";
984
+ const dt = n(
985
+ ({ action: e, children: t, tabs: a, className: s, ...r }, l) => /* @__PURE__ */ y(
999
986
  "div",
1000
987
  {
1001
- ref: i,
1002
- className: c(f.header, s),
1003
- ...o,
988
+ ref: l,
989
+ className: d(w.header, s),
990
+ ...r,
1004
991
  ...e && { "data-action": "" },
1005
992
  ...a && { "data-tabs": "" },
1006
993
  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 }),
994
+ e ? /* @__PURE__ */ y(Tt, { children: [
995
+ /* @__PURE__ */ o("div", { className: w.headerTop, children: e }),
996
+ t && /* @__PURE__ */ o("div", { className: w.headerContent, children: t })
997
+ ] }) : /* @__PURE__ */ o("div", { className: w.headerTop, children: t }),
1011
998
  a
1012
999
  ]
1013
1000
  }
1014
1001
  )
1015
1002
  );
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);
1003
+ dt.displayName = "Drawer.Header";
1004
+ const Ta = Object.assign(ct, {
1005
+ Body: K,
1006
+ CloseButton: nt,
1007
+ Footer: te,
1008
+ Header: dt,
1009
+ Title: J
1010
+ }), mt = A(void 0), Yt = () => {
1011
+ const e = R(mt);
1025
1012
  if (!e)
1026
1013
  throw new Error("Modal subcomponents must be used within Modal");
1027
1014
  return e;
1028
- }, nt = l(
1029
- ({ open: e, onOpenChange: t, size: a, position: s, children: o, className: i, ...d }, m) => {
1015
+ }, ut = n(
1016
+ ({ open: e, onOpenChange: t, size: a, position: s, children: r, className: l, ...i }, m) => {
1030
1017
  const u = v({ size: a, position: s });
1031
- return /* @__PURE__ */ r(lt.Provider, { value: { onClose: () => t == null ? void 0 : t(!1) }, children: /* @__PURE__ */ r(
1018
+ return /* @__PURE__ */ o(mt.Provider, { value: { onClose: () => t == null ? void 0 : t(!1) }, children: /* @__PURE__ */ o(
1032
1019
  Y,
1033
1020
  {
1034
1021
  ref: m,
1035
1022
  isOpen: e,
1036
1023
  onOpenChange: t,
1037
- className: c(e && Tt.modal, i),
1024
+ className: d(e && It.modal, l),
1038
1025
  "data-modal": "",
1039
1026
  ...u,
1040
- ...d,
1041
- children: /* @__PURE__ */ r("div", { className: f.content, children: o })
1027
+ ...i,
1028
+ children: /* @__PURE__ */ o("div", { className: w.content, children: r })
1042
1029
  }
1043
1030
  ) });
1044
1031
  }
1045
1032
  );
1046
- nt.displayName = "Modal";
1047
- const ct = l(({ onClick: e, ...t }, a) => {
1048
- const { onClose: s } = Qt();
1049
- return /* @__PURE__ */ r(
1050
- k,
1033
+ ut.displayName = "Modal";
1034
+ const pt = n(({ onClick: e, ...t }, a) => {
1035
+ const { onClose: s } = Yt();
1036
+ return /* @__PURE__ */ o(
1037
+ V,
1051
1038
  {
1052
1039
  ref: a,
1053
1040
  variant: "ghost",
1054
- as: X,
1041
+ as: q,
1055
1042
  "aria-label": "Close",
1056
- onClick: (i) => {
1057
- s(), e == null || e(i);
1043
+ onClick: (l) => {
1044
+ s(), e == null || e(l);
1058
1045
  },
1059
- className: f.closeButton,
1046
+ className: w.closeButton,
1060
1047
  ...t
1061
1048
  }
1062
1049
  );
1063
1050
  });
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 })
1051
+ pt.displayName = "Modal.CloseButton";
1052
+ 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: [
1053
+ /* @__PURE__ */ o("div", { children: t }),
1054
+ e && /* @__PURE__ */ o("div", { className: "modal-header-action", children: e })
1068
1055
  ] }));
1069
- dt.displayName = "Modal.Header";
1070
- const mt = l(
1071
- ({ align: e = "end", children: t, className: a, ...s }, o) => /* @__PURE__ */ r(
1056
+ bt.displayName = "Modal.Header";
1057
+ const Nt = n(
1058
+ ({ align: e = "end", children: t, className: a, ...s }, r) => /* @__PURE__ */ o(
1072
1059
  "div",
1073
1060
  {
1074
- ref: o,
1075
- className: c(f.footer, "modal-footer", a),
1061
+ ref: r,
1062
+ className: d(w.footer, "modal-footer", a),
1076
1063
  "data-modal-footer": "",
1077
1064
  "data-align": e,
1078
1065
  ...s,
@@ -1080,80 +1067,80 @@ const mt = l(
1080
1067
  }
1081
1068
  )
1082
1069
  );
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);
1070
+ Nt.displayName = "Modal.Footer";
1071
+ const Sa = Object.assign(ut, {
1072
+ Body: K,
1073
+ CloseButton: pt,
1074
+ Footer: Nt,
1075
+ Header: bt,
1076
+ Title: J
1077
+ }), yt = A(void 0), Zt = () => {
1078
+ const e = R(yt);
1092
1079
  if (!e)
1093
1080
  throw new Error("BottomSheet subcomponents must be used within BottomSheet");
1094
1081
  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(
1082
+ }, vt = n(
1083
+ ({ open: e, onOpenChange: t, children: a, className: s, ...r }, l) => /* @__PURE__ */ o(yt.Provider, { value: { onClose: () => t == null ? void 0 : t(!1) }, children: /* @__PURE__ */ o(
1097
1084
  Y,
1098
1085
  {
1099
- ref: i,
1086
+ ref: l,
1100
1087
  isOpen: e,
1101
1088
  onOpenChange: t,
1102
- className: c(St.bottomSheet, s),
1103
- ...o,
1104
- children: /* @__PURE__ */ r("div", { className: f.content, children: a })
1089
+ className: d(Lt.bottomSheet, s),
1090
+ ...r,
1091
+ children: /* @__PURE__ */ o("div", { className: w.content, children: a })
1105
1092
  }
1106
1093
  ) })
1107
1094
  );
1108
- pt.displayName = "BottomSheet";
1109
- const bt = l(
1095
+ vt.displayName = "BottomSheet";
1096
+ const ft = n(
1110
1097
  ({ onClick: e, ...t }, a) => {
1111
- const { onClose: s } = Yt();
1112
- return /* @__PURE__ */ r(
1113
- k,
1098
+ const { onClose: s } = Zt();
1099
+ return /* @__PURE__ */ o(
1100
+ V,
1114
1101
  {
1115
- as: X,
1102
+ as: q,
1116
1103
  ref: a,
1117
1104
  variant: "ghost",
1118
1105
  "aria-label": "Close",
1119
- onClick: (i) => {
1120
- s(), e == null || e(i);
1106
+ onClick: (l) => {
1107
+ s(), e == null || e(l);
1121
1108
  },
1122
- className: f.closeButton,
1109
+ className: w.closeButton,
1123
1110
  ...t
1124
1111
  }
1125
1112
  );
1126
1113
  }
1127
1114
  );
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
1115
+ ft.displayName = "BottomSheet.CloseButton";
1116
+ const wa = Object.assign(vt, {
1117
+ Body: K,
1118
+ CloseButton: ft,
1119
+ Footer: te,
1120
+ Header: Ht,
1121
+ Title: J
1135
1122
  });
1136
1123
  export {
1137
1124
  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,
1125
+ fa as AppLayout,
1126
+ ma as AttributeList,
1127
+ zt as AvatarGroup,
1128
+ Ct as BadgeGroup,
1129
+ va as BottomBar,
1130
+ wa as BottomSheet,
1131
+ Xt as ButtonGroup,
1132
+ ua as Card,
1146
1133
  Y as Dialog,
1147
- ga as Drawer,
1148
- fa as Features,
1134
+ Ta as Drawer,
1135
+ ga as Features,
1149
1136
  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
1137
+ _ as Menu,
1138
+ Sa as Modal,
1139
+ Na as Nav,
1140
+ je as NavItem,
1141
+ _t as NoResults,
1142
+ ya as Sidebar,
1143
+ pa as Table,
1144
+ da as Tabs,
1145
+ ba as TopBar
1159
1146
  };