@wix/site-ui 1.188.0 → 1.190.0

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 (42) hide show
  1. package/dist/AlertDialog/index.js +7 -17
  2. package/dist/Autocomplete/index.js +16 -35
  3. package/dist/Avatar/index.js +3 -9
  4. package/dist/Collapsible/index.js +3 -9
  5. package/dist/Combobox/index.js +21 -41
  6. package/dist/ContextMenu/index.js +16 -33
  7. package/dist/Drawer/index.js +11 -23
  8. package/dist/Fieldset/index.js +2 -7
  9. package/dist/Form/index.js +1 -5
  10. package/dist/Menu/index.js +17 -35
  11. package/dist/Menubar/index.js +1 -5
  12. package/dist/Meter/index.js +5 -13
  13. package/dist/Popover/index.js +9 -20
  14. package/dist/PreviewCard/index.js +6 -8
  15. package/dist/Progress/index.js +5 -13
  16. package/dist/ScrollArea/index.js +6 -14
  17. package/dist/Slider/index.js +7 -17
  18. package/dist/Switch/index.js +2 -7
  19. package/dist/Toast/index.js +11 -1
  20. package/dist/Toolbar/index.js +6 -15
  21. package/dist/Tooltip/index.js +5 -12
  22. package/package.json +2 -2
  23. package/dist/AlertDialog/index.css +0 -60
  24. package/dist/Autocomplete/index.css +0 -222
  25. package/dist/Avatar/index.css +0 -32
  26. package/dist/Collapsible/index.css +0 -45
  27. package/dist/Combobox/index.css +0 -253
  28. package/dist/ContextMenu/index.css +0 -213
  29. package/dist/Drawer/index.css +0 -101
  30. package/dist/Fieldset/index.css +0 -24
  31. package/dist/Form/index.css +0 -7
  32. package/dist/Menu/index.css +0 -213
  33. package/dist/Menubar/index.css +0 -12
  34. package/dist/Meter/index.css +0 -38
  35. package/dist/Popover/index.css +0 -83
  36. package/dist/PreviewCard/index.css +0 -2
  37. package/dist/Progress/index.css +0 -36
  38. package/dist/ScrollArea/index.css +0 -47
  39. package/dist/Slider/index.css +0 -81
  40. package/dist/Switch/index.css +0 -60
  41. package/dist/Toolbar/index.css +0 -106
  42. package/dist/Tooltip/index.css +0 -84
@@ -1,5 +1,4 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { useRenderElement } from "../8272.js";
4
3
  import { FieldsetRootContext, useFieldsetRootContext } from "../353.js";
5
4
  import { useBaseUiId } from "../6046.js";
@@ -65,18 +64,14 @@ const FieldsetLegend_FieldsetLegend = /*#__PURE__*/ __rspack_external_react.forw
65
64
  return element;
66
65
  });
67
66
  if ("production" !== process.env.NODE_ENV) FieldsetLegend_FieldsetLegend.displayName = "FieldsetLegend";
68
- const Fieldset_module = {
69
- root: "root-v8M2Sx",
70
- legend: "legend-OVr_3r"
71
- };
72
67
  const Root = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(FieldsetRoot_FieldsetRoot, {
73
68
  ref: ref,
74
- className: clsx(Fieldset_module.root, className),
69
+ className: className,
75
70
  ...props
76
71
  }));
77
72
  const Legend = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(FieldsetLegend_FieldsetLegend, {
78
73
  ref: ref,
79
- className: clsx(Fieldset_module.legend, className),
74
+ className: className,
80
75
  ...props
81
76
  }));
82
77
  const Fieldset = {
@@ -1,5 +1,4 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { useStableCallback } from "../7541.js";
4
3
  import { useValueChanged } from "../2801.js";
5
4
  import { useRenderElement, EMPTY_OBJECT } from "../8272.js";
@@ -105,12 +104,9 @@ const Form_Form = /*#__PURE__*/ __rspack_external_react.forwardRef(function(comp
105
104
  });
106
105
  });
107
106
  if ("production" !== process.env.NODE_ENV) Form_Form.displayName = "Form";
