@janovix/blocks 1.0.0-rc.2 → 1.0.0-rc.4
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.cjs +1566 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +160 -1
- package/dist/index.d.ts +160 -1
- package/dist/index.js +1532 -3
- package/dist/index.js.map +1 -1
- package/package.json +12 -4
package/dist/index.d.cts
CHANGED
|
@@ -4,6 +4,12 @@ import * as React from 'react';
|
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
6
6
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
7
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
8
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
9
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
10
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
11
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
12
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
7
13
|
import { ClassValue } from 'clsx';
|
|
8
14
|
|
|
9
15
|
type ThemeSwitcherLabels = {
|
|
@@ -70,6 +76,119 @@ type LanguageSwitcherProps = {
|
|
|
70
76
|
};
|
|
71
77
|
declare function LanguageSwitcher({ languages, currentLanguage, onLanguageChange, labels, className, size, shape, variant, showIcon, align, side, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element;
|
|
72
78
|
|
|
79
|
+
interface AvatarEditorProps {
|
|
80
|
+
/** Current cropped image as data URL (controlled) */
|
|
81
|
+
value?: string | null;
|
|
82
|
+
/** Callback when the cropped image changes */
|
|
83
|
+
onChange?: (dataUrl: string | null) => void;
|
|
84
|
+
/** Size of the editor container in pixels */
|
|
85
|
+
size?: number;
|
|
86
|
+
/** Whether to show grid overlay by default */
|
|
87
|
+
showGrid?: boolean;
|
|
88
|
+
/** Output image size in pixels */
|
|
89
|
+
outputSize?: number;
|
|
90
|
+
/** Output format */
|
|
91
|
+
outputFormat?: "png" | "jpeg" | "webp";
|
|
92
|
+
/** Output quality for jpeg/webp (0-1) */
|
|
93
|
+
outputQuality?: number;
|
|
94
|
+
/** Additional class names */
|
|
95
|
+
className?: string;
|
|
96
|
+
/** Control size variant - 'default' for desktop, 'large' for mobile/touch devices */
|
|
97
|
+
controlSize?: "default" | "large";
|
|
98
|
+
/** @deprecated Use value instead. Default image URL to load */
|
|
99
|
+
defaultImage?: string;
|
|
100
|
+
/** Initials to show in the placeholder (for backward compatibility, not displayed in current UI) */
|
|
101
|
+
initials?: string;
|
|
102
|
+
}
|
|
103
|
+
declare function AvatarEditor({ value, onChange, size, showGrid: initialShowGrid, outputSize, outputFormat, outputQuality, className, controlSize, defaultImage, initials: _initials, }: AvatarEditorProps): react_jsx_runtime.JSX.Element;
|
|
104
|
+
|
|
105
|
+
interface AvatarEditorDialogProps {
|
|
106
|
+
/** Current avatar URL or data URL */
|
|
107
|
+
value?: string | null;
|
|
108
|
+
/** Callback when avatar changes (after accepting) */
|
|
109
|
+
onChange?: (dataUrl: string | null) => void;
|
|
110
|
+
/** Async callback for saving/uploading - return true for success, false for failure */
|
|
111
|
+
onSave?: (dataUrl: string) => Promise<boolean> | boolean;
|
|
112
|
+
/** Size of the displayed avatar in pixels */
|
|
113
|
+
displaySize?: number;
|
|
114
|
+
/** Size of the editor in the dialog */
|
|
115
|
+
editorSize?: number;
|
|
116
|
+
/** Output image size */
|
|
117
|
+
outputSize?: number;
|
|
118
|
+
/** Placeholder text when no avatar */
|
|
119
|
+
placeholder?: string;
|
|
120
|
+
/** Edit button label for accessibility */
|
|
121
|
+
editLabel?: string;
|
|
122
|
+
/** Dialog title */
|
|
123
|
+
dialogTitle?: string;
|
|
124
|
+
/** Accept button text */
|
|
125
|
+
acceptText?: string;
|
|
126
|
+
/** Cancel button text */
|
|
127
|
+
cancelText?: string;
|
|
128
|
+
/** Success message */
|
|
129
|
+
successMessage?: string;
|
|
130
|
+
/** Error message */
|
|
131
|
+
errorMessage?: string;
|
|
132
|
+
/** Additional class names */
|
|
133
|
+
className?: string;
|
|
134
|
+
}
|
|
135
|
+
declare function AvatarEditorDialog({ value, onChange, onSave, displaySize, editorSize, outputSize, placeholder: _placeholder, editLabel, dialogTitle, acceptText, cancelText, successMessage, errorMessage, className, }: AvatarEditorDialogProps): react_jsx_runtime.JSX.Element;
|
|
136
|
+
|
|
137
|
+
/**
|
|
138
|
+
* NotificationsWidget - A compact notification bell for navigation bars
|
|
139
|
+
*
|
|
140
|
+
* @description
|
|
141
|
+
* Displays a bell icon with unread count badge, plays sound on new notifications,
|
|
142
|
+
* and shows a popover with recent notifications that can be marked as read or dismissed.
|
|
143
|
+
*
|
|
144
|
+
* @example
|
|
145
|
+
* ```tsx
|
|
146
|
+
* <NotificationsWidget
|
|
147
|
+
* notifications={notifications}
|
|
148
|
+
* onMarkAsRead={(id) => markAsRead(id)}
|
|
149
|
+
* onMarkAllAsRead={() => markAllAsRead()}
|
|
150
|
+
* onDismiss={(id) => dismiss(id)}
|
|
151
|
+
* onClearAll={() => clearAll()}
|
|
152
|
+
* playSound={true}
|
|
153
|
+
* />
|
|
154
|
+
* ```
|
|
155
|
+
*/
|
|
156
|
+
type NotificationType = "info" | "success" | "warning" | "error";
|
|
157
|
+
interface Notification {
|
|
158
|
+
id: string;
|
|
159
|
+
title: string;
|
|
160
|
+
message?: string;
|
|
161
|
+
type?: NotificationType;
|
|
162
|
+
timestamp: Date;
|
|
163
|
+
read?: boolean;
|
|
164
|
+
href?: string;
|
|
165
|
+
}
|
|
166
|
+
type WidgetSize = "sm" | "md" | "lg";
|
|
167
|
+
type DotColor = "red" | "blue" | "green" | "amber" | "purple" | "primary";
|
|
168
|
+
type SoundType = "chime" | "bell" | "pop" | "ding" | "none";
|
|
169
|
+
type PulseStyle = "ring" | "glow" | "bounce" | "none";
|
|
170
|
+
interface NotificationsWidgetProps {
|
|
171
|
+
notifications: Notification[];
|
|
172
|
+
onMarkAsRead?: (id: string) => void;
|
|
173
|
+
onMarkAllAsRead?: () => void;
|
|
174
|
+
onDismiss?: (id: string) => void;
|
|
175
|
+
onClearAll?: () => void;
|
|
176
|
+
onNotificationClick?: (notification: Notification) => void;
|
|
177
|
+
size?: WidgetSize;
|
|
178
|
+
maxVisible?: number;
|
|
179
|
+
playSound?: boolean;
|
|
180
|
+
soundUrl?: string;
|
|
181
|
+
className?: string;
|
|
182
|
+
emptyMessage?: string;
|
|
183
|
+
title?: string;
|
|
184
|
+
dotColor?: DotColor;
|
|
185
|
+
showPulse?: boolean;
|
|
186
|
+
soundType?: SoundType;
|
|
187
|
+
pulseStyle?: PulseStyle;
|
|
188
|
+
soundCooldown?: number;
|
|
189
|
+
}
|
|
190
|
+
declare function NotificationsWidget({ notifications, onMarkAsRead, onMarkAllAsRead, onDismiss, onClearAll, onNotificationClick, size, maxVisible, playSound: _playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
|
|
191
|
+
|
|
73
192
|
declare const buttonVariants: (props?: ({
|
|
74
193
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
75
194
|
size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
@@ -106,6 +225,46 @@ declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimit
|
|
|
106
225
|
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
107
226
|
declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
108
227
|
|
|
228
|
+
declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
229
|
+
|
|
230
|
+
declare const toggleVariants: (props?: ({
|
|
231
|
+
variant?: "default" | "outline" | null | undefined;
|
|
232
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
233
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
234
|
+
declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
235
|
+
|
|
236
|
+
declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
237
|
+
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
238
|
+
declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
|
|
239
|
+
declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
|
|
240
|
+
declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
|
|
241
|
+
declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
242
|
+
showCloseButton?: boolean;
|
|
243
|
+
}): react_jsx_runtime.JSX.Element;
|
|
244
|
+
declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
245
|
+
declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
246
|
+
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
|
|
247
|
+
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
|
|
248
|
+
|
|
249
|
+
declare function Drawer({ ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
|
|
250
|
+
declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
251
|
+
declare function DrawerPortal({ ...props }: React.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
252
|
+
declare function DrawerClose({ ...props }: React.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
|
|
253
|
+
declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
|
|
254
|
+
declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
|
|
255
|
+
declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
256
|
+
declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
257
|
+
declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
|
|
258
|
+
declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
|
|
259
|
+
|
|
260
|
+
declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
261
|
+
declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
262
|
+
declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
263
|
+
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
|
|
264
|
+
|
|
265
|
+
declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
266
|
+
declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
|
|
267
|
+
|
|
109
268
|
declare function cn(...inputs: ClassValue[]): string;
|
|
110
269
|
|
|
111
|
-
export { Button, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type Language, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn };
|
|
270
|
+
export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type Language, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, type Notification, type NotificationType, NotificationsWidget, type NotificationsWidgetProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn, toggleVariants };
|
package/dist/index.d.ts
CHANGED
|
@@ -4,6 +4,12 @@ import * as React from 'react';
|
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
6
6
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
7
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
8
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
9
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
10
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
11
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
12
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
7
13
|
import { ClassValue } from 'clsx';
|
|
8
14
|
|
|
9
15
|
type ThemeSwitcherLabels = {
|
|
@@ -70,6 +76,119 @@ type LanguageSwitcherProps = {
|
|
|
70
76
|
};
|
|
71
77
|
declare function LanguageSwitcher({ languages, currentLanguage, onLanguageChange, labels, className, size, shape, variant, showIcon, align, side, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element;
|
|
72
78
|
|
|
79
|
+
interface AvatarEditorProps {
|
|
80
|
+
/** Current cropped image as data URL (controlled) */
|
|
81
|
+
value?: string | null;
|
|
82
|
+
/** Callback when the cropped image changes */
|
|
83
|
+
onChange?: (dataUrl: string | null) => void;
|
|
84
|
+
/** Size of the editor container in pixels */
|
|
85
|
+
size?: number;
|
|
86
|
+
/** Whether to show grid overlay by default */
|
|
87
|
+
showGrid?: boolean;
|
|
88
|
+
/** Output image size in pixels */
|
|
89
|
+
outputSize?: number;
|
|
90
|
+
/** Output format */
|
|
91
|
+
outputFormat?: "png" | "jpeg" | "webp";
|
|
92
|
+
/** Output quality for jpeg/webp (0-1) */
|
|
93
|
+
outputQuality?: number;
|
|
94
|
+
/** Additional class names */
|
|
95
|
+
className?: string;
|
|
96
|
+
/** Control size variant - 'default' for desktop, 'large' for mobile/touch devices */
|
|
97
|
+
controlSize?: "default" | "large";
|
|
98
|
+
/** @deprecated Use value instead. Default image URL to load */
|
|
99
|
+
defaultImage?: string;
|
|
100
|
+
/** Initials to show in the placeholder (for backward compatibility, not displayed in current UI) */
|
|
101
|
+
initials?: string;
|
|
102
|
+
}
|
|
103
|
+
declare function AvatarEditor({ value, onChange, size, showGrid: initialShowGrid, outputSize, outputFormat, outputQuality, className, controlSize, defaultImage, initials: _initials, }: AvatarEditorProps): react_jsx_runtime.JSX.Element;
|
|
104
|
+
|
|
105
|
+
interface AvatarEditorDialogProps {
|
|
106
|
+
/** Current avatar URL or data URL */
|
|
107
|
+
value?: string | null;
|
|
108
|
+
/** Callback when avatar changes (after accepting) */
|
|
109
|
+
onChange?: (dataUrl: string | null) => void;
|
|
110
|
+
/** Async callback for saving/uploading - return true for success, false for failure */
|
|
111
|
+
onSave?: (dataUrl: string) => Promise<boolean> | boolean;
|
|
112
|
+
/** Size of the displayed avatar in pixels */
|
|
113
|
+
displaySize?: number;
|
|
114
|
+
/** Size of the editor in the dialog */
|
|
115
|
+
editorSize?: number;
|
|
116
|
+
/** Output image size */
|
|
117
|
+
outputSize?: number;
|
|
118
|
+
/** Placeholder text when no avatar */
|
|
119
|
+
placeholder?: string;
|
|
120
|
+
/** Edit button label for accessibility */
|
|
121
|
+
editLabel?: string;
|
|
122
|
+
/** Dialog title */
|
|
123
|
+
dialogTitle?: string;
|
|
124
|
+
/** Accept button text */
|
|
125
|
+
acceptText?: string;
|
|
126
|
+
/** Cancel button text */
|
|
127
|
+
cancelText?: string;
|
|
128
|
+
/** Success message */
|
|
129
|
+
successMessage?: string;
|
|
130
|
+
/** Error message */
|
|
131
|
+
errorMessage?: string;
|
|
132
|
+
/** Additional class names */
|
|
133
|
+
className?: string;
|
|
134
|
+
}
|
|
135
|
+
declare function AvatarEditorDialog({ value, onChange, onSave, displaySize, editorSize, outputSize, placeholder: _placeholder, editLabel, dialogTitle, acceptText, cancelText, successMessage, errorMessage, className, }: AvatarEditorDialogProps): react_jsx_runtime.JSX.Element;
|
|
136
|
+
|
|
137
|
+
/**
|
|
138
|
+
* NotificationsWidget - A compact notification bell for navigation bars
|
|
139
|
+
*
|
|
140
|
+
* @description
|
|
141
|
+
* Displays a bell icon with unread count badge, plays sound on new notifications,
|
|
142
|
+
* and shows a popover with recent notifications that can be marked as read or dismissed.
|
|
143
|
+
*
|
|
144
|
+
* @example
|
|
145
|
+
* ```tsx
|
|
146
|
+
* <NotificationsWidget
|
|
147
|
+
* notifications={notifications}
|
|
148
|
+
* onMarkAsRead={(id) => markAsRead(id)}
|
|
149
|
+
* onMarkAllAsRead={() => markAllAsRead()}
|
|
150
|
+
* onDismiss={(id) => dismiss(id)}
|
|
151
|
+
* onClearAll={() => clearAll()}
|
|
152
|
+
* playSound={true}
|
|
153
|
+
* />
|
|
154
|
+
* ```
|
|
155
|
+
*/
|
|
156
|
+
type NotificationType = "info" | "success" | "warning" | "error";
|
|
157
|
+
interface Notification {
|
|
158
|
+
id: string;
|
|
159
|
+
title: string;
|
|
160
|
+
message?: string;
|
|
161
|
+
type?: NotificationType;
|
|
162
|
+
timestamp: Date;
|
|
163
|
+
read?: boolean;
|
|
164
|
+
href?: string;
|
|
165
|
+
}
|
|
166
|
+
type WidgetSize = "sm" | "md" | "lg";
|
|
167
|
+
type DotColor = "red" | "blue" | "green" | "amber" | "purple" | "primary";
|
|
168
|
+
type SoundType = "chime" | "bell" | "pop" | "ding" | "none";
|
|
169
|
+
type PulseStyle = "ring" | "glow" | "bounce" | "none";
|
|
170
|
+
interface NotificationsWidgetProps {
|
|
171
|
+
notifications: Notification[];
|
|
172
|
+
onMarkAsRead?: (id: string) => void;
|
|
173
|
+
onMarkAllAsRead?: () => void;
|
|
174
|
+
onDismiss?: (id: string) => void;
|
|
175
|
+
onClearAll?: () => void;
|
|
176
|
+
onNotificationClick?: (notification: Notification) => void;
|
|
177
|
+
size?: WidgetSize;
|
|
178
|
+
maxVisible?: number;
|
|
179
|
+
playSound?: boolean;
|
|
180
|
+
soundUrl?: string;
|
|
181
|
+
className?: string;
|
|
182
|
+
emptyMessage?: string;
|
|
183
|
+
title?: string;
|
|
184
|
+
dotColor?: DotColor;
|
|
185
|
+
showPulse?: boolean;
|
|
186
|
+
soundType?: SoundType;
|
|
187
|
+
pulseStyle?: PulseStyle;
|
|
188
|
+
soundCooldown?: number;
|
|
189
|
+
}
|
|
190
|
+
declare function NotificationsWidget({ notifications, onMarkAsRead, onMarkAllAsRead, onDismiss, onClearAll, onNotificationClick, size, maxVisible, playSound: _playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
|
|
191
|
+
|
|
73
192
|
declare const buttonVariants: (props?: ({
|
|
74
193
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
75
194
|
size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
@@ -106,6 +225,46 @@ declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimit
|
|
|
106
225
|
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
107
226
|
declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
108
227
|
|
|
228
|
+
declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
229
|
+
|
|
230
|
+
declare const toggleVariants: (props?: ({
|
|
231
|
+
variant?: "default" | "outline" | null | undefined;
|
|
232
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
233
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
234
|
+
declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
235
|
+
|
|
236
|
+
declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
237
|
+
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
238
|
+
declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
|
|
239
|
+
declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
|
|
240
|
+
declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
|
|
241
|
+
declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
242
|
+
showCloseButton?: boolean;
|
|
243
|
+
}): react_jsx_runtime.JSX.Element;
|
|
244
|
+
declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
245
|
+
declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
246
|
+
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
|
|
247
|
+
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
|
|
248
|
+
|
|
249
|
+
declare function Drawer({ ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
|
|
250
|
+
declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
251
|
+
declare function DrawerPortal({ ...props }: React.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
252
|
+
declare function DrawerClose({ ...props }: React.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
|
|
253
|
+
declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
|
|
254
|
+
declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
|
|
255
|
+
declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
256
|
+
declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
257
|
+
declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
|
|
258
|
+
declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
|
|
259
|
+
|
|
260
|
+
declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
261
|
+
declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
262
|
+
declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
263
|
+
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
|
|
264
|
+
|
|
265
|
+
declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
266
|
+
declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
|
|
267
|
+
|
|
109
268
|
declare function cn(...inputs: ClassValue[]): string;
|
|
110
269
|
|
|
111
|
-
export { Button, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type Language, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn };
|
|
270
|
+
export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type Language, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, type Notification, type NotificationType, NotificationsWidget, type NotificationsWidgetProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn, toggleVariants };
|