moduix 0.11.1 → 0.11.3

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 (146) hide show
  1. package/LICENSE.md +21 -0
  2. package/README.md +6 -3
  3. package/dist/components/Field/Field.css +1 -0
  4. package/dist/components/Input/Input.css +16 -16
  5. package/dist/components/NavigationMenu/NavigationMenu.css +2 -1
  6. package/package.json +6 -6
  7. package/dist/_virtual/_rolldown/runtime.cjs +0 -23
  8. package/dist/components/Accordion/Accordion.cjs +0 -65
  9. package/dist/components/Accordion/Accordion.module.cjs +0 -12
  10. package/dist/components/Alert/Alert.cjs +0 -50
  11. package/dist/components/Alert/Alert.module.cjs +0 -11
  12. package/dist/components/AlertDialog/AlertDialog.cjs +0 -122
  13. package/dist/components/AlertDialog/AlertDialog.module.cjs +0 -18
  14. package/dist/components/AspectRatio/AspectRatio.cjs +0 -24
  15. package/dist/components/AspectRatio/AspectRatio.module.cjs +0 -5
  16. package/dist/components/Autocomplete/Autocomplete.cjs +0 -303
  17. package/dist/components/Autocomplete/Autocomplete.module.cjs +0 -37
  18. package/dist/components/Avatar/Avatar.cjs +0 -31
  19. package/dist/components/Avatar/Avatar.module.cjs +0 -9
  20. package/dist/components/Badge/Badge.cjs +0 -25
  21. package/dist/components/Badge/Badge.module.cjs +0 -8
  22. package/dist/components/Bleed/Bleed.cjs +0 -17
  23. package/dist/components/Bleed/Bleed.module.cjs +0 -5
  24. package/dist/components/Breadcrumbs/Breadcrumbs.cjs +0 -72
  25. package/dist/components/Breadcrumbs/Breadcrumbs.module.cjs +0 -13
  26. package/dist/components/Button/Button.cjs +0 -18
  27. package/dist/components/Button/Button.module.cjs +0 -5
  28. package/dist/components/Card/Card.cjs +0 -81
  29. package/dist/components/Card/Card.module.cjs +0 -14
  30. package/dist/components/Checkbox/Checkbox.cjs +0 -63
  31. package/dist/components/Checkbox/Checkbox.module.cjs +0 -13
  32. package/dist/components/CheckboxGroup/CheckboxGroup.cjs +0 -55
  33. package/dist/components/CheckboxGroup/CheckboxGroup.module.cjs +0 -11
  34. package/dist/components/CloseButton/CloseButton.cjs +0 -22
  35. package/dist/components/CloseButton/CloseButton.module.cjs +0 -5
  36. package/dist/components/Collapsible/Collapsible.cjs +0 -47
  37. package/dist/components/Collapsible/Collapsible.module.cjs +0 -10
  38. package/dist/components/Combobox/Combobox.cjs +0 -330
  39. package/dist/components/Combobox/Combobox.module.cjs +0 -42
  40. package/dist/components/CommandPalette/CommandPalette.cjs +0 -304
  41. package/dist/components/CommandPalette/CommandPalette.module.cjs +0 -30
  42. package/dist/components/Container/Container.cjs +0 -17
  43. package/dist/components/Container/Container.module.cjs +0 -5
  44. package/dist/components/ContextMenu/ContextMenu.cjs +0 -241
  45. package/dist/components/ContextMenu/ContextMenu.module.cjs +0 -33
  46. package/dist/components/CopyButton/CopyButton.cjs +0 -66
  47. package/dist/components/CopyButton/CopyButton.module.cjs +0 -5
  48. package/dist/components/Dialog/Dialog.cjs +0 -136
  49. package/dist/components/Dialog/Dialog.module.cjs +0 -18
  50. package/dist/components/Drawer/Drawer.cjs +0 -202
  51. package/dist/components/Drawer/Drawer.module.cjs +0 -24
  52. package/dist/components/Empty/Empty.cjs +0 -55
  53. package/dist/components/Empty/Empty.module.cjs +0 -12
  54. package/dist/components/Field/Field.cjs +0 -56
  55. package/dist/components/Field/Field.module.cjs +0 -12
  56. package/dist/components/Fieldset/Fieldset.cjs +0 -22
  57. package/dist/components/Fieldset/Fieldset.module.cjs +0 -8
  58. package/dist/components/Form/Form.cjs +0 -16
  59. package/dist/components/Form/Form.module.cjs +0 -5
  60. package/dist/components/Heading/Heading.cjs +0 -25
  61. package/dist/components/Heading/Heading.module.cjs +0 -5
  62. package/dist/components/Input/Input.cjs +0 -18
  63. package/dist/components/Input/Input.module.cjs +0 -5
  64. package/dist/components/InputGroup/InputGroup.cjs +0 -77
  65. package/dist/components/InputGroup/InputGroup.module.cjs +0 -11
  66. package/dist/components/Kbd/Kbd.cjs +0 -23
  67. package/dist/components/Kbd/Kbd.module.cjs +0 -8
  68. package/dist/components/Lightbox/Lightbox.cjs +0 -220
  69. package/dist/components/Lightbox/Lightbox.module.cjs +0 -14
  70. package/dist/components/List/List.cjs +0 -31
  71. package/dist/components/List/List.module.cjs +0 -5
  72. package/dist/components/Menu/Menu.cjs +0 -260
  73. package/dist/components/Menu/Menu.module.cjs +0 -36
  74. package/dist/components/Menubar/Menubar.cjs +0 -261
  75. package/dist/components/Menubar/Menubar.module.cjs +0 -36
  76. package/dist/components/Meter/Meter.cjs +0 -60
  77. package/dist/components/Meter/Meter.module.cjs +0 -11
  78. package/dist/components/NavigationMenu/NavigationMenu.cjs +0 -146
  79. package/dist/components/NavigationMenu/NavigationMenu.module.cjs +0 -21
  80. package/dist/components/NumberField/NumberField.cjs +0 -82
  81. package/dist/components/NumberField/NumberField.module.cjs +0 -13
  82. package/dist/components/OTPField/OTPField.cjs +0 -41
  83. package/dist/components/OTPField/OTPField.module.cjs +0 -9
  84. package/dist/components/Pagination/Pagination.cjs +0 -123
  85. package/dist/components/Pagination/Pagination.module.cjs +0 -16
  86. package/dist/components/PasswordInput/PasswordInput.cjs +0 -47
  87. package/dist/components/PasswordInput/PasswordInput.module.cjs +0 -9
  88. package/dist/components/Popover/Popover.cjs +0 -146
  89. package/dist/components/Popover/Popover.module.cjs +0 -22
  90. package/dist/components/PreviewCard/PreviewCard.cjs +0 -96
  91. package/dist/components/PreviewCard/PreviewCard.module.cjs +0 -16
  92. package/dist/components/Progress/Progress.cjs +0 -60
  93. package/dist/components/Progress/Progress.module.cjs +0 -12
  94. package/dist/components/Radio/Radio.cjs +0 -78
  95. package/dist/components/Radio/Radio.module.cjs +0 -14
  96. package/dist/components/Rating/Rating.cjs +0 -61
  97. package/dist/components/Rating/Rating.module.cjs +0 -9
  98. package/dist/components/ScrollArea/ScrollArea.cjs +0 -82
  99. package/dist/components/ScrollArea/ScrollArea.module.cjs +0 -12
  100. package/dist/components/Select/Select.cjs +0 -219
  101. package/dist/components/Select/Select.module.cjs +0 -33
  102. package/dist/components/Separator/Separator.cjs +0 -16
  103. package/dist/components/Separator/Separator.module.cjs +0 -5
  104. package/dist/components/Skeleton/Skeleton.cjs +0 -25
  105. package/dist/components/Skeleton/Skeleton.module.cjs +0 -5
  106. package/dist/components/Slider/Slider.cjs +0 -106
  107. package/dist/components/Slider/Slider.module.cjs +0 -13
  108. package/dist/components/SnapCarousel/SnapCarousel.cjs +0 -130
  109. package/dist/components/SnapCarousel/SnapCarousel.module.cjs +0 -13
  110. package/dist/components/Spinner/Spinner.cjs +0 -30
  111. package/dist/components/Spinner/Spinner.module.cjs +0 -9
  112. package/dist/components/SplitButton/SplitButton.cjs +0 -69
  113. package/dist/components/SplitButton/SplitButton.module.cjs +0 -9
  114. package/dist/components/Stack/Stack.cjs +0 -27
  115. package/dist/components/Stack/Stack.module.cjs +0 -5
  116. package/dist/components/Stepper/Stepper.cjs +0 -138
  117. package/dist/components/Stepper/Stepper.module.cjs +0 -14
  118. package/dist/components/Switch/Switch.cjs +0 -43
  119. package/dist/components/Switch/Switch.module.cjs +0 -10
  120. package/dist/components/Table/Table.cjs +0 -96
  121. package/dist/components/Table/Table.module.cjs +0 -18
  122. package/dist/components/Tabs/Tabs.cjs +0 -70
  123. package/dist/components/Tabs/Tabs.module.cjs +0 -11
  124. package/dist/components/Text/Text.cjs +0 -42
  125. package/dist/components/Text/Text.module.cjs +0 -5
  126. package/dist/components/Textarea/Textarea.cjs +0 -28
  127. package/dist/components/Textarea/Textarea.module.cjs +0 -5
  128. package/dist/components/Toast/Toast.cjs +0 -278
  129. package/dist/components/Toast/Toast.module.cjs +0 -26
  130. package/dist/components/Toggle/Toggle.cjs +0 -18
  131. package/dist/components/Toggle/Toggle.module.cjs +0 -5
  132. package/dist/components/ToggleGroup/ToggleGroup.cjs +0 -42
  133. package/dist/components/ToggleGroup/ToggleGroup.module.cjs +0 -8
  134. package/dist/components/Toolbar/Toolbar.cjs +0 -61
  135. package/dist/components/Toolbar/Toolbar.module.cjs +0 -12
  136. package/dist/components/Tooltip/Tooltip.cjs +0 -91
  137. package/dist/components/Tooltip/Tooltip.module.cjs +0 -15
  138. package/dist/icons/demo/Icons.cjs +0 -234
  139. package/dist/icons/ui/Icons.cjs +0 -324
  140. package/dist/index.cjs +0 -619
  141. package/dist/index.d.cts +0 -1
  142. package/dist/reset.cjs +0 -1
  143. package/dist/reset.d.cts +0 -1
  144. package/dist/style.cjs +0 -1
  145. package/dist/style.d.cts +0 -1
  146. 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;