@moduix/react 2.5.1 → 2.7.0

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 (204) hide show
  1. package/README.md +24 -3
  2. package/THIRD_PARTY_NOTICES.md +49 -0
  3. package/dist/components/accordion/Accordion.js +20 -21
  4. package/dist/components/alert/Alert.js +18 -19
  5. package/dist/components/alert/Alert_module.css +3 -16
  6. package/dist/components/angle-slider/AngleSlider.d.ts +5 -11
  7. package/dist/components/angle-slider/AngleSlider.js +29 -71
  8. package/dist/components/aspect-ratio/AspectRatio.js +1 -2
  9. package/dist/components/aspect-ratio/AspectRatio_module.css +0 -13
  10. package/dist/components/avatar/Avatar.d.ts +3 -6
  11. package/dist/components/avatar/Avatar.js +14 -57
  12. package/dist/components/avatar/Avatar.module.js +1 -2
  13. package/dist/components/avatar/Avatar_module.css +0 -6
  14. package/dist/components/badge/Badge.d.ts +2 -2
  15. package/dist/components/badge/Badge.js +5 -10
  16. package/dist/components/badge/Badge_module.css +7 -14
  17. package/dist/components/bleed/Bleed.js +1 -2
  18. package/dist/components/breadcrumbs/Breadcrumbs.d.ts +1 -1
  19. package/dist/components/breadcrumbs/Breadcrumbs.js +16 -32
  20. package/dist/components/breadcrumbs/Breadcrumbs_module.css +12 -14
  21. package/dist/components/button/Button.d.ts +4 -4
  22. package/dist/components/button/Button.js +1 -2
  23. package/dist/components/button/Button_module.css +2 -8
  24. package/dist/components/card/Card.d.ts +15 -15
  25. package/dist/components/card/Card.js +30 -31
  26. package/dist/components/card/Card_module.css +2 -18
  27. package/dist/components/carousel/Carousel.d.ts +1 -1
  28. package/dist/components/carousel/Carousel.js +34 -35
  29. package/dist/components/carousel/Carousel_module.css +7 -0
  30. package/dist/components/chart/Chart.d.ts +9 -8
  31. package/dist/components/chart/Chart.js +21 -22
  32. package/dist/components/chart/Chart_module.css +0 -2
  33. package/dist/components/checkbox/Checkbox.d.ts +3 -2
  34. package/dist/components/checkbox/Checkbox.js +20 -43
  35. package/dist/components/clipboard/Clipboard.js +27 -27
  36. package/dist/components/close-button/CloseButton.js +1 -2
  37. package/dist/components/close-button/CloseButton_module.css +1 -10
  38. package/dist/components/collapsible/Collapsible.js +17 -20
  39. package/dist/components/collapsible/Collapsible_module.css +2 -4
  40. package/dist/components/color-picker/ColorPicker.d.ts +4 -3
  41. package/dist/components/color-picker/ColorPicker.js +79 -92
  42. package/dist/components/color-picker/ColorPicker_module.css +0 -1
  43. package/dist/components/combobox/Combobox.d.ts +5 -5
  44. package/dist/components/combobox/Combobox.js +51 -60
  45. package/dist/components/combobox/Combobox_module.css +0 -1
  46. package/dist/components/command-palette/CommandPalette.d.ts +7 -18
  47. package/dist/components/command-palette/CommandPalette.js +99 -126
  48. package/dist/components/command-palette/CommandPalette_module.css +11 -18
  49. package/dist/components/container/Container.js +1 -2
  50. package/dist/components/container/Container_module.css +1 -1
  51. package/dist/components/date-input/DateInput.d.ts +7 -9
  52. package/dist/components/date-input/DateInput.js +24 -54
  53. package/dist/components/date-input/DateInput_module.css +0 -1
  54. package/dist/components/date-picker/DatePicker.d.ts +1 -1
  55. package/dist/components/date-picker/DatePicker.js +84 -93
  56. package/dist/components/date-picker/DatePicker.module.js +1 -1
  57. package/dist/components/date-picker/DatePicker_module.css +5 -2
  58. package/dist/components/dialog/Dialog.d.ts +1 -1
  59. package/dist/components/dialog/Dialog.js +31 -32
  60. package/dist/components/drawer/Drawer.d.ts +6 -3
  61. package/dist/components/drawer/Drawer.js +63 -54
  62. package/dist/components/editable/Editable.d.ts +1 -1
  63. package/dist/components/editable/Editable.js +27 -28
  64. package/dist/components/empty/Empty.js +18 -19
  65. package/dist/components/field/Field.js +29 -30
  66. package/dist/components/fieldset/Fieldset.js +15 -16
  67. package/dist/components/file-upload/FileUpload.d.ts +3 -2
  68. package/dist/components/file-upload/FileUpload.js +52 -79
  69. package/dist/components/file-upload/FileUpload_module.css +4 -13
  70. package/dist/components/floating-panel/FloatingPanel.d.ts +3 -3
  71. package/dist/components/floating-panel/FloatingPanel.js +36 -37
  72. package/dist/components/floating-panel/FloatingPanel_module.css +4 -17
  73. package/dist/components/floating-panel/index.d.ts +1 -0
  74. package/dist/components/heading/Heading.js +1 -2
  75. package/dist/components/highlight/Highlight.js +1 -2
  76. package/dist/components/hover-card/HoverCard.d.ts +3 -2
  77. package/dist/components/hover-card/HoverCard.js +24 -15
  78. package/dist/components/hover-card/HoverCard.module.js +1 -0
  79. package/dist/components/hover-card/HoverCard_module.css +18 -3
  80. package/dist/components/hover-card/index.d.ts +1 -0
  81. package/dist/components/image/Image.js +1 -2
  82. package/dist/components/image-cropper/ImageCropper.d.ts +1 -1
  83. package/dist/components/image-cropper/ImageCropper.js +21 -22
  84. package/dist/components/input/Input.d.ts +4 -4
  85. package/dist/components/input/Input.js +1 -2
  86. package/dist/components/input-group/InputGroup.d.ts +5 -5
  87. package/dist/components/input-group/InputGroup.js +5 -6
  88. package/dist/components/json-tree-view/JsonTreeView.js +3 -4
  89. package/dist/components/json-tree-view/JsonTreeView_module.css +26 -10
  90. package/dist/components/kbd/Kbd.js +6 -7
  91. package/dist/components/lightbox/Lightbox.d.ts +1 -1
  92. package/dist/components/lightbox/Lightbox.js +38 -39
  93. package/dist/components/lightbox/Lightbox_module.css +0 -2
  94. package/dist/components/list/List.js +2 -3
  95. package/dist/components/listbox/Listbox.d.ts +5 -5
  96. package/dist/components/listbox/Listbox.js +50 -56
  97. package/dist/components/listbox/Listbox.module.js +2 -2
  98. package/dist/components/listbox/Listbox_module.css +3 -13
  99. package/dist/components/marquee/Marquee.js +18 -19
  100. package/dist/components/menu/Menu.d.ts +2 -1
  101. package/dist/components/menu/Menu.js +72 -79
  102. package/dist/components/menu/Menu.module.js +1 -1
  103. package/dist/components/menu/Menu_module.css +8 -8
  104. package/dist/components/native-select/NativeSelect.js +2 -3
  105. package/dist/components/native-select/NativeSelect_module.css +0 -1
  106. package/dist/components/navigation-menu/NavigationMenu.js +39 -58
  107. package/dist/components/navigation-menu/NavigationMenu.module.js +2 -3
  108. package/dist/components/navigation-menu/NavigationMenu_module.css +15 -32
  109. package/dist/components/number-input/NumberInput.js +25 -26
  110. package/dist/components/pagination/Pagination.js +28 -31
  111. package/dist/components/pagination/Pagination_module.css +1 -5
  112. package/dist/components/password-input/PasswordInput.js +20 -21
  113. package/dist/components/pin-input/PinInput.d.ts +3 -2
  114. package/dist/components/pin-input/PinInput.js +20 -61
  115. package/dist/components/popover/Popover.d.ts +5 -3
  116. package/dist/components/popover/Popover.js +41 -42
  117. package/dist/components/progress-circular/ProgressCircular.js +24 -25
  118. package/dist/components/progress-circular/ProgressCircular.module.js +1 -3
  119. package/dist/components/progress-circular/ProgressCircular_module.css +0 -10
  120. package/dist/components/progress-linear/ProgressLinear.js +21 -22
  121. package/dist/components/progress-linear/ProgressLinear.module.js +1 -5
  122. package/dist/components/progress-linear/ProgressLinear_module.css +0 -20
  123. package/dist/components/qr-code/QrCode.js +18 -19
  124. package/dist/components/radio-group/RadioGroup.d.ts +1 -0
  125. package/dist/components/radio-group/RadioGroup.js +25 -39
  126. package/dist/components/radio-group/RadioGroup_module.css +0 -1
  127. package/dist/components/rating-group/RatingGroup.d.ts +1 -0
  128. package/dist/components/rating-group/RatingGroup.js +19 -36
  129. package/dist/components/rating-group/RatingGroup_module.css +1 -1
  130. package/dist/components/scroll-area/ScrollArea.js +7 -8
  131. package/dist/components/segment-group/SegmentGroup.d.ts +1 -0
  132. package/dist/components/segment-group/SegmentGroup.js +28 -42
  133. package/dist/components/segment-group/SegmentGroup_module.css +4 -0
  134. package/dist/components/select/Select.d.ts +4 -7
  135. package/dist/components/select/Select.js +69 -119
  136. package/dist/components/select/Select.module.js +1 -1
  137. package/dist/components/select/Select_module.css +4 -31
  138. package/dist/components/separator/Separator.d.ts +6 -6
  139. package/dist/components/separator/Separator.js +1 -2
  140. package/dist/components/sidebar/Sidebar.d.ts +16 -16
  141. package/dist/components/sidebar/Sidebar.js +81 -86
  142. package/dist/components/sidebar/Sidebar.module.js +2 -3
  143. package/dist/components/sidebar/Sidebar_module.css +62 -158
  144. package/dist/components/signature-pad/SignaturePad.d.ts +5 -8
  145. package/dist/components/signature-pad/SignaturePad.js +28 -57
  146. package/dist/components/signature-pad/SignaturePad_module.css +0 -1
  147. package/dist/components/simple-grid/SimpleGrid.js +13 -8
  148. package/dist/components/skeleton/Skeleton.d.ts +2 -2
  149. package/dist/components/skeleton/Skeleton.js +1 -2
  150. package/dist/components/slider/Slider.d.ts +2 -2
  151. package/dist/components/slider/Slider.js +38 -52
  152. package/dist/components/spinner/Spinner.d.ts +2 -2
  153. package/dist/components/spinner/Spinner.js +1 -2
  154. package/dist/components/split-button/SplitButton.d.ts +7 -7
  155. package/dist/components/split-button/SplitButton.js +25 -17
  156. package/dist/components/splitter/Splitter.js +14 -15
  157. package/dist/components/splitter/Splitter_module.css +2 -10
  158. package/dist/components/stack/Stack.d.ts +6 -6
  159. package/dist/components/stack/Stack.js +4 -5
  160. package/dist/components/stack/Stack_module.css +1 -1
  161. package/dist/components/steps/Steps.js +35 -36
  162. package/dist/components/steps/Steps_module.css +2 -3
  163. package/dist/components/swap/Swap.js +9 -10
  164. package/dist/components/switch/Switch.d.ts +3 -2
  165. package/dist/components/switch/Switch.js +17 -40
  166. package/dist/components/switch/Switch_module.css +0 -1
  167. package/dist/components/table/Table.d.ts +5 -5
  168. package/dist/components/table/Table.js +35 -36
  169. package/dist/components/tabs/Tabs.js +18 -19
  170. package/dist/components/tabs/Tabs_module.css +5 -10
  171. package/dist/components/tag/Tag.js +5 -6
  172. package/dist/components/tag/Tag_module.css +2 -4
  173. package/dist/components/tags-input/TagsInput.d.ts +3 -3
  174. package/dist/components/tags-input/TagsInput.js +37 -91
  175. package/dist/components/tags-input/TagsInput_module.css +0 -1
  176. package/dist/components/text/Text.js +1 -2
  177. package/dist/components/textarea/Textarea.js +1 -2
  178. package/dist/components/timer/Timer.js +21 -22
  179. package/dist/components/toast/Toast.d.ts +1 -1
  180. package/dist/components/toast/Toast.js +15 -16
  181. package/dist/components/toast/Toast_module.css +1 -2
  182. package/dist/components/toc/Toc.js +29 -30
  183. package/dist/components/toc/Toc_module.css +2 -2
  184. package/dist/components/toggle/Toggle.js +6 -7
  185. package/dist/components/toggle-group/ToggleGroup.d.ts +1 -1
  186. package/dist/components/toggle-group/ToggleGroup.js +3 -4
  187. package/dist/components/tooltip/Tooltip.d.ts +1 -1
  188. package/dist/components/tooltip/Tooltip.js +17 -18
  189. package/dist/components/tooltip/Tooltip_module.css +1 -1
  190. package/dist/components/tour/Tour.d.ts +1 -1
  191. package/dist/components/tour/Tour.js +39 -40
  192. package/dist/components/tree-view/TreeView.d.ts +4 -4
  193. package/dist/components/tree-view/TreeView.js +47 -48
  194. package/dist/components/tree-view/TreeView_module.css +39 -12
  195. package/dist/components/typeset/Typeset.js +2 -3
  196. package/dist/components/typeset/Typeset_module.css +300 -159
  197. package/dist/internal/icons/ui/Icons.d.ts +9 -30
  198. package/dist/internal/icons/ui/Icons.js +67 -807
  199. package/dist/internal/icons/ui/index.d.ts +1 -1
  200. package/dist/styles/animations.css +310 -0
  201. package/dist/styles/style.css +168 -2
  202. package/package.json +23 -23
  203. package/dist/internal/normalizeClassName.d.ts +0 -1
  204. package/dist/internal/normalizeClassName.js +0 -2
