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