108
- const Form_module = {
109
- root: "root-ontz3g"
110
- };
111
107
  const Form_Form_Form = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Form_Form, {
112
108
  ref: ref,
113
- className: clsx(Form_module.root, className),
109
+ className: className,
114
110
  ...props
115
111
  }));
116
112
  export { Form_Form_Form as Form };
@@ -1,5 +1,4 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { MenuBackdrop_MenuBackdrop, MenuGroupLabel_MenuGroupLabel, MenuLinkItem_MenuLinkItem, MenuArrow_MenuArrow, MenuItem_MenuItem, MenuPopup_MenuPopup, MenuPositioner_MenuPositioner, MenuRadioItem_MenuRadioItem, MenuSubmenuTrigger_MenuSubmenuTrigger, MenuSubmenuRoot, MenuGroup_MenuGroup, findRootOwnerId, useMenuRootContext, MenuStore, MenuPortal_MenuPortal, useContextMenuRootContext, MenuCheckboxItemIndicator_MenuCheckboxItemIndicator, MenuCheckboxItem_MenuCheckboxItem, useMenuPositionerContext, MenuRadioItemIndicator_MenuRadioItemIndicator, MenuRadioGroup_MenuRadioGroup, MenuRoot_MenuRoot } from "../6882.js";
4
3
  import { usePopupViewport } from "../8171.js";
5
4
  import { EMPTY_OBJECT, mergeProps, useRenderElement, esm_formatErrorMessage } from "../8272.js";
@@ -342,107 +341,90 @@ class MenuHandle {
342
341
  function createMenuHandle() {
343
342
  return new MenuHandle();
344
343
  }
345
- const Menu_module = {
346
- trigger: "trigger-OltV1Y",
347
- arrow: "arrow-ERrbkh",
348
- backdrop: "backdrop-ptwUkx",
349
- checkboxItem: "checkboxItem-U50JXJ",
350
- checkboxItemIndicator: "checkboxItemIndicator-Bs1QNS",
351
- groupLabel: "groupLabel-_L41zu",
352
- popup: "popup-VQm6g1",
353
- item: "item-toMw6N",
354
- linkItem: "linkItem-UZphBs",
355
- positioner: "positioner-hYbdIP",
356
- radioItem: "radioItem-xt5obc",
357
- radioItemIndicator: "radioItemIndicator-EfDBAO",
358
- submenuTrigger: "submenuTrigger-n7NBVv",
359
- separator: "separator-mmvmF_",
360
- viewport: "viewport-RskDAU"
361
- };
362
344
  const Arrow = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuArrow_MenuArrow, {
363
345
  ref: ref,
364
- className: clsx(Menu_module.arrow, className),
346
+ className: className,
365
347
  ...props
366
348
  }));
367
349
  const Backdrop = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuBackdrop_MenuBackdrop, {
368
350
  ref: ref,
369
- className: clsx(Menu_module.backdrop, className),
351
+ className: className,
370
352
  ...props
371
353
  }));
372
354
  const CheckboxItem = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuCheckboxItem_MenuCheckboxItem, {
373
355
  ref: ref,
374
- className: clsx(Menu_module.checkboxItem, className),
356
+ className: className,
375
357
  ...props
376
358
  }));
377
359
  const CheckboxItemIndicator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuCheckboxItemIndicator_MenuCheckboxItemIndicator, {
378
360
  ref: ref,
379
- className: clsx(Menu_module.checkboxItemIndicator, className),
361
+ className: className,
380
362
  ...props
381
363
  }));
382
364
  const Group = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuGroup_MenuGroup, {
383
365
  ref: ref,
384
- className: clsx(Menu_module.group, className),
366
+ className: className,
385
367
  ...props
386
368
  }));
387
369
  const GroupLabel = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuGroupLabel_MenuGroupLabel, {
388
370
  ref: ref,
389
- className: clsx(Menu_module.groupLabel, className),
371
+ className: className,
390
372
  ...props
391
373
  }));
392
374
  const Item = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuItem_MenuItem, {
393
375
  ref: ref,
394
- className: clsx(Menu_module.item, className),
376
+ className: className,
395
377
  ...props
396
378
  }));
397
379
  const LinkItem = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuLinkItem_MenuLinkItem, {
398
380
  ref: ref,
399
- className: clsx(Menu_module.linkItem, className),
381
+ className: className,
400
382
  ...props
401
383
  }));