@@ -1,55 +1,50 @@
1
1
  "use client";
2
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
+ import { jsx } from "react/jsx-runtime";
3
3
  import { PinInput, usePinInput, usePinInputContext } from "@ark-ui/react/pin-input";
4
4
  import { clsx } from "clsx";
5
- import { Children, cloneElement, forwardRef, useEffect, useRef } from "react";
5
+ import { forwardRef } from "react";
6
6
  import { SeparatorMarkIcon } from "../../internal/icons/ui/index.js";
7
- import { normalizeClassName } from "../../internal/normalizeClassName.js";
8
7
  import PinInput_module from "./PinInput.module.js";
9
- const PinInput_PinInputRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, count, placeholder = '', ...props }, ref) {
8
+ const PinInput_PinInputRoot = /*#__PURE__*/ forwardRef(function({ className, count, placeholder = '', ...props }, ref) {
10
9
  return /*#__PURE__*/ jsx(PinInput.Root, {
11
10
  ref: ref,
12
- asChild: asChild,
13
- "data-slot": "pin-input-root",
14
- className: clsx(PinInput_module.root, normalizeClassName(className)),
11
+ className: clsx(PinInput_module.root, className),
15
12
  count: count,
16
13
  placeholder: placeholder,
17
14
  ...props,
18
- children: withHiddenInput(children, asChild)
15
+ "data-slot": "pin-input-root"
19
16
  });
20
17
  });
21
- const PinInput_PinInputRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
18
+ const PinInput_PinInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
22
19
  return /*#__PURE__*/ jsx(PinInput.RootProvider, {
23
20
  ref: ref,
24
- asChild: asChild,
25
- "data-slot": "pin-input-root-provider",
26
- className: clsx(PinInput_module.root, normalizeClassName(className)),
21
+ className: clsx(PinInput_module.root, className),
27
22
  ...props,
28
- children: withHiddenInput(children, asChild)
23
+ "data-slot": "pin-input-root-provider"
29
24
  });
30
25
  });
