@waveso/ui 0.8.1 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/accordion.d.ts +1 -1
  2. package/dist/action-bar.d.ts +5 -1
  3. package/dist/action-bar.js +4 -0
  4. package/dist/alert-dialog.d.ts +4 -2
  5. package/dist/alert-dialog.js +6 -2
  6. package/dist/alert.d.ts +1 -1
  7. package/dist/alert.js +1 -1
  8. package/dist/animate.d.ts +14 -4
  9. package/dist/autocomplete.d.ts +1 -1
  10. package/dist/avatar.d.ts +1 -1
  11. package/dist/badge.d.ts +2 -2
  12. package/dist/breadcrumb.d.ts +1 -1
  13. package/dist/button-group.d.ts +1 -1
  14. package/dist/button.d.ts +3 -3
  15. package/dist/button.js +2 -0
  16. package/dist/card.d.ts +1 -1
  17. package/dist/checkbox.d.ts +1 -1
  18. package/dist/collapsible.d.ts +1 -1
  19. package/dist/combobox.d.ts +8 -7
  20. package/dist/context-menu.d.ts +1 -1
  21. package/dist/dialog.d.ts +4 -7
  22. package/dist/dialog.js +3 -7
  23. package/dist/direction.d.ts +7 -2
  24. package/dist/drawer.d.ts +6 -1
  25. package/dist/drawer.js +31 -28
  26. package/dist/encrypted-text.d.ts +1 -1
  27. package/dist/form.d.ts +1 -1
  28. package/dist/infinite-scroll.d.ts +4 -5
  29. package/dist/infinite-scroll.js +2 -1
  30. package/dist/input-group.d.ts +3 -3
  31. package/dist/input-group.js +1 -1
  32. package/dist/input-otp.d.ts +1 -1
  33. package/dist/input.d.ts +3 -2
  34. package/dist/item.d.ts +3 -3
  35. package/dist/item.js +1 -1
  36. package/dist/label.d.ts +1 -1
  37. package/dist/masonry.d.ts +1 -1
  38. package/dist/menu.d.ts +1 -1
  39. package/dist/menubar.d.ts +1 -1
  40. package/dist/pagination.d.ts +1 -1
  41. package/dist/popover.d.ts +8 -1
  42. package/dist/popover.js +2 -2
  43. package/dist/preview-card.d.ts +5 -2
  44. package/dist/preview-card.js +2 -2
  45. package/dist/progress.d.ts +1 -1
  46. package/dist/progress.js +3 -3
  47. package/dist/radio-group.d.ts +1 -1
  48. package/dist/radio.d.ts +1 -1
  49. package/dist/scroll-area.d.ts +1 -1
  50. package/dist/select.d.ts +1 -1
  51. package/dist/separator.d.ts +1 -1
  52. package/dist/sidebar.d.ts +73 -50
  53. package/dist/sidebar.js +1 -1
  54. package/dist/skeleton.d.ts +1 -1
  55. package/dist/slider.d.ts +1 -1
  56. package/dist/spinner.d.ts +1 -1
  57. package/dist/switch.d.ts +1 -1
  58. package/dist/table.d.ts +1 -1
  59. package/dist/tabs.d.ts +1 -1
  60. package/dist/textarea.d.ts +1 -1
  61. package/dist/toast.d.ts +6 -5
  62. package/dist/toast.js +1 -1
  63. package/dist/toggle-group.d.ts +1 -1
  64. package/dist/toggle-group.js +6 -6
  65. package/dist/toggle.d.ts +1 -1
  66. package/dist/tooltip.d.ts +1 -1
  67. package/package.json +1 -1
package/dist/masonry.d.ts CHANGED
@@ -27,4 +27,4 @@ declare function MasonryItem({
27
27
  ...props
28
28
  }: MasonryItemProps): _$react_jsx_runtime0.JSX.Element;
29
29
  //#endregion
30
- export { Masonry, MasonryItem };
30
+ export { Masonry, MasonryItem, MasonryItemProps, MasonryProps };
package/dist/menu.d.ts CHANGED
@@ -101,4 +101,4 @@ declare function MenuShortcut({
101
101
  ...props
102
102
  }: MenuShortcutProps): _$react_jsx_runtime0.JSX.Element;
103
103
  //#endregion