402
384
  const Popup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuPopup_MenuPopup, {
403
385
  ref: ref,
404
- className: clsx(Menu_module.popup, className),
386
+ className: className,
405
387
  ...props
406
388
  }));
407
389
  const Positioner = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuPositioner_MenuPositioner, {
408
390
  ref: ref,
409
- className: clsx(Menu_module.positioner, className),
391
+ className: className,
410
392
  ...props
411
393
  }));
412
394
  const RadioGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuRadioGroup_MenuRadioGroup, {
413
395
  ref: ref,
414
- className: clsx(Menu_module.radioGroup, className),
396
+ className: className,
415
397
  ...props
416
398
  }));
417
399
  const RadioItem = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuRadioItem_MenuRadioItem, {
418
400
  ref: ref,
419
- className: clsx(Menu_module.radioItem, className),
401
+ className: className,
420
402
  ...props
421
403
  }));
422
404
  const RadioItemIndicator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuRadioItemIndicator_MenuRadioItemIndicator, {
423
405
  ref: ref,
424
- className: clsx(Menu_module.radioItemIndicator, className),
406
+ className: className,
425
407
  ...props
426
408
  }));
427
409
  const SubmenuTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuSubmenuTrigger_MenuSubmenuTrigger, {
428
410
  ref: ref,
429
- className: clsx(Menu_module.submenuTrigger, className),
411
+ className: className,
430
412
  ...props
431
413
  }));
432
414
  const Viewport = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MenuViewport_MenuViewport, {
433
415
  ref: ref,
434
- className: clsx(Menu_module.viewport, className),
416
+ className: className,
435
417
  ...props
436
418
  }));
437
419
  const Separator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator_Separator, {
438
420
  ref: ref,
439
- className: clsx(Menu_module.separator, className),
421
+ className: className,
440
422
  ...props
441
423
  }));
442
424
  function Trigger({ className, ...props }) {
443
425
  return /*#__PURE__*/ jsx(MenuTrigger_MenuTrigger, {
444
426
  ...props,
445
- className: clsx(Menu_module.trigger, className)
427
+ className: className
446
428
  });
447
429
  }
448
430
  const Menu = {
@@ -1,5 +1,4 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { useBaseUiId } from "../6046.js";
4
3
  import { MenubarContext, useMenubarContext } from "../7564.js";
5
4
  import { FloatingTree, FloatingNode, useFloatingTree, useFloatingNodeId } from "../285.js";
@@ -104,12 +103,9 @@ function MenubarContent(props) {
104
103
  children: props.children
105
104
  });
106
105
  }
107
- const Menubar_module = {
108
- root: "root-pDDSVW"
109
- };
110
106
  const Menubar_Menubar_Menubar = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Menubar_Menubar, {
111
107
  ref: ref,
112
- className: clsx(Menubar_module.root, className),
108
+ className: className,
113
109
  ...props
114
110
  }));
115
111
  export { Menubar_Menubar_Menubar as Menubar };
@@ -1,5 +1,4 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { useRenderElement, esm_formatErrorMessage } from "../8272.js";
4
3
  import { formatNumberValue } from "../6914.js";
5
4
  import { visuallyHidden } from "../8225.js";
@@ -122,36 +121,29 @@ const MeterLabel_MeterLabel = /*#__PURE__*/ __rspack_external_react.forwardRef(f
122
121
  });
123
122
  });
124
123
  if ("production" !== process.env.NODE_ENV) MeterLabel_MeterLabel.displayName = "MeterLabel";
125
- const Meter_module = {
126
- root: "root-bc9hfF",
127
- track: "track-BJK3T1",
128
- indicator: "indicator-YaPgI9",
129
- value: "value-Uz_0kH",
130
- label: "label-yJGBDG"
131
- };
132
124
  const Root = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MeterRoot_MeterRoot, {
133
125
  ref: ref,
134
- className: clsx(Meter_module.root, className),
126
+ className: className,
135
127
  ...props
136
128
  }));
137
129
  const Track = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MeterTrack_MeterTrack, {
138
130
  ref: ref,
139
- className: clsx(Meter_module.track, className),
131
+ className: className,
140
132
  ...props
141
133
  }));