31
26
  const PinInput_PinInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
32
27
  return /*#__PURE__*/ jsx(PinInput.Label, {
33
28
  ref: ref,
34
- "data-slot": "pin-input-label",
35
- className: clsx(PinInput_module.label, normalizeClassName(className)),
36
- ...props
29
+ className: clsx(PinInput_module.label, className),
30
+ ...props,
31
+ "data-slot": "pin-input-label"
37
32
  });
38
33
  });
39
34
  const PinInput_PinInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
40
35
  return /*#__PURE__*/ jsx(PinInput.Control, {
41
36
  ref: ref,
42
- "data-slot": "pin-input-control",
43
- className: clsx(PinInput_module.control, normalizeClassName(className)),
44
- ...props
37
+ className: clsx(PinInput_module.control, className),
38
+ ...props,
39
+ "data-slot": "pin-input-control"
45
40
  });
46
41
  });
47
42
  const PinInput_PinInputInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
48
43
  return /*#__PURE__*/ jsx(PinInput.Input, {
49
44
  ref: ref,
50
- "data-slot": "pin-input-input",
51
- className: clsx(PinInput_module.input, normalizeClassName(className)),
52
- ...props
45
+ className: clsx(PinInput_module.input, className),
46
+ ...props,
47
+ "data-slot": "pin-input-input"
53
48
  });
