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,63 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
3
- const require_Checkbox_module = require("./Checkbox.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let clsx = require("clsx");
6
- let react = require("react");
7
- let _base_ui_react_checkbox = require("@base-ui/react/checkbox");
8
- //#region src/components/Checkbox/Checkbox.tsx
9
- const Checkbox = (0, react.forwardRef)(function Checkbox({ className, size = "md", children, ...props }, ref) {
10
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_checkbox.Checkbox.Root, {
11
- ref,
12
- "data-slot": "checkbox-root",
13
- "data-size": size,
14
- className: require_mergeClassName.mergeClassName(className, require_Checkbox_module.default.root),
15
- ...props,
16
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxIndicator, {})
17
- });
18
- });
19
- function CheckboxIndicator({ className, children, ...props }) {
20
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_checkbox.Checkbox.Indicator, {
21
- "data-slot": "checkbox-indicator",
22
- className: require_mergeClassName.mergeClassName(className, require_Checkbox_module.default.indicator),
23
- ...props,
24
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxIndicatorIcon, {})
25
- });
26
- }
27
- function CheckboxIndicatorIcon({ className, children, ...props }) {
28
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
29
- "aria-hidden": "true",
30
- "data-slot": "checkbox-indicator-icon",
31
- className: (0, clsx.clsx)(require_Checkbox_module.default.icon, className),
32
- ...props,
33
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
34
- "data-slot": "checkbox-indicator-checked-icon",
35
- className: require_Checkbox_module.default.iconChecked,
36
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, {})
37
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
38
- "data-slot": "checkbox-indicator-indeterminate-icon",
39
- className: require_Checkbox_module.default.iconIndeterminate,
40
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.IndeterminateIcon, {})
41
- })] })
42
- });
43
- }
44
- function CheckboxField({ className, ...props }) {
45
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
46
- "data-slot": "checkbox-field",
47
- className: (0, clsx.clsx)(require_Checkbox_module.default.field, className),
48
- ...props
49
- });
50
- }
51
- function CheckboxLabel({ className, ...props }) {
52
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
53
- "data-slot": "checkbox-label",
54
- className: (0, clsx.clsx)(require_Checkbox_module.default.label, className),
55
- ...props
56
- });
57
- }
58
- //#endregion
59
- exports.Checkbox = Checkbox;
60
- exports.CheckboxField = CheckboxField;
61
- exports.CheckboxIndicator = CheckboxIndicator;
62
- exports.CheckboxIndicatorIcon = CheckboxIndicatorIcon;
63
- exports.CheckboxLabel = CheckboxLabel;
@@ -1,13 +0,0 @@
1
- import './Checkbox.css';
2
- //#region src/components/Checkbox/Checkbox.module.css
3
- var Checkbox_module_default = {
4
- "field": "_00Q5eW_field",
5
- "icon": "_00Q5eW_icon",
6
- "iconChecked": "_00Q5eW_iconChecked",
7
- "iconIndeterminate": "_00Q5eW_iconIndeterminate",
8
- "indicator": "_00Q5eW_indicator",
9
- "label": "_00Q5eW_label",
10
- "root": "_00Q5eW_root"
11
- };
12
- //#endregion
13
- exports.default = Checkbox_module_default;
@@ -1,55 +0,0 @@
1
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
2
- const require_Checkbox = require("../Checkbox/Checkbox.cjs");
3
- const require_CheckboxGroup_module = require("./CheckboxGroup.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let clsx = require("clsx");
6
- let _base_ui_react_checkbox_group = require("@base-ui/react/checkbox-group");
7
- //#region src/components/CheckboxGroup/CheckboxGroup.tsx
8
- function CheckboxGroup({ className, ...props }) {
9
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_checkbox_group.CheckboxGroup, {
10
- "data-slot": "checkbox-group-root",
11
- className: require_mergeClassName.mergeClassName(className, require_CheckboxGroup_module.default.root),
12
- ...props
13
- });
14
- }
15
- function CheckboxGroupLabel({ className, ...props }) {
16
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
17
- "data-slot": "checkbox-group-label",
18
- className: (0, clsx.clsx)(require_CheckboxGroup_module.default.label, className),
19
- ...props
20
- });
21
- }
22
- function CheckboxGroupList({ className, ...props }) {
23
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
24
- "data-slot": "checkbox-group-list",
25
- className: (0, clsx.clsx)(require_CheckboxGroup_module.default.list, className),
26
- ...props
27
- });
28
- }
29
- function CheckboxGroupItem({ className, ...props }) {
30
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Checkbox.CheckboxField, {
31
- "data-slot": "checkbox-group-item",
32
- className: (0, clsx.clsx)(require_CheckboxGroup_module.default.item, className),
33
- ...props
34
- });
35
- }
36
- function CheckboxGroupItemControl(props) {
37
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Checkbox.Checkbox, {
38
- "data-slot": "checkbox-group-item-control",
39
- ...props
40
- });
41
- }
42
- function CheckboxGroupItemLabel({ className, ...props }) {
43
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Checkbox.CheckboxLabel, {
44
- "data-slot": "checkbox-group-item-label",
45
- className: (0, clsx.clsx)(require_CheckboxGroup_module.default.itemLabel, className),
46
- ...props
47
- });
48
- }
49
- //#endregion
50
- exports.CheckboxGroup = CheckboxGroup;
51
- exports.CheckboxGroupItem = CheckboxGroupItem;
52
- exports.CheckboxGroupItemControl = CheckboxGroupItemControl;
53
- exports.CheckboxGroupItemLabel = CheckboxGroupItemLabel;
54
- exports.CheckboxGroupLabel = CheckboxGroupLabel;
55
- exports.CheckboxGroupList = CheckboxGroupList;
@@ -1,11 +0,0 @@
1
- import './CheckboxGroup.css';
2
- //#region src/components/CheckboxGroup/CheckboxGroup.module.css
3
- var CheckboxGroup_module_default = {
4
- "item": "_6iNGhG_item",
5
- "itemLabel": "_6iNGhG_itemLabel",
6
- "label": "_6iNGhG_label",
7
- "list": "_6iNGhG_list",
8
- "root": "_6iNGhG_root"
9
- };
10
- //#endregion
11
- exports.default = CheckboxGroup_module_default;
@@ -1,22 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
3
- const require_CloseButton_module = require("./CloseButton.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let react = require("react");
6
- let _base_ui_react_button = require("@base-ui/react/button");
7
- //#region src/components/CloseButton/CloseButton.tsx
8
- const DEFAULT_CLOSE_BUTTON_LABEL = "Close";
9
- const CloseButton = (0, react.forwardRef)(function CloseButton({ className, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
10
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_button.Button, {
11
- ref,
12
- type: "button",
13
- "data-slot": "close-button",
14
- className: require_mergeClassName.mergeClassName(className, require_CloseButton_module.default.root),
15
- "aria-label": ariaLabel ?? (children == null && ariaLabelledBy == null ? DEFAULT_CLOSE_BUTTON_LABEL : void 0),
16
- "aria-labelledby": ariaLabelledBy,
17
- ...props,
18
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CloseIcon, {})
19
- });
20
- });
21
- //#endregion
22
- exports.CloseButton = CloseButton;
@@ -1,5 +0,0 @@
1
- import './CloseButton.css';
2
- //#region src/components/CloseButton/CloseButton.module.css
3
- var CloseButton_module_default = { "root": "yxg1Ha_root" };
4
- //#endregion
5
- exports.default = CloseButton_module_default;
@@ -1,47 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
3
- const require_Collapsible_module = require("./Collapsible.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let clsx = require("clsx");
6
- let react = require("react");
7
- let _base_ui_react_collapsible = require("@base-ui/react/collapsible");
8
- //#region src/components/Collapsible/Collapsible.tsx
9
- const Collapsible = (0, react.forwardRef)(function Collapsible({ className, ...props }, ref) {
10
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Root, {
11
- ref,
12
- "data-slot": "collapsible-root",
13
- className: require_mergeClassName.mergeClassName(className, require_Collapsible_module.default.root),
14
- ...props
15
- });
16
- });
17
- const CollapsibleTrigger = (0, react.forwardRef)(function CollapsibleTrigger({ className, render, ...props }, ref) {
18
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Trigger, {
19
- ref,
20
- "data-slot": "collapsible-trigger",
21
- render,
22
- className: render ? className : require_mergeClassName.mergeClassName(className, require_Collapsible_module.default.trigger),
23
- ...props
24
- });
25
- });
26
- function CollapsibleTriggerIcon({ className, children, "aria-hidden": ariaHidden = true, ...props }) {
27
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
28
- "data-slot": "collapsible-trigger-icon",
29
- "aria-hidden": ariaHidden,
30
- className: (0, clsx.clsx)(require_Collapsible_module.default.triggerIcon, className),
31
- ...props,
32
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronRightIcon, {})
33
- });
34
- }
35
- const CollapsiblePanel = (0, react.forwardRef)(function CollapsiblePanel({ className, ...props }, ref) {
36
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Panel, {
37
- ref,
38
- "data-slot": "collapsible-panel",
39
- className: require_mergeClassName.mergeClassName(className, require_Collapsible_module.default.panel),
40
- ...props
41
- });
42
- });
43
- //#endregion
44
- exports.Collapsible = Collapsible;
45
- exports.CollapsiblePanel = CollapsiblePanel;
46
- exports.CollapsibleTrigger = CollapsibleTrigger;
47
- exports.CollapsibleTriggerIcon = CollapsibleTriggerIcon;
@@ -1,10 +0,0 @@
1
- import './Collapsible.css';
2
- //#region src/components/Collapsible/Collapsible.module.css
3
- var Collapsible_module_default = {
4
- "panel": "_1MdZTG_panel",
5
- "root": "_1MdZTG_root",
6
- "trigger": "_1MdZTG_trigger",
7
- "triggerIcon": "_1MdZTG_triggerIcon"
8
- };
9
- //#endregion
10
- exports.default = Collapsible_module_default;
@@ -1,330 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
3
- const require_Combobox_module = require("./Combobox.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let clsx = require("clsx");
6
- let react = require("react");
7
- let _base_ui_react_combobox = require("@base-ui/react/combobox");
8
- //#region src/components/Combobox/Combobox.tsx
9
- const COMBOBOX_CONTENT_SIDE_OFFSET = 5;
10
- const Combobox = _base_ui_react_combobox.Combobox.Root;
11
- function ComboboxField({ className, ...props }) {
12
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
13
- "data-slot": "combobox-field",
14
- className: (0, clsx.clsx)(require_Combobox_module.default.field, className),
15
- ...props
16
- });
17
- }
18
- const ComboboxFieldLabel = (0, react.forwardRef)(function ComboboxFieldLabel({ className, ...props }, ref) {
19
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Label, {
20
- ref,
21
- "data-slot": "combobox-field-label",
22
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.fieldLabel),
23
- ...props
24
- });
25
- });
26
- function ComboboxValue(props) {
27
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Value, {
28
- "data-slot": "combobox-value",
29
- ...props
30
- });
31
- }
32
- const ComboboxInlineInputContainer = (0, react.forwardRef)(function ComboboxInlineInputContainer({ className, ...props }, ref) {
33
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
34
- ref,
35
- "data-slot": "combobox-inline-input-container",
36
- className: (0, clsx.clsx)(require_Combobox_module.default.inlineInputContainer, className),
37
- ...props
38
- });
39
- });
40
- const ComboboxInputGroup = (0, react.forwardRef)(function ComboboxInputGroup({ className, ...props }, ref) {
41
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.InputGroup, {
42
- ref,
43
- "data-slot": "combobox-input-group",
44
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.inputGroup),
45
- ...props
46
- });
47
- });
48
- const ComboboxInput = (0, react.forwardRef)(function ComboboxInput({ className, ...props }, ref) {
49
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Input, {
50
- ref,
51
- "data-slot": "combobox-input",
52
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.input),
53
- ...props
54
- });
55
- });
56
- function ComboboxControlActions({ className, ...props }) {
57
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
58
- "data-slot": "combobox-control-actions",
59
- className: (0, clsx.clsx)(require_Combobox_module.default.controlActions, className),
60
- ...props
61
- });
62
- }
63
- const ComboboxTrigger = (0, react.forwardRef)(function ComboboxTrigger({ className, children, ...props }, ref) {
64
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Trigger, {
65
- ref,
66
- "data-slot": "combobox-trigger",
67
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.trigger),
68
- ...props,
69
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronDownIcon, { className: require_Combobox_module.default.iconSvg })
70
- });
71
- });
72
- const ComboboxFieldTrigger = (0, react.forwardRef)(function ComboboxFieldTrigger({ className, ...props }, ref) {
73
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Trigger, {
74
- ref,
75
- "data-slot": "combobox-field-trigger",
76
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.fieldTrigger),
77
- ...props
78
- });
79
- });
80
- const ComboboxIcon = (0, react.forwardRef)(function ComboboxIcon({ className, children, ...props }, ref) {
81
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Icon, {
82
- ref,
83
- "data-slot": "combobox-icon",
84
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.icon),
85
- ...props,
86
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronUpDownIcon, { className: require_Combobox_module.default.iconSvg })
87
- });
88
- });
89
- const ComboboxClear = (0, react.forwardRef)(function ComboboxClear({ className, children, ...props }, ref) {
90
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Clear, {
91
- ref,
92
- "data-slot": "combobox-clear",
93
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.clear),
94
- ...props,
95
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CloseIcon, { className: require_Combobox_module.default.iconSvg })
96
- });
97
- });
98
- const ComboboxPortal = (0, react.forwardRef)(function ComboboxPortal({ className, ...props }, ref) {
99
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Portal, {
100
- ref,
101
- "data-slot": "combobox-portal",
102
- className,
103
- ...props
104
- });
105
- });
106
- const ComboboxBackdrop = (0, react.forwardRef)(function ComboboxBackdrop({ className, ...props }, ref) {
107
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Backdrop, {
108
- ref,
109
- "data-slot": "combobox-backdrop",
110
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.backdrop),
111
- ...props
112
- });
113
- });
114
- const ComboboxPositioner = (0, react.forwardRef)(function ComboboxPositioner({ className, ...props }, ref) {
115
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Positioner, {
116
- ref,
117
- "data-slot": "combobox-positioner",
118
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.positioner),
119
- ...props
120
- });
121
- });
122
- const ComboboxPopup = (0, react.forwardRef)(function ComboboxPopup({ className, ...props }, ref) {
123
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Popup, {
124
- ref,
125
- "data-slot": "combobox-popup",
126
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.popup),
127
- ...props
128
- });
129
- });
130
- const ComboboxArrow = (0, react.forwardRef)(function ComboboxArrow({ className, children, ...props }, ref) {
131
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Arrow, {
132
- ref,
133
- "data-slot": "combobox-arrow",
134
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.arrow),
135
- ...props,
136
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, { className: require_Combobox_module.default.arrowSvg })
137
- });
138
- });
139
- const ComboboxContent = (0, react.forwardRef)(function ComboboxContent({ className, showArrow = false, children, side, sideOffset = COMBOBOX_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }, ref) {
140
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboboxPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboboxPositioner, {
141
- side,
142
- sideOffset,
143
- align,
144
- alignOffset,
145
- arrowPadding,
146
- collisionAvoidance,
147
- collisionBoundary,
148
- collisionPadding,
149
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ComboboxPopup, {
150
- ref,
151
- className,
152
- ...props,
153
- children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboboxArrow, {}) : null, children]
154
- })
155
- }) });
156
- });
157
- const ComboboxStatus = (0, react.forwardRef)(function ComboboxStatus({ className, ...props }, ref) {
158
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Status, {
159
- ref,
160
- "data-slot": "combobox-status",
161
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.status),
162
- ...props
163
- });
164
- });
165
- const ComboboxEmpty = (0, react.forwardRef)(function ComboboxEmpty({ className, ...props }, ref) {
166
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Empty, {
167
- ref,
168
- "data-slot": "combobox-empty",
169
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.empty),
170
- ...props
171
- });
172
- });
173
- const ComboboxList = (0, react.forwardRef)(function ComboboxList({ className, ...props }, ref) {
174
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.List, {
175
- ref,
176
- "data-slot": "combobox-list",
177
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.list),
178
- ...props
179
- });
180
- });
181
- const ComboboxRow = (0, react.forwardRef)(function ComboboxRow({ className, ...props }, ref) {
182
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Row, {
183
- ref,
184
- "data-slot": "combobox-row",
185
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.row),
186
- ...props
187
- });
188
- });
189
- const ComboboxItem = (0, react.forwardRef)(function ComboboxItem({ className, indicator, ...props }, ref) {
190
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Item, {
191
- ref,
192
- "data-slot": "combobox-item",
193
- "data-indicator-position": indicator,
194
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.item),
195
- ...props
196
- });
197
- });
198
- const ComboboxItemIndicator = (0, react.forwardRef)(function ComboboxItemIndicator({ className, children, ...props }, ref) {
199
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.ItemIndicator, {
200
- ref,
201
- "data-slot": "combobox-item-indicator",
202
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.itemIndicator),
203
- ...props,
204
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, { className: require_Combobox_module.default.itemIndicatorIcon })
205
- });
206
- });
207
- function ComboboxItemText({ className, ...props }) {
208
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
209
- "data-slot": "combobox-item-text",
210
- className: (0, clsx.clsx)(require_Combobox_module.default.itemText, className),
211
- ...props
212
- });
213
- }
214
- const ComboboxSeparator = (0, react.forwardRef)(function ComboboxSeparator({ className, ...props }, ref) {
215
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Separator, {
216
- ref,
217
- "data-slot": "combobox-separator",
218
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.separator),
219
- ...props
220
- });
221
- });
222
- const ComboboxGroup = (0, react.forwardRef)(function ComboboxGroup({ className, ...props }, ref) {
223
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Group, {
224
- ref,
225
- "data-slot": "combobox-group",
226
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.group),
227
- ...props
228
- });
229
- });
230
- const ComboboxGroupLabel = (0, react.forwardRef)(function ComboboxGroupLabel({ className, ...props }, ref) {
231
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.GroupLabel, {
232
- ref,
233
- "data-slot": "combobox-group-label",
234
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.groupLabel),
235
- ...props
236
- });
237
- });
238
- function ComboboxCollection(props) {
239
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Collection, {
240
- "data-slot": "combobox-collection",
241
- ...props
242
- });
243
- }
244
- const ComboboxChips = (0, react.forwardRef)(function ComboboxChips({ className, ...props }, ref) {
245
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Chips, {
246
- ref,
247
- "data-slot": "combobox-chips",
248
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.chips),
249
- ...props
250
- });
251
- });
252
- const ComboboxChip = (0, react.forwardRef)(function ComboboxChip({ className, ...props }, ref) {
253
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Chip, {
254
- ref,
255
- "data-slot": "combobox-chip",
256
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.chip),
257
- ...props
258
- });
259
- });
260
- const ComboboxChipRemove = (0, react.forwardRef)(function ComboboxChipRemove({ className, children, ...props }, ref) {
261
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.ChipRemove, {
262
- ref,
263
- "data-slot": "combobox-chip-remove",
264
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.chipRemove),
265
- ...props,
266
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CloseIcon, { className: require_Combobox_module.default.chipRemoveIcon })
267
- });
268
- });
269
- function ComboboxChipText({ className, ...props }) {
270
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
271
- "data-slot": "combobox-chip-text",
272
- className: (0, clsx.clsx)(require_Combobox_module.default.chipText, className),
273
- ...props
274
- });
275
- }
276
- const ComboboxChipsInput = (0, react.forwardRef)(function ComboboxChipsInput({ className, ...props }, ref) {
277
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Input, {
278
- ref,
279
- "data-slot": "combobox-chips-input",
280
- className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.chipsInput),
281
- ...props
282
- });
283
- });
284
- const useComboboxFilter = _base_ui_react_combobox.Combobox.useFilter;
285
- const useComboboxFilteredItems = _base_ui_react_combobox.Combobox.useFilteredItems;
286
- function ArrowSvg(props) {
287
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
288
- fillClassName: require_Combobox_module.default.arrowFill,
289
- outerStrokeClassName: require_Combobox_module.default.arrowOuterStroke,
290
- innerStrokeClassName: require_Combobox_module.default.arrowInnerStroke,
291
- ...props
292
- });
293
- }
294
- //#endregion
295
- exports.Combobox = Combobox;
296
- exports.ComboboxArrow = ComboboxArrow;
297
- exports.ComboboxBackdrop = ComboboxBackdrop;
298
- exports.ComboboxChip = ComboboxChip;
299
- exports.ComboboxChipRemove = ComboboxChipRemove;
300
- exports.ComboboxChipText = ComboboxChipText;
301
- exports.ComboboxChips = ComboboxChips;
302
- exports.ComboboxChipsInput = ComboboxChipsInput;
303
- exports.ComboboxClear = ComboboxClear;
304
- exports.ComboboxCollection = ComboboxCollection;
305
- exports.ComboboxContent = ComboboxContent;
306
- exports.ComboboxControlActions = ComboboxControlActions;
307
- exports.ComboboxEmpty = ComboboxEmpty;
308
- exports.ComboboxField = ComboboxField;
309
- exports.ComboboxFieldLabel = ComboboxFieldLabel;
310
- exports.ComboboxFieldTrigger = ComboboxFieldTrigger;
311
- exports.ComboboxGroup = ComboboxGroup;
312
- exports.ComboboxGroupLabel = ComboboxGroupLabel;
313
- exports.ComboboxIcon = ComboboxIcon;
314
- exports.ComboboxInlineInputContainer = ComboboxInlineInputContainer;
315
- exports.ComboboxInput = ComboboxInput;
316
- exports.ComboboxInputGroup = ComboboxInputGroup;
317
- exports.ComboboxItem = ComboboxItem;
318
- exports.ComboboxItemIndicator = ComboboxItemIndicator;
319
- exports.ComboboxItemText = ComboboxItemText;
320
- exports.ComboboxList = ComboboxList;
321
- exports.ComboboxPopup = ComboboxPopup;
322
- exports.ComboboxPortal = ComboboxPortal;
323
- exports.ComboboxPositioner = ComboboxPositioner;
324
- exports.ComboboxRow = ComboboxRow;
325
- exports.ComboboxSeparator = ComboboxSeparator;
326
- exports.ComboboxStatus = ComboboxStatus;
327
- exports.ComboboxTrigger = ComboboxTrigger;
328
- exports.ComboboxValue = ComboboxValue;
329
- exports.useComboboxFilter = useComboboxFilter;
330
- exports.useComboboxFilteredItems = useComboboxFilteredItems;
@@ -1,42 +0,0 @@
1
- import './Combobox.css';
2
- //#region src/components/Combobox/Combobox.module.css
3
- var Combobox_module_default = {
4
- "arrow": "IweP1a_arrow",
5
- "arrowFill": "IweP1a_arrowFill",
6
- "arrowInnerStroke": "IweP1a_arrowInnerStroke",
7
- "arrowOuterStroke": "IweP1a_arrowOuterStroke",
8
- "arrowSvg": "IweP1a_arrowSvg",
9
- "backdrop": "IweP1a_backdrop",
10
- "chip": "IweP1a_chip",
11
- "chipRemove": "IweP1a_chipRemove",
12
- "chipRemoveIcon": "IweP1a_chipRemoveIcon",
13
- "chips": "IweP1a_chips",
14
- "chipsInput": "IweP1a_chipsInput",
15
- "chipText": "IweP1a_chipText",
16
- "clear": "IweP1a_clear",
17
- "controlActions": "IweP1a_controlActions",
18
- "empty": "IweP1a_empty",
19
- "field": "IweP1a_field",
20
- "fieldLabel": "IweP1a_fieldLabel",
21
- "fieldTrigger": "IweP1a_fieldTrigger",
22
- "group": "IweP1a_group",
23
- "groupLabel": "IweP1a_groupLabel",
24
- "icon": "IweP1a_icon",
25
- "iconSvg": "IweP1a_iconSvg",
26
- "inlineInputContainer": "IweP1a_inlineInputContainer",
27
- "input": "IweP1a_input",
28
- "inputGroup": "IweP1a_inputGroup",
29
- "item": "IweP1a_item",
30
- "itemIndicator": "IweP1a_itemIndicator",
31
- "itemIndicatorIcon": "IweP1a_itemIndicatorIcon",
32
- "itemText": "IweP1a_itemText",
33
- "list": "IweP1a_list",
34
- "popup": "IweP1a_popup",
35
- "positioner": "IweP1a_positioner",
36
- "row": "IweP1a_row",
37
- "separator": "IweP1a_separator",
38
- "status": "IweP1a_status",
39
- "trigger": "IweP1a_trigger"
40
- };
41
- //#endregion
42
- exports.default = Combobox_module_default;