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,146 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
3
- const require_NavigationMenu_module = require("./NavigationMenu.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let _base_ui_react_navigation_menu = require("@base-ui/react/navigation-menu");
6
- //#region src/components/NavigationMenu/NavigationMenu.tsx
7
- const DEFAULT_SIDE_OFFSET = 10;
8
- const DEFAULT_COLLISION_AVOIDANCE = { side: "none" };
9
- const DEFAULT_COLLISION_PADDING = {
10
- top: 5,
11
- bottom: 5,
12
- left: 20,
13
- right: 20
14
- };
15
- function NavigationMenu({ className, children, showArrow = false, showPopup = true, side, sideOffset = DEFAULT_SIDE_OFFSET, align, alignOffset, arrowPadding, anchor, collisionAvoidance = DEFAULT_COLLISION_AVOIDANCE, collisionBoundary, collisionPadding = DEFAULT_COLLISION_PADDING, sticky, positionMethod, disableAnchorTracking, ...props }) {
16
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_navigation_menu.NavigationMenu.Root, {
17
- "data-slot": "navigation-menu-root",
18
- className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.root),
19
- ...props,
20
- children: [children, showPopup ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuPositioner, {
21
- side,
22
- sideOffset,
23
- align,
24
- alignOffset,
25
- arrowPadding,
26
- anchor,
27
- collisionAvoidance,
28
- collisionBoundary,
29
- collisionPadding,
30
- sticky,
31
- positionMethod,
32
- disableAnchorTracking,
33
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(NavigationMenuPopup, { children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuArrow, {}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuViewport, {})] })
34
- }) }) : null]
35
- });
36
- }
37
- function NavigationMenuList({ className, ...props }) {
38
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.List, {
39
- "data-slot": "navigation-menu-list",
40
- className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.list),
41
- ...props
42
- });
43
- }
44
- function NavigationMenuItem(props) {
45
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Item, {
46
- "data-slot": "navigation-menu-item",
47
- ...props
48
- });
49
- }
50
- function NavigationMenuTrigger({ className, children, icon, render, ...props }) {
51
- const triggerClassName = render ? className : require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.trigger);
52
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_navigation_menu.NavigationMenu.Trigger, {
53
- "data-slot": "navigation-menu-trigger",
54
- render,
55
- className: triggerClassName,
56
- ...props,
57
- children: [children, icon === null || icon === false ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuIcon, { children: icon })]
58
- });
59
- }
60
- function NavigationMenuIcon({ className, children, ...props }) {
61
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Icon, {
62
- "data-slot": "navigation-menu-icon",
63
- className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.icon),
64
- ...props,
65
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronDownIcon, {})
66
- });
67
- }
68
- function NavigationMenuContent({ className, ...props }) {
69
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Content, {
70
- "data-slot": "navigation-menu-content",
71
- className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.content),
72
- ...props
73
- });
74
- }
75
- function NavigationMenuLink({ className, ...props }) {
76
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Link, {
77
- "data-slot": "navigation-menu-link",
78
- className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.link),
79
- ...props
80
- });
81
- }
82
- function NavigationMenuPortal({ className, ...props }) {
83
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Portal, {
84
- "data-slot": "navigation-menu-portal",
85
- className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.portal),
86
- ...props
87
- });
88
- }
89
- function NavigationMenuBackdrop({ className, ...props }) {
90
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Backdrop, {
91
- "data-slot": "navigation-menu-backdrop",
92
- className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.backdrop),
93
- ...props
94
- });
95
- }
96
- function NavigationMenuPositioner({ className, ...props }) {
97
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Positioner, {
98
- "data-slot": "navigation-menu-positioner",
99
- className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.positioner),
100
- ...props
101
- });
102
- }
103
- function NavigationMenuPopup({ className, ...props }) {
104
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Popup, {
105
- "data-slot": "navigation-menu-popup",
106
- className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.popup),
107
- ...props
108
- });
109
- }
110
- function NavigationMenuArrow({ className, children, ...props }) {
111
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Arrow, {
112
- "data-slot": "navigation-menu-arrow",
113
- className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.arrow),
114
- ...props,
115
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, {})
116
- });
117
- }
118
- function NavigationMenuViewport({ className, ...props }) {
119
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Viewport, {
120
- "data-slot": "navigation-menu-viewport",
121
- className: require_mergeClassName.mergeClassName(className, require_NavigationMenu_module.default.viewport),
122
- ...props
123
- });
124
- }
125
- function ArrowSvg(props) {
126
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
127
- fillClassName: require_NavigationMenu_module.default.arrowFill,
128
- outerStrokeClassName: require_NavigationMenu_module.default.arrowOuterStroke,
129
- innerStrokeClassName: require_NavigationMenu_module.default.arrowInnerStroke,
130
- ...props
131
- });
132
- }
133
- //#endregion
134
- exports.NavigationMenu = NavigationMenu;
135
- exports.NavigationMenuArrow = NavigationMenuArrow;
136
- exports.NavigationMenuBackdrop = NavigationMenuBackdrop;
137
- exports.NavigationMenuContent = NavigationMenuContent;
138
- exports.NavigationMenuIcon = NavigationMenuIcon;
139
- exports.NavigationMenuItem = NavigationMenuItem;
140
- exports.NavigationMenuLink = NavigationMenuLink;
141
- exports.NavigationMenuList = NavigationMenuList;
142
- exports.NavigationMenuPopup = NavigationMenuPopup;
143
- exports.NavigationMenuPortal = NavigationMenuPortal;
144
- exports.NavigationMenuPositioner = NavigationMenuPositioner;
145
- exports.NavigationMenuTrigger = NavigationMenuTrigger;
146
- exports.NavigationMenuViewport = NavigationMenuViewport;
@@ -1,21 +0,0 @@
1
- import './NavigationMenu.css';
2
- //#region src/components/NavigationMenu/NavigationMenu.module.css
3
- var NavigationMenu_module_default = {
4
- "arrow": "BPQarq_arrow",
5
- "arrowFill": "BPQarq_arrowFill",
6
- "arrowInnerStroke": "BPQarq_arrowInnerStroke",
7
- "arrowOuterStroke": "BPQarq_arrowOuterStroke",
8
- "backdrop": "BPQarq_backdrop",
9
- "content": "BPQarq_content",
10
- "icon": "BPQarq_icon",
11
- "link": "BPQarq_link",
12
- "list": "BPQarq_list",
13
- "popup": "BPQarq_popup",
14
- "portal": "BPQarq_portal",
15
- "positioner": "BPQarq_positioner",
16
- "root": "BPQarq_root",
17
- "trigger": "BPQarq_trigger",
18
- "viewport": "BPQarq_viewport"
19
- };
20
- //#endregion
21
- exports.default = NavigationMenu_module_default;
@@ -1,82 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
3
- const require_NumberField_module = require("./NumberField.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let _base_ui_react_number_field = require("@base-ui/react/number-field");
6
- //#region src/components/NumberField/NumberField.tsx
7
- const DEFAULT_DECREMENT_LABEL = "Decrease value";
8
- const DEFAULT_INCREMENT_LABEL = "Increase value";
9
- function NumberFieldRoot({ className, ...props }) {
10
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.Root, {
11
- "data-slot": "number-field-root",
12
- className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.root),
13
- ...props
14
- });
15
- }
16
- function NumberField({ className, children, decrementLabel = DEFAULT_DECREMENT_LABEL, incrementLabel = DEFAULT_INCREMENT_LABEL, ...props }) {
17
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(NumberFieldRoot, {
18
- className,
19
- ...props,
20
- children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(NumberFieldGroup, { children: [
21
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NumberFieldDecrement, { "aria-label": decrementLabel }),
22
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NumberFieldInput, {}),
23
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NumberFieldIncrement, { "aria-label": incrementLabel })
24
- ] })]
25
- });
26
- }
27
- function NumberFieldScrubArea({ className, ...props }) {
28
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.ScrubArea, {
29
- "data-slot": "number-field-scrub-area",
30
- className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.scrubArea),
31
- ...props
32
- });
33
- }
34
- function NumberFieldScrubAreaCursor({ className, children, ...props }) {
35
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.ScrubAreaCursor, {
36
- "data-slot": "number-field-scrub-area-cursor",
37
- className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.scrubAreaCursor),
38
- ...props,
39
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ScrubCursorIcon, {})
40
- });
41
- }
42
- function NumberFieldGroup({ className, ...props }) {
43
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.Group, {
44
- "data-slot": "number-field-group",
45
- className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.group),
46
- ...props
47
- });
48
- }
49
- function NumberFieldDecrement({ className, children, "aria-label": ariaLabel = DEFAULT_DECREMENT_LABEL, ...props }) {
50
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.Decrement, {
51
- "data-slot": "number-field-decrement",
52
- "aria-label": ariaLabel,
53
- className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.decrement),
54
- ...props,
55
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.MinusIcon, {})
56
- });
57
- }
58
- function NumberFieldInput({ className, ...props }) {
59
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.Input, {
60
- "data-slot": "number-field-input",
61
- className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.input),
62
- ...props
63
- });
64
- }
65
- function NumberFieldIncrement({ className, children, "aria-label": ariaLabel = DEFAULT_INCREMENT_LABEL, ...props }) {
66
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_number_field.NumberField.Increment, {
67
- "data-slot": "number-field-increment",
68
- "aria-label": ariaLabel,
69
- className: require_mergeClassName.mergeClassName(className, require_NumberField_module.default.increment),
70
- ...props,
71
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PlusIcon, {})
72
- });
73
- }
74
- //#endregion
75
- exports.NumberField = NumberField;
76
- exports.NumberFieldDecrement = NumberFieldDecrement;
77
- exports.NumberFieldGroup = NumberFieldGroup;
78
- exports.NumberFieldIncrement = NumberFieldIncrement;
79
- exports.NumberFieldInput = NumberFieldInput;
80
- exports.NumberFieldRoot = NumberFieldRoot;
81
- exports.NumberFieldScrubArea = NumberFieldScrubArea;
82
- exports.NumberFieldScrubAreaCursor = NumberFieldScrubAreaCursor;
@@ -1,13 +0,0 @@
1
- import './NumberField.css';
2
- //#region src/components/NumberField/NumberField.module.css
3
- var NumberField_module_default = {
4
- "decrement": "YMhIBW_decrement",
5
- "group": "YMhIBW_group",
6
- "increment": "YMhIBW_increment",
7
- "input": "YMhIBW_input",
8
- "root": "YMhIBW_root",
9
- "scrubArea": "YMhIBW_scrubArea",
10
- "scrubAreaCursor": "YMhIBW_scrubAreaCursor"
11
- };
12
- //#endregion
13
- exports.default = NumberField_module_default;
@@ -1,41 +0,0 @@
1
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
2
- const require_OTPField_module = require("./OTPField.module.cjs");
3
- let react_jsx_runtime = require("react/jsx-runtime");
4
- let _base_ui_react_otp_field = require("@base-ui/react/otp-field");
5
- //#region src/components/OTPField/OTPField.tsx
6
- function OTPField({ children, className, length, ...props }) {
7
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_otp_field.OTPFieldPreview.Root, {
8
- "data-slot": "otp-field-root",
9
- className: require_mergeClassName.mergeClassName(className, require_OTPField_module.default.root),
10
- length,
11
- ...props,
12
- children: children ?? renderDefaultInputs(length)
13
- });
14
- }
15
- function OTPFieldInput({ className, ...props }) {
16
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_otp_field.OTPFieldPreview.Input, {
17
- "data-slot": "otp-field-input",
18
- className: require_mergeClassName.mergeClassName(className, require_OTPField_module.default.input),
19
- ...props
20
- });
21
- }
22
- function OTPFieldSeparator({ className, ...props }) {
23
- const { "aria-hidden": ariaHidden = true, role = "presentation", ...separatorProps } = props;
24
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_otp_field.OTPFieldPreview.Separator, {
25
- "data-slot": "otp-field-separator",
26
- "aria-hidden": ariaHidden,
27
- role,
28
- className: require_mergeClassName.mergeClassName(className, require_OTPField_module.default.separator),
29
- ...separatorProps
30
- });
31
- }
32
- function getCharacterAriaLabel(index, length) {
33
- return index === 0 ? void 0 : `Character ${index + 1} of ${length}`;
34
- }
35
- function renderDefaultInputs(length) {
36
- return Array.from({ length }, (_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OTPFieldInput, { "aria-label": getCharacterAriaLabel(index, length) }, index));
37
- }
38
- //#endregion
39
- exports.OTPField = OTPField;
40
- exports.OTPFieldInput = OTPFieldInput;
41
- exports.OTPFieldSeparator = OTPFieldSeparator;
@@ -1,9 +0,0 @@
1
- import './OTPField.css';
2
- //#region src/components/OTPField/OTPField.module.css
3
- var OTPField_module_default = {
4
- "input": "aEYTXG_input",
5
- "root": "aEYTXG_root",
6
- "separator": "aEYTXG_separator"
7
- };
8
- //#endregion
9
- exports.default = OTPField_module_default;
@@ -1,123 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
3
- const require_Pagination_module = require("./Pagination.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_toolbar = require("@base-ui/react/toolbar");
8
- //#region src/components/Pagination/Pagination.tsx
9
- function clampPage(page, count) {
10
- return Math.min(Math.max(page, 1), count);
11
- }
12
- function range(start, end) {
13
- return Array.from({ length: end - start + 1 }, (_, index) => start + index);
14
- }
15
- function usePagination({ count, page, siblingCount = 1, boundaryCount = 1 }) {
16
- const safeCount = Math.max(0, Math.floor(count));
17
- const safePage = safeCount === 0 ? 0 : clampPage(Math.floor(page), safeCount);
18
- const safeSiblingCount = Math.max(0, Math.floor(siblingCount));
19
- const safeBoundaryCount = Math.max(0, Math.floor(boundaryCount));
20
- return {
21
- items: (0, react.useMemo)(() => {
22
- if (safeCount === 0) return [];
23
- if (safeCount <= safeSiblingCount * 2 + 3 + safeBoundaryCount * 2) return range(1, safeCount);
24
- const startPages = range(1, safeBoundaryCount);
25
- const endPages = range(safeCount - safeBoundaryCount + 1, safeCount);
26
- const siblingsStart = Math.max(Math.min(safePage - safeSiblingCount, safeCount - safeBoundaryCount - safeSiblingCount * 2 - 1), safeBoundaryCount + 2);
27
- const siblingsEnd = Math.min(Math.max(safePage + safeSiblingCount, safeBoundaryCount + safeSiblingCount * 2 + 2), endPages[0] - 2);
28
- return [
29
- ...startPages,
30
- ...siblingsStart > safeBoundaryCount + 2 ? ["ellipsis-start"] : safeBoundaryCount + 1 < safeCount - safeBoundaryCount ? [safeBoundaryCount + 1] : [],
31
- ...range(siblingsStart, siblingsEnd),
32
- ...siblingsEnd < safeCount - safeBoundaryCount - 1 ? ["ellipsis-end"] : safeCount - safeBoundaryCount > safeBoundaryCount ? [safeCount - safeBoundaryCount] : [],
33
- ...endPages
34
- ];
35
- }, [
36
- safeBoundaryCount,
37
- safeCount,
38
- safePage,
39
- safeSiblingCount
40
- ]),
41
- page: safePage,
42
- canNextPage: safeCount > 0 && safePage < safeCount,
43
- canPreviousPage: safePage > 1,
44
- nextPage: safeCount === 0 ? 0 : Math.min(safePage + 1, safeCount),
45
- previousPage: safePage <= 1 ? safePage : safePage - 1
46
- };
47
- }
48
- const getPaginationRender = ({ href }) => {
49
- if (href != null) return;
50
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", { type: "button" });
51
- };
52
- function Pagination({ "aria-label": ariaLabel = "Pagination", className, ...props }) {
53
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
54
- "data-slot": "pagination-root",
55
- "aria-label": ariaLabel,
56
- className: (0, clsx.clsx)(require_Pagination_module.default.root, className),
57
- ...props
58
- });
59
- }
60
- function PaginationContent({ className, ...props }) {
61
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Root, {
62
- "data-slot": "pagination-content",
63
- className: require_mergeClassName.mergeClassName(className, require_Pagination_module.default.content),
64
- ...props
65
- });
66
- }
67
- function PaginationItem({ className, ...props }) {
68
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
69
- "data-slot": "pagination-item",
70
- className: (0, clsx.clsx)(require_Pagination_module.default.item, className),
71
- ...props
72
- });
73
- }
74
- function PaginationLink({ className, isActive, render, ...props }) {
75
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toolbar.Toolbar.Link, {
76
- "data-slot": "pagination-link",
77
- "aria-current": isActive ? "page" : void 0,
78
- className: require_mergeClassName.mergeClassName(className, require_Pagination_module.default.link, isActive && require_Pagination_module.default.linkActive),
79
- render: render ?? getPaginationRender(props),
80
- ...props
81
- });
82
- }
83
- function PaginationPrevious({ children, className, render, "aria-label": ariaLabel, ...props }) {
84
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationLink, {
85
- "aria-label": children ? ariaLabel : ariaLabel ?? "Go to previous page",
86
- className: require_mergeClassName.mergeClassName(className, require_Pagination_module.default.previous, !children && require_Pagination_module.default.iconOnly),
87
- render,
88
- ...props,
89
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronLeftIcon, {})
90
- });
91
- }
92
- function PaginationNext({ children, className, render, "aria-label": ariaLabel, ...props }) {
93
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationLink, {
94
- "aria-label": children ? ariaLabel : ariaLabel ?? "Go to next page",
95
- className: require_mergeClassName.mergeClassName(className, require_Pagination_module.default.next, !children && require_Pagination_module.default.iconOnly),
96
- render,
97
- ...props,
98
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronRightIcon, {})
99
- });
100
- }
101
- function PaginationEllipsis({ className, ...props }) {
102
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
103
- "data-slot": "pagination-ellipsis",
104
- className: (0, clsx.clsx)(require_Pagination_module.default.ellipsis, className),
105
- ...props,
106
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
107
- "aria-hidden": true,
108
- children: "..."
109
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
110
- className: require_Pagination_module.default.visuallyHidden,
111
- children: "More pages"
112
- })]
113
- });
114
- }
115
- //#endregion
116
- exports.Pagination = Pagination;
117
- exports.PaginationContent = PaginationContent;
118
- exports.PaginationEllipsis = PaginationEllipsis;
119
- exports.PaginationItem = PaginationItem;
120
- exports.PaginationLink = PaginationLink;
121
- exports.PaginationNext = PaginationNext;
122
- exports.PaginationPrevious = PaginationPrevious;
123
- exports.usePagination = usePagination;
@@ -1,16 +0,0 @@
1
- import './Pagination.css';
2
- //#region src/components/Pagination/Pagination.module.css
3
- var Pagination_module_default = {
4
- "content": "Etg_Eq_content",
5
- "ellipsis": "Etg_Eq_ellipsis",
6
- "iconOnly": "Etg_Eq_iconOnly",
7
- "item": "Etg_Eq_item",
8
- "link": "Etg_Eq_link",
9
- "linkActive": "Etg_Eq_linkActive",
10
- "next": "Etg_Eq_next",
11
- "previous": "Etg_Eq_previous",
12
- "root": "Etg_Eq_root",
13
- "visuallyHidden": "Etg_Eq_visuallyHidden"
14
- };
15
- //#endregion
16
- exports.default = Pagination_module_default;
@@ -1,47 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_InputGroup = require("../InputGroup/InputGroup.cjs");
3
- const require_PasswordInput_module = require("./PasswordInput.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let clsx = require("clsx");
6
- let react = require("react");
7
- //#region src/components/PasswordInput/PasswordInput.tsx
8
- const DEFAULT_VISIBILITY_TOGGLE_LABELS = {
9
- show: "Show password",
10
- hide: "Hide password"
11
- };
12
- const PasswordInput = (0, react.forwardRef)(function PasswordInput({ className, defaultVisible = false, disabled, onVisibleChange, readOnly, size = "md", visibilityToggleLabels = DEFAULT_VISIBILITY_TOGGLE_LABELS, ...props }, ref) {
13
- const [visible, setVisible] = (0, react.useState)(defaultVisible);
14
- const handleToggleMouseDown = (event) => {
15
- event.preventDefault();
16
- };
17
- const handleToggleClick = () => {
18
- const nextVisible = !visible;
19
- setVisible(nextVisible);
20
- onVisibleChange?.(nextVisible);
21
- };
22
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_InputGroup.InputGroup, {
23
- "data-slot": "password-input-root",
24
- className: (0, clsx.clsx)(require_PasswordInput_module.default.root, className),
25
- size,
26
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_InputGroup.InputGroupInput, {
27
- ref,
28
- ...props,
29
- className: require_PasswordInput_module.default.input,
30
- disabled,
31
- readOnly,
32
- size,
33
- type: visible ? "text" : "password"
34
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_InputGroup.InputGroupButton, {
35
- "aria-label": visible ? visibilityToggleLabels.hide : visibilityToggleLabels.show,
36
- "aria-pressed": visible,
37
- className: require_PasswordInput_module.default.toggle,
38
- "data-slot": "password-input-toggle",
39
- disabled,
40
- onClick: handleToggleClick,
41
- onMouseDown: handleToggleMouseDown,
42
- children: visible ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.EyeClosedIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.EyeIcon, {})
43
- })]
44
- });
45
- });
46
- //#endregion
47
- exports.PasswordInput = PasswordInput;
@@ -1,9 +0,0 @@
1
- import './PasswordInput.css';
2
- //#region src/components/PasswordInput/PasswordInput.module.css
3
- var PasswordInput_module_default = {
4
- "input": "_72aPqG_input",
5
- "root": "_72aPqG_root",
6
- "toggle": "_72aPqG_toggle"
7
- };
8
- //#endregion
9
- exports.default = PasswordInput_module_default;
@@ -1,146 +0,0 @@
1
- const require_Icons = require("../../icons/ui/Icons.cjs");
2
- const require_mergeClassName = require("../../utils/mergeClassName.cjs");
3
- const require_Popover_module = require("./Popover.module.cjs");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- let clsx = require("clsx");
6
- let _base_ui_react_popover = require("@base-ui/react/popover");
7
- //#region src/components/Popover/Popover.tsx
8
- const POPOVER_CONTENT_SIDE_OFFSET = 8;
9
- const Popover = _base_ui_react_popover.Popover.Root;
10
- const createPopoverHandle = _base_ui_react_popover.Popover.createHandle;
11
- function PopoverTrigger({ className, render, ...props }) {
12
- const triggerClassName = render ? className : require_mergeClassName.mergeClassName(className, require_Popover_module.default.trigger);
13
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Trigger, {
14
- "data-slot": "popover-trigger",
15
- render,
16
- className: triggerClassName,
17
- ...props
18
- });
19
- }
20
- function PopoverPortal({ className, ...props }) {
21
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Portal, {
22
- "data-slot": "popover-portal",
23
- className,
24
- ...props
25
- });
26
- }
27
- function PopoverBackdrop({ className, ...props }) {
28
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Backdrop, {
29
- "data-slot": "popover-backdrop",
30
- className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.backdrop),
31
- ...props
32
- });
33
- }
34
- function PopoverPositioner({ className, ...props }) {
35
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Positioner, {
36
- "data-slot": "popover-positioner",
37
- className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.positioner),
38
- ...props
39
- });
40
- }
41
- function PopoverPopup({ className, ...props }) {
42
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Popup, {
43
- "data-slot": "popover-popup",
44
- className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.popup),
45
- ...props
46
- });
47
- }
48
- function PopoverViewport({ className, ...props }) {
49
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Viewport, {
50
- "data-slot": "popover-viewport",
51
- className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.viewport),
52
- ...props
53
- });
54
- }
55
- function PopoverArrow({ className, children, ...props }) {
56
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Arrow, {
57
- "data-slot": "popover-arrow",
58
- className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.arrow),
59
- ...props,
60
- children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, { className: require_Popover_module.default.arrowSvg })
61
- });
62
- }
63
- function PopoverTitle({ className, ...props }) {
64
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Title, {
65
- "data-slot": "popover-title",
66
- className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.title),
67
- ...props
68
- });
69
- }
70
- function PopoverDescription({ className, ...props }) {
71
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Description, {
72
- "data-slot": "popover-description",
73
- className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.description),
74
- ...props
75
- });
76
- }
77
- function PopoverHeader({ className, ...props }) {
78
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
79
- "data-slot": "popover-header",
80
- className: (0, clsx.clsx)(require_Popover_module.default.header, className),
81
- ...props
82
- });
83
- }
84
- function PopoverBody({ className, ...props }) {
85
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
86
- "data-slot": "popover-body",
87
- className: (0, clsx.clsx)(require_Popover_module.default.body, className),
88
- ...props
89
- });
90
- }
91
- function PopoverFooter({ className, ...props }) {
92
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
93
- "data-slot": "popover-footer",
94
- className: (0, clsx.clsx)(require_Popover_module.default.footer, className),
95
- ...props
96
- });
97
- }
98
- function PopoverClose({ className, ...props }) {
99
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Close, {
100
- "data-slot": "popover-close",
101
- className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.close),
102
- ...props
103
- });
104
- }
105
- function PopoverContent({ className, children, showArrow = false, side, sideOffset = POPOVER_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }) {
106
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverPositioner, {
107
- side,
108
- sideOffset,
109
- align,
110
- alignOffset,
111
- arrowPadding,
112
- collisionAvoidance,
113
- collisionBoundary,
114
- collisionPadding,
115
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PopoverPopup, {
116
- className,
117
- ...popupProps,
118
- children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverArrow, {}) : null, children]
119
- })
120
- }) });
121
- }
122
- function ArrowSvg(props) {
123
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
124
- fillClassName: require_Popover_module.default.arrowFill,
125
- outerStrokeClassName: require_Popover_module.default.arrowOuterStroke,
126
- innerStrokeClassName: require_Popover_module.default.arrowInnerStroke,
127
- ...props
128
- });
129
- }
130
- //#endregion
131
- exports.Popover = Popover;
132
- exports.PopoverArrow = PopoverArrow;
133
- exports.PopoverBackdrop = PopoverBackdrop;
134
- exports.PopoverBody = PopoverBody;
135
- exports.PopoverClose = PopoverClose;
136
- exports.PopoverContent = PopoverContent;
137
- exports.PopoverDescription = PopoverDescription;
138
- exports.PopoverFooter = PopoverFooter;
139
- exports.PopoverHeader = PopoverHeader;
140
- exports.PopoverPopup = PopoverPopup;
141
- exports.PopoverPortal = PopoverPortal;
142
- exports.PopoverPositioner = PopoverPositioner;
143
- exports.PopoverTitle = PopoverTitle;
144
- exports.PopoverTrigger = PopoverTrigger;
145
- exports.PopoverViewport = PopoverViewport;
146
- exports.createPopoverHandle = createPopoverHandle;