104
- export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger };
104
+ export { Menu, MenuCheckboxItem, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuLabel, MenuLabelProps, MenuPortal, MenuPortalProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemProps, MenuSeparator, MenuSeparatorProps, MenuShortcut, MenuShortcutProps, MenuSub, MenuSubContent, MenuSubContentProps, MenuSubProps, MenuSubTrigger, MenuSubTriggerProps, MenuTrigger, MenuTriggerProps, type RestoreFocusOnClose };
package/dist/menubar.d.ts CHANGED
@@ -74,4 +74,4 @@ declare function MenubarSubContent({
74
74
  ...props
75
75
  }: MenubarSubContentProps): _$react_jsx_runtime0.JSX.Element;
76
76
  //#endregion
77
- export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
77
+ export { Menubar, MenubarCheckboxItem, MenubarCheckboxItemProps, MenubarContent, MenubarContentProps, MenubarGroup, MenubarGroupProps, MenubarItem, MenubarItemProps, MenubarLabel, MenubarLabelProps, MenubarMenu, MenubarMenuProps, MenubarPortal, MenubarPortalProps, MenubarProps, MenubarRadioGroup, MenubarRadioGroupProps, MenubarRadioItem, MenubarRadioItemProps, MenubarSeparator, MenubarSeparatorProps, MenubarShortcut, MenubarShortcutProps, MenubarSub, MenubarSubContent, MenubarSubContentProps, MenubarSubProps, MenubarSubTrigger, MenubarSubTriggerProps, MenubarTrigger, MenubarTriggerProps };
@@ -48,4 +48,4 @@ declare function PaginationEllipsis({
48
48
  ...props
49
49
  }: PaginationEllipsisProps): _$react_jsx_runtime0.JSX.Element;
50
50
  //#endregion
51
- export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
51
+ export { Pagination, PaginationContent, PaginationContentProps, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationProps };
package/dist/popover.d.ts CHANGED
@@ -20,6 +20,12 @@ type PopoverContentProps = React.ComponentProps<typeof Popover$1.Popup> & Pick<R
20
20
  * close doesn't keep it pinned visible. See {@link RestoreFocusOnClose}.
21
21
  */
22
22
  restoreFocusOnClose?: RestoreFocusOnClose;
23
+ /**
24
+ * Escape hatch to style the underlying Positioner (the anchored
25
+ * wrapper), e.g. to override its `z-index` or width constraints.
26
+ * Applied alongside the default `isolate z-50`.
27
+ */
28
+ positionerClassName?: string;
23
29
  };
