@versaur/react 1.0.8 → 1.0.10

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