@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.
- package/dist/AlertDialog/index.js +7 -17
- package/dist/Autocomplete/index.js +16 -35
- package/dist/Avatar/index.js +3 -9
- package/dist/Collapsible/index.js +3 -9
- package/dist/Combobox/index.js +21 -41
- package/dist/ContextMenu/index.js +16 -33
- package/dist/Drawer/index.js +11 -23
- package/dist/Fieldset/index.js +2 -7
- package/dist/Form/index.js +1 -5
- package/dist/Menu/index.js +17 -35
- package/dist/Menubar/index.js +1 -5
- package/dist/Meter/index.js +5 -13
- package/dist/Popover/index.js +9 -20
- package/dist/PreviewCard/index.js +6 -8
- package/dist/Progress/index.js +5 -13
- package/dist/ScrollArea/index.js +6 -14
- package/dist/Slider/index.js +7 -17
- package/dist/Switch/index.js +2 -7
- package/dist/Toast/index.js +11 -1
- package/dist/Toolbar/index.js +6 -15
- package/dist/Tooltip/index.js +5 -12
- package/package.json +2 -2
- package/dist/AlertDialog/index.css +0 -60
- package/dist/Autocomplete/index.css +0 -222
- package/dist/Avatar/index.css +0 -32
- package/dist/Collapsible/index.css +0 -45
- package/dist/Combobox/index.css +0 -253
- package/dist/ContextMenu/index.css +0 -213
- package/dist/Drawer/index.css +0 -101
- package/dist/Fieldset/index.css +0 -24
- package/dist/Form/index.css +0 -7
- package/dist/Menu/index.css +0 -213
- package/dist/Menubar/index.css +0 -12
- package/dist/Meter/index.css +0 -38
- package/dist/Popover/index.css +0 -83
- package/dist/PreviewCard/index.css +0 -2
- package/dist/Progress/index.css +0 -36
- package/dist/ScrollArea/index.css +0 -47
- package/dist/Slider/index.css +0 -81
- package/dist/Switch/index.css +0 -60
- package/dist/Toolbar/index.css +0 -106
- package/dist/Tooltip/index.css +0 -84
package/dist/Fieldset/index.js
CHANGED
|
@@ -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:
|
|
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:
|
|
74
|
+
className: className,
|
|
80
75
|
...props
|
|
81
76
|
}));
|
|
82
77
|
const Fieldset = {
|
package/dist/Form/index.js
CHANGED
|
@@ -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:
|
|
109
|
+
className: className,
|
|
114
110
|
...props
|
|
115
111
|
}));
|
|
116
112
|
export { Form_Form_Form as Form };
|
package/dist/Menu/index.js
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
427
|
+
className: className
|
|
446
428
|
});
|
|
447
429
|
}
|
|
448
430
|
const Menu = {
|
package/dist/Menubar/index.js
CHANGED
|
@@ -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:
|
|
108
|
+
className: className,
|
|
113
109
|
...props
|
|
114
110
|
}));
|
|
115
111
|
export { Menubar_Menubar_Menubar as Menubar };
|
package/dist/Meter/index.js
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
146
|
+
className: className,
|
|
155
147
|
...props
|
|
156
148
|
}));
|
|
157
149
|
const Meter = {
|
package/dist/Popover/index.js
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
699
|
+
className: className
|
|
702
700
|
});
|
|
703
701
|
}
|
|
704
702
|
const PreviewCard = {
|
package/dist/Progress/index.js
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
208
|
+
className: className,
|
|
217
209
|
...props
|
|
218
210
|
}));
|
|
219
211
|
const Progress = {
|
package/dist/ScrollArea/index.js
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
913
|
+
className: className,
|
|
922
914
|
...props
|
|
923
915
|
}));
|
|
924
916
|
const ScrollArea = {
|
package/dist/Slider/index.js
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
1230
|
+
className: className,
|
|
1241
1231
|
style: {
|
|
1242
1232
|
'--slider-size': `${size}px`,
|
|
1243
1233
|
...style
|
package/dist/Switch/index.js
CHANGED
|
@@ -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:
|
|
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:
|
|
233
|
+
className: className,
|
|
239
234
|
...props
|
|
240
235
|
}));
|
|
241
236
|
const Switch = {
|
package/dist/Toast/index.js
CHANGED
|
@@ -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':
|