54
49
  });
55
50
  function PinInputInputs({ className }) {
@@ -59,50 +54,13 @@ function PinInputInputs({ className }) {
59
54
  className: className
60
55
  }, index));
61
56
  }
62
- function withHiddenInput(children, asChild) {
63
- const formControls = /*#__PURE__*/ jsxs(Fragment, {
64
- children: [
65
- /*#__PURE__*/ jsx(PinInputFormReset, {}),
66
- /*#__PURE__*/ jsx(PinInput.HiddenInput, {
67
- "data-slot": "pin-input-hidden-input"
68
- })
69
- ]
70
- });
71
- if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
72
- children: [
73
- children,
74
- formControls
75
- ]
76
- });
77
- const child = Children.only(children);
78
- return /*#__PURE__*/ cloneElement(child, {}, child.props.children, formControls);
79
- }
80
- function PinInputFormReset() {
81
- const pinInput = usePinInputContext();
82
- const defaultValue = useRef(pinInput.value);
83
- useEffect(()=>{
84
- const hiddenInputId = pinInput.getHiddenInputProps().id;
85
- if (!hiddenInputId) return;
86
- const hiddenInput = document.getElementById(hiddenInputId);
87
- const form = hiddenInput?.form;
88
- if (!form) return;
89
- const handleReset = ()=>{
90
- queueMicrotask(()=>pinInput.setValue(defaultValue.current));
91
- };
92
- form.addEventListener('reset', handleReset);
93
- return ()=>form.removeEventListener('reset', handleReset);
94
- }, [
95
- pinInput
96
- ]);
97
- return null;
98
- }
99
57
  function PinInputSeparator({ className, 'aria-hidden': ariaHidden = true, role = 'presentation', children, ...props }) {
100
58
  return /*#__PURE__*/ jsx("span", {
101
- "data-slot": "pin-input-separator",
102
59
  "aria-hidden": ariaHidden,
103
60
  role: role,
104
- className: clsx(PinInput_module.separator, normalizeClassName(className)),
61
+ className: clsx(PinInput_module.separator, className),
105
62
  ...props,
63
+ "data-slot": "pin-input-separator",
106
64
  children: children ?? /*#__PURE__*/ jsx(SeparatorMarkIcon, {})
107
65
  });
108
66
  }
@@ -116,6 +74,7 @@ const PinInput_PinInput = Object.assign(PinInput_PinInputRoot, {
116
74
  Root: PinInput_PinInputRoot,
117
75
  RootProvider: PinInput_PinInputRootProvider,
118
76
  Context: PinInput.Context,
77
+ HiddenInput: PinInput.HiddenInput,
119
78
  Label: PinInput_PinInputLabel,
120
79
  Control: PinInput_PinInputControl,
121
80
  Input: PinInput_PinInputInput,
@@ -1,10 +1,12 @@
1
1
  import { Popover as PopoverPrimitive, usePopover, usePopoverContext } from '@ark-ui/react/popover';
2
2
  import type { ComponentProps } from 'react';
3
- import { type OverlayPortalProps } from '../../internal/overlayPortal';
3
+ import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
4
4
  type PopoverRootProps = ComponentProps<typeof PopoverPrimitive.Root> & OverlayPortalProps;
5
- type PopoverRootProviderProps = ComponentProps<typeof PopoverPrimitive.RootProvider> & OverlayPortalProps;
5
+ type PopoverRootProviderProps = ComponentProps<typeof PopoverPrimitive.RootProvider> & {
6
+ portalRef?: OverlayPortalProps['portalRef'];
7
+ };
6
8
  declare function PopoverRoot({ lazyMount, modal, portalled, portalRef, unmountOnExit, ...props }: PopoverRootProps): import("react").JSX.Element;
7
- declare function PopoverRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, value, ...props }: PopoverRootProviderProps): import("react").JSX.Element;
9
+ declare function PopoverRootProvider({ lazyMount, portalRef, unmountOnExit, value, ...props }: PopoverRootProviderProps): import("react").JSX.Element;
8
10
  declare const Popover: typeof PopoverRoot & {
9
11
  Root: typeof PopoverRoot;
10
12
  RootProvider: typeof PopoverRootProvider;
@@ -4,7 +4,6 @@ import { ark } from "@ark-ui/react/factory";
4
4
  import { Popover, usePopover, usePopoverContext } from "@ark-ui/react/popover";
5
5
  import { clsx } from "clsx";
6
6
  import { forwardRef } from "react";
7
- import { normalizeClassName } from "../../internal/normalizeClassName.js";
8
7
  import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
9
8
  import { CloseButton } from "../close-button/index.js";
10
9
  import Popover_module from "./Popover.module.js";
@@ -23,9 +22,9 @@ function PopoverRoot({ lazyMount = true, modal, portalled, portalRef, unmountOnE
23
22
  })
24
23
  });
