@medway-ui/core 0.3.21 → 0.3.22
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/index.d.mts +75 -76
- package/dist/index.d.ts +75 -76
- package/dist/index.js +11 -11
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +11 -11
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
1
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
-
import * as React
|
|
2
|
+
import * as React from 'react';
|
|
4
3
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
5
4
|
import { VariantProps } from 'class-variance-authority';
|
|
6
5
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
@@ -11,21 +10,21 @@ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
|
11
10
|
declare const avatarVariants: (props?: ({
|
|
12
11
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
13
12
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
14
|
-
interface AvatarProps extends React
|
|
13
|
+
interface AvatarProps extends React.ComponentProps<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
|
|
15
14
|
src?: string;
|
|
16
15
|
alt?: string;
|
|
17
|
-
fallback?: React
|
|
16
|
+
fallback?: React.ReactNode;
|
|
18
17
|
badge?: number | string;
|
|
19
18
|
}
|
|
20
|
-
declare function Avatar({ className, size, badge, children, ...props }: AvatarProps):
|
|
21
|
-
declare function AvatarImage({ className, ...props }: React
|
|
22
|
-
declare function AvatarFallback({ className, ...props }: React
|
|
19
|
+
declare function Avatar({ className, size, badge, children, ...props }: AvatarProps): React.JSX.Element;
|
|
20
|
+
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
|
|
21
|
+
declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
|
|
23
22
|
|
|
24
|
-
interface ButtonProps extends React
|
|
23
|
+
interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
|
|
25
24
|
asChild?: boolean;
|
|
26
25
|
containerClassName?: string;
|
|
27
|
-
iconRight?: React
|
|
28
|
-
iconLeft?: React
|
|
26
|
+
iconRight?: React.ReactElement;
|
|
27
|
+
iconLeft?: React.ReactElement;
|
|
29
28
|
badge?: number | string;
|
|
30
29
|
loading?: boolean;
|
|
31
30
|
alert?: string;
|
|
@@ -34,15 +33,15 @@ declare const buttonVariants: (props?: ({
|
|
|
34
33
|
variant?: "primary" | "primary-outline" | "primary-ghost" | "secondary" | "secondary-outline" | "secondary-ghost" | "error" | "error-outline" | "error-ghost" | "outline" | "gradient" | null | undefined;
|
|
35
34
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
36
35
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
37
|
-
declare function Button({ className, containerClassName, variant, size, asChild, iconRight, iconLeft, badge, loading, alert, ...props }: ButtonProps):
|
|
36
|
+
declare function Button({ className, containerClassName, variant, size, asChild, iconRight, iconLeft, badge, loading, alert, ...props }: ButtonProps): React.JSX.Element;
|
|
38
37
|
|
|
39
|
-
declare function Input({ className, type, ...props }: React
|
|
38
|
+
declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
|
|
40
39
|
|
|
41
40
|
interface LoadingProps {
|
|
42
41
|
size?: number;
|
|
43
42
|
className?: string;
|
|
44
43
|
}
|
|
45
|
-
declare function Loading({ size, className }: LoadingProps):
|
|
44
|
+
declare function Loading({ size, className }: LoadingProps): React.JSX.Element;
|
|
46
45
|
|
|
47
46
|
interface LogoProps {
|
|
48
47
|
width?: string | number;
|
|
@@ -50,21 +49,21 @@ interface LogoProps {
|
|
|
50
49
|
className?: string;
|
|
51
50
|
svgClassName?: string;
|
|
52
51
|
}
|
|
53
|
-
declare function Logo({ width, height, className, svgClassName, }: LogoProps):
|
|
54
|
-
declare function LogoShort({ width, height, className, svgClassName, }: LogoProps):
|
|
52
|
+
declare function Logo({ width, height, className, svgClassName, }: LogoProps): React.JSX.Element;
|
|
53
|
+
declare function LogoShort({ width, height, className, svgClassName, }: LogoProps): React.JSX.Element;
|
|
55
54
|
|
|
56
|
-
declare function Separator({ className, orientation, decorative, ...props }: React
|
|
55
|
+
declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.JSX.Element;
|
|
57
56
|
|
|
58
|
-
declare function Sheet({ ...props }: React
|
|
57
|
+
declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): React.JSX.Element;
|
|
59
58
|
|
|
60
|
-
declare function Skeleton({ className, ...props }: React.ComponentProps<"div">):
|
|
59
|
+
declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
61
60
|
|
|
62
|
-
declare function Tooltip({ ...props }: React
|
|
63
|
-
declare function TooltipContent({ className, sideOffset, children, ...props }: React
|
|
61
|
+
declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
|
|
62
|
+
declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
|
|
64
63
|
|
|
65
|
-
declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>):
|
|
66
|
-
declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>):
|
|
67
|
-
declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>):
|
|
64
|
+
declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): React.JSX.Element;
|
|
65
|
+
declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): React.JSX.Element;
|
|
66
|
+
declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): React.JSX.Element;
|
|
68
67
|
|
|
69
68
|
type SidebarContextProps = {
|
|
70
69
|
state: "expanded" | "collapsed";
|
|
@@ -76,18 +75,18 @@ type SidebarContextProps = {
|
|
|
76
75
|
toggleSidebar: () => void;
|
|
77
76
|
};
|
|
78
77
|
declare function useSidebar(): SidebarContextProps;
|
|
79
|
-
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, children, ...props }: React
|
|
78
|
+
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, children, ...props }: React.ComponentProps<"div"> & {
|
|
80
79
|
defaultOpen?: boolean;
|
|
81
80
|
open?: boolean;
|
|
82
81
|
onOpenChange?: (open: boolean) => void;
|
|
83
|
-
}):
|
|
84
|
-
declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React
|
|
82
|
+
}): React.JSX.Element;
|
|
83
|
+
declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
|
|
85
84
|
side?: "left" | "right";
|
|
86
85
|
variant?: "sidebar" | "floating" | "inset";
|
|
87
86
|
collapsible?: "offcanvas" | "icon" | "none";
|
|
88
|
-
}):
|
|
89
|
-
declare function SidebarTrigger({ className, onClick, sizeIcon, icon, showTooltip, tooltipContent, enableHover, ...props }: React
|
|
90
|
-
icon?: React
|
|
87
|
+
}): React.JSX.Element;
|
|
88
|
+
declare function SidebarTrigger({ className, onClick, sizeIcon, icon, showTooltip, tooltipContent, enableHover, ...props }: React.ComponentProps<typeof Button> & {
|
|
89
|
+
icon?: React.ReactNode;
|
|
91
90
|
sizeIcon?: string;
|
|
92
91
|
showTooltip?: boolean;
|
|
93
92
|
tooltipContent?: {
|
|
@@ -95,102 +94,102 @@ declare function SidebarTrigger({ className, onClick, sizeIcon, icon, showToolti
|
|
|
95
94
|
closed?: string;
|
|
96
95
|
};
|
|
97
96
|
enableHover?: boolean;
|
|
98
|
-
}):
|
|
99
|
-
declare function SidebarRail({ className, ...props }: React
|
|
100
|
-
declare function SidebarInset({ className, ...props }: React
|
|
101
|
-
declare function SidebarInput({ className, ...props }: React
|
|
102
|
-
declare function SidebarHeader({ className, ...props }: React
|
|
103
|
-
declare function SidebarFooter({ className, ...props }: React
|
|
104
|
-
declare function SidebarSeparator({ className, ...props }: React
|
|
105
|
-
declare function SidebarContent({ className, ...props }: React
|
|
106
|
-
declare function SidebarGroup({ className, ...props }: React
|
|
107
|
-
declare function SidebarGroupLabel({ className, asChild, ...props }: React
|
|
97
|
+
}): React.JSX.Element;
|
|
98
|
+
declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
|
|
99
|
+
declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
|
|
100
|
+
declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
|
|
101
|
+
declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
102
|
+
declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
103
|
+
declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
|
|
104
|
+
declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
105
|
+
declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
106
|
+
declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
|
|
108
107
|
asChild?: boolean;
|
|
109
|
-
}):
|
|
110
|
-
declare function SidebarGroupAction({ className, asChild, ...props }: React
|
|
108
|
+
}): React.JSX.Element;
|
|
109
|
+
declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
|
|
111
110
|
asChild?: boolean;
|
|
112
|
-
}):
|
|
113
|
-
declare function SidebarGroupContent({ className, ...props }: React
|
|
114
|
-
declare function SidebarMenu({ className, ...props }: React
|
|
115
|
-
declare function SidebarMenuItem({ className, isActive, children, ...props }: React
|
|
111
|
+
}): React.JSX.Element;
|
|
112
|
+
declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
113
|
+
declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
|
|
114
|
+
declare function SidebarMenuItem({ className, isActive, children, ...props }: React.ComponentProps<"li"> & {
|
|
116
115
|
isActive?: boolean;
|
|
117
|
-
}):
|
|
116
|
+
}): React.JSX.Element;
|
|
118
117
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
119
118
|
variant?: "section" | "outline" | "default" | null | undefined;
|
|
120
119
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
121
120
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
122
|
-
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React
|
|
121
|
+
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
|
|
123
122
|
asChild?: boolean;
|
|
124
123
|
isActive?: boolean;
|
|
125
|
-
tooltip?: string | React
|
|
126
|
-
} & VariantProps<typeof sidebarMenuButtonVariants>):
|
|
127
|
-
declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React
|
|
124
|
+
tooltip?: string | React.ComponentProps<typeof TooltipContent>;
|
|
125
|
+
} & VariantProps<typeof sidebarMenuButtonVariants>): React.JSX.Element;
|
|
126
|
+
declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
|
|
128
127
|
asChild?: boolean;
|
|
129
128
|
showOnHover?: boolean;
|
|
130
|
-
}):
|
|
131
|
-
declare function SidebarMenuBadge({ className, ...props }: React
|
|
132
|
-
declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React
|
|
129
|
+
}): React.JSX.Element;
|
|
130
|
+
declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
131
|
+
declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
|
|
133
132
|
showIcon?: boolean;
|
|
134
|
-
}):
|
|
135
|
-
declare function SidebarMenuSub({ className, ...props }: React
|
|
136
|
-
declare function SidebarMenuSubItem({ className, ...props }: React
|
|
133
|
+
}): React.JSX.Element;
|
|
134
|
+
declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
|
|
135
|
+
declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
|
|
137
136
|
declare function SidebarMenuItemTitle({ icon, title, }: {
|
|
138
|
-
icon?: React
|
|
137
|
+
icon?: React.ReactNode;
|
|
139
138
|
title: string;
|
|
140
|
-
}):
|
|
141
|
-
declare function SidebarMenuItemCollapse():
|
|
142
|
-
declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React
|
|
139
|
+
}): React.JSX.Element;
|
|
140
|
+
declare function SidebarMenuItemCollapse(): React.JSX.Element;
|
|
141
|
+
declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
|
|
143
142
|
asChild?: boolean;
|
|
144
143
|
size?: "sm" | "md";
|
|
145
144
|
isActive?: boolean;
|
|
146
|
-
}):
|
|
145
|
+
}): React.JSX.Element;
|
|
147
146
|
|
|
148
147
|
interface SwitcherProps {
|
|
149
|
-
children: React
|
|
148
|
+
children: React.ReactNode;
|
|
150
149
|
value?: string;
|
|
151
150
|
onValueChange?: (value: string) => void;
|
|
152
151
|
}
|
|
153
152
|
interface SwitcherTriggerProps {
|
|
154
|
-
children: React
|
|
153
|
+
children: React.ReactNode;
|
|
155
154
|
asChild?: boolean;
|
|
156
155
|
}
|
|
157
156
|
interface SwitcherContentProps {
|
|
158
|
-
children: React
|
|
157
|
+
children: React.ReactNode;
|
|
159
158
|
align?: "start" | "center" | "end";
|
|
160
159
|
side?: "top" | "right" | "bottom" | "left";
|
|
161
160
|
}
|
|
162
161
|
interface SwitcherGroupProps {
|
|
163
|
-
children: React
|
|
162
|
+
children: React.ReactNode;
|
|
164
163
|
label?: string;
|
|
165
164
|
}
|
|
166
165
|
interface SwitcherItemProps {
|
|
167
|
-
children: React
|
|
166
|
+
children: React.ReactNode;
|
|
168
167
|
value?: string;
|
|
169
168
|
onClick?: () => void;
|
|
170
|
-
icon?: string | React
|
|
169
|
+
icon?: string | React.ReactNode;
|
|
171
170
|
}
|
|
172
171
|
interface SwitcherFooterProps {
|
|
173
|
-
children: React
|
|
172
|
+
children: React.ReactNode;
|
|
174
173
|
onClick?: () => void;
|
|
175
|
-
icon?: React
|
|
174
|
+
icon?: React.ReactNode;
|
|
176
175
|
}
|
|
177
|
-
declare function Switcher({ children, value, onValueChange }: SwitcherProps):
|
|
178
|
-
declare function SwitcherTrigger({ children, asChild }: SwitcherTriggerProps):
|
|
179
|
-
declare function SwitcherContent({ children, align, side, }: SwitcherContentProps):
|
|
176
|
+
declare function Switcher({ children, value, onValueChange }: SwitcherProps): React.JSX.Element;
|
|
177
|
+
declare function SwitcherTrigger({ children, asChild }: SwitcherTriggerProps): React.JSX.Element;
|
|
178
|
+
declare function SwitcherContent({ children, align, side, }: SwitcherContentProps): React.JSX.Element;
|
|
180
179
|
interface SwitcherGroup {
|
|
181
180
|
label: string;
|
|
182
181
|
items: SwitcherItem[];
|
|
183
182
|
}
|
|
184
|
-
declare function SwitcherGroup({ children, label }: SwitcherGroupProps):
|
|
183
|
+
declare function SwitcherGroup({ children, label }: SwitcherGroupProps): React.JSX.Element;
|
|
185
184
|
interface SwitcherItem {
|
|
186
185
|
id: string;
|
|
187
186
|
label: string;
|
|
188
187
|
icon?: string;
|
|
189
188
|
onClick?: () => void;
|
|
190
189
|
}
|
|
191
|
-
declare function SwitcherItem({ children, value, onClick, icon }: SwitcherItemProps):
|
|
192
|
-
declare function SwitcherFooter({ children, onClick, icon }: SwitcherFooterProps):
|
|
193
|
-
declare function SwitcherSeparator():
|
|
190
|
+
declare function SwitcherItem({ children, value, onClick, icon }: SwitcherItemProps): React.JSX.Element;
|
|
191
|
+
declare function SwitcherFooter({ children, onClick, icon }: SwitcherFooterProps): React.JSX.Element;
|
|
192
|
+
declare function SwitcherSeparator(): React.JSX.Element;
|
|
194
193
|
|
|
195
194
|
declare function useIsMobile(): boolean;
|
|
196
195
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
1
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
-
import * as React
|
|
2
|
+
import * as React from 'react';
|
|
4
3
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
5
4
|
import { VariantProps } from 'class-variance-authority';
|
|
6
5
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
@@ -11,21 +10,21 @@ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
|
11
10
|
declare const avatarVariants: (props?: ({
|
|
12
11
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
13
12
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
14
|
-
interface AvatarProps extends React
|
|
13
|
+
interface AvatarProps extends React.ComponentProps<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
|
|
15
14
|
src?: string;
|
|
16
15
|
alt?: string;
|
|
17
|
-
fallback?: React
|
|
16
|
+
fallback?: React.ReactNode;
|
|
18
17
|
badge?: number | string;
|
|
19
18
|
}
|
|
20
|
-
declare function Avatar({ className, size, badge, children, ...props }: AvatarProps):
|
|
21
|
-
declare function AvatarImage({ className, ...props }: React
|
|
22
|
-
declare function AvatarFallback({ className, ...props }: React
|
|
19
|
+
declare function Avatar({ className, size, badge, children, ...props }: AvatarProps): React.JSX.Element;
|
|
20
|
+
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
|
|
21
|
+
declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
|
|
23
22
|
|
|
24
|
-
interface ButtonProps extends React
|
|
23
|
+
interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
|
|
25
24
|
asChild?: boolean;
|
|
26
25
|
containerClassName?: string;
|
|
27
|
-
iconRight?: React
|
|
28
|
-
iconLeft?: React
|
|
26
|
+
iconRight?: React.ReactElement;
|
|
27
|
+
iconLeft?: React.ReactElement;
|
|
29
28
|
badge?: number | string;
|
|
30
29
|
loading?: boolean;
|
|
31
30
|
alert?: string;
|
|
@@ -34,15 +33,15 @@ declare const buttonVariants: (props?: ({
|
|
|
34
33
|
variant?: "primary" | "primary-outline" | "primary-ghost" | "secondary" | "secondary-outline" | "secondary-ghost" | "error" | "error-outline" | "error-ghost" | "outline" | "gradient" | null | undefined;
|
|
35
34
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
36
35
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
37
|
-
declare function Button({ className, containerClassName, variant, size, asChild, iconRight, iconLeft, badge, loading, alert, ...props }: ButtonProps):
|
|
36
|
+
declare function Button({ className, containerClassName, variant, size, asChild, iconRight, iconLeft, badge, loading, alert, ...props }: ButtonProps): React.JSX.Element;
|
|
38
37
|
|
|
39
|
-
declare function Input({ className, type, ...props }: React
|
|
38
|
+
declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
|
|
40
39
|
|
|
41
40
|
interface LoadingProps {
|
|
42
41
|
size?: number;
|
|
43
42
|
className?: string;
|
|
44
43
|
}
|
|
45
|
-
declare function Loading({ size, className }: LoadingProps):
|
|
44
|
+
declare function Loading({ size, className }: LoadingProps): React.JSX.Element;
|
|
46
45
|
|
|
47
46
|
interface LogoProps {
|
|
48
47
|
width?: string | number;
|
|
@@ -50,21 +49,21 @@ interface LogoProps {
|
|
|
50
49
|
className?: string;
|
|
51
50
|
svgClassName?: string;
|
|
52
51
|
}
|
|
53
|
-
declare function Logo({ width, height, className, svgClassName, }: LogoProps):
|
|
54
|
-
declare function LogoShort({ width, height, className, svgClassName, }: LogoProps):
|
|
52
|
+
declare function Logo({ width, height, className, svgClassName, }: LogoProps): React.JSX.Element;
|
|
53
|
+
declare function LogoShort({ width, height, className, svgClassName, }: LogoProps): React.JSX.Element;
|
|
55
54
|
|
|
56
|
-
declare function Separator({ className, orientation, decorative, ...props }: React
|
|
55
|
+
declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.JSX.Element;
|
|
57
56
|
|
|
58
|
-
declare function Sheet({ ...props }: React
|
|
57
|
+
declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): React.JSX.Element;
|
|
59
58
|
|
|
60
|
-
declare function Skeleton({ className, ...props }: React.ComponentProps<"div">):
|
|
59
|
+
declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
61
60
|
|
|
62
|
-
declare function Tooltip({ ...props }: React
|
|
63
|
-
declare function TooltipContent({ className, sideOffset, children, ...props }: React
|
|
61
|
+
declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
|
|
62
|
+
declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
|
|
64
63
|
|
|
65
|
-
declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>):
|
|
66
|
-
declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>):
|
|
67
|
-
declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>):
|
|
64
|
+
declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): React.JSX.Element;
|
|
65
|
+
declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): React.JSX.Element;
|
|
66
|
+
declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): React.JSX.Element;
|
|
68
67
|
|
|
69
68
|
type SidebarContextProps = {
|
|
70
69
|
state: "expanded" | "collapsed";
|
|
@@ -76,18 +75,18 @@ type SidebarContextProps = {
|
|
|
76
75
|
toggleSidebar: () => void;
|
|
77
76
|
};
|
|
78
77
|
declare function useSidebar(): SidebarContextProps;
|
|
79
|
-
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, children, ...props }: React
|
|
78
|
+
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, children, ...props }: React.ComponentProps<"div"> & {
|
|
80
79
|
defaultOpen?: boolean;
|
|
81
80
|
open?: boolean;
|
|
82
81
|
onOpenChange?: (open: boolean) => void;
|
|
83
|
-
}):
|
|
84
|
-
declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React
|
|
82
|
+
}): React.JSX.Element;
|
|
83
|
+
declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
|
|
85
84
|
side?: "left" | "right";
|
|
86
85
|
variant?: "sidebar" | "floating" | "inset";
|
|
87
86
|
collapsible?: "offcanvas" | "icon" | "none";
|
|
88
|
-
}):
|
|
89
|
-
declare function SidebarTrigger({ className, onClick, sizeIcon, icon, showTooltip, tooltipContent, enableHover, ...props }: React
|
|
90
|
-
icon?: React
|
|
87
|
+
}): React.JSX.Element;
|
|
88
|
+
declare function SidebarTrigger({ className, onClick, sizeIcon, icon, showTooltip, tooltipContent, enableHover, ...props }: React.ComponentProps<typeof Button> & {
|
|
89
|
+
icon?: React.ReactNode;
|
|
91
90
|
sizeIcon?: string;
|
|
92
91
|
showTooltip?: boolean;
|
|
93
92
|
tooltipContent?: {
|
|
@@ -95,102 +94,102 @@ declare function SidebarTrigger({ className, onClick, sizeIcon, icon, showToolti
|
|
|
95
94
|
closed?: string;
|
|
96
95
|
};
|
|
97
96
|
enableHover?: boolean;
|
|
98
|
-
}):
|
|
99
|
-
declare function SidebarRail({ className, ...props }: React
|
|
100
|
-
declare function SidebarInset({ className, ...props }: React
|
|
101
|
-
declare function SidebarInput({ className, ...props }: React
|
|
102
|
-
declare function SidebarHeader({ className, ...props }: React
|
|
103
|
-
declare function SidebarFooter({ className, ...props }: React
|
|
104
|
-
declare function SidebarSeparator({ className, ...props }: React
|
|
105
|
-
declare function SidebarContent({ className, ...props }: React
|
|
106
|
-
declare function SidebarGroup({ className, ...props }: React
|
|
107
|
-
declare function SidebarGroupLabel({ className, asChild, ...props }: React
|
|
97
|
+
}): React.JSX.Element;
|
|
98
|
+
declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
|
|
99
|
+
declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
|
|
100
|
+
declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
|
|
101
|
+
declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
102
|
+
declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
103
|
+
declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
|
|
104
|
+
declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
105
|
+
declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
106
|
+
declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
|
|
108
107
|
asChild?: boolean;
|
|
109
|
-
}):
|
|
110
|
-
declare function SidebarGroupAction({ className, asChild, ...props }: React
|
|
108
|
+
}): React.JSX.Element;
|
|
109
|
+
declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
|
|
111
110
|
asChild?: boolean;
|
|
112
|
-
}):
|
|
113
|
-
declare function SidebarGroupContent({ className, ...props }: React
|
|
114
|
-
declare function SidebarMenu({ className, ...props }: React
|
|
115
|
-
declare function SidebarMenuItem({ className, isActive, children, ...props }: React
|
|
111
|
+
}): React.JSX.Element;
|
|
112
|
+
declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
113
|
+
declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
|
|
114
|
+
declare function SidebarMenuItem({ className, isActive, children, ...props }: React.ComponentProps<"li"> & {
|
|
116
115
|
isActive?: boolean;
|
|
117
|
-
}):
|
|
116
|
+
}): React.JSX.Element;
|
|
118
117
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
119
118
|
variant?: "section" | "outline" | "default" | null | undefined;
|
|
120
119
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
121
120
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
122
|
-
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React
|
|
121
|
+
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
|
|
123
122
|
asChild?: boolean;
|
|
124
123
|
isActive?: boolean;
|
|
125
|
-
tooltip?: string | React
|
|
126
|
-
} & VariantProps<typeof sidebarMenuButtonVariants>):
|
|
127
|
-
declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React
|
|
124
|
+
tooltip?: string | React.ComponentProps<typeof TooltipContent>;
|
|
125
|
+
} & VariantProps<typeof sidebarMenuButtonVariants>): React.JSX.Element;
|
|
126
|
+
declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
|
|
128
127
|
asChild?: boolean;
|
|
129
128
|
showOnHover?: boolean;
|
|
130
|
-
}):
|
|
131
|
-
declare function SidebarMenuBadge({ className, ...props }: React
|
|
132
|
-
declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React
|
|
129
|
+
}): React.JSX.Element;
|
|
130
|
+
declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
131
|
+
declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
|
|
133
132
|
showIcon?: boolean;
|
|
134
|
-
}):
|
|
135
|
-
declare function SidebarMenuSub({ className, ...props }: React
|
|
136
|
-
declare function SidebarMenuSubItem({ className, ...props }: React
|
|
133
|
+
}): React.JSX.Element;
|
|
134
|
+
declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
|
|
135
|
+
declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
|
|
137
136
|
declare function SidebarMenuItemTitle({ icon, title, }: {
|
|
138
|
-
icon?: React
|
|
137
|
+
icon?: React.ReactNode;
|
|
139
138
|
title: string;
|
|
140
|
-
}):
|
|
141
|
-
declare function SidebarMenuItemCollapse():
|
|
142
|
-
declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React
|
|
139
|
+
}): React.JSX.Element;
|
|
140
|
+
declare function SidebarMenuItemCollapse(): React.JSX.Element;
|
|
141
|
+
declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
|
|
143
142
|
asChild?: boolean;
|
|
144
143
|
size?: "sm" | "md";
|
|
145
144
|
isActive?: boolean;
|
|
146
|
-
}):
|
|
145
|
+
}): React.JSX.Element;
|
|
147
146
|
|
|
148
147
|
interface SwitcherProps {
|
|
149
|
-
children: React
|
|
148
|
+
children: React.ReactNode;
|
|
150
149
|
value?: string;
|
|
151
150
|
onValueChange?: (value: string) => void;
|
|
152
151
|
}
|
|
153
152
|
interface SwitcherTriggerProps {
|
|
154
|
-
children: React
|
|
153
|
+
children: React.ReactNode;
|
|
155
154
|
asChild?: boolean;
|
|
156
155
|
}
|
|
157
156
|
interface SwitcherContentProps {
|
|
158
|
-
children: React
|
|
157
|
+
children: React.ReactNode;
|
|
159
158
|
align?: "start" | "center" | "end";
|
|
160
159
|
side?: "top" | "right" | "bottom" | "left";
|
|
161
160
|
}
|
|
162
161
|
interface SwitcherGroupProps {
|
|
163
|
-
children: React
|
|
162
|
+
children: React.ReactNode;
|
|
164
163
|
label?: string;
|
|
165
164
|
}
|
|
166
165
|
interface SwitcherItemProps {
|
|
167
|
-
children: React
|
|
166
|
+
children: React.ReactNode;
|
|
168
167
|
value?: string;
|
|
169
168
|
onClick?: () => void;
|
|
170
|
-
icon?: string | React
|
|
169
|
+
icon?: string | React.ReactNode;
|
|
171
170
|
}
|
|
172
171
|
interface SwitcherFooterProps {
|
|
173
|
-
children: React
|
|
172
|
+
children: React.ReactNode;
|
|
174
173
|
onClick?: () => void;
|
|
175
|
-
icon?: React
|
|
174
|
+
icon?: React.ReactNode;
|
|
176
175
|
}
|
|
177
|
-
declare function Switcher({ children, value, onValueChange }: SwitcherProps):
|
|
178
|
-
declare function SwitcherTrigger({ children, asChild }: SwitcherTriggerProps):
|
|
179
|
-
declare function SwitcherContent({ children, align, side, }: SwitcherContentProps):
|
|
176
|
+
declare function Switcher({ children, value, onValueChange }: SwitcherProps): React.JSX.Element;
|
|
177
|
+
declare function SwitcherTrigger({ children, asChild }: SwitcherTriggerProps): React.JSX.Element;
|
|
178
|
+
declare function SwitcherContent({ children, align, side, }: SwitcherContentProps): React.JSX.Element;
|
|
180
179
|
interface SwitcherGroup {
|
|
181
180
|
label: string;
|
|
182
181
|
items: SwitcherItem[];
|
|
183
182
|
}
|
|
184
|
-
declare function SwitcherGroup({ children, label }: SwitcherGroupProps):
|
|
183
|
+
declare function SwitcherGroup({ children, label }: SwitcherGroupProps): React.JSX.Element;
|
|
185
184
|
interface SwitcherItem {
|
|
186
185
|
id: string;
|
|
187
186
|
label: string;
|
|
188
187
|
icon?: string;
|
|
189
188
|
onClick?: () => void;
|
|
190
189
|
}
|
|
191
|
-
declare function SwitcherItem({ children, value, onClick, icon }: SwitcherItemProps):
|
|
192
|
-
declare function SwitcherFooter({ children, onClick, icon }: SwitcherFooterProps):
|
|
193
|
-
declare function SwitcherSeparator():
|
|
190
|
+
declare function SwitcherItem({ children, value, onClick, icon }: SwitcherItemProps): React.JSX.Element;
|
|
191
|
+
declare function SwitcherFooter({ children, onClick, icon }: SwitcherFooterProps): React.JSX.Element;
|
|
192
|
+
declare function SwitcherSeparator(): React.JSX.Element;
|
|
194
193
|
|
|
195
194
|
declare function useIsMobile(): boolean;
|
|
196
195
|
|