142
134
  const Indicator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MeterIndicator_MeterIndicator, {
143
135
  ref: ref,
144
- className: clsx(Meter_module.indicator, className),
136
+ className: className,
145
137
  ...props
146
138
  }));
147
139
  const Value = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MeterValue_MeterValue, {
148
140
  ref: ref,
149
- className: clsx(Meter_module.value, className),
141
+ className: className,
150
142
  ...props
151
143
  }));
152
144
  const Label = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(MeterLabel_MeterLabel, {
153
145
  ref: ref,
154
- className: clsx(Meter_module.label, className),
146
+ className: className,
155
147
  ...props
156
148
  }));
157
149
  const Meter = {
@@ -1,5 +1,4 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { EMPTY_OBJECT, mergeProps, useRenderElement, esm_formatErrorMessage } from "../8272.js";
4
3
  import { FocusGuard_FocusGuard, CLICK_TRIGGER_IDENTIFIER, FloatingPortal_FloatingPortal, POPUP_COLLISION_AVOIDANCE } from "../487.js";
5
4
  import { useFloatingParentNodeId, FloatingNode, FloatingTree, useFloatingNodeId } from "../285.js";
@@ -779,60 +778,50 @@ class PopoverHandle {
779
778
  function createPopoverHandle() {
780
779
  return new PopoverHandle();
781
780
  }
782
- const Popover_module = {
783
- trigger: "trigger-jUfWGu",
784
- positioner: "positioner-t0X5uo",
785
- popup: "popup-Wrjs4v",
786
- arrow: "arrow-FmdRXW",
787
- backdrop: "backdrop-GyKZma",
788
- title: "title-kQ490g",
789
- description: "description-IgC4Ak",
790
- close: "close-rFxG1X"
791
- };
792
781
  const Positioner = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PopoverPositioner_PopoverPositioner, {
793
782
  ref: ref,
794
- className: clsx(Popover_module.positioner, className),
783
+ className: className,
795
784
  ...props
796
785
  }));
797
786
  const Popup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PopoverPopup_PopoverPopup, {
798
787
  ref: ref,
799
- className: clsx(Popover_module.popup, className),
788
+ className: className,
800
789
  ...props
801
790
  }));
802
791
  const Arrow = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PopoverArrow_PopoverArrow, {
803
792
  ref: ref,
804
- className: clsx(Popover_module.arrow, className),
793
+ className: className,
805
794
  ...props
806
795
  }));
807
796
  const Backdrop = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PopoverBackdrop_PopoverBackdrop, {
808
797
  ref: ref,
809
- className: clsx(Popover_module.backdrop, className),
798
+ className: className,
810
799
  ...props
811
800
  }));
812
801
  const Title = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PopoverTitle_PopoverTitle, {
813
802
  ref: ref,
814
- className: clsx(Popover_module.title, className),
803
+ className: className,
815
804
  ...props
816
805
  }));
817
806
  const Description = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PopoverDescription_PopoverDescription, {
818
807
  ref: ref,
819
- className: clsx(Popover_module.description, className),
808
+ className: className,
820
809
  ...props
821
810
  }));
822
811
  const Close = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PopoverClose_PopoverClose, {
823
812
  ref: ref,
824
- className: clsx(Popover_module.close, className),
813
+ className: className,
825
814
  ...props
826
815
  }));
827
816
  const Viewport = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PopoverViewport_PopoverViewport, {
828
817
  ref: ref,
829
- className: clsx(Popover_module.viewport, className),
818
+ className: className,
830
819
  ...props
831
820
  }));
832
821
  function Trigger({ className, ...props }) {
833
822
  return /*#__PURE__*/ jsx(PopoverTrigger_PopoverTrigger, {
834
823
  ...props,
835
- className: clsx(Popover_module.trigger, className)
824
+ className: className
836
825
  });
837
826
  }