24
30
  declare function Popover({
25
31
  ...props
@@ -40,6 +46,7 @@ declare function PopoverBackdrop({
40
46
  }: PopoverBackdropProps): _$react_jsx_runtime0.JSX.Element;
41
47
  declare function PopoverContent({
42
48
  className,
49
+ positionerClassName,
43
50
  align,
44
51
  alignOffset,
45
52
  side,
@@ -62,4 +69,4 @@ declare function PopoverDescription({
62
69
  ...props
63
70
  }: PopoverDescriptionProps): _$react_jsx_runtime0.JSX.Element;
64
71
  //#endregion
65
- export { Popover, PopoverBackdrop, PopoverContent, PopoverDescription, PopoverHeader, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger };
72
+ export { Popover, PopoverBackdrop, PopoverBackdropProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverHeader, PopoverHeaderProps, PopoverPortal, PopoverPortalProps, PopoverPositioner, PopoverPositionerProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps, type RestoreFocusOnClose };
package/dist/popover.js CHANGED
@@ -37,14 +37,14 @@ function PopoverBackdrop({ className, ...props }) {
37
37
  ...props
38
38
  });
39
39
  }
40
- function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, anchor, restoreFocusOnClose, finalFocus, ...props }) {
40
+ function PopoverContent({ className, positionerClassName, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, anchor, restoreFocusOnClose, finalFocus, ...props }) {
41
41
  return /* @__PURE__ */ jsx(PopoverPortal, { children: /* @__PURE__ */ jsx(PopoverPositioner, {
42
42
  anchor,
43
43
  align,
44
44
  alignOffset,
45
45
  side,
46
46
  sideOffset,
47
- className: "isolate z-50",
47
+ className: cn("isolate z-50", positionerClassName),
48
48
  children: /* @__PURE__ */ jsx(Popover$1.Popup, {
49
49
  "data-slot": "popover-content",
50
50
  className: cn("motion-pop-md bg-elevated text-contrast ring-contrast/10 z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-md p-2.5 text-sm shadow-md ring-1 outline-hidden", className),
@@ -8,7 +8,9 @@ type PreviewCardTriggerProps = React.ComponentProps<typeof PreviewCard$1.Trigger
8
8
  type PreviewCardPortalProps = React.ComponentProps<typeof PreviewCard$1.Portal>;
9
9
  type PreviewCardPositionerProps = React.ComponentProps<typeof PreviewCard$1.Positioner>;
10
10
  type PreviewCardPopupProps = React.ComponentProps<typeof PreviewCard$1.Popup>;
11
- type PreviewCardContentProps = PreviewCardPopupProps & Pick<PreviewCardPositionerProps, "align" | "alignOffset" | "side" | "sideOffset" | "anchor">;
11
+ type PreviewCardContentProps = PreviewCardPopupProps & Pick<PreviewCardPositionerProps, "align" | "alignOffset" | "side" | "sideOffset" | "anchor"> & {
12
+ positionerClassName?: string;
13
+ };
12
14
  declare function PreviewCard({
13
15
  ...props
14
16
  }: PreviewCardProps): _$react_jsx_runtime0.JSX.Element;
@@ -24,6 +26,7 @@ declare function PreviewCardPositioner({
24
26
  }: PreviewCardPositionerProps): _$react_jsx_runtime0.JSX.Element;
25
27
  declare function PreviewCardContent({
26
28
  className,
29
+ positionerClassName,
27
30
  side,
28
31
  sideOffset,
29
32
  align,
@@ -32,4 +35,4 @@ declare function PreviewCardContent({
32
35
  ...props
33
36
  }: PreviewCardContentProps): _$react_jsx_runtime0.JSX.Element;
34
37
  //#endregion
35
- export { PreviewCard, PreviewCardContent, PreviewCardPortal, PreviewCardPositioner, PreviewCardTrigger };
38
+ export { PreviewCard, PreviewCardContent, PreviewCardContentProps, PreviewCardPortal, PreviewCardPortalProps, PreviewCardPositioner, PreviewCardPositionerProps, PreviewCardProps, PreviewCardTrigger, PreviewCardTriggerProps };
@@ -29,14 +29,14 @@ function PreviewCardPositioner({ className, ...props }) {
29
29
  ...props
30
30
  });
31
31
  }
32
- function PreviewCardContent({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, anchor, ...props }) {
32
+ function PreviewCardContent({ className, positionerClassName, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, anchor, ...props }) {
33
33
  return /* @__PURE__ */ jsx(PreviewCardPortal, { children: /* @__PURE__ */ jsx(PreviewCardPositioner, {
34
34
  anchor,
35
35
  align,
36
36
  alignOffset,
37
37
  side,
38
38
  sideOffset,
39
- className: "isolate z-50",
39
+ className: cn("isolate z-50", positionerClassName),
40
40
  children: /* @__PURE__ */ jsx(PreviewCard$1.Popup, {
41
41
  "data-slot": "preview-card-content",
42
42
  className: cn("motion-pop-md bg-elevated text-contrast ring-contrast/10 z-50 w-64 origin-(--transform-origin) rounded-md p-2.5 text-sm shadow-md ring-1 outline-hidden", className),
@@ -31,4 +31,4 @@ declare function ProgressValue({
31
31
  ...props
32
32
  }: ProgressValueProps): _$react_jsx_runtime0.JSX.Element;
33
33
  //#endregion
34
- export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
34
+ export { Progress, ProgressIndicator, ProgressIndicatorProps, ProgressLabel, ProgressLabelProps, ProgressProps, ProgressTrack, ProgressTrackProps, ProgressValue, ProgressValueProps };
package/dist/progress.js CHANGED
@@ -4,11 +4,11 @@ import "react";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  import { Progress as Progress$1 } from "@base-ui/react/progress";
6
6
  //#region src/progress.tsx
7
- function Progress({ className, children, value, ...props }) {
7
+ function Progress({ className, children, value = null, ...props }) {
8
8
  return /* @__PURE__ */ jsxs(Progress$1.Root, {
9
9
  value,
10
10
  "data-slot": "progress",
11
- className: cn("flex flex-wrap gap-3", className),
11
+ className: cn("group/progress flex flex-wrap gap-3", className),
12
12
  ...props,
13
13
  children: [children, /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })]
14
14
  });
@@ -23,7 +23,7 @@ function ProgressTrack({ className, ...props }) {
23
23
  function ProgressIndicator({ className, ...props }) {
24
24
  return /* @__PURE__ */ jsx(Progress$1.Indicator, {
25
25
  "data-slot": "progress-indicator",
26
- className: cn("bg-primary h-full transition-[width]", className),
26
+ className: cn("bg-primary h-full transition-[width]", "group-data-indeterminate/progress:w-2/5 group-data-indeterminate/progress:animate-pulse", className),
27
27
  ...props
28
28
  });
29
29
  }
@@ -14,4 +14,4 @@ declare function RadioGroupItem({
14
14
  ...props
15
15
  }: RadioGroupItemProps): _$react_jsx_runtime0.JSX.Element;
16
16
  //#endregion
17
- export { RadioGroup, RadioGroupItem };
17
+ export { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps };
package/dist/radio.d.ts CHANGED
@@ -14,4 +14,4 @@ declare function RadioIndicator({
14
14
  ...props
15
15
  }: RadioIndicatorProps): _$react_jsx_runtime0.JSX.Element;
16
16
  //#endregion
17
- export { Radio, RadioIndicator };
17
+ export { Radio, RadioIndicator, RadioIndicatorProps, RadioProps };
@@ -16,4 +16,4 @@ declare function ScrollBar({
16
16
  ...props
17
17
  }: ScrollBarProps): _$react_jsx_runtime0.JSX.Element;
18
18
  //#endregion
19
- export { ScrollArea, ScrollBar };
19
+ export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps };
package/dist/select.d.ts CHANGED
@@ -80,4 +80,4 @@ declare function SelectScrollDownButton({
80
80
  ...props
81
81
  }: SelectScrollDownButtonProps): _$react_jsx_runtime0.JSX.Element;
82
82
  //#endregion
83
- export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectList, SelectPortal, SelectPositioner, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
83
+ export { Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectList, SelectListProps, SelectPortal, SelectPortalProps, SelectPositioner, SelectPositionerProps, SelectProps, SelectScrollDownButton, SelectScrollDownButtonProps, SelectScrollUpButton, SelectScrollUpButtonProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps };
@@ -10,4 +10,4 @@ declare function Separator({
10
10
  ...props
11
11
  }: SeparatorProps): _$react_jsx_runtime0.JSX.Element;
12
12
  //#endregion
13
- export { Separator };
13
+ export { Separator, SeparatorProps };
package/dist/sidebar.d.ts CHANGED
@@ -44,18 +44,7 @@ type SidebarContextProps = {
44
44
  toggleSidebar: () => void;
45
45
  };
46
46
  declare function useSidebar(): SidebarContextProps;
47
- declare function SidebarProvider({
48
- defaultOpen,
49
- open: openProp,
50
- onOpenChange: setOpenProp,
51
- persist,
52
- keyboardShortcut,
53
- mobileBreakpoint,
54
- className,
55
- style,
56
- children,
57
- ...props
58
- }: React.ComponentProps<"div"> & {
47
+ type SidebarProviderProps = React.ComponentProps<"div"> & {
59
48
  defaultOpen?: boolean;
60
49
  open?: boolean;
61
50
  onOpenChange?: (open: boolean) => void;
@@ -74,7 +63,24 @@ declare function SidebarProvider({
74
63
  persist?: (open: boolean) => void; /** Key for Cmd/Ctrl+key toggle shortcut. Defaults to "b". Pass `false` to disable. */
75
64
  keyboardShortcut?: string | false; /** Breakpoint (px) below which the sidebar uses a mobile drawer. Defaults to 768. */
76
65
  mobileBreakpoint?: number;
77
- }): _$react_jsx_runtime0.JSX.Element;
66
+ };
67
+ declare function SidebarProvider({
68
+ defaultOpen,
69
+ open: openProp,
70
+ onOpenChange: setOpenProp,
71
+ persist,
72
+ keyboardShortcut,
73
+ mobileBreakpoint,
74
+ className,
75
+ style,
76
+ children,
77
+ ...props
78
+ }: SidebarProviderProps): _$react_jsx_runtime0.JSX.Element;
79
+ type SidebarProps = React.ComponentProps<"div"> & {
80
+ side?: "left" | "right";
81
+ variant?: "sidebar" | "floating" | "inset";
82
+ collapsible?: "offcanvas" | "icon" | "none";
83
+ };
78
84
  declare function Sidebar({
79
85
  side,
80
86
  variant,
@@ -82,75 +88,89 @@ declare function Sidebar({
82
88
  className,
83
89
  children,
84
90
  ...props
85
- }: React.ComponentProps<"div"> & {
86
- side?: "left" | "right";
87
- variant?: "sidebar" | "floating" | "inset";
88
- collapsible?: "offcanvas" | "icon" | "none";
89
- }): _$react_jsx_runtime0.JSX.Element;
91
+ }: SidebarProps): _$react_jsx_runtime0.JSX.Element;
92
+ type SidebarTriggerProps = React.ComponentProps<typeof Button>;
90
93
  declare function SidebarTrigger({
91
94
  className,
92
95
  onClick,
93
96
  ...props
94
- }: React.ComponentProps<typeof Button>): _$react_jsx_runtime0.JSX.Element;
97
+ }: SidebarTriggerProps): _$react_jsx_runtime0.JSX.Element;
98
+ type SidebarRailProps = React.ComponentProps<"button">;
95
99
  declare function SidebarRail({
96
100
  className,
97
101
  ...props
98
- }: React.ComponentProps<"button">): _$react_jsx_runtime0.JSX.Element;
102
+ }: SidebarRailProps): _$react_jsx_runtime0.JSX.Element;
103
+ type SidebarInsetProps = React.ComponentProps<"main">;
99
104
  declare function SidebarInset({
100
105
  className,
101
106
  ...props
102
- }: React.ComponentProps<"main">): _$react_jsx_runtime0.JSX.Element;
107
+ }: SidebarInsetProps): _$react_jsx_runtime0.JSX.Element;
108
+ type SidebarInputProps = React.ComponentProps<typeof Input>;
103
109
  declare function SidebarInput({
104
110
  className,
105
111
  ...props
106
- }: React.ComponentProps<typeof Input>): _$react_jsx_runtime0.JSX.Element;
112
+ }: SidebarInputProps): _$react_jsx_runtime0.JSX.Element;
113
+ type SidebarHeaderProps = React.ComponentProps<"div">;
107
114
  declare function SidebarHeader({
108
115
  className,
109
116
  ...props
110
- }: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
117
+ }: SidebarHeaderProps): _$react_jsx_runtime0.JSX.Element;
118
+ type SidebarFooterProps = React.ComponentProps<"div">;
111
119
  declare function SidebarFooter({
112
120
  className,
113
121
  ...props
114
- }: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
122
+ }: SidebarFooterProps): _$react_jsx_runtime0.JSX.Element;
123
+ type SidebarSeparatorProps = React.ComponentProps<typeof Separator>;
115
124
  declare function SidebarSeparator({
116
125
  className,
117
126
  ...props
118
- }: React.ComponentProps<typeof Separator>): _$react_jsx_runtime0.JSX.Element;
127
+ }: SidebarSeparatorProps): _$react_jsx_runtime0.JSX.Element;
128
+ type SidebarContentProps = React.ComponentProps<"div">;
119
129
  declare function SidebarContent({
120
130
  className,
121
131
  style,
122
132
  ...props
123
- }: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
133
+ }: SidebarContentProps): _$react_jsx_runtime0.JSX.Element;
134
+ type SidebarGroupProps = React.ComponentProps<"div">;
124
135
  declare function SidebarGroup({
125
136
  className,
126
137
  ...props
127
- }: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
138
+ }: SidebarGroupProps): _$react_jsx_runtime0.JSX.Element;
139
+ type SidebarGroupLabelProps = useRender.ComponentProps<"div"> & React.ComponentProps<"div">;
128
140
  declare function SidebarGroupLabel({
129
141
  className,
130
142
  render,
131
143
  ...props
132
- }: useRender.ComponentProps<"div"> & React.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
144
+ }: SidebarGroupLabelProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
145
+ type SidebarGroupActionProps = useRender.ComponentProps<"button"> & React.ComponentProps<"button">;
133
146
  declare function SidebarGroupAction({
134
147
  className,
135
148
  render,
136
149
  ...props
137
- }: useRender.ComponentProps<"button"> & React.ComponentProps<"button">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
150
+ }: SidebarGroupActionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
151
+ type SidebarGroupContentProps = React.ComponentProps<"div">;
138
152
  declare function SidebarGroupContent({
139
153
  className,
140
154
  ...props
141
- }: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
155
+ }: SidebarGroupContentProps): _$react_jsx_runtime0.JSX.Element;
156
+ type SidebarMenuProps = React.ComponentProps<"ul">;
142
157
  declare function SidebarMenu({
143
158
  className,
144
159
  ...props
145
- }: React.ComponentProps<"ul">): _$react_jsx_runtime0.JSX.Element;
160
+ }: SidebarMenuProps): _$react_jsx_runtime0.JSX.Element;
161
+ type SidebarMenuItemProps = React.ComponentProps<"li">;
146
162
  declare function SidebarMenuItem({
147
163
  className,
148
164
  ...props
149
- }: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
165
+ }: SidebarMenuItemProps): _$react_jsx_runtime0.JSX.Element;
150
166
  declare const sidebarMenuButtonVariants: (props?: ({
151
167
  variant?: "default" | "outline" | null | undefined;
152
168
  size?: "default" | "sm" | "lg" | null | undefined;
153
169
  } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
170
+ type SidebarMenuButtonProps = useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
171
+ isActive?: boolean;
172
+ tooltip?: string | React.ComponentProps<typeof TooltipContent>;
173
+ } & VariantProps<typeof sidebarMenuButtonVariants>;
154
174
  declare function SidebarMenuButton({
155
175
  render,
156
176
  isActive,
@@ -159,46 +179,49 @@ declare function SidebarMenuButton({
159
179
  tooltip,
160
180
  className,
161
181
  ...props
162
- }: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
163
- isActive?: boolean;
164
- tooltip?: string | React.ComponentProps<typeof TooltipContent>;
165
- } & VariantProps<typeof sidebarMenuButtonVariants>): _$react_jsx_runtime0.JSX.Element;
182
+ }: SidebarMenuButtonProps): _$react_jsx_runtime0.JSX.Element;
183
+ type SidebarMenuActionProps = useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
184
+ showOnHover?: boolean;
185
+ };
166
186
  declare function SidebarMenuAction({
167
187
  className,
168
188
  render,
169
189
  showOnHover,
170
190
  ...props
171
- }: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
172
- showOnHover?: boolean;
173
- }): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
191
+ }: SidebarMenuActionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
192
+ type SidebarMenuBadgeProps = React.ComponentProps<"div">;
174
193
  declare function SidebarMenuBadge({
175
194
  className,
176
195
  ...props
177
- }: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
196
+ }: SidebarMenuBadgeProps): _$react_jsx_runtime0.JSX.Element;
197
+ type SidebarMenuSkeletonProps = React.ComponentProps<"div"> & {
198
+ showIcon?: boolean;
199
+ };
178
200
  declare function SidebarMenuSkeleton({
179
201
  className,
180
202
  showIcon,
181
203
  ...props
182
- }: React.ComponentProps<"div"> & {
183
- showIcon?: boolean;
184
- }): _$react_jsx_runtime0.JSX.Element;
204
+ }: SidebarMenuSkeletonProps): _$react_jsx_runtime0.JSX.Element;
205
+ type SidebarMenuSubProps = React.ComponentProps<"ul">;
185
206
  declare function SidebarMenuSub({
186
207
  className,
187
208
  ...props
188
- }: React.ComponentProps<"ul">): _$react_jsx_runtime0.JSX.Element;
209
+ }: SidebarMenuSubProps): _$react_jsx_runtime0.JSX.Element;
210
+ type SidebarMenuSubItemProps = React.ComponentProps<"li">;
189
211
  declare function SidebarMenuSubItem({
190
212
  className,
191
213
  ...props
192
- }: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
214
+ }: SidebarMenuSubItemProps): _$react_jsx_runtime0.JSX.Element;
215
+ type SidebarMenuSubButtonProps = useRender.ComponentProps<"a"> & React.ComponentProps<"a"> & {
216
+ size?: "sm" | "md";
217
+ isActive?: boolean;
218
+ };
193
219
  declare function SidebarMenuSubButton({
194
220
  render,
195
221
  size,
196
222
  isActive,
197
223
  className,
198
224
  ...props
199
- }: useRender.ComponentProps<"a"> & React.ComponentProps<"a"> & {
200
- size?: "sm" | "md";
201
- isActive?: boolean;
202
- }): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
225
+ }: SidebarMenuSubButtonProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
203
226
  //#endregion
