moduix 0.11.1 → 0.11.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 (143) hide show
  1. package/LICENSE.md +21 -0
  2. package/README.md +6 -3
  3. package/package.json +6 -6
  4. package/dist/_virtual/_rolldown/runtime.cjs +0 -23
  5. package/dist/components/Accordion/Accordion.cjs +0 -65
  6. package/dist/components/Accordion/Accordion.module.cjs +0 -12
  7. package/dist/components/Alert/Alert.cjs +0 -50
  8. package/dist/components/Alert/Alert.module.cjs +0 -11
  9. package/dist/components/AlertDialog/AlertDialog.cjs +0 -122
  10. package/dist/components/AlertDialog/AlertDialog.module.cjs +0 -18
  11. package/dist/components/AspectRatio/AspectRatio.cjs +0 -24
  12. package/dist/components/AspectRatio/AspectRatio.module.cjs +0 -5
  13. package/dist/components/Autocomplete/Autocomplete.cjs +0 -303
  14. package/dist/components/Autocomplete/Autocomplete.module.cjs +0 -37
  15. package/dist/components/Avatar/Avatar.cjs +0 -31
  16. package/dist/components/Avatar/Avatar.module.cjs +0 -9
  17. package/dist/components/Badge/Badge.cjs +0 -25
  18. package/dist/components/Badge/Badge.module.cjs +0 -8
  19. package/dist/components/Bleed/Bleed.cjs +0 -17
  20. package/dist/components/Bleed/Bleed.module.cjs +0 -5
  21. package/dist/components/Breadcrumbs/Breadcrumbs.cjs +0 -72
  22. package/dist/components/Breadcrumbs/Breadcrumbs.module.cjs +0 -13
  23. package/dist/components/Button/Button.cjs +0 -18
  24. package/dist/components/Button/Button.module.cjs +0 -5
  25. package/dist/components/Card/Card.cjs +0 -81
  26. package/dist/components/Card/Card.module.cjs +0 -14
  27. package/dist/components/Checkbox/Checkbox.cjs +0 -63
  28. package/dist/components/Checkbox/Checkbox.module.cjs +0 -13
  29. package/dist/components/CheckboxGroup/CheckboxGroup.cjs +0 -55
  30. package/dist/components/CheckboxGroup/CheckboxGroup.module.cjs +0 -11
  31. package/dist/components/CloseButton/CloseButton.cjs +0 -22
  32. package/dist/components/CloseButton/CloseButton.module.cjs +0 -5
  33. package/dist/components/Collapsible/Collapsible.cjs +0 -47
  34. package/dist/components/Collapsible/Collapsible.module.cjs +0 -10
  35. package/dist/components/Combobox/Combobox.cjs +0 -330
  36. package/dist/components/Combobox/Combobox.module.cjs +0 -42
  37. package/dist/components/CommandPalette/CommandPalette.cjs +0 -304
  38. package/dist/components/CommandPalette/CommandPalette.module.cjs +0 -30
  39. package/dist/components/Container/Container.cjs +0 -17
  40. package/dist/components/Container/Container.module.cjs +0 -5
  41. package/dist/components/ContextMenu/ContextMenu.cjs +0 -241
  42. package/dist/components/ContextMenu/ContextMenu.module.cjs +0 -33
  43. package/dist/components/CopyButton/CopyButton.cjs +0 -66
  44. package/dist/components/CopyButton/CopyButton.module.cjs +0 -5
  45. package/dist/components/Dialog/Dialog.cjs +0 -136
  46. package/dist/components/Dialog/Dialog.module.cjs +0 -18
  47. package/dist/components/Drawer/Drawer.cjs +0 -202
  48. package/dist/components/Drawer/Drawer.module.cjs +0 -24
  49. package/dist/components/Empty/Empty.cjs +0 -55
  50. package/dist/components/Empty/Empty.module.cjs +0 -12
  51. package/dist/components/Field/Field.cjs +0 -56
  52. package/dist/components/Field/Field.module.cjs +0 -12
  53. package/dist/components/Fieldset/Fieldset.cjs +0 -22
  54. package/dist/components/Fieldset/Fieldset.module.cjs +0 -8
  55. package/dist/components/Form/Form.cjs +0 -16
  56. package/dist/components/Form/Form.module.cjs +0 -5
  57. package/dist/components/Heading/Heading.cjs +0 -25
  58. package/dist/components/Heading/Heading.module.cjs +0 -5
  59. package/dist/components/Input/Input.cjs +0 -18
  60. package/dist/components/Input/Input.module.cjs +0 -5
  61. package/dist/components/InputGroup/InputGroup.cjs +0 -77
  62. package/dist/components/InputGroup/InputGroup.module.cjs +0 -11
  63. package/dist/components/Kbd/Kbd.cjs +0 -23
  64. package/dist/components/Kbd/Kbd.module.cjs +0 -8
  65. package/dist/components/Lightbox/Lightbox.cjs +0 -220
  66. package/dist/components/Lightbox/Lightbox.module.cjs +0 -14
  67. package/dist/components/List/List.cjs +0 -31
  68. package/dist/components/List/List.module.cjs +0 -5
  69. package/dist/components/Menu/Menu.cjs +0 -260
  70. package/dist/components/Menu/Menu.module.cjs +0 -36
  71. package/dist/components/Menubar/Menubar.cjs +0 -261
  72. package/dist/components/Menubar/Menubar.module.cjs +0 -36
  73. package/dist/components/Meter/Meter.cjs +0 -60
  74. package/dist/components/Meter/Meter.module.cjs +0 -11
  75. package/dist/components/NavigationMenu/NavigationMenu.cjs +0 -146
  76. package/dist/components/NavigationMenu/NavigationMenu.module.cjs +0 -21
  77. package/dist/components/NumberField/NumberField.cjs +0 -82
  78. package/dist/components/NumberField/NumberField.module.cjs +0 -13
  79. package/dist/components/OTPField/OTPField.cjs +0 -41
  80. package/dist/components/OTPField/OTPField.module.cjs +0 -9
  81. package/dist/components/Pagination/Pagination.cjs +0 -123
  82. package/dist/components/Pagination/Pagination.module.cjs +0 -16
  83. package/dist/components/PasswordInput/PasswordInput.cjs +0 -47
  84. package/dist/components/PasswordInput/PasswordInput.module.cjs +0 -9
  85. package/dist/components/Popover/Popover.cjs +0 -146
  86. package/dist/components/Popover/Popover.module.cjs +0 -22
  87. package/dist/components/PreviewCard/PreviewCard.cjs +0 -96
  88. package/dist/components/PreviewCard/PreviewCard.module.cjs +0 -16
  89. package/dist/components/Progress/Progress.cjs +0 -60
  90. package/dist/components/Progress/Progress.module.cjs +0 -12
  91. package/dist/components/Radio/Radio.cjs +0 -78
  92. package/dist/components/Radio/Radio.module.cjs +0 -14
  93. package/dist/components/Rating/Rating.cjs +0 -61
  94. package/dist/components/Rating/Rating.module.cjs +0 -9
  95. package/dist/components/ScrollArea/ScrollArea.cjs +0 -82
  96. package/dist/components/ScrollArea/ScrollArea.module.cjs +0 -12
  97. package/dist/components/Select/Select.cjs +0 -219
  98. package/dist/components/Select/Select.module.cjs +0 -33
  99. package/dist/components/Separator/Separator.cjs +0 -16
  100. package/dist/components/Separator/Separator.module.cjs +0 -5
  101. package/dist/components/Skeleton/Skeleton.cjs +0 -25
  102. package/dist/components/Skeleton/Skeleton.module.cjs +0 -5
  103. package/dist/components/Slider/Slider.cjs +0 -106
  104. package/dist/components/Slider/Slider.module.cjs +0 -13
  105. package/dist/components/SnapCarousel/SnapCarousel.cjs +0 -130
  106. package/dist/components/SnapCarousel/SnapCarousel.module.cjs +0 -13
  107. package/dist/components/Spinner/Spinner.cjs +0 -30
  108. package/dist/components/Spinner/Spinner.module.cjs +0 -9
  109. package/dist/components/SplitButton/SplitButton.cjs +0 -69
  110. package/dist/components/SplitButton/SplitButton.module.cjs +0 -9
  111. package/dist/components/Stack/Stack.cjs +0 -27
  112. package/dist/components/Stack/Stack.module.cjs +0 -5
  113. package/dist/components/Stepper/Stepper.cjs +0 -138
  114. package/dist/components/Stepper/Stepper.module.cjs +0 -14
  115. package/dist/components/Switch/Switch.cjs +0 -43
  116. package/dist/components/Switch/Switch.module.cjs +0 -10
  117. package/dist/components/Table/Table.cjs +0 -96
  118. package/dist/components/Table/Table.module.cjs +0 -18
  119. package/dist/components/Tabs/Tabs.cjs +0 -70
  120. package/dist/components/Tabs/Tabs.module.cjs +0 -11
  121. package/dist/components/Text/Text.cjs +0 -42
  122. package/dist/components/Text/Text.module.cjs +0 -5
  123. package/dist/components/Textarea/Textarea.cjs +0 -28
  124. package/dist/components/Textarea/Textarea.module.cjs +0 -5
  125. package/dist/components/Toast/Toast.cjs +0 -278
  126. package/dist/components/Toast/Toast.module.cjs +0 -26
  127. package/dist/components/Toggle/Toggle.cjs +0 -18
  128. package/dist/components/Toggle/Toggle.module.cjs +0 -5
  129. package/dist/components/ToggleGroup/ToggleGroup.cjs +0 -42
  130. package/dist/components/ToggleGroup/ToggleGroup.module.cjs +0 -8
  131. package/dist/components/Toolbar/Toolbar.cjs +0 -61
  132. package/dist/components/Toolbar/Toolbar.module.cjs +0 -12
  133. package/dist/components/Tooltip/Tooltip.cjs +0 -91
  134. package/dist/components/Tooltip/Tooltip.module.cjs +0 -15
  135. package/dist/icons/demo/Icons.cjs +0 -234
  136. package/dist/icons/ui/Icons.cjs +0 -324
  137. package/dist/index.cjs +0 -619
  138. package/dist/index.d.cts +0 -1
  139. package/dist/reset.cjs +0 -1
  140. package/dist/reset.d.cts +0 -1
  141. package/dist/style.cjs +0 -1
  142. package/dist/style.d.cts +0 -1
  143. package/dist/utils/mergeClassName.cjs +0 -8