838
827
  const Popover = {
@@ -1,5 +1,4 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { EMPTY_OBJECT, mergeProps, useRenderElement, esm_formatErrorMessage } from "../8272.js";
4
3
  import { isElement } from "../3829.js";
5
4
  import { POPUP_COLLISION_AVOIDANCE } from "../487.js";
@@ -669,36 +668,35 @@ class PreviewCardHandle {
669
668
  function createPreviewCardHandle() {
670
669
  return new PreviewCardHandle();
671
670
  }
672
- const PreviewCard_module = {};
673
671
  const Positioner = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PreviewCardPositioner_PreviewCardPositioner, {
674
672
  ref: ref,
675
- className: clsx(PreviewCard_module.positioner, className),
673
+ className: className,
676
674
  ...props
677
675
  }));
678
676
  const Popup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PreviewCardPopup_PreviewCardPopup, {
679
677
  ref: ref,
680
- className: clsx(PreviewCard_module.popup, className),
678
+ className: className,
681
679
  ...props
682
680
  }));
683
681
  const Arrow = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PreviewCardArrow_PreviewCardArrow, {
684
682
  ref: ref,
685
- className: clsx(PreviewCard_module.arrow, className),
683
+ className: className,
686
684
  ...props
687
685
  }));
688
686
  const Backdrop = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PreviewCardBackdrop_PreviewCardBackdrop, {
689
687
  ref: ref,
690
- className: clsx(PreviewCard_module.backdrop, className),
688
+ className: className,
691
689
  ...props
692
690
  }));
693
691
  const Viewport = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PreviewCardViewport_PreviewCardViewport, {
694
692
  ref: ref,
695
- className: clsx(PreviewCard_module.viewport, className),
693
+ className: className,
696
694
  ...props
697
695
  }));
698
696
  function Trigger({ className, ...props }) {
699
697
  return /*#__PURE__*/ jsx(PreviewCardTrigger_PreviewCardTrigger, {
700
698
  ...props,
701
- className: clsx(PreviewCard_module.trigger, className)
699
+ className: className
702
700
  });
703
701
  }
704
702
  const PreviewCard = {
@@ -1,5 +1,4 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { useRenderElement, esm_formatErrorMessage } from "../8272.js";
4
3
  import { useValueAsRef } from "../4707.js";
5
4
  import { formatNumberValue } from "../6914.js";
@@ -174,13 +173,6 @@ const ProgressLabel_ProgressLabel = /*#__PURE__*/ __rspack_external_react.forwar
174
173
  return element;
175
174
  });
176
175
  if ("production" !== process.env.NODE_ENV) ProgressLabel_ProgressLabel.displayName = "ProgressLabel";
177
- const Progress_module = {
178
- root: "root-VDHmKD",
179
- track: "track-_XqaKn",
180
- indicator: "indicator-lfO9jO",
181
- value: "value-SBk4OI",
182
- label: "label-HqgXxt"
183
- };
184
176
  const ProgressSize = {
185
177
  thin: 4,
186
178
  small: 6,
@@ -189,7 +181,7 @@ const ProgressSize = {
189
181
  };
190
182
  const Root = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, size = ProgressSize.small, style, ...props }, ref)=>/*#__PURE__*/ jsx(ProgressRoot_ProgressRoot, {
191
183
  ref: ref,
192
- className: clsx(Progress_module.root, className),
184
+ className: className,
193
185
  style: {
194
186
  '--progress-size': `${size}px`,
195
187
  ...style
@@ -198,22 +190,22 @@ const Root = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, size
198
190
  }));
199
191
  const Track = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ProgressTrack_ProgressTrack, {
200
192
  ref: ref,
201
- className: clsx(Progress_module.track, className),
193
+ className: className,
202
194
  ...props
203
195
  }));
204
196
  const Indicator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ProgressIndicator_ProgressIndicator, {
205
197
  ref: ref,
206
- className: clsx(Progress_module.indicator, className),
198
+ className: className,
207
199
  ...props
208
200
  }));
209
201
  const Value = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ProgressValue_ProgressValue, {
210
202
  ref: ref,
211
- className: clsx(Progress_module.value, className),
203
+ className: className,
212
204
  ...props
213
205
  }));
214
206
  const Label = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ProgressLabel_ProgressLabel, {
215
207
  ref: ref,
216
- className: clsx(Progress_module.label, className),
208
+ className: className,
217
209
  ...props
218
210
  }));
