@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.
Files changed (76) hide show
  1. package/README.md +12 -10
  2. package/dist/accordion.d.ts +4 -20
  3. package/dist/action-bar.d.ts +1 -10
  4. package/dist/action-bar.js +2 -1
  5. package/dist/alert-dialog.d.ts +12 -52
  6. package/dist/alert.d.ts +5 -21
  7. package/dist/animate.d.ts +5 -48
  8. package/dist/animate.js +6 -4
  9. package/dist/aspect-ratio.d.ts +3 -8
  10. package/dist/autocomplete.d.ts +21 -88
  11. package/dist/avatar.d.ts +6 -27
  12. package/dist/badge.d.ts +3 -11
  13. package/dist/breadcrumb.d.ts +7 -31
  14. package/dist/button-group.d.ts +4 -19
  15. package/dist/button.d.ts +4 -12
  16. package/dist/card.d.ts +7 -31
  17. package/dist/checkbox.d.ts +1 -6
  18. package/dist/collapsible.d.ts +3 -12
  19. package/dist/combobox.d.ts +18 -81
  20. package/dist/context-menu.d.ts +15 -67
  21. package/dist/count.d.ts +1 -15
  22. package/dist/count.js +3 -2
  23. package/dist/dialog.d.ts +10 -41
  24. package/dist/direction.d.ts +0 -1
  25. package/dist/drawer.d.ts +11 -44
  26. package/dist/encrypted-text.d.ts +1 -14
  27. package/dist/encrypted-text.js +2 -1
  28. package/dist/field.d.ts +7 -28
  29. package/dist/film-grain-shader.d.ts +3 -4
  30. package/dist/film-grain-webgl.d.ts +2 -9
  31. package/dist/film-grain-webgl.js +4 -1
  32. package/dist/film-grain.d.ts +1 -11
  33. package/dist/form.d.ts +11 -30
  34. package/dist/gradient-reveal-text.d.ts +1 -14
  35. package/dist/hooks/use-mobile.d.ts +2 -3
  36. package/dist/infinite-scroll.d.ts +1 -16
  37. package/dist/input-group.d.ts +11 -37
  38. package/dist/input-otp.d.ts +4 -20
  39. package/dist/input.d.ts +3 -11
  40. package/dist/item.d.ts +14 -51
  41. package/dist/kbd.d.ts +2 -10
  42. package/dist/label.d.ts +1 -6
  43. package/dist/lib/focus.d.ts +3 -5
  44. package/dist/lib/internal-icons.d.ts +19 -22
  45. package/dist/lib/utils.d.ts +3 -5
  46. package/dist/lib/utils.js +2 -1
  47. package/dist/masonry.d.ts +2 -16
  48. package/dist/masonry.js +1 -1
  49. package/dist/menu.d.ts +15 -64
  50. package/dist/menubar.d.ts +16 -55
  51. package/dist/pagination.d.ts +9 -33
  52. package/dist/popover.d.ts +9 -43
  53. package/dist/preview-card.d.ts +5 -25
  54. package/dist/progress.d.ts +5 -24
  55. package/dist/radio-group.d.ts +2 -9
  56. package/dist/radio.d.ts +2 -10
  57. package/dist/scroll-area.d.ts +2 -12
  58. package/dist/select.d.ts +15 -64
  59. package/dist/separator.d.ts +1 -7
  60. package/dist/sidebar.d.ts +29 -126
  61. package/dist/sidebar.js +2 -2
  62. package/dist/skeleton.d.ts +1 -6
  63. package/dist/slider.d.ts +1 -14
  64. package/dist/slider.js +2 -2
  65. package/dist/spinner.d.ts +1 -6
  66. package/dist/switch.d.ts +2 -9
  67. package/dist/table.d.ts +8 -34
  68. package/dist/tabs.d.ts +5 -22
  69. package/dist/textarea.d.ts +3 -12
  70. package/dist/toast.d.ts +13 -39
  71. package/dist/toggle-group.d.ts +3 -19
  72. package/dist/toggle-group.js +13 -7
  73. package/dist/toggle.d.ts +3 -11
  74. package/dist/tooltip.d.ts +4 -24
  75. package/dist/typewriter.d.ts +1 -14
  76. package/package.json +52 -51
@@ -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
- } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
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
- className,
17
- orientation,
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" | "link" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
10
- size?: "default" | "sm" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
11
- } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
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
- className,
16
- size,
17
- ...props
18
- }: CardProps): _$react_jsx_runtime0.JSX.Element;
19
- declare function CardHeader({
20
- className,
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 };
@@ -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 };
@@ -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
- ...props
11
- }: CollapsibleProps): _$react_jsx_runtime0.JSX.Element;
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 };
@@ -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
- ...props
37
- }: ComboboxProps): _$react_jsx_runtime0.JSX.Element;
38
- declare function ComboboxValue({
39
- ...props
40
- }: ComboboxValueProps): _$react_jsx_runtime0.JSX.Element;
41
- declare function ComboboxTrigger({
42
- className,
43
- children,
44
- ...props
45
- }: ComboboxTriggerProps): _$react_jsx_runtime0.JSX.Element;
46
- declare function ComboboxClear({
47
- className,
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" | "sm" | "xs" | "lg" | null | undefined;
98
- } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
99
- declare function ComboboxChips({
100
- className,
101
- size,
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 };
@@ -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): _$react_jsx_runtime0.JSX.Element;
42
- declare function ContextMenuPortal(props: ContextMenuPortalProps): _$react_jsx_runtime0.JSX.Element;
43
- declare function ContextMenuTrigger({
44
- className,
45
- ...props
46
- }: ContextMenuTriggerProps): _$react_jsx_runtime0.JSX.Element;
47
- declare function ContextMenuContent({
48
- className,
49
- align,
50
- alignOffset,
51
- side,
52
- sideOffset,
53
- restoreFocusOnClose,
54
- finalFocus,
55
- ...props
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
- setDisplay(start + (to - start) * easingRef.current(progress));
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
- disablePointerDismissal,
33
- ...props
34
- }: DialogProps): _$react_jsx_runtime0.JSX.Element;
35
- declare function DialogTrigger({
36
- ...props
37
- }: DialogTriggerProps): _$react_jsx_runtime0.JSX.Element;
38
- declare function DialogPortal({
39
- ...props
40
- }: DialogPortalProps): _$react_jsx_runtime0.JSX.Element;
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 };
@@ -1,6 +1,5 @@
1
1
  import * as React from "react";
2
2
  import { DirectionProvider, useDirection } from "@base-ui/react/direction-provider";
3
-
4
3
  //#region src/direction.d.ts
5
4
  type DirectionProviderProps = React.ComponentProps<typeof DirectionProvider>;
6
5
  //#endregion
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
- ...props
22
- }: DrawerProps): _$react_jsx_runtime0.JSX.Element;
23
- declare function DrawerTrigger({
24
- ...props
25
- }: DrawerTriggerProps): _$react_jsx_runtime0.JSX.Element;
26
- declare function DrawerPortal({
27
- ...props
28
- }: DrawerPortalProps): _$react_jsx_runtime0.JSX.Element;
29
- declare function DrawerClose({
30
- ...props
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 };
@@ -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 };
@@ -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
- scrambleCharsRef.current = (text ? scramblePreservingSpaces(text, charset) : "").split("");
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
- className,
16
- ...props
17
- }: FieldProps): _$react_jsx_runtime0.JSX.Element;
18
- declare function FieldLabel({
19
- className,
20
- ...props
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 };