@@ -1,219 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
3
- const require_Select_module = require("./Select.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let clsx = require("clsx");
6
- let _base_ui_react_select = require("@base-ui/react/select");
7
- //#region src/components/Select/Select.tsx
8
- const SELECT_CONTENT_SIDE_OFFSET = 8;
9
- const Select = _base_ui_react_select.Select.Root;
10
- function SelectField({ className, ...props }) {
11
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
12
- "data-slot": "select-field",
13
- className: (0, clsx.clsx)(require_Select_module.default.field, className),
14
- ...props
15
- });
16
- }
17
- function SelectLabel({ className, ...props }) {
18
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Label, {
19
- "data-slot": "select-label",
20
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.label),
21
- ...props
22
- });
23
- }
24
- function SelectTrigger({ className, ...props }) {
25
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Trigger, {
26
- "data-slot": "select-trigger",
27
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.trigger),
28
- ...props
29
- });
30
- }
31
- function SelectValue({ className, ...props }) {
32
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Value, {
33
- "data-slot": "select-value",
34
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.value),
35
- ...props
36
- });
37
- }
38
- function SelectIcon({ className, children, ...props }) {
39
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Icon, {
40
- "data-slot": "select-icon",
41
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.icon),
42
- ...props,
43
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronUpDownIcon, { className: require_Select_module.default.iconSvg })
44
- });
45
- }
46
- function SelectPortal(props) {
47
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Portal, {
48
- "data-slot": "select-portal",
49
- ...props
50
- });
51
- }
52
- function SelectBackdrop({ className, ...props }) {
53
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Backdrop, {
54
- "data-slot": "select-backdrop",
55
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.backdrop),
56
- ...props
57
- });
58
- }
59
- function SelectPositioner({ className, ...props }) {
60
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Positioner, {
61
- "data-slot": "select-positioner",
62
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.positioner),
63
- ...props
64
- });
65
- }
66
- function SelectPopup({ className, ...props }) {
67
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Popup, {
68
- "data-slot": "select-popup",
69
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.popup),
70
- ...props
71
- });
72
- }
73
- function SelectArrow({ className, children, ...props }) {
74
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Arrow, {
75
- "data-slot": "select-arrow",
76
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.arrow),
77
- ...props,
78
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, { className: require_Select_module.default.arrowSvg })
79
- });
80
- }
81
- function SelectContent({ className, children, showArrow = false, alignItemWithTrigger, side, sideOffset = SELECT_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }) {
82
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectPositioner, {
83
- alignItemWithTrigger,
84
- side,
85
- sideOffset,
86
- align,
87
- alignOffset,
88
- arrowPadding,
89
- collisionAvoidance,
90
- collisionBoundary,
91
- collisionPadding,
92
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SelectPopup, {
93
- className,
94
- ...popupProps,
95
- children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectArrow, {}) : null, children]
96
- })
97
- }) });
98
- }
99
- function SelectScrollUpArrow({ className, children, ...props }) {
100
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ScrollUpArrow, {
101
- "data-slot": "select-scroll-up-arrow",
102
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.scrollArrow),
103
- ...props,
104
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronUpIcon, { className: require_Select_module.default.scrollArrowIcon })
105
- });
106
- }
107
- function SelectScrollDownArrow({ className, children, ...props }) {
108
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ScrollDownArrow, {
109
- "data-slot": "select-scroll-down-arrow",
110
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.scrollArrow),
111
- ...props,
112
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronDownIcon, { className: require_Select_module.default.scrollArrowIcon })
113
- });
114
- }
115
- function SelectList({ className, ...props }) {
116
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.List, {
117
- "data-slot": "select-list",
118
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.list),
119
- ...props
120
- });
121
- }
122
- function SelectItem({ className, indicator, ...props }) {
123
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Item, {
124
- "data-slot": "select-item",
125
- "data-indicator-position": indicator,
126
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.item),
127
- ...props
128
- });
129
- }
130
- function SelectItemIndicator({ className, children, ...props }) {
131
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ItemIndicator, {
132
- "data-slot": "select-item-indicator",
133
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.itemIndicator),
134
- ...props,
135
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, { className: require_Select_module.default.itemIndicatorIcon })
136
- });
137
- }
138
- function SelectItemText({ className, ...props }) {
139
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ItemText, {
140
- "data-slot": "select-item-text",
141
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.itemText),
142
- ...props
143
- });
144
- }
145
- function SelectItemTextContent({ className, ...props }) {
146
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
147
- "data-slot": "select-item-text-content",
148
- className: (0, clsx.clsx)(require_Select_module.default.itemTextContent, className),
149
- ...props
150
- });
151
- }
152
- function SelectItemTextIcon({ className, ...props }) {
153
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
154
- "data-slot": "select-item-text-icon",
155
- className: (0, clsx.clsx)(require_Select_module.default.itemTextIcon, className),
156
- ...props
157
- });
158
- }
159
- function SelectItemTextLabel({ className, ...props }) {
160
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
161
- "data-slot": "select-item-text-label",
162
- className: (0, clsx.clsx)(require_Select_module.default.itemTextLabel, className),
163
- ...props
164
- });
165
- }
166
- function SelectSeparator({ className, ...props }) {
167
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Separator, {
168
- "data-slot": "select-separator",
169
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.separator),
170
- ...props
171
- });
172
- }
173
- function SelectGroup({ className, ...props }) {
174
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Group, {
175
- "data-slot": "select-group",
176
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.group),
177
- ...props
178
- });
179
- }
180
- function SelectGroupLabel({ className, ...props }) {
181
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.GroupLabel, {
182
- "data-slot": "select-group-label",
183
- className: require_mergeClassName.mergeClassName(className, require_Select_module.default.groupLabel),
184
- ...props
185
- });
186
- }
187
- function ArrowSvg(props) {
188
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
189
- fillClassName: require_Select_module.default.arrowFill,
190
- outerStrokeClassName: require_Select_module.default.arrowOuterStroke,
191
- innerStrokeClassName: require_Select_module.default.arrowInnerStroke,
192
- ...props
193
- });
194
- }
195
- //#endregion
196
- exports.Select = Select;
197
- exports.SelectArrow = SelectArrow;
198
- exports.SelectBackdrop = SelectBackdrop;
199
- exports.SelectContent = SelectContent;
200
- exports.SelectField = SelectField;
201
- exports.SelectGroup = SelectGroup;
202
- exports.SelectGroupLabel = SelectGroupLabel;
203
- exports.SelectIcon = SelectIcon;
204
- exports.SelectItem = SelectItem;
205
- exports.SelectItemIndicator = SelectItemIndicator;
206
- exports.SelectItemText = SelectItemText;
207
- exports.SelectItemTextContent = SelectItemTextContent;
208
- exports.SelectItemTextIcon = SelectItemTextIcon;
209
- exports.SelectItemTextLabel = SelectItemTextLabel;
210
- exports.SelectLabel = SelectLabel;
211
- exports.SelectList = SelectList;
212
- exports.SelectPopup = SelectPopup;
213
- exports.SelectPortal = SelectPortal;
214
- exports.SelectPositioner = SelectPositioner;
215
- exports.SelectScrollDownArrow = SelectScrollDownArrow;
216
- exports.SelectScrollUpArrow = SelectScrollUpArrow;
217
- exports.SelectSeparator = SelectSeparator;
218
- exports.SelectTrigger = SelectTrigger;
219
- exports.SelectValue = SelectValue;
@@ -1,33 +0,0 @@
1
- import './Select.css';
2
- //#region src/components/Select/Select.module.css
3
- var Select_module_default = {
4
- "arrow": "fT9mmG_arrow",
5
- "arrowFill": "fT9mmG_arrowFill",
6
- "arrowInnerStroke": "fT9mmG_arrowInnerStroke",
7
- "arrowOuterStroke": "fT9mmG_arrowOuterStroke",
8
- "arrowSvg": "fT9mmG_arrowSvg",
9
- "backdrop": "fT9mmG_backdrop",
10
- "field": "fT9mmG_field",
11
- "group": "fT9mmG_group",
12
- "groupLabel": "fT9mmG_groupLabel",
13
- "icon": "fT9mmG_icon",
14
- "iconSvg": "fT9mmG_iconSvg",
15
- "item": "fT9mmG_item",
16
- "itemIndicator": "fT9mmG_itemIndicator",
17
- "itemIndicatorIcon": "fT9mmG_itemIndicatorIcon",
18
- "itemText": "fT9mmG_itemText",
19
- "itemTextContent": "fT9mmG_itemTextContent",
20
- "itemTextIcon": "fT9mmG_itemTextIcon",
21
- "itemTextLabel": "fT9mmG_itemTextLabel",
22
- "label": "fT9mmG_label",
23
- "list": "fT9mmG_list",
24
- "popup": "fT9mmG_popup",
25
- "positioner": "fT9mmG_positioner",
26
- "scrollArrow": "fT9mmG_scrollArrow",
27
- "scrollArrowIcon": "fT9mmG_scrollArrowIcon",
28
- "separator": "fT9mmG_separator",
29
- "trigger": "fT9mmG_trigger",
30
- "value": "fT9mmG_value"
31
- };
32
- //#endregion
33
- exports.default = Select_module_default;
@@ -1,16 +0,0 @@
1
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
2
- const require_Separator_module = require("./Separator.module.cjs");
3
- let react_jsx_runtime = require("react/jsx-runtime");
4
- let react = require("react");
5
- let _base_ui_react_separator = require("@base-ui/react/separator");
6
- //#region src/components/Separator/Separator.tsx
7
- const Separator = (0, react.forwardRef)(function Separator({ className, ...props }, ref) {
8
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_separator.Separator, {
9
- ref,
10
- "data-slot": "separator-root",
11
- className: require_mergeClassName.mergeClassName(className, require_Separator_module.default.root),
12
- ...props
13
- });
14
- });
15
- //#endregion
16
- exports.Separator = Separator;
@@ -1,5 +0,0 @@
1
- import './Separator.css';
2
- //#region src/components/Separator/Separator.module.css
3
- var Separator_module_default = { "root": "_5f5eQa_root" };
4
- //#endregion
5
- exports.default = Separator_module_default;
@@ -1,25 +0,0 @@
1
- const require_Skeleton_module = require("./Skeleton.module.cjs");
2
- let react_jsx_runtime = require("react/jsx-runtime");
3
- let clsx = require("clsx");
4
- //#region src/components/Skeleton/Skeleton.tsx
5
- function toCssValue(value) {
6
- if (typeof value === "number") return `${value}px`;
7
- return value;
8
- }
9
- function Skeleton({ className, animated = true, style, width, height, radius, size, shape, ...props }) {
10
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
11
- "data-slot": "skeleton-root",
12
- "data-animated": animated ? "" : void 0,
13
- "aria-hidden": "true",
14
- className: (0, clsx.clsx)(require_Skeleton_module.default.root, className),
15
- style: {
16
- width: toCssValue(width ?? size),
17
- height: toCssValue(height ?? size),
18
- borderRadius: toCssValue(radius ?? (shape === "circle" ? "50%" : void 0)),
19
- ...style
20
- },
21
- ...props
22
- });
23
- }
24
- //#endregion
25
- exports.Skeleton = Skeleton;
@@ -1,5 +0,0 @@
1
- import './Skeleton.css';
2
- //#region src/components/Skeleton/Skeleton.module.css
3
- var Skeleton_module_default = { "root": "JIuY2W_root" };
4
- //#endregion
5
- exports.default = Skeleton_module_default;
@@ -1,106 +0,0 @@
1
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
2
- const require_Slider_module = require("./Slider.module.cjs");
3
- let react_jsx_runtime = require("react/jsx-runtime");
4
- let react = require("react");
5
- let _base_ui_react_slider = require("@base-ui/react/slider");
6
- //#region src/components/Slider/Slider.tsx
7
- const Slider = (0, react.forwardRef)(function Slider({ children, ...props }, ref) {
8
- const { content, thumbs } = splitSliderChildren(children);
9
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SliderRoot, {
10
- ref,
11
- ...props,
12
- children: [content, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderControl, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SliderTrack, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderIndicator, {}), thumbs] }) })]
13
- });
14
- });
15
- function splitSliderChildren(children) {
16
- const parts = {
17
- content: [],
18
- thumbs: []
19
- };
20
- const collectChildren = (nodes) => {
21
- react.Children.forEach(nodes, (child) => {
22
- if (!(0, react.isValidElement)(child)) {
23
- parts.content.push(child);
24
- return;
25
- }
26
- if (isReactFragment(child)) {
27
- collectChildren(child.props.children);
28
- return;
29
- }
30
- if (isSliderThumb(child)) {
31
- parts.thumbs.push(child);
32
- return;
33
- }
34
- parts.content.push(child);
35
- });
36
- };
37
- collectChildren(children);
38
- return parts;
39
- }
40
- const isReactFragment = (child) => (0, react.isValidElement)(child) && child.type === react.Fragment;
41
- const isSliderThumb = (child) => (0, react.isValidElement)(child) && child.type === SliderThumb;
42
- const SliderRoot = (0, react.forwardRef)(function SliderRoot({ className, ...props }, ref) {
43
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Root, {
44
- ref,
45
- "data-slot": "slider-root",
46
- className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.root),
47
- ...props
48
- });
49
- });
50
- const SliderLabel = (0, react.forwardRef)(function SliderLabel({ className, ...props }, ref) {
51
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Label, {
52
- ref,
53
- "data-slot": "slider-label",
54
- className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.label),
55
- ...props
56
- });
57
- });
58
- const SliderValue = (0, react.forwardRef)(function SliderValue({ className, ...props }, ref) {
59
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Value, {
60
- ref,
61
- "data-slot": "slider-value",
62
- className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.value),
63
- ...props
64
- });
65
- });
66
- const SliderControl = (0, react.forwardRef)(function SliderControl({ className, ...props }, ref) {
67
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Control, {
68
- ref,
69
- "data-slot": "slider-control",
70
- className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.control),
71
- ...props
72
- });
73
- });
74
- const SliderTrack = (0, react.forwardRef)(function SliderTrack({ className, ...props }, ref) {
75
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Track, {
76
- ref,
77
- "data-slot": "slider-track",
78
- className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.track),
79
- ...props
80
- });
81
- });
82
- const SliderIndicator = (0, react.forwardRef)(function SliderIndicator({ className, ...props }, ref) {
83
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Indicator, {
84
- ref,
85
- "data-slot": "slider-indicator",
86
- className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.indicator),
87
- ...props
88
- });
89
- });
90
- const SliderThumb = (0, react.forwardRef)(function SliderThumb({ className, ...props }, ref) {
91
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Thumb, {
92
- ref,
93
- "data-slot": "slider-thumb",
94
- className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.thumb),
95
- ...props
96
- });
97
- });
98
- //#endregion
99
- exports.Slider = Slider;
100
- exports.SliderControl = SliderControl;
101
- exports.SliderIndicator = SliderIndicator;
102
- exports.SliderLabel = SliderLabel;
103
- exports.SliderRoot = SliderRoot;
104
- exports.SliderThumb = SliderThumb;
105
- exports.SliderTrack = SliderTrack;
106
- exports.SliderValue = SliderValue;
@@ -1,13 +0,0 @@
1
- import './Slider.css';
2
- //#region src/components/Slider/Slider.module.css
3
- var Slider_module_default = {
4
- "control": "t5JdRq_control",
5
- "indicator": "t5JdRq_indicator",
6
- "label": "t5JdRq_label",
7
- "root": "t5JdRq_root",
8
- "thumb": "t5JdRq_thumb",
9
- "track": "t5JdRq_track",
10
- "value": "t5JdRq_value"
11
- };
12
- //#endregion
13
- exports.default = Slider_module_default;
@@ -1,130 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_SnapCarousel_module = require("./SnapCarousel.module.cjs");
3
- let react_jsx_runtime = require("react/jsx-runtime");
4
- let clsx = require("clsx");
5
- let react = require("react");
6
- //#region src/components/SnapCarousel/SnapCarousel.tsx
7
- const SnapCarouselContext = (0, react.createContext)(null);
8
- const SnapCarouselViewportPresenceContext = (0, react.createContext)(false);
9
- function useSnapCarouselContext(componentName) {
10
- const context = (0, react.useContext)(SnapCarouselContext);
11
- if (!context) throw new Error(`${componentName} must be used within SnapCarousel.`);
12
- return context;
13
- }
14
- function SnapCarousel({ align = "start", className, orientation = "horizontal", ...props }) {
15
- const viewportRef = (0, react.useRef)(null);
16
- const setViewport = (0, react.useCallback)((viewport) => {
17
- viewportRef.current = viewport;
18
- }, []);
19
- const scrollViewport = (0, react.useCallback)((direction) => {
20
- if (!viewportRef.current) return;
21
- const viewport = viewportRef.current;
22
- const distance = (orientation === "horizontal" ? viewport.clientWidth : viewport.clientHeight) * .85;
23
- const scrollDistance = direction === "previous" ? -distance : distance;
24
- viewport.scrollBy(orientation === "horizontal" ? {
25
- behavior: "smooth",
26
- left: scrollDistance
27
- } : {
28
- behavior: "smooth",
29
- top: scrollDistance
30
- });
31
- }, [orientation]);
32
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapCarouselContext.Provider, {
33
- value: {
34
- orientation,
35
- scrollViewport,
36
- setViewport
37
- },
38
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
39
- "data-slot": "snap-carousel-root",
40
- "data-align": align,
41
- "data-orientation": orientation,
42
- className: (0, clsx.clsx)(require_SnapCarousel_module.default.root, className),
43
- ...props
44
- })
45
- });
46
- }
47
- function SnapCarouselViewport({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, role, tabIndex = 0, ...props }) {
48
- const context = useSnapCarouselContext("SnapCarouselViewport");
49
- const resolvedRole = role ?? (ariaLabel || ariaLabelledBy ? "region" : void 0);
50
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapCarouselViewportPresenceContext.Provider, {
51
- value: true,
52
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
53
- "data-slot": "snap-carousel-viewport",
54
- "aria-label": ariaLabel,
55
- "aria-labelledby": ariaLabelledBy,
56
- role: resolvedRole,
57
- tabIndex,
58
- className: (0, clsx.clsx)(require_SnapCarousel_module.default.viewport, className),
59
- ...props,
60
- ref: context.setViewport
61
- })
62
- });
63
- }
64
- function SnapCarouselContent({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, className, itemClassName, onKeyDown, tabIndex, ...props }) {
65
- const isInsideViewport = (0, react.useContext)(SnapCarouselViewportPresenceContext);
66
- const contentChildren = isInsideViewport ? children : react.Children.map(children, (child) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapCarouselItem, {
67
- className: itemClassName,
68
- children: child
69
- }));
70
- const content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
71
- "data-slot": "snap-carousel-content",
72
- className: (0, clsx.clsx)(require_SnapCarousel_module.default.content, className),
73
- ...props,
74
- children: contentChildren
75
- });
76
- if (isInsideViewport) return content;
77
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapCarouselViewport, {
78
- "aria-describedby": ariaDescribedBy,
79
- "aria-label": ariaLabel,
80
- "aria-labelledby": ariaLabelledBy,
81
- tabIndex,
82
- onKeyDown,
83
- children: content
84
- });
85
- }
86
- function SnapCarouselItem({ className, ...props }) {
87
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
88
- "data-slot": "snap-carousel-item",
89
- className: (0, clsx.clsx)(require_SnapCarousel_module.default.item, className),
90
- ...props
91
- });
92
- }
93
- function SnapCarouselControl({ children, className, direction, onClick, type = "button", "aria-label": ariaLabel, ...props }) {
94
- const context = useSnapCarouselContext(direction === "previous" ? "SnapCarouselPrevious" : "SnapCarouselNext");
95
- const isPrevious = direction === "previous";
96
- const Icon = isPrevious ? context.orientation === "vertical" ? require_Icons.ChevronUpIcon : require_Icons.ChevronLeftIcon : context.orientation === "vertical" ? require_Icons.ChevronDownIcon : require_Icons.ChevronRightIcon;
97
- const handleClick = (event) => {
98
- onClick?.(event);
99
- if (event.defaultPrevented) return;
100
- context.scrollViewport(direction);
101
- };
102
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
103
- "data-slot": `snap-carousel-${direction}`,
104
- "aria-label": children ? ariaLabel : ariaLabel ?? (isPrevious ? "Previous slide" : "Next slide"),
105
- className: (0, clsx.clsx)(require_SnapCarousel_module.default.control, isPrevious ? require_SnapCarousel_module.default.previous : require_SnapCarousel_module.default.next, className),
106
- type,
107
- onClick: handleClick,
108
- ...props,
109
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {})
110
- });
111
- }
112
- function SnapCarouselPrevious(props) {
113
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapCarouselControl, {
114
- direction: "previous",
115
- ...props
116
- });
117
- }
118
- function SnapCarouselNext(props) {
119
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapCarouselControl, {
120
- direction: "next",
121
- ...props
122
- });
123
- }
124
- //#endregion
125
- exports.SnapCarousel = SnapCarousel;
126
- exports.SnapCarouselContent = SnapCarouselContent;
127
- exports.SnapCarouselItem = SnapCarouselItem;
128
- exports.SnapCarouselNext = SnapCarouselNext;
129
- exports.SnapCarouselPrevious = SnapCarouselPrevious;
130
- exports.SnapCarouselViewport = SnapCarouselViewport;
@@ -1,13 +0,0 @@
1
- import './SnapCarousel.css';
2
- //#region src/components/SnapCarousel/SnapCarousel.module.css
3
- var SnapCarousel_module_default = {
4
- "content": "_4RLCYW_content",
5
- "control": "_4RLCYW_control",
6
- "item": "_4RLCYW_item",
7
- "next": "_4RLCYW_next",
8
- "previous": "_4RLCYW_previous",
9
- "root": "_4RLCYW_root",
10
- "viewport": "_4RLCYW_viewport"
11
- };
12
- //#endregion
13
- exports.default = SnapCarousel_module_default;
@@ -1,30 +0,0 @@
1
- const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
2
- const require_Spinner_module = require("./Spinner.module.cjs");
3
- let react_jsx_runtime = require("react/jsx-runtime");
4
- let clsx = require("clsx");
5
- clsx = require_runtime.__toESM(clsx);
6
- //#region src/components/Spinner/Spinner.tsx
7
- function Spinner({ className, size = "md", decorative = false, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }) {
8
- const accessibleLabel = decorative ? void 0 : ariaLabel ?? (ariaLabelledBy ? void 0 : "Loading");
9
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
10
- ...props,
11
- "data-slot": "spinner-root",
12
- "data-size": size,
13
- role: decorative ? "presentation" : "status",
14
- "aria-hidden": decorative ? true : void 0,
15
- "aria-label": accessibleLabel,
16
- "aria-labelledby": decorative ? void 0 : ariaLabelledBy,
17
- className: (0, clsx.default)(require_Spinner_module.default.root, className),
18
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
19
- "data-slot": "spinner-indicator",
20
- className: require_Spinner_module.default.indicator,
21
- "aria-hidden": "true",
22
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
23
- "data-slot": "spinner-ring",
24
- className: require_Spinner_module.default.ring
25
- })
26
- })
27
- });
28
- }
29
- //#endregion
30
- exports.Spinner = Spinner;
@@ -1,9 +0,0 @@
1
- import './Spinner.css';
2
- //#region src/components/Spinner/Spinner.module.css
3
- var Spinner_module_default = {
4
- "indicator": "ofoevq_indicator",
5
- "ring": "ofoevq_ring",
6
- "root": "ofoevq_root"
7
- };
8
- //#endregion
9
- exports.default = Spinner_module_default;