219
211
  const Progress = {
@@ -1,5 +1,4 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { useRenderElement, esm_formatErrorMessage } from "../8272.js";
4
3
  import { useBaseUiId } from "../6046.js";
5
4
  import { useTimeout } from "../42.js";
@@ -884,41 +883,34 @@ const ScrollAreaCorner_ScrollAreaCorner = /*#__PURE__*/ __rspack_external_react.
884
883
  return element;
885
884
  });
886
885
  if ("production" !== process.env.NODE_ENV) ScrollAreaCorner_ScrollAreaCorner.displayName = "ScrollAreaCorner";
887
- const ScrollArea_module = {
888
- root: "root-_9VjLl",
889
- viewport: "viewport-AtdxVk",
890
- scrollbar: "scrollbar-NftRcM",
891
- thumb: "thumb-qKKUxU",
892
- corner: "corner-Ev0G3O"
893
- };
894
886
  const Root = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaRoot_ScrollAreaRoot, {
895
887
  ref: ref,
896
- className: clsx(ScrollArea_module.root, className),
888
+ className: className,
897
889
  ...props
898
890
  }));
899
891
  const Viewport = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaViewport_ScrollAreaViewport, {
900
892
  ref: ref,
901
- className: clsx(ScrollArea_module.viewport, className),
893
+ className: className,
902
894
  ...props
903
895
  }));
904
896
  const Scrollbar = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaScrollbar_ScrollAreaScrollbar, {
905
897
  ref: ref,
906
- className: clsx(ScrollArea_module.scrollbar, className),
898
+ className: className,
907
899
  ...props
908
900
  }));
909
901
  const Content = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaContent_ScrollAreaContent, {
910
902
  ref: ref,
911
- className: clsx(ScrollArea_module.content, className),
903
+ className: className,
912
904
  ...props
913
905
  }));
914
906
  const Thumb = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaThumb_ScrollAreaThumb, {
915
907
  ref: ref,
916
- className: clsx(ScrollArea_module.thumb, className),
908
+ className: className,
917
909
  ...props
918
910
  }));
919
911
  const Corner = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaCorner_ScrollAreaCorner, {
920
912
  ref: ref,
921
- className: clsx(ScrollArea_module.corner, className),
913
+ className: className,
922
914
  ...props
923
915
  }));
924
916
  const ScrollArea = {
@@ -1,5 +1,4 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { warn, mergeProps, useMergedRefs, useRenderElement, esm_formatErrorMessage } from "../8272.js";
4
3
  import { useLabelableContext, fieldValidityMapping, useFieldRootContext } from "../1477.js";
5
4
  import { ownerDocument } from "../9829.js";
@@ -1190,15 +1189,6 @@ const SliderRoot_SliderRoot = /*#__PURE__*/ __rspack_external_react.forwardRef(f
1190
1189
  });
1191
1190
  });
1192
1191
  if ("production" !== process.env.NODE_ENV) SliderRoot_SliderRoot.displayName = "SliderRoot";
1193
- const Slider_module = {
1194
- root: "root-uI1zMj",
1195
- label: "label-MkH3nw",
1196
- value: "value-ZbXzRd",
1197
- control: "control-_J8a2_",
1198
- track: "track-WMB__l",
1199
- indicator: "indicator-uJyfNg",
1200
- thumb: "thumb-oReKer"
1201
- };
1202
1192
  const SliderSize = {
1203
1193
  small: 12,
1204
1194
  medium: 16,
@@ -1206,38 +1196,38 @@ const SliderSize = {
1206
1196
  };
1207
1197
  const Label = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SliderLabel_SliderLabel, {
1208
1198
  ref: ref,
1209
- className: clsx(Slider_module.label, className),
1199
+ className: className,
1210
1200
  ...props
1211
1201
  }));
1212
1202
  const Value = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SliderValue_SliderValue, {
1213
1203
  ref: ref,
1214
- className: clsx(Slider_module.value, className),
1204
+ className: className,
1215
1205
  ...props
1216
1206
  }));
1217
1207
  const Control = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SliderControl_SliderControl, {
1218
1208
  ref: ref,
1219
- className: clsx(Slider_module.control, className),
1209
+ className: className,
1220
1210
  ...props
1221
1211
  }));
