@waveso/ui 0.15.0 → 0.15.1
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 +12 -10
- package/dist/accordion.d.ts +4 -20
- package/dist/action-bar.d.ts +1 -10
- package/dist/action-bar.js +2 -1
- package/dist/alert-dialog.d.ts +12 -52
- package/dist/alert.d.ts +5 -21
- package/dist/animate.d.ts +5 -48
- package/dist/animate.js +6 -4
- package/dist/aspect-ratio.d.ts +3 -8
- package/dist/autocomplete.d.ts +21 -88
- package/dist/avatar.d.ts +6 -27
- package/dist/badge.d.ts +3 -11
- package/dist/breadcrumb.d.ts +7 -31
- package/dist/button-group.d.ts +4 -19
- package/dist/button.d.ts +4 -12
- package/dist/card.d.ts +7 -31
- package/dist/checkbox.d.ts +1 -6
- package/dist/collapsible.d.ts +3 -12
- package/dist/combobox.d.ts +18 -81
- package/dist/context-menu.d.ts +15 -67
- package/dist/count.d.ts +1 -15
- package/dist/count.js +3 -2
- package/dist/dialog.d.ts +10 -41
- package/dist/direction.d.ts +0 -1
- package/dist/drawer.d.ts +11 -44
- package/dist/encrypted-text.d.ts +1 -14
- package/dist/encrypted-text.js +2 -1
- package/dist/field.d.ts +7 -28
- package/dist/film-grain-shader.d.ts +3 -4
- package/dist/film-grain-webgl.d.ts +2 -9
- package/dist/film-grain-webgl.js +4 -1
- package/dist/film-grain.d.ts +1 -11
- package/dist/form.d.ts +11 -30
- package/dist/gradient-reveal-text.d.ts +1 -14
- package/dist/hooks/use-mobile.d.ts +2 -3
- package/dist/infinite-scroll.d.ts +1 -16
- package/dist/input-group.d.ts +11 -37
- package/dist/input-otp.d.ts +4 -20
- package/dist/input.d.ts +3 -11
- package/dist/item.d.ts +14 -51
- package/dist/kbd.d.ts +2 -10
- package/dist/label.d.ts +1 -6
- package/dist/lib/focus.d.ts +3 -5
- package/dist/lib/internal-icons.d.ts +19 -22
- package/dist/lib/utils.d.ts +3 -5
- package/dist/lib/utils.js +2 -1
- package/dist/masonry.d.ts +2 -16
- package/dist/masonry.js +1 -1
- package/dist/menu.d.ts +15 -64
- package/dist/menubar.d.ts +16 -55
- package/dist/pagination.d.ts +9 -33
- package/dist/popover.d.ts +9 -43
- package/dist/preview-card.d.ts +5 -25
- package/dist/progress.d.ts +5 -24
- package/dist/radio-group.d.ts +2 -9
- package/dist/radio.d.ts +2 -10
- package/dist/scroll-area.d.ts +2 -12
- package/dist/select.d.ts +15 -64
- package/dist/separator.d.ts +1 -7
- package/dist/sidebar.d.ts +29 -126
- package/dist/sidebar.js +2 -2
- package/dist/skeleton.d.ts +1 -6
- package/dist/slider.d.ts +1 -14
- package/dist/slider.js +2 -2
- package/dist/spinner.d.ts +1 -6
- package/dist/switch.d.ts +2 -9
- package/dist/table.d.ts +8 -34
- package/dist/tabs.d.ts +5 -22
- package/dist/textarea.d.ts +3 -12
- package/dist/toast.d.ts +13 -39
- package/dist/toggle-group.d.ts +3 -19
- package/dist/toggle-group.js +13 -7
- package/dist/toggle.d.ts +3 -11
- package/dist/tooltip.d.ts +4 -24
- package/dist/typewriter.d.ts +1 -14
- package/package.json +52 -51
package/dist/button-group.d.ts
CHANGED
|
@@ -1,31 +1,16 @@
|
|
|
1
1
|
import { Separator } from "./separator.js";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
2
|
import * as React from "react";
|
|
4
3
|
import { VariantProps } from "class-variance-authority";
|
|
5
4
|
import { useRender } from "@base-ui/react/use-render";
|
|
6
|
-
import * as _$class_variance_authority_types0 from "class-variance-authority/types";
|
|
7
|
-
|
|
8
5
|
//#region src/button-group.d.ts
|
|
9
6
|
declare const buttonGroupVariants: (props?: ({
|
|
10
7
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
11
|
-
} &
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
9
|
type ButtonGroupProps = React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>;
|
|
13
10
|
type ButtonGroupTextProps = useRender.ComponentProps<"div">;
|
|
14
11
|
type ButtonGroupSeparatorProps = React.ComponentProps<typeof Separator>;
|
|
15
|
-
declare function ButtonGroup({
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
...props
|
|
19
|
-
}: ButtonGroupProps): _$react_jsx_runtime0.JSX.Element;
|
|
20
|
-
declare function ButtonGroupText({
|
|
21
|
-
className,
|
|
22
|
-
render,
|
|
23
|
-
...props
|
|
24
|
-
}: ButtonGroupTextProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
25
|
-
declare function ButtonGroupSeparator({
|
|
26
|
-
className,
|
|
27
|
-
orientation,
|
|
28
|
-
...props
|
|
29
|
-
}: ButtonGroupSeparatorProps): _$react_jsx_runtime0.JSX.Element;
|
|
12
|
+
declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): React.JSX.Element;
|
|
13
|
+
declare function ButtonGroupText({ className, render, ...props }: ButtonGroupTextProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
14
|
+
declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): React.JSX.Element;
|
|
30
15
|
//#endregion
|
|
31
16
|
export { ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, buttonGroupVariants };
|
package/dist/button.d.ts
CHANGED
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import * as React from "react";
|
|
3
2
|
import { Button as Button$1 } from "@base-ui/react/button";
|
|
4
3
|
import { VariantProps } from "class-variance-authority";
|
|
5
|
-
import * as _$class_variance_authority_types0 from "class-variance-authority/types";
|
|
6
|
-
|
|
7
4
|
//#region src/button.d.ts
|
|
8
5
|
declare const buttonVariants: (props?: ({
|
|
9
|
-
variant?: "default" | "
|
|
10
|
-
size?: "default" | "
|
|
11
|
-
} &
|
|
6
|
+
variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
|
|
7
|
+
size?: "default" | "icon" | "icon-lg" | "icon-sm" | "icon-xs" | "lg" | "sm" | "xs" | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
9
|
type ButtonProps = React.ComponentProps<typeof Button$1> & VariantProps<typeof buttonVariants>;
|
|
13
|
-
declare function Button({
|
|
14
|
-
className,
|
|
15
|
-
variant,
|
|
16
|
-
size,
|
|
17
|
-
...props
|
|
18
|
-
}: ButtonProps): _$react_jsx_runtime0.JSX.Element;
|
|
10
|
+
declare function Button({ className, variant, size, ...props }: ButtonProps): React.JSX.Element;
|
|
19
11
|
//#endregion
|
|
20
12
|
export { Button, type ButtonProps, buttonVariants };
|
package/dist/card.d.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import * as React from "react";
|
|
3
|
-
|
|
4
2
|
//#region src/card.d.ts
|
|
5
3
|
type CardProps = React.ComponentProps<"div"> & {
|
|
6
4
|
size?: "default" | "sm";
|
|
@@ -11,34 +9,12 @@ type CardDescriptionProps = React.ComponentProps<"div">;
|
|
|
11
9
|
type CardActionProps = React.ComponentProps<"div">;
|
|
12
10
|
type CardContentProps = React.ComponentProps<"div">;
|
|
13
11
|
type CardFooterProps = React.ComponentProps<"div">;
|
|
14
|
-
declare function Card({
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}:
|
|
19
|
-
declare function
|
|
20
|
-
|
|
21
|
-
...props
|
|
22
|
-
}: CardHeaderProps): _$react_jsx_runtime0.JSX.Element;
|
|
23
|
-
declare function CardTitle({
|
|
24
|
-
className,
|
|
25
|
-
...props
|
|
26
|
-
}: CardTitleProps): _$react_jsx_runtime0.JSX.Element;
|
|
27
|
-
declare function CardDescription({
|
|
28
|
-
className,
|
|
29
|
-
...props
|
|
30
|
-
}: CardDescriptionProps): _$react_jsx_runtime0.JSX.Element;
|
|
31
|
-
declare function CardAction({
|
|
32
|
-
className,
|
|
33
|
-
...props
|
|
34
|
-
}: CardActionProps): _$react_jsx_runtime0.JSX.Element;
|
|
35
|
-
declare function CardContent({
|
|
36
|
-
className,
|
|
37
|
-
...props
|
|
38
|
-
}: CardContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
39
|
-
declare function CardFooter({
|
|
40
|
-
className,
|
|
41
|
-
...props
|
|
42
|
-
}: CardFooterProps): _$react_jsx_runtime0.JSX.Element;
|
|
12
|
+
declare function Card({ className, size, ...props }: CardProps): React.JSX.Element;
|
|
13
|
+
declare function CardHeader({ className, ...props }: CardHeaderProps): React.JSX.Element;
|
|
14
|
+
declare function CardTitle({ className, ...props }: CardTitleProps): React.JSX.Element;
|
|
15
|
+
declare function CardDescription({ className, ...props }: CardDescriptionProps): React.JSX.Element;
|
|
16
|
+
declare function CardAction({ className, ...props }: CardActionProps): React.JSX.Element;
|
|
17
|
+
declare function CardContent({ className, ...props }: CardContentProps): React.JSX.Element;
|
|
18
|
+
declare function CardFooter({ className, ...props }: CardFooterProps): React.JSX.Element;
|
|
43
19
|
//#endregion
|
|
44
20
|
export { Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };
|
package/dist/checkbox.d.ts
CHANGED
|
@@ -1,12 +1,7 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import * as React from "react";
|
|
3
2
|
import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
|
|
4
|
-
|
|
5
3
|
//#region src/checkbox.d.ts
|
|
6
4
|
type CheckboxProps = React.ComponentProps<typeof Checkbox$1.Root>;
|
|
7
|
-
declare function Checkbox({
|
|
8
|
-
className,
|
|
9
|
-
...props
|
|
10
|
-
}: CheckboxProps): _$react_jsx_runtime0.JSX.Element;
|
|
5
|
+
declare function Checkbox({ className, ...props }: CheckboxProps): React.JSX.Element;
|
|
11
6
|
//#endregion
|
|
12
7
|
export { Checkbox, type CheckboxProps };
|
package/dist/collapsible.d.ts
CHANGED
|
@@ -1,20 +1,11 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import * as React from "react";
|
|
3
2
|
import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
|
|
4
|
-
|
|
5
3
|
//#region src/collapsible.d.ts
|
|
6
4
|
type CollapsibleProps = React.ComponentProps<typeof Collapsible$1.Root>;
|
|
7
5
|
type CollapsibleTriggerProps = React.ComponentProps<typeof Collapsible$1.Trigger>;
|
|
8
6
|
type CollapsibleContentProps = React.ComponentProps<typeof Collapsible$1.Panel>;
|
|
9
|
-
declare function Collapsible({
|
|
10
|
-
|
|
11
|
-
}:
|
|
12
|
-
declare function CollapsibleTrigger({
|
|
13
|
-
className,
|
|
14
|
-
...props
|
|
15
|
-
}: CollapsibleTriggerProps): _$react_jsx_runtime0.JSX.Element;
|
|
16
|
-
declare function CollapsibleContent({
|
|
17
|
-
...props
|
|
18
|
-
}: CollapsibleContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
7
|
+
declare function Collapsible({ ...props }: CollapsibleProps): React.JSX.Element;
|
|
8
|
+
declare function CollapsibleTrigger({ className, ...props }: CollapsibleTriggerProps): React.JSX.Element;
|
|
9
|
+
declare function CollapsibleContent({ ...props }: CollapsibleContentProps): React.JSX.Element;
|
|
19
10
|
//#endregion
|
|
20
11
|
export { Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };
|
package/dist/combobox.d.ts
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import * as React from "react";
|
|
3
2
|
import { VariantProps } from "class-variance-authority";
|
|
4
3
|
import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
|
|
5
|
-
import * as _$class_variance_authority_types0 from "class-variance-authority/types";
|
|
6
|
-
|
|
7
4
|
//#region src/combobox.d.ts
|
|
8
5
|
type ComboboxProps = React.ComponentProps<typeof Combobox$1.Root>;
|
|
9
6
|
type ComboboxValueProps = React.ComponentProps<typeof Combobox$1.Value>;
|
|
@@ -32,85 +29,25 @@ type ComboboxChipProps = ComboboxChipBaseProps & {
|
|
|
32
29
|
showRemove?: boolean;
|
|
33
30
|
};
|
|
34
31
|
type ComboboxContentProps = ComboboxPopupProps & Pick<ComboboxPositionerProps, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">;
|
|
35
|
-
declare function Combobox({
|
|
36
|
-
|
|
37
|
-
}:
|
|
38
|
-
declare function
|
|
39
|
-
|
|
40
|
-
}:
|
|
41
|
-
declare function
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}:
|
|
46
|
-
declare function
|
|
47
|
-
|
|
48
|
-
...props
|
|
49
|
-
}: ComboboxClearProps): _$react_jsx_runtime0.JSX.Element;
|
|
50
|
-
declare function ComboboxInput({
|
|
51
|
-
className,
|
|
52
|
-
children,
|
|
53
|
-
disabled,
|
|
54
|
-
showTrigger,
|
|
55
|
-
showClear,
|
|
56
|
-
size,
|
|
57
|
-
...props
|
|
58
|
-
}: ComboboxInputProps): _$react_jsx_runtime0.JSX.Element;
|
|
59
|
-
declare function ComboboxContent({
|
|
60
|
-
className,
|
|
61
|
-
side,
|
|
62
|
-
sideOffset,
|
|
63
|
-
align,
|
|
64
|
-
alignOffset,
|
|
65
|
-
anchor,
|
|
66
|
-
...props
|
|
67
|
-
}: ComboboxContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
68
|
-
declare function ComboboxList({
|
|
69
|
-
className,
|
|
70
|
-
...props
|
|
71
|
-
}: ComboboxListProps): _$react_jsx_runtime0.JSX.Element;
|
|
72
|
-
declare function ComboboxItem({
|
|
73
|
-
className,
|
|
74
|
-
children,
|
|
75
|
-
...props
|
|
76
|
-
}: ComboboxItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
77
|
-
declare function ComboboxGroup({
|
|
78
|
-
className,
|
|
79
|
-
...props
|
|
80
|
-
}: ComboboxGroupProps): _$react_jsx_runtime0.JSX.Element;
|
|
81
|
-
declare function ComboboxLabel({
|
|
82
|
-
className,
|
|
83
|
-
...props
|
|
84
|
-
}: ComboboxLabelProps): _$react_jsx_runtime0.JSX.Element;
|
|
85
|
-
declare function ComboboxCollection({
|
|
86
|
-
...props
|
|
87
|
-
}: ComboboxCollectionProps): _$react_jsx_runtime0.JSX.Element;
|
|
88
|
-
declare function ComboboxEmpty({
|
|
89
|
-
className,
|
|
90
|
-
...props
|
|
91
|
-
}: ComboboxEmptyProps): _$react_jsx_runtime0.JSX.Element;
|
|
92
|
-
declare function ComboboxSeparator({
|
|
93
|
-
className,
|
|
94
|
-
...props
|
|
95
|
-
}: ComboboxSeparatorProps): _$react_jsx_runtime0.JSX.Element;
|
|
32
|
+
declare function Combobox({ ...props }: ComboboxProps): React.JSX.Element;
|
|
33
|
+
declare function ComboboxValue({ ...props }: ComboboxValueProps): React.JSX.Element;
|
|
34
|
+
declare function ComboboxTrigger({ className, children, ...props }: ComboboxTriggerProps): React.JSX.Element;
|
|
35
|
+
declare function ComboboxClear({ className, ...props }: ComboboxClearProps): React.JSX.Element;
|
|
36
|
+
declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, size, ...props }: ComboboxInputProps): React.JSX.Element;
|
|
37
|
+
declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxContentProps): React.JSX.Element;
|
|
38
|
+
declare function ComboboxList({ className, ...props }: ComboboxListProps): React.JSX.Element;
|
|
39
|
+
declare function ComboboxItem({ className, children, ...props }: ComboboxItemProps): React.JSX.Element;
|
|
40
|
+
declare function ComboboxGroup({ className, ...props }: ComboboxGroupProps): React.JSX.Element;
|
|
41
|
+
declare function ComboboxLabel({ className, ...props }: ComboboxLabelProps): React.JSX.Element;
|
|
42
|
+
declare function ComboboxCollection({ ...props }: ComboboxCollectionProps): React.JSX.Element;
|
|
43
|
+
declare function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps): React.JSX.Element;
|
|
44
|
+
declare function ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps): React.JSX.Element;
|
|
96
45
|
declare const comboboxChipsVariants: (props?: ({
|
|
97
|
-
size?: "default" | "
|
|
98
|
-
} &
|
|
99
|
-
declare function ComboboxChips({
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
...props
|
|
103
|
-
}: ComboboxChipsProps): _$react_jsx_runtime0.JSX.Element;
|
|
104
|
-
declare function ComboboxChip({
|
|
105
|
-
className,
|
|
106
|
-
children,
|
|
107
|
-
showRemove,
|
|
108
|
-
...props
|
|
109
|
-
}: ComboboxChipProps): _$react_jsx_runtime0.JSX.Element;
|
|
110
|
-
declare function ComboboxChipsInput({
|
|
111
|
-
className,
|
|
112
|
-
...props
|
|
113
|
-
}: ComboboxChipsInputProps): _$react_jsx_runtime0.JSX.Element;
|
|
46
|
+
size?: "default" | "lg" | "sm" | "xs" | null | undefined;
|
|
47
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
48
|
+
declare function ComboboxChips({ className, size, ...props }: ComboboxChipsProps): React.JSX.Element;
|
|
49
|
+
declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxChipProps): React.JSX.Element;
|
|
50
|
+
declare function ComboboxChipsInput({ className, ...props }: ComboboxChipsInputProps): React.JSX.Element;
|
|
114
51
|
declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
|
|
115
52
|
//#endregion
|
|
116
53
|
export { Combobox, ComboboxChip, type ComboboxChipProps, ComboboxChips, ComboboxChipsInput, type ComboboxChipsInputProps, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, type ComboboxGroupProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, type ComboboxPortalProps, type ComboboxPositionerProps, type ComboboxProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, comboboxChipsVariants, useComboboxAnchor };
|
package/dist/context-menu.d.ts
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { RestoreFocusOnClose } from "./lib/focus.js";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
2
|
import * as React from "react";
|
|
4
3
|
import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
|
|
5
|
-
|
|
6
4
|
//#region src/context-menu.d.ts
|
|
7
5
|
type ContextMenuProps = React.ComponentProps<typeof ContextMenu$1.Root>;
|
|
8
6
|
type ContextMenuPortalProps = React.ComponentProps<typeof ContextMenu$1.Portal>;
|
|
@@ -38,70 +36,20 @@ type ContextMenuRadioItemProps = React.ComponentProps<typeof ContextMenu$1.Radio
|
|
|
38
36
|
type ContextMenuSeparatorProps = React.ComponentProps<typeof ContextMenu$1.Separator>;
|
|
39
37
|
type ContextMenuSubContentProps = React.ComponentProps<typeof ContextMenuContent>;
|
|
40
38
|
type ContextMenuShortcutProps = React.ComponentProps<"span">;
|
|
41
|
-
declare function ContextMenu(props: ContextMenuProps):
|
|
42
|
-
declare function ContextMenuPortal(props: ContextMenuPortalProps):
|
|
43
|
-
declare function ContextMenuTrigger({
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}:
|
|
47
|
-
declare function
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}: ContextMenuContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
57
|
-
declare function ContextMenuGroup(props: ContextMenuGroupProps): _$react_jsx_runtime0.JSX.Element;
|
|
58
|
-
declare function ContextMenuLabel({
|
|
59
|
-
className,
|
|
60
|
-
inset,
|
|
61
|
-
...props
|
|
62
|
-
}: ContextMenuLabelProps): _$react_jsx_runtime0.JSX.Element;
|
|
63
|
-
declare function ContextMenuItem({
|
|
64
|
-
className,
|
|
65
|
-
inset,
|
|
66
|
-
variant,
|
|
67
|
-
...props
|
|
68
|
-
}: ContextMenuItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
69
|
-
declare function ContextMenuSub(props: ContextMenuSubProps): _$react_jsx_runtime0.JSX.Element;
|
|
70
|
-
declare function ContextMenuSubTrigger({
|
|
71
|
-
className,
|
|
72
|
-
inset,
|
|
73
|
-
children,
|
|
74
|
-
...props
|
|
75
|
-
}: ContextMenuSubTriggerProps): _$react_jsx_runtime0.JSX.Element;
|
|
76
|
-
declare function ContextMenuSubContent({
|
|
77
|
-
align,
|
|
78
|
-
alignOffset,
|
|
79
|
-
side,
|
|
80
|
-
sideOffset,
|
|
81
|
-
className,
|
|
82
|
-
...props
|
|
83
|
-
}: ContextMenuSubContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
84
|
-
declare function ContextMenuCheckboxItem({
|
|
85
|
-
className,
|
|
86
|
-
children,
|
|
87
|
-
checked,
|
|
88
|
-
inset,
|
|
89
|
-
...props
|
|
90
|
-
}: ContextMenuCheckboxItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
91
|
-
declare function ContextMenuRadioGroup(props: ContextMenuRadioGroupProps): _$react_jsx_runtime0.JSX.Element;
|
|
92
|
-
declare function ContextMenuRadioItem({
|
|
93
|
-
className,
|
|
94
|
-
children,
|
|
95
|
-
inset,
|
|
96
|
-
...props
|
|
97
|
-
}: ContextMenuRadioItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
98
|
-
declare function ContextMenuSeparator({
|
|
99
|
-
className,
|
|
100
|
-
...props
|
|
101
|
-
}: ContextMenuSeparatorProps): _$react_jsx_runtime0.JSX.Element;
|
|
102
|
-
declare function ContextMenuShortcut({
|
|
103
|
-
className,
|
|
104
|
-
...props
|
|
105
|
-
}: ContextMenuShortcutProps): _$react_jsx_runtime0.JSX.Element;
|
|
39
|
+
declare function ContextMenu(props: ContextMenuProps): React.JSX.Element;
|
|
40
|
+
declare function ContextMenuPortal(props: ContextMenuPortalProps): React.JSX.Element;
|
|
41
|
+
declare function ContextMenuTrigger({ className, ...props }: ContextMenuTriggerProps): React.JSX.Element;
|
|
42
|
+
declare function ContextMenuContent({ className, align, alignOffset, side, sideOffset, restoreFocusOnClose, finalFocus, ...props }: ContextMenuContentProps): React.JSX.Element;
|
|
43
|
+
declare function ContextMenuGroup(props: ContextMenuGroupProps): React.JSX.Element;
|
|
44
|
+
declare function ContextMenuLabel({ className, inset, ...props }: ContextMenuLabelProps): React.JSX.Element;
|
|
45
|
+
declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenuItemProps): React.JSX.Element;
|
|
46
|
+
declare function ContextMenuSub(props: ContextMenuSubProps): React.JSX.Element;
|
|
47
|
+
declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenuSubTriggerProps): React.JSX.Element;
|
|
48
|
+
declare function ContextMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: ContextMenuSubContentProps): React.JSX.Element;
|
|
49
|
+
declare function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }: ContextMenuCheckboxItemProps): React.JSX.Element;
|
|
50
|
+
declare function ContextMenuRadioGroup(props: ContextMenuRadioGroupProps): React.JSX.Element;
|
|
51
|
+
declare function ContextMenuRadioItem({ className, children, inset, ...props }: ContextMenuRadioItemProps): React.JSX.Element;
|
|
52
|
+
declare function ContextMenuSeparator({ className, ...props }: ContextMenuSeparatorProps): React.JSX.Element;
|
|
53
|
+
declare function ContextMenuShortcut({ className, ...props }: ContextMenuShortcutProps): React.JSX.Element;
|
|
106
54
|
//#endregion
|
|
107
55
|
export { ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuPortalProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, type RestoreFocusOnClose };
|
package/dist/count.d.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import { ReactElement } from "react";
|
|
3
|
-
|
|
4
2
|
//#region src/count.d.ts
|
|
5
3
|
interface CountProps {
|
|
6
4
|
/** Target number or Date to count to */
|
|
@@ -67,19 +65,7 @@ declare function easeOut(t: number): number;
|
|
|
67
65
|
* </Count>
|
|
68
66
|
* ```
|
|
69
67
|
*/
|
|
70
|
-
declare function Count({
|
|
71
|
-
to,
|
|
72
|
-
from: start,
|
|
73
|
-
duration,
|
|
74
|
-
delay,
|
|
75
|
-
format,
|
|
76
|
-
prefix,
|
|
77
|
-
suffix,
|
|
78
|
-
children,
|
|
79
|
-
once,
|
|
80
|
-
easing,
|
|
81
|
-
onComplete
|
|
82
|
-
}: CountProps): _$react_jsx_runtime0.JSX.Element;
|
|
68
|
+
declare function Count({ to, from: start, duration, delay, format, prefix, suffix, children, once, easing, onComplete }: CountProps): import("react").JSX.Element;
|
|
83
69
|
/** @deprecated Use `Count` instead */
|
|
84
70
|
declare const CountUp: typeof Count;
|
|
85
71
|
//#endregion
|
package/dist/count.js
CHANGED
|
@@ -7,6 +7,7 @@ import { useInView, useReducedMotion } from "motion/react";
|
|
|
7
7
|
function easeOut(t) {
|
|
8
8
|
return 1 - (1 - t) ** 3;
|
|
9
9
|
}
|
|
10
|
+
const pad = (n) => String(n).padStart(2, "0");
|
|
10
11
|
function formatCountdown(ms) {
|
|
11
12
|
if (ms <= 0) return "00:00:00";
|
|
12
13
|
const totalSeconds = Math.floor(ms / 1e3);
|
|
@@ -14,7 +15,6 @@ function formatCountdown(ms) {
|
|
|
14
15
|
const hours = Math.floor(totalSeconds % 86400 / 3600);
|
|
15
16
|
const minutes = Math.floor(totalSeconds % 3600 / 60);
|
|
16
17
|
const seconds = totalSeconds % 60;
|
|
17
|
-
const pad = (n) => String(n).padStart(2, "0");
|
|
18
18
|
if (days > 0) return `${days}d ${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
|
|
19
19
|
return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
|
|
20
20
|
}
|
|
@@ -114,7 +114,8 @@ function NumberCount({ to, from: start, duration, delay, format, prefix, suffix,
|
|
|
114
114
|
if (!startTime) startTime = timestamp;
|
|
115
115
|
const elapsed = timestamp - startTime;
|
|
116
116
|
const progress = Math.min(elapsed / duration, 1);
|
|
117
|
-
|
|
117
|
+
const current = start + (to - start) * easingRef.current(progress);
|
|
118
|
+
setDisplay(current);
|
|
118
119
|
if (progress < 1) raf = requestAnimationFrame(animate);
|
|
119
120
|
else onCompleteRef.current?.();
|
|
120
121
|
};
|
package/dist/dialog.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import * as React from "react";
|
|
3
2
|
import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
|
|
4
|
-
|
|
5
3
|
//#region src/dialog.d.ts
|
|
6
4
|
type DialogProps = React.ComponentProps<typeof Dialog$1.Root> & {
|
|
7
5
|
/**
|
|
@@ -28,44 +26,15 @@ type DialogContentProps = DialogPopupProps & {
|
|
|
28
26
|
};
|
|
29
27
|
type DialogHeaderProps = React.ComponentProps<"div">;
|
|
30
28
|
type DialogFooterProps = React.ComponentProps<"div">;
|
|
31
|
-
declare function Dialog({
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}:
|
|
35
|
-
declare function
|
|
36
|
-
|
|
37
|
-
}:
|
|
38
|
-
declare function
|
|
39
|
-
|
|
40
|
-
}:
|
|
41
|
-
declare function DialogClose({
|
|
42
|
-
...props
|
|
43
|
-
}: DialogCloseProps): _$react_jsx_runtime0.JSX.Element;
|
|
44
|
-
declare function DialogOverlay({
|
|
45
|
-
className,
|
|
46
|
-
...props
|
|
47
|
-
}: DialogOverlayProps): _$react_jsx_runtime0.JSX.Element;
|
|
48
|
-
declare function DialogContent({
|
|
49
|
-
className,
|
|
50
|
-
children,
|
|
51
|
-
showCloseButton,
|
|
52
|
-
...props
|
|
53
|
-
}: DialogContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
54
|
-
declare function DialogHeader({
|
|
55
|
-
className,
|
|
56
|
-
...props
|
|
57
|
-
}: DialogHeaderProps): _$react_jsx_runtime0.JSX.Element;
|
|
58
|
-
declare function DialogFooter({
|
|
59
|
-
className,
|
|
60
|
-
...props
|
|
61
|
-
}: DialogFooterProps): _$react_jsx_runtime0.JSX.Element;
|
|
62
|
-
declare function DialogTitle({
|
|
63
|
-
className,
|
|
64
|
-
...props
|
|
65
|
-
}: DialogTitleProps): _$react_jsx_runtime0.JSX.Element;
|
|
66
|
-
declare function DialogDescription({
|
|
67
|
-
className,
|
|
68
|
-
...props
|
|
69
|
-
}: DialogDescriptionProps): _$react_jsx_runtime0.JSX.Element;
|
|
29
|
+
declare function Dialog({ disablePointerDismissal, ...props }: DialogProps): React.JSX.Element;
|
|
30
|
+
declare function DialogTrigger({ ...props }: DialogTriggerProps): React.JSX.Element;
|
|
31
|
+
declare function DialogPortal({ ...props }: DialogPortalProps): React.JSX.Element;
|
|
32
|
+
declare function DialogClose({ ...props }: DialogCloseProps): React.JSX.Element;
|
|
33
|
+
declare function DialogOverlay({ className, ...props }: DialogOverlayProps): React.JSX.Element;
|
|
34
|
+
declare function DialogContent({ className, children, showCloseButton, ...props }: DialogContentProps): React.JSX.Element;
|
|
35
|
+
declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
|
|
36
|
+
declare function DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element;
|
|
37
|
+
declare function DialogTitle({ className, ...props }: DialogTitleProps): React.JSX.Element;
|
|
38
|
+
declare function DialogDescription({ className, ...props }: DialogDescriptionProps): React.JSX.Element;
|
|
70
39
|
//#endregion
|
|
71
40
|
export { Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogPopupProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };
|
package/dist/direction.d.ts
CHANGED
package/dist/drawer.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import * as React from "react";
|
|
3
2
|
import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
|
|
4
|
-
|
|
5
3
|
//#region src/drawer.d.ts
|
|
6
4
|
type DrawerProps = React.ComponentProps<typeof Drawer$1.Root>;
|
|
7
5
|
type DrawerTriggerProps = React.ComponentProps<typeof Drawer$1.Trigger>;
|
|
@@ -17,47 +15,16 @@ type DrawerFooterProps = React.ComponentProps<"div">;
|
|
|
17
15
|
type DrawerContentProps = DrawerPopupProps & {
|
|
18
16
|
showCloseButton?: boolean;
|
|
19
17
|
};
|
|
20
|
-
declare function Drawer({
|
|
21
|
-
|
|
22
|
-
}:
|
|
23
|
-
declare function
|
|
24
|
-
|
|
25
|
-
}:
|
|
26
|
-
declare function
|
|
27
|
-
|
|
28
|
-
}:
|
|
29
|
-
declare function
|
|
30
|
-
|
|
31
|
-
}: DrawerCloseProps): _$react_jsx_runtime0.JSX.Element;
|
|
32
|
-
declare function DrawerOverlay({
|
|
33
|
-
className,
|
|
34
|
-
...props
|
|
35
|
-
}: DrawerOverlayProps): _$react_jsx_runtime0.JSX.Element;
|
|
36
|
-
declare function DrawerViewport({
|
|
37
|
-
className,
|
|
38
|
-
...props
|
|
39
|
-
}: DrawerViewportProps): _$react_jsx_runtime0.JSX.Element;
|
|
40
|
-
declare function DrawerContent({
|
|
41
|
-
className,
|
|
42
|
-
children,
|
|
43
|
-
showCloseButton,
|
|
44
|
-
...props
|
|
45
|
-
}: DrawerContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
46
|
-
declare function DrawerHeader({
|
|
47
|
-
className,
|
|
48
|
-
...props
|
|
49
|
-
}: DrawerHeaderProps): _$react_jsx_runtime0.JSX.Element;
|
|
50
|
-
declare function DrawerFooter({
|
|
51
|
-
className,
|
|
52
|
-
...props
|
|
53
|
-
}: DrawerFooterProps): _$react_jsx_runtime0.JSX.Element;
|
|
54
|
-
declare function DrawerTitle({
|
|
55
|
-
className,
|
|
56
|
-
...props
|
|
57
|
-
}: DrawerTitleProps): _$react_jsx_runtime0.JSX.Element;
|
|
58
|
-
declare function DrawerDescription({
|
|
59
|
-
className,
|
|
60
|
-
...props
|
|
61
|
-
}: DrawerDescriptionProps): _$react_jsx_runtime0.JSX.Element;
|
|
18
|
+
declare function Drawer({ ...props }: DrawerProps): React.JSX.Element;
|
|
19
|
+
declare function DrawerTrigger({ ...props }: DrawerTriggerProps): React.JSX.Element;
|
|
20
|
+
declare function DrawerPortal({ ...props }: DrawerPortalProps): React.JSX.Element;
|
|
21
|
+
declare function DrawerClose({ ...props }: DrawerCloseProps): React.JSX.Element;
|
|
22
|
+
declare function DrawerOverlay({ className, ...props }: DrawerOverlayProps): React.JSX.Element;
|
|
23
|
+
declare function DrawerViewport({ className, ...props }: DrawerViewportProps): React.JSX.Element;
|
|
24
|
+
declare function DrawerContent({ className, children, showCloseButton, ...props }: DrawerContentProps): React.JSX.Element;
|
|
25
|
+
declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): React.JSX.Element;
|
|
26
|
+
declare function DrawerFooter({ className, ...props }: DrawerFooterProps): React.JSX.Element;
|
|
27
|
+
declare function DrawerTitle({ className, ...props }: DrawerTitleProps): React.JSX.Element;
|
|
28
|
+
declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): React.JSX.Element;
|
|
62
29
|
//#endregion
|
|
63
30
|
export { Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, type DrawerOverlayProps, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps };
|
package/dist/encrypted-text.d.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import * as React from "react";
|
|
3
|
-
|
|
4
2
|
//#region src/encrypted-text.d.ts
|
|
5
3
|
type EncryptedTextProps = React.ComponentProps<"span"> & {
|
|
6
4
|
text: string;
|
|
@@ -12,17 +10,6 @@ type EncryptedTextProps = React.ComponentProps<"span"> & {
|
|
|
12
10
|
scrambleOnly?: boolean;
|
|
13
11
|
scrambleOneChar?: boolean;
|
|
14
12
|
};
|
|
15
|
-
declare function EncryptedText({
|
|
16
|
-
text,
|
|
17
|
-
className,
|
|
18
|
-
revealDelayMs,
|
|
19
|
-
charset,
|
|
20
|
-
flipDelayMs,
|
|
21
|
-
encryptedClassName,
|
|
22
|
-
revealedClassName,
|
|
23
|
-
scrambleOnly,
|
|
24
|
-
scrambleOneChar,
|
|
25
|
-
...props
|
|
26
|
-
}: EncryptedTextProps): _$react_jsx_runtime0.JSX.Element | null;
|
|
13
|
+
declare function EncryptedText({ text, className, revealDelayMs, charset, flipDelayMs, encryptedClassName, revealedClassName, scrambleOnly, scrambleOneChar, ...props }: EncryptedTextProps): React.JSX.Element | null;
|
|
27
14
|
//#endregion
|
|
28
15
|
export { EncryptedText, type EncryptedTextProps };
|
package/dist/encrypted-text.js
CHANGED
|
@@ -40,7 +40,8 @@ function EncryptedText({ text, className, revealDelayMs = 50, charset = DEFAULT_
|
|
|
40
40
|
React.useEffect(() => {
|
|
41
41
|
if (prefersReducedMotion) return;
|
|
42
42
|
if (!isInView) return;
|
|
43
|
-
|
|
43
|
+
const initial = text ? scramblePreservingSpaces(text, charset) : "";
|
|
44
|
+
scrambleCharsRef.current = initial.split("");
|
|
44
45
|
startTimeRef.current = performance.now();
|
|
45
46
|
lastFlipTimeRef.current = startTimeRef.current;
|
|
46
47
|
setRevealCount(0);
|
package/dist/field.d.ts
CHANGED
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import * as React from "react";
|
|
3
2
|
import { Field as FieldPrimitive } from "@base-ui/react/field";
|
|
4
|
-
import * as _$_base_ui_react0 from "@base-ui/react";
|
|
5
|
-
|
|
6
3
|
//#region src/field.d.ts
|
|
7
4
|
type FieldProps = React.ComponentProps<typeof FieldPrimitive.Root>;
|
|
8
5
|
type FieldLabelProps = React.ComponentProps<typeof FieldPrimitive.Label>;
|
|
@@ -11,30 +8,12 @@ type FieldItemProps = React.ComponentProps<typeof FieldPrimitive.Item>;
|
|
|
11
8
|
type FieldErrorProps = React.ComponentProps<typeof FieldPrimitive.Error>;
|
|
12
9
|
type FieldValidityProps = React.ComponentProps<typeof FieldPrimitive.Validity>;
|
|
13
10
|
type FieldControlProps = React.ComponentProps<typeof FieldPrimitive.Control>;
|
|
14
|
-
declare function Field({
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}:
|
|
18
|
-
declare function
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}: FieldLabelProps): _$react_jsx_runtime0.JSX.Element;
|
|
22
|
-
declare function FieldControl({
|
|
23
|
-
className,
|
|
24
|
-
...props
|
|
25
|
-
}: FieldControlProps): _$react_jsx_runtime0.JSX.Element;
|
|
26
|
-
declare function FieldDescription({
|
|
27
|
-
className,
|
|
28
|
-
...props
|
|
29
|
-
}: FieldDescriptionProps): _$react_jsx_runtime0.JSX.Element;
|
|
30
|
-
declare function FieldItem({
|
|
31
|
-
className,
|
|
32
|
-
...props
|
|
33
|
-
}: FieldItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
34
|
-
declare function FieldError({
|
|
35
|
-
className,
|
|
36
|
-
...props
|
|
37
|
-
}: FieldErrorProps): _$react_jsx_runtime0.JSX.Element;
|
|
38
|
-
declare const FieldValidity: React.FC<_$_base_ui_react0.FieldValidityProps>;
|
|
11
|
+
declare function Field({ className, ...props }: FieldProps): React.JSX.Element;
|
|
12
|
+
declare function FieldLabel({ className, ...props }: FieldLabelProps): React.JSX.Element;
|
|
13
|
+
declare function FieldControl({ className, ...props }: FieldControlProps): React.JSX.Element;
|
|
14
|
+
declare function FieldDescription({ className, ...props }: FieldDescriptionProps): React.JSX.Element;
|
|
15
|
+
declare function FieldItem({ className, ...props }: FieldItemProps): React.JSX.Element;
|
|
16
|
+
declare function FieldError({ className, ...props }: FieldErrorProps): React.JSX.Element;
|
|
17
|
+
declare const FieldValidity: React.FC<import("@base-ui/react").FieldValidityProps>;
|
|
39
18
|
//#endregion
|
|
40
19
|
export { Field, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, FieldPrimitive, type FieldProps, FieldValidity, type FieldValidityProps };
|