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,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;