25
24
  }
26
- function PopoverRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, value, ...props }) {
25
+ function PopoverRootProvider({ lazyMount = true, portalRef, unmountOnExit = true, value, ...props }) {
27
26
  return /*#__PURE__*/ jsx(OverlayPortalProvider, {
28
- portalled: portalled ?? value.portalled,
27
+ portalled: value.portalled,
29
28
  portalRef: portalRef,
30
29
  children: /*#__PURE__*/ jsx(Popover.RootProvider, {
31
30
  value: value,
@@ -38,86 +37,86 @@ function PopoverRootProvider({ lazyMount = true, portalled, portalRef, unmountOn
38
37
  const Popover_PopoverAnchor = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
39
38
  return /*#__PURE__*/ jsx(Popover.Anchor, {
40
39
  ref: ref,
41
- "data-slot": "popover-anchor",
42
- className: normalizeClassName(className),
43
- ...props
40
+ className: className,
41
+ ...props,
42
+ "data-slot": "popover-anchor"
44
43
  });
45
44
  });
46
45
  const Popover_PopoverTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
47
46
  return /*#__PURE__*/ jsx(Popover.Trigger, {
48
47
  ref: ref,
49
- "data-slot": "popover-trigger",
50
48
  asChild: asChild,
51
- className: clsx(!asChild && Popover_module.trigger, normalizeClassName(className)),
52
- ...props
49
+ className: clsx(!asChild && Popover_module.trigger, className),
50
+ ...props,
51
+ "data-slot": "popover-trigger"
53
52
  });
54
53
  });
55
54
  const Popover_PopoverIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
56
55
  return /*#__PURE__*/ jsx(Popover.Indicator, {
57
56
  ref: ref,
58
- "data-slot": "popover-indicator",
59
- className: normalizeClassName(className),
60
- ...props
57
+ className: className,
58
+ ...props,
59
+ "data-slot": "popover-indicator"
61
60
  });
62
61
  });
63
62
  const Popover_PopoverPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
64
63
  return /*#__PURE__*/ jsx(OverlayPortal, {
65
64
  children: /*#__PURE__*/ jsx(Popover.Positioner, {
66
65
  ref: ref,
67
- "data-slot": "popover-positioner",
68
- className: clsx(Popover_module.positioner, normalizeClassName(className)),
69
- ...props
66
+ className: clsx(Popover_module.positioner, className),
67
+ ...props,
68
+ "data-slot": "popover-positioner"
70
69
  })
71
70
  });
72
71
  });
73
72
  const Popover_PopoverContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
74
73
  return /*#__PURE__*/ jsx(Popover.Content, {
75
74
  ref: ref,
76
- "data-slot": "popover-content",
77
- className: clsx(Popover_module.content, normalizeClassName(className)),
78
- ...props
75
+ className: clsx(Popover_module.content, className),
76
+ ...props,
77
+ "data-slot": "popover-content"
79
78
  });
80
79
  });
81
80
  const Popover_PopoverArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
82
81
  return /*#__PURE__*/ jsx(Popover.Arrow, {
83
82
  ref: ref,
84
- "data-slot": "popover-arrow",
85
- className: clsx(Popover_module.arrow, normalizeClassName(className)),
83
+ className: clsx(Popover_module.arrow, className),
86
84
  ...props,
85
+ "data-slot": "popover-arrow",
87
86
  children: children ?? /*#__PURE__*/ jsx(Popover_PopoverArrowTip, {})
88
87
  });
89
88
  });
90
89
  const Popover_PopoverArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
91
90
  return /*#__PURE__*/ jsx(Popover.ArrowTip, {
92
91
  ref: ref,
93
- "data-slot": "popover-arrow-tip",
94
- className: clsx(Popover_module.arrowTip, normalizeClassName(className)),
95
- ...props
92
+ className: clsx(Popover_module.arrowTip, className),
93
+ ...props,
94
+ "data-slot": "popover-arrow-tip"
96
95
  });
97
96
  });
98
97
  const Popover_PopoverTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
99
98
  return /*#__PURE__*/ jsx(Popover.Title, {
100
99
  ref: ref,
101
- "data-slot": "popover-title",
102
- className: clsx(Popover_module.title, normalizeClassName(className)),
103
- ...props
100
+ className: clsx(Popover_module.title, className),
101
+ ...props,
102
+ "data-slot": "popover-title"
104
103
  });
105
104
  });
106
105
  const Popover_PopoverDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
107
106
  return /*#__PURE__*/ jsx(Popover.Description, {
108
107
  ref: ref,
109
- "data-slot": "popover-description",
110
- className: clsx(Popover_module.description, normalizeClassName(className)),
111
- ...props
108
+ className: clsx(Popover_module.description, className),
109
+ ...props,
110
+ "data-slot": "popover-description"
112
111
  });
113
112
  });
114
113
  const Popover_PopoverCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
115
114
  return /*#__PURE__*/ jsx(Popover.CloseTrigger, {
116
115
  ref: ref,
117
- "data-slot": "popover-close-trigger",
118
116
  asChild: asChild,
119
- className: clsx(!asChild && Popover_module.closeTrigger, normalizeClassName(className)),
120
- ...props
117
+ className: clsx(!asChild && Popover_module.closeTrigger, className),
118
+ ...props,
119
+ "data-slot": "popover-close-trigger"
121
120
  });
