@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.
- package/dist/accordion.d.ts +1 -1
- package/dist/action-bar.d.ts +5 -1
- package/dist/action-bar.js +4 -0
- package/dist/alert-dialog.d.ts +4 -2
- package/dist/alert-dialog.js +6 -2
- package/dist/alert.d.ts +1 -1
- package/dist/alert.js +1 -1
- package/dist/animate.d.ts +14 -4
- package/dist/autocomplete.d.ts +1 -1
- package/dist/avatar.d.ts +1 -1
- package/dist/badge.d.ts +2 -2
- package/dist/breadcrumb.d.ts +1 -1
- package/dist/button-group.d.ts +1 -1
- package/dist/button.d.ts +3 -3
- package/dist/button.js +2 -0
- package/dist/card.d.ts +1 -1
- package/dist/checkbox.d.ts +1 -1
- package/dist/collapsible.d.ts +1 -1
- package/dist/combobox.d.ts +8 -7
- package/dist/context-menu.d.ts +1 -1
- package/dist/dialog.d.ts +4 -7
- package/dist/dialog.js +3 -7
- package/dist/direction.d.ts +7 -2
- package/dist/drawer.d.ts +6 -1
- package/dist/drawer.js +31 -28
- package/dist/encrypted-text.d.ts +1 -1
- package/dist/form.d.ts +1 -1
- package/dist/infinite-scroll.d.ts +4 -5
- package/dist/infinite-scroll.js +2 -1
- package/dist/input-group.d.ts +3 -3
- package/dist/input-group.js +1 -1
- package/dist/input-otp.d.ts +1 -1
- package/dist/input.d.ts +3 -2
- package/dist/item.d.ts +3 -3
- package/dist/item.js +1 -1
- package/dist/label.d.ts +1 -1
- package/dist/masonry.d.ts +1 -1
- package/dist/menu.d.ts +1 -1
- package/dist/menubar.d.ts +1 -1
- package/dist/pagination.d.ts +1 -1
- package/dist/popover.d.ts +8 -1
- package/dist/popover.js +2 -2
- package/dist/preview-card.d.ts +5 -2
- package/dist/preview-card.js +2 -2
- package/dist/progress.d.ts +1 -1
- package/dist/progress.js +3 -3
- package/dist/radio-group.d.ts +1 -1
- package/dist/radio.d.ts +1 -1
- package/dist/scroll-area.d.ts +1 -1
- package/dist/select.d.ts +1 -1
- package/dist/separator.d.ts +1 -1
- package/dist/sidebar.d.ts +73 -50
- package/dist/sidebar.js +1 -1
- package/dist/skeleton.d.ts +1 -1
- package/dist/slider.d.ts +1 -1
- package/dist/spinner.d.ts +1 -1
- package/dist/switch.d.ts +1 -1
- package/dist/table.d.ts +1 -1
- package/dist/tabs.d.ts +1 -1
- package/dist/textarea.d.ts +1 -1
- package/dist/toast.d.ts +6 -5
- package/dist/toast.js +1 -1
- package/dist/toggle-group.d.ts +1 -1
- package/dist/toggle-group.js +6 -6
- package/dist/toggle.d.ts +1 -1
- package/dist/tooltip.d.ts +1 -1
- package/package.json +1 -1
package/dist/masonry.d.ts
CHANGED
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 };
|
package/dist/pagination.d.ts
CHANGED
|
@@ -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),
|
package/dist/preview-card.d.ts
CHANGED
|
@@ -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 };
|
package/dist/preview-card.js
CHANGED
|
@@ -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),
|
package/dist/progress.d.ts
CHANGED
|
@@ -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
|
}
|
package/dist/radio-group.d.ts
CHANGED
package/dist/radio.d.ts
CHANGED
package/dist/scroll-area.d.ts
CHANGED
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 };
|
package/dist/separator.d.ts
CHANGED
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
|
-
|
|
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
|
-
}
|
|
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
|
-
}:
|
|
86
|
-
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
}
|
|
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
|
-
}:
|
|
172
|
-
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
183
|
-
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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
|
-
}:
|
|
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 };
|
package/dist/skeleton.d.ts
CHANGED
package/dist/slider.d.ts
CHANGED
package/dist/spinner.d.ts
CHANGED
package/dist/switch.d.ts
CHANGED
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 };
|
package/dist/textarea.d.ts
CHANGED
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
|
|
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
|
|
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",
|
package/dist/toggle-group.d.ts
CHANGED
package/dist/toggle-group.js
CHANGED
|
@@ -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:
|
|
11
|
-
variant:
|
|
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
|
|
44
|
-
"data-size": context.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
|
|
48
|
-
size: context.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
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 };
|