@skeletonlabs/skeleton-react 4.5.3 → 4.6.1

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/index.d.mts +200 -114
  2. package/dist/index.mjs +619 -411
  3. package/package.json +3 -2
package/dist/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { Children, createContext, use, useEffect, useId } from "react";
2
2
  import { connect, machine, splitItemProps, splitProps } from "@zag-js/accordion";
3
3
  import { Portal as Portal$1, mergeProps, normalizeProps, useMachine } from "@zag-js/react";
4
- import { classesAccordion, classesAppBar, classesAvatar, classesCollapsible, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesListbox, classesMenu, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesToggleGroup, classesTooltip, classesTreeView } from "@skeletonlabs/skeleton-common";
4
+ import * as classes from "@skeletonlabs/skeleton-common/classes";
5
5
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
6
6
  import { connect as connect$1, machine as machine$1, splitProps as splitProps$1 } from "@zag-js/avatar";
7
7
  import { connect as connect$2, machine as machine$2, splitProps as splitProps$2 } from "@zag-js/collapsible";
@@ -9,22 +9,23 @@ import { connect as connect$3, machine as machine$3, splitItemGroupLabelProps, s
9
9
  import { connect as connect$4, machine as machine$4, parse as parseDate, splitInputProps, splitPresetTriggerProps, splitProps as splitProps$4, splitTableCellProps, splitViewProps } from "@zag-js/date-picker";
10
10
  import { connect as connect$5, machine as machine$5, splitProps as splitProps$5 } from "@zag-js/dialog";
11
11
  import { connect as connect$6, machine as machine$6, splitItemProps as splitItemProps$2, splitProps as splitProps$6 } from "@zag-js/file-upload";
12
- import { connect as connect$7, machine as machine$7, splitItemGroupLabelProps as splitItemGroupLabelProps$1, splitItemGroupProps as splitItemGroupProps$1, splitItemProps as splitItemProps$3, splitProps as splitProps$7 } from "@zag-js/listbox";
13
- import { connect as connect$8, machine as machine$8, splitItemGroupLabelProps as splitItemGroupLabelProps$2, splitItemGroupProps as splitItemGroupProps$2, splitItemProps as splitItemProps$4, splitOptionItemProps, splitProps as splitProps$8 } from "@zag-js/menu";
14
- import { connect as connect$9, machine as machine$9, splitEllipsisProps, splitItemProps as splitItemProps$5, splitProps as splitProps$9 } from "@zag-js/pagination";
15
- import { connect as connect$10, machine as machine$10, splitProps as splitProps$10 } from "@zag-js/popover";
12
+ import { connect as connect$7, machine as machine$7, splitProps as splitProps$7, splitResizeTriggerProps } from "@zag-js/floating-panel";
13
+ import { connect as connect$8, machine as machine$8, splitItemGroupLabelProps as splitItemGroupLabelProps$1, splitItemGroupProps as splitItemGroupProps$1, splitItemProps as splitItemProps$3, splitProps as splitProps$8 } from "@zag-js/listbox";
14
+ import { connect as connect$9, machine as machine$9, splitItemGroupLabelProps as splitItemGroupLabelProps$2, splitItemGroupProps as splitItemGroupProps$2, splitItemProps as splitItemProps$4, splitOptionItemProps, splitProps as splitProps$9 } from "@zag-js/menu";
15
+ import { connect as connect$10, machine as machine$10, splitEllipsisProps, splitItemProps as splitItemProps$5, splitProps as splitProps$10 } from "@zag-js/pagination";
16
+ import { connect as connect$11, machine as machine$11, splitProps as splitProps$11 } from "@zag-js/popover";
16
17
  import { createPortal } from "react-dom";
17
- import { connect as connect$11, machine as machine$11, splitProps as splitProps$11 } from "@zag-js/progress";
18
- import { connect as connect$12, machine as machine$12, splitItemProps as splitItemProps$6, splitProps as splitProps$12 } from "@zag-js/rating-group";
19
- import { connect as connect$13, machine as machine$13, splitItemProps as splitItemProps$7, splitProps as splitProps$13 } from "@zag-js/radio-group";
20
- import { connect as connect$14, machine as machine$14, splitProps as splitProps$14, splitThumbProps } from "@zag-js/slider";
21
- import { connect as connect$15, machine as machine$15, splitProps as splitProps$15 } from "@zag-js/switch";
22
- import { connect as connect$16, machine as machine$16, splitContentProps, splitProps as splitProps$16, splitTriggerProps } from "@zag-js/tabs";
23
- import { connect as connect$17, machine as machine$17, splitItemProps as splitItemProps$8, splitProps as splitProps$17 } from "@zag-js/tags-input";
24
- import { connect as connect$18, createStore as createToaster, group, machine as machine$18 } from "@zag-js/toast";
25
- import { connect as connect$19, machine as machine$19, splitItemProps as splitItemProps$9, splitProps as splitProps$18 } from "@zag-js/toggle-group";
26
- import { connect as connect$20, machine as machine$20, splitProps as splitProps$19 } from "@zag-js/tooltip";
27
- import { collection as createTreeViewCollection, connect as connect$21, machine as machine$21, splitProps as splitProps$20 } from "@zag-js/tree-view";
18
+ import { connect as connect$12, machine as machine$12, splitProps as splitProps$12 } from "@zag-js/progress";
19
+ import { connect as connect$13, machine as machine$13, splitItemProps as splitItemProps$6, splitProps as splitProps$13 } from "@zag-js/rating-group";
20
+ import { connect as connect$14, machine as machine$14, splitItemProps as splitItemProps$7, splitProps as splitProps$14 } from "@zag-js/radio-group";
21
+ import { connect as connect$15, machine as machine$15, splitProps as splitProps$15, splitThumbProps } from "@zag-js/slider";
22
+ import { connect as connect$16, machine as machine$16, splitProps as splitProps$16 } from "@zag-js/switch";
23
+ import { connect as connect$17, machine as machine$17, splitContentProps, splitProps as splitProps$17, splitTriggerProps } from "@zag-js/tabs";
24
+ import { connect as connect$18, machine as machine$18, splitItemProps as splitItemProps$8, splitProps as splitProps$18 } from "@zag-js/tags-input";
25
+ import { connect as connect$19, createStore as createToaster, group, machine as machine$19 } from "@zag-js/toast";
26
+ import { connect as connect$20, machine as machine$20, splitItemProps as splitItemProps$9, splitProps as splitProps$19 } from "@zag-js/toggle-group";
27
+ import { connect as connect$21, machine as machine$21, splitProps as splitProps$20 } from "@zag-js/tooltip";
28
+ import { collection as createTreeViewCollection, connect as connect$22, machine as machine$22, splitProps as splitProps$21 } from "@zag-js/tree-view";
28
29
  import { ListCollection } from "@zag-js/collection";
29
30
 
30
31
  //#region src/internal/create-context.ts
@@ -47,15 +48,15 @@ function useAccordion(props = {}) {
47
48
 
48
49
  //#endregion
49
50
  //#region src/components/accordion/modules/root-context.ts
50
- const RootContext$44 = createContext$1();
51
+ const RootContext$46 = createContext$1();
51
52
 
52
53
  //#endregion
53
54
  //#region src/components/accordion/anatomy/item-content.tsx
54
55
  function ItemContent(props) {
55
- const accordion = use(RootContext$44);
56
+ const accordion = use(RootContext$46);
56
57
  const itemProps = use(ItemContext$6);
57
58
  const { element, children, ...rest } = props;
58
- const attributes = mergeProps(accordion.getItemContentProps(itemProps), { className: classesAccordion.itemContent }, rest);
59
+ const attributes = mergeProps(accordion.getItemContentProps(itemProps), { className: classes.accordion.itemContent }, rest);
59
60
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
60
61
  ...attributes,
61
62
  children
@@ -65,10 +66,10 @@ function ItemContent(props) {
65
66
  //#endregion
66
67
  //#region src/components/accordion/anatomy/item-indicator.tsx
67
68
  function ItemIndicator$3(props) {
68
- const accordion = use(RootContext$44);
69
+ const accordion = use(RootContext$46);
69
70
  const itemProps = use(ItemContext$6);
70
71
  const { element, children, ...rest } = props;
71
- const attributes = mergeProps(accordion.getItemIndicatorProps(itemProps), { className: classesAccordion.itemIndicator }, rest);
72
+ const attributes = mergeProps(accordion.getItemIndicatorProps(itemProps), { className: classes.accordion.itemIndicator }, rest);
72
73
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
73
74
  ...attributes,
74
75
  children
@@ -78,10 +79,10 @@ function ItemIndicator$3(props) {
78
79
  //#endregion
79
80
  //#region src/components/accordion/anatomy/item-trigger.tsx
80
81
  function ItemTrigger(props) {
81
- const accordion = use(RootContext$44);
82
+ const accordion = use(RootContext$46);
82
83
  const itemProps = use(ItemContext$6);
83
84
  const { element, children, ...rest } = props;
84
- const attributes = mergeProps(accordion.getItemTriggerProps(itemProps), { className: classesAccordion.itemTrigger }, rest);
85
+ const attributes = mergeProps(accordion.getItemTriggerProps(itemProps), { className: classes.accordion.itemTrigger }, rest);
85
86
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
86
87
  ...attributes,
87
88
  children
@@ -91,10 +92,10 @@ function ItemTrigger(props) {
91
92
  //#endregion
92
93
  //#region src/components/accordion/anatomy/item.tsx
93
94
  function Item$10(props) {
94
- const accordion = use(RootContext$44);
95
+ const accordion = use(RootContext$46);
95
96
  const [itemProps, componentProps] = splitItemProps(props);
96
97
  const { element, children, ...rest } = componentProps;
97
- const attributes = mergeProps(accordion.getItemProps(itemProps), { className: classesAccordion.item }, rest);
98
+ const attributes = mergeProps(accordion.getItemProps(itemProps), { className: classes.accordion.item }, rest);
98
99
  return /* @__PURE__ */ jsx(ItemContext$6.Provider, {
99
100
  value: itemProps,
100
101
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -106,18 +107,18 @@ function Item$10(props) {
106
107
 
107
108
  //#endregion
108
109
  //#region src/components/accordion/anatomy/root-context.tsx
109
- function RootContext$43(props) {
110
- const accordion = use(RootContext$44);
110
+ function RootContext$45(props) {
111
+ const accordion = use(RootContext$46);
111
112
  const { children } = props;
112
113
  return children(accordion);
113
114
  }
114
115
 
115
116
  //#endregion
116
117
  //#region src/components/accordion/anatomy/root-provider.tsx
117
- function RootProvider$15(props) {
118
+ function RootProvider$16(props) {
118
119
  const { element, children, value: accordion, ...rest } = props;
119
- const attributes = mergeProps(accordion.getRootProps(), { className: classesAccordion.root }, rest);
120
- return /* @__PURE__ */ jsx(RootContext$44.Provider, {
120
+ const attributes = mergeProps(accordion.getRootProps(), { className: classes.accordion.root }, rest);
121
+ return /* @__PURE__ */ jsx(RootContext$46.Provider, {
121
122
  value: accordion,
122
123
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
123
124
  ...attributes,
@@ -128,12 +129,12 @@ function RootProvider$15(props) {
128
129
 
129
130
  //#endregion
130
131
  //#region src/components/accordion/anatomy/root.tsx
131
- function Root$17(props) {
132
+ function Root$18(props) {
132
133
  const [accordionProps, componentProps] = splitProps(props);
133
134
  const { element, children, ...rest } = componentProps;
134
135
  const accordion = useAccordion(accordionProps);
135
- const attributes = mergeProps(accordion.getRootProps(), { className: classesAccordion.root }, rest);
136
- return /* @__PURE__ */ jsx(RootContext$44.Provider, {
136
+ const attributes = mergeProps(accordion.getRootProps(), { className: classes.accordion.root }, rest);
137
+ return /* @__PURE__ */ jsx(RootContext$46.Provider, {
137
138
  value: accordion,
138
139
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
139
140
  ...attributes,
@@ -144,9 +145,9 @@ function Root$17(props) {
144
145
 
145
146
  //#endregion
146
147
  //#region src/components/accordion/modules/anatomy.ts
147
- const Accordion = Object.assign(Root$17, {
148
- Provider: RootProvider$15,
149
- Context: RootContext$43,
148
+ const Accordion = Object.assign(Root$18, {
149
+ Provider: RootProvider$16,
150
+ Context: RootContext$45,
150
151
  Item: Item$10,
151
152
  ItemTrigger,
152
153
  ItemIndicator: ItemIndicator$3,
@@ -157,7 +158,7 @@ const Accordion = Object.assign(Root$17, {
157
158
  //#region src/components/app-bar/anatomy/headline.tsx
158
159
  function AppBarHeadline(props) {
159
160
  const { element, children, ...rest } = props;
160
- const attributes = mergeProps({ className: classesAppBar.headline }, rest);
161
+ const attributes = mergeProps({ className: classes.appBar.headline }, rest);
161
162
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
162
163
  ...attributes,
163
164
  children
@@ -168,7 +169,7 @@ function AppBarHeadline(props) {
168
169
  //#region src/components/app-bar/anatomy/lead.tsx
169
170
  function AppBarLead(props) {
170
171
  const { element, children, ...rest } = props;
171
- const attributes = mergeProps({ className: classesAppBar.lead }, rest);
172
+ const attributes = mergeProps({ className: classes.appBar.lead }, rest);
172
173
  return element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
173
174
  ...attributes,
174
175
  children
@@ -179,7 +180,7 @@ function AppBarLead(props) {
179
180
  //#region src/components/app-bar/anatomy/root.tsx
180
181
  function AppBarRoot(props) {
181
182
  const { element, children, ...rest } = props;
182
- const attributes = mergeProps({ className: classesAppBar.root }, rest);
183
+ const attributes = mergeProps({ className: classes.appBar.root }, rest);
183
184
  return element ? element(attributes) : /* @__PURE__ */ jsx("header", {
184
185
  ...attributes,
185
186
  children
@@ -190,7 +191,7 @@ function AppBarRoot(props) {
190
191
  //#region src/components/app-bar/anatomy/toolbar.tsx
191
192
  function AppBarToolbar(props) {
192
193
  const { element, children, ...rest } = props;
193
- const attributes = mergeProps({ className: classesAppBar.toolbar }, rest);
194
+ const attributes = mergeProps({ className: classes.appBar.toolbar }, rest);
194
195
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
195
196
  ...attributes,
196
197
  children
@@ -201,7 +202,7 @@ function AppBarToolbar(props) {
201
202
  //#region src/components/app-bar/anatomy/trail.tsx
202
203
  function AppBarTrail(props) {
203
204
  const { element, children, ...rest } = props;
204
- const attributes = mergeProps({ className: classesAppBar.trail }, rest);
205
+ const attributes = mergeProps({ className: classes.appBar.trail }, rest);
205
206
  return element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
206
207
  ...attributes,
207
208
  children
@@ -219,14 +220,14 @@ const AppBar = Object.assign(AppBarRoot, {
219
220
 
220
221
  //#endregion
221
222
  //#region src/components/avatar/modules/root-context.ts
222
- const RootContext$42 = createContext$1();
223
+ const RootContext$44 = createContext$1();
223
224
 
224
225
  //#endregion
225
226
  //#region src/components/avatar/anatomy/fallback.tsx
226
227
  function Fallback(props) {
227
- const avatar = use(RootContext$42);
228
+ const avatar = use(RootContext$44);
228
229
  const { element, children, ...rest } = props;
229
- const attributes = mergeProps(avatar.getFallbackProps(), { className: classesAvatar.fallback }, rest);
230
+ const attributes = mergeProps(avatar.getFallbackProps(), { className: classes.avatar.fallback }, rest);
230
231
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
231
232
  ...attributes,
232
233
  children
@@ -236,16 +237,16 @@ function Fallback(props) {
236
237
  //#endregion
237
238
  //#region src/components/avatar/anatomy/image.tsx
238
239
  function Image(props) {
239
- const avatar = use(RootContext$42);
240
+ const avatar = use(RootContext$44);
240
241
  const { element, ...rest } = props;
241
- const attributes = mergeProps(avatar.getImageProps(), { className: classesAvatar.image }, rest);
242
+ const attributes = mergeProps(avatar.getImageProps(), { className: classes.avatar.image }, rest);
242
243
  return element ? element(attributes) : /* @__PURE__ */ jsx("img", { ...attributes });
243
244
  }
244
245
 
245
246
  //#endregion
246
247
  //#region src/components/avatar/anatomy/root-context.tsx
247
- function RootContext$41(props) {
248
- const avatar = use(RootContext$42);
248
+ function RootContext$43(props) {
249
+ const avatar = use(RootContext$44);
249
250
  const { children } = props;
250
251
  return children(avatar);
251
252
  }
@@ -254,8 +255,8 @@ function RootContext$41(props) {
254
255
  //#region src/components/avatar/anatomy/root-provider.tsx
255
256
  function AvatarRootProvider(props) {
256
257
  const { element, children, value: avatar, ...rest } = props;
257
- const attributes = mergeProps(avatar.getRootProps(), { className: classesAvatar.root }, rest);
258
- return /* @__PURE__ */ jsx(RootContext$42.Provider, {
258
+ const attributes = mergeProps(avatar.getRootProps(), { className: classes.avatar.root }, rest);
259
+ return /* @__PURE__ */ jsx(RootContext$44.Provider, {
259
260
  value: avatar,
260
261
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
261
262
  ...attributes,
@@ -279,8 +280,8 @@ function AvatarRoot(props) {
279
280
  const [avatarProps, componentProps] = splitProps$1(props);
280
281
  const { element, children, ...rest } = componentProps;
281
282
  const avatar = useAvatar(avatarProps);
282
- const attributes = mergeProps(avatar.getRootProps(), { className: classesAvatar.root }, rest);
283
- return /* @__PURE__ */ jsx(RootContext$42.Provider, {
283
+ const attributes = mergeProps(avatar.getRootProps(), { className: classes.avatar.root }, rest);
284
+ return /* @__PURE__ */ jsx(RootContext$44.Provider, {
284
285
  value: avatar,
285
286
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
286
287
  ...attributes,
@@ -293,21 +294,21 @@ function AvatarRoot(props) {
293
294
  //#region src/components/avatar/modules/anatomy.ts
294
295
  const Avatar = Object.assign(AvatarRoot, {
295
296
  Provider: AvatarRootProvider,
296
- Context: RootContext$41,
297
+ Context: RootContext$43,
297
298
  Image,
298
299
  Fallback
299
300
  });
300
301
 
301
302
  //#endregion
302
303
  //#region src/components/collapsible/modules/root-context.ts
303
- const RootContext$40 = createContext$1();
304
+ const RootContext$42 = createContext$1();
304
305
 
305
306
  //#endregion
306
307
  //#region src/components/collapsible/anatomy/content.tsx
307
- function Content$8(props) {
308
- const collapsible = use(RootContext$40);
308
+ function Content$9(props) {
309
+ const collapsible = use(RootContext$42);
309
310
  const { element, children, ...rest } = props;
310
- const attributes = mergeProps(collapsible.getContentProps(), { className: classesCollapsible.content }, rest);
311
+ const attributes = mergeProps(collapsible.getContentProps(), { className: classes.collapsible.content }, rest);
311
312
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
312
313
  ...attributes,
313
314
  children
@@ -317,9 +318,9 @@ function Content$8(props) {
317
318
  //#endregion
318
319
  //#region src/components/collapsible/anatomy/indicator.tsx
319
320
  function Indicator$3(props) {
320
- const collapsible = use(RootContext$40);
321
+ const collapsible = use(RootContext$42);
321
322
  const { element, children, ...rest } = props;
322
- const attributes = mergeProps(collapsible.getIndicatorProps(), { className: classesCollapsible.indicator }, rest);
323
+ const attributes = mergeProps(collapsible.getIndicatorProps(), { className: classes.collapsible.indicator }, rest);
323
324
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
324
325
  ...attributes,
325
326
  children
@@ -328,8 +329,8 @@ function Indicator$3(props) {
328
329
 
329
330
  //#endregion
330
331
  //#region src/components/collapsible/anatomy/root-context.tsx
331
- function RootContext$39(props) {
332
- const collapsible = use(RootContext$40);
332
+ function RootContext$41(props) {
333
+ const collapsible = use(RootContext$42);
333
334
  const { children } = props;
334
335
  return children(collapsible);
335
336
  }
@@ -338,8 +339,8 @@ function RootContext$39(props) {
338
339
  //#region src/components/collapsible/anatomy/root-provider.tsx
339
340
  function CollapsibleRootProvider(props) {
340
341
  const { element, children, value: collapsible, ...rest } = props;
341
- const attributes = mergeProps(collapsible.getRootProps(), { className: classesCollapsible.root }, rest);
342
- return /* @__PURE__ */ jsx(RootContext$40.Provider, {
342
+ const attributes = mergeProps(collapsible.getRootProps(), { className: classes.collapsible.root }, rest);
343
+ return /* @__PURE__ */ jsx(RootContext$42.Provider, {
343
344
  value: collapsible,
344
345
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
345
346
  ...attributes,
@@ -363,8 +364,8 @@ function CollapsibleRoot(props) {
363
364
  const [collapsibleProps, componentProps] = splitProps$2(props);
364
365
  const { element, children, ...rest } = componentProps;
365
366
  const collapsible = useCollapsible(collapsibleProps);
366
- const attributes = mergeProps(collapsible.getRootProps(), { className: classesCollapsible.root }, rest);
367
- return /* @__PURE__ */ jsx(RootContext$40.Provider, {
367
+ const attributes = mergeProps(collapsible.getRootProps(), { className: classes.collapsible.root }, rest);
368
+ return /* @__PURE__ */ jsx(RootContext$42.Provider, {
368
369
  value: collapsible,
369
370
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
370
371
  ...attributes,
@@ -375,10 +376,10 @@ function CollapsibleRoot(props) {
375
376
 
376
377
  //#endregion
377
378
  //#region src/components/collapsible/anatomy/trigger.tsx
378
- function Trigger$8(props) {
379
- const collapsible = use(RootContext$40);
379
+ function Trigger$9(props) {
380
+ const collapsible = use(RootContext$42);
380
381
  const { element, children, ...rest } = props;
381
- const attributes = mergeProps(collapsible.getTriggerProps(), { className: classesCollapsible.trigger }, rest);
382
+ const attributes = mergeProps(collapsible.getTriggerProps(), { className: classes.collapsible.trigger }, rest);
382
383
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
383
384
  ...attributes,
384
385
  children
@@ -389,22 +390,22 @@ function Trigger$8(props) {
389
390
  //#region src/components/collapsible/modules/anatomy.ts
390
391
  const Collapsible = Object.assign(CollapsibleRoot, {
391
392
  Provider: CollapsibleRootProvider,
392
- Context: RootContext$39,
393
- Trigger: Trigger$8,
393
+ Context: RootContext$41,
394
+ Trigger: Trigger$9,
394
395
  Indicator: Indicator$3,
395
- Content: Content$8
396
+ Content: Content$9
396
397
  });
397
398
 
398
399
  //#endregion
399
400
  //#region src/components/combobox/modules/root-context.ts
400
- const RootContext$38 = createContext$1();
401
+ const RootContext$40 = createContext$1();
401
402
 
402
403
  //#endregion
403
404
  //#region src/components/combobox/anatomy/clear-trigger.tsx
404
- function ClearTrigger$1(props) {
405
- const combobox = use(RootContext$38);
405
+ function ClearTrigger$2(props) {
406
+ const combobox = use(RootContext$40);
406
407
  const { element, children, ...rest } = props;
407
- const attributes = mergeProps(combobox.getClearTriggerProps(), { className: classesCombobox.clearTrigger }, rest);
408
+ const attributes = mergeProps(combobox.getClearTriggerProps(), { className: classes.combobox.clearTrigger }, rest);
408
409
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
409
410
  ...attributes,
410
411
  children
@@ -413,10 +414,10 @@ function ClearTrigger$1(props) {
413
414
 
414
415
  //#endregion
415
416
  //#region src/components/combobox/anatomy/content.tsx
416
- function Content$7(props) {
417
- const combobox = use(RootContext$38);
417
+ function Content$8(props) {
418
+ const combobox = use(RootContext$40);
418
419
  const { element, children, ...rest } = props;
419
- const attributes = mergeProps(combobox.getContentProps(), { className: classesCombobox.content }, rest);
420
+ const attributes = mergeProps(combobox.getContentProps(), { className: classes.combobox.content }, rest);
420
421
  return element ? element(attributes) : /* @__PURE__ */ jsx("ul", {
421
422
  ...attributes,
422
423
  children
@@ -425,10 +426,10 @@ function Content$7(props) {
425
426
 
426
427
  //#endregion
427
428
  //#region src/components/combobox/anatomy/control.tsx
428
- function Control$6(props) {
429
- const combobox = use(RootContext$38);
429
+ function Control$7(props) {
430
+ const combobox = use(RootContext$40);
430
431
  const { element, children, ...rest } = props;
431
- const attributes = mergeProps(combobox.getControlProps(), { className: classesCombobox.control }, rest);
432
+ const attributes = mergeProps(combobox.getControlProps(), { className: classes.combobox.control }, rest);
432
433
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
433
434
  ...attributes,
434
435
  children
@@ -438,9 +439,9 @@ function Control$6(props) {
438
439
  //#endregion
439
440
  //#region src/components/combobox/anatomy/input.tsx
440
441
  function Input$3(props) {
441
- const combobox = use(RootContext$38);
442
+ const combobox = use(RootContext$40);
442
443
  const { element, ...rest } = props;
443
- const attributes = mergeProps(combobox.getInputProps(), { className: classesCombobox.input }, rest);
444
+ const attributes = mergeProps(combobox.getInputProps(), { className: classes.combobox.input }, rest);
444
445
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
445
446
  }
446
447
 
@@ -451,13 +452,13 @@ const ItemGroupContext$2 = createContext$1();
451
452
  //#endregion
452
453
  //#region src/components/combobox/anatomy/item-group-label.tsx
453
454
  function ItemGroupLabel$2(props) {
454
- const combobox = use(RootContext$38);
455
+ const combobox = use(RootContext$40);
455
456
  const [itemGroupLabelProps, componentProps] = splitItemGroupLabelProps({
456
457
  htmlFor: use(ItemGroupContext$2).id,
457
458
  ...props
458
459
  });
459
460
  const { element, children, ...rest } = componentProps;
460
- const attributes = mergeProps(combobox.getItemGroupLabelProps(itemGroupLabelProps), { className: classesCombobox.itemGroupLabel }, rest);
461
+ const attributes = mergeProps(combobox.getItemGroupLabelProps(itemGroupLabelProps), { className: classes.combobox.itemGroupLabel }, rest);
461
462
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
462
463
  ...attributes,
463
464
  children
@@ -467,13 +468,13 @@ function ItemGroupLabel$2(props) {
467
468
  //#endregion
468
469
  //#region src/components/combobox/anatomy/item-group.tsx
469
470
  function ItemGroup$3(props) {
470
- const combobox = use(RootContext$38);
471
+ const combobox = use(RootContext$40);
471
472
  const [itemGroupProps, componentProps] = splitItemGroupProps({
472
473
  id: useId(),
473
474
  ...props
474
475
  });
475
476
  const { element, children, ...rest } = componentProps;
476
- const attributes = mergeProps(combobox.getItemGroupProps(itemGroupProps), { className: classesCombobox.itemGroup }, rest);
477
+ const attributes = mergeProps(combobox.getItemGroupProps(itemGroupProps), { className: classes.combobox.itemGroup }, rest);
477
478
  return /* @__PURE__ */ jsx(ItemGroupContext$2.Provider, {
478
479
  value: itemGroupProps,
479
480
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -510,10 +511,10 @@ const ItemContext$5 = createContext$1();
510
511
  //#endregion
511
512
  //#region src/components/combobox/anatomy/item-indicator.tsx
512
513
  function ItemIndicator$2(props) {
513
- const combobox = use(RootContext$38);
514
+ const combobox = use(RootContext$40);
514
515
  const itemProps = use(ItemContext$5);
515
516
  const { element, children = /* @__PURE__ */ jsx(Check, { className: "size-4" }), ...rest } = props;
516
- const attributes = mergeProps(combobox.getItemIndicatorProps(itemProps), { className: classesCombobox.itemIndicator }, rest);
517
+ const attributes = mergeProps(combobox.getItemIndicatorProps(itemProps), { className: classes.combobox.itemIndicator }, rest);
517
518
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
518
519
  ...attributes,
519
520
  children
@@ -523,10 +524,10 @@ function ItemIndicator$2(props) {
523
524
  //#endregion
524
525
  //#region src/components/combobox/anatomy/item-text.tsx
525
526
  function ItemText$4(props) {
526
- const combobox = use(RootContext$38);
527
+ const combobox = use(RootContext$40);
527
528
  const itemProps = use(ItemContext$5);
528
529
  const { element, children, ...rest } = props;
529
- const attributes = mergeProps(combobox.getItemTextProps(itemProps), { className: classesCombobox.itemText }, rest);
530
+ const attributes = mergeProps(combobox.getItemTextProps(itemProps), { className: classes.combobox.itemText }, rest);
530
531
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
531
532
  ...attributes,
532
533
  children
@@ -536,10 +537,10 @@ function ItemText$4(props) {
536
537
  //#endregion
537
538
  //#region src/components/combobox/anatomy/item.tsx
538
539
  function Item$9(props) {
539
- const combobox = use(RootContext$38);
540
+ const combobox = use(RootContext$40);
540
541
  const [itemProps, componentProps] = splitItemProps$1(props);
541
542
  const { element, children, ...rest } = componentProps;
542
- const attributes = mergeProps(combobox.getItemProps(itemProps), { className: classesCombobox.item }, rest);
543
+ const attributes = mergeProps(combobox.getItemProps(itemProps), { className: classes.combobox.item }, rest);
543
544
  return /* @__PURE__ */ jsx(ItemContext$5.Provider, {
544
545
  value: itemProps,
545
546
  children: element ? element(attributes) : /* @__PURE__ */ jsx("li", {
@@ -552,9 +553,9 @@ function Item$9(props) {
552
553
  //#endregion
553
554
  //#region src/components/combobox/anatomy/label.tsx
554
555
  function Label$10(props) {
555
- const combobox = use(RootContext$38);
556
+ const combobox = use(RootContext$40);
556
557
  const { element, children, ...rest } = props;
557
- const attributes = mergeProps(combobox.getLabelProps(), { className: classesCombobox.label }, rest);
558
+ const attributes = mergeProps(combobox.getLabelProps(), { className: classes.combobox.label }, rest);
558
559
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
559
560
  ...attributes,
560
561
  children
@@ -563,10 +564,10 @@ function Label$10(props) {
563
564
 
564
565
  //#endregion
565
566
  //#region src/components/combobox/anatomy/positioner.tsx
566
- function Positioner$5(props) {
567
- const combobox = use(RootContext$38);
567
+ function Positioner$6(props) {
568
+ const combobox = use(RootContext$40);
568
569
  const { element, children, ...rest } = props;
569
- const attributes = mergeProps(combobox.getPositionerProps(), { className: classesCombobox.positioner }, rest);
570
+ const attributes = mergeProps(combobox.getPositionerProps(), { className: classes.combobox.positioner }, rest);
570
571
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
571
572
  ...attributes,
572
573
  children
@@ -575,8 +576,8 @@ function Positioner$5(props) {
575
576
 
576
577
  //#endregion
577
578
  //#region src/components/combobox/anatomy/root-context.tsx
578
- function RootContext$37(props) {
579
- const combobox = use(RootContext$38);
579
+ function RootContext$39(props) {
580
+ const combobox = use(RootContext$40);
580
581
  const { children } = props;
581
582
  return children(combobox);
582
583
  }
@@ -592,10 +593,10 @@ function useCombobox(props = {}) {
592
593
 
593
594
  //#endregion
594
595
  //#region src/components/combobox/anatomy/root-provider.tsx
595
- function RootProvider$14(props) {
596
+ function RootProvider$15(props) {
596
597
  const { element, children, value: combobox, ...rest } = props;
597
- const attributes = mergeProps(combobox.getRootProps(), { className: classesCombobox.root }, rest);
598
- return /* @__PURE__ */ jsx(RootContext$38.Provider, {
598
+ const attributes = mergeProps(combobox.getRootProps(), { className: classes.combobox.root }, rest);
599
+ return /* @__PURE__ */ jsx(RootContext$40.Provider, {
599
600
  value: combobox,
600
601
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
601
602
  ...attributes,
@@ -606,12 +607,12 @@ function RootProvider$14(props) {
606
607
 
607
608
  //#endregion
608
609
  //#region src/components/combobox/anatomy/root.tsx
609
- function Root$16(props) {
610
+ function Root$17(props) {
610
611
  const [comboboxProps, componentProps] = splitProps$3(props);
611
612
  const { element, children, ...rest } = componentProps;
612
613
  const combobox = useCombobox(comboboxProps);
613
- const attributes = mergeProps(combobox.getRootProps(), { className: classesCombobox.root }, rest);
614
- return /* @__PURE__ */ jsx(RootContext$38.Provider, {
614
+ const attributes = mergeProps(combobox.getRootProps(), { className: classes.combobox.root }, rest);
615
+ return /* @__PURE__ */ jsx(RootContext$40.Provider, {
615
616
  value: combobox,
616
617
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
617
618
  ...attributes,
@@ -642,10 +643,10 @@ function ChevronDown(props) {
642
643
 
643
644
  //#endregion
644
645
  //#region src/components/combobox/anatomy/trigger.tsx
645
- function Trigger$7(props) {
646
- const combobox = use(RootContext$38);
646
+ function Trigger$8(props) {
647
+ const combobox = use(RootContext$40);
647
648
  const { element, children = /* @__PURE__ */ jsx(ChevronDown, {}), ...rest } = props;
648
- const attributes = mergeProps(combobox.getTriggerProps(), { className: classesCombobox.trigger }, rest);
649
+ const attributes = mergeProps(combobox.getTriggerProps(), { className: classes.combobox.trigger }, rest);
649
650
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
650
651
  ...attributes,
651
652
  children
@@ -654,16 +655,16 @@ function Trigger$7(props) {
654
655
 
655
656
  //#endregion
656
657
  //#region src/components/combobox/modules/anatomy.ts
657
- const Combobox = Object.assign(Root$16, {
658
- Provider: RootProvider$14,
659
- Context: RootContext$37,
658
+ const Combobox = Object.assign(Root$17, {
659
+ Provider: RootProvider$15,
660
+ Context: RootContext$39,
660
661
  Label: Label$10,
661
- Control: Control$6,
662
+ Control: Control$7,
662
663
  Input: Input$3,
663
- Trigger: Trigger$7,
664
- ClearTrigger: ClearTrigger$1,
665
- Positioner: Positioner$5,
666
- Content: Content$7,
664
+ Trigger: Trigger$8,
665
+ ClearTrigger: ClearTrigger$2,
666
+ Positioner: Positioner$6,
667
+ Content: Content$8,
667
668
  ItemGroup: ItemGroup$3,
668
669
  ItemGroupLabel: ItemGroupLabel$2,
669
670
  Item: Item$9,
@@ -673,14 +674,14 @@ const Combobox = Object.assign(Root$16, {
673
674
 
674
675
  //#endregion
675
676
  //#region src/components/date-picker/modules/root-context.ts
676
- const RootContext$36 = createContext$1();
677
+ const RootContext$38 = createContext$1();
677
678
 
678
679
  //#endregion
679
680
  //#region src/components/date-picker/anatomy/content.tsx
680
- function Content$6(props) {
681
- const datePicker = use(RootContext$36);
681
+ function Content$7(props) {
682
+ const datePicker = use(RootContext$38);
682
683
  const { element, children, ...rest } = props;
683
- const attributes = mergeProps(datePicker.getContentProps(), { className: classesDatePicker.content }, rest);
684
+ const attributes = mergeProps(datePicker.getContentProps(), { className: classes.datePicker.content }, rest);
684
685
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
685
686
  ...attributes,
686
687
  children
@@ -689,10 +690,10 @@ function Content$6(props) {
689
690
 
690
691
  //#endregion
691
692
  //#region src/components/date-picker/anatomy/control.tsx
692
- function Control$5(props) {
693
- const datePicker = use(RootContext$36);
693
+ function Control$6(props) {
694
+ const datePicker = use(RootContext$38);
694
695
  const { element, children, ...rest } = props;
695
- const attributes = mergeProps(datePicker.getControlProps(), { className: classesDatePicker.control }, rest);
696
+ const attributes = mergeProps(datePicker.getControlProps(), { className: classes.datePicker.control }, rest);
696
697
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
697
698
  ...attributes,
698
699
  children
@@ -702,19 +703,19 @@ function Control$5(props) {
702
703
  //#endregion
703
704
  //#region src/components/date-picker/anatomy/input.tsx
704
705
  function Input$2(props) {
705
- const datePicker = use(RootContext$36);
706
+ const datePicker = use(RootContext$38);
706
707
  const [inputProps, componentProps] = splitInputProps(props);
707
708
  const { element, ...rest } = componentProps;
708
- const attributes = mergeProps(datePicker.getInputProps(inputProps), { className: classesDatePicker.input }, rest);
709
+ const attributes = mergeProps(datePicker.getInputProps(inputProps), { className: classes.datePicker.input }, rest);
709
710
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
710
711
  }
711
712
 
712
713
  //#endregion
713
714
  //#region src/components/date-picker/anatomy/label.tsx
714
715
  function Label$9(props) {
715
- const datePicker = use(RootContext$36);
716
+ const datePicker = use(RootContext$38);
716
717
  const { element, children, ...rest } = props;
717
- const attributes = mergeProps(datePicker.getLabelProps(), { className: classesDatePicker.label }, rest);
718
+ const attributes = mergeProps(datePicker.getLabelProps(), { className: classes.datePicker.label }, rest);
718
719
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
719
720
  ...attributes,
720
721
  children
@@ -724,9 +725,9 @@ function Label$9(props) {
724
725
  //#endregion
725
726
  //#region src/components/date-picker/anatomy/month-select.tsx
726
727
  function MonthSelect(props) {
727
- const datePicker = use(RootContext$36);
728
+ const datePicker = use(RootContext$38);
728
729
  const { element, ...rest } = props;
729
- const attributes = mergeProps(datePicker.getMonthSelectProps(), { className: classesDatePicker.monthSelect }, rest);
730
+ const attributes = mergeProps(datePicker.getMonthSelectProps(), { className: classes.datePicker.monthSelect }, rest);
730
731
  return element ? element(attributes) : /* @__PURE__ */ jsx("select", {
731
732
  ...attributes,
732
733
  children: datePicker.getMonths().map((month, i) => /* @__PURE__ */ jsx("option", {
@@ -763,10 +764,10 @@ const ViewContext = createContext$1({ view: "day" });
763
764
  //#endregion
764
765
  //#region src/components/date-picker/anatomy/next-trigger.tsx
765
766
  function NextTrigger$1(props) {
766
- const datePicker = use(RootContext$36);
767
+ const datePicker = use(RootContext$38);
767
768
  const viewProps = use(ViewContext);
768
769
  const { element, children = /* @__PURE__ */ jsx(ChevronRight, {}), ...rest } = props;
769
- const attributes = mergeProps(datePicker.getNextTriggerProps(viewProps), { className: classesDatePicker.nextTrigger }, rest);
770
+ const attributes = mergeProps(datePicker.getNextTriggerProps(viewProps), { className: classes.datePicker.nextTrigger }, rest);
770
771
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
771
772
  ...attributes,
772
773
  children
@@ -775,10 +776,10 @@ function NextTrigger$1(props) {
775
776
 
776
777
  //#endregion
777
778
  //#region src/components/date-picker/anatomy/positioner.tsx
778
- function Positioner$4(props) {
779
- const datePicker = use(RootContext$36);
779
+ function Positioner$5(props) {
780
+ const datePicker = use(RootContext$38);
780
781
  const { element, children, ...rest } = props;
781
- const attributes = mergeProps(datePicker.getPositionerProps(), { className: classesDatePicker.positioner }, rest);
782
+ const attributes = mergeProps(datePicker.getPositionerProps(), { className: classes.datePicker.positioner }, rest);
782
783
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
783
784
  ...attributes,
784
785
  children
@@ -788,10 +789,10 @@ function Positioner$4(props) {
788
789
  //#endregion
789
790
  //#region src/components/date-picker/anatomy/preset-trigger.tsx
790
791
  function PresetTrigger(props) {
791
- const datePicker = use(RootContext$36);
792
+ const datePicker = use(RootContext$38);
792
793
  const [presetTriggerProps, componentProps] = splitPresetTriggerProps(props);
793
794
  const { element, children, ...rest } = componentProps;
794
- const attributes = mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), { className: classesDatePicker.presetTrigger }, rest);
795
+ const attributes = mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), { className: classes.datePicker.presetTrigger }, rest);
795
796
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
796
797
  ...attributes,
797
798
  children
@@ -821,10 +822,10 @@ function ChevronLeft(props) {
821
822
  //#endregion
822
823
  //#region src/components/date-picker/anatomy/prev-trigger.tsx
823
824
  function PrevTrigger$1(props) {
824
- const datePicker = use(RootContext$36);
825
+ const datePicker = use(RootContext$38);
825
826
  const viewProps = use(ViewContext);
826
827
  const { element, children = /* @__PURE__ */ jsx(ChevronLeft, {}), ...rest } = props;
827
- const attributes = mergeProps(datePicker.getPrevTriggerProps(viewProps), { className: classesDatePicker.prevTrigger }, rest);
828
+ const attributes = mergeProps(datePicker.getPrevTriggerProps(viewProps), { className: classes.datePicker.prevTrigger }, rest);
828
829
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
829
830
  ...attributes,
830
831
  children
@@ -834,10 +835,10 @@ function PrevTrigger$1(props) {
834
835
  //#endregion
835
836
  //#region src/components/date-picker/anatomy/range-text.tsx
836
837
  function RangeText(props) {
837
- const datePicker = use(RootContext$36);
838
+ const datePicker = use(RootContext$38);
838
839
  const rangeText = Array.from(new Set([datePicker.visibleRangeText.start, datePicker.visibleRangeText.end])).join(" - ");
839
840
  const { element, children = rangeText, ...rest } = props;
840
- const attributes = mergeProps(datePicker.getRangeTextProps(), { className: classesDatePicker.rangeText }, rest);
841
+ const attributes = mergeProps(datePicker.getRangeTextProps(), { className: classes.datePicker.rangeText }, rest);
841
842
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
842
843
  ...attributes,
843
844
  children
@@ -846,8 +847,8 @@ function RangeText(props) {
846
847
 
847
848
  //#endregion
848
849
  //#region src/components/date-picker/anatomy/root-context.tsx
849
- function RootContext$35(props) {
850
- const datePicker = use(RootContext$36);
850
+ function RootContext$37(props) {
851
+ const datePicker = use(RootContext$38);
851
852
  const { children } = props;
852
853
  return children(datePicker);
853
854
  }
@@ -863,10 +864,10 @@ function useDatePicker(props = {}) {
863
864
 
864
865
  //#endregion
865
866
  //#region src/components/date-picker/anatomy/root-provider.tsx
866
- function RootProvider$13(props) {
867
+ function RootProvider$14(props) {
867
868
  const { element, children, value: datePicker, ...rest } = props;
868
- const attributes = mergeProps(datePicker.getRootProps(), { className: classesDatePicker.root }, rest);
869
- return /* @__PURE__ */ jsx(RootContext$36.Provider, {
869
+ const attributes = mergeProps(datePicker.getRootProps(), { className: classes.datePicker.root }, rest);
870
+ return /* @__PURE__ */ jsx(RootContext$38.Provider, {
870
871
  value: datePicker,
871
872
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
872
873
  ...attributes,
@@ -877,12 +878,12 @@ function RootProvider$13(props) {
877
878
 
878
879
  //#endregion
879
880
  //#region src/components/date-picker/anatomy/root.tsx
880
- function Root$15(props) {
881
+ function Root$16(props) {
881
882
  const [datePickerProps, componentProps] = splitProps$4(props);
882
883
  const { element, children, ...rest } = componentProps;
883
884
  const datePicker = useDatePicker(datePickerProps);
884
- const attributes = mergeProps(datePicker.getRootProps(), { className: classesDatePicker.root }, rest);
885
- return /* @__PURE__ */ jsx(RootContext$36.Provider, {
885
+ const attributes = mergeProps(datePicker.getRootProps(), { className: classes.datePicker.root }, rest);
886
+ return /* @__PURE__ */ jsx(RootContext$38.Provider, {
886
887
  value: datePicker,
887
888
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
888
889
  ...attributes,
@@ -894,10 +895,10 @@ function Root$15(props) {
894
895
  //#endregion
895
896
  //#region src/components/date-picker/anatomy/table-body.tsx
896
897
  function TableBody(props) {
897
- const datePicker = use(RootContext$36);
898
+ const datePicker = use(RootContext$38);
898
899
  const viewProps = use(ViewContext);
899
900
  const { element, children, ...rest } = props;
900
- const attributes = mergeProps(datePicker.getTableBodyProps(viewProps), { className: classesDatePicker.tableBody }, rest);
901
+ const attributes = mergeProps(datePicker.getTableBodyProps(viewProps), { className: classes.datePicker.tableBody }, rest);
901
902
  return element ? element(attributes) : /* @__PURE__ */ jsx("tbody", {
902
903
  ...attributes,
903
904
  children
@@ -911,7 +912,7 @@ const TableCellContext = createContext$1();
911
912
  //#endregion
912
913
  //#region src/components/date-picker/anatomy/table-cell-trigger.tsx
913
914
  function TableCellTrigger(props) {
914
- const datePicker = use(RootContext$36);
915
+ const datePicker = use(RootContext$38);
915
916
  const viewProps = use(ViewContext);
916
917
  const tableCellProps = use(TableCellContext);
917
918
  const { element, children, ...rest } = props;
@@ -922,7 +923,7 @@ function TableCellTrigger(props) {
922
923
  case "year": return datePicker.getYearTableCellTriggerProps(tableCellProps$1);
923
924
  }
924
925
  }
925
- const attributes = mergeProps(getTableCellTriggerProps(tableCellProps), { className: classesDatePicker.tableCellTrigger }, rest);
926
+ const attributes = mergeProps(getTableCellTriggerProps(tableCellProps), { className: classes.datePicker.tableCellTrigger }, rest);
926
927
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
927
928
  ...attributes,
928
929
  children
@@ -932,7 +933,7 @@ function TableCellTrigger(props) {
932
933
  //#endregion
933
934
  //#region src/components/date-picker/anatomy/table-cell.tsx
934
935
  function TableCell(props) {
935
- const datePicker = use(RootContext$36);
936
+ const datePicker = use(RootContext$38);
936
937
  const viewProps = use(ViewContext);
937
938
  const [tableCellProps, componentProps] = splitTableCellProps(props);
938
939
  const { element, children, ...rest } = componentProps;
@@ -943,7 +944,7 @@ function TableCell(props) {
943
944
  case "year": return datePicker.getYearTableCellProps(tableCellProps$1);
944
945
  }
945
946
  }
946
- const attributes = mergeProps(getTableCellProps(tableCellProps), { className: classesDatePicker.tableCell }, rest);
947
+ const attributes = mergeProps(getTableCellProps(tableCellProps), { className: classes.datePicker.tableCell }, rest);
947
948
  return /* @__PURE__ */ jsx(TableCellContext.Provider, {
948
949
  value: tableCellProps,
949
950
  children: element ? element(attributes) : /* @__PURE__ */ jsx("td", {
@@ -956,10 +957,10 @@ function TableCell(props) {
956
957
  //#endregion
957
958
  //#region src/components/date-picker/anatomy/table-head.tsx
958
959
  function TableHead(props) {
959
- const datePicker = use(RootContext$36);
960
+ const datePicker = use(RootContext$38);
960
961
  const viewProps = use(ViewContext);
961
962
  const { element, children, ...rest } = props;
962
- const attributes = mergeProps(datePicker.getTableHeadProps(viewProps), { className: classesDatePicker.tableHead }, rest);
963
+ const attributes = mergeProps(datePicker.getTableHeadProps(viewProps), { className: classes.datePicker.tableHead }, rest);
963
964
  return element ? element(attributes) : /* @__PURE__ */ jsx("thead", {
964
965
  ...attributes,
965
966
  children
@@ -969,10 +970,10 @@ function TableHead(props) {
969
970
  //#endregion
970
971
  //#region src/components/date-picker/anatomy/table-header.tsx
971
972
  function TableHeader(props) {
972
- const datePicker = use(RootContext$36);
973
+ const datePicker = use(RootContext$38);
973
974
  const viewProps = use(ViewContext);
974
975
  const { element, children, ...rest } = props;
975
- const attributes = mergeProps(datePicker.getTableHeaderProps(viewProps), { className: classesDatePicker.tableHeader }, rest);
976
+ const attributes = mergeProps(datePicker.getTableHeaderProps(viewProps), { className: classes.datePicker.tableHeader }, rest);
976
977
  return element ? element(attributes) : /* @__PURE__ */ jsx("th", {
977
978
  ...attributes,
978
979
  children
@@ -982,10 +983,10 @@ function TableHeader(props) {
982
983
  //#endregion
983
984
  //#region src/components/date-picker/anatomy/table-row.tsx
984
985
  function TableRow(props) {
985
- const datePicker = use(RootContext$36);
986
+ const datePicker = use(RootContext$38);
986
987
  const viewProps = use(ViewContext);
987
988
  const { element, children, ...rest } = props;
988
- const attributes = mergeProps(datePicker.getTableRowProps(viewProps), { className: classesDatePicker.tableRow }, rest);
989
+ const attributes = mergeProps(datePicker.getTableRowProps(viewProps), { className: classes.datePicker.tableRow }, rest);
989
990
  return element ? element(attributes) : /* @__PURE__ */ jsx("tr", {
990
991
  ...attributes,
991
992
  children
@@ -995,10 +996,10 @@ function TableRow(props) {
995
996
  //#endregion
996
997
  //#region src/components/date-picker/anatomy/table.tsx
997
998
  function Table(props) {
998
- const datePicker = use(RootContext$36);
999
+ const datePicker = use(RootContext$38);
999
1000
  const viewProps = use(ViewContext);
1000
1001
  const { element, children, ...rest } = props;
1001
- const attributes = mergeProps(datePicker.getTableProps(viewProps), { className: classesDatePicker.table }, rest);
1002
+ const attributes = mergeProps(datePicker.getTableProps(viewProps), { className: classes.datePicker.table }, rest);
1002
1003
  return element ? element(attributes) : /* @__PURE__ */ jsx("table", {
1003
1004
  ...attributes,
1004
1005
  children
@@ -1038,10 +1039,10 @@ function Calendar(props) {
1038
1039
 
1039
1040
  //#endregion
1040
1041
  //#region src/components/date-picker/anatomy/trigger.tsx
1041
- function Trigger$6(props) {
1042
- const datePicker = use(RootContext$36);
1042
+ function Trigger$7(props) {
1043
+ const datePicker = use(RootContext$38);
1043
1044
  const { element, children = /* @__PURE__ */ jsx(Calendar, {}), ...rest } = props;
1044
- const attributes = mergeProps(datePicker.getTriggerProps(), { className: classesDatePicker.trigger }, rest);
1045
+ const attributes = mergeProps(datePicker.getTriggerProps(), { className: classes.datePicker.trigger }, rest);
1045
1046
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1046
1047
  ...attributes,
1047
1048
  children
@@ -1051,10 +1052,10 @@ function Trigger$6(props) {
1051
1052
  //#endregion
1052
1053
  //#region src/components/date-picker/anatomy/view-control.tsx
1053
1054
  function ViewControl(props) {
1054
- const datePicker = use(RootContext$36);
1055
+ const datePicker = use(RootContext$38);
1055
1056
  const viewProps = use(ViewContext);
1056
1057
  const { element, children, ...rest } = props;
1057
- const attributes = mergeProps(datePicker.getViewControlProps(viewProps), { className: classesDatePicker.viewControl }, rest);
1058
+ const attributes = mergeProps(datePicker.getViewControlProps(viewProps), { className: classes.datePicker.viewControl }, rest);
1058
1059
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1059
1060
  ...attributes,
1060
1061
  children
@@ -1064,10 +1065,10 @@ function ViewControl(props) {
1064
1065
  //#endregion
1065
1066
  //#region src/components/date-picker/anatomy/view-trigger.tsx
1066
1067
  function ViewTrigger(props) {
1067
- const datePicker = use(RootContext$36);
1068
+ const datePicker = use(RootContext$38);
1068
1069
  const viewProps = use(ViewContext);
1069
1070
  const { element, children, ...rest } = props;
1070
- const attributes = mergeProps(datePicker.getViewTriggerProps(viewProps), { className: classesDatePicker.viewTrigger }, rest);
1071
+ const attributes = mergeProps(datePicker.getViewTriggerProps(viewProps), { className: classes.datePicker.viewTrigger }, rest);
1071
1072
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1072
1073
  ...attributes,
1073
1074
  children
@@ -1077,10 +1078,10 @@ function ViewTrigger(props) {
1077
1078
  //#endregion
1078
1079
  //#region src/components/date-picker/anatomy/view.tsx
1079
1080
  function View(props) {
1080
- const datePicker = use(RootContext$36);
1081
+ const datePicker = use(RootContext$38);
1081
1082
  const [viewProps, componentProps] = splitViewProps(props);
1082
1083
  const { element, children, ...rest } = componentProps;
1083
- const attributes = mergeProps(datePicker.getViewProps(viewProps), { className: classesDatePicker.view }, rest);
1084
+ const attributes = mergeProps(datePicker.getViewProps(viewProps), { className: classes.datePicker.view }, rest);
1084
1085
  return /* @__PURE__ */ jsx(ViewContext.Provider, {
1085
1086
  value: viewProps,
1086
1087
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1093,9 +1094,9 @@ function View(props) {
1093
1094
  //#endregion
1094
1095
  //#region src/components/date-picker/anatomy/year-select.tsx
1095
1096
  function YearSelect(props) {
1096
- const datePicker = use(RootContext$36);
1097
+ const datePicker = use(RootContext$38);
1097
1098
  const { element, ...rest } = props;
1098
- const attributes = mergeProps(datePicker.getYearSelectProps(), { className: classesDatePicker.yearSelect }, rest);
1099
+ const attributes = mergeProps(datePicker.getYearSelectProps(), { className: classes.datePicker.yearSelect }, rest);
1099
1100
  return element ? element(attributes) : /* @__PURE__ */ jsx("select", {
1100
1101
  ...attributes,
1101
1102
  children: datePicker.getYears().map((year, i) => /* @__PURE__ */ jsx("option", {
@@ -1107,16 +1108,16 @@ function YearSelect(props) {
1107
1108
 
1108
1109
  //#endregion
1109
1110
  //#region src/components/date-picker/modules/anatomy.ts
1110
- const DatePicker = Object.assign(Root$15, {
1111
- Provider: RootProvider$13,
1112
- Context: RootContext$35,
1111
+ const DatePicker = Object.assign(Root$16, {
1112
+ Provider: RootProvider$14,
1113
+ Context: RootContext$37,
1113
1114
  Label: Label$9,
1114
- Control: Control$5,
1115
+ Control: Control$6,
1115
1116
  PresetTrigger,
1116
1117
  Input: Input$2,
1117
- Trigger: Trigger$6,
1118
- Positioner: Positioner$4,
1119
- Content: Content$6,
1118
+ Trigger: Trigger$7,
1119
+ Positioner: Positioner$5,
1120
+ Content: Content$7,
1120
1121
  YearSelect,
1121
1122
  MonthSelect,
1122
1123
  View,
@@ -1136,23 +1137,23 @@ const DatePicker = Object.assign(Root$15, {
1136
1137
 
1137
1138
  //#endregion
1138
1139
  //#region src/components/dialog/modules/root-context.ts
1139
- const RootContext$34 = createContext$1();
1140
+ const RootContext$36 = createContext$1();
1140
1141
 
1141
1142
  //#endregion
1142
1143
  //#region src/components/dialog/anatomy/backdrop.tsx
1143
1144
  function Backdrop(props) {
1144
- const dialog = use(RootContext$34);
1145
+ const dialog = use(RootContext$36);
1145
1146
  const { element, ...rest } = props;
1146
- const attributes = mergeProps(dialog.getBackdropProps(), { className: classesDialog.backdrop }, rest);
1147
+ const attributes = mergeProps(dialog.getBackdropProps(), { className: classes.dialog.backdrop }, rest);
1147
1148
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
1148
1149
  }
1149
1150
 
1150
1151
  //#endregion
1151
1152
  //#region src/components/dialog/anatomy/close-trigger.tsx
1152
- function CloseTrigger$2(props) {
1153
- const dialog = use(RootContext$34);
1153
+ function CloseTrigger$3(props) {
1154
+ const dialog = use(RootContext$36);
1154
1155
  const { element, children, ...rest } = props;
1155
- const attributes = mergeProps(dialog.getCloseTriggerProps(), { className: classesDialog.closeTrigger }, rest);
1156
+ const attributes = mergeProps(dialog.getCloseTriggerProps(), { className: classes.dialog.closeTrigger }, rest);
1156
1157
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1157
1158
  ...attributes,
1158
1159
  children
@@ -1161,10 +1162,10 @@ function CloseTrigger$2(props) {
1161
1162
 
1162
1163
  //#endregion
1163
1164
  //#region src/components/dialog/anatomy/content.tsx
1164
- function Content$5(props) {
1165
- const dialog = use(RootContext$34);
1165
+ function Content$6(props) {
1166
+ const dialog = use(RootContext$36);
1166
1167
  const { element, children, ...rest } = props;
1167
- const attributes = mergeProps(dialog.getContentProps(), { className: classesDialog.content }, rest);
1168
+ const attributes = mergeProps(dialog.getContentProps(), { className: classes.dialog.content }, rest);
1168
1169
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1169
1170
  ...attributes,
1170
1171
  children
@@ -1174,9 +1175,9 @@ function Content$5(props) {
1174
1175
  //#endregion
1175
1176
  //#region src/components/dialog/anatomy/description.tsx
1176
1177
  function Description$2(props) {
1177
- const dialog = use(RootContext$34);
1178
+ const dialog = use(RootContext$36);
1178
1179
  const { element, children, ...rest } = props;
1179
- const attributes = mergeProps(dialog.getDescriptionProps(), { className: classesDialog.description }, rest);
1180
+ const attributes = mergeProps(dialog.getDescriptionProps(), { className: classes.dialog.description }, rest);
1180
1181
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1181
1182
  ...attributes,
1182
1183
  children
@@ -1185,10 +1186,10 @@ function Description$2(props) {
1185
1186
 
1186
1187
  //#endregion
1187
1188
  //#region src/components/dialog/anatomy/positioner.tsx
1188
- function Positioner$3(props) {
1189
- const dialog = use(RootContext$34);
1189
+ function Positioner$4(props) {
1190
+ const dialog = use(RootContext$36);
1190
1191
  const { element, children, ...rest } = props;
1191
- const attributes = mergeProps(dialog.getPositionerProps(), { className: classesDialog.positioner }, rest);
1192
+ const attributes = mergeProps(dialog.getPositionerProps(), { className: classes.dialog.positioner }, rest);
1192
1193
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1193
1194
  ...attributes,
1194
1195
  children
@@ -1197,17 +1198,17 @@ function Positioner$3(props) {
1197
1198
 
1198
1199
  //#endregion
1199
1200
  //#region src/components/dialog/anatomy/root-context.tsx
1200
- function RootContext$33(props) {
1201
- const dialog = use(RootContext$34);
1201
+ function RootContext$35(props) {
1202
+ const dialog = use(RootContext$36);
1202
1203
  const { children } = props;
1203
1204
  return children(dialog);
1204
1205
  }
1205
1206
 
1206
1207
  //#endregion
1207
1208
  //#region src/components/dialog/anatomy/root-provider.tsx
1208
- function RootProvider$12(props) {
1209
+ function RootProvider$13(props) {
1209
1210
  const { children, value: dialog } = props;
1210
- return /* @__PURE__ */ jsx(RootContext$34.Provider, {
1211
+ return /* @__PURE__ */ jsx(RootContext$36.Provider, {
1211
1212
  value: dialog,
1212
1213
  children
1213
1214
  });
@@ -1224,11 +1225,11 @@ function useDialog(props = {}) {
1224
1225
 
1225
1226
  //#endregion
1226
1227
  //#region src/components/dialog/anatomy/root.tsx
1227
- function Root$14(props) {
1228
+ function Root$15(props) {
1228
1229
  const [dialogProps, componentProps] = splitProps$5(props);
1229
1230
  const { children } = componentProps;
1230
1231
  const dialog = useDialog(dialogProps);
1231
- return /* @__PURE__ */ jsx(RootContext$34.Provider, {
1232
+ return /* @__PURE__ */ jsx(RootContext$36.Provider, {
1232
1233
  value: dialog,
1233
1234
  children
1234
1235
  });
@@ -1236,10 +1237,10 @@ function Root$14(props) {
1236
1237
 
1237
1238
  //#endregion
1238
1239
  //#region src/components/dialog/anatomy/title.tsx
1239
- function Title$2(props) {
1240
- const dialog = use(RootContext$34);
1240
+ function Title$3(props) {
1241
+ const dialog = use(RootContext$36);
1241
1242
  const { element, children, ...rest } = props;
1242
- const attributes = mergeProps(dialog.getTitleProps(), { className: classesDialog.title }, rest);
1243
+ const attributes = mergeProps(dialog.getTitleProps(), { className: classes.dialog.title }, rest);
1243
1244
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1244
1245
  ...attributes,
1245
1246
  children
@@ -1248,10 +1249,10 @@ function Title$2(props) {
1248
1249
 
1249
1250
  //#endregion
1250
1251
  //#region src/components/dialog/anatomy/trigger.tsx
1251
- function Trigger$5(props) {
1252
- const dialog = use(RootContext$34);
1252
+ function Trigger$6(props) {
1253
+ const dialog = use(RootContext$36);
1253
1254
  const { element, children, ...rest } = props;
1254
- const attributes = mergeProps(dialog.getTriggerProps(), { className: classesDialog.trigger }, rest);
1255
+ const attributes = mergeProps(dialog.getTriggerProps(), { className: classes.dialog.trigger }, rest);
1255
1256
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1256
1257
  ...attributes,
1257
1258
  children
@@ -1260,28 +1261,40 @@ function Trigger$5(props) {
1260
1261
 
1261
1262
  //#endregion
1262
1263
  //#region src/components/dialog/modules/anatomy.ts
1263
- const Dialog = Object.assign(Root$14, {
1264
- Provider: RootProvider$12,
1265
- Context: RootContext$33,
1266
- Trigger: Trigger$5,
1264
+ const Dialog = Object.assign(Root$15, {
1265
+ Provider: RootProvider$13,
1266
+ Context: RootContext$35,
1267
+ Trigger: Trigger$6,
1267
1268
  Backdrop,
1268
- Positioner: Positioner$3,
1269
- Content: Content$5,
1270
- Title: Title$2,
1269
+ Positioner: Positioner$4,
1270
+ Content: Content$6,
1271
+ Title: Title$3,
1271
1272
  Description: Description$2,
1272
- CloseTrigger: CloseTrigger$2
1273
+ CloseTrigger: CloseTrigger$3
1273
1274
  });
1274
1275
 
1275
1276
  //#endregion
1276
1277
  //#region src/components/file-upload/modules/root-context.ts
1277
- const RootContext$32 = createContext$1();
1278
+ const RootContext$34 = createContext$1();
1279
+
1280
+ //#endregion
1281
+ //#region src/components/file-upload/anatomy/clear-trigger.tsx
1282
+ function ClearTrigger$1(props) {
1283
+ const fileUpload = use(RootContext$34);
1284
+ const { element, children, ...rest } = props;
1285
+ const attributes = mergeProps(fileUpload.getClearTriggerProps(), { className: classes.fileUpload.clearTrigger }, rest);
1286
+ return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1287
+ ...attributes,
1288
+ children
1289
+ });
1290
+ }
1278
1291
 
1279
1292
  //#endregion
1280
1293
  //#region src/components/file-upload/anatomy/dropzone.tsx
1281
1294
  function Dropzone(props) {
1282
- const fileUpload = use(RootContext$32);
1295
+ const fileUpload = use(RootContext$34);
1283
1296
  const { element, children, ...rest } = props;
1284
- const attributes = mergeProps(fileUpload.getDropzoneProps(), { className: classesFileUpload.dropzone }, rest);
1297
+ const attributes = mergeProps(fileUpload.getDropzoneProps(), { className: classes.fileUpload.dropzone }, rest);
1285
1298
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1286
1299
  ...attributes,
1287
1300
  children
@@ -1291,9 +1304,9 @@ function Dropzone(props) {
1291
1304
  //#endregion
1292
1305
  //#region src/components/file-upload/anatomy/hidden-input.tsx
1293
1306
  function HiddenInput$4(props) {
1294
- const fileUpload = use(RootContext$32);
1307
+ const fileUpload = use(RootContext$34);
1295
1308
  const { element, ...rest } = props;
1296
- const attributes = mergeProps(fileUpload.getHiddenInputProps(), { className: classesFileUpload.hiddenInput }, rest);
1309
+ const attributes = mergeProps(fileUpload.getHiddenInputProps(), { className: classes.fileUpload.hiddenInput }, rest);
1297
1310
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
1298
1311
  }
1299
1312
 
@@ -1304,10 +1317,10 @@ const ItemContext$4 = createContext$1();
1304
1317
  //#endregion
1305
1318
  //#region src/components/file-upload/anatomy/item-delete-trigger.tsx
1306
1319
  function ItemDeleteTrigger$1(props) {
1307
- const fileUpload = use(RootContext$32);
1320
+ const fileUpload = use(RootContext$34);
1308
1321
  const itemProps = use(ItemContext$4);
1309
1322
  const { element, children = /* @__PURE__ */ jsx(Fragment, { children: "×" }), ...rest } = props;
1310
- const attributes = mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), { className: classesFileUpload.itemDeleteTrigger }, rest);
1323
+ const attributes = mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), { className: classes.fileUpload.itemDeleteTrigger }, rest);
1311
1324
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1312
1325
  ...attributes,
1313
1326
  children
@@ -1317,9 +1330,9 @@ function ItemDeleteTrigger$1(props) {
1317
1330
  //#endregion
1318
1331
  //#region src/components/file-upload/anatomy/item-group.tsx
1319
1332
  function ItemGroup$2(props) {
1320
- const fileUpload = use(RootContext$32);
1333
+ const fileUpload = use(RootContext$34);
1321
1334
  const { element, children, ...rest } = props;
1322
- const attributes = mergeProps(fileUpload.getItemGroupProps(), { className: classesFileUpload.itemGroup }, rest);
1335
+ const attributes = mergeProps(fileUpload.getItemGroupProps(), { className: classes.fileUpload.itemGroup }, rest);
1323
1336
  return element ? element(attributes) : /* @__PURE__ */ jsx("ul", {
1324
1337
  ...attributes,
1325
1338
  children
@@ -1329,10 +1342,10 @@ function ItemGroup$2(props) {
1329
1342
  //#endregion
1330
1343
  //#region src/components/file-upload/anatomy/item-name.tsx
1331
1344
  function ItemName(props) {
1332
- const fileUpload = use(RootContext$32);
1345
+ const fileUpload = use(RootContext$34);
1333
1346
  const itemProps = use(ItemContext$4);
1334
1347
  const { element, children, ...rest } = props;
1335
- const attributes = mergeProps(fileUpload.getItemNameProps(itemProps), { className: classesFileUpload.itemName }, rest);
1348
+ const attributes = mergeProps(fileUpload.getItemNameProps(itemProps), { className: classes.fileUpload.itemName }, rest);
1336
1349
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1337
1350
  ...attributes,
1338
1351
  children
@@ -1342,10 +1355,10 @@ function ItemName(props) {
1342
1355
  //#endregion
1343
1356
  //#region src/components/file-upload/anatomy/item-size-text.tsx
1344
1357
  function ItemSizeText(props) {
1345
- const fileUpload = use(RootContext$32);
1358
+ const fileUpload = use(RootContext$34);
1346
1359
  const itemProps = use(ItemContext$4);
1347
1360
  const { element, children, ...rest } = props;
1348
- const attributes = mergeProps(fileUpload.getItemSizeTextProps(itemProps), { className: classesFileUpload.itemSizeText }, rest);
1361
+ const attributes = mergeProps(fileUpload.getItemSizeTextProps(itemProps), { className: classes.fileUpload.itemSizeText }, rest);
1349
1362
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1350
1363
  ...attributes,
1351
1364
  children
@@ -1355,10 +1368,10 @@ function ItemSizeText(props) {
1355
1368
  //#endregion
1356
1369
  //#region src/components/file-upload/anatomy/item.tsx
1357
1370
  function Item$8(props) {
1358
- const fileUpload = use(RootContext$32);
1371
+ const fileUpload = use(RootContext$34);
1359
1372
  const [itemProps, componentProps] = splitItemProps$2(props);
1360
1373
  const { element, children, ...rest } = componentProps;
1361
- const attributes = mergeProps(fileUpload.getItemProps(itemProps), { className: classesFileUpload.item }, rest);
1374
+ const attributes = mergeProps(fileUpload.getItemProps(itemProps), { className: classes.fileUpload.item }, rest);
1362
1375
  return /* @__PURE__ */ jsx(ItemContext$4.Provider, {
1363
1376
  value: itemProps,
1364
1377
  children: element ? element(attributes) : /* @__PURE__ */ jsx("li", {
@@ -1371,9 +1384,9 @@ function Item$8(props) {
1371
1384
  //#endregion
1372
1385
  //#region src/components/file-upload/anatomy/label.tsx
1373
1386
  function Label$8(props) {
1374
- const fileUpload = use(RootContext$32);
1387
+ const fileUpload = use(RootContext$34);
1375
1388
  const { element, children, ...rest } = props;
1376
- const attributes = mergeProps(fileUpload.getLabelProps(), { className: classesFileUpload.label }, rest);
1389
+ const attributes = mergeProps(fileUpload.getLabelProps(), { className: classes.fileUpload.label }, rest);
1377
1390
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
1378
1391
  ...attributes,
1379
1392
  children
@@ -1382,18 +1395,18 @@ function Label$8(props) {
1382
1395
 
1383
1396
  //#endregion
1384
1397
  //#region src/components/file-upload/anatomy/root-context.tsx
1385
- function RootContext$31(props) {
1386
- const fileUpload = use(RootContext$32);
1398
+ function RootContext$33(props) {
1399
+ const fileUpload = use(RootContext$34);
1387
1400
  const { children } = props;
1388
1401
  return children(fileUpload);
1389
1402
  }
1390
1403
 
1391
1404
  //#endregion
1392
1405
  //#region src/components/file-upload/anatomy/root-provider.tsx
1393
- function RootProvider$11(props) {
1406
+ function RootProvider$12(props) {
1394
1407
  const { element, children, value: fileUpload, ...rest } = props;
1395
- const attributes = mergeProps(fileUpload.getRootProps(), { className: classesFileUpload.root }, rest);
1396
- return /* @__PURE__ */ jsx(RootContext$32.Provider, {
1408
+ const attributes = mergeProps(fileUpload.getRootProps(), { className: classes.fileUpload.root }, rest);
1409
+ return /* @__PURE__ */ jsx(RootContext$34.Provider, {
1397
1410
  value: fileUpload,
1398
1411
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1399
1412
  ...attributes,
@@ -1413,12 +1426,12 @@ function useFileUpload(props = {}) {
1413
1426
 
1414
1427
  //#endregion
1415
1428
  //#region src/components/file-upload/anatomy/root.tsx
1416
- function Root$13(props) {
1429
+ function Root$14(props) {
1417
1430
  const [fileUploadProps, componentProps] = splitProps$6(props);
1418
1431
  const { element, children, ...rest } = componentProps;
1419
1432
  const fileUpload = useFileUpload(fileUploadProps);
1420
- const attributes = mergeProps(fileUpload.getRootProps(), { className: classesFileUpload.root }, rest);
1421
- return /* @__PURE__ */ jsx(RootContext$32.Provider, {
1433
+ const attributes = mergeProps(fileUpload.getRootProps(), { className: classes.fileUpload.root }, rest);
1434
+ return /* @__PURE__ */ jsx(RootContext$34.Provider, {
1422
1435
  value: fileUpload,
1423
1436
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1424
1437
  ...attributes,
@@ -1429,10 +1442,10 @@ function Root$13(props) {
1429
1442
 
1430
1443
  //#endregion
1431
1444
  //#region src/components/file-upload/anatomy/trigger.tsx
1432
- function Trigger$4(props) {
1433
- const fileUpload = use(RootContext$32);
1445
+ function Trigger$5(props) {
1446
+ const fileUpload = use(RootContext$34);
1434
1447
  const { element, children, ...rest } = props;
1435
- const attributes = mergeProps(fileUpload.getTriggerProps(), { className: classesFileUpload.trigger }, rest);
1448
+ const attributes = mergeProps(fileUpload.getTriggerProps(), { className: classes.fileUpload.trigger }, rest);
1436
1449
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1437
1450
  ...attributes,
1438
1451
  children
@@ -1441,12 +1454,13 @@ function Trigger$4(props) {
1441
1454
 
1442
1455
  //#endregion
1443
1456
  //#region src/components/file-upload/modules/anatomy.ts
1444
- const FileUpload = Object.assign(Root$13, {
1445
- Provider: RootProvider$11,
1446
- Context: RootContext$31,
1457
+ const FileUpload = Object.assign(Root$14, {
1458
+ Provider: RootProvider$12,
1459
+ Context: RootContext$33,
1447
1460
  Label: Label$8,
1448
1461
  Dropzone,
1449
- Trigger: Trigger$4,
1462
+ Trigger: Trigger$5,
1463
+ ClearTrigger: ClearTrigger$1,
1450
1464
  HiddenInput: HiddenInput$4,
1451
1465
  ItemGroup: ItemGroup$2,
1452
1466
  Item: Item$8,
@@ -1455,6 +1469,200 @@ const FileUpload = Object.assign(Root$13, {
1455
1469
  ItemDeleteTrigger: ItemDeleteTrigger$1
1456
1470
  });
1457
1471
 
1472
+ //#endregion
1473
+ //#region src/components/floating-panel/modules/root-context.ts
1474
+ const RootContext$32 = createContext$1();
1475
+
1476
+ //#endregion
1477
+ //#region src/components/floating-panel/anatomy/body.tsx
1478
+ function Body(props) {
1479
+ const floatingPanel = use(RootContext$32);
1480
+ const { element, children, ...rest } = props;
1481
+ const attributes = mergeProps(floatingPanel.getBodyProps(), { className: classes.floatingPanel.body }, rest);
1482
+ return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1483
+ ...attributes,
1484
+ children
1485
+ });
1486
+ }
1487
+
1488
+ //#endregion
1489
+ //#region src/components/floating-panel/anatomy/close-trigger.tsx
1490
+ function CloseTrigger$2(props) {
1491
+ const floatingPanel = use(RootContext$32);
1492
+ const { element, children, ...rest } = props;
1493
+ const attributes = mergeProps(floatingPanel.getCloseTriggerProps(), { className: classes.floatingPanel.closeTrigger }, rest);
1494
+ return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1495
+ ...attributes,
1496
+ children
1497
+ });
1498
+ }
1499
+
1500
+ //#endregion
1501
+ //#region src/components/floating-panel/anatomy/content.tsx
1502
+ function Content$5(props) {
1503
+ const floatingPanel = use(RootContext$32);
1504
+ const { element, children, ...rest } = props;
1505
+ const attributes = mergeProps(floatingPanel.getContentProps(), { className: classes.floatingPanel.content }, rest);
1506
+ return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1507
+ ...attributes,
1508
+ children
1509
+ });
1510
+ }
1511
+
1512
+ //#endregion
1513
+ //#region src/components/floating-panel/anatomy/control.tsx
1514
+ function Control$5(props) {
1515
+ const floatingPanel = use(RootContext$32);
1516
+ const { element, children, ...rest } = props;
1517
+ const attributes = mergeProps(floatingPanel.getControlProps(), { className: classes.floatingPanel.control }, rest);
1518
+ return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1519
+ ...attributes,
1520
+ children
1521
+ });
1522
+ }
1523
+
1524
+ //#endregion
1525
+ //#region src/components/floating-panel/anatomy/drag-trigger.tsx
1526
+ function DragTrigger(props) {
1527
+ const floatingPanel = use(RootContext$32);
1528
+ const { element, children, ...rest } = props;
1529
+ const attributes = mergeProps(floatingPanel.getDragTriggerProps(), { className: classes.floatingPanel.dragTrigger }, rest);
1530
+ return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1531
+ ...attributes,
1532
+ children
1533
+ });
1534
+ }
1535
+
1536
+ //#endregion
1537
+ //#region src/components/floating-panel/anatomy/header.tsx
1538
+ function Header(props) {
1539
+ const floatingPanel = use(RootContext$32);
1540
+ const { element, children, ...rest } = props;
1541
+ const attributes = mergeProps(floatingPanel.getHeaderProps(), { className: classes.floatingPanel.header }, rest);
1542
+ return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1543
+ ...attributes,
1544
+ children
1545
+ });
1546
+ }
1547
+
1548
+ //#endregion
1549
+ //#region src/components/floating-panel/anatomy/positioner.tsx
1550
+ function Positioner$3(props) {
1551
+ const floatingPanel = use(RootContext$32);
1552
+ const { element, children, ...rest } = props;
1553
+ const attributes = mergeProps(floatingPanel.getPositionerProps(), { className: classes.floatingPanel.positioner }, rest);
1554
+ return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1555
+ ...attributes,
1556
+ children
1557
+ });
1558
+ }
1559
+
1560
+ //#endregion
1561
+ //#region src/components/floating-panel/anatomy/resize-trigger.tsx
1562
+ function ResizeTrigger(props) {
1563
+ const floatingPanel = use(RootContext$32);
1564
+ const [resizeTriggerProps, componentProps] = splitResizeTriggerProps(props);
1565
+ const { element, children, ...rest } = componentProps;
1566
+ const attributes = mergeProps(floatingPanel.getResizeTriggerProps(resizeTriggerProps), { className: classes.floatingPanel.resizeTrigger }, rest);
1567
+ return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1568
+ ...attributes,
1569
+ children
1570
+ });
1571
+ }
1572
+
1573
+ //#endregion
1574
+ //#region src/components/floating-panel/anatomy/root-context.tsx
1575
+ function RootContext$31(props) {
1576
+ const floatingPanel = use(RootContext$32);
1577
+ const { children } = props;
1578
+ return children(floatingPanel);
1579
+ }
1580
+
1581
+ //#endregion
1582
+ //#region src/components/floating-panel/anatomy/root-provider.tsx
1583
+ function RootProvider$11(props) {
1584
+ const { children, value: floatingPanel } = props;
1585
+ return /* @__PURE__ */ jsx(RootContext$32.Provider, {
1586
+ value: floatingPanel,
1587
+ children
1588
+ });
1589
+ }
1590
+
1591
+ //#endregion
1592
+ //#region src/components/floating-panel/modules/provider.ts
1593
+ function useFloatingPanel(props = {}) {
1594
+ return connect$7(useMachine(machine$7, {
1595
+ id: useId(),
1596
+ ...props
1597
+ }), normalizeProps);
1598
+ }
1599
+
1600
+ //#endregion
1601
+ //#region src/components/floating-panel/anatomy/root.tsx
1602
+ function Root$13(props) {
1603
+ const [floatingPanelProps, componentProps] = splitProps$7(props);
1604
+ const { children } = componentProps;
1605
+ const floatingPanel = useFloatingPanel(floatingPanelProps);
1606
+ return /* @__PURE__ */ jsx(RootContext$32.Provider, {
1607
+ value: floatingPanel,
1608
+ children
1609
+ });
1610
+ }
1611
+
1612
+ //#endregion
1613
+ //#region src/components/floating-panel/anatomy/stage-trigger.tsx
1614
+ function StageTrigger(props) {
1615
+ const floatingPanel = use(RootContext$32);
1616
+ const { element, children, stage, ...rest } = props;
1617
+ const attributes = mergeProps(floatingPanel.getStageTriggerProps({ stage }), { className: classes.floatingPanel.stageTrigger }, rest);
1618
+ return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1619
+ ...attributes,
1620
+ children
1621
+ });
1622
+ }
1623
+
1624
+ //#endregion
1625
+ //#region src/components/floating-panel/anatomy/title.tsx
1626
+ function Title$2(props) {
1627
+ const floatingPanel = use(RootContext$32);
1628
+ const { element, children, ...rest } = props;
1629
+ const attributes = mergeProps(floatingPanel.getTitleProps(), { className: classes.floatingPanel.title }, rest);
1630
+ return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1631
+ ...attributes,
1632
+ children
1633
+ });
1634
+ }
1635
+
1636
+ //#endregion
1637
+ //#region src/components/floating-panel/anatomy/trigger.tsx
1638
+ function Trigger$4(props) {
1639
+ const floatingPanel = use(RootContext$32);
1640
+ const { element, children, ...rest } = props;
1641
+ const attributes = mergeProps(floatingPanel.getTriggerProps(), { className: classes.floatingPanel.trigger }, rest);
1642
+ return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1643
+ ...attributes,
1644
+ children
1645
+ });
1646
+ }
1647
+
1648
+ //#endregion
1649
+ //#region src/components/floating-panel/modules/anatomy.ts
1650
+ const FloatingPanel = Object.assign(Root$13, {
1651
+ Provider: RootProvider$11,
1652
+ Context: RootContext$31,
1653
+ Trigger: Trigger$4,
1654
+ Positioner: Positioner$3,
1655
+ Content: Content$5,
1656
+ DragTrigger,
1657
+ Header,
1658
+ Title: Title$2,
1659
+ Control: Control$5,
1660
+ StageTrigger,
1661
+ CloseTrigger: CloseTrigger$2,
1662
+ Body,
1663
+ ResizeTrigger
1664
+ });
1665
+
1458
1666
  //#endregion
1459
1667
  //#region src/components/listbox/modules/root-context.ts
1460
1668
  const RootContext$30 = createContext$1();
@@ -1464,7 +1672,7 @@ const RootContext$30 = createContext$1();
1464
1672
  function Content$4(props) {
1465
1673
  const listbox = use(RootContext$30);
1466
1674
  const { element, children, ...rest } = props;
1467
- const attributes = mergeProps(listbox.getContentProps(), { className: classesListbox.content }, rest);
1675
+ const attributes = mergeProps(listbox.getContentProps(), { className: classes.listbox.content }, rest);
1468
1676
  return element ? element(attributes) : /* @__PURE__ */ jsx("ul", {
1469
1677
  ...attributes,
1470
1678
  children
@@ -1476,7 +1684,7 @@ function Content$4(props) {
1476
1684
  function Input$1(props) {
1477
1685
  const listbox = use(RootContext$30);
1478
1686
  const { element, ...rest } = props;
1479
- const attributes = mergeProps(listbox.getInputProps(), { className: classesListbox.input }, rest);
1687
+ const attributes = mergeProps(listbox.getInputProps(), { className: classes.listbox.input }, rest);
1480
1688
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
1481
1689
  }
1482
1690
 
@@ -1493,7 +1701,7 @@ function ItemGroupLabel$1(props) {
1493
1701
  ...props
1494
1702
  });
1495
1703
  const { element, children, ...rest } = componentProps;
1496
- const attributes = mergeProps(listbox.getItemGroupLabelProps(itemGroupLabelProps), { className: classesListbox.itemGroupLabel }, rest);
1704
+ const attributes = mergeProps(listbox.getItemGroupLabelProps(itemGroupLabelProps), { className: classes.listbox.itemGroupLabel }, rest);
1497
1705
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1498
1706
  ...attributes,
1499
1707
  children
@@ -1509,7 +1717,7 @@ function ItemGroup$1(props) {
1509
1717
  ...props
1510
1718
  });
1511
1719
  const { element, children, ...rest } = componentProps;
1512
- const attributes = mergeProps(listbox.getItemGroupProps(itemGroupProps), { className: classesListbox.itemGroup }, rest);
1720
+ const attributes = mergeProps(listbox.getItemGroupProps(itemGroupProps), { className: classes.listbox.itemGroup }, rest);
1513
1721
  return /* @__PURE__ */ jsx(ItemGroupContext$1.Provider, {
1514
1722
  value: itemGroupProps,
1515
1723
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1529,7 +1737,7 @@ function ItemIndicator$1(props) {
1529
1737
  const listbox = use(RootContext$30);
1530
1738
  const itemProps = use(ItemContext$3);
1531
1739
  const { element, children = /* @__PURE__ */ jsx(Check, { className: "size-4" }), ...rest } = props;
1532
- const attributes = mergeProps(listbox.getItemIndicatorProps(itemProps), { className: classesListbox.itemIndicator }, rest);
1740
+ const attributes = mergeProps(listbox.getItemIndicatorProps(itemProps), { className: classes.listbox.itemIndicator }, rest);
1533
1741
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
1534
1742
  ...attributes,
1535
1743
  children
@@ -1542,7 +1750,7 @@ function ItemText$3(props) {
1542
1750
  const listbox = use(RootContext$30);
1543
1751
  const itemProps = use(ItemContext$3);
1544
1752
  const { element, children, ...rest } = props;
1545
- const attributes = mergeProps(listbox.getItemTextProps(itemProps), { className: classesListbox.itemText }, rest);
1753
+ const attributes = mergeProps(listbox.getItemTextProps(itemProps), { className: classes.listbox.itemText }, rest);
1546
1754
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
1547
1755
  ...attributes,
1548
1756
  children
@@ -1555,7 +1763,7 @@ function Item$7(props) {
1555
1763
  const listbox = use(RootContext$30);
1556
1764
  const [itemProps, componentProps] = splitItemProps$3(props);
1557
1765
  const { element, children, ...rest } = componentProps;
1558
- const attributes = mergeProps(listbox.getItemProps(itemProps), { className: classesListbox.item }, rest);
1766
+ const attributes = mergeProps(listbox.getItemProps(itemProps), { className: classes.listbox.item }, rest);
1559
1767
  return /* @__PURE__ */ jsx(ItemContext$3.Provider, {
1560
1768
  value: itemProps,
1561
1769
  children: element ? element(attributes) : /* @__PURE__ */ jsx("li", {
@@ -1570,7 +1778,7 @@ function Item$7(props) {
1570
1778
  function Label$7(props) {
1571
1779
  const listbox = use(RootContext$30);
1572
1780
  const { element, children, ...rest } = props;
1573
- const attributes = mergeProps(listbox.getLabelProps(), { className: classesListbox.label }, rest);
1781
+ const attributes = mergeProps(listbox.getLabelProps(), { className: classes.listbox.label }, rest);
1574
1782
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
1575
1783
  ...attributes,
1576
1784
  children
@@ -1588,7 +1796,7 @@ function RootContext$29(props) {
1588
1796
  //#endregion
1589
1797
  //#region src/components/listbox/modules/provider.ts
1590
1798
  function useListbox(props) {
1591
- return connect$7(useMachine(machine$7, {
1799
+ return connect$8(useMachine(machine$8, {
1592
1800
  id: useId(),
1593
1801
  ...props
1594
1802
  }), normalizeProps);
@@ -1598,7 +1806,7 @@ function useListbox(props) {
1598
1806
  //#region src/components/listbox/anatomy/root-provider.tsx
1599
1807
  function RootProvider$10(props) {
1600
1808
  const { element, children, value: listbox, ...rest } = props;
1601
- const attributes = mergeProps(listbox.getRootProps(), { className: classesListbox.root }, rest);
1809
+ const attributes = mergeProps(listbox.getRootProps(), { className: classes.listbox.root }, rest);
1602
1810
  return /* @__PURE__ */ jsx(RootContext$30.Provider, {
1603
1811
  value: listbox,
1604
1812
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1611,10 +1819,10 @@ function RootProvider$10(props) {
1611
1819
  //#endregion
1612
1820
  //#region src/components/listbox/anatomy/root.tsx
1613
1821
  function Root$12(props) {
1614
- const [listboxProps, componentProps] = splitProps$7(props);
1822
+ const [listboxProps, componentProps] = splitProps$8(props);
1615
1823
  const { element, children, ...rest } = componentProps;
1616
1824
  const listbox = useListbox(listboxProps);
1617
- const attributes = mergeProps(listbox.getRootProps(), { className: classesListbox.root }, rest);
1825
+ const attributes = mergeProps(listbox.getRootProps(), { className: classes.listbox.root }, rest);
1618
1826
  return /* @__PURE__ */ jsx(RootContext$30.Provider, {
1619
1827
  value: listbox,
1620
1828
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1648,7 +1856,7 @@ const RootContext$28 = createContext$1();
1648
1856
  function ArrowTip$2(props) {
1649
1857
  const menu = use(RootContext$28);
1650
1858
  const { element, children, ...rest } = props;
1651
- const attributes = mergeProps(menu.getArrowTipProps(), { className: classesMenu.arrowTip }, rest);
1859
+ const attributes = mergeProps(menu.getArrowTipProps(), { className: classes.menu.arrowTip }, rest);
1652
1860
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1653
1861
  ...attributes,
1654
1862
  children
@@ -1660,7 +1868,7 @@ function ArrowTip$2(props) {
1660
1868
  function Arrow$2(props) {
1661
1869
  const menu = use(RootContext$28);
1662
1870
  const { element, children, ...rest } = props;
1663
- const attributes = mergeProps(menu.getArrowProps(), { className: classesMenu.arrow }, rest);
1871
+ const attributes = mergeProps(menu.getArrowProps(), { className: classes.menu.arrow }, rest);
1664
1872
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1665
1873
  ...attributes,
1666
1874
  children
@@ -1672,7 +1880,7 @@ function Arrow$2(props) {
1672
1880
  function Content$3(props) {
1673
1881
  const menu = use(RootContext$28);
1674
1882
  const { element, children, ...rest } = props;
1675
- const attributes = mergeProps(menu.getContentProps(), { className: classesMenu.content }, rest);
1883
+ const attributes = mergeProps(menu.getContentProps(), { className: classes.menu.content }, rest);
1676
1884
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1677
1885
  ...attributes,
1678
1886
  children
@@ -1684,7 +1892,7 @@ function Content$3(props) {
1684
1892
  function ContextTrigger(props) {
1685
1893
  const menu = use(RootContext$28);
1686
1894
  const { element, children, ...rest } = props;
1687
- const attributes = mergeProps(menu.getContextTriggerProps(), { className: classesMenu.contextTrigger }, rest);
1895
+ const attributes = mergeProps(menu.getContextTriggerProps(), { className: classes.menu.contextTrigger }, rest);
1688
1896
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1689
1897
  ...attributes,
1690
1898
  children
@@ -1696,7 +1904,7 @@ function ContextTrigger(props) {
1696
1904
  function Indicator$2(props) {
1697
1905
  const menu = use(RootContext$28);
1698
1906
  const { element, children, ...rest } = props;
1699
- const attributes = mergeProps(menu.getIndicatorProps(), { className: classesMenu.indicator }, rest);
1907
+ const attributes = mergeProps(menu.getIndicatorProps(), { className: classes.menu.indicator }, rest);
1700
1908
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1701
1909
  ...attributes,
1702
1910
  children
@@ -1716,7 +1924,7 @@ function ItemGroupLabel(props) {
1716
1924
  ...props
1717
1925
  });
1718
1926
  const { element, children, ...rest } = componentProps;
1719
- const attributes = mergeProps(menu.getItemGroupLabelProps(labelProps), { className: classesMenu.itemGroupLabel }, rest);
1927
+ const attributes = mergeProps(menu.getItemGroupLabelProps(labelProps), { className: classes.menu.itemGroupLabel }, rest);
1720
1928
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1721
1929
  ...attributes,
1722
1930
  children
@@ -1732,7 +1940,7 @@ function ItemGroup(props) {
1732
1940
  ...props
1733
1941
  });
1734
1942
  const { element, children, ...rest } = componentProps;
1735
- const attributes = mergeProps(menu.getItemGroupProps(itemGroupProps), { className: classesMenu.itemGroup }, rest);
1943
+ const attributes = mergeProps(menu.getItemGroupProps(itemGroupProps), { className: classes.menu.itemGroup }, rest);
1736
1944
  return /* @__PURE__ */ jsx(ItemGroupContext.Provider, {
1737
1945
  value: itemGroupProps,
1738
1946
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1752,7 +1960,7 @@ function ItemIndicator(props) {
1752
1960
  const menu = use(RootContext$28);
1753
1961
  const itemProps = use(ItemContext$2);
1754
1962
  const { element, children, ...rest } = props;
1755
- const attributes = mergeProps(menu.getItemIndicatorProps(itemProps), { className: classesMenu.itemIndicator }, rest);
1963
+ const attributes = mergeProps(menu.getItemIndicatorProps(itemProps), { className: classes.menu.itemIndicator }, rest);
1756
1964
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1757
1965
  ...attributes,
1758
1966
  children
@@ -1765,7 +1973,7 @@ function ItemText$2(props) {
1765
1973
  const menu = use(RootContext$28);
1766
1974
  const itemProps = use(ItemContext$2);
1767
1975
  const { element, children, ...rest } = props;
1768
- const attributes = mergeProps(menu.getItemTextProps(itemProps), { className: classesMenu.itemText }, rest);
1976
+ const attributes = mergeProps(menu.getItemTextProps(itemProps), { className: classes.menu.itemText }, rest);
1769
1977
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1770
1978
  ...attributes,
1771
1979
  children
@@ -1778,7 +1986,7 @@ function Item$6(props) {
1778
1986
  const menu = use(RootContext$28);
1779
1987
  const [itemProps, componentProps] = splitItemProps$4(props);
1780
1988
  const { element, children, ...rest } = componentProps;
1781
- const attributes = mergeProps(menu.getItemProps(itemProps), { className: classesMenu.item }, rest);
1989
+ const attributes = mergeProps(menu.getItemProps(itemProps), { className: classes.menu.item }, rest);
1782
1990
  return /* @__PURE__ */ jsx(ItemContext$2.Provider, {
1783
1991
  value: itemProps,
1784
1992
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1794,7 +2002,7 @@ function OptionItem(props) {
1794
2002
  const menu = use(RootContext$28);
1795
2003
  const [itemProps, componentProps] = splitOptionItemProps(props);
1796
2004
  const { element, children, ...rest } = componentProps;
1797
- const attributes = mergeProps(menu.getOptionItemProps(itemProps), { className: classesMenu.item }, rest);
2005
+ const attributes = mergeProps(menu.getOptionItemProps(itemProps), { className: classes.menu.item }, rest);
1798
2006
  return /* @__PURE__ */ jsx(ItemContext$2.Provider, {
1799
2007
  value: itemProps,
1800
2008
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1809,7 +2017,7 @@ function OptionItem(props) {
1809
2017
  function Positioner$2(props) {
1810
2018
  const menu = use(RootContext$28);
1811
2019
  const { element, children, ...rest } = props;
1812
- const attributes = mergeProps(menu.getPositionerProps(), { className: classesMenu.positioner }, rest);
2020
+ const attributes = mergeProps(menu.getPositionerProps(), { className: classes.menu.positioner }, rest);
1813
2021
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1814
2022
  ...attributes,
1815
2023
  children
@@ -1850,12 +2058,12 @@ function RootProvider$9(props) {
1850
2058
  //#endregion
1851
2059
  //#region src/components/menu/modules/provider.ts
1852
2060
  function useMenu(props = {}) {
1853
- const service = useMachine(machine$8, {
2061
+ const service = useMachine(machine$9, {
1854
2062
  id: useId(),
1855
2063
  ...props
1856
2064
  });
1857
2065
  return {
1858
- ...connect$8(service, normalizeProps),
2066
+ ...connect$9(service, normalizeProps),
1859
2067
  service
1860
2068
  };
1861
2069
  }
@@ -1864,7 +2072,7 @@ function useMenu(props = {}) {
1864
2072
  //#region src/components/menu/anatomy/root.tsx
1865
2073
  function Root$11(props) {
1866
2074
  const parentMenu = use(RootContext$28);
1867
- const [menuProps, componentProps] = splitProps$8(props);
2075
+ const [menuProps, componentProps] = splitProps$9(props);
1868
2076
  const { children } = componentProps;
1869
2077
  const menu = useMenu(menuProps);
1870
2078
  useEffect(() => {
@@ -1886,7 +2094,7 @@ function Root$11(props) {
1886
2094
  function Separator(props) {
1887
2095
  const menu = use(RootContext$28);
1888
2096
  const { element, ...rest } = props;
1889
- const attributes = mergeProps(menu.getSeparatorProps(), { className: classesMenu.separator }, rest);
2097
+ const attributes = mergeProps(menu.getSeparatorProps(), { className: classes.menu.separator }, rest);
1890
2098
  return element ? element(attributes) : /* @__PURE__ */ jsx("hr", { ...attributes });
1891
2099
  }
1892
2100
 
@@ -1896,7 +2104,7 @@ function TriggerItem(props) {
1896
2104
  const triggerItemProps = use(TriggerItemContext);
1897
2105
  const [itemProps, componentProps] = splitItemProps$4(props);
1898
2106
  const { element, children, ...rest } = componentProps;
1899
- const attributes = mergeProps(triggerItemProps, { className: classesMenu.item }, rest);
2107
+ const attributes = mergeProps(triggerItemProps, { className: classes.menu.item }, rest);
1900
2108
  return /* @__PURE__ */ jsx(ItemContext$2.Provider, {
1901
2109
  value: itemProps,
1902
2110
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1911,7 +2119,7 @@ function TriggerItem(props) {
1911
2119
  function Trigger$3(props) {
1912
2120
  const menu = use(RootContext$28);
1913
2121
  const { element, children, ...rest } = props;
1914
- const attributes = mergeProps(menu.getTriggerProps(), { className: classesMenu.trigger }, rest);
2122
+ const attributes = mergeProps(menu.getTriggerProps(), { className: classes.menu.trigger }, rest);
1915
2123
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1916
2124
  ...attributes,
1917
2125
  children
@@ -1951,7 +2159,7 @@ function NavigationContent(props) {
1951
2159
  const navigation = use(RootContext$26);
1952
2160
  const attributes = mergeProps({
1953
2161
  "data-layout": navigation.layout,
1954
- className: classesNavigation.content
2162
+ className: classes.navigation.content
1955
2163
  }, rest);
1956
2164
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1957
2165
  ...attributes,
@@ -1966,7 +2174,7 @@ function NavigationFooter(props) {
1966
2174
  const navigation = use(RootContext$26);
1967
2175
  const attributes = mergeProps({
1968
2176
  "data-layout": navigation.layout,
1969
- className: classesNavigation.footer
2177
+ className: classes.navigation.footer
1970
2178
  }, rest);
1971
2179
  return element ? element(attributes) : /* @__PURE__ */ jsx("footer", {
1972
2180
  ...attributes,
@@ -1981,7 +2189,7 @@ function NavigationGroup(props) {
1981
2189
  const navigation = use(RootContext$26);
1982
2190
  const attributes = mergeProps({
1983
2191
  "data-layout": navigation.layout,
1984
- className: classesNavigation.group
2192
+ className: classes.navigation.group
1985
2193
  }, rest);
1986
2194
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1987
2195
  ...attributes,
@@ -1996,7 +2204,7 @@ function NavigationHeader(props) {
1996
2204
  const navigation = use(RootContext$26);
1997
2205
  const attributes = mergeProps({
1998
2206
  "data-layout": navigation.layout,
1999
- className: classesNavigation.header
2207
+ className: classes.navigation.header
2000
2208
  }, rest);
2001
2209
  return element ? element(attributes) : /* @__PURE__ */ jsx("header", {
2002
2210
  ...attributes,
@@ -2011,7 +2219,7 @@ function NavigationLabel(props) {
2011
2219
  const navigation = use(RootContext$26);
2012
2220
  const attributes = mergeProps({
2013
2221
  "data-layout": navigation.layout,
2014
- className: classesNavigation.label
2222
+ className: classes.navigation.label
2015
2223
  }, rest);
2016
2224
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2017
2225
  ...attributes,
@@ -2026,7 +2234,7 @@ function NavigationMenu(props) {
2026
2234
  const navigation = use(RootContext$26);
2027
2235
  const attributes = mergeProps({
2028
2236
  "data-layout": navigation.layout,
2029
- className: classesNavigation.menu
2237
+ className: classes.navigation.menu
2030
2238
  }, rest);
2031
2239
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2032
2240
  ...attributes,
@@ -2040,7 +2248,7 @@ function NavigationRoot(props) {
2040
2248
  const { layout = "bar", element, children, ...rest } = props;
2041
2249
  const attributes = mergeProps({
2042
2250
  "data-layout": layout,
2043
- className: classesNavigation.root
2251
+ className: classes.navigation.root
2044
2252
  }, rest);
2045
2253
  return /* @__PURE__ */ jsx(RootContext$26.Provider, {
2046
2254
  value: { layout },
@@ -2072,7 +2280,7 @@ function Ellipsis(props) {
2072
2280
  const pagination = use(RootContext$25);
2073
2281
  const [ellipsisProps, componentProps] = splitEllipsisProps(props);
2074
2282
  const { element, children, ...rest } = componentProps;
2075
- const attributes = mergeProps(pagination.getEllipsisProps(ellipsisProps), { className: classesPagination.ellipsis }, rest);
2283
+ const attributes = mergeProps(pagination.getEllipsisProps(ellipsisProps), { className: classes.pagination.ellipsis }, rest);
2076
2284
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
2077
2285
  ...attributes,
2078
2286
  children
@@ -2085,7 +2293,7 @@ function FirstTrigger(props) {
2085
2293
  const pagination = use(RootContext$25);
2086
2294
  const { element, children, ...rest } = props;
2087
2295
  const attributes = mergeProps({
2088
- className: classesPagination.nextTrigger,
2296
+ className: classes.pagination.nextTrigger,
2089
2297
  onClick: pagination.goToFirstPage
2090
2298
  }, rest);
2091
2299
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
@@ -2100,7 +2308,7 @@ function Item$5(props) {
2100
2308
  const pagination = use(RootContext$25);
2101
2309
  const [itemProps, componentProps] = splitItemProps$5(props);
2102
2310
  const { element, children, ...rest } = componentProps;
2103
- const attributes = mergeProps(pagination.getItemProps(itemProps), { className: classesPagination.item }, rest);
2311
+ const attributes = mergeProps(pagination.getItemProps(itemProps), { className: classes.pagination.item }, rest);
2104
2312
  return element ? element(attributes) : /* @__PURE__ */ jsx("a", {
2105
2313
  ...attributes,
2106
2314
  children
@@ -2113,7 +2321,7 @@ function LastTrigger(props) {
2113
2321
  const pagination = use(RootContext$25);
2114
2322
  const { element, children, ...rest } = props;
2115
2323
  const attributes = mergeProps({
2116
- className: classesPagination.nextTrigger,
2324
+ className: classes.pagination.nextTrigger,
2117
2325
  onClick: pagination.goToLastPage
2118
2326
  }, rest);
2119
2327
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
@@ -2127,7 +2335,7 @@ function LastTrigger(props) {
2127
2335
  function NextTrigger(props) {
2128
2336
  const pagination = use(RootContext$25);
2129
2337
  const { element, children, ...rest } = props;
2130
- const attributes = mergeProps(pagination.getNextTriggerProps(), { className: classesPagination.nextTrigger }, rest);
2338
+ const attributes = mergeProps(pagination.getNextTriggerProps(), { className: classes.pagination.nextTrigger }, rest);
2131
2339
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
2132
2340
  ...attributes,
2133
2341
  children
@@ -2139,7 +2347,7 @@ function NextTrigger(props) {
2139
2347
  function PrevTrigger(props) {
2140
2348
  const pagination = use(RootContext$25);
2141
2349
  const { element, children, ...rest } = props;
2142
- const attributes = mergeProps(pagination.getPrevTriggerProps(), { className: classesPagination.prevTrigger }, rest);
2350
+ const attributes = mergeProps(pagination.getPrevTriggerProps(), { className: classes.pagination.prevTrigger }, rest);
2143
2351
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
2144
2352
  ...attributes,
2145
2353
  children
@@ -2158,7 +2366,7 @@ function RootContext$24(props) {
2158
2366
  //#region src/components/pagination/anatomy/root-provider.tsx
2159
2367
  function PaginationRootProvider(props) {
2160
2368
  const { element, children, value: pagination, ...rest } = props;
2161
- const attributes = mergeProps(pagination.getRootProps(), { className: classesPagination.root }, rest);
2369
+ const attributes = mergeProps(pagination.getRootProps(), { className: classes.pagination.root }, rest);
2162
2370
  return /* @__PURE__ */ jsx(RootContext$25.Provider, {
2163
2371
  value: pagination,
2164
2372
  children: element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
@@ -2171,7 +2379,7 @@ function PaginationRootProvider(props) {
2171
2379
  //#endregion
2172
2380
  //#region src/components/pagination/modules/provider.ts
2173
2381
  function usePagination(props = {}) {
2174
- return connect$9(useMachine(machine$9, {
2382
+ return connect$10(useMachine(machine$10, {
2175
2383
  id: useId(),
2176
2384
  ...props
2177
2385
  }), normalizeProps);
@@ -2180,10 +2388,10 @@ function usePagination(props = {}) {
2180
2388
  //#endregion
2181
2389
  //#region src/components/pagination/anatomy/root.tsx
2182
2390
  function PaginationRoot(props) {
2183
- const [paginationProps, componentProps] = splitProps$9(props);
2391
+ const [paginationProps, componentProps] = splitProps$10(props);
2184
2392
  const { element, children, ...rest } = componentProps;
2185
2393
  const pagination = usePagination(paginationProps);
2186
- const attributes = mergeProps(pagination.getRootProps(), { className: classesPagination.root }, rest);
2394
+ const attributes = mergeProps(pagination.getRootProps(), { className: classes.pagination.root }, rest);
2187
2395
  return /* @__PURE__ */ jsx(RootContext$25.Provider, {
2188
2396
  value: pagination,
2189
2397
  children: element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
@@ -2215,7 +2423,7 @@ const RootContext$23 = createContext$1();
2215
2423
  function Anchor(props) {
2216
2424
  const popover = use(RootContext$23);
2217
2425
  const { element, children, ...rest } = props;
2218
- const attributes = mergeProps(popover.getAnchorProps(), { className: classesPopover.anchor }, rest);
2426
+ const attributes = mergeProps(popover.getAnchorProps(), { className: classes.popover.anchor }, rest);
2219
2427
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2220
2428
  ...attributes,
2221
2429
  children
@@ -2227,7 +2435,7 @@ function Anchor(props) {
2227
2435
  function ArrowTip$1(props) {
2228
2436
  const popover = use(RootContext$23);
2229
2437
  const { element, children, ...rest } = props;
2230
- const attributes = mergeProps(popover.getArrowTipProps(), { className: classesPopover.arrowTip }, rest);
2438
+ const attributes = mergeProps(popover.getArrowTipProps(), { className: classes.popover.arrowTip }, rest);
2231
2439
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2232
2440
  ...attributes,
2233
2441
  children
@@ -2239,7 +2447,7 @@ function ArrowTip$1(props) {
2239
2447
  function Arrow$1(props) {
2240
2448
  const popover = use(RootContext$23);
2241
2449
  const { element, children, ...rest } = props;
2242
- const attributes = mergeProps(popover.getArrowProps(), { className: classesPopover.arrow }, rest);
2450
+ const attributes = mergeProps(popover.getArrowProps(), { className: classes.popover.arrow }, rest);
2243
2451
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2244
2452
  ...attributes,
2245
2453
  children
@@ -2251,7 +2459,7 @@ function Arrow$1(props) {
2251
2459
  function CloseTrigger$1(props) {
2252
2460
  const popover = use(RootContext$23);
2253
2461
  const { element, children, ...rest } = props;
2254
- const attributes = mergeProps(popover.getCloseTriggerProps(), { className: classesPopover.closeTrigger }, rest);
2462
+ const attributes = mergeProps(popover.getCloseTriggerProps(), { className: classes.popover.closeTrigger }, rest);
2255
2463
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
2256
2464
  ...attributes,
2257
2465
  children
@@ -2263,7 +2471,7 @@ function CloseTrigger$1(props) {
2263
2471
  function Content$2(props) {
2264
2472
  const popover = use(RootContext$23);
2265
2473
  const { element, children, ...rest } = props;
2266
- const attributes = mergeProps(popover.getContentProps(), { className: classesPopover.content }, rest);
2474
+ const attributes = mergeProps(popover.getContentProps(), { className: classes.popover.content }, rest);
2267
2475
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2268
2476
  ...attributes,
2269
2477
  children
@@ -2275,7 +2483,7 @@ function Content$2(props) {
2275
2483
  function Description$1(props) {
2276
2484
  const popover = use(RootContext$23);
2277
2485
  const { element, children, ...rest } = props;
2278
- const attributes = mergeProps(popover.getDescriptionProps(), { className: classesPopover.description }, rest);
2486
+ const attributes = mergeProps(popover.getDescriptionProps(), { className: classes.popover.description }, rest);
2279
2487
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2280
2488
  ...attributes,
2281
2489
  children
@@ -2287,7 +2495,7 @@ function Description$1(props) {
2287
2495
  function Positioner$1(props) {
2288
2496
  const popover = use(RootContext$23);
2289
2497
  const { element, children, ...rest } = props;
2290
- const attributes = mergeProps(popover.getPositionerProps(), { className: classesPopover.positioner }, rest);
2498
+ const attributes = mergeProps(popover.getPositionerProps(), { className: classes.popover.positioner }, rest);
2291
2499
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2292
2500
  ...attributes,
2293
2501
  children
@@ -2315,7 +2523,7 @@ function RootProvider$8(props) {
2315
2523
  //#endregion
2316
2524
  //#region src/components/popover/modules/provider.ts
2317
2525
  function usePopover(props = {}) {
2318
- return connect$10(useMachine(machine$10, {
2526
+ return connect$11(useMachine(machine$11, {
2319
2527
  id: useId(),
2320
2528
  ...props
2321
2529
  }), normalizeProps);
@@ -2324,7 +2532,7 @@ function usePopover(props = {}) {
2324
2532
  //#endregion
2325
2533
  //#region src/components/popover/anatomy/root.tsx
2326
2534
  function Root$10(props) {
2327
- const [popoverProps, componentProps] = splitProps$10(props);
2535
+ const [popoverProps, componentProps] = splitProps$11(props);
2328
2536
  const { children } = componentProps;
2329
2537
  const popover = usePopover(popoverProps);
2330
2538
  return /* @__PURE__ */ jsx(RootContext$23.Provider, {
@@ -2338,7 +2546,7 @@ function Root$10(props) {
2338
2546
  function Title$1(props) {
2339
2547
  const popover = use(RootContext$23);
2340
2548
  const { element, children, ...rest } = props;
2341
- const attributes = mergeProps(popover.getTitleProps(), { className: classesPopover.title }, rest);
2549
+ const attributes = mergeProps(popover.getTitleProps(), { className: classes.popover.title }, rest);
2342
2550
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2343
2551
  ...attributes,
2344
2552
  children
@@ -2350,7 +2558,7 @@ function Title$1(props) {
2350
2558
  function Trigger$2(props) {
2351
2559
  const popover = use(RootContext$23);
2352
2560
  const { element, children, ...rest } = props;
2353
- const attributes = mergeProps(popover.getTriggerProps(), { className: classesPopover.trigger }, rest);
2561
+ const attributes = mergeProps(popover.getTriggerProps(), { className: classes.popover.trigger }, rest);
2354
2562
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
2355
2563
  ...attributes,
2356
2564
  children
@@ -2395,7 +2603,7 @@ function CircleRange(props) {
2395
2603
  const progress = use(RootContext$21);
2396
2604
  const { element, ...rest } = props;
2397
2605
  const attributes = mergeProps(progress.getCircleRangeProps(), {
2398
- className: classesProgress.circleRange,
2606
+ className: classes.progress.circleRange,
2399
2607
  strokeLinecap: "round"
2400
2608
  }, rest);
2401
2609
  return element ? element(attributes) : /* @__PURE__ */ jsx("circle", { ...attributes });
@@ -2406,7 +2614,7 @@ function CircleRange(props) {
2406
2614
  function CircleTrack(props) {
2407
2615
  const progress = use(RootContext$21);
2408
2616
  const { element, ...rest } = props;
2409
- const attributes = mergeProps(progress.getCircleTrackProps(), { className: classesProgress.circleTrack }, rest);
2617
+ const attributes = mergeProps(progress.getCircleTrackProps(), { className: classes.progress.circleTrack }, rest);
2410
2618
  return element ? element(attributes) : /* @__PURE__ */ jsx("circle", { ...attributes });
2411
2619
  }
2412
2620
 
@@ -2415,7 +2623,7 @@ function CircleTrack(props) {
2415
2623
  function Circle(props) {
2416
2624
  const progress = use(RootContext$21);
2417
2625
  const { element, children, ...rest } = props;
2418
- const attributes = mergeProps(progress.getCircleProps(), { className: classesProgress.circle }, rest);
2626
+ const attributes = mergeProps(progress.getCircleProps(), { className: classes.progress.circle }, rest);
2419
2627
  return element ? element(attributes) : /* @__PURE__ */ jsx("svg", {
2420
2628
  ...attributes,
2421
2629
  children
@@ -2427,7 +2635,7 @@ function Circle(props) {
2427
2635
  function Label$6(props) {
2428
2636
  const progress = use(RootContext$21);
2429
2637
  const { element, children, ...rest } = props;
2430
- const attributes = mergeProps(progress.getLabelProps(), { className: classesProgress.label }, rest);
2638
+ const attributes = mergeProps(progress.getLabelProps(), { className: classes.progress.label }, rest);
2431
2639
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2432
2640
  ...attributes,
2433
2641
  children
@@ -2439,7 +2647,7 @@ function Label$6(props) {
2439
2647
  function Range$1(props) {
2440
2648
  const progress = use(RootContext$21);
2441
2649
  const { element, ...rest } = props;
2442
- const attributes = mergeProps(progress.getRangeProps(), { className: classesProgress.range }, rest);
2650
+ const attributes = mergeProps(progress.getRangeProps(), { className: classes.progress.range }, rest);
2443
2651
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
2444
2652
  }
2445
2653
 
@@ -2455,7 +2663,7 @@ function RootContext$20(props) {
2455
2663
  //#region src/components/progress/anatomy/root-provider.tsx
2456
2664
  function RootProvider$7(props) {
2457
2665
  const { element, children, value: progress, ...rest } = props;
2458
- const attributes = mergeProps(progress.getRootProps(), { className: classesProgress.root }, rest);
2666
+ const attributes = mergeProps(progress.getRootProps(), { className: classes.progress.root }, rest);
2459
2667
  return /* @__PURE__ */ jsx(RootContext$21.Provider, {
2460
2668
  value: progress,
2461
2669
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2468,7 +2676,7 @@ function RootProvider$7(props) {
2468
2676
  //#endregion
2469
2677
  //#region src/components/progress/modules/provider.ts
2470
2678
  function useProgress(props = {}) {
2471
- return connect$11(useMachine(machine$11, {
2679
+ return connect$12(useMachine(machine$12, {
2472
2680
  id: useId(),
2473
2681
  ...props
2474
2682
  }), normalizeProps);
@@ -2477,10 +2685,10 @@ function useProgress(props = {}) {
2477
2685
  //#endregion
2478
2686
  //#region src/components/progress/anatomy/root.tsx
2479
2687
  function Root$8(props) {
2480
- const [progressProps, componentProps] = splitProps$11(props);
2688
+ const [progressProps, componentProps] = splitProps$12(props);
2481
2689
  const { element, children, ...rest } = componentProps;
2482
2690
  const progress = useProgress(progressProps);
2483
- const attributes = mergeProps(progress.getRootProps(), { className: classesProgress.root }, rest);
2691
+ const attributes = mergeProps(progress.getRootProps(), { className: classes.progress.root }, rest);
2484
2692
  return /* @__PURE__ */ jsx(RootContext$21.Provider, {
2485
2693
  value: progress,
2486
2694
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2495,7 +2703,7 @@ function Root$8(props) {
2495
2703
  function Track$1(props) {
2496
2704
  const progress = use(RootContext$21);
2497
2705
  const { element, children, ...rest } = props;
2498
- const attributes = mergeProps(progress.getTrackProps(), { className: classesProgress.track }, rest);
2706
+ const attributes = mergeProps(progress.getTrackProps(), { className: classes.progress.track }, rest);
2499
2707
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2500
2708
  ...attributes,
2501
2709
  children
@@ -2507,7 +2715,7 @@ function Track$1(props) {
2507
2715
  function ValueText$1(props) {
2508
2716
  const progress = use(RootContext$21);
2509
2717
  const { element, children, ...rest } = props;
2510
- const attributes = mergeProps(progress.getValueTextProps(), { className: classesProgress.valueText }, rest);
2718
+ const attributes = mergeProps(progress.getValueTextProps(), { className: classes.progress.valueText }, rest);
2511
2719
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
2512
2720
  ...attributes,
2513
2721
  children: children ?? progress.percentAsString
@@ -2537,7 +2745,7 @@ const RootContext$19 = createContext$1();
2537
2745
  function Control$4(props) {
2538
2746
  const ratingGroup = use(RootContext$19);
2539
2747
  const { element, children, ...rest } = props;
2540
- const attributes = mergeProps(ratingGroup.getControlProps(), { className: classesRatingGroup.control }, rest);
2748
+ const attributes = mergeProps(ratingGroup.getControlProps(), { className: classes.ratingGroup.control }, rest);
2541
2749
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2542
2750
  ...attributes,
2543
2751
  children
@@ -2549,7 +2757,7 @@ function Control$4(props) {
2549
2757
  function HiddenInput$3(props) {
2550
2758
  const ratingGroup = use(RootContext$19);
2551
2759
  const { element, ...rest } = props;
2552
- const attributes = mergeProps(ratingGroup.getHiddenInputProps(), { className: classesRatingGroup.hiddenInput }, rest);
2760
+ const attributes = mergeProps(ratingGroup.getHiddenInputProps(), { className: classes.ratingGroup.hiddenInput }, rest);
2553
2761
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
2554
2762
  }
2555
2763
 
@@ -2638,7 +2846,7 @@ function Item$4(props) {
2638
2846
  const [itemProps, componentProps] = splitItemProps$6(props);
2639
2847
  const { element, children, empty = /* @__PURE__ */ jsx(StarEmpty, {}), half = /* @__PURE__ */ jsx(StarHalf, {}), full = /* @__PURE__ */ jsx(StarFull, {}), ...rest } = componentProps;
2640
2848
  const itemState = ratingGroup.getItemState(itemProps);
2641
- const attributes = mergeProps(ratingGroup.getItemProps(itemProps), { className: classesRatingGroup.item }, rest);
2849
+ const attributes = mergeProps(ratingGroup.getItemProps(itemProps), { className: classes.ratingGroup.item }, rest);
2642
2850
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2643
2851
  ...attributes,
2644
2852
  children: children ? children : !itemState.highlighted ? empty : itemState.half ? half : full
@@ -2650,7 +2858,7 @@ function Item$4(props) {
2650
2858
  function Label$5(props) {
2651
2859
  const ratingGroup = use(RootContext$19);
2652
2860
  const { element, children, ...rest } = props;
2653
- const attributes = mergeProps(ratingGroup.getLabelProps(), { className: classesRatingGroup.label }, rest);
2861
+ const attributes = mergeProps(ratingGroup.getLabelProps(), { className: classes.ratingGroup.label }, rest);
2654
2862
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
2655
2863
  ...attributes,
2656
2864
  children
@@ -2669,7 +2877,7 @@ function RootContext$18(props) {
2669
2877
  //#region src/components/rating-group/anatomy/root-provider.tsx
2670
2878
  function RootProvider$6(props) {
2671
2879
  const { element, children, value: ratingGroup, ...rest } = props;
2672
- const attributes = mergeProps(ratingGroup.getRootProps(), { className: classesRatingGroup.root }, rest);
2880
+ const attributes = mergeProps(ratingGroup.getRootProps(), { className: classes.ratingGroup.root }, rest);
2673
2881
  return /* @__PURE__ */ jsx(RootContext$19.Provider, {
2674
2882
  value: ratingGroup,
2675
2883
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2682,7 +2890,7 @@ function RootProvider$6(props) {
2682
2890
  //#endregion
2683
2891
  //#region src/components/rating-group/modules/provider.ts
2684
2892
  function useRatingGroup(props = {}) {
2685
- return connect$12(useMachine(machine$12, {
2893
+ return connect$13(useMachine(machine$13, {
2686
2894
  id: useId(),
2687
2895
  ...props
2688
2896
  }), normalizeProps);
@@ -2691,10 +2899,10 @@ function useRatingGroup(props = {}) {
2691
2899
  //#endregion
2692
2900
  //#region src/components/rating-group/anatomy/root.tsx
2693
2901
  function Root$7(props) {
2694
- const [ratingGroupProps, componentProps] = splitProps$12(props);
2902
+ const [ratingGroupProps, componentProps] = splitProps$13(props);
2695
2903
  const { element, children, ...rest } = componentProps;
2696
2904
  const ratingGroup = useRatingGroup(ratingGroupProps);
2697
- const attributes = mergeProps(ratingGroup.getRootProps(), { className: classesRatingGroup.root }, rest);
2905
+ const attributes = mergeProps(ratingGroup.getRootProps(), { className: classes.ratingGroup.root }, rest);
2698
2906
  return /* @__PURE__ */ jsx(RootContext$19.Provider, {
2699
2907
  value: ratingGroup,
2700
2908
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2719,7 +2927,7 @@ const RatingGroup = Object.assign(Root$7, {
2719
2927
  //#region src/components/segmented-control/anatomy/control.tsx
2720
2928
  function Control$3(props) {
2721
2929
  const { element, children, ...rest } = props;
2722
- const attributes = mergeProps({ className: classesSegmentedControl.control }, rest);
2930
+ const attributes = mergeProps({ className: classes.segmentedControl.control }, rest);
2723
2931
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2724
2932
  ...attributes,
2725
2933
  children
@@ -2735,7 +2943,7 @@ const RootContext$17 = createContext$1();
2735
2943
  function Indicator$1(props) {
2736
2944
  const segmentedControl = use(RootContext$17);
2737
2945
  const { element, ...rest } = props;
2738
- const attributes = mergeProps(segmentedControl.getIndicatorProps(), { className: classesSegmentedControl.indicator }, rest);
2946
+ const attributes = mergeProps(segmentedControl.getIndicatorProps(), { className: classes.segmentedControl.indicator }, rest);
2739
2947
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
2740
2948
  }
2741
2949
 
@@ -2749,7 +2957,7 @@ function ItemHiddenInput(props) {
2749
2957
  const segmentedControl = use(RootContext$17);
2750
2958
  const itemProps = use(ItemContext$1);
2751
2959
  const { element, ...rest } = props;
2752
- const attributes = mergeProps(segmentedControl.getItemHiddenInputProps(itemProps), { className: classesSegmentedControl.itemHiddenInput }, rest);
2960
+ const attributes = mergeProps(segmentedControl.getItemHiddenInputProps(itemProps), { className: classes.segmentedControl.itemHiddenInput }, rest);
2753
2961
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
2754
2962
  }
2755
2963
 
@@ -2759,7 +2967,7 @@ function ItemText$1(props) {
2759
2967
  const segmentedControl = use(RootContext$17);
2760
2968
  const itemProps = use(ItemContext$1);
2761
2969
  const { element, children, ...rest } = props;
2762
- const attributes = mergeProps(segmentedControl.getItemTextProps(itemProps), { className: classesSegmentedControl.itemText }, rest);
2970
+ const attributes = mergeProps(segmentedControl.getItemTextProps(itemProps), { className: classes.segmentedControl.itemText }, rest);
2763
2971
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
2764
2972
  ...attributes,
2765
2973
  children
@@ -2772,7 +2980,7 @@ function Item$3(props) {
2772
2980
  const segmentedControl = use(RootContext$17);
2773
2981
  const [itemProps, componentProps] = splitItemProps$7(props);
2774
2982
  const { element, children, ...rest } = componentProps;
2775
- const attributes = mergeProps(segmentedControl.getItemProps(itemProps), { className: classesSegmentedControl.item }, rest);
2983
+ const attributes = mergeProps(segmentedControl.getItemProps(itemProps), { className: classes.segmentedControl.item }, rest);
2776
2984
  return /* @__PURE__ */ jsx(ItemContext$1.Provider, {
2777
2985
  value: itemProps,
2778
2986
  children: element ? element(attributes) : /* @__PURE__ */ jsx("label", {
@@ -2787,7 +2995,7 @@ function Item$3(props) {
2787
2995
  function Label$4(props) {
2788
2996
  const segmentedControl = use(RootContext$17);
2789
2997
  const { element, children, ...rest } = props;
2790
- const attributes = mergeProps(segmentedControl.getLabelProps(), { className: classesSegmentedControl.label }, rest);
2998
+ const attributes = mergeProps(segmentedControl.getLabelProps(), { className: classes.segmentedControl.label }, rest);
2791
2999
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
2792
3000
  ...attributes,
2793
3001
  children
@@ -2806,7 +3014,7 @@ function RootContext$16(props) {
2806
3014
  //#region src/components/segmented-control/anatomy/root-provider.tsx
2807
3015
  function RootProvider$5(props) {
2808
3016
  const { element, children, value: segmentedControl, ...rest } = props;
2809
- const attributes = mergeProps(segmentedControl.getRootProps(), { className: classesSegmentedControl.root }, rest);
3017
+ const attributes = mergeProps(segmentedControl.getRootProps(), { className: classes.segmentedControl.root }, rest);
2810
3018
  return /* @__PURE__ */ jsx(RootContext$17.Provider, {
2811
3019
  value: segmentedControl,
2812
3020
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2819,7 +3027,7 @@ function RootProvider$5(props) {
2819
3027
  //#endregion
2820
3028
  //#region src/components/segmented-control/modules/provider.ts
2821
3029
  function useSegmentedControl(props = {}) {
2822
- return connect$13(useMachine(machine$13, {
3030
+ return connect$14(useMachine(machine$14, {
2823
3031
  id: useId(),
2824
3032
  orientation: "horizontal",
2825
3033
  ...props
@@ -2829,10 +3037,10 @@ function useSegmentedControl(props = {}) {
2829
3037
  //#endregion
2830
3038
  //#region src/components/segmented-control/anatomy/root.tsx
2831
3039
  function Root$6(props) {
2832
- const [segmentedControlProps, componentProps] = splitProps$13(props);
3040
+ const [segmentedControlProps, componentProps] = splitProps$14(props);
2833
3041
  const { element, children, ...rest } = componentProps;
2834
3042
  const segmentedControl = useSegmentedControl(segmentedControlProps);
2835
- const attributes = mergeProps(segmentedControl.getRootProps(), { className: classesSegmentedControl.root }, rest);
3043
+ const attributes = mergeProps(segmentedControl.getRootProps(), { className: classes.segmentedControl.root }, rest);
2836
3044
  return /* @__PURE__ */ jsx(RootContext$17.Provider, {
2837
3045
  value: segmentedControl,
2838
3046
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2864,7 +3072,7 @@ const RootContext$15 = createContext$1();
2864
3072
  function Control$2(props) {
2865
3073
  const slider = use(RootContext$15);
2866
3074
  const { element, children, ...rest } = props;
2867
- const attributes = mergeProps(slider.getControlProps(), { className: classesSlider.control }, rest);
3075
+ const attributes = mergeProps(slider.getControlProps(), { className: classes.slider.control }, rest);
2868
3076
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2869
3077
  ...attributes,
2870
3078
  children
@@ -2881,7 +3089,7 @@ function HiddenInput$2(props) {
2881
3089
  const slider = use(RootContext$15);
2882
3090
  const thumbProps = use(ThumbContext);
2883
3091
  const { element, ...rest } = props;
2884
- const attributes = mergeProps(slider.getHiddenInputProps(thumbProps), { className: classesSlider.hiddenInput }, rest);
3092
+ const attributes = mergeProps(slider.getHiddenInputProps(thumbProps), { className: classes.slider.hiddenInput }, rest);
2885
3093
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
2886
3094
  }
2887
3095
 
@@ -2890,7 +3098,7 @@ function HiddenInput$2(props) {
2890
3098
  function Label$3(props) {
2891
3099
  const slider = use(RootContext$15);
2892
3100
  const { element, children, ...rest } = props;
2893
- const attributes = mergeProps(slider.getLabelProps(), { className: classesSlider.label }, rest);
3101
+ const attributes = mergeProps(slider.getLabelProps(), { className: classes.slider.label }, rest);
2894
3102
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
2895
3103
  ...attributes,
2896
3104
  children
@@ -2902,7 +3110,7 @@ function Label$3(props) {
2902
3110
  function MarkerGroup(props) {
2903
3111
  const slider = use(RootContext$15);
2904
3112
  const { element, children, ...rest } = props;
2905
- const attributes = mergeProps(slider.getMarkerGroupProps(), { className: classesSlider.markerGroup }, rest);
3113
+ const attributes = mergeProps(slider.getMarkerGroupProps(), { className: classes.slider.markerGroup }, rest);
2906
3114
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2907
3115
  ...attributes,
2908
3116
  children
@@ -2914,7 +3122,7 @@ function MarkerGroup(props) {
2914
3122
  function Marker(props) {
2915
3123
  const slider = use(RootContext$15);
2916
3124
  const { element, children, value, ...rest } = props;
2917
- const attributes = mergeProps(slider.getMarkerProps({ value }), { className: classesSlider.marker }, rest);
3125
+ const attributes = mergeProps(slider.getMarkerProps({ value }), { className: classes.slider.marker }, rest);
2918
3126
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2919
3127
  ...attributes,
2920
3128
  children: children ?? value
@@ -2926,7 +3134,7 @@ function Marker(props) {
2926
3134
  function Range(props) {
2927
3135
  const slider = use(RootContext$15);
2928
3136
  const { element, children, ...rest } = props;
2929
- const attributes = mergeProps(slider.getRangeProps(), { className: classesSlider.range }, rest);
3137
+ const attributes = mergeProps(slider.getRangeProps(), { className: classes.slider.range }, rest);
2930
3138
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2931
3139
  ...attributes,
2932
3140
  children
@@ -2945,7 +3153,7 @@ function RootContext$14(props) {
2945
3153
  //#region src/components/slider/anatomy/root-provider.tsx
2946
3154
  function SliderRootProvider(props) {
2947
3155
  const { element, children, value: slider, ...rest } = props;
2948
- const attributes = mergeProps(slider.getRootProps(), { className: classesSlider.root }, rest);
3156
+ const attributes = mergeProps(slider.getRootProps(), { className: classes.slider.root }, rest);
2949
3157
  return /* @__PURE__ */ jsx(RootContext$15.Provider, {
2950
3158
  value: slider,
2951
3159
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2958,7 +3166,7 @@ function SliderRootProvider(props) {
2958
3166
  //#endregion
2959
3167
  //#region src/components/slider/modules/provider.ts
2960
3168
  function useSlider(props = {}) {
2961
- return connect$14(useMachine(machine$14, {
3169
+ return connect$15(useMachine(machine$15, {
2962
3170
  id: useId(),
2963
3171
  ...props
2964
3172
  }), normalizeProps);
@@ -2967,10 +3175,10 @@ function useSlider(props = {}) {
2967
3175
  //#endregion
2968
3176
  //#region src/components/slider/anatomy/root.tsx
2969
3177
  function SliderRoot(props) {
2970
- const [sliderProps, componentProps] = splitProps$14(props);
3178
+ const [sliderProps, componentProps] = splitProps$15(props);
2971
3179
  const { element, children, ...rest } = componentProps;
2972
3180
  const slider = useSlider(sliderProps);
2973
- const attributes = mergeProps(slider.getRootProps(), { className: classesSlider.root }, rest);
3181
+ const attributes = mergeProps(slider.getRootProps(), { className: classes.slider.root }, rest);
2974
3182
  return /* @__PURE__ */ jsx(RootContext$15.Provider, {
2975
3183
  value: slider,
2976
3184
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2986,7 +3194,7 @@ function Thumb$1(props) {
2986
3194
  const slider = use(RootContext$15);
2987
3195
  const [thumbProps, componentProps] = splitThumbProps(props);
2988
3196
  const { element, children, ...rest } = componentProps;
2989
- const attributes = mergeProps(slider.getThumbProps(thumbProps), { className: classesSlider.thumb }, rest);
3197
+ const attributes = mergeProps(slider.getThumbProps(thumbProps), { className: classes.slider.thumb }, rest);
2990
3198
  return /* @__PURE__ */ jsx(ThumbContext.Provider, {
2991
3199
  value: thumbProps,
2992
3200
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3001,7 +3209,7 @@ function Thumb$1(props) {
3001
3209
  function Track(props) {
3002
3210
  const slider = use(RootContext$15);
3003
3211
  const { element, children, ...rest } = props;
3004
- const attributes = mergeProps(slider.getTrackProps(), { className: classesSlider.track }, rest);
3212
+ const attributes = mergeProps(slider.getTrackProps(), { className: classes.slider.track }, rest);
3005
3213
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3006
3214
  ...attributes,
3007
3215
  children
@@ -3013,7 +3221,7 @@ function Track(props) {
3013
3221
  function ValueText(props) {
3014
3222
  const slider = use(RootContext$15);
3015
3223
  const { element, children, ...rest } = props;
3016
- const attributes = mergeProps(slider.getValueTextProps(), { className: classesSlider.valueText }, rest);
3224
+ const attributes = mergeProps(slider.getValueTextProps(), { className: classes.slider.valueText }, rest);
3017
3225
  return element ? element(attributes) : /* @__PURE__ */ jsx("output", {
3018
3226
  ...attributes,
3019
3227
  children
@@ -3045,7 +3253,7 @@ const RootContext$13 = createContext$1();
3045
3253
  function Control$1(props) {
3046
3254
  const switch_ = use(RootContext$13);
3047
3255
  const { element, children, ...rest } = props;
3048
- const attributes = mergeProps(switch_.getControlProps(), { className: classesSwitch.control }, rest);
3256
+ const attributes = mergeProps(switch_.getControlProps(), { className: classes.switch.control }, rest);
3049
3257
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
3050
3258
  ...attributes,
3051
3259
  children
@@ -3057,7 +3265,7 @@ function Control$1(props) {
3057
3265
  function HiddenInput$1(props) {
3058
3266
  const switch_ = use(RootContext$13);
3059
3267
  const { element, ...rest } = props;
3060
- const attributes = mergeProps(switch_.getHiddenInputProps(), { className: classesSwitch.hiddenInput }, rest);
3268
+ const attributes = mergeProps(switch_.getHiddenInputProps(), { className: classes.switch.hiddenInput }, rest);
3061
3269
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
3062
3270
  }
3063
3271
 
@@ -3066,7 +3274,7 @@ function HiddenInput$1(props) {
3066
3274
  function Label$2(props) {
3067
3275
  const switch_ = use(RootContext$13);
3068
3276
  const { element, children, ...rest } = props;
3069
- const attributes = mergeProps(switch_.getLabelProps(), { className: classesSwitch.label }, rest);
3277
+ const attributes = mergeProps(switch_.getLabelProps(), { className: classes.switch.label }, rest);
3070
3278
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
3071
3279
  ...attributes,
3072
3280
  children
@@ -3085,7 +3293,7 @@ function RootContext$12(props) {
3085
3293
  //#region src/components/switch/anatomy/root-provider.tsx
3086
3294
  function RootProvider$4(props) {
3087
3295
  const { element, children, value: switch_, ...rest } = props;
3088
- const attributes = mergeProps(switch_.getRootProps(), { className: classesSwitch.root }, rest);
3296
+ const attributes = mergeProps(switch_.getRootProps(), { className: classes.switch.root }, rest);
3089
3297
  return /* @__PURE__ */ jsx(RootContext$13.Provider, {
3090
3298
  value: switch_,
3091
3299
  children: element ? element(attributes) : /* @__PURE__ */ jsx("label", {
@@ -3098,7 +3306,7 @@ function RootProvider$4(props) {
3098
3306
  //#endregion
3099
3307
  //#region src/components/switch/modules/provider.ts
3100
3308
  function useSwitch(props = {}) {
3101
- return connect$15(useMachine(machine$15, {
3309
+ return connect$16(useMachine(machine$16, {
3102
3310
  id: useId(),
3103
3311
  ...props
3104
3312
  }), normalizeProps);
@@ -3107,10 +3315,10 @@ function useSwitch(props = {}) {
3107
3315
  //#endregion
3108
3316
  //#region src/components/switch/anatomy/root.tsx
3109
3317
  function Root$5(props) {
3110
- const [switchProps, componentProps] = splitProps$15(props);
3318
+ const [switchProps, componentProps] = splitProps$16(props);
3111
3319
  const { element, children, ...rest } = componentProps;
3112
3320
  const switch_ = useSwitch(switchProps);
3113
- const attributes = mergeProps(switch_.getRootProps(), { className: classesSwitch.root }, rest);
3321
+ const attributes = mergeProps(switch_.getRootProps(), { className: classes.switch.root }, rest);
3114
3322
  return /* @__PURE__ */ jsx(RootContext$13.Provider, {
3115
3323
  value: switch_,
3116
3324
  children: element ? element(attributes) : /* @__PURE__ */ jsx("label", {
@@ -3125,7 +3333,7 @@ function Root$5(props) {
3125
3333
  function Thumb(props) {
3126
3334
  const switch_ = use(RootContext$13);
3127
3335
  const { element, children, ...rest } = props;
3128
- const attributes = mergeProps(switch_.getThumbProps(), { className: classesSwitch.thumb }, rest);
3336
+ const attributes = mergeProps(switch_.getThumbProps(), { className: classes.switch.thumb }, rest);
3129
3337
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
3130
3338
  ...attributes,
3131
3339
  children
@@ -3153,7 +3361,7 @@ function Content$1(props) {
3153
3361
  const tabs = use(RootContext$11);
3154
3362
  const [contentProps, componentProps] = splitContentProps(props);
3155
3363
  const { element, children, ...rest } = componentProps;
3156
- const attributes = mergeProps(tabs.getContentProps(contentProps), { className: classesTabs.content }, rest);
3364
+ const attributes = mergeProps(tabs.getContentProps(contentProps), { className: classes.tabs.content }, rest);
3157
3365
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3158
3366
  ...attributes,
3159
3367
  children
@@ -3165,7 +3373,7 @@ function Content$1(props) {
3165
3373
  function Indicator(props) {
3166
3374
  const tabs = use(RootContext$11);
3167
3375
  const { element, ...rest } = props;
3168
- const attributes = mergeProps(tabs.getIndicatorProps(), { className: classesTabs.indicator }, rest);
3376
+ const attributes = mergeProps(tabs.getIndicatorProps(), { className: classes.tabs.indicator }, rest);
3169
3377
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
3170
3378
  }
3171
3379
 
@@ -3174,7 +3382,7 @@ function Indicator(props) {
3174
3382
  function List(props) {
3175
3383
  const tabs = use(RootContext$11);
3176
3384
  const { element, children, ...rest } = props;
3177
- const attributes = mergeProps(tabs.getListProps(), { className: classesTabs.list }, rest);
3385
+ const attributes = mergeProps(tabs.getListProps(), { className: classes.tabs.list }, rest);
3178
3386
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3179
3387
  ...attributes,
3180
3388
  children
@@ -3193,7 +3401,7 @@ function RootContext$10(props) {
3193
3401
  //#region src/components/tabs/anatomy/root-provider.tsx
3194
3402
  function RootProvider$3(props) {
3195
3403
  const { element, children, value: tabs, ...rest } = props;
3196
- const attributes = mergeProps(tabs.getRootProps(), { className: classesTabs.root }, rest);
3404
+ const attributes = mergeProps(tabs.getRootProps(), { className: classes.tabs.root }, rest);
3197
3405
  return /* @__PURE__ */ jsx(RootContext$11.Provider, {
3198
3406
  value: tabs,
3199
3407
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3206,7 +3414,7 @@ function RootProvider$3(props) {
3206
3414
  //#endregion
3207
3415
  //#region src/components/tabs/modules/provider.ts
3208
3416
  function useTabs(props = {}) {
3209
- return connect$16(useMachine(machine$16, {
3417
+ return connect$17(useMachine(machine$17, {
3210
3418
  id: useId(),
3211
3419
  ...props
3212
3420
  }), normalizeProps);
@@ -3215,10 +3423,10 @@ function useTabs(props = {}) {
3215
3423
  //#endregion
3216
3424
  //#region src/components/tabs/anatomy/root.tsx
3217
3425
  function Root$4(props) {
3218
- const [tabsProps, componentProps] = splitProps$16(props);
3426
+ const [tabsProps, componentProps] = splitProps$17(props);
3219
3427
  const { element, children, ...rest } = componentProps;
3220
3428
  const tabs = useTabs(tabsProps);
3221
- const attributes = mergeProps(tabs.getRootProps(), { className: classesTabs.root }, rest);
3429
+ const attributes = mergeProps(tabs.getRootProps(), { className: classes.tabs.root }, rest);
3222
3430
  return /* @__PURE__ */ jsx(RootContext$11.Provider, {
3223
3431
  value: tabs,
3224
3432
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3234,7 +3442,7 @@ function Trigger$1(props) {
3234
3442
  const tabs = use(RootContext$11);
3235
3443
  const [triggerProps, componentProps] = splitTriggerProps(props);
3236
3444
  const { element, children, ...rest } = componentProps;
3237
- const attributes = mergeProps(tabs.getTriggerProps(triggerProps), { className: classesTabs.trigger }, rest);
3445
+ const attributes = mergeProps(tabs.getTriggerProps(triggerProps), { className: classes.tabs.trigger }, rest);
3238
3446
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3239
3447
  ...attributes,
3240
3448
  children
@@ -3261,7 +3469,7 @@ const RootContext$9 = createContext$1();
3261
3469
  function ClearTrigger(props) {
3262
3470
  const tagsInput = use(RootContext$9);
3263
3471
  const { element, children, ...rest } = props;
3264
- const attributes = mergeProps(tagsInput.getClearTriggerProps(), { className: classesTagsInput.clearTrigger }, rest);
3472
+ const attributes = mergeProps(tagsInput.getClearTriggerProps(), { className: classes.tagsInput.clearTrigger }, rest);
3265
3473
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3266
3474
  ...attributes,
3267
3475
  children
@@ -3273,7 +3481,7 @@ function ClearTrigger(props) {
3273
3481
  function Control(props) {
3274
3482
  const tagsInput = use(RootContext$9);
3275
3483
  const { element, children, ...rest } = props;
3276
- const attributes = mergeProps(tagsInput.getControlProps(), { className: classesTagsInput.control }, rest);
3484
+ const attributes = mergeProps(tagsInput.getControlProps(), { className: classes.tagsInput.control }, rest);
3277
3485
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3278
3486
  ...attributes,
3279
3487
  children
@@ -3285,7 +3493,7 @@ function Control(props) {
3285
3493
  function HiddenInput(props) {
3286
3494
  const tagsInput = use(RootContext$9);
3287
3495
  const { element, ...rest } = props;
3288
- const attributes = mergeProps(tagsInput.getHiddenInputProps(), { className: classesTagsInput.hiddenInput }, rest);
3496
+ const attributes = mergeProps(tagsInput.getHiddenInputProps(), { className: classes.tagsInput.hiddenInput }, rest);
3289
3497
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
3290
3498
  }
3291
3499
 
@@ -3294,7 +3502,7 @@ function HiddenInput(props) {
3294
3502
  function Input(props) {
3295
3503
  const tagsInput = use(RootContext$9);
3296
3504
  const { element, ...rest } = props;
3297
- const attributes = mergeProps(tagsInput.getInputProps(), { className: classesTagsInput.input }, rest);
3505
+ const attributes = mergeProps(tagsInput.getInputProps(), { className: classes.tagsInput.input }, rest);
3298
3506
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
3299
3507
  }
3300
3508
 
@@ -3308,7 +3516,7 @@ function ItemDeleteTrigger(props) {
3308
3516
  const tagsInput = use(RootContext$9);
3309
3517
  const itemProps = use(ItemContext);
3310
3518
  const { element, children = /* @__PURE__ */ jsx(Fragment, { children: "×" }), ...rest } = props;
3311
- const attributes = mergeProps(tagsInput.getItemDeleteTriggerProps(itemProps), { className: classesTagsInput.itemDeleteTrigger }, rest);
3519
+ const attributes = mergeProps(tagsInput.getItemDeleteTriggerProps(itemProps), { className: classes.tagsInput.itemDeleteTrigger }, rest);
3312
3520
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3313
3521
  ...attributes,
3314
3522
  children
@@ -3321,7 +3529,7 @@ function ItemInput(props) {
3321
3529
  const tagsInput = use(RootContext$9);
3322
3530
  const itemProps = use(ItemContext);
3323
3531
  const { element, ...rest } = props;
3324
- const attributes = mergeProps(tagsInput.getItemInputProps(itemProps), { className: classesTagsInput.itemInput }, rest);
3532
+ const attributes = mergeProps(tagsInput.getItemInputProps(itemProps), { className: classes.tagsInput.itemInput }, rest);
3325
3533
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
3326
3534
  }
3327
3535
 
@@ -3331,7 +3539,7 @@ function ItemPreview(props) {
3331
3539
  const tagsInput = use(RootContext$9);
3332
3540
  const itemProps = use(ItemContext);
3333
3541
  const { element, children, ...rest } = props;
3334
- const attributes = mergeProps(tagsInput.getItemPreviewProps(itemProps), { className: classesTagsInput.itemPreview }, rest);
3542
+ const attributes = mergeProps(tagsInput.getItemPreviewProps(itemProps), { className: classes.tagsInput.itemPreview }, rest);
3335
3543
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3336
3544
  ...attributes,
3337
3545
  children
@@ -3344,7 +3552,7 @@ function ItemText(props) {
3344
3552
  const tagsInput = use(RootContext$9);
3345
3553
  const itemProps = use(ItemContext);
3346
3554
  const { element, children, ...rest } = props;
3347
- const attributes = mergeProps(tagsInput.getItemTextProps(itemProps), { className: classesTagsInput.itemText }, rest);
3555
+ const attributes = mergeProps(tagsInput.getItemTextProps(itemProps), { className: classes.tagsInput.itemText }, rest);
3348
3556
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
3349
3557
  ...attributes,
3350
3558
  children
@@ -3357,7 +3565,7 @@ function Item$2(props) {
3357
3565
  const tagsInput = use(RootContext$9);
3358
3566
  const [itemProps, componentProps] = splitItemProps$8(props);
3359
3567
  const { element, children, ...rest } = componentProps;
3360
- const attributes = mergeProps(tagsInput.getItemProps(itemProps), { className: classesTagsInput.item }, rest);
3568
+ const attributes = mergeProps(tagsInput.getItemProps(itemProps), { className: classes.tagsInput.item }, rest);
3361
3569
  return /* @__PURE__ */ jsx(ItemContext.Provider, {
3362
3570
  value: itemProps,
3363
3571
  children: element ? element(attributes) : /* @__PURE__ */ jsx("span", {
@@ -3372,7 +3580,7 @@ function Item$2(props) {
3372
3580
  function Label$1(props) {
3373
3581
  const tagsInput = use(RootContext$9);
3374
3582
  const { element, children, ...rest } = props;
3375
- const attributes = mergeProps(tagsInput.getLabelProps(), { className: classesTagsInput.label }, rest);
3583
+ const attributes = mergeProps(tagsInput.getLabelProps(), { className: classes.tagsInput.label }, rest);
3376
3584
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
3377
3585
  ...attributes,
3378
3586
  children
@@ -3391,7 +3599,7 @@ function RootContext$8(props) {
3391
3599
  //#region src/components/tags-input/anatomy/root-provider.tsx
3392
3600
  function RootProvider$2(props) {
3393
3601
  const { element, children, value: tagsInput, ...rest } = props;
3394
- const attributes = mergeProps(tagsInput.getRootProps(), { className: classesTagsInput.root }, rest);
3602
+ const attributes = mergeProps(tagsInput.getRootProps(), { className: classes.tagsInput.root }, rest);
3395
3603
  return /* @__PURE__ */ jsx(RootContext$9.Provider, {
3396
3604
  value: tagsInput,
3397
3605
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3404,7 +3612,7 @@ function RootProvider$2(props) {
3404
3612
  //#endregion
3405
3613
  //#region src/components/tags-input/modules/provider.ts
3406
3614
  function useTagsInput(props = {}) {
3407
- return connect$17(useMachine(machine$17, {
3615
+ return connect$18(useMachine(machine$18, {
3408
3616
  id: useId(),
3409
3617
  ...props
3410
3618
  }), normalizeProps);
@@ -3413,10 +3621,10 @@ function useTagsInput(props = {}) {
3413
3621
  //#endregion
3414
3622
  //#region src/components/tags-input/anatomy/root.tsx
3415
3623
  function Root$3(props) {
3416
- const [tagsInputProps, componentProps] = splitProps$17(props);
3624
+ const [tagsInputProps, componentProps] = splitProps$18(props);
3417
3625
  const { element, children, ...rest } = componentProps;
3418
3626
  const tagsInput = useTagsInput(tagsInputProps);
3419
- const attributes = mergeProps(tagsInput.getRootProps(), { className: classesTagsInput.root }, rest);
3627
+ const attributes = mergeProps(tagsInput.getRootProps(), { className: classes.tagsInput.root }, rest);
3420
3628
  return /* @__PURE__ */ jsx(RootContext$9.Provider, {
3421
3629
  value: tagsInput,
3422
3630
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3452,7 +3660,7 @@ const RootContext$7 = createContext$1();
3452
3660
  function ActionTrigger(props) {
3453
3661
  const toast = use(RootContext$7);
3454
3662
  const { element, children, ...rest } = props;
3455
- const attributes = mergeProps(toast.getActionTriggerProps(), { className: classesToast.actionTrigger }, rest);
3663
+ const attributes = mergeProps(toast.getActionTriggerProps(), { className: classes.toast.actionTrigger }, rest);
3456
3664
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3457
3665
  ...attributes,
3458
3666
  children
@@ -3484,7 +3692,7 @@ function X(props) {
3484
3692
  function CloseTrigger(props) {
3485
3693
  const toast = use(RootContext$7);
3486
3694
  const { element, children = /* @__PURE__ */ jsx(X, {}), ...rest } = props;
3487
- const attributes = mergeProps(toast.getCloseTriggerProps(), { className: classesToast.closeTrigger }, rest);
3695
+ const attributes = mergeProps(toast.getCloseTriggerProps(), { className: classes.toast.closeTrigger }, rest);
3488
3696
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3489
3697
  ...attributes,
3490
3698
  children
@@ -3496,7 +3704,7 @@ function CloseTrigger(props) {
3496
3704
  function Description(props) {
3497
3705
  const toast = use(RootContext$7);
3498
3706
  const { element, children, ...rest } = props;
3499
- const attributes = mergeProps(toast.getDescriptionProps(), { className: classesToast.description }, rest);
3707
+ const attributes = mergeProps(toast.getDescriptionProps(), { className: classes.toast.description }, rest);
3500
3708
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3501
3709
  ...attributes,
3502
3710
  children
@@ -3516,7 +3724,7 @@ function Group(props) {
3516
3724
  store: toaster
3517
3725
  });
3518
3726
  const api = group.connect(service, normalizeProps);
3519
- const attributes = mergeProps(api.getGroupProps(), { className: classesToast.group }, rest);
3727
+ const attributes = mergeProps(api.getGroupProps(), { className: classes.toast.group }, rest);
3520
3728
  return /* @__PURE__ */ jsx(GroupContext.Provider, {
3521
3729
  value: service,
3522
3730
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3530,7 +3738,7 @@ function Group(props) {
3530
3738
  //#region src/components/toast/anatomy/message.tsx
3531
3739
  function Message(props) {
3532
3740
  const { element, children, ...rest } = props;
3533
- const attributes = mergeProps({ className: classesToast.message }, rest);
3741
+ const attributes = mergeProps({ className: classes.toast.message }, rest);
3534
3742
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3535
3743
  ...attributes,
3536
3744
  children
@@ -3550,11 +3758,11 @@ function RootContext$6(props) {
3550
3758
  function Root$2(props) {
3551
3759
  const group$1 = use(GroupContext);
3552
3760
  const { element, children, toast: toastProps, ...rest } = props;
3553
- const toast = connect$18(useMachine(machine$18, {
3761
+ const toast = connect$19(useMachine(machine$19, {
3554
3762
  ...toastProps,
3555
3763
  parent: group$1
3556
3764
  }), normalizeProps);
3557
- const attributes = mergeProps(toast.getRootProps(), { className: classesToast.root }, rest);
3765
+ const attributes = mergeProps(toast.getRootProps(), { className: classes.toast.root }, rest);
3558
3766
  return /* @__PURE__ */ jsx(RootContext$7.Provider, {
3559
3767
  value: toast,
3560
3768
  children: element ? element(attributes) : /* @__PURE__ */ jsxs("div", {
@@ -3573,7 +3781,7 @@ function Root$2(props) {
3573
3781
  function Title(props) {
3574
3782
  const toast = use(RootContext$7);
3575
3783
  const { element, children, ...rest } = props;
3576
- const attributes = mergeProps(toast.getTitleProps(), { className: classesToast.title }, rest);
3784
+ const attributes = mergeProps(toast.getTitleProps(), { className: classes.toast.title }, rest);
3577
3785
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3578
3786
  ...attributes,
3579
3787
  children
@@ -3602,7 +3810,7 @@ function Item$1(props) {
3602
3810
  const toggleGroup = use(RootContext$5);
3603
3811
  const [itemProps, componentProps] = splitItemProps$9(props);
3604
3812
  const { element, children, ...rest } = componentProps;
3605
- const attributes = mergeProps(toggleGroup.getItemProps(itemProps), { className: classesToggleGroup.item }, rest);
3813
+ const attributes = mergeProps(toggleGroup.getItemProps(itemProps), { className: classes.toggleGroup.item }, rest);
3606
3814
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3607
3815
  ...attributes,
3608
3816
  children
@@ -3621,7 +3829,7 @@ function RootContext$4(props) {
3621
3829
  //#region src/components/toggle-group/anatomy/root-provider.tsx
3622
3830
  function ToggleGroupRootProvider(props) {
3623
3831
  const { element, children, value: toggleGroup, ...rest } = props;
3624
- const attributes = mergeProps(toggleGroup.getRootProps(), { className: classesToggleGroup.root }, rest);
3832
+ const attributes = mergeProps(toggleGroup.getRootProps(), { className: classes.toggleGroup.root }, rest);
3625
3833
  return /* @__PURE__ */ jsx(RootContext$5.Provider, {
3626
3834
  value: toggleGroup,
3627
3835
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3634,7 +3842,7 @@ function ToggleGroupRootProvider(props) {
3634
3842
  //#endregion
3635
3843
  //#region src/components/toggle-group/modules/provider.ts
3636
3844
  function useToggleGroup(props = {}) {
3637
- return connect$19(useMachine(machine$19, {
3845
+ return connect$20(useMachine(machine$20, {
3638
3846
  id: useId(),
3639
3847
  ...props
3640
3848
  }), normalizeProps);
@@ -3643,10 +3851,10 @@ function useToggleGroup(props = {}) {
3643
3851
  //#endregion
3644
3852
  //#region src/components/toggle-group/anatomy/root.tsx
3645
3853
  function ToggleGroupRoot(props) {
3646
- const [toggleGroupProps, componentProps] = splitProps$18(props);
3854
+ const [toggleGroupProps, componentProps] = splitProps$19(props);
3647
3855
  const { element, children, ...rest } = componentProps;
3648
3856
  const toggleGroup = useToggleGroup(toggleGroupProps);
3649
- const attributes = mergeProps(toggleGroup.getRootProps(), { className: classesToggleGroup.root }, rest);
3857
+ const attributes = mergeProps(toggleGroup.getRootProps(), { className: classes.toggleGroup.root }, rest);
3650
3858
  return /* @__PURE__ */ jsx(RootContext$5.Provider, {
3651
3859
  value: toggleGroup,
3652
3860
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3673,7 +3881,7 @@ const RootContext$3 = createContext$1();
3673
3881
  function ArrowTip(props) {
3674
3882
  const tooltip = use(RootContext$3);
3675
3883
  const { element, children, ...rest } = props;
3676
- const attributes = mergeProps(tooltip.getArrowTipProps(), { className: classesTooltip.arrowTip }, rest);
3884
+ const attributes = mergeProps(tooltip.getArrowTipProps(), { className: classes.tooltip.arrowTip }, rest);
3677
3885
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3678
3886
  ...attributes,
3679
3887
  children
@@ -3685,7 +3893,7 @@ function ArrowTip(props) {
3685
3893
  function Arrow(props) {
3686
3894
  const tooltip = use(RootContext$3);
3687
3895
  const { element, children, ...rest } = props;
3688
- const attributes = mergeProps(tooltip.getArrowProps(), { className: classesTooltip.arrow }, rest);
3896
+ const attributes = mergeProps(tooltip.getArrowProps(), { className: classes.tooltip.arrow }, rest);
3689
3897
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3690
3898
  ...attributes,
3691
3899
  children
@@ -3697,7 +3905,7 @@ function Arrow(props) {
3697
3905
  function Content(props) {
3698
3906
  const tooltip = use(RootContext$3);
3699
3907
  const { element, children, ...rest } = props;
3700
- const attributes = mergeProps(tooltip.getContentProps(), { className: classesTooltip.content }, rest);
3908
+ const attributes = mergeProps(tooltip.getContentProps(), { className: classes.tooltip.content }, rest);
3701
3909
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3702
3910
  ...attributes,
3703
3911
  children
@@ -3709,7 +3917,7 @@ function Content(props) {
3709
3917
  function Positioner(props) {
3710
3918
  const tooltip = use(RootContext$3);
3711
3919
  const { element, children, ...rest } = props;
3712
- const attributes = mergeProps(tooltip.getPositionerProps(), { className: classesTooltip.positioner }, rest);
3920
+ const attributes = mergeProps(tooltip.getPositionerProps(), { className: classes.tooltip.positioner }, rest);
3713
3921
  return /* @__PURE__ */ jsx(Portal$1, { children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3714
3922
  ...attributes,
3715
3923
  children
@@ -3737,7 +3945,7 @@ function RootProvider$1(props) {
3737
3945
  //#endregion
3738
3946
  //#region src/components/tooltip/modules/provider.ts
3739
3947
  function useTooltip(props = {}) {
3740
- return connect$20(useMachine(machine$20, {
3948
+ return connect$21(useMachine(machine$21, {
3741
3949
  id: useId(),
3742
3950
  ...props
3743
3951
  }), normalizeProps);
@@ -3746,7 +3954,7 @@ function useTooltip(props = {}) {
3746
3954
  //#endregion
3747
3955
  //#region src/components/tooltip/anatomy/root.tsx
3748
3956
  function Root$1(props) {
3749
- const [tooltipProps, componentProps] = splitProps$19(props);
3957
+ const [tooltipProps, componentProps] = splitProps$20(props);
3750
3958
  const { children } = componentProps;
3751
3959
  const tooltip = useTooltip(tooltipProps);
3752
3960
  return /* @__PURE__ */ jsx(RootContext$3.Provider, {
@@ -3760,7 +3968,7 @@ function Root$1(props) {
3760
3968
  function Trigger(props) {
3761
3969
  const tooltip = use(RootContext$3);
3762
3970
  const { element, children, ...rest } = props;
3763
- const attributes = mergeProps(tooltip.getTriggerProps(), { className: classesTooltip.trigger }, rest);
3971
+ const attributes = mergeProps(tooltip.getTriggerProps(), { className: classes.tooltip.trigger }, rest);
3764
3972
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3765
3973
  ...attributes,
3766
3974
  children
@@ -3793,7 +4001,7 @@ function BranchContent(props) {
3793
4001
  const treeView = use(RootContext$1);
3794
4002
  const nodeProps = use(NodeContext$1);
3795
4003
  const { element, children, ...rest } = props;
3796
- const attributes = mergeProps(treeView.getBranchContentProps(nodeProps), { className: classesTreeView.branchContent }, rest);
4004
+ const attributes = mergeProps(treeView.getBranchContentProps(nodeProps), { className: classes.treeView.branchContent }, rest);
3797
4005
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3798
4006
  ...attributes,
3799
4007
  children
@@ -3806,7 +4014,7 @@ function BranchControl(props) {
3806
4014
  const treeView = use(RootContext$1);
3807
4015
  const nodeProps = use(NodeContext$1);
3808
4016
  const { element, children, ...rest } = props;
3809
- const attributes = mergeProps(treeView.getBranchControlProps(nodeProps), { className: classesTreeView.branchControl }, rest);
4017
+ const attributes = mergeProps(treeView.getBranchControlProps(nodeProps), { className: classes.treeView.branchControl }, rest);
3810
4018
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3811
4019
  ...attributes,
3812
4020
  children
@@ -3819,7 +4027,7 @@ function BranchIndentGuide(props) {
3819
4027
  const treeView = use(RootContext$1);
3820
4028
  const nodeProps = use(NodeContext$1);
3821
4029
  const { element, children, ...rest } = props;
3822
- const attributes = mergeProps(treeView.getBranchIndentGuideProps(nodeProps), { className: classesTreeView.branchIndentGuide }, rest);
4030
+ const attributes = mergeProps(treeView.getBranchIndentGuideProps(nodeProps), { className: classes.treeView.branchIndentGuide }, rest);
3823
4031
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3824
4032
  ...attributes,
3825
4033
  children
@@ -3832,7 +4040,7 @@ function BranchIndicator(props) {
3832
4040
  const treeView = use(RootContext$1);
3833
4041
  const nodeProps = use(NodeContext$1);
3834
4042
  const { element, children = /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" }), ...rest } = props;
3835
- const attributes = mergeProps(treeView.getBranchIndicatorProps(nodeProps), { className: classesTreeView.branchIndicator }, rest);
4043
+ const attributes = mergeProps(treeView.getBranchIndicatorProps(nodeProps), { className: classes.treeView.branchIndicator }, rest);
3836
4044
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
3837
4045
  ...attributes,
3838
4046
  children
@@ -3845,7 +4053,7 @@ function BranchText(props) {
3845
4053
  const treeView = use(RootContext$1);
3846
4054
  const nodeProps = use(NodeContext$1);
3847
4055
  const { element, children, ...rest } = props;
3848
- const attributes = mergeProps(treeView.getBranchTextProps(nodeProps), { className: classesTreeView.branchText }, rest);
4056
+ const attributes = mergeProps(treeView.getBranchTextProps(nodeProps), { className: classes.treeView.branchText }, rest);
3849
4057
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
3850
4058
  ...attributes,
3851
4059
  children
@@ -3858,7 +4066,7 @@ function Branch(props) {
3858
4066
  const treeView = use(RootContext$1);
3859
4067
  const nodeProps = use(NodeContext$1);
3860
4068
  const { element, children, ...rest } = props;
3861
- const attributes = mergeProps(treeView.getBranchProps(nodeProps), { className: classesTreeView.branch }, rest);
4069
+ const attributes = mergeProps(treeView.getBranchProps(nodeProps), { className: classes.treeView.branch }, rest);
3862
4070
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3863
4071
  ...attributes,
3864
4072
  children
@@ -3871,7 +4079,7 @@ function Item(props) {
3871
4079
  const treeView = use(RootContext$1);
3872
4080
  const nodeProps = use(NodeContext$1);
3873
4081
  const { element, children, ...rest } = props;
3874
- const attributes = mergeProps(treeView.getItemProps(nodeProps), { className: classesTreeView.item }, rest);
4082
+ const attributes = mergeProps(treeView.getItemProps(nodeProps), { className: classes.treeView.item }, rest);
3875
4083
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3876
4084
  ...attributes,
3877
4085
  children
@@ -3883,7 +4091,7 @@ function Item(props) {
3883
4091
  function Label(props) {
3884
4092
  const treeView = use(RootContext$1);
3885
4093
  const { element, children, level = 3, ...rest } = props;
3886
- const attributes = mergeProps(treeView.getLabelProps(), { className: classesTreeView.label }, rest);
4094
+ const attributes = mergeProps(treeView.getLabelProps(), { className: classes.treeView.label }, rest);
3887
4095
  const Tag = `h${level}`;
3888
4096
  return element ? element(attributes) : /* @__PURE__ */ jsx(Tag, {
3889
4097
  ...attributes,
@@ -3921,7 +4129,7 @@ function RootContext(props) {
3921
4129
  //#region src/components/tree-view/anatomy/root-provider.tsx
3922
4130
  function RootProvider(props) {
3923
4131
  const { element, children, value: treeView, ...rest } = props;
3924
- const attributes = mergeProps(treeView.getRootProps(), { className: classesTreeView.root }, rest);
4132
+ const attributes = mergeProps(treeView.getRootProps(), { className: classes.treeView.root }, rest);
3925
4133
  return /* @__PURE__ */ jsx(RootContext$1.Provider, {
3926
4134
  value: treeView,
3927
4135
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3934,7 +4142,7 @@ function RootProvider(props) {
3934
4142
  //#endregion
3935
4143
  //#region src/components/tree-view/modules/provider.ts
3936
4144
  function useTreeView(props = {}) {
3937
- return connect$21(useMachine(machine$21, {
4145
+ return connect$22(useMachine(machine$22, {
3938
4146
  id: useId(),
3939
4147
  ...props
3940
4148
  }), normalizeProps);
@@ -3943,10 +4151,10 @@ function useTreeView(props = {}) {
3943
4151
  //#endregion
3944
4152
  //#region src/components/tree-view/anatomy/root.tsx
3945
4153
  function Root(props) {
3946
- const [treeViewProps, componentProps] = splitProps$20(props);
4154
+ const [treeViewProps, componentProps] = splitProps$21(props);
3947
4155
  const { element, children, ...rest } = componentProps;
3948
4156
  const treeView = useTreeView(treeViewProps);
3949
- const attributes = mergeProps(treeView.getRootProps(), { className: classesTreeView.root }, rest);
4157
+ const attributes = mergeProps(treeView.getRootProps(), { className: classes.treeView.root }, rest);
3950
4158
  return /* @__PURE__ */ jsx(RootContext$1.Provider, {
3951
4159
  value: treeView,
3952
4160
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3961,7 +4169,7 @@ function Root(props) {
3961
4169
  function Tree(props) {
3962
4170
  const treeView = use(RootContext$1);
3963
4171
  const { element, children, ...rest } = props;
3964
- const attributes = mergeProps(treeView.getTreeProps(), { className: classesTreeView.tree }, rest);
4172
+ const attributes = mergeProps(treeView.getTreeProps(), { className: classes.treeView.tree }, rest);
3965
4173
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3966
4174
  ...attributes,
3967
4175
  children
@@ -3993,4 +4201,4 @@ function useListCollection(options) {
3993
4201
  }
3994
4202
 
3995
4203
  //#endregion
3996
- export { Accordion, AppBar, Avatar, Collapsible, Combobox, DatePicker, Dialog, FileUpload, Listbox, Menu, Navigation, Pagination, Popover, Portal, Progress, RatingGroup, SegmentedControl, Slider, Switch, Tabs, TagsInput, Toast, ToggleGroup, Tooltip, TreeView, createToaster, createTreeViewCollection, parseDate, useAccordion, useAvatar, useCollapsible, useCombobox, useDatePicker, useDialog, useFileUpload, useListCollection, useListbox, useMenu, usePagination, usePopover, useProgress, useRatingGroup, useSegmentedControl, useSlider, useSwitch, useTabs, useTagsInput, useToggleGroup, useTooltip, useTreeView };
4204
+ export { Accordion, AppBar, Avatar, Collapsible, Combobox, DatePicker, Dialog, FileUpload, FloatingPanel, Listbox, Menu, Navigation, Pagination, Popover, Portal, Progress, RatingGroup, SegmentedControl, Slider, Switch, Tabs, TagsInput, Toast, ToggleGroup, Tooltip, TreeView, createToaster, createTreeViewCollection, parseDate, useAccordion, useAvatar, useCollapsible, useCombobox, useDatePicker, useDialog, useFileUpload, useFloatingPanel, useListCollection, useListbox, useMenu, usePagination, usePopover, useProgress, useRatingGroup, useSegmentedControl, useSlider, useSwitch, useTabs, useTagsInput, useToggleGroup, useTooltip, useTreeView };