122
121
  });
123
122
  const Popover_PopoverCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
@@ -128,7 +127,7 @@ const Popover_PopoverCloseIcon = /*#__PURE__*/ forwardRef(function({ className,
128
127
  ref: ref,
129
128
  "data-slot": "popover-close-icon",
130
129
  "aria-label": ariaLabel,
131
- className: clsx(Popover_module.closeIcon, normalizeClassName(className)),
130
+ className: clsx(Popover_module.closeIcon, className),
132
131
  children: children
133
132
  })
134
133
  });
@@ -136,25 +135,25 @@ const Popover_PopoverCloseIcon = /*#__PURE__*/ forwardRef(function({ className,
136
135
  const Popover_PopoverHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
137
136
  return /*#__PURE__*/ jsx(ark.div, {
138
137
  ref: ref,
139
- "data-slot": "popover-header",
140
- className: clsx(Popover_module.header, normalizeClassName(className)),
141
- ...props
138
+ className: clsx(Popover_module.header, className),
139
+ ...props,
140
+ "data-slot": "popover-header"
142
141
  });
143
142
  });
144
143
  const Popover_PopoverBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
145
144
  return /*#__PURE__*/ jsx(ark.div, {
146
145
  ref: ref,
147
- "data-slot": "popover-body",
148
- className: clsx(Popover_module.body, normalizeClassName(className)),
149
- ...props
146
+ className: clsx(Popover_module.body, className),
147
+ ...props,
148
+ "data-slot": "popover-body"
150
149
  });
151
150
  });
152
151
  const Popover_PopoverFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
153
152
  return /*#__PURE__*/ jsx(ark.div, {
154
153
  ref: ref,
155
- "data-slot": "popover-footer",
156
- className: clsx(Popover_module.footer, normalizeClassName(className)),
157
- ...props
154
+ className: clsx(Popover_module.footer, className),
155
+ ...props,
156
+ "data-slot": "popover-footer"
158
157
  });
159
158
  });
160
159
  const Popover_Popover = Object.assign(PopoverRoot, {
@@ -2,62 +2,61 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { Progress, useProgress, useProgressContext } from "@ark-ui/react/progress";
3
3
  import { clsx } from "clsx";
4
4
  import { forwardRef } from "react";
5
- import { normalizeClassName } from "../../internal/normalizeClassName.js";
6
5
  import ProgressCircular_module from "./ProgressCircular.module.js";
7
6
  const ProgressCircular_ProgressCircularRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
8
7
  return /*#__PURE__*/ jsx(Progress.Root, {
9
8
  ref: ref,
10
- "data-slot": "progress-circular-root",
11
- className: clsx(ProgressCircular_module.root, normalizeClassName(className)),
12
- ...props
9
+ className: clsx(ProgressCircular_module.root, className),
10
+ ...props,
11
+ "data-slot": "progress-circular-root"
13
12
  });
14
13
  });
15
14
  const ProgressCircular_ProgressCircularRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
16
15
  return /*#__PURE__*/ jsx(Progress.RootProvider, {
17
16
  ref: ref,
18
- "data-slot": "progress-circular-root-provider",
19
- className: clsx(ProgressCircular_module.root, normalizeClassName(className)),
20
- ...props
17
+ className: clsx(ProgressCircular_module.root, className),
18
+ ...props,
19
+ "data-slot": "progress-circular-root-provider"
21
20
  });
22
21
  });
23
22
  const ProgressCircular_ProgressCircularLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
24
23
  return /*#__PURE__*/ jsx(Progress.Label, {
25
24
  ref: ref,
26
- "data-slot": "progress-circular-label",
27
- className: clsx(ProgressCircular_module.label, normalizeClassName(className)),
28
- ...props
25
+ className: clsx(ProgressCircular_module.label, className),
26
+ ...props,
27
+ "data-slot": "progress-circular-label"
29
28
  });
30
29
  });
31
30
  const ProgressCircular_ProgressCircularValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
32
31
  return /*#__PURE__*/ jsx(Progress.ValueText, {
33
32
  ref: ref,
34
- "data-slot": "progress-circular-value-text",
35
- className: clsx(ProgressCircular_module.valueText, normalizeClassName(className)),
36
- ...props
33
+ className: clsx(ProgressCircular_module.valueText, className),
34
+ ...props,
35
+ "data-slot": "progress-circular-value-text"
37
36
  });
38
37
  });
39
38
  const ProgressCircular_ProgressCircularCircle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
40
39
  return /*#__PURE__*/ jsx(Progress.Circle, {
41
40
  ref: ref,
42
- "data-slot": "progress-circular-circle",
43
- className: clsx(ProgressCircular_module.circle, normalizeClassName(className)),
44
- ...props
41
+ className: clsx(ProgressCircular_module.circle, className),
42
+ ...props,
43
+ "data-slot": "progress-circular-circle"
45
44
  });
46
45
  });
47
46
  const ProgressCircular_ProgressCircularCircleTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
48
47
  return /*#__PURE__*/ jsx(Progress.CircleTrack, {
49
48
  ref: ref,
50
- "data-slot": "progress-circular-circle-track",
51
- className: clsx(ProgressCircular_module.circleTrack, normalizeClassName(className)),
52
- ...props
49
+ className: clsx(ProgressCircular_module.circleTrack, className),
50
+ ...props,
51
+ "data-slot": "progress-circular-circle-track"
53
52
  });
54
53
  });