204
- export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, cookiePersist, localStoragePersist, useSidebar };
227
+ export { Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, type SidebarMenuBadgeProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, cookiePersist, localStoragePersist, sidebarMenuButtonVariants, useSidebar };
package/dist/sidebar.js CHANGED
@@ -397,4 +397,4 @@ function SidebarMenuSubButton({ render, size = "md", isActive = false, className
397
397
  });
398
398
  }
399
399
  //#endregion
400
- export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, cookiePersist, localStoragePersist, useSidebar };
400
+ export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, cookiePersist, localStoragePersist, sidebarMenuButtonVariants, useSidebar };
@@ -8,4 +8,4 @@ declare function Skeleton({
8
8
  ...props
9
9
  }: SkeletonProps): _$react_jsx_runtime0.JSX.Element;
10
10
  //#endregion
11
- export { Skeleton };
11
+ export { Skeleton, SkeletonProps };
package/dist/slider.d.ts CHANGED
@@ -25,4 +25,4 @@ declare function Slider({
25
25
  ...props
26
26
  }: SliderProps): _$react_jsx_runtime0.JSX.Element;
27
27
  //#endregion
28
- export { Slider };
28
+ export { Slider, SliderProps };
package/dist/spinner.d.ts CHANGED
@@ -8,4 +8,4 @@ declare function Spinner({
8
8
  ...props
9
9
  }: SpinnerProps): _$react_jsx_runtime0.JSX.Element;
