@moduix/react 2.5.0 → 2.6.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.
- package/README.md +65 -86
- package/THIRD_PARTY_NOTICES.md +49 -0
- package/dist/components/accordion/Accordion.js +7 -8
- package/dist/components/alert/Alert.js +6 -7
- package/dist/components/alert/Alert_module.css +3 -16
- package/dist/components/angle-slider/AngleSlider.d.ts +5 -11
- package/dist/components/angle-slider/AngleSlider.js +17 -59
- package/dist/components/aspect-ratio/AspectRatio.js +1 -2
- package/dist/components/aspect-ratio/AspectRatio_module.css +0 -13
- package/dist/components/avatar/Avatar.d.ts +3 -6
- package/dist/components/avatar/Avatar.js +7 -50
- package/dist/components/avatar/Avatar.module.js +1 -2
- package/dist/components/avatar/Avatar_module.css +0 -6
- package/dist/components/badge/Badge.d.ts +2 -2
- package/dist/components/badge/Badge.js +5 -10
- package/dist/components/badge/Badge_module.css +7 -14
- package/dist/components/bleed/Bleed.js +1 -2
- package/dist/components/breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/components/breadcrumbs/Breadcrumbs.js +16 -32
- package/dist/components/breadcrumbs/Breadcrumbs_module.css +12 -14
- package/dist/components/button/Button.d.ts +4 -4
- package/dist/components/button/Button.js +1 -2
- package/dist/components/button/Button_module.css +2 -7
- package/dist/components/card/Card.d.ts +15 -15
- package/dist/components/card/Card.js +10 -11
- package/dist/components/card/Card_module.css +1 -17
- package/dist/components/carousel/Carousel.js +12 -13
- package/dist/components/carousel/Carousel_module.css +10 -3
- package/dist/components/chart/Chart.d.ts +9 -8
- package/dist/components/chart/Chart.js +7 -8
- package/dist/components/chart/Chart_module.css +0 -2
- package/dist/components/checkbox/Checkbox.d.ts +3 -2
- package/dist/components/checkbox/Checkbox.js +12 -35
- package/dist/components/clipboard/Clipboard.js +8 -9
- package/dist/components/close-button/CloseButton.js +1 -2
- package/dist/components/close-button/CloseButton_module.css +1 -10
- package/dist/components/collapsible/Collapsible.js +6 -9
- package/dist/components/collapsible/Collapsible_module.css +2 -4
- package/dist/components/color-picker/ColorPicker.d.ts +4 -3
- package/dist/components/color-picker/ColorPicker.js +32 -45
- package/dist/components/color-picker/ColorPicker_module.css +0 -1
- package/dist/components/combobox/Combobox.d.ts +5 -5
- package/dist/components/combobox/Combobox.js +20 -29
- package/dist/components/combobox/Combobox_module.css +0 -1
- package/dist/components/command-palette/CommandPalette.d.ts +7 -18
- package/dist/components/command-palette/CommandPalette.js +51 -78
- package/dist/components/command-palette/CommandPalette_module.css +11 -18
- package/dist/components/container/Container.js +1 -2
- package/dist/components/date-input/DateInput.d.ts +7 -9
- package/dist/components/date-input/DateInput.js +14 -44
- package/dist/components/date-input/DateInput_module.css +0 -1
- package/dist/components/date-picker/DatePicker.d.ts +1 -1
- package/dist/components/date-picker/DatePicker.js +34 -43
- package/dist/components/date-picker/DatePicker.module.js +1 -1
- package/dist/components/date-picker/DatePicker_module.css +14 -4
- package/dist/components/dialog/Dialog.d.ts +1 -1
- package/dist/components/dialog/Dialog.js +11 -12
- package/dist/components/drawer/Drawer.d.ts +6 -3
- package/dist/components/drawer/Drawer.js +33 -24
- package/dist/components/editable/Editable.d.ts +1 -1
- package/dist/components/editable/Editable.js +10 -11
- package/dist/components/empty/Empty.js +6 -7
- package/dist/components/field/Field.js +10 -11
- package/dist/components/fieldset/Fieldset.js +5 -6
- package/dist/components/file-upload/FileUpload.d.ts +3 -2
- package/dist/components/file-upload/FileUpload.js +28 -55
- package/dist/components/file-upload/FileUpload_module.css +4 -13
- package/dist/components/floating-panel/FloatingPanel.d.ts +2 -2
- package/dist/components/floating-panel/FloatingPanel.js +14 -15
- package/dist/components/floating-panel/FloatingPanel_module.css +4 -17
- package/dist/components/heading/Heading.js +1 -2
- package/dist/components/highlight/Highlight.js +1 -2
- package/dist/components/hover-card/HoverCard.d.ts +2 -1
- package/dist/components/hover-card/HoverCard.js +15 -6
- package/dist/components/hover-card/HoverCard.module.js +1 -0
- package/dist/components/hover-card/HoverCard_module.css +18 -3
- package/dist/components/image/Image.js +1 -2
- package/dist/components/image-cropper/ImageCropper.d.ts +1 -1
- package/dist/components/image-cropper/ImageCropper.js +7 -8
- package/dist/components/input/Input.d.ts +4 -4
- package/dist/components/input/Input.js +1 -2
- package/dist/components/input-group/InputGroup.d.ts +5 -5
- package/dist/components/input-group/InputGroup.js +5 -6
- package/dist/components/json-tree-view/JsonTreeView.js +3 -4
- package/dist/components/json-tree-view/JsonTreeView_module.css +26 -10
- package/dist/components/kbd/Kbd.js +2 -3
- package/dist/components/lightbox/Lightbox.d.ts +1 -1
- package/dist/components/lightbox/Lightbox.js +13 -14
- package/dist/components/lightbox/Lightbox_module.css +0 -3
- package/dist/components/list/List.js +2 -3
- package/dist/components/listbox/Listbox.d.ts +5 -5
- package/dist/components/listbox/Listbox.js +19 -25
- package/dist/components/listbox/Listbox.module.js +2 -2
- package/dist/components/listbox/Listbox_module.css +3 -13
- package/dist/components/marquee/Marquee.js +6 -7
- package/dist/components/menu/Menu.d.ts +2 -1
- package/dist/components/menu/Menu.js +34 -41
- package/dist/components/menu/Menu.module.js +1 -1
- package/dist/components/menu/Menu_module.css +8 -8
- package/dist/components/native-select/NativeSelect.js +2 -3
- package/dist/components/native-select/NativeSelect_module.css +0 -1
- package/dist/components/navigation-menu/NavigationMenu.js +17 -36
- package/dist/components/navigation-menu/NavigationMenu.module.js +2 -3
- package/dist/components/navigation-menu/NavigationMenu_module.css +15 -32
- package/dist/components/number-input/NumberInput.js +9 -10
- package/dist/components/pagination/Pagination.js +17 -20
- package/dist/components/pagination/Pagination_module.css +1 -5
- package/dist/components/password-input/PasswordInput.js +7 -8
- package/dist/components/pin-input/PinInput.d.ts +3 -2
- package/dist/components/pin-input/PinInput.js +13 -54
- package/dist/components/popover/Popover.d.ts +5 -3
- package/dist/components/popover/Popover.js +16 -17
- package/dist/components/progress-circular/ProgressCircular.js +8 -9
- package/dist/components/progress-circular/ProgressCircular.module.js +1 -3
- package/dist/components/progress-circular/ProgressCircular_module.css +0 -10
- package/dist/components/progress-linear/ProgressLinear.js +7 -8
- package/dist/components/progress-linear/ProgressLinear.module.js +1 -5
- package/dist/components/progress-linear/ProgressLinear_module.css +0 -20
- package/dist/components/qr-code/QrCode.js +6 -7
- package/dist/components/radio-group/RadioGroup.d.ts +1 -0
- package/dist/components/radio-group/RadioGroup.js +13 -27
- package/dist/components/radio-group/RadioGroup_module.css +0 -1
- package/dist/components/rating-group/RatingGroup.d.ts +1 -0
- package/dist/components/rating-group/RatingGroup.js +12 -29
- package/dist/components/rating-group/RatingGroup_module.css +1 -1
- package/dist/components/scroll-area/ScrollArea.js +7 -8
- package/dist/components/segment-group/SegmentGroup.d.ts +1 -0
- package/dist/components/segment-group/SegmentGroup.js +16 -30
- package/dist/components/segment-group/SegmentGroup_module.css +4 -0
- package/dist/components/select/Select.d.ts +4 -7
- package/dist/components/select/Select.js +36 -86
- package/dist/components/select/Select.module.js +1 -1
- package/dist/components/select/Select_module.css +4 -31
- package/dist/components/separator/Separator.d.ts +6 -6
- package/dist/components/separator/Separator.js +1 -2
- package/dist/components/sidebar/Sidebar.d.ts +24 -22
- package/dist/components/sidebar/Sidebar.js +88 -75
- package/dist/components/sidebar/Sidebar.module.js +2 -3
- package/dist/components/sidebar/Sidebar_module.css +112 -178
- package/dist/components/signature-pad/SignaturePad.d.ts +5 -8
- package/dist/components/signature-pad/SignaturePad.js +17 -46
- package/dist/components/signature-pad/SignaturePad_module.css +0 -1
- package/dist/components/simple-grid/SimpleGrid.js +13 -8
- package/dist/components/skeleton/Skeleton.d.ts +2 -2
- package/dist/components/skeleton/Skeleton.js +1 -2
- package/dist/components/slider/Slider.d.ts +2 -2
- package/dist/components/slider/Slider.js +18 -32
- package/dist/components/spinner/Spinner.d.ts +2 -2
- package/dist/components/spinner/Spinner.js +1 -2
- package/dist/components/split-button/SplitButton.d.ts +4 -4
- package/dist/components/split-button/SplitButton.js +11 -8
- package/dist/components/splitter/Splitter.js +5 -6
- package/dist/components/splitter/Splitter_module.css +2 -10
- package/dist/components/stack/Stack.d.ts +6 -6
- package/dist/components/stack/Stack.js +4 -5
- package/dist/components/stack/Stack_module.css +1 -1
- package/dist/components/steps/Steps.js +12 -13
- package/dist/components/steps/Steps_module.css +2 -3
- package/dist/components/swap/Swap.js +3 -4
- package/dist/components/switch/Switch.d.ts +3 -2
- package/dist/components/switch/Switch.js +12 -35
- package/dist/components/switch/Switch_module.css +0 -1
- package/dist/components/table/Table.d.ts +5 -5
- package/dist/components/table/Table.js +12 -13
- package/dist/components/tabs/Tabs.js +6 -7
- package/dist/components/tabs/Tabs_module.css +5 -10
- package/dist/components/tag/Tag.js +5 -6
- package/dist/components/tag/Tag_module.css +2 -4
- package/dist/components/tags-input/TagsInput.d.ts +3 -3
- package/dist/components/tags-input/TagsInput.js +21 -75
- package/dist/components/tags-input/TagsInput_module.css +0 -1
- package/dist/components/text/Text.js +1 -2
- package/dist/components/textarea/Textarea.js +1 -2
- package/dist/components/timer/Timer.js +7 -8
- package/dist/components/toast/Toast.d.ts +1 -1
- package/dist/components/toast/Toast.js +7 -8
- package/dist/components/toast/Toast_module.css +1 -2
- package/dist/components/toc/Toc.js +10 -11
- package/dist/components/toc/Toc_module.css +2 -2
- package/dist/components/toggle/Toggle.js +2 -3
- package/dist/components/toggle-group/ToggleGroup.d.ts +1 -1
- package/dist/components/toggle-group/ToggleGroup.js +3 -4
- package/dist/components/tooltip/Tooltip.d.ts +1 -1
- package/dist/components/tooltip/Tooltip.js +6 -7
- package/dist/components/tooltip/Tooltip_module.css +1 -1
- package/dist/components/tour/Tour.d.ts +1 -1
- package/dist/components/tour/Tour.js +14 -15
- package/dist/components/tree-view/TreeView.d.ts +4 -4
- package/dist/components/tree-view/TreeView.js +17 -18
- package/dist/components/tree-view/TreeView_module.css +39 -12
- package/dist/components/typeset/Typeset.js +2 -3
- package/dist/components/typeset/Typeset_module.css +300 -159
- package/dist/internal/icons/ui/Icons.d.ts +9 -30
- package/dist/internal/icons/ui/Icons.js +67 -807
- package/dist/internal/icons/ui/index.d.ts +1 -1
- package/dist/styles/animations.css +310 -0
- package/dist/styles/style.css +168 -2
- package/package.json +25 -25
- package/dist/internal/normalizeClassName.d.ts +0 -1
- package/dist/internal/normalizeClassName.js +0 -2
|
@@ -1,38 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
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 {
|
|
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({
|
|
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
11
|
"data-slot": "pin-input-root",
|
|
14
|
-
className: clsx(PinInput_module.root,
|
|
12
|
+
className: clsx(PinInput_module.root, className),
|
|
15
13
|
count: count,
|
|
16
14
|
placeholder: placeholder,
|
|
17
|
-
...props
|
|
18
|
-
children: withHiddenInput(children, asChild)
|
|
15
|
+
...props
|
|
19
16
|
});
|
|
20
17
|
});
|
|
21
|
-
const PinInput_PinInputRootProvider = /*#__PURE__*/ forwardRef(function({
|
|
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
21
|
"data-slot": "pin-input-root-provider",
|
|
26
|
-
className: clsx(PinInput_module.root,
|
|
27
|
-
...props
|
|
28
|
-
children: withHiddenInput(children, asChild)
|
|
22
|
+
className: clsx(PinInput_module.root, className),
|
|
23
|
+
...props
|
|
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
29
|
"data-slot": "pin-input-label",
|
|
35
|
-
className: clsx(PinInput_module.label,
|
|
30
|
+
className: clsx(PinInput_module.label, className),
|
|
36
31
|
...props
|
|
37
32
|
});
|
|
38
33
|
});
|
|
@@ -40,7 +35,7 @@ const PinInput_PinInputControl = /*#__PURE__*/ forwardRef(function({ className,
|
|
|
40
35
|
return /*#__PURE__*/ jsx(PinInput.Control, {
|
|
41
36
|
ref: ref,
|
|
42
37
|
"data-slot": "pin-input-control",
|
|
43
|
-
className: clsx(PinInput_module.control,
|
|
38
|
+
className: clsx(PinInput_module.control, className),
|
|
44
39
|
...props
|
|
45
40
|
});
|
|
46
41
|
});
|
|
@@ -48,7 +43,7 @@ const PinInput_PinInputInput = /*#__PURE__*/ forwardRef(function({ className, ..
|
|
|
48
43
|
return /*#__PURE__*/ jsx(PinInput.Input, {
|
|
49
44
|
ref: ref,
|
|
50
45
|
"data-slot": "pin-input-input",
|
|
51
|
-
className: clsx(PinInput_module.input,
|
|
46
|
+
className: clsx(PinInput_module.input, className),
|
|
52
47
|
...props
|
|
53
48
|
});
|
|
54
49
|
});
|
|
@@ -59,49 +54,12 @@ 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
59
|
"data-slot": "pin-input-separator",
|
|
102
60
|
"aria-hidden": ariaHidden,
|
|
103
61
|
role: role,
|
|
104
|
-
className: clsx(PinInput_module.separator,
|
|
62
|
+
className: clsx(PinInput_module.separator, className),
|
|
105
63
|
...props,
|
|
106
64
|
children: children ?? /*#__PURE__*/ jsx(SeparatorMarkIcon, {})
|
|
107
65
|
});
|
|
@@ -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> &
|
|
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,
|
|
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,
|
|
25
|
+
function PopoverRootProvider({ lazyMount = true, portalRef, unmountOnExit = true, value, ...props }) {
|
|
27
26
|
return /*#__PURE__*/ jsx(OverlayPortalProvider, {
|
|
28
|
-
portalled:
|
|
27
|
+
portalled: value.portalled,
|
|
29
28
|
portalRef: portalRef,
|
|
30
29
|
children: /*#__PURE__*/ jsx(Popover.RootProvider, {
|
|
31
30
|
value: value,
|
|
@@ -39,7 +38,7 @@ const Popover_PopoverAnchor = /*#__PURE__*/ forwardRef(function({ className, ...
|
|
|
39
38
|
return /*#__PURE__*/ jsx(Popover.Anchor, {
|
|
40
39
|
ref: ref,
|
|
41
40
|
"data-slot": "popover-anchor",
|
|
42
|
-
className:
|
|
41
|
+
className: className,
|
|
43
42
|
...props
|
|
44
43
|
});
|
|
45
44
|
});
|
|
@@ -48,7 +47,7 @@ const Popover_PopoverTrigger = /*#__PURE__*/ forwardRef(function({ asChild, clas
|
|
|
48
47
|
ref: ref,
|
|
49
48
|
"data-slot": "popover-trigger",
|
|
50
49
|
asChild: asChild,
|
|
51
|
-
className: clsx(!asChild && Popover_module.trigger,
|
|
50
|
+
className: clsx(!asChild && Popover_module.trigger, className),
|
|
52
51
|
...props
|
|
53
52
|
});
|
|
54
53
|
});
|
|
@@ -56,7 +55,7 @@ const Popover_PopoverIndicator = /*#__PURE__*/ forwardRef(function({ className,
|
|
|
56
55
|
return /*#__PURE__*/ jsx(Popover.Indicator, {
|
|
57
56
|
ref: ref,
|
|
58
57
|
"data-slot": "popover-indicator",
|
|
59
|
-
className:
|
|
58
|
+
className: className,
|
|
60
59
|
...props
|
|
61
60
|
});
|
|
62
61
|
});
|
|
@@ -65,7 +64,7 @@ const Popover_PopoverPositioner = /*#__PURE__*/ forwardRef(function({ className,
|
|
|
65
64
|
children: /*#__PURE__*/ jsx(Popover.Positioner, {
|
|
66
65
|
ref: ref,
|
|
67
66
|
"data-slot": "popover-positioner",
|
|
68
|
-
className: clsx(Popover_module.positioner,
|
|
67
|
+
className: clsx(Popover_module.positioner, className),
|
|
69
68
|
...props
|
|
70
69
|
})
|
|
71
70
|
});
|
|
@@ -74,7 +73,7 @@ const Popover_PopoverContent = /*#__PURE__*/ forwardRef(function({ className, ..
|
|
|
74
73
|
return /*#__PURE__*/ jsx(Popover.Content, {
|
|
75
74
|
ref: ref,
|
|
76
75
|
"data-slot": "popover-content",
|
|
77
|
-
className: clsx(Popover_module.content,
|
|
76
|
+
className: clsx(Popover_module.content, className),
|
|
78
77
|
...props
|
|
79
78
|
});
|
|
80
79
|
});
|
|
@@ -82,7 +81,7 @@ const Popover_PopoverArrow = /*#__PURE__*/ forwardRef(function({ className, chil
|
|
|
82
81
|
return /*#__PURE__*/ jsx(Popover.Arrow, {
|
|
83
82
|
ref: ref,
|
|
84
83
|
"data-slot": "popover-arrow",
|
|
85
|
-
className: clsx(Popover_module.arrow,
|
|
84
|
+
className: clsx(Popover_module.arrow, className),
|
|
86
85
|
...props,
|
|
87
86
|
children: children ?? /*#__PURE__*/ jsx(Popover_PopoverArrowTip, {})
|
|
88
87
|
});
|
|
@@ -91,7 +90,7 @@ const Popover_PopoverArrowTip = /*#__PURE__*/ forwardRef(function({ className, .
|
|
|
91
90
|
return /*#__PURE__*/ jsx(Popover.ArrowTip, {
|
|
92
91
|
ref: ref,
|
|
93
92
|
"data-slot": "popover-arrow-tip",
|
|
94
|
-
className: clsx(Popover_module.arrowTip,
|
|
93
|
+
className: clsx(Popover_module.arrowTip, className),
|
|
95
94
|
...props
|
|
96
95
|
});
|
|
97
96
|
});
|
|
@@ -99,7 +98,7 @@ const Popover_PopoverTitle = /*#__PURE__*/ forwardRef(function({ className, ...p
|
|
|
99
98
|
return /*#__PURE__*/ jsx(Popover.Title, {
|
|
100
99
|
ref: ref,
|
|
101
100
|
"data-slot": "popover-title",
|
|
102
|
-
className: clsx(Popover_module.title,
|
|
101
|
+
className: clsx(Popover_module.title, className),
|
|
103
102
|
...props
|
|
104
103
|
});
|
|
105
104
|
});
|
|
@@ -107,7 +106,7 @@ const Popover_PopoverDescription = /*#__PURE__*/ forwardRef(function({ className
|
|
|
107
106
|
return /*#__PURE__*/ jsx(Popover.Description, {
|
|
108
107
|
ref: ref,
|
|
109
108
|
"data-slot": "popover-description",
|
|
110
|
-
className: clsx(Popover_module.description,
|
|
109
|
+
className: clsx(Popover_module.description, className),
|
|
111
110
|
...props
|
|
112
111
|
});
|
|
113
112
|
});
|
|
@@ -116,7 +115,7 @@ const Popover_PopoverCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild,
|
|
|
116
115
|
ref: ref,
|
|
117
116
|
"data-slot": "popover-close-trigger",
|
|
118
117
|
asChild: asChild,
|
|
119
|
-
className: clsx(!asChild && Popover_module.closeTrigger,
|
|
118
|
+
className: clsx(!asChild && Popover_module.closeTrigger, className),
|
|
120
119
|
...props
|
|
121
120
|
});
|
|
122
121
|
});
|
|
@@ -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,
|
|
130
|
+
className: clsx(Popover_module.closeIcon, className),
|
|
132
131
|
children: children
|
|
133
132
|
})
|
|
134
133
|
});
|
|
@@ -137,7 +136,7 @@ const Popover_PopoverHeader = /*#__PURE__*/ forwardRef(function({ className, ...
|
|
|
137
136
|
return /*#__PURE__*/ jsx(ark.div, {
|
|
138
137
|
ref: ref,
|
|
139
138
|
"data-slot": "popover-header",
|
|
140
|
-
className: clsx(Popover_module.header,
|
|
139
|
+
className: clsx(Popover_module.header, className),
|
|
141
140
|
...props
|
|
142
141
|
});
|
|
143
142
|
});
|
|
@@ -145,7 +144,7 @@ const Popover_PopoverBody = /*#__PURE__*/ forwardRef(function({ className, ...pr
|
|
|
145
144
|
return /*#__PURE__*/ jsx(ark.div, {
|
|
146
145
|
ref: ref,
|
|
147
146
|
"data-slot": "popover-body",
|
|
148
|
-
className: clsx(Popover_module.body,
|
|
147
|
+
className: clsx(Popover_module.body, className),
|
|
149
148
|
...props
|
|
150
149
|
});
|
|
151
150
|
});
|
|
@@ -153,7 +152,7 @@ const Popover_PopoverFooter = /*#__PURE__*/ forwardRef(function({ className, ...
|
|
|
153
152
|
return /*#__PURE__*/ jsx(ark.div, {
|
|
154
153
|
ref: ref,
|
|
155
154
|
"data-slot": "popover-footer",
|
|
156
|
-
className: clsx(Popover_module.footer,
|
|
155
|
+
className: clsx(Popover_module.footer, className),
|
|
157
156
|
...props
|
|
158
157
|
});
|
|
159
158
|
});
|
|
@@ -2,13 +2,12 @@ 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
9
|
"data-slot": "progress-circular-root",
|
|
11
|
-
className: clsx(ProgressCircular_module.root,
|
|
10
|
+
className: clsx(ProgressCircular_module.root, className),
|
|
12
11
|
...props
|
|
13
12
|
});
|
|
14
13
|
});
|
|
@@ -16,7 +15,7 @@ const ProgressCircular_ProgressCircularRootProvider = /*#__PURE__*/ forwardRef(f
|
|
|
16
15
|
return /*#__PURE__*/ jsx(Progress.RootProvider, {
|
|
17
16
|
ref: ref,
|
|
18
17
|
"data-slot": "progress-circular-root-provider",
|
|
19
|
-
className: clsx(ProgressCircular_module.root,
|
|
18
|
+
className: clsx(ProgressCircular_module.root, className),
|
|
20
19
|
...props
|
|
21
20
|
});
|
|
22
21
|
});
|
|
@@ -24,7 +23,7 @@ const ProgressCircular_ProgressCircularLabel = /*#__PURE__*/ forwardRef(function
|
|
|
24
23
|
return /*#__PURE__*/ jsx(Progress.Label, {
|
|
25
24
|
ref: ref,
|
|
26
25
|
"data-slot": "progress-circular-label",
|
|
27
|
-
className: clsx(ProgressCircular_module.label,
|
|
26
|
+
className: clsx(ProgressCircular_module.label, className),
|
|
28
27
|
...props
|
|
29
28
|
});
|
|
30
29
|
});
|
|
@@ -32,7 +31,7 @@ const ProgressCircular_ProgressCircularValueText = /*#__PURE__*/ forwardRef(func
|
|
|
32
31
|
return /*#__PURE__*/ jsx(Progress.ValueText, {
|
|
33
32
|
ref: ref,
|
|
34
33
|
"data-slot": "progress-circular-value-text",
|
|
35
|
-
className: clsx(ProgressCircular_module.valueText,
|
|
34
|
+
className: clsx(ProgressCircular_module.valueText, className),
|
|
36
35
|
...props
|
|
37
36
|
});
|
|
38
37
|
});
|
|
@@ -40,7 +39,7 @@ const ProgressCircular_ProgressCircularCircle = /*#__PURE__*/ forwardRef(functio
|
|
|
40
39
|
return /*#__PURE__*/ jsx(Progress.Circle, {
|
|
41
40
|
ref: ref,
|
|
42
41
|
"data-slot": "progress-circular-circle",
|
|
43
|
-
className: clsx(ProgressCircular_module.circle,
|
|
42
|
+
className: clsx(ProgressCircular_module.circle, className),
|
|
44
43
|
...props
|
|
45
44
|
});
|
|
46
45
|
});
|
|
@@ -48,7 +47,7 @@ const ProgressCircular_ProgressCircularCircleTrack = /*#__PURE__*/ forwardRef(fu
|
|
|
48
47
|
return /*#__PURE__*/ jsx(Progress.CircleTrack, {
|
|
49
48
|
ref: ref,
|
|
50
49
|
"data-slot": "progress-circular-circle-track",
|
|
51
|
-
className: clsx(ProgressCircular_module.circleTrack,
|
|
50
|
+
className: clsx(ProgressCircular_module.circleTrack, className),
|
|
52
51
|
...props
|
|
53
52
|
});
|
|
54
53
|
});
|
|
@@ -56,7 +55,7 @@ const ProgressCircular_ProgressCircularCircleRange = /*#__PURE__*/ forwardRef(fu
|
|
|
56
55
|
return /*#__PURE__*/ jsx(Progress.CircleRange, {
|
|
57
56
|
ref: ref,
|
|
58
57
|
"data-slot": "progress-circular-circle-range",
|
|
59
|
-
className: clsx(ProgressCircular_module.circleRange,
|
|
58
|
+
className: clsx(ProgressCircular_module.circleRange, className),
|
|
60
59
|
...props
|
|
61
60
|
});
|
|
62
61
|
});
|
|
@@ -74,7 +73,7 @@ const ProgressCircular_ProgressCircularView = /*#__PURE__*/ forwardRef(function(
|
|
|
74
73
|
return /*#__PURE__*/ jsx(Progress.View, {
|
|
75
74
|
ref: ref,
|
|
76
75
|
"data-slot": "progress-circular-view",
|
|
77
|
-
className: clsx(ProgressCircular_module.view,
|
|
76
|
+
className: clsx(ProgressCircular_module.view, className),
|
|
78
77
|
...props
|
|
79
78
|
});
|
|
80
79
|
});
|
|
@@ -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;
|
|
@@ -2,13 +2,12 @@ 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
9
|
"data-slot": "progress-linear-root",
|
|
11
|
-
className: clsx(ProgressLinear_module.root,
|
|
10
|
+
className: clsx(ProgressLinear_module.root, className),
|
|
12
11
|
...props
|
|
13
12
|
});
|
|
14
13
|
});
|
|
@@ -16,7 +15,7 @@ const ProgressLinear_ProgressLinearRootProvider = /*#__PURE__*/ forwardRef(funct
|
|
|
16
15
|
return /*#__PURE__*/ jsx(Progress.RootProvider, {
|
|
17
16
|
ref: ref,
|
|
18
17
|
"data-slot": "progress-linear-root-provider",
|
|
19
|
-
className: clsx(ProgressLinear_module.root,
|
|
18
|
+
className: clsx(ProgressLinear_module.root, className),
|
|
20
19
|
...props
|
|
21
20
|
});
|
|
22
21
|
});
|
|
@@ -24,7 +23,7 @@ const ProgressLinear_ProgressLinearLabel = /*#__PURE__*/ forwardRef(function({ c
|
|
|
24
23
|
return /*#__PURE__*/ jsx(Progress.Label, {
|
|
25
24
|
ref: ref,
|
|
26
25
|
"data-slot": "progress-linear-label",
|
|
27
|
-
className: clsx(ProgressLinear_module.label,
|
|
26
|
+
className: clsx(ProgressLinear_module.label, className),
|
|
28
27
|
...props
|
|
29
28
|
});
|
|
30
29
|
});
|
|
@@ -32,7 +31,7 @@ const ProgressLinear_ProgressLinearValueText = /*#__PURE__*/ forwardRef(function
|
|
|
32
31
|
return /*#__PURE__*/ jsx(Progress.ValueText, {
|
|
33
32
|
ref: ref,
|
|
34
33
|
"data-slot": "progress-linear-value-text",
|
|
35
|
-
className: clsx(ProgressLinear_module.valueText,
|
|
34
|
+
className: clsx(ProgressLinear_module.valueText, className),
|
|
36
35
|
...props
|
|
37
36
|
});
|
|
38
37
|
});
|
|
@@ -40,7 +39,7 @@ const ProgressLinear_ProgressLinearTrack = /*#__PURE__*/ forwardRef(function({ c
|
|
|
40
39
|
return /*#__PURE__*/ jsx(Progress.Track, {
|
|
41
40
|
ref: ref,
|
|
42
41
|
"data-slot": "progress-linear-track",
|
|
43
|
-
className: clsx(ProgressLinear_module.track,
|
|
42
|
+
className: clsx(ProgressLinear_module.track, className),
|
|
44
43
|
...props
|
|
45
44
|
});
|
|
46
45
|
});
|
|
@@ -48,7 +47,7 @@ const ProgressLinear_ProgressLinearRange = /*#__PURE__*/ forwardRef(function({ c
|
|
|
48
47
|
return /*#__PURE__*/ jsx(Progress.Range, {
|
|
49
48
|
ref: ref,
|
|
50
49
|
"data-slot": "progress-linear-range",
|
|
51
|
-
className: clsx(ProgressLinear_module.range,
|
|
50
|
+
className: clsx(ProgressLinear_module.range, className),
|
|
52
51
|
...props
|
|
53
52
|
});
|
|
54
53
|
});
|
|
@@ -56,7 +55,7 @@ const ProgressLinear_ProgressLinearView = /*#__PURE__*/ forwardRef(function({ cl
|
|
|
56
55
|
return /*#__PURE__*/ jsx(Progress.View, {
|
|
57
56
|
ref: ref,
|
|
58
57
|
"data-slot": "progress-linear-view",
|
|
59
|
-
className: clsx(ProgressLinear_module.view,
|
|
58
|
+
className: clsx(ProgressLinear_module.view, className),
|
|
60
59
|
...props
|
|
61
60
|
});
|
|
62
61
|
});
|
|
@@ -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,13 +3,12 @@ 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
10
|
"data-slot": "qr-code-root",
|
|
12
|
-
className: clsx(QrCode_module.root,
|
|
11
|
+
className: clsx(QrCode_module.root, className),
|
|
13
12
|
...props
|
|
14
13
|
});
|
|
15
14
|
});
|
|
@@ -17,7 +16,7 @@ const QrCode_QrCodeRootProvider = /*#__PURE__*/ forwardRef(function({ className,
|
|
|
17
16
|
return /*#__PURE__*/ jsx(QrCode.RootProvider, {
|
|
18
17
|
ref: ref,
|
|
19
18
|
"data-slot": "qr-code-root-provider",
|
|
20
|
-
className: clsx(QrCode_module.root,
|
|
19
|
+
className: clsx(QrCode_module.root, className),
|
|
21
20
|
...props
|
|
22
21
|
});
|
|
23
22
|
});
|
|
@@ -25,7 +24,7 @@ const QrCode_QrCodeFrame = /*#__PURE__*/ forwardRef(function({ className, ...pro
|
|
|
25
24
|
return /*#__PURE__*/ jsx(QrCode.Frame, {
|
|
26
25
|
ref: ref,
|
|
27
26
|
"data-slot": "qr-code-frame",
|
|
28
|
-
className: clsx(QrCode_module.frame,
|
|
27
|
+
className: clsx(QrCode_module.frame, className),
|
|
29
28
|
...props
|
|
30
29
|
});
|
|
31
30
|
});
|
|
@@ -33,7 +32,7 @@ const QrCode_QrCodePattern = /*#__PURE__*/ forwardRef(function({ className, ...p
|
|
|
33
32
|
return /*#__PURE__*/ jsx(QrCode.Pattern, {
|
|
34
33
|
ref: ref,
|
|
35
34
|
"data-slot": "qr-code-pattern",
|
|
36
|
-
className: clsx(QrCode_module.pattern,
|
|
35
|
+
className: clsx(QrCode_module.pattern, className),
|
|
37
36
|
...props
|
|
38
37
|
});
|
|
39
38
|
});
|
|
@@ -41,7 +40,7 @@ const QrCode_QrCodeOverlay = /*#__PURE__*/ forwardRef(function({ className, ...p
|
|
|
41
40
|
return /*#__PURE__*/ jsx(QrCode.Overlay, {
|
|
42
41
|
ref: ref,
|
|
43
42
|
"data-slot": "qr-code-overlay",
|
|
44
|
-
className: clsx(QrCode_module.overlay,
|
|
43
|
+
className: clsx(QrCode_module.overlay, className),
|
|
45
44
|
...props
|
|
46
45
|
});
|
|
47
46
|
});
|
|
@@ -49,7 +48,7 @@ const QrCode_QrCodeDownloadTrigger = /*#__PURE__*/ forwardRef(function({ classNa
|
|
|
49
48
|
return /*#__PURE__*/ jsx(QrCode.DownloadTrigger, {
|
|
50
49
|
ref: ref,
|
|
51
50
|
"data-slot": "qr-code-download-trigger",
|
|
52
|
-
className: clsx(QrCode_module.downloadTrigger,
|
|
51
|
+
className: clsx(QrCode_module.downloadTrigger, className),
|
|
53
52
|
...props
|
|
54
53
|
});
|
|
55
54
|
});
|
|
@@ -15,6 +15,7 @@ declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<RadioGr
|
|
|
15
15
|
ItemContext: (props: import("@ark-ui/react/radio-group").RadioGroupItemContextProps) => ReactNode;
|
|
16
16
|
Label: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
17
17
|
Item: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.ItemProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
18
|
+
ItemHiddenInput: import("react").ForwardRefExoticComponent<RadioGroupPrimitive.ItemHiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
18
19
|
Option: import("react").ForwardRefExoticComponent<Omit<RadioGroupOptionProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
19
20
|
ItemControl: import("react").ForwardRefExoticComponent<Omit<RadioGroupItemControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
21
|
ItemText: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.ItemTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|