55
54
  const ProgressCircular_ProgressCircularCircleRange = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
56
55
  return /*#__PURE__*/ jsx(Progress.CircleRange, {
57
56
  ref: ref,
58
- "data-slot": "progress-circular-circle-range",
59
- className: clsx(ProgressCircular_module.circleRange, normalizeClassName(className)),
60
- ...props
57
+ className: clsx(ProgressCircular_module.circleRange, className),
58
+ ...props,
59
+ "data-slot": "progress-circular-circle-range"
61
60
  });
62
61
  });
63
62
  const ProgressCircular_ProgressCircularRing = /*#__PURE__*/ forwardRef(function(props, ref) {
@@ -73,9 +72,9 @@ const ProgressCircular_ProgressCircularRing = /*#__PURE__*/ forwardRef(function(
73
72
  const ProgressCircular_ProgressCircularView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
74
73
  return /*#__PURE__*/ jsx(Progress.View, {
75
74
  ref: ref,
76
- "data-slot": "progress-circular-view",
77
- className: clsx(ProgressCircular_module.view, normalizeClassName(className)),
78
- ...props
75
+ className: clsx(ProgressCircular_module.view, className),
76
+ ...props,
77
+ "data-slot": "progress-circular-view"
79
78
  });
80
79
  });
81
80
  const ProgressCircular = Object.assign(ProgressCircular_ProgressCircularRoot, {
@@ -6,8 +6,6 @@ const ProgressCircular_module = {
6
6
  circle: "circle-xQo3V2",
7
7
  circleTrack: "circleTrack-zcLGCi",
8
8
  circleRange: "circleRange-IITheJ",
9
- view: "view-MEKkjf",
10
- "progress-circular-indeterminate": "progress-circular-indeterminate-cw44cR",
11
- progressCircularIndeterminate: "progress-circular-indeterminate-cw44cR"
9
+ view: "view-MEKkjf"
12
10
  };
13
11
  export default ProgressCircular_module;
@@ -72,15 +72,5 @@
72
72
  .view-MEKkjf {
73
73
  display: contents;
74
74
  }
75
-
76
- @keyframes progress-circular-indeterminate-cw44cR {
77
- from {
78
- transform: rotate(-90deg);
79
- }
80
-
81
- to {
82
- transform: rotate(270deg);
83
- }
84
- }
85
75
  }
86
76
 
@@ -2,62 +2,61 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { Progress, useProgress, useProgressContext } from "@ark-ui/react/progress";
3
3
  import { clsx } from "clsx";
4
4
  import { forwardRef } from "react";
5
- import { normalizeClassName } from "../../internal/normalizeClassName.js";
6
5
  import ProgressLinear_module from "./ProgressLinear.module.js";
7
6
  const ProgressLinear_ProgressLinearRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
8
7
  return /*#__PURE__*/ jsx(Progress.Root, {
9
8
  ref: ref,
10
- "data-slot": "progress-linear-root",
11
- className: clsx(ProgressLinear_module.root, normalizeClassName(className)),
12
- ...props
9
+ className: clsx(ProgressLinear_module.root, className),
10
+ ...props,
11
+ "data-slot": "progress-linear-root"
13
12
  });
14
13
  });
15
14
  const ProgressLinear_ProgressLinearRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
16
15
  return /*#__PURE__*/ jsx(Progress.RootProvider, {
17
16
  ref: ref,
18
- "data-slot": "progress-linear-root-provider",
19
- className: clsx(ProgressLinear_module.root, normalizeClassName(className)),
20
- ...props
17
+ className: clsx(ProgressLinear_module.root, className),
18
+ ...props,
19
+ "data-slot": "progress-linear-root-provider"
21
20
  });
22
21
  });
23
22
  const ProgressLinear_ProgressLinearLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
24
23
  return /*#__PURE__*/ jsx(Progress.Label, {
25
24
  ref: ref,
26
- "data-slot": "progress-linear-label",
27
- className: clsx(ProgressLinear_module.label, normalizeClassName(className)),
28
- ...props
25
+ className: clsx(ProgressLinear_module.label, className),
26
+ ...props,
27
+ "data-slot": "progress-linear-label"
29
28
  });
30
29
  });
31
30
  const ProgressLinear_ProgressLinearValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
32
31
  return /*#__PURE__*/ jsx(Progress.ValueText, {
33
32
  ref: ref,
34
- "data-slot": "progress-linear-value-text",
35
- className: clsx(ProgressLinear_module.valueText, normalizeClassName(className)),
36
- ...props
33
+ className: clsx(ProgressLinear_module.valueText, className),
34
+ ...props,
35
+ "data-slot": "progress-linear-value-text"
37
36
  });
38
37
  });
39
38
  const ProgressLinear_ProgressLinearTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
40
39
  return /*#__PURE__*/ jsx(Progress.Track, {
41
40
  ref: ref,
42
- "data-slot": "progress-linear-track",
43
- className: clsx(ProgressLinear_module.track, normalizeClassName(className)),
44
- ...props
41
+ className: clsx(ProgressLinear_module.track, className),
42
+ ...props,
43
+ "data-slot": "progress-linear-track"
45
44
  });
46
45
  });
47
46
  const ProgressLinear_ProgressLinearRange = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
48
47
  return /*#__PURE__*/ jsx(Progress.Range, {
49
48
  ref: ref,
50
- "data-slot": "progress-linear-range",
51
- className: clsx(ProgressLinear_module.range, normalizeClassName(className)),
52
- ...props
49
+ className: clsx(ProgressLinear_module.range, className),
50
+ ...props,
51
+ "data-slot": "progress-linear-range"
53
52
  });