10
10
  //#endregion
11
- export { Spinner };
11
+ export { Spinner, SpinnerProps };
package/dist/switch.d.ts CHANGED
@@ -15,4 +15,4 @@ declare function Switch({
15
15
  ...props
16
16
  }: SwitchProps): _$react_jsx_runtime0.JSX.Element;
17
17
  //#endregion
18
- export { Switch, switchVariants };
18
+ export { Switch, SwitchProps, switchVariants };
package/dist/table.d.ts CHANGED
@@ -43,4 +43,4 @@ declare function TableCaption({
43
43
  ...props
44
44
  }: TableCaptionProps): _$react_jsx_runtime0.JSX.Element;
45
45
  //#endregion
46
- export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
46
+ export { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps };
package/dist/tabs.d.ts CHANGED
@@ -32,4 +32,4 @@ declare function TabsContent({
32
32
  ...props
33
33
  }: TabsContentProps): _$react_jsx_runtime0.JSX.Element;
34
34
  //#endregion
35
- export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
35
+ export { Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, tabsListVariants };
@@ -13,4 +13,4 @@ declare function Textarea({
13
13
  ...props
14
14
  }: TextareaProps): _$react_jsx_runtime0.JSX.Element;
15
15
  //#endregion
16
- export { Textarea };
16
+ export { Textarea, TextareaProps };
package/dist/toast.d.ts CHANGED
@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
5
5
  import * as _$_base_ui_react0 from "@base-ui/react";
