@skeletonlabs/skeleton-react 4.7.0 → 4.7.2

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 (4) hide show
  1. package/dist/index.css +1 -2
  2. package/dist/index.d.mts +175 -175
  3. package/dist/index.mjs +266 -248
  4. package/package.json +28 -28
package/dist/index.mjs CHANGED
@@ -1,7 +1,6 @@
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 * as classes from "@skeletonlabs/skeleton-common/classes";
5
4
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
6
5
  import { connect as connect$1, machine as machine$1, splitProps as splitProps$1 } from "@zag-js/avatar";
7
6
  import { connect as connect$2, machine as machine$2, splitProps as splitProps$2 } from "@zag-js/collapsible";
@@ -57,7 +56,7 @@ function ItemContent(props) {
57
56
  const accordion = use(RootContext$48);
58
57
  const itemProps = use(ItemContext$7);
59
58
  const { element, children, ...rest } = props;
60
- const attributes = mergeProps(accordion.getItemContentProps(itemProps), { className: classes.accordion.itemContent }, rest);
59
+ const attributes = mergeProps(accordion.getItemContentProps(itemProps), rest);
61
60
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
62
61
  ...attributes,
63
62
  children
@@ -70,7 +69,7 @@ function ItemIndicator$3(props) {
70
69
  const accordion = use(RootContext$48);
71
70
  const itemProps = use(ItemContext$7);
72
71
  const { element, children, ...rest } = props;
73
- const attributes = mergeProps(accordion.getItemIndicatorProps(itemProps), { className: classes.accordion.itemIndicator }, rest);
72
+ const attributes = mergeProps(accordion.getItemIndicatorProps(itemProps), rest);
74
73
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
75
74
  ...attributes,
76
75
  children
@@ -83,7 +82,7 @@ function ItemTrigger(props) {
83
82
  const accordion = use(RootContext$48);
84
83
  const itemProps = use(ItemContext$7);
85
84
  const { element, children, ...rest } = props;
86
- const attributes = mergeProps(accordion.getItemTriggerProps(itemProps), { className: classes.accordion.itemTrigger }, rest);
85
+ const attributes = mergeProps(accordion.getItemTriggerProps(itemProps), rest);
87
86
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
88
87
  ...attributes,
89
88
  children
@@ -96,7 +95,7 @@ function Item$11(props) {
96
95
  const accordion = use(RootContext$48);
97
96
  const [itemProps, componentProps] = splitItemProps(props);
98
97
  const { element, children, ...rest } = componentProps;
99
- const attributes = mergeProps(accordion.getItemProps(itemProps), { className: classes.accordion.item }, rest);
98
+ const attributes = mergeProps(accordion.getItemProps(itemProps), rest);
100
99
  return /* @__PURE__ */ jsx(ItemContext$7.Provider, {
101
100
  value: itemProps,
102
101
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -118,7 +117,7 @@ function RootContext$47(props) {
118
117
  //#region src/components/accordion/anatomy/root-provider.tsx
119
118
  function RootProvider$17(props) {
120
119
  const { element, children, value: accordion, ...rest } = props;
121
- const attributes = mergeProps(accordion.getRootProps(), { className: classes.accordion.root }, rest);
120
+ const attributes = mergeProps(accordion.getRootProps(), rest);
122
121
  return /* @__PURE__ */ jsx(RootContext$48.Provider, {
123
122
  value: accordion,
124
123
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -134,7 +133,7 @@ function Root$18(props) {
134
133
  const [accordionProps, componentProps] = splitProps(props);
135
134
  const { element, children, ...rest } = componentProps;
136
135
  const accordion = useAccordion(accordionProps);
137
- const attributes = mergeProps(accordion.getRootProps(), { className: classes.accordion.root }, rest);
136
+ const attributes = mergeProps(accordion.getRootProps(), rest);
138
137
  return /* @__PURE__ */ jsx(RootContext$48.Provider, {
139
138
  value: accordion,
140
139
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -159,7 +158,10 @@ const Accordion = Object.assign(Root$18, {
159
158
  //#region src/components/app-bar/anatomy/headline.tsx
160
159
  function AppBarHeadline(props) {
161
160
  const { element, children, ...rest } = props;
162
- const attributes = mergeProps({ className: classes.appBar.headline }, rest);
161
+ const attributes = mergeProps({
162
+ "data-scope": "app-bar",
163
+ "data-part": "headline"
164
+ }, rest);
163
165
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
164
166
  ...attributes,
165
167
  children
@@ -170,7 +172,10 @@ function AppBarHeadline(props) {
170
172
  //#region src/components/app-bar/anatomy/lead.tsx
171
173
  function AppBarLead(props) {
172
174
  const { element, children, ...rest } = props;
173
- const attributes = mergeProps({ className: classes.appBar.lead }, rest);
175
+ const attributes = mergeProps({
176
+ "data-scope": "app-bar",
177
+ "data-part": "lead"
178
+ }, rest);
174
179
  return element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
175
180
  ...attributes,
176
181
  children
@@ -181,7 +186,10 @@ function AppBarLead(props) {
181
186
  //#region src/components/app-bar/anatomy/root.tsx
182
187
  function AppBarRoot(props) {
183
188
  const { element, children, ...rest } = props;
184
- const attributes = mergeProps({ className: classes.appBar.root }, rest);
189
+ const attributes = mergeProps({
190
+ "data-scope": "app-bar",
191
+ "data-part": "root"
192
+ }, rest);
185
193
  return element ? element(attributes) : /* @__PURE__ */ jsx("header", {
186
194
  ...attributes,
187
195
  children
@@ -192,7 +200,10 @@ function AppBarRoot(props) {
192
200
  //#region src/components/app-bar/anatomy/toolbar.tsx
193
201
  function AppBarToolbar(props) {
194
202
  const { element, children, ...rest } = props;
195
- const attributes = mergeProps({ className: classes.appBar.toolbar }, rest);
203
+ const attributes = mergeProps({
204
+ "data-scope": "app-bar",
205
+ "data-part": "toolbar"
206
+ }, rest);
196
207
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
197
208
  ...attributes,
198
209
  children
@@ -203,7 +214,10 @@ function AppBarToolbar(props) {
203
214
  //#region src/components/app-bar/anatomy/trail.tsx
204
215
  function AppBarTrail(props) {
205
216
  const { element, children, ...rest } = props;
206
- const attributes = mergeProps({ className: classes.appBar.trail }, rest);
217
+ const attributes = mergeProps({
218
+ "data-scope": "app-bar",
219
+ "data-part": "trail"
220
+ }, rest);
207
221
  return element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
208
222
  ...attributes,
209
223
  children
@@ -228,7 +242,7 @@ const RootContext$46 = createContext$1();
228
242
  function Fallback(props) {
229
243
  const avatar = use(RootContext$46);
230
244
  const { element, children, ...rest } = props;
231
- const attributes = mergeProps(avatar.getFallbackProps(), { className: classes.avatar.fallback }, rest);
245
+ const attributes = mergeProps(avatar.getFallbackProps(), rest);
232
246
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
233
247
  ...attributes,
234
248
  children
@@ -240,7 +254,7 @@ function Fallback(props) {
240
254
  function Image(props) {
241
255
  const avatar = use(RootContext$46);
242
256
  const { element, ...rest } = props;
243
- const attributes = mergeProps(avatar.getImageProps(), { className: classes.avatar.image }, rest);
257
+ const attributes = mergeProps(avatar.getImageProps(), rest);
244
258
  return element ? element(attributes) : /* @__PURE__ */ jsx("img", { ...attributes });
245
259
  }
246
260
 
@@ -256,7 +270,7 @@ function RootContext$45(props) {
256
270
  //#region src/components/avatar/anatomy/root-provider.tsx
257
271
  function AvatarRootProvider(props) {
258
272
  const { element, children, value: avatar, ...rest } = props;
259
- const attributes = mergeProps(avatar.getRootProps(), { className: classes.avatar.root }, rest);
273
+ const attributes = mergeProps(avatar.getRootProps(), rest);
260
274
  return /* @__PURE__ */ jsx(RootContext$46.Provider, {
261
275
  value: avatar,
262
276
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -281,7 +295,7 @@ function AvatarRoot(props) {
281
295
  const [avatarProps, componentProps] = splitProps$1(props);
282
296
  const { element, children, ...rest } = componentProps;
283
297
  const avatar = useAvatar(avatarProps);
284
- const attributes = mergeProps(avatar.getRootProps(), { className: classes.avatar.root }, rest);
298
+ const attributes = mergeProps(avatar.getRootProps(), rest);
285
299
  return /* @__PURE__ */ jsx(RootContext$46.Provider, {
286
300
  value: avatar,
287
301
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -309,7 +323,7 @@ const RootContext$44 = createContext$1();
309
323
  function Content$10(props) {
310
324
  const collapsible = use(RootContext$44);
311
325
  const { element, children, ...rest } = props;
312
- const attributes = mergeProps(collapsible.getContentProps(), { className: classes.collapsible.content }, rest);
326
+ const attributes = mergeProps(collapsible.getContentProps(), rest);
313
327
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
314
328
  ...attributes,
315
329
  children
@@ -321,7 +335,7 @@ function Content$10(props) {
321
335
  function Indicator$4(props) {
322
336
  const collapsible = use(RootContext$44);
323
337
  const { element, children, ...rest } = props;
324
- const attributes = mergeProps(collapsible.getIndicatorProps(), { className: classes.collapsible.indicator }, rest);
338
+ const attributes = mergeProps(collapsible.getIndicatorProps(), rest);
325
339
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
326
340
  ...attributes,
327
341
  children
@@ -340,7 +354,7 @@ function RootContext$43(props) {
340
354
  //#region src/components/collapsible/anatomy/root-provider.tsx
341
355
  function CollapsibleRootProvider(props) {
342
356
  const { element, children, value: collapsible, ...rest } = props;
343
- const attributes = mergeProps(collapsible.getRootProps(), { className: classes.collapsible.root }, rest);
357
+ const attributes = mergeProps(collapsible.getRootProps(), rest);
344
358
  return /* @__PURE__ */ jsx(RootContext$44.Provider, {
345
359
  value: collapsible,
346
360
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -365,7 +379,7 @@ function CollapsibleRoot(props) {
365
379
  const [collapsibleProps, componentProps] = splitProps$2(props);
366
380
  const { element, children, ...rest } = componentProps;
367
381
  const collapsible = useCollapsible(collapsibleProps);
368
- const attributes = mergeProps(collapsible.getRootProps(), { className: classes.collapsible.root }, rest);
382
+ const attributes = mergeProps(collapsible.getRootProps(), rest);
369
383
  return /* @__PURE__ */ jsx(RootContext$44.Provider, {
370
384
  value: collapsible,
371
385
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -380,7 +394,7 @@ function CollapsibleRoot(props) {
380
394
  function Trigger$10(props) {
381
395
  const collapsible = use(RootContext$44);
382
396
  const { element, children, ...rest } = props;
383
- const attributes = mergeProps(collapsible.getTriggerProps(), { className: classes.collapsible.trigger }, rest);
397
+ const attributes = mergeProps(collapsible.getTriggerProps(), rest);
384
398
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
385
399
  ...attributes,
386
400
  children
@@ -406,7 +420,7 @@ const RootContext$42 = createContext$1();
406
420
  function ClearTrigger$2(props) {
407
421
  const combobox = use(RootContext$42);
408
422
  const { element, children, ...rest } = props;
409
- const attributes = mergeProps(combobox.getClearTriggerProps(), { className: classes.combobox.clearTrigger }, rest);
423
+ const attributes = mergeProps(combobox.getClearTriggerProps(), rest);
410
424
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
411
425
  ...attributes,
412
426
  children
@@ -418,7 +432,7 @@ function ClearTrigger$2(props) {
418
432
  function Content$9(props) {
419
433
  const combobox = use(RootContext$42);
420
434
  const { element, children, ...rest } = props;
421
- const attributes = mergeProps(combobox.getContentProps(), { className: classes.combobox.content }, rest);
435
+ const attributes = mergeProps(combobox.getContentProps(), rest);
422
436
  return element ? element(attributes) : /* @__PURE__ */ jsx("ul", {
423
437
  ...attributes,
424
438
  children
@@ -430,7 +444,7 @@ function Content$9(props) {
430
444
  function Control$7(props) {
431
445
  const combobox = use(RootContext$42);
432
446
  const { element, children, ...rest } = props;
433
- const attributes = mergeProps(combobox.getControlProps(), { className: classes.combobox.control }, rest);
447
+ const attributes = mergeProps(combobox.getControlProps(), rest);
434
448
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
435
449
  ...attributes,
436
450
  children
@@ -442,7 +456,7 @@ function Control$7(props) {
442
456
  function Input$3(props) {
443
457
  const combobox = use(RootContext$42);
444
458
  const { element, ...rest } = props;
445
- const attributes = mergeProps(combobox.getInputProps(), { className: classes.combobox.input }, rest);
459
+ const attributes = mergeProps(combobox.getInputProps(), rest);
446
460
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
447
461
  }
448
462
 
@@ -459,7 +473,7 @@ function ItemGroupLabel$2(props) {
459
473
  ...props
460
474
  });
461
475
  const { element, children, ...rest } = componentProps;
462
- const attributes = mergeProps(combobox.getItemGroupLabelProps(itemGroupLabelProps), { className: classes.combobox.itemGroupLabel }, rest);
476
+ const attributes = mergeProps(combobox.getItemGroupLabelProps(itemGroupLabelProps), rest);
463
477
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
464
478
  ...attributes,
465
479
  children
@@ -475,7 +489,7 @@ function ItemGroup$3(props) {
475
489
  ...props
476
490
  });
477
491
  const { element, children, ...rest } = componentProps;
478
- const attributes = mergeProps(combobox.getItemGroupProps(itemGroupProps), { className: classes.combobox.itemGroup }, rest);
492
+ const attributes = mergeProps(combobox.getItemGroupProps(itemGroupProps), rest);
479
493
  return /* @__PURE__ */ jsx(ItemGroupContext$2.Provider, {
480
494
  value: itemGroupProps,
481
495
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -515,7 +529,7 @@ function ItemIndicator$2(props) {
515
529
  const combobox = use(RootContext$42);
516
530
  const itemProps = use(ItemContext$6);
517
531
  const { element, children = /* @__PURE__ */ jsx(Check, { className: "size-4" }), ...rest } = props;
518
- const attributes = mergeProps(combobox.getItemIndicatorProps(itemProps), { className: classes.combobox.itemIndicator }, rest);
532
+ const attributes = mergeProps(combobox.getItemIndicatorProps(itemProps), rest);
519
533
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
520
534
  ...attributes,
521
535
  children
@@ -528,7 +542,7 @@ function ItemText$4(props) {
528
542
  const combobox = use(RootContext$42);
529
543
  const itemProps = use(ItemContext$6);
530
544
  const { element, children, ...rest } = props;
531
- const attributes = mergeProps(combobox.getItemTextProps(itemProps), { className: classes.combobox.itemText }, rest);
545
+ const attributes = mergeProps(combobox.getItemTextProps(itemProps), rest);
532
546
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
533
547
  ...attributes,
534
548
  children
@@ -541,7 +555,7 @@ function Item$10(props) {
541
555
  const combobox = use(RootContext$42);
542
556
  const [itemProps, componentProps] = splitItemProps$1(props);
543
557
  const { element, children, ...rest } = componentProps;
544
- const attributes = mergeProps(combobox.getItemProps(itemProps), { className: classes.combobox.item }, rest);
558
+ const attributes = mergeProps(combobox.getItemProps(itemProps), rest);
545
559
  return /* @__PURE__ */ jsx(ItemContext$6.Provider, {
546
560
  value: itemProps,
547
561
  children: element ? element(attributes) : /* @__PURE__ */ jsx("li", {
@@ -556,7 +570,7 @@ function Item$10(props) {
556
570
  function Label$10(props) {
557
571
  const combobox = use(RootContext$42);
558
572
  const { element, children, ...rest } = props;
559
- const attributes = mergeProps(combobox.getLabelProps(), { className: classes.combobox.label }, rest);
573
+ const attributes = mergeProps(combobox.getLabelProps(), rest);
560
574
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
561
575
  ...attributes,
562
576
  children
@@ -568,7 +582,7 @@ function Label$10(props) {
568
582
  function Positioner$6(props) {
569
583
  const combobox = use(RootContext$42);
570
584
  const { element, children, ...rest } = props;
571
- const attributes = mergeProps(combobox.getPositionerProps(), { className: classes.combobox.positioner }, rest);
585
+ const attributes = mergeProps(combobox.getPositionerProps(), rest);
572
586
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
573
587
  ...attributes,
574
588
  children
@@ -596,7 +610,7 @@ function useCombobox(props = {}) {
596
610
  //#region src/components/combobox/anatomy/root-provider.tsx
597
611
  function RootProvider$16(props) {
598
612
  const { element, children, value: combobox, ...rest } = props;
599
- const attributes = mergeProps(combobox.getRootProps(), { className: classes.combobox.root }, rest);
613
+ const attributes = mergeProps(combobox.getRootProps(), rest);
600
614
  return /* @__PURE__ */ jsx(RootContext$42.Provider, {
601
615
  value: combobox,
602
616
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -612,7 +626,7 @@ function Root$17(props) {
612
626
  const [comboboxProps, componentProps] = splitProps$3(props);
613
627
  const { element, children, ...rest } = componentProps;
614
628
  const combobox = useCombobox(comboboxProps);
615
- const attributes = mergeProps(combobox.getRootProps(), { className: classes.combobox.root }, rest);
629
+ const attributes = mergeProps(combobox.getRootProps(), rest);
616
630
  return /* @__PURE__ */ jsx(RootContext$42.Provider, {
617
631
  value: combobox,
618
632
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -647,7 +661,7 @@ function ChevronDown(props) {
647
661
  function Trigger$9(props) {
648
662
  const combobox = use(RootContext$42);
649
663
  const { element, children = /* @__PURE__ */ jsx(ChevronDown, {}), ...rest } = props;
650
- const attributes = mergeProps(combobox.getTriggerProps(), { className: classes.combobox.trigger }, rest);
664
+ const attributes = mergeProps(combobox.getTriggerProps(), rest);
651
665
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
652
666
  ...attributes,
653
667
  children
@@ -682,7 +696,7 @@ const RootContext$40 = createContext$1();
682
696
  function Content$8(props) {
683
697
  const datePicker = use(RootContext$40);
684
698
  const { element, children, ...rest } = props;
685
- const attributes = mergeProps(datePicker.getContentProps(), { className: classes.datePicker.content }, rest);
699
+ const attributes = mergeProps(datePicker.getContentProps(), rest);
686
700
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
687
701
  ...attributes,
688
702
  children
@@ -694,7 +708,7 @@ function Content$8(props) {
694
708
  function Control$6(props) {
695
709
  const datePicker = use(RootContext$40);
696
710
  const { element, children, ...rest } = props;
697
- const attributes = mergeProps(datePicker.getControlProps(), { className: classes.datePicker.control }, rest);
711
+ const attributes = mergeProps(datePicker.getControlProps(), rest);
698
712
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
699
713
  ...attributes,
700
714
  children
@@ -707,7 +721,7 @@ function Input$2(props) {
707
721
  const datePicker = use(RootContext$40);
708
722
  const [inputProps, componentProps] = splitInputProps(props);
709
723
  const { element, ...rest } = componentProps;
710
- const attributes = mergeProps(datePicker.getInputProps(inputProps), { className: classes.datePicker.input }, rest);
724
+ const attributes = mergeProps(datePicker.getInputProps(inputProps), rest);
711
725
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
712
726
  }
713
727
 
@@ -716,7 +730,7 @@ function Input$2(props) {
716
730
  function Label$9(props) {
717
731
  const datePicker = use(RootContext$40);
718
732
  const { element, children, ...rest } = props;
719
- const attributes = mergeProps(datePicker.getLabelProps(), { className: classes.datePicker.label }, rest);
733
+ const attributes = mergeProps(datePicker.getLabelProps(), rest);
720
734
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
721
735
  ...attributes,
722
736
  children
@@ -728,7 +742,7 @@ function Label$9(props) {
728
742
  function MonthSelect(props) {
729
743
  const datePicker = use(RootContext$40);
730
744
  const { element, ...rest } = props;
731
- const attributes = mergeProps(datePicker.getMonthSelectProps(), { className: classes.datePicker.monthSelect }, rest);
745
+ const attributes = mergeProps(datePicker.getMonthSelectProps(), rest);
732
746
  return element ? element(attributes) : /* @__PURE__ */ jsx("select", {
733
747
  ...attributes,
734
748
  children: datePicker.getMonths().map((month, i) => /* @__PURE__ */ jsx("option", {
@@ -768,7 +782,7 @@ function NextTrigger$2(props) {
768
782
  const datePicker = use(RootContext$40);
769
783
  const viewProps = use(ViewContext);
770
784
  const { element, children = /* @__PURE__ */ jsx(ChevronRight, {}), ...rest } = props;
771
- const attributes = mergeProps(datePicker.getNextTriggerProps(viewProps), { className: classes.datePicker.nextTrigger }, rest);
785
+ const attributes = mergeProps(datePicker.getNextTriggerProps(viewProps), rest);
772
786
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
773
787
  ...attributes,
774
788
  children
@@ -780,7 +794,7 @@ function NextTrigger$2(props) {
780
794
  function Positioner$5(props) {
781
795
  const datePicker = use(RootContext$40);
782
796
  const { element, children, ...rest } = props;
783
- const attributes = mergeProps(datePicker.getPositionerProps(), { className: classes.datePicker.positioner }, rest);
797
+ const attributes = mergeProps(datePicker.getPositionerProps(), rest);
784
798
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
785
799
  ...attributes,
786
800
  children
@@ -793,7 +807,7 @@ function PresetTrigger(props) {
793
807
  const datePicker = use(RootContext$40);
794
808
  const [presetTriggerProps, componentProps] = splitPresetTriggerProps(props);
795
809
  const { element, children, ...rest } = componentProps;
796
- const attributes = mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), { className: classes.datePicker.presetTrigger }, rest);
810
+ const attributes = mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), rest);
797
811
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
798
812
  ...attributes,
799
813
  children
@@ -826,7 +840,7 @@ function PrevTrigger$2(props) {
826
840
  const datePicker = use(RootContext$40);
827
841
  const viewProps = use(ViewContext);
828
842
  const { element, children = /* @__PURE__ */ jsx(ChevronLeft, {}), ...rest } = props;
829
- const attributes = mergeProps(datePicker.getPrevTriggerProps(viewProps), { className: classes.datePicker.prevTrigger }, rest);
843
+ const attributes = mergeProps(datePicker.getPrevTriggerProps(viewProps), rest);
830
844
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
831
845
  ...attributes,
832
846
  children
@@ -839,7 +853,7 @@ function RangeText(props) {
839
853
  const datePicker = use(RootContext$40);
840
854
  const rangeText = Array.from(new Set([datePicker.visibleRangeText.start, datePicker.visibleRangeText.end])).join(" - ");
841
855
  const { element, children = rangeText, ...rest } = props;
842
- const attributes = mergeProps(datePicker.getRangeTextProps(), { className: classes.datePicker.rangeText }, rest);
856
+ const attributes = mergeProps(datePicker.getRangeTextProps(), rest);
843
857
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
844
858
  ...attributes,
845
859
  children
@@ -867,7 +881,7 @@ function useDatePicker(props = {}) {
867
881
  //#region src/components/date-picker/anatomy/root-provider.tsx
868
882
  function RootProvider$15(props) {
869
883
  const { element, children, value: datePicker, ...rest } = props;
870
- const attributes = mergeProps(datePicker.getRootProps(), { className: classes.datePicker.root }, rest);
884
+ const attributes = mergeProps(datePicker.getRootProps(), rest);
871
885
  return /* @__PURE__ */ jsx(RootContext$40.Provider, {
872
886
  value: datePicker,
873
887
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -883,7 +897,7 @@ function Root$16(props) {
883
897
  const [datePickerProps, componentProps] = splitProps$4(props);
884
898
  const { element, children, ...rest } = componentProps;
885
899
  const datePicker = useDatePicker(datePickerProps);
886
- const attributes = mergeProps(datePicker.getRootProps(), { className: classes.datePicker.root }, rest);
900
+ const attributes = mergeProps(datePicker.getRootProps(), rest);
887
901
  return /* @__PURE__ */ jsx(RootContext$40.Provider, {
888
902
  value: datePicker,
889
903
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -899,7 +913,7 @@ function TableBody(props) {
899
913
  const datePicker = use(RootContext$40);
900
914
  const viewProps = use(ViewContext);
901
915
  const { element, children, ...rest } = props;
902
- const attributes = mergeProps(datePicker.getTableBodyProps(viewProps), { className: classes.datePicker.tableBody }, rest);
916
+ const attributes = mergeProps(datePicker.getTableBodyProps(viewProps), rest);
903
917
  return element ? element(attributes) : /* @__PURE__ */ jsx("tbody", {
904
918
  ...attributes,
905
919
  children
@@ -924,7 +938,7 @@ function TableCellTrigger(props) {
924
938
  case "year": return datePicker.getYearTableCellTriggerProps(tableCellProps$1);
925
939
  }
926
940
  }
927
- const attributes = mergeProps(getTableCellTriggerProps(tableCellProps), { className: classes.datePicker.tableCellTrigger }, rest);
941
+ const attributes = mergeProps(getTableCellTriggerProps(tableCellProps), rest);
928
942
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
929
943
  ...attributes,
930
944
  children
@@ -945,7 +959,7 @@ function TableCell(props) {
945
959
  case "year": return datePicker.getYearTableCellProps(tableCellProps$1);
946
960
  }
947
961
  }
948
- const attributes = mergeProps(getTableCellProps(tableCellProps), { className: classes.datePicker.tableCell }, rest);
962
+ const attributes = mergeProps(getTableCellProps(tableCellProps), rest);
949
963
  return /* @__PURE__ */ jsx(TableCellContext.Provider, {
950
964
  value: tableCellProps,
951
965
  children: element ? element(attributes) : /* @__PURE__ */ jsx("td", {
@@ -961,7 +975,7 @@ function TableHead(props) {
961
975
  const datePicker = use(RootContext$40);
962
976
  const viewProps = use(ViewContext);
963
977
  const { element, children, ...rest } = props;
964
- const attributes = mergeProps(datePicker.getTableHeadProps(viewProps), { className: classes.datePicker.tableHead }, rest);
978
+ const attributes = mergeProps(datePicker.getTableHeadProps(viewProps), rest);
965
979
  return element ? element(attributes) : /* @__PURE__ */ jsx("thead", {
966
980
  ...attributes,
967
981
  children
@@ -974,7 +988,7 @@ function TableHeader(props) {
974
988
  const datePicker = use(RootContext$40);
975
989
  const viewProps = use(ViewContext);
976
990
  const { element, children, ...rest } = props;
977
- const attributes = mergeProps(datePicker.getTableHeaderProps(viewProps), { className: classes.datePicker.tableHeader }, rest);
991
+ const attributes = mergeProps(datePicker.getTableHeaderProps(viewProps), rest);
978
992
  return element ? element(attributes) : /* @__PURE__ */ jsx("th", {
979
993
  ...attributes,
980
994
  children
@@ -987,7 +1001,7 @@ function TableRow(props) {
987
1001
  const datePicker = use(RootContext$40);
988
1002
  const viewProps = use(ViewContext);
989
1003
  const { element, children, ...rest } = props;
990
- const attributes = mergeProps(datePicker.getTableRowProps(viewProps), { className: classes.datePicker.tableRow }, rest);
1004
+ const attributes = mergeProps(datePicker.getTableRowProps(viewProps), rest);
991
1005
  return element ? element(attributes) : /* @__PURE__ */ jsx("tr", {
992
1006
  ...attributes,
993
1007
  children
@@ -1000,7 +1014,7 @@ function Table(props) {
1000
1014
  const datePicker = use(RootContext$40);
1001
1015
  const viewProps = use(ViewContext);
1002
1016
  const { element, children, ...rest } = props;
1003
- const attributes = mergeProps(datePicker.getTableProps(viewProps), { className: classes.datePicker.table }, rest);
1017
+ const attributes = mergeProps(datePicker.getTableProps(viewProps), rest);
1004
1018
  return element ? element(attributes) : /* @__PURE__ */ jsx("table", {
1005
1019
  ...attributes,
1006
1020
  children
@@ -1043,7 +1057,7 @@ function Calendar(props) {
1043
1057
  function Trigger$8(props) {
1044
1058
  const datePicker = use(RootContext$40);
1045
1059
  const { element, children = /* @__PURE__ */ jsx(Calendar, {}), ...rest } = props;
1046
- const attributes = mergeProps(datePicker.getTriggerProps(), { className: classes.datePicker.trigger }, rest);
1060
+ const attributes = mergeProps(datePicker.getTriggerProps(), rest);
1047
1061
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1048
1062
  ...attributes,
1049
1063
  children
@@ -1056,7 +1070,7 @@ function ViewControl(props) {
1056
1070
  const datePicker = use(RootContext$40);
1057
1071
  const viewProps = use(ViewContext);
1058
1072
  const { element, children, ...rest } = props;
1059
- const attributes = mergeProps(datePicker.getViewControlProps(viewProps), { className: classes.datePicker.viewControl }, rest);
1073
+ const attributes = mergeProps(datePicker.getViewControlProps(viewProps), rest);
1060
1074
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1061
1075
  ...attributes,
1062
1076
  children
@@ -1069,7 +1083,7 @@ function ViewTrigger(props) {
1069
1083
  const datePicker = use(RootContext$40);
1070
1084
  const viewProps = use(ViewContext);
1071
1085
  const { element, children, ...rest } = props;
1072
- const attributes = mergeProps(datePicker.getViewTriggerProps(viewProps), { className: classes.datePicker.viewTrigger }, rest);
1086
+ const attributes = mergeProps(datePicker.getViewTriggerProps(viewProps), rest);
1073
1087
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1074
1088
  ...attributes,
1075
1089
  children
@@ -1082,7 +1096,7 @@ function View(props) {
1082
1096
  const datePicker = use(RootContext$40);
1083
1097
  const [viewProps, componentProps] = splitViewProps(props);
1084
1098
  const { element, children, ...rest } = componentProps;
1085
- const attributes = mergeProps(datePicker.getViewProps(viewProps), { className: classes.datePicker.view }, rest);
1099
+ const attributes = mergeProps(datePicker.getViewProps(viewProps), rest);
1086
1100
  return /* @__PURE__ */ jsx(ViewContext.Provider, {
1087
1101
  value: viewProps,
1088
1102
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1097,7 +1111,7 @@ function View(props) {
1097
1111
  function YearSelect(props) {
1098
1112
  const datePicker = use(RootContext$40);
1099
1113
  const { element, ...rest } = props;
1100
- const attributes = mergeProps(datePicker.getYearSelectProps(), { className: classes.datePicker.yearSelect }, rest);
1114
+ const attributes = mergeProps(datePicker.getYearSelectProps(), rest);
1101
1115
  return element ? element(attributes) : /* @__PURE__ */ jsx("select", {
1102
1116
  ...attributes,
1103
1117
  children: datePicker.getYears().map((year, i) => /* @__PURE__ */ jsx("option", {
@@ -1145,7 +1159,7 @@ const RootContext$38 = createContext$1();
1145
1159
  function Backdrop(props) {
1146
1160
  const dialog = use(RootContext$38);
1147
1161
  const { element, ...rest } = props;
1148
- const attributes = mergeProps(dialog.getBackdropProps(), { className: classes.dialog.backdrop }, rest);
1162
+ const attributes = mergeProps(dialog.getBackdropProps(), rest);
1149
1163
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
1150
1164
  }
1151
1165
 
@@ -1154,7 +1168,7 @@ function Backdrop(props) {
1154
1168
  function CloseTrigger$3(props) {
1155
1169
  const dialog = use(RootContext$38);
1156
1170
  const { element, children, ...rest } = props;
1157
- const attributes = mergeProps(dialog.getCloseTriggerProps(), { className: classes.dialog.closeTrigger }, rest);
1171
+ const attributes = mergeProps(dialog.getCloseTriggerProps(), rest);
1158
1172
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1159
1173
  ...attributes,
1160
1174
  children
@@ -1166,7 +1180,7 @@ function CloseTrigger$3(props) {
1166
1180
  function Content$7(props) {
1167
1181
  const dialog = use(RootContext$38);
1168
1182
  const { element, children, ...rest } = props;
1169
- const attributes = mergeProps(dialog.getContentProps(), { className: classes.dialog.content }, rest);
1183
+ const attributes = mergeProps(dialog.getContentProps(), rest);
1170
1184
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1171
1185
  ...attributes,
1172
1186
  children
@@ -1178,7 +1192,7 @@ function Content$7(props) {
1178
1192
  function Description$2(props) {
1179
1193
  const dialog = use(RootContext$38);
1180
1194
  const { element, children, ...rest } = props;
1181
- const attributes = mergeProps(dialog.getDescriptionProps(), { className: classes.dialog.description }, rest);
1195
+ const attributes = mergeProps(dialog.getDescriptionProps(), rest);
1182
1196
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1183
1197
  ...attributes,
1184
1198
  children
@@ -1190,7 +1204,7 @@ function Description$2(props) {
1190
1204
  function Positioner$4(props) {
1191
1205
  const dialog = use(RootContext$38);
1192
1206
  const { element, children, ...rest } = props;
1193
- const attributes = mergeProps(dialog.getPositionerProps(), { className: classes.dialog.positioner }, rest);
1207
+ const attributes = mergeProps(dialog.getPositionerProps(), rest);
1194
1208
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1195
1209
  ...attributes,
1196
1210
  children
@@ -1241,7 +1255,7 @@ function Root$15(props) {
1241
1255
  function Title$3(props) {
1242
1256
  const dialog = use(RootContext$38);
1243
1257
  const { element, children, ...rest } = props;
1244
- const attributes = mergeProps(dialog.getTitleProps(), { className: classes.dialog.title }, rest);
1258
+ const attributes = mergeProps(dialog.getTitleProps(), rest);
1245
1259
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1246
1260
  ...attributes,
1247
1261
  children
@@ -1253,7 +1267,7 @@ function Title$3(props) {
1253
1267
  function Trigger$7(props) {
1254
1268
  const dialog = use(RootContext$38);
1255
1269
  const { element, children, ...rest } = props;
1256
- const attributes = mergeProps(dialog.getTriggerProps(), { className: classes.dialog.trigger }, rest);
1270
+ const attributes = mergeProps(dialog.getTriggerProps(), rest);
1257
1271
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1258
1272
  ...attributes,
1259
1273
  children
@@ -1283,7 +1297,7 @@ const RootContext$36 = createContext$1();
1283
1297
  function ClearTrigger$1(props) {
1284
1298
  const fileUpload = use(RootContext$36);
1285
1299
  const { element, children, ...rest } = props;
1286
- const attributes = mergeProps(fileUpload.getClearTriggerProps(), { className: classes.fileUpload.clearTrigger }, rest);
1300
+ const attributes = mergeProps(fileUpload.getClearTriggerProps(), rest);
1287
1301
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1288
1302
  ...attributes,
1289
1303
  children
@@ -1295,7 +1309,7 @@ function ClearTrigger$1(props) {
1295
1309
  function Dropzone(props) {
1296
1310
  const fileUpload = use(RootContext$36);
1297
1311
  const { element, children, ...rest } = props;
1298
- const attributes = mergeProps(fileUpload.getDropzoneProps(), { className: classes.fileUpload.dropzone }, rest);
1312
+ const attributes = mergeProps(fileUpload.getDropzoneProps(), rest);
1299
1313
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1300
1314
  ...attributes,
1301
1315
  children
@@ -1307,7 +1321,7 @@ function Dropzone(props) {
1307
1321
  function HiddenInput$4(props) {
1308
1322
  const fileUpload = use(RootContext$36);
1309
1323
  const { element, ...rest } = props;
1310
- const attributes = mergeProps(fileUpload.getHiddenInputProps(), { className: classes.fileUpload.hiddenInput }, rest);
1324
+ const attributes = mergeProps(fileUpload.getHiddenInputProps(), rest);
1311
1325
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
1312
1326
  }
1313
1327
 
@@ -1321,7 +1335,7 @@ function ItemDeleteTrigger$1(props) {
1321
1335
  const fileUpload = use(RootContext$36);
1322
1336
  const itemProps = use(ItemContext$5);
1323
1337
  const { element, children = /* @__PURE__ */ jsx(Fragment, { children: "×" }), ...rest } = props;
1324
- const attributes = mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), { className: classes.fileUpload.itemDeleteTrigger }, rest);
1338
+ const attributes = mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), rest);
1325
1339
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1326
1340
  ...attributes,
1327
1341
  children
@@ -1333,7 +1347,7 @@ function ItemDeleteTrigger$1(props) {
1333
1347
  function ItemGroup$2(props) {
1334
1348
  const fileUpload = use(RootContext$36);
1335
1349
  const { element, children, ...rest } = props;
1336
- const attributes = mergeProps(fileUpload.getItemGroupProps(), { className: classes.fileUpload.itemGroup }, rest);
1350
+ const attributes = mergeProps(fileUpload.getItemGroupProps(), rest);
1337
1351
  return element ? element(attributes) : /* @__PURE__ */ jsx("ul", {
1338
1352
  ...attributes,
1339
1353
  children
@@ -1346,7 +1360,7 @@ function ItemName(props) {
1346
1360
  const fileUpload = use(RootContext$36);
1347
1361
  const itemProps = use(ItemContext$5);
1348
1362
  const { element, children, ...rest } = props;
1349
- const attributes = mergeProps(fileUpload.getItemNameProps(itemProps), { className: classes.fileUpload.itemName }, rest);
1363
+ const attributes = mergeProps(fileUpload.getItemNameProps(itemProps), rest);
1350
1364
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1351
1365
  ...attributes,
1352
1366
  children
@@ -1359,7 +1373,7 @@ function ItemSizeText(props) {
1359
1373
  const fileUpload = use(RootContext$36);
1360
1374
  const itemProps = use(ItemContext$5);
1361
1375
  const { element, children, ...rest } = props;
1362
- const attributes = mergeProps(fileUpload.getItemSizeTextProps(itemProps), { className: classes.fileUpload.itemSizeText }, rest);
1376
+ const attributes = mergeProps(fileUpload.getItemSizeTextProps(itemProps), rest);
1363
1377
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1364
1378
  ...attributes,
1365
1379
  children
@@ -1372,7 +1386,7 @@ function Item$9(props) {
1372
1386
  const fileUpload = use(RootContext$36);
1373
1387
  const [itemProps, componentProps] = splitItemProps$2(props);
1374
1388
  const { element, children, ...rest } = componentProps;
1375
- const attributes = mergeProps(fileUpload.getItemProps(itemProps), { className: classes.fileUpload.item }, rest);
1389
+ const attributes = mergeProps(fileUpload.getItemProps(itemProps), rest);
1376
1390
  return /* @__PURE__ */ jsx(ItemContext$5.Provider, {
1377
1391
  value: itemProps,
1378
1392
  children: element ? element(attributes) : /* @__PURE__ */ jsx("li", {
@@ -1387,7 +1401,7 @@ function Item$9(props) {
1387
1401
  function Label$8(props) {
1388
1402
  const fileUpload = use(RootContext$36);
1389
1403
  const { element, children, ...rest } = props;
1390
- const attributes = mergeProps(fileUpload.getLabelProps(), { className: classes.fileUpload.label }, rest);
1404
+ const attributes = mergeProps(fileUpload.getLabelProps(), rest);
1391
1405
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
1392
1406
  ...attributes,
1393
1407
  children
@@ -1406,7 +1420,7 @@ function RootContext$35(props) {
1406
1420
  //#region src/components/file-upload/anatomy/root-provider.tsx
1407
1421
  function RootProvider$13(props) {
1408
1422
  const { element, children, value: fileUpload, ...rest } = props;
1409
- const attributes = mergeProps(fileUpload.getRootProps(), { className: classes.fileUpload.root }, rest);
1423
+ const attributes = mergeProps(fileUpload.getRootProps(), rest);
1410
1424
  return /* @__PURE__ */ jsx(RootContext$36.Provider, {
1411
1425
  value: fileUpload,
1412
1426
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1431,7 +1445,7 @@ function Root$14(props) {
1431
1445
  const [fileUploadProps, componentProps] = splitProps$6(props);
1432
1446
  const { element, children, ...rest } = componentProps;
1433
1447
  const fileUpload = useFileUpload(fileUploadProps);
1434
- const attributes = mergeProps(fileUpload.getRootProps(), { className: classes.fileUpload.root }, rest);
1448
+ const attributes = mergeProps(fileUpload.getRootProps(), rest);
1435
1449
  return /* @__PURE__ */ jsx(RootContext$36.Provider, {
1436
1450
  value: fileUpload,
1437
1451
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1446,7 +1460,7 @@ function Root$14(props) {
1446
1460
  function Trigger$6(props) {
1447
1461
  const fileUpload = use(RootContext$36);
1448
1462
  const { element, children, ...rest } = props;
1449
- const attributes = mergeProps(fileUpload.getTriggerProps(), { className: classes.fileUpload.trigger }, rest);
1463
+ const attributes = mergeProps(fileUpload.getTriggerProps(), rest);
1450
1464
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1451
1465
  ...attributes,
1452
1466
  children
@@ -1479,7 +1493,7 @@ const RootContext$34 = createContext$1();
1479
1493
  function Body(props) {
1480
1494
  const floatingPanel = use(RootContext$34);
1481
1495
  const { element, children, ...rest } = props;
1482
- const attributes = mergeProps(floatingPanel.getBodyProps(), { className: classes.floatingPanel.body }, rest);
1496
+ const attributes = mergeProps(floatingPanel.getBodyProps(), rest);
1483
1497
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1484
1498
  ...attributes,
1485
1499
  children
@@ -1491,7 +1505,7 @@ function Body(props) {
1491
1505
  function CloseTrigger$2(props) {
1492
1506
  const floatingPanel = use(RootContext$34);
1493
1507
  const { element, children, ...rest } = props;
1494
- const attributes = mergeProps(floatingPanel.getCloseTriggerProps(), { className: classes.floatingPanel.closeTrigger }, rest);
1508
+ const attributes = mergeProps(floatingPanel.getCloseTriggerProps(), rest);
1495
1509
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1496
1510
  ...attributes,
1497
1511
  children
@@ -1503,7 +1517,7 @@ function CloseTrigger$2(props) {
1503
1517
  function Content$6(props) {
1504
1518
  const floatingPanel = use(RootContext$34);
1505
1519
  const { element, children, ...rest } = props;
1506
- const attributes = mergeProps(floatingPanel.getContentProps(), { className: classes.floatingPanel.content }, rest);
1520
+ const attributes = mergeProps(floatingPanel.getContentProps(), rest);
1507
1521
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1508
1522
  ...attributes,
1509
1523
  children
@@ -1515,7 +1529,7 @@ function Content$6(props) {
1515
1529
  function Control$5(props) {
1516
1530
  const floatingPanel = use(RootContext$34);
1517
1531
  const { element, children, ...rest } = props;
1518
- const attributes = mergeProps(floatingPanel.getControlProps(), { className: classes.floatingPanel.control }, rest);
1532
+ const attributes = mergeProps(floatingPanel.getControlProps(), rest);
1519
1533
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1520
1534
  ...attributes,
1521
1535
  children
@@ -1527,7 +1541,7 @@ function Control$5(props) {
1527
1541
  function DragTrigger(props) {
1528
1542
  const floatingPanel = use(RootContext$34);
1529
1543
  const { element, children, ...rest } = props;
1530
- const attributes = mergeProps(floatingPanel.getDragTriggerProps(), { className: classes.floatingPanel.dragTrigger }, rest);
1544
+ const attributes = mergeProps(floatingPanel.getDragTriggerProps(), rest);
1531
1545
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1532
1546
  ...attributes,
1533
1547
  children
@@ -1539,7 +1553,7 @@ function DragTrigger(props) {
1539
1553
  function Header(props) {
1540
1554
  const floatingPanel = use(RootContext$34);
1541
1555
  const { element, children, ...rest } = props;
1542
- const attributes = mergeProps(floatingPanel.getHeaderProps(), { className: classes.floatingPanel.header }, rest);
1556
+ const attributes = mergeProps(floatingPanel.getHeaderProps(), rest);
1543
1557
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1544
1558
  ...attributes,
1545
1559
  children
@@ -1551,7 +1565,7 @@ function Header(props) {
1551
1565
  function Positioner$3(props) {
1552
1566
  const floatingPanel = use(RootContext$34);
1553
1567
  const { element, children, ...rest } = props;
1554
- const attributes = mergeProps(floatingPanel.getPositionerProps(), { className: classes.floatingPanel.positioner }, rest);
1568
+ const attributes = mergeProps(floatingPanel.getPositionerProps(), rest);
1555
1569
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1556
1570
  ...attributes,
1557
1571
  children
@@ -1564,7 +1578,7 @@ function ResizeTrigger(props) {
1564
1578
  const floatingPanel = use(RootContext$34);
1565
1579
  const [resizeTriggerProps, componentProps] = splitResizeTriggerProps(props);
1566
1580
  const { element, children, ...rest } = componentProps;
1567
- const attributes = mergeProps(floatingPanel.getResizeTriggerProps(resizeTriggerProps), { className: classes.floatingPanel.resizeTrigger }, rest);
1581
+ const attributes = mergeProps(floatingPanel.getResizeTriggerProps(resizeTriggerProps), rest);
1568
1582
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1569
1583
  ...attributes,
1570
1584
  children
@@ -1615,7 +1629,7 @@ function Root$13(props) {
1615
1629
  function StageTrigger(props) {
1616
1630
  const floatingPanel = use(RootContext$34);
1617
1631
  const { element, children, stage, ...rest } = props;
1618
- const attributes = mergeProps(floatingPanel.getStageTriggerProps({ stage }), { className: classes.floatingPanel.stageTrigger }, rest);
1632
+ const attributes = mergeProps(floatingPanel.getStageTriggerProps({ stage }), rest);
1619
1633
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1620
1634
  ...attributes,
1621
1635
  children
@@ -1627,7 +1641,7 @@ function StageTrigger(props) {
1627
1641
  function Title$2(props) {
1628
1642
  const floatingPanel = use(RootContext$34);
1629
1643
  const { element, children, ...rest } = props;
1630
- const attributes = mergeProps(floatingPanel.getTitleProps(), { className: classes.floatingPanel.title }, rest);
1644
+ const attributes = mergeProps(floatingPanel.getTitleProps(), rest);
1631
1645
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1632
1646
  ...attributes,
1633
1647
  children
@@ -1639,7 +1653,7 @@ function Title$2(props) {
1639
1653
  function Trigger$5(props) {
1640
1654
  const floatingPanel = use(RootContext$34);
1641
1655
  const { element, children, ...rest } = props;
1642
- const attributes = mergeProps(floatingPanel.getTriggerProps(), { className: classes.floatingPanel.trigger }, rest);
1656
+ const attributes = mergeProps(floatingPanel.getTriggerProps(), rest);
1643
1657
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1644
1658
  ...attributes,
1645
1659
  children
@@ -1673,7 +1687,7 @@ const RootContext$32 = createContext$1();
1673
1687
  function Content$5(props) {
1674
1688
  const listbox = use(RootContext$32);
1675
1689
  const { element, children, ...rest } = props;
1676
- const attributes = mergeProps(listbox.getContentProps(), { className: classes.listbox.content }, rest);
1690
+ const attributes = mergeProps(listbox.getContentProps(), rest);
1677
1691
  return element ? element(attributes) : /* @__PURE__ */ jsx("ul", {
1678
1692
  ...attributes,
1679
1693
  children
@@ -1685,7 +1699,7 @@ function Content$5(props) {
1685
1699
  function Input$1(props) {
1686
1700
  const listbox = use(RootContext$32);
1687
1701
  const { element, ...rest } = props;
1688
- const attributes = mergeProps(listbox.getInputProps(), { className: classes.listbox.input }, rest);
1702
+ const attributes = mergeProps(listbox.getInputProps(), rest);
1689
1703
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
1690
1704
  }
1691
1705
 
@@ -1702,7 +1716,7 @@ function ItemGroupLabel$1(props) {
1702
1716
  ...props
1703
1717
  });
1704
1718
  const { element, children, ...rest } = componentProps;
1705
- const attributes = mergeProps(listbox.getItemGroupLabelProps(itemGroupLabelProps), { className: classes.listbox.itemGroupLabel }, rest);
1719
+ const attributes = mergeProps(listbox.getItemGroupLabelProps(itemGroupLabelProps), rest);
1706
1720
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1707
1721
  ...attributes,
1708
1722
  children
@@ -1718,7 +1732,7 @@ function ItemGroup$1(props) {
1718
1732
  ...props
1719
1733
  });
1720
1734
  const { element, children, ...rest } = componentProps;
1721
- const attributes = mergeProps(listbox.getItemGroupProps(itemGroupProps), { className: classes.listbox.itemGroup }, rest);
1735
+ const attributes = mergeProps(listbox.getItemGroupProps(itemGroupProps), rest);
1722
1736
  return /* @__PURE__ */ jsx(ItemGroupContext$1.Provider, {
1723
1737
  value: itemGroupProps,
1724
1738
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1738,7 +1752,7 @@ function ItemIndicator$1(props) {
1738
1752
  const listbox = use(RootContext$32);
1739
1753
  const itemProps = use(ItemContext$4);
1740
1754
  const { element, children = /* @__PURE__ */ jsx(Check, { className: "size-4" }), ...rest } = props;
1741
- const attributes = mergeProps(listbox.getItemIndicatorProps(itemProps), { className: classes.listbox.itemIndicator }, rest);
1755
+ const attributes = mergeProps(listbox.getItemIndicatorProps(itemProps), rest);
1742
1756
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
1743
1757
  ...attributes,
1744
1758
  children
@@ -1751,7 +1765,7 @@ function ItemText$3(props) {
1751
1765
  const listbox = use(RootContext$32);
1752
1766
  const itemProps = use(ItemContext$4);
1753
1767
  const { element, children, ...rest } = props;
1754
- const attributes = mergeProps(listbox.getItemTextProps(itemProps), { className: classes.listbox.itemText }, rest);
1768
+ const attributes = mergeProps(listbox.getItemTextProps(itemProps), rest);
1755
1769
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
1756
1770
  ...attributes,
1757
1771
  children
@@ -1764,7 +1778,7 @@ function Item$8(props) {
1764
1778
  const listbox = use(RootContext$32);
1765
1779
  const [itemProps, componentProps] = splitItemProps$3(props);
1766
1780
  const { element, children, ...rest } = componentProps;
1767
- const attributes = mergeProps(listbox.getItemProps(itemProps), { className: classes.listbox.item }, rest);
1781
+ const attributes = mergeProps(listbox.getItemProps(itemProps), rest);
1768
1782
  return /* @__PURE__ */ jsx(ItemContext$4.Provider, {
1769
1783
  value: itemProps,
1770
1784
  children: element ? element(attributes) : /* @__PURE__ */ jsx("li", {
@@ -1779,7 +1793,7 @@ function Item$8(props) {
1779
1793
  function Label$7(props) {
1780
1794
  const listbox = use(RootContext$32);
1781
1795
  const { element, children, ...rest } = props;
1782
- const attributes = mergeProps(listbox.getLabelProps(), { className: classes.listbox.label }, rest);
1796
+ const attributes = mergeProps(listbox.getLabelProps(), rest);
1783
1797
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
1784
1798
  ...attributes,
1785
1799
  children
@@ -1807,7 +1821,7 @@ function useListbox(props) {
1807
1821
  //#region src/components/listbox/anatomy/root-provider.tsx
1808
1822
  function RootProvider$11(props) {
1809
1823
  const { element, children, value: listbox, ...rest } = props;
1810
- const attributes = mergeProps(listbox.getRootProps(), { className: classes.listbox.root }, rest);
1824
+ const attributes = mergeProps(listbox.getRootProps(), rest);
1811
1825
  return /* @__PURE__ */ jsx(RootContext$32.Provider, {
1812
1826
  value: listbox,
1813
1827
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1823,7 +1837,7 @@ function Root$12(props) {
1823
1837
  const [listboxProps, componentProps] = splitProps$8(props);
1824
1838
  const { element, children, ...rest } = componentProps;
1825
1839
  const listbox = useListbox(listboxProps);
1826
- const attributes = mergeProps(listbox.getRootProps(), { className: classes.listbox.root }, rest);
1840
+ const attributes = mergeProps(listbox.getRootProps(), rest);
1827
1841
  return /* @__PURE__ */ jsx(RootContext$32.Provider, {
1828
1842
  value: listbox,
1829
1843
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1857,7 +1871,7 @@ const RootContext$30 = createContext$1();
1857
1871
  function ArrowTip$2(props) {
1858
1872
  const menu = use(RootContext$30);
1859
1873
  const { element, children, ...rest } = props;
1860
- const attributes = mergeProps(menu.getArrowTipProps(), { className: classes.menu.arrowTip }, rest);
1874
+ const attributes = mergeProps(menu.getArrowTipProps(), rest);
1861
1875
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1862
1876
  ...attributes,
1863
1877
  children
@@ -1869,7 +1883,7 @@ function ArrowTip$2(props) {
1869
1883
  function Arrow$2(props) {
1870
1884
  const menu = use(RootContext$30);
1871
1885
  const { element, children, ...rest } = props;
1872
- const attributes = mergeProps(menu.getArrowProps(), { className: classes.menu.arrow }, rest);
1886
+ const attributes = mergeProps(menu.getArrowProps(), rest);
1873
1887
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1874
1888
  ...attributes,
1875
1889
  children
@@ -1881,7 +1895,7 @@ function Arrow$2(props) {
1881
1895
  function Content$4(props) {
1882
1896
  const menu = use(RootContext$30);
1883
1897
  const { element, children, ...rest } = props;
1884
- const attributes = mergeProps(menu.getContentProps(), { className: classes.menu.content }, rest);
1898
+ const attributes = mergeProps(menu.getContentProps(), rest);
1885
1899
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1886
1900
  ...attributes,
1887
1901
  children
@@ -1893,7 +1907,7 @@ function Content$4(props) {
1893
1907
  function ContextTrigger(props) {
1894
1908
  const menu = use(RootContext$30);
1895
1909
  const { element, children, ...rest } = props;
1896
- const attributes = mergeProps(menu.getContextTriggerProps(), { className: classes.menu.contextTrigger }, rest);
1910
+ const attributes = mergeProps(menu.getContextTriggerProps(), rest);
1897
1911
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
1898
1912
  ...attributes,
1899
1913
  children
@@ -1905,7 +1919,7 @@ function ContextTrigger(props) {
1905
1919
  function Indicator$3(props) {
1906
1920
  const menu = use(RootContext$30);
1907
1921
  const { element, children, ...rest } = props;
1908
- const attributes = mergeProps(menu.getIndicatorProps(), { className: classes.menu.indicator }, rest);
1922
+ const attributes = mergeProps(menu.getIndicatorProps(), rest);
1909
1923
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1910
1924
  ...attributes,
1911
1925
  children
@@ -1925,7 +1939,7 @@ function ItemGroupLabel(props) {
1925
1939
  ...props
1926
1940
  });
1927
1941
  const { element, children, ...rest } = componentProps;
1928
- const attributes = mergeProps(menu.getItemGroupLabelProps(labelProps), { className: classes.menu.itemGroupLabel }, rest);
1942
+ const attributes = mergeProps(menu.getItemGroupLabelProps(labelProps), rest);
1929
1943
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1930
1944
  ...attributes,
1931
1945
  children
@@ -1941,7 +1955,7 @@ function ItemGroup(props) {
1941
1955
  ...props
1942
1956
  });
1943
1957
  const { element, children, ...rest } = componentProps;
1944
- const attributes = mergeProps(menu.getItemGroupProps(itemGroupProps), { className: classes.menu.itemGroup }, rest);
1958
+ const attributes = mergeProps(menu.getItemGroupProps(itemGroupProps), rest);
1945
1959
  return /* @__PURE__ */ jsx(ItemGroupContext.Provider, {
1946
1960
  value: itemGroupProps,
1947
1961
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1961,7 +1975,7 @@ function ItemIndicator(props) {
1961
1975
  const menu = use(RootContext$30);
1962
1976
  const itemProps = use(ItemContext$3);
1963
1977
  const { element, children, ...rest } = props;
1964
- const attributes = mergeProps(menu.getItemIndicatorProps(itemProps), { className: classes.menu.itemIndicator }, rest);
1978
+ const attributes = mergeProps(menu.getItemIndicatorProps(itemProps), rest);
1965
1979
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1966
1980
  ...attributes,
1967
1981
  children
@@ -1974,7 +1988,7 @@ function ItemText$2(props) {
1974
1988
  const menu = use(RootContext$30);
1975
1989
  const itemProps = use(ItemContext$3);
1976
1990
  const { element, children, ...rest } = props;
1977
- const attributes = mergeProps(menu.getItemTextProps(itemProps), { className: classes.menu.itemText }, rest);
1991
+ const attributes = mergeProps(menu.getItemTextProps(itemProps), rest);
1978
1992
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
1979
1993
  ...attributes,
1980
1994
  children
@@ -1987,7 +2001,7 @@ function Item$7(props) {
1987
2001
  const menu = use(RootContext$30);
1988
2002
  const [itemProps, componentProps] = splitItemProps$4(props);
1989
2003
  const { element, children, ...rest } = componentProps;
1990
- const attributes = mergeProps(menu.getItemProps(itemProps), { className: classes.menu.item }, rest);
2004
+ const attributes = mergeProps(menu.getItemProps(itemProps), rest);
1991
2005
  return /* @__PURE__ */ jsx(ItemContext$3.Provider, {
1992
2006
  value: itemProps,
1993
2007
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2003,7 +2017,7 @@ function OptionItem(props) {
2003
2017
  const menu = use(RootContext$30);
2004
2018
  const [itemProps, componentProps] = splitOptionItemProps(props);
2005
2019
  const { element, children, ...rest } = componentProps;
2006
- const attributes = mergeProps(menu.getOptionItemProps(itemProps), { className: classes.menu.item }, rest);
2020
+ const attributes = mergeProps(menu.getOptionItemProps(itemProps), rest);
2007
2021
  return /* @__PURE__ */ jsx(ItemContext$3.Provider, {
2008
2022
  value: itemProps,
2009
2023
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2018,7 +2032,7 @@ function OptionItem(props) {
2018
2032
  function Positioner$2(props) {
2019
2033
  const menu = use(RootContext$30);
2020
2034
  const { element, children, ...rest } = props;
2021
- const attributes = mergeProps(menu.getPositionerProps(), { className: classes.menu.positioner }, rest);
2035
+ const attributes = mergeProps(menu.getPositionerProps(), rest);
2022
2036
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2023
2037
  ...attributes,
2024
2038
  children
@@ -2095,7 +2109,7 @@ function Root$11(props) {
2095
2109
  function Separator$1(props) {
2096
2110
  const menu = use(RootContext$30);
2097
2111
  const { element, ...rest } = props;
2098
- const attributes = mergeProps(menu.getSeparatorProps(), { className: classes.menu.separator }, rest);
2112
+ const attributes = mergeProps(menu.getSeparatorProps(), rest);
2099
2113
  return element ? element(attributes) : /* @__PURE__ */ jsx("hr", { ...attributes });
2100
2114
  }
2101
2115
 
@@ -2105,7 +2119,7 @@ function TriggerItem(props) {
2105
2119
  const triggerItemProps = use(TriggerItemContext);
2106
2120
  const [itemProps, componentProps] = splitItemProps$4(props);
2107
2121
  const { element, children, ...rest } = componentProps;
2108
- const attributes = mergeProps(triggerItemProps, { className: classes.menu.item }, rest);
2122
+ const attributes = mergeProps(triggerItemProps, rest);
2109
2123
  return /* @__PURE__ */ jsx(ItemContext$3.Provider, {
2110
2124
  value: itemProps,
2111
2125
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2120,7 +2134,7 @@ function TriggerItem(props) {
2120
2134
  function Trigger$4(props) {
2121
2135
  const menu = use(RootContext$30);
2122
2136
  const { element, children, ...rest } = props;
2123
- const attributes = mergeProps(menu.getTriggerProps(), { className: classes.menu.trigger }, rest);
2137
+ const attributes = mergeProps(menu.getTriggerProps(), rest);
2124
2138
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
2125
2139
  ...attributes,
2126
2140
  children
@@ -2159,8 +2173,9 @@ function NavigationContent(props) {
2159
2173
  const { element, children, ...rest } = props;
2160
2174
  const navigation = use(RootContext$28);
2161
2175
  const attributes = mergeProps({
2162
- "data-layout": navigation.layout,
2163
- className: classes.navigation.content
2176
+ "data-scope": "navigation",
2177
+ "data-part": "content",
2178
+ "data-layout": navigation.layout
2164
2179
  }, rest);
2165
2180
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2166
2181
  ...attributes,
@@ -2174,8 +2189,9 @@ function NavigationFooter(props) {
2174
2189
  const { element, children, ...rest } = props;
2175
2190
  const navigation = use(RootContext$28);
2176
2191
  const attributes = mergeProps({
2177
- "data-layout": navigation.layout,
2178
- className: classes.navigation.footer
2192
+ "data-scope": "navigation",
2193
+ "data-part": "footer",
2194
+ "data-layout": navigation.layout
2179
2195
  }, rest);
2180
2196
  return element ? element(attributes) : /* @__PURE__ */ jsx("footer", {
2181
2197
  ...attributes,
@@ -2189,8 +2205,9 @@ function NavigationGroup(props) {
2189
2205
  const { element, children, ...rest } = props;
2190
2206
  const navigation = use(RootContext$28);
2191
2207
  const attributes = mergeProps({
2192
- "data-layout": navigation.layout,
2193
- className: classes.navigation.group
2208
+ "data-scope": "navigation",
2209
+ "data-part": "group",
2210
+ "data-layout": navigation.layout
2194
2211
  }, rest);
2195
2212
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2196
2213
  ...attributes,
@@ -2204,8 +2221,9 @@ function NavigationHeader(props) {
2204
2221
  const { element, children, ...rest } = props;
2205
2222
  const navigation = use(RootContext$28);
2206
2223
  const attributes = mergeProps({
2207
- "data-layout": navigation.layout,
2208
- className: classes.navigation.header
2224
+ "data-scope": "navigation",
2225
+ "data-part": "header",
2226
+ "data-layout": navigation.layout
2209
2227
  }, rest);
2210
2228
  return element ? element(attributes) : /* @__PURE__ */ jsx("header", {
2211
2229
  ...attributes,
@@ -2219,8 +2237,9 @@ function NavigationLabel(props) {
2219
2237
  const { element, children, ...rest } = props;
2220
2238
  const navigation = use(RootContext$28);
2221
2239
  const attributes = mergeProps({
2222
- "data-layout": navigation.layout,
2223
- className: classes.navigation.label
2240
+ "data-scope": "navigation",
2241
+ "data-part": "label",
2242
+ "data-layout": navigation.layout
2224
2243
  }, rest);
2225
2244
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2226
2245
  ...attributes,
@@ -2234,8 +2253,9 @@ function NavigationMenu(props) {
2234
2253
  const { element, children, ...rest } = props;
2235
2254
  const navigation = use(RootContext$28);
2236
2255
  const attributes = mergeProps({
2237
- "data-layout": navigation.layout,
2238
- className: classes.navigation.menu
2256
+ "data-scope": "navigation",
2257
+ "data-part": "menu",
2258
+ "data-layout": navigation.layout
2239
2259
  }, rest);
2240
2260
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2241
2261
  ...attributes,
@@ -2248,8 +2268,9 @@ function NavigationMenu(props) {
2248
2268
  function NavigationRoot(props) {
2249
2269
  const { layout = "bar", element, children, ...rest } = props;
2250
2270
  const attributes = mergeProps({
2251
- "data-layout": layout,
2252
- className: classes.navigation.root
2271
+ "data-scope": "navigation",
2272
+ "data-part": "root",
2273
+ "data-layout": layout
2253
2274
  }, rest);
2254
2275
  return /* @__PURE__ */ jsx(RootContext$28.Provider, {
2255
2276
  value: { layout },
@@ -2281,7 +2302,7 @@ function Ellipsis(props) {
2281
2302
  const pagination = use(RootContext$27);
2282
2303
  const [ellipsisProps, componentProps] = splitEllipsisProps(props);
2283
2304
  const { element, children, ...rest } = componentProps;
2284
- const attributes = mergeProps(pagination.getEllipsisProps(ellipsisProps), { className: classes.pagination.ellipsis }, rest);
2305
+ const attributes = mergeProps(pagination.getEllipsisProps(ellipsisProps), rest);
2285
2306
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
2286
2307
  ...attributes,
2287
2308
  children
@@ -2293,10 +2314,7 @@ function Ellipsis(props) {
2293
2314
  function FirstTrigger(props) {
2294
2315
  const pagination = use(RootContext$27);
2295
2316
  const { element, children, ...rest } = props;
2296
- const attributes = mergeProps({
2297
- className: classes.pagination.nextTrigger,
2298
- onClick: pagination.goToFirstPage
2299
- }, rest);
2317
+ const attributes = mergeProps({ onClick: pagination.goToFirstPage }, rest);
2300
2318
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
2301
2319
  ...attributes,
2302
2320
  children
@@ -2309,7 +2327,7 @@ function Item$6(props) {
2309
2327
  const pagination = use(RootContext$27);
2310
2328
  const [itemProps, componentProps] = splitItemProps$5(props);
2311
2329
  const { element, children, ...rest } = componentProps;
2312
- const attributes = mergeProps(pagination.getItemProps(itemProps), { className: classes.pagination.item }, rest);
2330
+ const attributes = mergeProps(pagination.getItemProps(itemProps), rest);
2313
2331
  return element ? element(attributes) : /* @__PURE__ */ jsx("a", {
2314
2332
  ...attributes,
2315
2333
  children
@@ -2321,10 +2339,7 @@ function Item$6(props) {
2321
2339
  function LastTrigger(props) {
2322
2340
  const pagination = use(RootContext$27);
2323
2341
  const { element, children, ...rest } = props;
2324
- const attributes = mergeProps({
2325
- className: classes.pagination.nextTrigger,
2326
- onClick: pagination.goToLastPage
2327
- }, rest);
2342
+ const attributes = mergeProps({ onClick: pagination.goToLastPage }, rest);
2328
2343
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
2329
2344
  ...attributes,
2330
2345
  children
@@ -2336,7 +2351,7 @@ function LastTrigger(props) {
2336
2351
  function NextTrigger$1(props) {
2337
2352
  const pagination = use(RootContext$27);
2338
2353
  const { element, children, ...rest } = props;
2339
- const attributes = mergeProps(pagination.getNextTriggerProps(), { className: classes.pagination.nextTrigger }, rest);
2354
+ const attributes = mergeProps(pagination.getNextTriggerProps(), rest);
2340
2355
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
2341
2356
  ...attributes,
2342
2357
  children
@@ -2348,7 +2363,7 @@ function NextTrigger$1(props) {
2348
2363
  function PrevTrigger$1(props) {
2349
2364
  const pagination = use(RootContext$27);
2350
2365
  const { element, children, ...rest } = props;
2351
- const attributes = mergeProps(pagination.getPrevTriggerProps(), { className: classes.pagination.prevTrigger }, rest);
2366
+ const attributes = mergeProps(pagination.getPrevTriggerProps(), rest);
2352
2367
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
2353
2368
  ...attributes,
2354
2369
  children
@@ -2367,7 +2382,7 @@ function RootContext$26(props) {
2367
2382
  //#region src/components/pagination/anatomy/root-provider.tsx
2368
2383
  function PaginationRootProvider(props) {
2369
2384
  const { element, children, value: pagination, ...rest } = props;
2370
- const attributes = mergeProps(pagination.getRootProps(), { className: classes.pagination.root }, rest);
2385
+ const attributes = mergeProps(pagination.getRootProps(), rest);
2371
2386
  return /* @__PURE__ */ jsx(RootContext$27.Provider, {
2372
2387
  value: pagination,
2373
2388
  children: element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
@@ -2392,7 +2407,7 @@ function PaginationRoot(props) {
2392
2407
  const [paginationProps, componentProps] = splitProps$10(props);
2393
2408
  const { element, children, ...rest } = componentProps;
2394
2409
  const pagination = usePagination(paginationProps);
2395
- const attributes = mergeProps(pagination.getRootProps(), { className: classes.pagination.root }, rest);
2410
+ const attributes = mergeProps(pagination.getRootProps(), rest);
2396
2411
  return /* @__PURE__ */ jsx(RootContext$27.Provider, {
2397
2412
  value: pagination,
2398
2413
  children: element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
@@ -2424,7 +2439,7 @@ const RootContext$25 = createContext$1();
2424
2439
  function Anchor(props) {
2425
2440
  const popover = use(RootContext$25);
2426
2441
  const { element, children, ...rest } = props;
2427
- const attributes = mergeProps(popover.getAnchorProps(), { className: classes.popover.anchor }, rest);
2442
+ const attributes = mergeProps(popover.getAnchorProps(), rest);
2428
2443
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2429
2444
  ...attributes,
2430
2445
  children
@@ -2436,7 +2451,7 @@ function Anchor(props) {
2436
2451
  function ArrowTip$1(props) {
2437
2452
  const popover = use(RootContext$25);
2438
2453
  const { element, children, ...rest } = props;
2439
- const attributes = mergeProps(popover.getArrowTipProps(), { className: classes.popover.arrowTip }, rest);
2454
+ const attributes = mergeProps(popover.getArrowTipProps(), rest);
2440
2455
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2441
2456
  ...attributes,
2442
2457
  children
@@ -2448,7 +2463,7 @@ function ArrowTip$1(props) {
2448
2463
  function Arrow$1(props) {
2449
2464
  const popover = use(RootContext$25);
2450
2465
  const { element, children, ...rest } = props;
2451
- const attributes = mergeProps(popover.getArrowProps(), { className: classes.popover.arrow }, rest);
2466
+ const attributes = mergeProps(popover.getArrowProps(), rest);
2452
2467
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2453
2468
  ...attributes,
2454
2469
  children
@@ -2460,7 +2475,7 @@ function Arrow$1(props) {
2460
2475
  function CloseTrigger$1(props) {
2461
2476
  const popover = use(RootContext$25);
2462
2477
  const { element, children, ...rest } = props;
2463
- const attributes = mergeProps(popover.getCloseTriggerProps(), { className: classes.popover.closeTrigger }, rest);
2478
+ const attributes = mergeProps(popover.getCloseTriggerProps(), rest);
2464
2479
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
2465
2480
  ...attributes,
2466
2481
  children
@@ -2472,7 +2487,7 @@ function CloseTrigger$1(props) {
2472
2487
  function Content$3(props) {
2473
2488
  const popover = use(RootContext$25);
2474
2489
  const { element, children, ...rest } = props;
2475
- const attributes = mergeProps(popover.getContentProps(), { className: classes.popover.content }, rest);
2490
+ const attributes = mergeProps(popover.getContentProps(), rest);
2476
2491
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2477
2492
  ...attributes,
2478
2493
  children
@@ -2484,7 +2499,7 @@ function Content$3(props) {
2484
2499
  function Description$1(props) {
2485
2500
  const popover = use(RootContext$25);
2486
2501
  const { element, children, ...rest } = props;
2487
- const attributes = mergeProps(popover.getDescriptionProps(), { className: classes.popover.description }, rest);
2502
+ const attributes = mergeProps(popover.getDescriptionProps(), rest);
2488
2503
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2489
2504
  ...attributes,
2490
2505
  children
@@ -2496,7 +2511,7 @@ function Description$1(props) {
2496
2511
  function Positioner$1(props) {
2497
2512
  const popover = use(RootContext$25);
2498
2513
  const { element, children, ...rest } = props;
2499
- const attributes = mergeProps(popover.getPositionerProps(), { className: classes.popover.positioner }, rest);
2514
+ const attributes = mergeProps(popover.getPositionerProps(), rest);
2500
2515
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2501
2516
  ...attributes,
2502
2517
  children
@@ -2547,7 +2562,7 @@ function Root$10(props) {
2547
2562
  function Title$1(props) {
2548
2563
  const popover = use(RootContext$25);
2549
2564
  const { element, children, ...rest } = props;
2550
- const attributes = mergeProps(popover.getTitleProps(), { className: classes.popover.title }, rest);
2565
+ const attributes = mergeProps(popover.getTitleProps(), rest);
2551
2566
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2552
2567
  ...attributes,
2553
2568
  children
@@ -2559,7 +2574,7 @@ function Title$1(props) {
2559
2574
  function Trigger$3(props) {
2560
2575
  const popover = use(RootContext$25);
2561
2576
  const { element, children, ...rest } = props;
2562
- const attributes = mergeProps(popover.getTriggerProps(), { className: classes.popover.trigger }, rest);
2577
+ const attributes = mergeProps(popover.getTriggerProps(), rest);
2563
2578
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
2564
2579
  ...attributes,
2565
2580
  children
@@ -2603,10 +2618,7 @@ const RootContext$23 = createContext$1();
2603
2618
  function CircleRange(props) {
2604
2619
  const progress = use(RootContext$23);
2605
2620
  const { element, ...rest } = props;
2606
- const attributes = mergeProps(progress.getCircleRangeProps(), {
2607
- className: classes.progress.circleRange,
2608
- strokeLinecap: "round"
2609
- }, rest);
2621
+ const attributes = mergeProps(progress.getCircleRangeProps(), { strokeLinecap: "round" }, rest);
2610
2622
  return element ? element(attributes) : /* @__PURE__ */ jsx("circle", { ...attributes });
2611
2623
  }
2612
2624
 
@@ -2615,7 +2627,7 @@ function CircleRange(props) {
2615
2627
  function CircleTrack(props) {
2616
2628
  const progress = use(RootContext$23);
2617
2629
  const { element, ...rest } = props;
2618
- const attributes = mergeProps(progress.getCircleTrackProps(), { className: classes.progress.circleTrack }, rest);
2630
+ const attributes = mergeProps(progress.getCircleTrackProps(), rest);
2619
2631
  return element ? element(attributes) : /* @__PURE__ */ jsx("circle", { ...attributes });
2620
2632
  }
2621
2633
 
@@ -2624,7 +2636,7 @@ function CircleTrack(props) {
2624
2636
  function Circle(props) {
2625
2637
  const progress = use(RootContext$23);
2626
2638
  const { element, children, ...rest } = props;
2627
- const attributes = mergeProps(progress.getCircleProps(), { className: classes.progress.circle }, rest);
2639
+ const attributes = mergeProps(progress.getCircleProps(), rest);
2628
2640
  return element ? element(attributes) : /* @__PURE__ */ jsx("svg", {
2629
2641
  ...attributes,
2630
2642
  children
@@ -2636,7 +2648,7 @@ function Circle(props) {
2636
2648
  function Label$6(props) {
2637
2649
  const progress = use(RootContext$23);
2638
2650
  const { element, children, ...rest } = props;
2639
- const attributes = mergeProps(progress.getLabelProps(), { className: classes.progress.label }, rest);
2651
+ const attributes = mergeProps(progress.getLabelProps(), rest);
2640
2652
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2641
2653
  ...attributes,
2642
2654
  children
@@ -2648,7 +2660,7 @@ function Label$6(props) {
2648
2660
  function Range$1(props) {
2649
2661
  const progress = use(RootContext$23);
2650
2662
  const { element, ...rest } = props;
2651
- const attributes = mergeProps(progress.getRangeProps(), { className: classes.progress.range }, rest);
2663
+ const attributes = mergeProps(progress.getRangeProps(), rest);
2652
2664
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
2653
2665
  }
2654
2666
 
@@ -2664,7 +2676,7 @@ function RootContext$22(props) {
2664
2676
  //#region src/components/progress/anatomy/root-provider.tsx
2665
2677
  function RootProvider$8(props) {
2666
2678
  const { element, children, value: progress, ...rest } = props;
2667
- const attributes = mergeProps(progress.getRootProps(), { className: classes.progress.root }, rest);
2679
+ const attributes = mergeProps(progress.getRootProps(), rest);
2668
2680
  return /* @__PURE__ */ jsx(RootContext$23.Provider, {
2669
2681
  value: progress,
2670
2682
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2689,7 +2701,7 @@ function Root$8(props) {
2689
2701
  const [progressProps, componentProps] = splitProps$12(props);
2690
2702
  const { element, children, ...rest } = componentProps;
2691
2703
  const progress = useProgress(progressProps);
2692
- const attributes = mergeProps(progress.getRootProps(), { className: classes.progress.root }, rest);
2704
+ const attributes = mergeProps(progress.getRootProps(), rest);
2693
2705
  return /* @__PURE__ */ jsx(RootContext$23.Provider, {
2694
2706
  value: progress,
2695
2707
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2704,7 +2716,7 @@ function Root$8(props) {
2704
2716
  function Track$1(props) {
2705
2717
  const progress = use(RootContext$23);
2706
2718
  const { element, children, ...rest } = props;
2707
- const attributes = mergeProps(progress.getTrackProps(), { className: classes.progress.track }, rest);
2719
+ const attributes = mergeProps(progress.getTrackProps(), rest);
2708
2720
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2709
2721
  ...attributes,
2710
2722
  children
@@ -2716,7 +2728,7 @@ function Track$1(props) {
2716
2728
  function ValueText$1(props) {
2717
2729
  const progress = use(RootContext$23);
2718
2730
  const { element, children, ...rest } = props;
2719
- const attributes = mergeProps(progress.getValueTextProps(), { className: classes.progress.valueText }, rest);
2731
+ const attributes = mergeProps(progress.getValueTextProps(), rest);
2720
2732
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
2721
2733
  ...attributes,
2722
2734
  children: children ?? progress.percentAsString
@@ -2746,7 +2758,7 @@ const RootContext$21 = createContext$1();
2746
2758
  function Control$4(props) {
2747
2759
  const ratingGroup = use(RootContext$21);
2748
2760
  const { element, children, ...rest } = props;
2749
- const attributes = mergeProps(ratingGroup.getControlProps(), { className: classes.ratingGroup.control }, rest);
2761
+ const attributes = mergeProps(ratingGroup.getControlProps(), rest);
2750
2762
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2751
2763
  ...attributes,
2752
2764
  children
@@ -2758,7 +2770,7 @@ function Control$4(props) {
2758
2770
  function HiddenInput$3(props) {
2759
2771
  const ratingGroup = use(RootContext$21);
2760
2772
  const { element, ...rest } = props;
2761
- const attributes = mergeProps(ratingGroup.getHiddenInputProps(), { className: classes.ratingGroup.hiddenInput }, rest);
2773
+ const attributes = mergeProps(ratingGroup.getHiddenInputProps(), rest);
2762
2774
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
2763
2775
  }
2764
2776
 
@@ -2847,7 +2859,7 @@ function Item$5(props) {
2847
2859
  const [itemProps, componentProps] = splitItemProps$6(props);
2848
2860
  const { element, children, empty = /* @__PURE__ */ jsx(StarEmpty, {}), half = /* @__PURE__ */ jsx(StarHalf, {}), full = /* @__PURE__ */ jsx(StarFull, {}), ...rest } = componentProps;
2849
2861
  const itemState = ratingGroup.getItemState(itemProps);
2850
- const attributes = mergeProps(ratingGroup.getItemProps(itemProps), { className: classes.ratingGroup.item }, rest);
2862
+ const attributes = mergeProps(ratingGroup.getItemProps(itemProps), rest);
2851
2863
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2852
2864
  ...attributes,
2853
2865
  children: children ? children : !itemState.highlighted ? empty : itemState.half ? half : full
@@ -2859,7 +2871,7 @@ function Item$5(props) {
2859
2871
  function Label$5(props) {
2860
2872
  const ratingGroup = use(RootContext$21);
2861
2873
  const { element, children, ...rest } = props;
2862
- const attributes = mergeProps(ratingGroup.getLabelProps(), { className: classes.ratingGroup.label }, rest);
2874
+ const attributes = mergeProps(ratingGroup.getLabelProps(), rest);
2863
2875
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
2864
2876
  ...attributes,
2865
2877
  children
@@ -2878,7 +2890,7 @@ function RootContext$20(props) {
2878
2890
  //#region src/components/rating-group/anatomy/root-provider.tsx
2879
2891
  function RootProvider$7(props) {
2880
2892
  const { element, children, value: ratingGroup, ...rest } = props;
2881
- const attributes = mergeProps(ratingGroup.getRootProps(), { className: classes.ratingGroup.root }, rest);
2893
+ const attributes = mergeProps(ratingGroup.getRootProps(), rest);
2882
2894
  return /* @__PURE__ */ jsx(RootContext$21.Provider, {
2883
2895
  value: ratingGroup,
2884
2896
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2903,7 +2915,7 @@ function Root$7(props) {
2903
2915
  const [ratingGroupProps, componentProps] = splitProps$13(props);
2904
2916
  const { element, children, ...rest } = componentProps;
2905
2917
  const ratingGroup = useRatingGroup(ratingGroupProps);
2906
- const attributes = mergeProps(ratingGroup.getRootProps(), { className: classes.ratingGroup.root }, rest);
2918
+ const attributes = mergeProps(ratingGroup.getRootProps(), rest);
2907
2919
  return /* @__PURE__ */ jsx(RootContext$21.Provider, {
2908
2920
  value: ratingGroup,
2909
2921
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -2928,7 +2940,10 @@ const RatingGroup = Object.assign(Root$7, {
2928
2940
  //#region src/components/segmented-control/anatomy/control.tsx
2929
2941
  function Control$3(props) {
2930
2942
  const { element, children, ...rest } = props;
2931
- const attributes = mergeProps({ className: classes.segmentedControl.control }, rest);
2943
+ const attributes = mergeProps({
2944
+ "data-scope": "radio-group",
2945
+ "data-part": "control"
2946
+ }, rest);
2932
2947
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
2933
2948
  ...attributes,
2934
2949
  children
@@ -2944,7 +2959,7 @@ const RootContext$19 = createContext$1();
2944
2959
  function Indicator$2(props) {
2945
2960
  const segmentedControl = use(RootContext$19);
2946
2961
  const { element, ...rest } = props;
2947
- const attributes = mergeProps(segmentedControl.getIndicatorProps(), { className: classes.segmentedControl.indicator }, rest);
2962
+ const attributes = mergeProps(segmentedControl.getIndicatorProps(), rest);
2948
2963
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
2949
2964
  }
2950
2965
 
@@ -2958,7 +2973,7 @@ function ItemHiddenInput(props) {
2958
2973
  const segmentedControl = use(RootContext$19);
2959
2974
  const itemProps = use(ItemContext$2);
2960
2975
  const { element, ...rest } = props;
2961
- const attributes = mergeProps(segmentedControl.getItemHiddenInputProps(itemProps), { className: classes.segmentedControl.itemHiddenInput }, rest);
2976
+ const attributes = mergeProps(segmentedControl.getItemHiddenInputProps(itemProps), rest);
2962
2977
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
2963
2978
  }
2964
2979
 
@@ -2968,7 +2983,7 @@ function ItemText$1(props) {
2968
2983
  const segmentedControl = use(RootContext$19);
2969
2984
  const itemProps = use(ItemContext$2);
2970
2985
  const { element, children, ...rest } = props;
2971
- const attributes = mergeProps(segmentedControl.getItemTextProps(itemProps), { className: classes.segmentedControl.itemText }, rest);
2986
+ const attributes = mergeProps(segmentedControl.getItemTextProps(itemProps), rest);
2972
2987
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
2973
2988
  ...attributes,
2974
2989
  children
@@ -2981,7 +2996,7 @@ function Item$4(props) {
2981
2996
  const segmentedControl = use(RootContext$19);
2982
2997
  const [itemProps, componentProps] = splitItemProps$7(props);
2983
2998
  const { element, children, ...rest } = componentProps;
2984
- const attributes = mergeProps(segmentedControl.getItemProps(itemProps), { className: classes.segmentedControl.item }, rest);
2999
+ const attributes = mergeProps(segmentedControl.getItemProps(itemProps), rest);
2985
3000
  return /* @__PURE__ */ jsx(ItemContext$2.Provider, {
2986
3001
  value: itemProps,
2987
3002
  children: element ? element(attributes) : /* @__PURE__ */ jsx("label", {
@@ -2996,7 +3011,7 @@ function Item$4(props) {
2996
3011
  function Label$4(props) {
2997
3012
  const segmentedControl = use(RootContext$19);
2998
3013
  const { element, children, ...rest } = props;
2999
- const attributes = mergeProps(segmentedControl.getLabelProps(), { className: classes.segmentedControl.label }, rest);
3014
+ const attributes = mergeProps(segmentedControl.getLabelProps(), rest);
3000
3015
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
3001
3016
  ...attributes,
3002
3017
  children
@@ -3015,7 +3030,7 @@ function RootContext$18(props) {
3015
3030
  //#region src/components/segmented-control/anatomy/root-provider.tsx
3016
3031
  function RootProvider$6(props) {
3017
3032
  const { element, children, value: segmentedControl, ...rest } = props;
3018
- const attributes = mergeProps(segmentedControl.getRootProps(), { className: classes.segmentedControl.root }, rest);
3033
+ const attributes = mergeProps(segmentedControl.getRootProps(), rest);
3019
3034
  return /* @__PURE__ */ jsx(RootContext$19.Provider, {
3020
3035
  value: segmentedControl,
3021
3036
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3041,7 +3056,7 @@ function Root$6(props) {
3041
3056
  const [segmentedControlProps, componentProps] = splitProps$14(props);
3042
3057
  const { element, children, ...rest } = componentProps;
3043
3058
  const segmentedControl = useSegmentedControl(segmentedControlProps);
3044
- const attributes = mergeProps(segmentedControl.getRootProps(), { className: classes.segmentedControl.root }, rest);
3059
+ const attributes = mergeProps(segmentedControl.getRootProps(), rest);
3045
3060
  return /* @__PURE__ */ jsx(RootContext$19.Provider, {
3046
3061
  value: segmentedControl,
3047
3062
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3073,7 +3088,7 @@ const RootContext$17 = createContext$1();
3073
3088
  function Control$2(props) {
3074
3089
  const slider = use(RootContext$17);
3075
3090
  const { element, children, ...rest } = props;
3076
- const attributes = mergeProps(slider.getControlProps(), { className: classes.slider.control }, rest);
3091
+ const attributes = mergeProps(slider.getControlProps(), rest);
3077
3092
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3078
3093
  ...attributes,
3079
3094
  children
@@ -3090,7 +3105,7 @@ function HiddenInput$2(props) {
3090
3105
  const slider = use(RootContext$17);
3091
3106
  const thumbProps = use(ThumbContext);
3092
3107
  const { element, ...rest } = props;
3093
- const attributes = mergeProps(slider.getHiddenInputProps(thumbProps), { className: classes.slider.hiddenInput }, rest);
3108
+ const attributes = mergeProps(slider.getHiddenInputProps(thumbProps), rest);
3094
3109
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
3095
3110
  }
3096
3111
 
@@ -3099,7 +3114,7 @@ function HiddenInput$2(props) {
3099
3114
  function Label$3(props) {
3100
3115
  const slider = use(RootContext$17);
3101
3116
  const { element, children, ...rest } = props;
3102
- const attributes = mergeProps(slider.getLabelProps(), { className: classes.slider.label }, rest);
3117
+ const attributes = mergeProps(slider.getLabelProps(), rest);
3103
3118
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
3104
3119
  ...attributes,
3105
3120
  children
@@ -3111,7 +3126,7 @@ function Label$3(props) {
3111
3126
  function MarkerGroup(props) {
3112
3127
  const slider = use(RootContext$17);
3113
3128
  const { element, children, ...rest } = props;
3114
- const attributes = mergeProps(slider.getMarkerGroupProps(), { className: classes.slider.markerGroup }, rest);
3129
+ const attributes = mergeProps(slider.getMarkerGroupProps(), rest);
3115
3130
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3116
3131
  ...attributes,
3117
3132
  children
@@ -3123,7 +3138,7 @@ function MarkerGroup(props) {
3123
3138
  function Marker(props) {
3124
3139
  const slider = use(RootContext$17);
3125
3140
  const { element, children, value, ...rest } = props;
3126
- const attributes = mergeProps(slider.getMarkerProps({ value }), { className: classes.slider.marker }, rest);
3141
+ const attributes = mergeProps(slider.getMarkerProps({ value }), rest);
3127
3142
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3128
3143
  ...attributes,
3129
3144
  children: children ?? value
@@ -3135,7 +3150,7 @@ function Marker(props) {
3135
3150
  function Range(props) {
3136
3151
  const slider = use(RootContext$17);
3137
3152
  const { element, children, ...rest } = props;
3138
- const attributes = mergeProps(slider.getRangeProps(), { className: classes.slider.range }, rest);
3153
+ const attributes = mergeProps(slider.getRangeProps(), rest);
3139
3154
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3140
3155
  ...attributes,
3141
3156
  children
@@ -3154,7 +3169,7 @@ function RootContext$16(props) {
3154
3169
  //#region src/components/slider/anatomy/root-provider.tsx
3155
3170
  function SliderRootProvider(props) {
3156
3171
  const { element, children, value: slider, ...rest } = props;
3157
- const attributes = mergeProps(slider.getRootProps(), { className: classes.slider.root }, rest);
3172
+ const attributes = mergeProps(slider.getRootProps(), rest);
3158
3173
  return /* @__PURE__ */ jsx(RootContext$17.Provider, {
3159
3174
  value: slider,
3160
3175
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3179,7 +3194,7 @@ function SliderRoot$1(props) {
3179
3194
  const [sliderProps, componentProps] = splitProps$15(props);
3180
3195
  const { element, children, ...rest } = componentProps;
3181
3196
  const slider = useSlider(sliderProps);
3182
- const attributes = mergeProps(slider.getRootProps(), { className: classes.slider.root }, rest);
3197
+ const attributes = mergeProps(slider.getRootProps(), rest);
3183
3198
  return /* @__PURE__ */ jsx(RootContext$17.Provider, {
3184
3199
  value: slider,
3185
3200
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3195,7 +3210,7 @@ function Thumb$1(props) {
3195
3210
  const slider = use(RootContext$17);
3196
3211
  const [thumbProps, componentProps] = splitThumbProps(props);
3197
3212
  const { element, children, ...rest } = componentProps;
3198
- const attributes = mergeProps(slider.getThumbProps(thumbProps), { className: classes.slider.thumb }, rest);
3213
+ const attributes = mergeProps(slider.getThumbProps(thumbProps), rest);
3199
3214
  return /* @__PURE__ */ jsx(ThumbContext.Provider, {
3200
3215
  value: thumbProps,
3201
3216
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3210,7 +3225,7 @@ function Thumb$1(props) {
3210
3225
  function Track(props) {
3211
3226
  const slider = use(RootContext$17);
3212
3227
  const { element, children, ...rest } = props;
3213
- const attributes = mergeProps(slider.getTrackProps(), { className: classes.slider.track }, rest);
3228
+ const attributes = mergeProps(slider.getTrackProps(), rest);
3214
3229
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3215
3230
  ...attributes,
3216
3231
  children
@@ -3222,7 +3237,7 @@ function Track(props) {
3222
3237
  function ValueText(props) {
3223
3238
  const slider = use(RootContext$17);
3224
3239
  const { element, children, ...rest } = props;
3225
- const attributes = mergeProps(slider.getValueTextProps(), { className: classes.slider.valueText }, rest);
3240
+ const attributes = mergeProps(slider.getValueTextProps(), rest);
3226
3241
  return element ? element(attributes) : /* @__PURE__ */ jsx("output", {
3227
3242
  ...attributes,
3228
3243
  children
@@ -3254,7 +3269,7 @@ const RootContext$15 = createContext$1();
3254
3269
  function Content$2(props) {
3255
3270
  const steps = use(RootContext$15);
3256
3271
  const { element, children, index, ...rest } = props;
3257
- const attributes = mergeProps(steps.getContentProps({ index }), { className: classes.steps.content }, rest);
3272
+ const attributes = mergeProps(steps.getContentProps({ index }), rest);
3258
3273
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3259
3274
  ...attributes,
3260
3275
  children
@@ -3271,7 +3286,7 @@ function Indicator$1(props) {
3271
3286
  const steps = use(RootContext$15);
3272
3287
  const itemProps = use(ItemContext$1);
3273
3288
  const { element, children, ...rest } = props;
3274
- const attributes = mergeProps(steps.getIndicatorProps(itemProps), { className: classes.steps.indicator }, rest);
3289
+ const attributes = mergeProps(steps.getIndicatorProps(itemProps), rest);
3275
3290
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3276
3291
  ...attributes,
3277
3292
  children
@@ -3284,7 +3299,7 @@ function Item$3(props) {
3284
3299
  const steps = use(RootContext$15);
3285
3300
  const { element, children, index, ...rest } = props;
3286
3301
  const itemProps = { index };
3287
- const attributes = mergeProps(steps.getItemProps(itemProps), { className: classes.steps.item }, rest);
3302
+ const attributes = mergeProps(steps.getItemProps(itemProps), rest);
3288
3303
  return /* @__PURE__ */ jsx(ItemContext$1.Provider, {
3289
3304
  value: itemProps,
3290
3305
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3299,7 +3314,7 @@ function Item$3(props) {
3299
3314
  function List$1(props) {
3300
3315
  const steps = use(RootContext$15);
3301
3316
  const { element, children, ...rest } = props;
3302
- const attributes = mergeProps(steps.getListProps(), { className: classes.steps.list }, rest);
3317
+ const attributes = mergeProps(steps.getListProps(), rest);
3303
3318
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3304
3319
  ...attributes,
3305
3320
  children
@@ -3311,7 +3326,7 @@ function List$1(props) {
3311
3326
  function NextTrigger(props) {
3312
3327
  const steps = use(RootContext$15);
3313
3328
  const { element, children, ...rest } = props;
3314
- const attributes = mergeProps(steps.getNextTriggerProps(), { className: classes.steps.nextTrigger }, rest);
3329
+ const attributes = mergeProps(steps.getNextTriggerProps(), rest);
3315
3330
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3316
3331
  ...attributes,
3317
3332
  children
@@ -3323,7 +3338,7 @@ function NextTrigger(props) {
3323
3338
  function PrevTrigger(props) {
3324
3339
  const steps = use(RootContext$15);
3325
3340
  const { element, children, ...rest } = props;
3326
- const attributes = mergeProps(steps.getPrevTriggerProps(), { className: classes.steps.prevTrigger }, rest);
3341
+ const attributes = mergeProps(steps.getPrevTriggerProps(), rest);
3327
3342
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3328
3343
  ...attributes,
3329
3344
  children
@@ -3342,7 +3357,7 @@ function RootContext$14(props) {
3342
3357
  //#region src/components/steps/anatomy/root-provider.tsx
3343
3358
  function RootProvider$5(props) {
3344
3359
  const { element, children, value: steps, ...rest } = props;
3345
- const attributes = mergeProps(steps.getRootProps(), { className: classes.steps.root }, rest);
3360
+ const attributes = mergeProps(steps.getRootProps(), rest);
3346
3361
  return /* @__PURE__ */ jsx(RootContext$15.Provider, {
3347
3362
  value: steps,
3348
3363
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3367,7 +3382,7 @@ function SliderRoot(props) {
3367
3382
  const [stepsProps, componentProps] = splitProps$16(props);
3368
3383
  const { element, children, ...rest } = componentProps;
3369
3384
  const steps = useSteps(stepsProps);
3370
- const attributes = mergeProps(steps.getRootProps(), { className: classes.steps.root }, rest);
3385
+ const attributes = mergeProps(steps.getRootProps(), rest);
3371
3386
  return /* @__PURE__ */ jsx(RootContext$15.Provider, {
3372
3387
  value: steps,
3373
3388
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3383,7 +3398,7 @@ function Separator(props) {
3383
3398
  const steps = use(RootContext$15);
3384
3399
  const itemProps = use(ItemContext$1);
3385
3400
  const { element, children, ...rest } = props;
3386
- const attributes = mergeProps(steps.getSeparatorProps(itemProps), { className: classes.steps.separator }, rest);
3401
+ const attributes = mergeProps(steps.getSeparatorProps(itemProps), rest);
3387
3402
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3388
3403
  ...attributes,
3389
3404
  children
@@ -3396,7 +3411,7 @@ function Trigger$2(props) {
3396
3411
  const steps = use(RootContext$15);
3397
3412
  const itemProps = use(ItemContext$1);
3398
3413
  const { element, children, ...rest } = props;
3399
- const attributes = mergeProps(steps.getTriggerProps(itemProps), { className: classes.steps.trigger }, rest);
3414
+ const attributes = mergeProps(steps.getTriggerProps(itemProps), rest);
3400
3415
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3401
3416
  ...attributes,
3402
3417
  children
@@ -3427,7 +3442,7 @@ const RootContext$13 = createContext$1();
3427
3442
  function Control$1(props) {
3428
3443
  const switch_ = use(RootContext$13);
3429
3444
  const { element, children, ...rest } = props;
3430
- const attributes = mergeProps(switch_.getControlProps(), { className: classes.switch.control }, rest);
3445
+ const attributes = mergeProps(switch_.getControlProps(), rest);
3431
3446
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
3432
3447
  ...attributes,
3433
3448
  children
@@ -3439,7 +3454,7 @@ function Control$1(props) {
3439
3454
  function HiddenInput$1(props) {
3440
3455
  const switch_ = use(RootContext$13);
3441
3456
  const { element, ...rest } = props;
3442
- const attributes = mergeProps(switch_.getHiddenInputProps(), { className: classes.switch.hiddenInput }, rest);
3457
+ const attributes = mergeProps(switch_.getHiddenInputProps(), rest);
3443
3458
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
3444
3459
  }
3445
3460
 
@@ -3448,7 +3463,7 @@ function HiddenInput$1(props) {
3448
3463
  function Label$2(props) {
3449
3464
  const switch_ = use(RootContext$13);
3450
3465
  const { element, children, ...rest } = props;
3451
- const attributes = mergeProps(switch_.getLabelProps(), { className: classes.switch.label }, rest);
3466
+ const attributes = mergeProps(switch_.getLabelProps(), rest);
3452
3467
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
3453
3468
  ...attributes,
3454
3469
  children
@@ -3467,7 +3482,7 @@ function RootContext$12(props) {
3467
3482
  //#region src/components/switch/anatomy/root-provider.tsx
3468
3483
  function RootProvider$4(props) {
3469
3484
  const { element, children, value: switch_, ...rest } = props;
3470
- const attributes = mergeProps(switch_.getRootProps(), { className: classes.switch.root }, rest);
3485
+ const attributes = mergeProps(switch_.getRootProps(), rest);
3471
3486
  return /* @__PURE__ */ jsx(RootContext$13.Provider, {
3472
3487
  value: switch_,
3473
3488
  children: element ? element(attributes) : /* @__PURE__ */ jsx("label", {
@@ -3492,7 +3507,7 @@ function Root$5(props) {
3492
3507
  const [switchProps, componentProps] = splitProps$17(props);
3493
3508
  const { element, children, ...rest } = componentProps;
3494
3509
  const switch_ = useSwitch(switchProps);
3495
- const attributes = mergeProps(switch_.getRootProps(), { className: classes.switch.root }, rest);
3510
+ const attributes = mergeProps(switch_.getRootProps(), rest);
3496
3511
  return /* @__PURE__ */ jsx(RootContext$13.Provider, {
3497
3512
  value: switch_,
3498
3513
  children: element ? element(attributes) : /* @__PURE__ */ jsx("label", {
@@ -3507,7 +3522,7 @@ function Root$5(props) {
3507
3522
  function Thumb(props) {
3508
3523
  const switch_ = use(RootContext$13);
3509
3524
  const { element, children, ...rest } = props;
3510
- const attributes = mergeProps(switch_.getThumbProps(), { className: classes.switch.thumb }, rest);
3525
+ const attributes = mergeProps(switch_.getThumbProps(), rest);
3511
3526
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
3512
3527
  ...attributes,
3513
3528
  children
@@ -3535,7 +3550,7 @@ function Content$1(props) {
3535
3550
  const tabs = use(RootContext$11);
3536
3551
  const [contentProps, componentProps] = splitContentProps(props);
3537
3552
  const { element, children, ...rest } = componentProps;
3538
- const attributes = mergeProps(tabs.getContentProps(contentProps), { className: classes.tabs.content }, rest);
3553
+ const attributes = mergeProps(tabs.getContentProps(contentProps), rest);
3539
3554
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3540
3555
  ...attributes,
3541
3556
  children
@@ -3547,7 +3562,7 @@ function Content$1(props) {
3547
3562
  function Indicator(props) {
3548
3563
  const tabs = use(RootContext$11);
3549
3564
  const { element, ...rest } = props;
3550
- const attributes = mergeProps(tabs.getIndicatorProps(), { className: classes.tabs.indicator }, rest);
3565
+ const attributes = mergeProps(tabs.getIndicatorProps(), rest);
3551
3566
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
3552
3567
  }
3553
3568
 
@@ -3556,7 +3571,7 @@ function Indicator(props) {
3556
3571
  function List(props) {
3557
3572
  const tabs = use(RootContext$11);
3558
3573
  const { element, children, ...rest } = props;
3559
- const attributes = mergeProps(tabs.getListProps(), { className: classes.tabs.list }, rest);
3574
+ const attributes = mergeProps(tabs.getListProps(), rest);
3560
3575
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3561
3576
  ...attributes,
3562
3577
  children
@@ -3575,7 +3590,7 @@ function RootContext$10(props) {
3575
3590
  //#region src/components/tabs/anatomy/root-provider.tsx
3576
3591
  function RootProvider$3(props) {
3577
3592
  const { element, children, value: tabs, ...rest } = props;
3578
- const attributes = mergeProps(tabs.getRootProps(), { className: classes.tabs.root }, rest);
3593
+ const attributes = mergeProps(tabs.getRootProps(), rest);
3579
3594
  return /* @__PURE__ */ jsx(RootContext$11.Provider, {
3580
3595
  value: tabs,
3581
3596
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3600,7 +3615,7 @@ function Root$4(props) {
3600
3615
  const [tabsProps, componentProps] = splitProps$18(props);
3601
3616
  const { element, children, ...rest } = componentProps;
3602
3617
  const tabs = useTabs(tabsProps);
3603
- const attributes = mergeProps(tabs.getRootProps(), { className: classes.tabs.root }, rest);
3618
+ const attributes = mergeProps(tabs.getRootProps(), rest);
3604
3619
  return /* @__PURE__ */ jsx(RootContext$11.Provider, {
3605
3620
  value: tabs,
3606
3621
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3616,7 +3631,7 @@ function Trigger$1(props) {
3616
3631
  const tabs = use(RootContext$11);
3617
3632
  const [triggerProps, componentProps] = splitTriggerProps(props);
3618
3633
  const { element, children, ...rest } = componentProps;
3619
- const attributes = mergeProps(tabs.getTriggerProps(triggerProps), { className: classes.tabs.trigger }, rest);
3634
+ const attributes = mergeProps(tabs.getTriggerProps(triggerProps), rest);
3620
3635
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3621
3636
  ...attributes,
3622
3637
  children
@@ -3643,7 +3658,7 @@ const RootContext$9 = createContext$1();
3643
3658
  function ClearTrigger(props) {
3644
3659
  const tagsInput = use(RootContext$9);
3645
3660
  const { element, children, ...rest } = props;
3646
- const attributes = mergeProps(tagsInput.getClearTriggerProps(), { className: classes.tagsInput.clearTrigger }, rest);
3661
+ const attributes = mergeProps(tagsInput.getClearTriggerProps(), rest);
3647
3662
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3648
3663
  ...attributes,
3649
3664
  children
@@ -3655,7 +3670,7 @@ function ClearTrigger(props) {
3655
3670
  function Control(props) {
3656
3671
  const tagsInput = use(RootContext$9);
3657
3672
  const { element, children, ...rest } = props;
3658
- const attributes = mergeProps(tagsInput.getControlProps(), { className: classes.tagsInput.control }, rest);
3673
+ const attributes = mergeProps(tagsInput.getControlProps(), rest);
3659
3674
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3660
3675
  ...attributes,
3661
3676
  children
@@ -3667,7 +3682,7 @@ function Control(props) {
3667
3682
  function HiddenInput(props) {
3668
3683
  const tagsInput = use(RootContext$9);
3669
3684
  const { element, ...rest } = props;
3670
- const attributes = mergeProps(tagsInput.getHiddenInputProps(), { className: classes.tagsInput.hiddenInput }, rest);
3685
+ const attributes = mergeProps(tagsInput.getHiddenInputProps(), rest);
3671
3686
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
3672
3687
  }
3673
3688
 
@@ -3676,7 +3691,7 @@ function HiddenInput(props) {
3676
3691
  function Input(props) {
3677
3692
  const tagsInput = use(RootContext$9);
3678
3693
  const { element, ...rest } = props;
3679
- const attributes = mergeProps(tagsInput.getInputProps(), { className: classes.tagsInput.input }, rest);
3694
+ const attributes = mergeProps(tagsInput.getInputProps(), rest);
3680
3695
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
3681
3696
  }
3682
3697
 
@@ -3690,7 +3705,7 @@ function ItemDeleteTrigger(props) {
3690
3705
  const tagsInput = use(RootContext$9);
3691
3706
  const itemProps = use(ItemContext);
3692
3707
  const { element, children = /* @__PURE__ */ jsx(Fragment, { children: "×" }), ...rest } = props;
3693
- const attributes = mergeProps(tagsInput.getItemDeleteTriggerProps(itemProps), { className: classes.tagsInput.itemDeleteTrigger }, rest);
3708
+ const attributes = mergeProps(tagsInput.getItemDeleteTriggerProps(itemProps), rest);
3694
3709
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3695
3710
  ...attributes,
3696
3711
  children
@@ -3703,7 +3718,7 @@ function ItemInput(props) {
3703
3718
  const tagsInput = use(RootContext$9);
3704
3719
  const itemProps = use(ItemContext);
3705
3720
  const { element, ...rest } = props;
3706
- const attributes = mergeProps(tagsInput.getItemInputProps(itemProps), { className: classes.tagsInput.itemInput }, rest);
3721
+ const attributes = mergeProps(tagsInput.getItemInputProps(itemProps), rest);
3707
3722
  return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
3708
3723
  }
3709
3724
 
@@ -3713,7 +3728,7 @@ function ItemPreview(props) {
3713
3728
  const tagsInput = use(RootContext$9);
3714
3729
  const itemProps = use(ItemContext);
3715
3730
  const { element, children, ...rest } = props;
3716
- const attributes = mergeProps(tagsInput.getItemPreviewProps(itemProps), { className: classes.tagsInput.itemPreview }, rest);
3731
+ const attributes = mergeProps(tagsInput.getItemPreviewProps(itemProps), rest);
3717
3732
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3718
3733
  ...attributes,
3719
3734
  children
@@ -3726,7 +3741,7 @@ function ItemText(props) {
3726
3741
  const tagsInput = use(RootContext$9);
3727
3742
  const itemProps = use(ItemContext);
3728
3743
  const { element, children, ...rest } = props;
3729
- const attributes = mergeProps(tagsInput.getItemTextProps(itemProps), { className: classes.tagsInput.itemText }, rest);
3744
+ const attributes = mergeProps(tagsInput.getItemTextProps(itemProps), rest);
3730
3745
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
3731
3746
  ...attributes,
3732
3747
  children
@@ -3739,7 +3754,7 @@ function Item$2(props) {
3739
3754
  const tagsInput = use(RootContext$9);
3740
3755
  const [itemProps, componentProps] = splitItemProps$8(props);
3741
3756
  const { element, children, ...rest } = componentProps;
3742
- const attributes = mergeProps(tagsInput.getItemProps(itemProps), { className: classes.tagsInput.item }, rest);
3757
+ const attributes = mergeProps(tagsInput.getItemProps(itemProps), rest);
3743
3758
  return /* @__PURE__ */ jsx(ItemContext.Provider, {
3744
3759
  value: itemProps,
3745
3760
  children: element ? element(attributes) : /* @__PURE__ */ jsx("span", {
@@ -3754,7 +3769,7 @@ function Item$2(props) {
3754
3769
  function Label$1(props) {
3755
3770
  const tagsInput = use(RootContext$9);
3756
3771
  const { element, children, ...rest } = props;
3757
- const attributes = mergeProps(tagsInput.getLabelProps(), { className: classes.tagsInput.label }, rest);
3772
+ const attributes = mergeProps(tagsInput.getLabelProps(), rest);
3758
3773
  return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
3759
3774
  ...attributes,
3760
3775
  children
@@ -3773,7 +3788,7 @@ function RootContext$8(props) {
3773
3788
  //#region src/components/tags-input/anatomy/root-provider.tsx
3774
3789
  function RootProvider$2(props) {
3775
3790
  const { element, children, value: tagsInput, ...rest } = props;
3776
- const attributes = mergeProps(tagsInput.getRootProps(), { className: classes.tagsInput.root }, rest);
3791
+ const attributes = mergeProps(tagsInput.getRootProps(), rest);
3777
3792
  return /* @__PURE__ */ jsx(RootContext$9.Provider, {
3778
3793
  value: tagsInput,
3779
3794
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3798,7 +3813,7 @@ function Root$3(props) {
3798
3813
  const [tagsInputProps, componentProps] = splitProps$19(props);
3799
3814
  const { element, children, ...rest } = componentProps;
3800
3815
  const tagsInput = useTagsInput(tagsInputProps);
3801
- const attributes = mergeProps(tagsInput.getRootProps(), { className: classes.tagsInput.root }, rest);
3816
+ const attributes = mergeProps(tagsInput.getRootProps(), rest);
3802
3817
  return /* @__PURE__ */ jsx(RootContext$9.Provider, {
3803
3818
  value: tagsInput,
3804
3819
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3834,7 +3849,7 @@ const RootContext$7 = createContext$1();
3834
3849
  function ActionTrigger(props) {
3835
3850
  const toast = use(RootContext$7);
3836
3851
  const { element, children, ...rest } = props;
3837
- const attributes = mergeProps(toast.getActionTriggerProps(), { className: classes.toast.actionTrigger }, rest);
3852
+ const attributes = mergeProps(toast.getActionTriggerProps(), rest);
3838
3853
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3839
3854
  ...attributes,
3840
3855
  children
@@ -3866,7 +3881,7 @@ function X(props) {
3866
3881
  function CloseTrigger(props) {
3867
3882
  const toast = use(RootContext$7);
3868
3883
  const { element, children = /* @__PURE__ */ jsx(X, {}), ...rest } = props;
3869
- const attributes = mergeProps(toast.getCloseTriggerProps(), { className: classes.toast.closeTrigger }, rest);
3884
+ const attributes = mergeProps(toast.getCloseTriggerProps(), rest);
3870
3885
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3871
3886
  ...attributes,
3872
3887
  children
@@ -3878,7 +3893,7 @@ function CloseTrigger(props) {
3878
3893
  function Description(props) {
3879
3894
  const toast = use(RootContext$7);
3880
3895
  const { element, children, ...rest } = props;
3881
- const attributes = mergeProps(toast.getDescriptionProps(), { className: classes.toast.description }, rest);
3896
+ const attributes = mergeProps(toast.getDescriptionProps(), rest);
3882
3897
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3883
3898
  ...attributes,
3884
3899
  children
@@ -3898,7 +3913,7 @@ function Group(props) {
3898
3913
  store: toaster
3899
3914
  });
3900
3915
  const api = group.connect(service, normalizeProps);
3901
- const attributes = mergeProps(api.getGroupProps(), { className: classes.toast.group }, rest);
3916
+ const attributes = mergeProps(api.getGroupProps(), rest);
3902
3917
  return /* @__PURE__ */ jsx(GroupContext.Provider, {
3903
3918
  value: service,
3904
3919
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -3912,7 +3927,10 @@ function Group(props) {
3912
3927
  //#region src/components/toast/anatomy/message.tsx
3913
3928
  function Message(props) {
3914
3929
  const { element, children, ...rest } = props;
3915
- const attributes = mergeProps({ className: classes.toast.message }, rest);
3930
+ const attributes = mergeProps({
3931
+ "data-scope": "toast",
3932
+ "data-part": "message"
3933
+ }, rest);
3916
3934
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3917
3935
  ...attributes,
3918
3936
  children
@@ -3936,7 +3954,7 @@ function Root$2(props) {
3936
3954
  ...toastProps,
3937
3955
  parent: group$1
3938
3956
  }), normalizeProps);
3939
- const attributes = mergeProps(toast.getRootProps(), { className: classes.toast.root }, rest);
3957
+ const attributes = mergeProps(toast.getRootProps(), rest);
3940
3958
  return /* @__PURE__ */ jsx(RootContext$7.Provider, {
3941
3959
  value: toast,
3942
3960
  children: element ? element(attributes) : /* @__PURE__ */ jsxs("div", {
@@ -3955,7 +3973,7 @@ function Root$2(props) {
3955
3973
  function Title(props) {
3956
3974
  const toast = use(RootContext$7);
3957
3975
  const { element, children, ...rest } = props;
3958
- const attributes = mergeProps(toast.getTitleProps(), { className: classes.toast.title }, rest);
3976
+ const attributes = mergeProps(toast.getTitleProps(), rest);
3959
3977
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
3960
3978
  ...attributes,
3961
3979
  children
@@ -3984,7 +4002,7 @@ function Item$1(props) {
3984
4002
  const toggleGroup = use(RootContext$5);
3985
4003
  const [itemProps, componentProps] = splitItemProps$9(props);
3986
4004
  const { element, children, ...rest } = componentProps;
3987
- const attributes = mergeProps(toggleGroup.getItemProps(itemProps), { className: classes.toggleGroup.item }, rest);
4005
+ const attributes = mergeProps(toggleGroup.getItemProps(itemProps), rest);
3988
4006
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
3989
4007
  ...attributes,
3990
4008
  children
@@ -4003,7 +4021,7 @@ function RootContext$4(props) {
4003
4021
  //#region src/components/toggle-group/anatomy/root-provider.tsx
4004
4022
  function ToggleGroupRootProvider(props) {
4005
4023
  const { element, children, value: toggleGroup, ...rest } = props;
4006
- const attributes = mergeProps(toggleGroup.getRootProps(), { className: classes.toggleGroup.root }, rest);
4024
+ const attributes = mergeProps(toggleGroup.getRootProps(), rest);
4007
4025
  return /* @__PURE__ */ jsx(RootContext$5.Provider, {
4008
4026
  value: toggleGroup,
4009
4027
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -4028,7 +4046,7 @@ function ToggleGroupRoot(props) {
4028
4046
  const [toggleGroupProps, componentProps] = splitProps$20(props);
4029
4047
  const { element, children, ...rest } = componentProps;
4030
4048
  const toggleGroup = useToggleGroup(toggleGroupProps);
4031
- const attributes = mergeProps(toggleGroup.getRootProps(), { className: classes.toggleGroup.root }, rest);
4049
+ const attributes = mergeProps(toggleGroup.getRootProps(), rest);
4032
4050
  return /* @__PURE__ */ jsx(RootContext$5.Provider, {
4033
4051
  value: toggleGroup,
4034
4052
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -4055,7 +4073,7 @@ const RootContext$3 = createContext$1();
4055
4073
  function ArrowTip(props) {
4056
4074
  const tooltip = use(RootContext$3);
4057
4075
  const { element, children, ...rest } = props;
4058
- const attributes = mergeProps(tooltip.getArrowTipProps(), { className: classes.tooltip.arrowTip }, rest);
4076
+ const attributes = mergeProps(tooltip.getArrowTipProps(), rest);
4059
4077
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
4060
4078
  ...attributes,
4061
4079
  children
@@ -4067,7 +4085,7 @@ function ArrowTip(props) {
4067
4085
  function Arrow(props) {
4068
4086
  const tooltip = use(RootContext$3);
4069
4087
  const { element, children, ...rest } = props;
4070
- const attributes = mergeProps(tooltip.getArrowProps(), { className: classes.tooltip.arrow }, rest);
4088
+ const attributes = mergeProps(tooltip.getArrowProps(), rest);
4071
4089
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
4072
4090
  ...attributes,
4073
4091
  children
@@ -4079,7 +4097,7 @@ function Arrow(props) {
4079
4097
  function Content(props) {
4080
4098
  const tooltip = use(RootContext$3);
4081
4099
  const { element, children, ...rest } = props;
4082
- const attributes = mergeProps(tooltip.getContentProps(), { className: classes.tooltip.content }, rest);
4100
+ const attributes = mergeProps(tooltip.getContentProps(), rest);
4083
4101
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
4084
4102
  ...attributes,
4085
4103
  children
@@ -4091,7 +4109,7 @@ function Content(props) {
4091
4109
  function Positioner(props) {
4092
4110
  const tooltip = use(RootContext$3);
4093
4111
  const { element, children, ...rest } = props;
4094
- const attributes = mergeProps(tooltip.getPositionerProps(), { className: classes.tooltip.positioner }, rest);
4112
+ const attributes = mergeProps(tooltip.getPositionerProps(), rest);
4095
4113
  return /* @__PURE__ */ jsx(Portal$1, { children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
4096
4114
  ...attributes,
4097
4115
  children
@@ -4142,7 +4160,7 @@ function Root$1(props) {
4142
4160
  function Trigger(props) {
4143
4161
  const tooltip = use(RootContext$3);
4144
4162
  const { element, children, ...rest } = props;
4145
- const attributes = mergeProps(tooltip.getTriggerProps(), { className: classes.tooltip.trigger }, rest);
4163
+ const attributes = mergeProps(tooltip.getTriggerProps(), rest);
4146
4164
  return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
4147
4165
  ...attributes,
4148
4166
  children
@@ -4175,7 +4193,7 @@ function BranchContent(props) {
4175
4193
  const treeView = use(RootContext$1);
4176
4194
  const nodeProps = use(NodeContext$1);
4177
4195
  const { element, children, ...rest } = props;
4178
- const attributes = mergeProps(treeView.getBranchContentProps(nodeProps), { className: classes.treeView.branchContent }, rest);
4196
+ const attributes = mergeProps(treeView.getBranchContentProps(nodeProps), rest);
4179
4197
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
4180
4198
  ...attributes,
4181
4199
  children
@@ -4188,7 +4206,7 @@ function BranchControl(props) {
4188
4206
  const treeView = use(RootContext$1);
4189
4207
  const nodeProps = use(NodeContext$1);
4190
4208
  const { element, children, ...rest } = props;
4191
- const attributes = mergeProps(treeView.getBranchControlProps(nodeProps), { className: classes.treeView.branchControl }, rest);
4209
+ const attributes = mergeProps(treeView.getBranchControlProps(nodeProps), rest);
4192
4210
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
4193
4211
  ...attributes,
4194
4212
  children
@@ -4201,7 +4219,7 @@ function BranchIndentGuide(props) {
4201
4219
  const treeView = use(RootContext$1);
4202
4220
  const nodeProps = use(NodeContext$1);
4203
4221
  const { element, children, ...rest } = props;
4204
- const attributes = mergeProps(treeView.getBranchIndentGuideProps(nodeProps), { className: classes.treeView.branchIndentGuide }, rest);
4222
+ const attributes = mergeProps(treeView.getBranchIndentGuideProps(nodeProps), rest);
4205
4223
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
4206
4224
  ...attributes,
4207
4225
  children
@@ -4214,7 +4232,7 @@ function BranchIndicator(props) {
4214
4232
  const treeView = use(RootContext$1);
4215
4233
  const nodeProps = use(NodeContext$1);
4216
4234
  const { element, children = /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" }), ...rest } = props;
4217
- const attributes = mergeProps(treeView.getBranchIndicatorProps(nodeProps), { className: classes.treeView.branchIndicator }, rest);
4235
+ const attributes = mergeProps(treeView.getBranchIndicatorProps(nodeProps), rest);
4218
4236
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
4219
4237
  ...attributes,
4220
4238
  children
@@ -4227,7 +4245,7 @@ function BranchText(props) {
4227
4245
  const treeView = use(RootContext$1);
4228
4246
  const nodeProps = use(NodeContext$1);
4229
4247
  const { element, children, ...rest } = props;
4230
- const attributes = mergeProps(treeView.getBranchTextProps(nodeProps), { className: classes.treeView.branchText }, rest);
4248
+ const attributes = mergeProps(treeView.getBranchTextProps(nodeProps), rest);
4231
4249
  return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
4232
4250
  ...attributes,
4233
4251
  children
@@ -4240,7 +4258,7 @@ function Branch(props) {
4240
4258
  const treeView = use(RootContext$1);
4241
4259
  const nodeProps = use(NodeContext$1);
4242
4260
  const { element, children, ...rest } = props;
4243
- const attributes = mergeProps(treeView.getBranchProps(nodeProps), { className: classes.treeView.branch }, rest);
4261
+ const attributes = mergeProps(treeView.getBranchProps(nodeProps), rest);
4244
4262
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
4245
4263
  ...attributes,
4246
4264
  children
@@ -4253,7 +4271,7 @@ function Item(props) {
4253
4271
  const treeView = use(RootContext$1);
4254
4272
  const nodeProps = use(NodeContext$1);
4255
4273
  const { element, children, ...rest } = props;
4256
- const attributes = mergeProps(treeView.getItemProps(nodeProps), { className: classes.treeView.item }, rest);
4274
+ const attributes = mergeProps(treeView.getItemProps(nodeProps), rest);
4257
4275
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
4258
4276
  ...attributes,
4259
4277
  children
@@ -4265,7 +4283,7 @@ function Item(props) {
4265
4283
  function Label(props) {
4266
4284
  const treeView = use(RootContext$1);
4267
4285
  const { element, children, level = 3, ...rest } = props;
4268
- const attributes = mergeProps(treeView.getLabelProps(), { className: classes.treeView.label }, rest);
4286
+ const attributes = mergeProps(treeView.getLabelProps(), rest);
4269
4287
  const Tag = `h${level}`;
4270
4288
  return element ? element(attributes) : /* @__PURE__ */ jsx(Tag, {
4271
4289
  ...attributes,
@@ -4303,7 +4321,7 @@ function RootContext(props) {
4303
4321
  //#region src/components/tree-view/anatomy/root-provider.tsx
4304
4322
  function RootProvider(props) {
4305
4323
  const { element, children, value: treeView, ...rest } = props;
4306
- const attributes = mergeProps(treeView.getRootProps(), { className: classes.treeView.root }, rest);
4324
+ const attributes = mergeProps(treeView.getRootProps(), rest);
4307
4325
  return /* @__PURE__ */ jsx(RootContext$1.Provider, {
4308
4326
  value: treeView,
4309
4327
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -4328,7 +4346,7 @@ function Root(props) {
4328
4346
  const [treeViewProps, componentProps] = splitProps$22(props);
4329
4347
  const { element, children, ...rest } = componentProps;
4330
4348
  const treeView = useTreeView(treeViewProps);
4331
- const attributes = mergeProps(treeView.getRootProps(), { className: classes.treeView.root }, rest);
4349
+ const attributes = mergeProps(treeView.getRootProps(), rest);
4332
4350
  return /* @__PURE__ */ jsx(RootContext$1.Provider, {
4333
4351
  value: treeView,
4334
4352
  children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -4343,7 +4361,7 @@ function Root(props) {
4343
4361
  function Tree(props) {
4344
4362
  const treeView = use(RootContext$1);
4345
4363
  const { element, children, ...rest } = props;
4346
- const attributes = mergeProps(treeView.getTreeProps(), { className: classes.treeView.tree }, rest);
4364
+ const attributes = mergeProps(treeView.getTreeProps(), rest);
4347
4365
  return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
4348
4366
  ...attributes,
4349
4367
  children