@offlinemediainc/offline-ui 0.1.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/README.md +152 -0
- package/dist/index.cjs +1901 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +355 -0
- package/dist/index.d.ts +355 -0
- package/dist/index.js +1761 -0
- package/dist/index.js.map +1 -0
- package/dist/styles.css +313 -0
- package/package.json +99 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,355 @@
|
|
|
1
|
+
import * as React$1 from 'react';
|
|
2
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
import { VariantProps } from 'class-variance-authority';
|
|
6
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
7
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
8
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
9
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
10
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
11
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
12
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
13
|
+
import { ClassValue } from 'clsx';
|
|
14
|
+
|
|
15
|
+
declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
16
|
+
declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
|
|
17
|
+
declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
18
|
+
|
|
19
|
+
declare const badgeVariants: (props?: ({
|
|
20
|
+
variant?: "link" | "default" | "secondary" | "destructive" | "success" | "warning" | "outline" | null | undefined;
|
|
21
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
22
|
+
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
23
|
+
asChild?: boolean;
|
|
24
|
+
}
|
|
25
|
+
declare function Badge({ className, variant, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
26
|
+
|
|
27
|
+
declare const buttonVariants: (props?: ({
|
|
28
|
+
variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
|
|
29
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
30
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
31
|
+
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
32
|
+
asChild?: boolean;
|
|
33
|
+
}
|
|
34
|
+
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
35
|
+
|
|
36
|
+
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
38
|
+
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
41
|
+
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
42
|
+
|
|
43
|
+
declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
44
|
+
declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
45
|
+
declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
|
|
47
|
+
declare const Dialog: {
|
|
48
|
+
(props: React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
49
|
+
displayName: string;
|
|
50
|
+
};
|
|
51
|
+
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
52
|
+
declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
53
|
+
declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
54
|
+
declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
55
|
+
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
56
|
+
hideCloseButton?: boolean;
|
|
57
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
58
|
+
declare const DialogHeader: {
|
|
59
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
60
|
+
displayName: string;
|
|
61
|
+
};
|
|
62
|
+
declare const DialogFooter: {
|
|
63
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
64
|
+
displayName: string;
|
|
65
|
+
};
|
|
66
|
+
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
67
|
+
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
68
|
+
|
|
69
|
+
declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
70
|
+
declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
71
|
+
declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
72
|
+
declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
73
|
+
declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
74
|
+
declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
75
|
+
declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
76
|
+
inset?: boolean;
|
|
77
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
78
|
+
declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
79
|
+
declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
80
|
+
declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
81
|
+
inset?: boolean;
|
|
82
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
83
|
+
declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
84
|
+
declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
85
|
+
declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
86
|
+
inset?: boolean;
|
|
87
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
88
|
+
declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
89
|
+
declare const DropdownMenuShortcut: {
|
|
90
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
91
|
+
displayName: string;
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
95
|
+
|
|
96
|
+
declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
97
|
+
|
|
98
|
+
declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
99
|
+
declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
|
|
100
|
+
declare const itemVariants: (props?: ({
|
|
101
|
+
variant?: "default" | "outline" | "muted" | null | undefined;
|
|
102
|
+
size?: "default" | "sm" | null | undefined;
|
|
103
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
104
|
+
declare function Item({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
|
|
105
|
+
asChild?: boolean;
|
|
106
|
+
}): react_jsx_runtime.JSX.Element;
|
|
107
|
+
declare const itemMediaVariants: (props?: ({
|
|
108
|
+
variant?: "image" | "default" | "icon" | null | undefined;
|
|
109
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
110
|
+
declare function ItemMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
|
|
111
|
+
declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
112
|
+
declare function ItemTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
113
|
+
declare function ItemDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
|
|
114
|
+
declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
115
|
+
declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
116
|
+
declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
117
|
+
|
|
118
|
+
declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
119
|
+
|
|
120
|
+
declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
|
|
121
|
+
declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
122
|
+
declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
123
|
+
declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
124
|
+
declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
125
|
+
declare const sheetVariants: (props?: ({
|
|
126
|
+
side?: "top" | "right" | "bottom" | "left" | null | undefined;
|
|
127
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
128
|
+
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
129
|
+
}
|
|
130
|
+
declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
131
|
+
declare const SheetHeader: {
|
|
132
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
133
|
+
displayName: string;
|
|
134
|
+
};
|
|
135
|
+
declare const SheetFooter: {
|
|
136
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
137
|
+
displayName: string;
|
|
138
|
+
};
|
|
139
|
+
declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
140
|
+
declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
141
|
+
|
|
142
|
+
declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
143
|
+
declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
|
|
144
|
+
declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
145
|
+
declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
146
|
+
|
|
147
|
+
type SidebarContextProps = {
|
|
148
|
+
state: "expanded" | "collapsed";
|
|
149
|
+
open: boolean;
|
|
150
|
+
setOpen: (open: boolean) => void;
|
|
151
|
+
openMobile: boolean;
|
|
152
|
+
setOpenMobile: (open: boolean) => void;
|
|
153
|
+
isMobile: boolean;
|
|
154
|
+
toggleSidebar: () => void;
|
|
155
|
+
};
|
|
156
|
+
declare function useSidebar(): SidebarContextProps;
|
|
157
|
+
declare const SidebarProvider: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
158
|
+
defaultOpen?: boolean;
|
|
159
|
+
open?: boolean;
|
|
160
|
+
onOpenChange?: (open: boolean) => void;
|
|
161
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
162
|
+
declare const Sidebar: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
163
|
+
side?: "left" | "right";
|
|
164
|
+
variant?: "sidebar" | "floating" | "inset";
|
|
165
|
+
collapsible?: "offcanvas" | "icon" | "none";
|
|
166
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
167
|
+
declare const SidebarTrigger: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
168
|
+
declare const SidebarRail: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
169
|
+
declare const SidebarInset: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
170
|
+
declare const SidebarInput: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
171
|
+
declare const SidebarHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
172
|
+
declare const SidebarFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
173
|
+
declare const SidebarSeparator: React$1.ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
174
|
+
declare const SidebarContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
175
|
+
declare const SidebarGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
176
|
+
declare const SidebarGroupLabel: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
177
|
+
asChild?: boolean;
|
|
178
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
179
|
+
declare const SidebarGroupAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
180
|
+
asChild?: boolean;
|
|
181
|
+
}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
182
|
+
declare const SidebarGroupContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
183
|
+
declare const SidebarMenu: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
184
|
+
declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
185
|
+
declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
186
|
+
asChild?: boolean;
|
|
187
|
+
isActive?: boolean;
|
|
188
|
+
tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
|
|
189
|
+
} & VariantProps<(props?: ({
|
|
190
|
+
variant?: "default" | "outline" | null | undefined;
|
|
191
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
192
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
193
|
+
declare const SidebarMenuAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
194
|
+
asChild?: boolean;
|
|
195
|
+
showOnHover?: boolean;
|
|
196
|
+
}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
197
|
+
declare const SidebarMenuBadge: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
198
|
+
declare const SidebarMenuSkeleton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
199
|
+
showIcon?: boolean;
|
|
200
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
201
|
+
declare const SidebarMenuSub: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
202
|
+
declare const SidebarMenuSubItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
203
|
+
declare const SidebarMenuSubButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLAnchorElement> & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
204
|
+
asChild?: boolean;
|
|
205
|
+
size?: "sm" | "md";
|
|
206
|
+
isActive?: boolean;
|
|
207
|
+
}, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
208
|
+
|
|
209
|
+
declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
210
|
+
|
|
211
|
+
declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
212
|
+
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
213
|
+
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
214
|
+
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
215
|
+
|
|
216
|
+
/** Sub-item for nested navigation */
|
|
217
|
+
interface NavSubItem {
|
|
218
|
+
title: string;
|
|
219
|
+
url: string;
|
|
220
|
+
isActive?: boolean;
|
|
221
|
+
}
|
|
222
|
+
/** Navigation item - can have sub-items for collapsible menus */
|
|
223
|
+
interface NavItem {
|
|
224
|
+
title: string;
|
|
225
|
+
url: string;
|
|
226
|
+
icon: React$1.ElementType;
|
|
227
|
+
isActive?: boolean;
|
|
228
|
+
/** Sub-items for collapsible nested menu */
|
|
229
|
+
items?: NavSubItem[];
|
|
230
|
+
/** Badge to show (e.g., count or "New") */
|
|
231
|
+
badge?: string | number;
|
|
232
|
+
}
|
|
233
|
+
/** Group of navigation items with a label */
|
|
234
|
+
interface NavGroup {
|
|
235
|
+
label: string;
|
|
236
|
+
items: NavItem[];
|
|
237
|
+
}
|
|
238
|
+
/** User info for the footer */
|
|
239
|
+
interface SidebarUser {
|
|
240
|
+
name: string;
|
|
241
|
+
email: string;
|
|
242
|
+
avatar?: string;
|
|
243
|
+
}
|
|
244
|
+
/** Workspace/company info for the header */
|
|
245
|
+
interface SidebarWorkspace {
|
|
246
|
+
name: string;
|
|
247
|
+
subtitle?: string;
|
|
248
|
+
logo?: string;
|
|
249
|
+
}
|
|
250
|
+
/** Props for the OfflineSidebar component */
|
|
251
|
+
interface OfflineSidebarProps {
|
|
252
|
+
/** Navigation groups to display */
|
|
253
|
+
navGroups?: NavGroup[];
|
|
254
|
+
/** Flat navigation items (alternative to groups) */
|
|
255
|
+
navItems?: NavItem[];
|
|
256
|
+
/** User info for the footer */
|
|
257
|
+
user?: SidebarUser;
|
|
258
|
+
/** Workspace info for the header */
|
|
259
|
+
workspace?: SidebarWorkspace;
|
|
260
|
+
/** Whether the sidebar starts collapsed */
|
|
261
|
+
defaultCollapsed?: boolean;
|
|
262
|
+
/** Callback when user clicks logout */
|
|
263
|
+
onLogout?: () => void;
|
|
264
|
+
/** Callback when user clicks settings */
|
|
265
|
+
onSettings?: () => void;
|
|
266
|
+
/** Callback when user clicks help */
|
|
267
|
+
onHelp?: () => void;
|
|
268
|
+
/** Available workspaces for switcher */
|
|
269
|
+
workspaces?: SidebarWorkspace[];
|
|
270
|
+
/** Callback when workspace changes */
|
|
271
|
+
onWorkspaceChange?: (workspace: SidebarWorkspace) => void;
|
|
272
|
+
/** Children for the main content area */
|
|
273
|
+
children?: React$1.ReactNode;
|
|
274
|
+
}
|
|
275
|
+
/** Offline App Icon - rounded square icon like shadcn/App Store style */
|
|
276
|
+
declare function OfflineAppIcon(): react_jsx_runtime.JSX.Element;
|
|
277
|
+
/** Workspace/Company Header with optional dropdown */
|
|
278
|
+
declare function WorkspaceHeader({ workspace, workspaces, onWorkspaceChange, }: {
|
|
279
|
+
workspace?: SidebarWorkspace;
|
|
280
|
+
workspaces?: SidebarWorkspace[];
|
|
281
|
+
onWorkspaceChange?: (workspace: SidebarWorkspace) => void;
|
|
282
|
+
}): react_jsx_runtime.JSX.Element;
|
|
283
|
+
/** Collapsible Nav Item with sub-items */
|
|
284
|
+
declare function CollapsibleNavItem({ item }: {
|
|
285
|
+
item: NavItem;
|
|
286
|
+
}): react_jsx_runtime.JSX.Element;
|
|
287
|
+
/** Simple Nav Item (no sub-items) */
|
|
288
|
+
declare function SimpleNavItem({ item }: {
|
|
289
|
+
item: NavItem;
|
|
290
|
+
}): react_jsx_runtime.JSX.Element;
|
|
291
|
+
/** Nav Group with label and items */
|
|
292
|
+
declare function NavGroupComponent({ group }: {
|
|
293
|
+
group: NavGroup;
|
|
294
|
+
}): react_jsx_runtime.JSX.Element;
|
|
295
|
+
/** User Footer with dropdown */
|
|
296
|
+
declare function UserFooter({ user, onLogout, onSettings, onHelp, }: {
|
|
297
|
+
user?: SidebarUser;
|
|
298
|
+
onLogout?: () => void;
|
|
299
|
+
onSettings?: () => void;
|
|
300
|
+
onHelp?: () => void;
|
|
301
|
+
}): react_jsx_runtime.JSX.Element | null;
|
|
302
|
+
/** Top bar with sidebar trigger */
|
|
303
|
+
declare function OfflineTopbar({ children }: {
|
|
304
|
+
children?: React$1.ReactNode;
|
|
305
|
+
}): react_jsx_runtime.JSX.Element;
|
|
306
|
+
/**
|
|
307
|
+
* OfflineSidebar - A standardized sidebar layout for Offline applications
|
|
308
|
+
*
|
|
309
|
+
* **Note: This component requires Next.js** as it uses next/image, next/link,
|
|
310
|
+
* and next/navigation internally.
|
|
311
|
+
*
|
|
312
|
+
* Features:
|
|
313
|
+
* - Collapsible to icon-only mode (Cmd+B)
|
|
314
|
+
* - Mobile responsive (uses sheet on mobile)
|
|
315
|
+
* - Nested/collapsible menu items
|
|
316
|
+
* - Grouped navigation with labels
|
|
317
|
+
* - Workspace switcher in header
|
|
318
|
+
* - User dropdown in footer
|
|
319
|
+
* - Offline brand styling (black bg, yellow accents)
|
|
320
|
+
*
|
|
321
|
+
* @example
|
|
322
|
+
* ```tsx
|
|
323
|
+
* <OfflineSidebar
|
|
324
|
+
* workspace={{ name: "Offline", subtitle: "Partners" }}
|
|
325
|
+
* user={{ name: "John Doe", email: "john@example.com" }}
|
|
326
|
+
* navGroups={[
|
|
327
|
+
* {
|
|
328
|
+
* label: "Main",
|
|
329
|
+
* items: [
|
|
330
|
+
* { title: "Dashboard", url: "/dashboard", icon: LayoutDashboard },
|
|
331
|
+
* {
|
|
332
|
+
* title: "Offers",
|
|
333
|
+
* url: "/offers",
|
|
334
|
+
* icon: Tag,
|
|
335
|
+
* items: [
|
|
336
|
+
* { title: "Active", url: "/offers/active" },
|
|
337
|
+
* { title: "Draft", url: "/offers/draft" },
|
|
338
|
+
* ]
|
|
339
|
+
* },
|
|
340
|
+
* ]
|
|
341
|
+
* }
|
|
342
|
+
* ]}
|
|
343
|
+
* onLogout={() => signOut()}
|
|
344
|
+
* >
|
|
345
|
+
* <YourPageContent />
|
|
346
|
+
* </OfflineSidebar>
|
|
347
|
+
* ```
|
|
348
|
+
*/
|
|
349
|
+
declare function OfflineSidebar({ navGroups, navItems, user, workspace, workspaces, defaultCollapsed, onLogout, onSettings, onHelp, onWorkspaceChange, children, }: OfflineSidebarProps): react_jsx_runtime.JSX.Element;
|
|
350
|
+
|
|
351
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
352
|
+
|
|
353
|
+
declare function useIsMobile(): boolean;
|
|
354
|
+
|
|
355
|
+
export { Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Collapsible, CollapsibleContent, CollapsibleNavItem, CollapsibleTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, type NavGroup, NavGroupComponent, type NavItem, type NavSubItem, OfflineAppIcon, OfflineSidebar, type OfflineSidebarProps, OfflineTopbar, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, type SidebarUser, type SidebarWorkspace, SimpleNavItem, Skeleton, Tabs, TabsContent, TabsList, TabsTrigger, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserFooter, WorkspaceHeader, badgeVariants, buttonVariants, cn, useIsMobile, useSidebar };
|