1222
1212
  const Track = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SliderTrack_SliderTrack, {
1223
1213
  ref: ref,
1224
- className: clsx(Slider_module.track, className),
1214
+ className: className,
1225
1215
  ...props
1226
1216
  }));
1227
1217
  const Thumb = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SliderThumb_SliderThumb, {
1228
1218
  ref: ref,
1229
- className: clsx(Slider_module.thumb, className),
1219
+ className: className,
1230
1220
  ...props
1231
1221
  }));
1232
1222
  const Indicator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SliderIndicator_SliderIndicator, {
1233
1223
  ref: ref,
1234
- className: clsx(Slider_module.indicator, className),
1224
+ className: className,
1235
1225
  ...props
1236
1226
  }));
1237
1227
  function Root({ className, size = SliderSize.medium, style, ...props }) {
1238
1228
  return /*#__PURE__*/ jsx(SliderRoot_SliderRoot, {
1239
1229
  ...props,
1240
- className: clsx(Slider_module.root, className),
1230
+ className: className,
1241
1231
  style: {
1242
1232
  '--slider-size': `${size}px`,
1243
1233
  ...style
@@ -1,5 +1,4 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { EMPTY_OBJECT, mergeProps, useMergedRefs, useRenderElement, esm_formatErrorMessage } from "../8272.js";
4
3
  import { useLabelableContext, fieldValidityMapping, useFieldRootContext } from "../1477.js";
5
4
  import { useFormContext } from "../5085.js";
@@ -204,10 +203,6 @@ const SwitchThumb_SwitchThumb = /*#__PURE__*/ __rspack_external_react.forwardRef
204
203
  });
205
204
  });
206
205
  if ("production" !== process.env.NODE_ENV) SwitchThumb_SwitchThumb.displayName = "SwitchThumb";
207
- const Switch_module = {
208
- root: "root-jFySXM",
209
- thumb: "thumb-aDkgmk"
210
- };
211
206
  const SwitchSize = {
212
207
  small: {
213
208
  width: 36,
@@ -224,7 +219,7 @@ const SwitchSize = {
224
219
  };
225
220
  const Root = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, width = SwitchSize.medium.width, height = SwitchSize.medium.height, style, ...props }, ref)=>/*#__PURE__*/ jsx(SwitchRoot_SwitchRoot, {
226
221
  ref: ref,
227
- className: clsx(Switch_module.root, className),
222
+ className: className,
228
223
  style: {
229
224
  '--switch-width': `${width}px`,
230
225
  '--switch-height': `${height}px`,
@@ -235,7 +230,7 @@ const Root = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, widt
235
230
  }));
236
231
  const Thumb = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SwitchThumb_SwitchThumb, {
237
232
  ref: ref,
238
- className: clsx(Switch_module.thumb, className),
233
+ className: className,
239
234
  ...props
240
235
  }));
241
236
  const Switch = {
@@ -1,5 +1,4 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Close } from "@wix/wix-ui-icons-common/on-stage";
3
2
  import clsx from "clsx";
4
3
  import { useRefWithInit, useRenderElement, esm_formatErrorMessage } from "../8272.js";
5
4
  import { Timeout, useTimeout } from "../42.js";
@@ -1154,6 +1153,17 @@ const Toast_module = {
1154
1153
  title: "title-ECAZRW",
1155
1154
  close: "close-GX8r1b"
1156
1155
  };
1156
+ const Close = ({ size, ...props })=>/*#__PURE__*/ jsx("svg", {
1157
+ viewBox: "0 0 24 24",
1158
+ fill: "currentColor",
1159
+ width: size || '24',
1160
+ height: size || '24',
1161
+ ...props,
1162
+ children: /*#__PURE__*/ jsx("path", {
1163
+ fillRule: "evenodd",
1164
+ d: "M19.2928932,3.99989322 L20,4.707 L12.7068932,11.9998932 L20,19.2928932 L19.2928932,20 L11.9998932,12.7068932 L4.707,20 L3.99989322,19.2928932 L11.2928932,11.9998932 L3.99989322,4.707 L4.707,3.99989322 L11.9998932,11.2928932 L19.2928932,3.99989322 Z"
1165
+ })
1166
+ });
1157
1167
  function getSkinClassName(skin) {
1158
1168
  switch(skin){
1159
1169
  case 'success':