6
6
 
7
7
  //#region src/toast.d.ts
8
- declare const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden select-none";
8
+ declare const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden";
9
9
  declare const toastIconVariants: (props?: ({
10
10
  type?: "success" | "warning" | "loading" | "info" | "error" | null | undefined;
11
11
  } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
@@ -30,6 +30,9 @@ type ToasterProps = {
30
30
  timeout?: number;
31
31
  };
32
32
  type ToastProps = React.ComponentProps<typeof Toast$1.Root>;
33
+ type ToastIconProps = {
34
+ type?: ToastType;
35
+ };
33
36
  type ToastTitleProps = React.ComponentProps<typeof Toast$1.Title>;
34
37
  type ToastDescriptionProps = React.ComponentProps<typeof Toast$1.Description>;
35
38
  type ToastActionProps = React.ComponentProps<typeof Toast$1.Action>;
@@ -47,9 +50,7 @@ declare const toast: ((titleOrOptions: string | ToastOptions) => string) & {
47
50
  };
48
51
  declare function ToastIcon({
49
52
  type
50
- }: {
51
- type?: ToastType;
52
- }): _$react_jsx_runtime0.JSX.Element | null;
53
+ }: ToastIconProps): _$react_jsx_runtime0.JSX.Element | null;
53
54
  declare function Toast({
54
55
  className,
55
56
  ...props
@@ -77,4 +78,4 @@ declare function Toaster({
77
78
  timeout
78
79
  }: ToasterProps): _$react_jsx_runtime0.JSX.Element | null;
79
80
  //#endregion
80
- export { Toast, ToastAction, ToastClose, ToastDescription, ToastIcon, type ToastOptions, ToastTitle, type ToastType, Toaster, type ToasterPosition, type ToasterProps, toast, toastIconVariants, toastManager, toastRootClass, toastViewportVariants };
81
+ export { Toast, ToastAction, type ToastActionProps, ToastClose, type ToastCloseProps, ToastDescription, type ToastDescriptionProps, ToastIcon, type ToastIconProps, type ToastOptions, type ToastProps, ToastTitle, type ToastTitleProps, type ToastType, Toaster, type ToasterPosition, type ToasterProps, toast, toastIconVariants, toastManager, toastRootClass, toastViewportVariants };
package/dist/toast.js CHANGED
@@ -6,7 +6,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
6
6
  import { cva } from "class-variance-authority";
7
7
  import { Toast as Toast$1 } from "@base-ui/react/toast";
8
8
  //#region src/toast.tsx
9
- const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden select-none";
9
+ const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden";
10
10
  const toastIconVariants = cva("mt-0.5 size-4 shrink-0", { variants: { type: {
11
11
  loading: "text-muted animate-spin",
12
12
  success: "text-success",
@@ -27,4 +27,4 @@ declare function ToggleGroupItem({
27
27
  ...props
28
28
  }: ToggleGroupItemProps): _$react_jsx_runtime0.JSX.Element;
29
29
  //#endregion
30
- export { ToggleGroup, ToggleGroupItem };
30
+ export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps };
@@ -7,8 +7,8 @@ import { Toggle } from "@base-ui/react/toggle";
7
7
  import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
8
8
  //#region src/toggle-group.tsx
9
9
  const ToggleGroupContext = React.createContext({
10
- size: "default",
11
- variant: "default",
10
+ size: void 0,
11
+ variant: void 0,
12
12
  spacing: 0,
13
13
  orientation: "horizontal"
14
14
  });
@@ -40,12 +40,12 @@ function ToggleGroupItem({ className, children, variant = "default", size = "def
40
40
  const context = React.useContext(ToggleGroupContext);
41
41
  return /* @__PURE__ */ jsx(Toggle, {
42
42
  "data-slot": "toggle-group-item",
43
- "data-variant": context.variant || variant,
44
- "data-size": context.size || size,
43
+ "data-variant": context.variant ?? variant,
44
+ "data-size": context.size ?? size,
45
45
  "data-spacing": context.spacing,
46
46
  className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
47
- variant: context.variant || variant,
48
- size: context.size || size
47
+ variant: context.variant ?? variant,
48
+ size: context.size ?? size
49
49
  }), className),
50
50
  ...props,
51
51
  children
package/dist/toggle.d.ts CHANGED
@@ -17,4 +17,4 @@ declare function Toggle({
17
17
  ...props
18
18
  }: ToggleProps): _$react_jsx_runtime0.JSX.Element;
19
19
  //#endregion
20
- export { Toggle, toggleVariants };
20
+ export { Toggle, ToggleProps, toggleVariants };
package/dist/tooltip.d.ts CHANGED
@@ -48,4 +48,4 @@ declare function TooltipContent({
48
48
  ...props
49
49
  }: TooltipContentProps): _$react_jsx_runtime0.JSX.Element;
50
50
  //#endregion
51
- export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
51
+ export { Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@waveso/ui",
3
- "version": "0.8.1",
3
+ "version": "0.9.0",
4
4
  "description": "Wave UI component library built on Base UI and Tailwind CSS",
5
5
  "type": "module",
6
6
  "sideEffects": [