54
53
  });
55
54
  const ProgressLinear_ProgressLinearView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
56
55
  return /*#__PURE__*/ jsx(Progress.View, {
57
56
  ref: ref,
58
- "data-slot": "progress-linear-view",
59
- className: clsx(ProgressLinear_module.view, normalizeClassName(className)),
60
- ...props
57
+ className: clsx(ProgressLinear_module.view, className),
58
+ ...props,
59
+ "data-slot": "progress-linear-view"
61
60
  });
62
61
  });
63
62
  const ProgressLinear = Object.assign(ProgressLinear_ProgressLinearRoot, {
@@ -5,10 +5,6 @@ const ProgressLinear_module = {
5
5
  valueText: "valueText-tmx0si",
6
6
  track: "track-o7p8iH",
7
7
  range: "range-A5c8GJ",
8
- view: "view-KoQ_CZ",
9
- "progress-linear-indeterminate": "progress-linear-indeterminate-MpsSj8",
10
- progressLinearIndeterminate: "progress-linear-indeterminate-MpsSj8",
11
- "progress-linear-indeterminate-vertical": "progress-linear-indeterminate-vertical-ynw1oD",
12
- progressLinearIndeterminateVertical: "progress-linear-indeterminate-vertical-ynw1oD"
8
+ view: "view-KoQ_CZ"
13
9
  };
14
10
  export default ProgressLinear_module;
@@ -96,25 +96,5 @@
96
96
  .view-KoQ_CZ {
97
97
  display: contents;
98
98
  }
99
-
100
- @keyframes progress-linear-indeterminate-MpsSj8 {
101
- from {
102
- transform: translateX(-100%);
103
- }
104
-
105
- to {
106
- transform: translateX(300%);
107
- }
108
- }
109
-
110
- @keyframes progress-linear-indeterminate-vertical-ynw1oD {
111
- from {
112
- transform: translateY(100%);
113
- }
114
-
115
- to {
116
- transform: translateY(-300%);
117
- }
118
- }
119
99
  }
120
100
 
@@ -3,54 +3,53 @@ import { jsx } from "react/jsx-runtime";
3
3
  import { QrCode, useQrCode, useQrCodeContext } from "@ark-ui/react/qr-code";
4
4
  import { clsx } from "clsx";
5
5
  import { forwardRef } from "react";
6
- import { normalizeClassName } from "../../internal/normalizeClassName.js";
7
6
  import QrCode_module from "./QrCode.module.js";
8
7
  const QrCode_QrCodeRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
9
8
  return /*#__PURE__*/ jsx(QrCode.Root, {
10
9
  ref: ref,
11
- "data-slot": "qr-code-root",
12
- className: clsx(QrCode_module.root, normalizeClassName(className)),
13
- ...props
10
+ className: clsx(QrCode_module.root, className),
11
+ ...props,
12
+ "data-slot": "qr-code-root"
14
13
  });
15
14
  });
16
15
  const QrCode_QrCodeRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
17
16
  return /*#__PURE__*/ jsx(QrCode.RootProvider, {
18
17
  ref: ref,
19
- "data-slot": "qr-code-root-provider",
20
- className: clsx(QrCode_module.root, normalizeClassName(className)),
21
- ...props
18
+ className: clsx(QrCode_module.root, className),
19
+ ...props,
20
+ "data-slot": "qr-code-root-provider"
22
21
  });
23
22
  });
24
23
  const QrCode_QrCodeFrame = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
25
24
  return /*#__PURE__*/ jsx(QrCode.Frame, {
26
25
  ref: ref,
27
- "data-slot": "qr-code-frame",
28
- className: clsx(QrCode_module.frame, normalizeClassName(className)),
29
- ...props
26
+ className: clsx(QrCode_module.frame, className),
27
+ ...props,
28
+ "data-slot": "qr-code-frame"
30
29
  });
31
30
  });
32
31
  const QrCode_QrCodePattern = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
33
32
  return /*#__PURE__*/ jsx(QrCode.Pattern, {
34
33
  ref: ref,
35
- "data-slot": "qr-code-pattern",
36
- className: clsx(QrCode_module.pattern, normalizeClassName(className)),
37
- ...props
34
+ className: clsx(QrCode_module.pattern, className),
35
+ ...props,
36
+ "data-slot": "qr-code-pattern"
38
37
  });
39
38
  });
40
39
  const QrCode_QrCodeOverlay = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
41
40
  return /*#__PURE__*/ jsx(QrCode.Overlay, {
42
41
  ref: ref,
43
- "data-slot": "qr-code-overlay",
44
- className: clsx(QrCode_module.overlay, normalizeClassName(className)),
45
- ...props
42
+ className: clsx(QrCode_module.overlay, className),
43
+ ...props,
44
+ "data-slot": "qr-code-overlay"
46
45
  });
47
46
  });
48
47
  const QrCode_QrCodeDownloadTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
49
48
  return /*#__PURE__*/ jsx(QrCode.DownloadTrigger, {
50
49
  ref: ref,
51
- "data-slot": "qr-code-download-trigger",
52
- className: clsx(QrCode_module.downloadTrigger, normalizeClassName(className)),
53
- ...props
50
+ className: clsx(QrCode_module.downloadTrigger, className),
51
+ ...props,
52
+ "data-slot": "qr-code-download-trigger"
54
53
  });
55
54
  });
56
55
  const QrCode_QrCode = Object.assign(QrCode_QrCodeRoot, {