atlasui-lib 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/CHANGELOG.md +157 -0
- package/LICENSE +21 -0
- package/README.md +253 -0
- package/dist/cli/index.js +364 -0
- package/dist/index.d.mts +1027 -0
- package/dist/index.d.ts +1027 -0
- package/dist/index.js +3954 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +3733 -0
- package/dist/index.mjs.map +1 -0
- package/dist/provider.d.mts +15 -0
- package/dist/provider.d.ts +15 -0
- package/dist/provider.js +816 -0
- package/dist/provider.js.map +1 -0
- package/dist/provider.mjs +780 -0
- package/dist/provider.mjs.map +1 -0
- package/dist/tailwind.d.ts +25 -0
- package/dist/tailwind.js +129 -0
- package/package.json +138 -0
- package/src/cli/index.ts +301 -0
- package/src/cli/registry.ts +139 -0
- package/src/components/advanced-forms/index.tsx +567 -0
- package/src/components/basic/Button.tsx +135 -0
- package/src/components/basic/IconButton.tsx +69 -0
- package/src/components/basic/index.tsx +446 -0
- package/src/components/data-display/index.tsx +608 -0
- package/src/components/feedback/index.tsx +554 -0
- package/src/components/forms/index.tsx +476 -0
- package/src/components/layout/index.tsx +296 -0
- package/src/components/media/index.tsx +437 -0
- package/src/components/navigation/index.tsx +484 -0
- package/src/components/overlay/index.tsx +473 -0
- package/src/components/utility/index.tsx +411 -0
- package/src/hooks/index.ts +271 -0
- package/src/hooks/use-toast.tsx +74 -0
- package/src/index.ts +353 -0
- package/src/provider.tsx +54 -0
- package/src/styles/atlas.css +252 -0
- package/src/tailwind.ts +124 -0
- package/src/types/index.ts +95 -0
- package/src/utils/cn.ts +66 -0
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,1027 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
export { useId } from 'react';
|
|
5
|
+
import { VariantProps } from 'class-variance-authority';
|
|
6
|
+
export { VariantProps } from 'class-variance-authority';
|
|
7
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
9
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
10
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
11
|
+
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
12
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
13
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
14
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
15
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
16
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
17
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
18
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
19
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
20
|
+
import * as ToastPrimitive from '@radix-ui/react-toast';
|
|
21
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
22
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
23
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
24
|
+
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
25
|
+
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
26
|
+
import { ClassValue } from 'clsx';
|
|
27
|
+
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
28
|
+
import { Config } from 'tailwindcss';
|
|
29
|
+
|
|
30
|
+
declare const buttonVariants: (props?: ({
|
|
31
|
+
variant?: "solid" | "outline" | "ghost" | "soft" | "link" | "danger" | "success" | null | undefined;
|
|
32
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
|
|
33
|
+
fullWidth?: boolean | null | undefined;
|
|
34
|
+
loading?: boolean | null | undefined;
|
|
35
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
36
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
37
|
+
/** Render as child element (Radix Slot pattern) */
|
|
38
|
+
asChild?: boolean;
|
|
39
|
+
/** Show loading spinner */
|
|
40
|
+
loading?: boolean;
|
|
41
|
+
/** Left icon slot */
|
|
42
|
+
leftIcon?: React.ReactNode;
|
|
43
|
+
/** Right icon slot */
|
|
44
|
+
rightIcon?: React.ReactNode;
|
|
45
|
+
}
|
|
46
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
47
|
+
|
|
48
|
+
declare const iconButtonVariants: (props?: ({
|
|
49
|
+
variant?: "solid" | "outline" | "ghost" | "soft" | "danger" | null | undefined;
|
|
50
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
51
|
+
shape?: "circle" | "square" | null | undefined;
|
|
52
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
53
|
+
interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
|
|
54
|
+
/** Accessible label — required for screen readers */
|
|
55
|
+
"aria-label": string;
|
|
56
|
+
asChild?: boolean;
|
|
57
|
+
icon?: React.ReactNode;
|
|
58
|
+
}
|
|
59
|
+
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
60
|
+
|
|
61
|
+
interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
62
|
+
asChild?: boolean;
|
|
63
|
+
external?: boolean;
|
|
64
|
+
underline?: "always" | "hover" | "none";
|
|
65
|
+
}
|
|
66
|
+
declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
67
|
+
declare const badgeVariants: (props?: ({
|
|
68
|
+
variant?: "solid" | "outline" | "soft" | "neutral" | null | undefined;
|
|
69
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
70
|
+
color?: "danger" | "success" | "neutral" | "primary" | "warning" | "info" | null | undefined;
|
|
71
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
72
|
+
interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeVariants> {
|
|
73
|
+
dot?: boolean;
|
|
74
|
+
}
|
|
75
|
+
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
|
|
76
|
+
declare const avatarSizes: {
|
|
77
|
+
xs: string;
|
|
78
|
+
sm: string;
|
|
79
|
+
md: string;
|
|
80
|
+
lg: string;
|
|
81
|
+
xl: string;
|
|
82
|
+
"2xl": string;
|
|
83
|
+
};
|
|
84
|
+
interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> {
|
|
85
|
+
src?: string;
|
|
86
|
+
alt?: string;
|
|
87
|
+
fallback?: string;
|
|
88
|
+
size?: keyof typeof avatarSizes;
|
|
89
|
+
shape?: "circle" | "square";
|
|
90
|
+
status?: "online" | "offline" | "busy" | "away";
|
|
91
|
+
}
|
|
92
|
+
declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
|
|
93
|
+
interface AvatarGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "size"> {
|
|
94
|
+
max?: number;
|
|
95
|
+
size?: AvatarProps["size"];
|
|
96
|
+
spacing?: "tight" | "normal" | "loose";
|
|
97
|
+
}
|
|
98
|
+
declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
99
|
+
interface DividerProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
|
|
100
|
+
label?: React.ReactNode;
|
|
101
|
+
labelPosition?: "left" | "center" | "right";
|
|
102
|
+
}
|
|
103
|
+
declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
|
|
104
|
+
interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color" | "size"> {
|
|
105
|
+
closable?: boolean;
|
|
106
|
+
onClose?: () => void;
|
|
107
|
+
icon?: React.ReactNode;
|
|
108
|
+
size?: "sm" | "md" | "lg";
|
|
109
|
+
variant?: "solid" | "outline" | "soft";
|
|
110
|
+
color?: "primary" | "success" | "warning" | "danger" | "neutral";
|
|
111
|
+
}
|
|
112
|
+
declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
|
|
113
|
+
interface ChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
114
|
+
selected?: boolean;
|
|
115
|
+
avatar?: React.ReactNode;
|
|
116
|
+
icon?: React.ReactNode;
|
|
117
|
+
closable?: boolean;
|
|
118
|
+
onClose?: (e: React.MouseEvent) => void;
|
|
119
|
+
size?: "sm" | "md" | "lg";
|
|
120
|
+
}
|
|
121
|
+
declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
|
|
122
|
+
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
123
|
+
declare const TooltipRoot: React.FC<TooltipPrimitive.TooltipProps>;
|
|
124
|
+
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
125
|
+
declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
126
|
+
interface TooltipProps {
|
|
127
|
+
content: React.ReactNode;
|
|
128
|
+
children: React.ReactNode;
|
|
129
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
130
|
+
delayDuration?: number;
|
|
131
|
+
className?: string;
|
|
132
|
+
}
|
|
133
|
+
declare const Tooltip: {
|
|
134
|
+
({ content, children, side, delayDuration, className }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
135
|
+
displayName: string;
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
139
|
+
maxWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
|
|
140
|
+
center?: boolean;
|
|
141
|
+
padded?: boolean;
|
|
142
|
+
}
|
|
143
|
+
declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
144
|
+
interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
145
|
+
direction?: "row" | "column";
|
|
146
|
+
gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16;
|
|
147
|
+
align?: "start" | "center" | "end" | "stretch" | "baseline";
|
|
148
|
+
justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
149
|
+
wrap?: boolean;
|
|
150
|
+
divider?: React.ReactNode;
|
|
151
|
+
}
|
|
152
|
+
declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
|
|
153
|
+
interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
154
|
+
cols?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
155
|
+
gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
|
|
156
|
+
rows?: number;
|
|
157
|
+
flow?: "row" | "col" | "dense";
|
|
158
|
+
}
|
|
159
|
+
declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
|
|
160
|
+
interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
161
|
+
direction?: "row" | "col" | "row-reverse" | "col-reverse";
|
|
162
|
+
align?: "start" | "center" | "end" | "stretch" | "baseline";
|
|
163
|
+
justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
164
|
+
wrap?: boolean | "reverse";
|
|
165
|
+
gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
|
|
166
|
+
inline?: boolean;
|
|
167
|
+
}
|
|
168
|
+
declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
|
|
169
|
+
interface SectionProps extends React.HTMLAttributes<HTMLElement> {
|
|
170
|
+
as?: React.ElementType;
|
|
171
|
+
py?: "sm" | "md" | "lg" | "xl" | "2xl";
|
|
172
|
+
}
|
|
173
|
+
declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLElement>>;
|
|
174
|
+
interface SpacerProps {
|
|
175
|
+
size?: 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24;
|
|
176
|
+
axis?: "horizontal" | "vertical" | "both";
|
|
177
|
+
className?: string;
|
|
178
|
+
}
|
|
179
|
+
declare const Spacer: {
|
|
180
|
+
({ size, axis, className }: SpacerProps): react_jsx_runtime.JSX.Element;
|
|
181
|
+
displayName: string;
|
|
182
|
+
};
|
|
183
|
+
declare const AspectRatio: React.ForwardRefExoticComponent<Omit<AspectRatioPrimitive.AspectRatioProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
184
|
+
interface CenterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
185
|
+
inline?: boolean;
|
|
186
|
+
minH?: string;
|
|
187
|
+
}
|
|
188
|
+
declare const Center: React.ForwardRefExoticComponent<CenterProps & React.RefAttributes<HTMLDivElement>>;
|
|
189
|
+
declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
190
|
+
orientation?: "vertical" | "horizontal" | "both";
|
|
191
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
192
|
+
interface MasonryProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
193
|
+
columns?: number | {
|
|
194
|
+
sm?: number;
|
|
195
|
+
md?: number;
|
|
196
|
+
lg?: number;
|
|
197
|
+
xl?: number;
|
|
198
|
+
};
|
|
199
|
+
gap?: number;
|
|
200
|
+
}
|
|
201
|
+
declare const Masonry: React.ForwardRefExoticComponent<MasonryProps & React.RefAttributes<HTMLDivElement>>;
|
|
202
|
+
|
|
203
|
+
interface NavbarProps extends React.HTMLAttributes<HTMLElement> {
|
|
204
|
+
sticky?: boolean;
|
|
205
|
+
bordered?: boolean;
|
|
206
|
+
blurred?: boolean;
|
|
207
|
+
}
|
|
208
|
+
declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLElement>>;
|
|
209
|
+
interface SidebarProps extends React.HTMLAttributes<HTMLElement> {
|
|
210
|
+
collapsible?: boolean;
|
|
211
|
+
collapsed?: boolean;
|
|
212
|
+
width?: string;
|
|
213
|
+
side?: "left" | "right";
|
|
214
|
+
}
|
|
215
|
+
declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLElement>>;
|
|
216
|
+
interface MenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
217
|
+
icon?: React.ReactNode;
|
|
218
|
+
active?: boolean;
|
|
219
|
+
disabled?: boolean;
|
|
220
|
+
badge?: React.ReactNode;
|
|
221
|
+
as?: React.ElementType;
|
|
222
|
+
href?: string;
|
|
223
|
+
}
|
|
224
|
+
declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
225
|
+
declare const Menu: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
226
|
+
declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
227
|
+
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
228
|
+
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
229
|
+
declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
230
|
+
declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
231
|
+
declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
232
|
+
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
233
|
+
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
234
|
+
inset?: boolean;
|
|
235
|
+
destructive?: boolean;
|
|
236
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
237
|
+
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
238
|
+
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
239
|
+
inset?: boolean;
|
|
240
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
241
|
+
interface BreadcrumbItem {
|
|
242
|
+
label: React.ReactNode;
|
|
243
|
+
href?: string;
|
|
244
|
+
current?: boolean;
|
|
245
|
+
}
|
|
246
|
+
interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
|
|
247
|
+
items: BreadcrumbItem[];
|
|
248
|
+
separator?: React.ReactNode;
|
|
249
|
+
}
|
|
250
|
+
declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
|
|
251
|
+
interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
|
|
252
|
+
total: number;
|
|
253
|
+
page: number;
|
|
254
|
+
pageSize?: number;
|
|
255
|
+
onPageChange?: (page: number) => void;
|
|
256
|
+
siblingCount?: number;
|
|
257
|
+
showEdges?: boolean;
|
|
258
|
+
}
|
|
259
|
+
declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
|
|
260
|
+
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
261
|
+
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
262
|
+
variant?: "line" | "pills" | "enclosed";
|
|
263
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
264
|
+
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
265
|
+
variant?: "line" | "pills" | "enclosed";
|
|
266
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
267
|
+
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
268
|
+
interface StepperStep {
|
|
269
|
+
title: string;
|
|
270
|
+
description?: string;
|
|
271
|
+
icon?: React.ReactNode;
|
|
272
|
+
}
|
|
273
|
+
interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
274
|
+
steps: StepperStep[];
|
|
275
|
+
current: number;
|
|
276
|
+
orientation?: "horizontal" | "vertical";
|
|
277
|
+
}
|
|
278
|
+
declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
|
|
279
|
+
|
|
280
|
+
declare const inputVariants: (props?: ({
|
|
281
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
282
|
+
invalid?: boolean | null | undefined;
|
|
283
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
284
|
+
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
|
|
285
|
+
leftElement?: React.ReactNode;
|
|
286
|
+
rightElement?: React.ReactNode;
|
|
287
|
+
invalid?: boolean;
|
|
288
|
+
}
|
|
289
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
290
|
+
interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
291
|
+
invalid?: boolean;
|
|
292
|
+
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
293
|
+
}
|
|
294
|
+
declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
295
|
+
declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
|
296
|
+
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
297
|
+
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
298
|
+
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
299
|
+
invalid?: boolean;
|
|
300
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
301
|
+
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
302
|
+
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
303
|
+
declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
304
|
+
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
305
|
+
interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
|
|
306
|
+
label?: React.ReactNode;
|
|
307
|
+
description?: string;
|
|
308
|
+
invalid?: boolean;
|
|
309
|
+
}
|
|
310
|
+
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
311
|
+
interface RadioOption {
|
|
312
|
+
value: string;
|
|
313
|
+
label: React.ReactNode;
|
|
314
|
+
description?: string;
|
|
315
|
+
disabled?: boolean;
|
|
316
|
+
}
|
|
317
|
+
interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
|
|
318
|
+
options?: RadioOption[];
|
|
319
|
+
orientation?: "horizontal" | "vertical";
|
|
320
|
+
}
|
|
321
|
+
declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
322
|
+
interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
|
|
323
|
+
label?: React.ReactNode;
|
|
324
|
+
description?: string;
|
|
325
|
+
size?: "sm" | "md" | "lg";
|
|
326
|
+
}
|
|
327
|
+
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
|
|
328
|
+
declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
329
|
+
declare const RangeSlider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
330
|
+
interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
|
|
331
|
+
label?: string;
|
|
332
|
+
invalid?: boolean;
|
|
333
|
+
}
|
|
334
|
+
declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
|
|
335
|
+
interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
|
|
336
|
+
label?: string;
|
|
337
|
+
invalid?: boolean;
|
|
338
|
+
}
|
|
339
|
+
declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
|
|
340
|
+
|
|
341
|
+
interface FileUploadProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
|
|
342
|
+
label?: string;
|
|
343
|
+
hint?: string;
|
|
344
|
+
accept?: string;
|
|
345
|
+
maxSize?: number;
|
|
346
|
+
onFilesChange?: (files: File[]) => void;
|
|
347
|
+
dragDrop?: boolean;
|
|
348
|
+
}
|
|
349
|
+
declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLInputElement>>;
|
|
350
|
+
interface OTPInputProps {
|
|
351
|
+
length?: number;
|
|
352
|
+
value?: string;
|
|
353
|
+
onChange?: (value: string) => void;
|
|
354
|
+
invalid?: boolean;
|
|
355
|
+
className?: string;
|
|
356
|
+
inputClassName?: string;
|
|
357
|
+
}
|
|
358
|
+
declare const OTPInput: React.ForwardRefExoticComponent<OTPInputProps & React.RefAttributes<HTMLDivElement>>;
|
|
359
|
+
interface ColorPickerProps {
|
|
360
|
+
value?: string;
|
|
361
|
+
onChange?: (color: string) => void;
|
|
362
|
+
swatches?: string[];
|
|
363
|
+
className?: string;
|
|
364
|
+
}
|
|
365
|
+
declare const ColorPicker: {
|
|
366
|
+
({ value, onChange, swatches, className }: ColorPickerProps): react_jsx_runtime.JSX.Element;
|
|
367
|
+
displayName: string;
|
|
368
|
+
};
|
|
369
|
+
interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
|
|
370
|
+
onClear?: () => void;
|
|
371
|
+
loading?: boolean;
|
|
372
|
+
size?: "sm" | "md" | "lg";
|
|
373
|
+
}
|
|
374
|
+
declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
375
|
+
interface PasswordInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
|
|
376
|
+
invalid?: boolean;
|
|
377
|
+
size?: "sm" | "md" | "lg";
|
|
378
|
+
}
|
|
379
|
+
declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
380
|
+
interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
381
|
+
required?: boolean;
|
|
382
|
+
}
|
|
383
|
+
declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<HTMLDivElement>>;
|
|
384
|
+
interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
385
|
+
required?: boolean;
|
|
386
|
+
optional?: boolean;
|
|
387
|
+
}
|
|
388
|
+
declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
389
|
+
interface FormErrorProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
390
|
+
}
|
|
391
|
+
declare const FormError: React.ForwardRefExoticComponent<FormErrorProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
392
|
+
interface ComboboxOption {
|
|
393
|
+
value: string;
|
|
394
|
+
label: string;
|
|
395
|
+
disabled?: boolean;
|
|
396
|
+
}
|
|
397
|
+
interface ComboboxProps {
|
|
398
|
+
options: ComboboxOption[];
|
|
399
|
+
value?: string;
|
|
400
|
+
onChange?: (value: string) => void;
|
|
401
|
+
placeholder?: string;
|
|
402
|
+
searchPlaceholder?: string;
|
|
403
|
+
emptyText?: string;
|
|
404
|
+
className?: string;
|
|
405
|
+
disabled?: boolean;
|
|
406
|
+
}
|
|
407
|
+
declare const Combobox: {
|
|
408
|
+
({ options, value, onChange, placeholder, searchPlaceholder, emptyText, className, disabled }: ComboboxProps): react_jsx_runtime.JSX.Element;
|
|
409
|
+
displayName: string;
|
|
410
|
+
};
|
|
411
|
+
interface MultiSelectProps {
|
|
412
|
+
options: ComboboxOption[];
|
|
413
|
+
value?: string[];
|
|
414
|
+
onChange?: (value: string[]) => void;
|
|
415
|
+
placeholder?: string;
|
|
416
|
+
maxDisplay?: number;
|
|
417
|
+
className?: string;
|
|
418
|
+
}
|
|
419
|
+
declare const MultiSelect: {
|
|
420
|
+
({ options, value, onChange, placeholder, maxDisplay, className }: MultiSelectProps): react_jsx_runtime.JSX.Element;
|
|
421
|
+
displayName: string;
|
|
422
|
+
};
|
|
423
|
+
|
|
424
|
+
declare const cardVariants: (props?: ({
|
|
425
|
+
variant?: "outline" | "ghost" | "default" | "filled" | "elevated" | null | undefined;
|
|
426
|
+
interactive?: boolean | null | undefined;
|
|
427
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
428
|
+
interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
|
|
429
|
+
}
|
|
430
|
+
declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
431
|
+
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
432
|
+
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
|
|
433
|
+
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
434
|
+
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
435
|
+
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
436
|
+
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
437
|
+
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
438
|
+
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
439
|
+
declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
|
440
|
+
declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
441
|
+
declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
442
|
+
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
443
|
+
interface DataTableColumn<T> {
|
|
444
|
+
key: keyof T | string;
|
|
445
|
+
header: React.ReactNode;
|
|
446
|
+
cell?: (row: T, index: number) => React.ReactNode;
|
|
447
|
+
sortable?: boolean;
|
|
448
|
+
width?: string | number;
|
|
449
|
+
align?: "left" | "center" | "right";
|
|
450
|
+
}
|
|
451
|
+
interface DataTableProps<T extends Record<string, unknown>> {
|
|
452
|
+
data: T[];
|
|
453
|
+
columns: DataTableColumn<T>[];
|
|
454
|
+
loading?: boolean;
|
|
455
|
+
emptyText?: string;
|
|
456
|
+
onSort?: (key: string, direction: "asc" | "desc") => void;
|
|
457
|
+
striped?: boolean;
|
|
458
|
+
bordered?: boolean;
|
|
459
|
+
className?: string;
|
|
460
|
+
caption?: string;
|
|
461
|
+
}
|
|
462
|
+
declare function DataTable<T extends Record<string, unknown>>({ data, columns, loading, emptyText, onSort, striped, bordered, className, caption, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
463
|
+
declare namespace DataTable {
|
|
464
|
+
var displayName: string;
|
|
465
|
+
}
|
|
466
|
+
interface ListProps extends Omit<React.HTMLAttributes<HTMLUListElement>, "color"> {
|
|
467
|
+
variant?: "simple" | "bordered" | "divided";
|
|
468
|
+
spacing?: "none" | "sm" | "md" | "lg";
|
|
469
|
+
}
|
|
470
|
+
declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
|
|
471
|
+
interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
|
|
472
|
+
icon?: React.ReactNode;
|
|
473
|
+
extra?: React.ReactNode;
|
|
474
|
+
active?: boolean;
|
|
475
|
+
}
|
|
476
|
+
declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
477
|
+
interface StatisticProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "prefix"> {
|
|
478
|
+
label: React.ReactNode;
|
|
479
|
+
value: React.ReactNode;
|
|
480
|
+
prefix?: React.ReactNode;
|
|
481
|
+
suffix?: React.ReactNode;
|
|
482
|
+
trend?: {
|
|
483
|
+
value: number;
|
|
484
|
+
label?: string;
|
|
485
|
+
};
|
|
486
|
+
loading?: boolean;
|
|
487
|
+
}
|
|
488
|
+
declare const Statistic: React.ForwardRefExoticComponent<StatisticProps & React.RefAttributes<HTMLDivElement>>;
|
|
489
|
+
interface TimelineEvent {
|
|
490
|
+
title: React.ReactNode;
|
|
491
|
+
description?: React.ReactNode;
|
|
492
|
+
time?: React.ReactNode;
|
|
493
|
+
icon?: React.ReactNode;
|
|
494
|
+
color?: "default" | "primary" | "success" | "warning" | "danger";
|
|
495
|
+
}
|
|
496
|
+
interface TimelineProps extends React.HTMLAttributes<HTMLOListElement> {
|
|
497
|
+
events: TimelineEvent[];
|
|
498
|
+
}
|
|
499
|
+
declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLOListElement>>;
|
|
500
|
+
interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
501
|
+
value?: Date;
|
|
502
|
+
onChange?: (date: Date) => void;
|
|
503
|
+
minDate?: Date;
|
|
504
|
+
maxDate?: Date;
|
|
505
|
+
highlightedDates?: Date[];
|
|
506
|
+
}
|
|
507
|
+
declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
|
|
508
|
+
interface CodeBlockProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
509
|
+
code: string;
|
|
510
|
+
language?: string;
|
|
511
|
+
showLineNumbers?: boolean;
|
|
512
|
+
caption?: string;
|
|
513
|
+
onCopy?: () => void;
|
|
514
|
+
}
|
|
515
|
+
declare const CodeBlock: React.ForwardRefExoticComponent<CodeBlockProps & React.RefAttributes<HTMLDivElement>>;
|
|
516
|
+
interface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
|
|
517
|
+
title?: string;
|
|
518
|
+
description?: string;
|
|
519
|
+
loading?: boolean;
|
|
520
|
+
empty?: boolean;
|
|
521
|
+
}
|
|
522
|
+
declare const Chart: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<HTMLDivElement>>;
|
|
523
|
+
|
|
524
|
+
declare const alertVariants: (props?: ({
|
|
525
|
+
variant?: "danger" | "success" | "warning" | "info" | "default" | null | undefined;
|
|
526
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
527
|
+
interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
528
|
+
icon?: React.ReactNode;
|
|
529
|
+
closable?: boolean;
|
|
530
|
+
onClose?: () => void;
|
|
531
|
+
}
|
|
532
|
+
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
533
|
+
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
|
|
534
|
+
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
535
|
+
declare const ToastProvider: React.FC<ToastPrimitive.ToastProviderProps>;
|
|
536
|
+
declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
537
|
+
declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
538
|
+
variant?: "danger" | "success" | "warning" | "info" | "default" | null | undefined;
|
|
539
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
|
|
540
|
+
declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
541
|
+
declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
542
|
+
declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
543
|
+
declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
544
|
+
interface SnackbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
|
|
545
|
+
open?: boolean;
|
|
546
|
+
message: React.ReactNode;
|
|
547
|
+
action?: React.ReactNode;
|
|
548
|
+
variant?: "default" | "success" | "warning" | "danger";
|
|
549
|
+
position?: "bottom-center" | "bottom-left" | "bottom-right" | "top-center";
|
|
550
|
+
}
|
|
551
|
+
declare const Snackbar: React.ForwardRefExoticComponent<SnackbarProps & React.RefAttributes<HTMLDivElement>>;
|
|
552
|
+
interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
|
|
553
|
+
label?: string;
|
|
554
|
+
showValue?: boolean;
|
|
555
|
+
size?: "sm" | "md" | "lg";
|
|
556
|
+
color?: "default" | "success" | "warning" | "danger";
|
|
557
|
+
}
|
|
558
|
+
declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
|
|
559
|
+
interface CircularProgressProps extends React.SVGAttributes<SVGElement> {
|
|
560
|
+
value?: number;
|
|
561
|
+
size?: number;
|
|
562
|
+
thickness?: number;
|
|
563
|
+
showValue?: boolean;
|
|
564
|
+
label?: string;
|
|
565
|
+
color?: "default" | "success" | "warning" | "danger";
|
|
566
|
+
indeterminate?: boolean;
|
|
567
|
+
}
|
|
568
|
+
declare const CircularProgress: {
|
|
569
|
+
({ value, size, thickness, showValue, label, color, indeterminate, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
|
|
570
|
+
displayName: string;
|
|
571
|
+
};
|
|
572
|
+
interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
|
|
573
|
+
variant?: "text" | "rect" | "circle";
|
|
574
|
+
width?: string | number;
|
|
575
|
+
height?: string | number;
|
|
576
|
+
lines?: number;
|
|
577
|
+
}
|
|
578
|
+
declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
579
|
+
interface LoadingSpinnerProps extends React.SVGAttributes<SVGElement> {
|
|
580
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
581
|
+
label?: string;
|
|
582
|
+
}
|
|
583
|
+
declare const LoadingSpinner: {
|
|
584
|
+
({ size, label, className, ...props }: LoadingSpinnerProps): react_jsx_runtime.JSX.Element;
|
|
585
|
+
displayName: string;
|
|
586
|
+
};
|
|
587
|
+
interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
|
|
588
|
+
icon?: React.ReactNode;
|
|
589
|
+
title: string;
|
|
590
|
+
description?: string;
|
|
591
|
+
action?: React.ReactNode;
|
|
592
|
+
}
|
|
593
|
+
declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
|
|
594
|
+
interface StatusIndicatorProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color" | "size"> {
|
|
595
|
+
status: "online" | "offline" | "busy" | "away" | "idle";
|
|
596
|
+
label?: string;
|
|
597
|
+
pulse?: boolean;
|
|
598
|
+
size?: "sm" | "md" | "lg";
|
|
599
|
+
}
|
|
600
|
+
declare const StatusIndicator: React.ForwardRefExoticComponent<StatusIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
|
|
601
|
+
interface NotificationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
|
|
602
|
+
title: React.ReactNode;
|
|
603
|
+
description?: React.ReactNode;
|
|
604
|
+
avatar?: React.ReactNode;
|
|
605
|
+
icon?: React.ReactNode;
|
|
606
|
+
time?: React.ReactNode;
|
|
607
|
+
unread?: boolean;
|
|
608
|
+
onClose?: () => void;
|
|
609
|
+
}
|
|
610
|
+
declare const Notification: React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
|
|
611
|
+
|
|
612
|
+
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
|
613
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
614
|
+
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
615
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
616
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
617
|
+
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
|
|
618
|
+
size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
|
|
619
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
620
|
+
showClose?: boolean;
|
|
621
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
622
|
+
declare const DialogHeader: {
|
|
623
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
624
|
+
displayName: string;
|
|
625
|
+
};
|
|
626
|
+
declare const DialogFooter: {
|
|
627
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
628
|
+
displayName: string;
|
|
629
|
+
};
|
|
630
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
631
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
632
|
+
interface ModalProps {
|
|
633
|
+
open?: boolean;
|
|
634
|
+
onOpenChange?: (open: boolean) => void;
|
|
635
|
+
title?: React.ReactNode;
|
|
636
|
+
description?: React.ReactNode;
|
|
637
|
+
footer?: React.ReactNode;
|
|
638
|
+
size?: "sm" | "md" | "lg" | "xl" | "full";
|
|
639
|
+
children?: React.ReactNode;
|
|
640
|
+
showClose?: boolean;
|
|
641
|
+
}
|
|
642
|
+
declare const Modal: {
|
|
643
|
+
({ open, onOpenChange, title, description, footer, size, children, showClose }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
644
|
+
displayName: string;
|
|
645
|
+
};
|
|
646
|
+
interface DrawerProps {
|
|
647
|
+
open?: boolean;
|
|
648
|
+
onOpenChange?: (open: boolean) => void;
|
|
649
|
+
side?: "left" | "right" | "top" | "bottom";
|
|
650
|
+
title?: React.ReactNode;
|
|
651
|
+
description?: React.ReactNode;
|
|
652
|
+
footer?: React.ReactNode;
|
|
653
|
+
children?: React.ReactNode;
|
|
654
|
+
size?: "sm" | "md" | "lg" | "full";
|
|
655
|
+
}
|
|
656
|
+
declare const Drawer: {
|
|
657
|
+
({ open, onOpenChange, side, title, description, footer, children, size }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
658
|
+
displayName: string;
|
|
659
|
+
};
|
|
660
|
+
declare const Sheet: {
|
|
661
|
+
({ open, onOpenChange, side, title, description, footer, children, size }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
662
|
+
displayName: string;
|
|
663
|
+
};
|
|
664
|
+
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
665
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
666
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
667
|
+
declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
|
|
668
|
+
declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
669
|
+
declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
670
|
+
declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
|
|
671
|
+
declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
|
|
672
|
+
declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
673
|
+
declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
|
|
674
|
+
declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
675
|
+
declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
676
|
+
declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
677
|
+
inset?: boolean;
|
|
678
|
+
destructive?: boolean;
|
|
679
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
680
|
+
declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
681
|
+
declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
682
|
+
inset?: boolean;
|
|
683
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
684
|
+
interface CommandDialogProps {
|
|
685
|
+
open?: boolean;
|
|
686
|
+
onOpenChange?: (open: boolean) => void;
|
|
687
|
+
placeholder?: string;
|
|
688
|
+
children?: React.ReactNode;
|
|
689
|
+
className?: string;
|
|
690
|
+
}
|
|
691
|
+
declare const CommandDialog: {
|
|
692
|
+
({ open, onOpenChange, placeholder, children, className }: CommandDialogProps): react_jsx_runtime.JSX.Element;
|
|
693
|
+
displayName: string;
|
|
694
|
+
};
|
|
695
|
+
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
696
|
+
children?: React.ReactNode;
|
|
697
|
+
} & Omit<React.HTMLAttributes<HTMLDivElement>, "disabled" | "value" | "onSelect"> & {
|
|
698
|
+
disabled?: boolean;
|
|
699
|
+
onSelect?: (value: string) => void;
|
|
700
|
+
value?: string;
|
|
701
|
+
forceMount?: boolean;
|
|
702
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
703
|
+
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
704
|
+
children?: React.ReactNode;
|
|
705
|
+
} & Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "heading"> & {
|
|
706
|
+
heading?: React.ReactNode;
|
|
707
|
+
value?: string;
|
|
708
|
+
forceMount?: boolean;
|
|
709
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
710
|
+
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & {
|
|
711
|
+
alwaysRender?: boolean;
|
|
712
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
713
|
+
interface LightboxProps {
|
|
714
|
+
open?: boolean;
|
|
715
|
+
onOpenChange?: (open: boolean) => void;
|
|
716
|
+
src: string;
|
|
717
|
+
alt?: string;
|
|
718
|
+
caption?: string;
|
|
719
|
+
}
|
|
720
|
+
declare const Lightbox: {
|
|
721
|
+
({ open, onOpenChange, src, alt, caption }: LightboxProps): react_jsx_runtime.JSX.Element;
|
|
722
|
+
displayName: string;
|
|
723
|
+
};
|
|
724
|
+
declare const ImageViewer: {
|
|
725
|
+
({ open, onOpenChange, src, alt, caption }: LightboxProps): react_jsx_runtime.JSX.Element;
|
|
726
|
+
displayName: string;
|
|
727
|
+
};
|
|
728
|
+
|
|
729
|
+
interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
|
|
730
|
+
fallback?: React.ReactNode;
|
|
731
|
+
aspectRatio?: "square" | "video" | "portrait" | "landscape" | string;
|
|
732
|
+
fit?: "cover" | "contain" | "fill" | "none" | "scale-down";
|
|
733
|
+
rounded?: "none" | "sm" | "md" | "lg" | "xl" | "full";
|
|
734
|
+
loading?: "lazy" | "eager";
|
|
735
|
+
caption?: string;
|
|
736
|
+
}
|
|
737
|
+
declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
|
|
738
|
+
interface VideoPlayerProps extends React.VideoHTMLAttributes<HTMLVideoElement> {
|
|
739
|
+
src: string;
|
|
740
|
+
poster?: string;
|
|
741
|
+
aspectRatio?: "square" | "video" | "portrait" | "landscape";
|
|
742
|
+
rounded?: "none" | "sm" | "md" | "lg" | "xl";
|
|
743
|
+
caption?: string;
|
|
744
|
+
tracks?: {
|
|
745
|
+
src: string;
|
|
746
|
+
kind: "subtitles" | "captions" | "descriptions" | "chapters" | "metadata";
|
|
747
|
+
srcLang: string;
|
|
748
|
+
label: string;
|
|
749
|
+
default?: boolean;
|
|
750
|
+
}[];
|
|
751
|
+
}
|
|
752
|
+
declare const VideoPlayer: React.ForwardRefExoticComponent<VideoPlayerProps & React.RefAttributes<HTMLVideoElement>>;
|
|
753
|
+
interface AudioPlayerProps extends Omit<React.AudioHTMLAttributes<HTMLAudioElement>, "title"> {
|
|
754
|
+
src: string;
|
|
755
|
+
title?: string;
|
|
756
|
+
artist?: string;
|
|
757
|
+
coverArt?: string;
|
|
758
|
+
showWaveform?: boolean;
|
|
759
|
+
}
|
|
760
|
+
declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & React.RefAttributes<HTMLAudioElement>>;
|
|
761
|
+
interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
762
|
+
items: React.ReactNode[];
|
|
763
|
+
autoPlay?: boolean;
|
|
764
|
+
autoPlayInterval?: number;
|
|
765
|
+
showDots?: boolean;
|
|
766
|
+
showArrows?: boolean;
|
|
767
|
+
loop?: boolean;
|
|
768
|
+
slidesPerView?: number;
|
|
769
|
+
}
|
|
770
|
+
declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
771
|
+
interface GalleryImage {
|
|
772
|
+
src: string;
|
|
773
|
+
alt?: string;
|
|
774
|
+
caption?: string;
|
|
775
|
+
width?: number;
|
|
776
|
+
height?: number;
|
|
777
|
+
}
|
|
778
|
+
interface GalleryProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
779
|
+
images: GalleryImage[];
|
|
780
|
+
columns?: 2 | 3 | 4 | 5;
|
|
781
|
+
gap?: number;
|
|
782
|
+
onImageClick?: (image: GalleryImage, index: number) => void;
|
|
783
|
+
rounded?: "none" | "sm" | "md" | "lg";
|
|
784
|
+
}
|
|
785
|
+
declare const Gallery: React.ForwardRefExoticComponent<GalleryProps & React.RefAttributes<HTMLDivElement>>;
|
|
786
|
+
|
|
787
|
+
type Theme$1 = "light" | "dark" | "system";
|
|
788
|
+
interface ThemeSwitcherProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color" | "onChange"> {
|
|
789
|
+
value?: Theme$1;
|
|
790
|
+
onChange?: (theme: Theme$1) => void;
|
|
791
|
+
variant?: "icon" | "toggle" | "select";
|
|
792
|
+
}
|
|
793
|
+
declare const ThemeSwitcher: React.ForwardRefExoticComponent<ThemeSwitcherProps & React.RefAttributes<HTMLDivElement>>;
|
|
794
|
+
interface CopyButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
795
|
+
text: string;
|
|
796
|
+
timeout?: number;
|
|
797
|
+
onCopied?: () => void;
|
|
798
|
+
size?: "sm" | "md" | "lg";
|
|
799
|
+
variant?: "icon" | "button";
|
|
800
|
+
label?: string;
|
|
801
|
+
}
|
|
802
|
+
declare const CopyButton: React.ForwardRefExoticComponent<CopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
803
|
+
interface KeyboardShortcutProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color" | "size"> {
|
|
804
|
+
keys: string[];
|
|
805
|
+
separator?: string;
|
|
806
|
+
size?: "sm" | "md" | "lg";
|
|
807
|
+
}
|
|
808
|
+
declare const KeyboardShortcut: React.ForwardRefExoticComponent<KeyboardShortcutProps & React.RefAttributes<HTMLSpanElement>>;
|
|
809
|
+
interface ResizablePanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
810
|
+
defaultSize?: number;
|
|
811
|
+
minSize?: number;
|
|
812
|
+
maxSize?: number;
|
|
813
|
+
direction?: "horizontal" | "vertical";
|
|
814
|
+
onResize?: (size: number) => void;
|
|
815
|
+
}
|
|
816
|
+
declare const ResizablePanel: React.ForwardRefExoticComponent<ResizablePanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
817
|
+
interface DragDropAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onDrop" | "onDragOver"> {
|
|
818
|
+
onDrop?: (items: DataTransfer) => void;
|
|
819
|
+
onDragOver?: (e: React.DragEvent) => void;
|
|
820
|
+
accept?: string[];
|
|
821
|
+
disabled?: boolean;
|
|
822
|
+
active?: boolean;
|
|
823
|
+
label?: React.ReactNode;
|
|
824
|
+
icon?: React.ReactNode;
|
|
825
|
+
hint?: React.ReactNode;
|
|
826
|
+
}
|
|
827
|
+
declare const DragDropArea: React.ForwardRefExoticComponent<DragDropAreaProps & React.RefAttributes<HTMLDivElement>>;
|
|
828
|
+
|
|
829
|
+
interface UseDisclosureOptions {
|
|
830
|
+
defaultOpen?: boolean;
|
|
831
|
+
onOpen?: () => void;
|
|
832
|
+
onClose?: () => void;
|
|
833
|
+
}
|
|
834
|
+
/**
|
|
835
|
+
* Manages open/close state for modals, drawers, popovers — anything
|
|
836
|
+
* that needs to toggle. Returns stable callbacks so child components
|
|
837
|
+
* don't re-render on every parent render.
|
|
838
|
+
*/
|
|
839
|
+
declare function useDisclosure(options?: UseDisclosureOptions): {
|
|
840
|
+
isOpen: boolean;
|
|
841
|
+
open: () => void;
|
|
842
|
+
close: () => void;
|
|
843
|
+
toggle: () => void;
|
|
844
|
+
onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
|
|
845
|
+
};
|
|
846
|
+
/**
|
|
847
|
+
* Subscribes to a CSS media query and returns whether it currently matches.
|
|
848
|
+
* SSR-safe — returns false on the server.
|
|
849
|
+
*/
|
|
850
|
+
declare function useMediaQuery(query: string): boolean;
|
|
851
|
+
declare const breakpoints: {
|
|
852
|
+
sm: string;
|
|
853
|
+
md: string;
|
|
854
|
+
lg: string;
|
|
855
|
+
xl: string;
|
|
856
|
+
"2xl": string;
|
|
857
|
+
};
|
|
858
|
+
/**
|
|
859
|
+
* Returns true when the viewport is at or above the given Tailwind breakpoint.
|
|
860
|
+
*
|
|
861
|
+
* @example
|
|
862
|
+
* const isDesktop = useBreakpoint("lg");
|
|
863
|
+
*/
|
|
864
|
+
declare function useBreakpoint(bp: keyof typeof breakpoints): boolean;
|
|
865
|
+
interface UseClipboardOptions {
|
|
866
|
+
timeout?: number;
|
|
867
|
+
}
|
|
868
|
+
/**
|
|
869
|
+
* Copies text to the clipboard and briefly flips `copied` to true.
|
|
870
|
+
* Falls back to execCommand for older browsers (looking at you, Safari).
|
|
871
|
+
*
|
|
872
|
+
* @example
|
|
873
|
+
* const { copy, copied } = useClipboard();
|
|
874
|
+
* <button onClick={() => copy(code)}>{copied ? "Copied!" : "Copy"}</button>
|
|
875
|
+
*/
|
|
876
|
+
declare function useClipboard(options?: UseClipboardOptions): {
|
|
877
|
+
copy: (text: string) => Promise<void>;
|
|
878
|
+
copied: boolean;
|
|
879
|
+
};
|
|
880
|
+
/**
|
|
881
|
+
* useState that persists to localStorage. Reads the initial value
|
|
882
|
+
* from storage on mount and syncs back on every set call.
|
|
883
|
+
* Safe to use with SSR — reads from storage only inside useEffect timing.
|
|
884
|
+
*/
|
|
885
|
+
declare function useLocalStorage<T>(key: string, defaultValue: T): [T, (value: T | ((prev: T) => T)) => void];
|
|
886
|
+
type AtlasTheme = "light" | "dark" | "system";
|
|
887
|
+
/**
|
|
888
|
+
* Read and set the current AtlasUI theme.
|
|
889
|
+
* Persists the selection to localStorage under "atlas-theme".
|
|
890
|
+
* Applies the "dark" class to <html> so Tailwind's dark: utilities kick in.
|
|
891
|
+
*
|
|
892
|
+
* @example
|
|
893
|
+
* const { theme, setTheme } = useTheme();
|
|
894
|
+
* <button onClick={() => setTheme("dark")}>Go dark</button>
|
|
895
|
+
*/
|
|
896
|
+
declare function useTheme(): {
|
|
897
|
+
theme: AtlasTheme;
|
|
898
|
+
resolvedTheme: "dark" | "light";
|
|
899
|
+
setTheme: (t: AtlasTheme) => void;
|
|
900
|
+
};
|
|
901
|
+
/**
|
|
902
|
+
* Delays updating the returned value until `delay` ms have passed
|
|
903
|
+
* without the input changing. Classic use case: search inputs.
|
|
904
|
+
*/
|
|
905
|
+
declare function useDebounce<T>(value: T, delay: number): T;
|
|
906
|
+
/**
|
|
907
|
+
* Fires the handler when a click happens outside of the ref'd element.
|
|
908
|
+
* Used heavily inside AtlasUI popovers, dropdowns, and comboboxes.
|
|
909
|
+
*/
|
|
910
|
+
declare function useOnClickOutside<T extends HTMLElement>(ref: React.RefObject<T>, handler: (event: MouseEvent | TouchEvent) => void): void;
|
|
911
|
+
/**
|
|
912
|
+
* Attaches a keydown listener to window for the given key.
|
|
913
|
+
* Supports modifier checks (Ctrl, Meta, Shift).
|
|
914
|
+
* Pass `enabled: false` to temporarily disable without removing the hook call.
|
|
915
|
+
*
|
|
916
|
+
* @example
|
|
917
|
+
* useKeydown("k", openCommandPalette, { metaKey: true });
|
|
918
|
+
*/
|
|
919
|
+
declare function useKeydown(key: string, handler: (event: KeyboardEvent) => void, options?: {
|
|
920
|
+
ctrlKey?: boolean;
|
|
921
|
+
metaKey?: boolean;
|
|
922
|
+
shiftKey?: boolean;
|
|
923
|
+
enabled?: boolean;
|
|
924
|
+
}): void;
|
|
925
|
+
/**
|
|
926
|
+
* Returns true after the component has mounted on the client.
|
|
927
|
+
* Use this to guard any DOM-dependent code in SSR environments
|
|
928
|
+
* (Next.js, Remix, etc.) without suppressHydrationWarning hacks.
|
|
929
|
+
*/
|
|
930
|
+
declare function useMounted(): boolean;
|
|
931
|
+
|
|
932
|
+
type ToastVariant = "default" | "success" | "warning" | "danger" | "info";
|
|
933
|
+
interface ToastData {
|
|
934
|
+
id: string;
|
|
935
|
+
title?: React.ReactNode;
|
|
936
|
+
description?: React.ReactNode;
|
|
937
|
+
variant?: ToastVariant;
|
|
938
|
+
duration?: number;
|
|
939
|
+
action?: React.ReactNode;
|
|
940
|
+
}
|
|
941
|
+
type ToastInput = Omit<ToastData, "id">;
|
|
942
|
+
interface ToastContextValue {
|
|
943
|
+
toasts: ToastData[];
|
|
944
|
+
toast: (input: ToastInput) => string;
|
|
945
|
+
dismiss: (id: string) => void;
|
|
946
|
+
dismissAll: () => void;
|
|
947
|
+
}
|
|
948
|
+
declare function ToastContextProvider({ children }: {
|
|
949
|
+
children: React.ReactNode;
|
|
950
|
+
}): react_jsx_runtime.JSX.Element;
|
|
951
|
+
declare function useToast(): ToastContextValue;
|
|
952
|
+
|
|
953
|
+
type Size = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
954
|
+
type ResponsiveSize = Size | Partial<Record<"base" | "sm" | "md" | "lg" | "xl", Size>>;
|
|
955
|
+
type ColorScheme = "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "neutral" | "ghost";
|
|
956
|
+
type Variant = "solid" | "outline" | "ghost" | "soft" | "link";
|
|
957
|
+
type Placement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
958
|
+
type Side = "top" | "right" | "bottom" | "left";
|
|
959
|
+
interface AtlasBaseProps {
|
|
960
|
+
/** Additional CSS class names */
|
|
961
|
+
className?: string;
|
|
962
|
+
/** Inline style overrides */
|
|
963
|
+
style?: React__default.CSSProperties;
|
|
964
|
+
/** Data attributes passthrough */
|
|
965
|
+
[key: `data-${string}`]: unknown;
|
|
966
|
+
}
|
|
967
|
+
interface AtlasAriaProps {
|
|
968
|
+
"aria-label"?: string;
|
|
969
|
+
"aria-labelledby"?: string;
|
|
970
|
+
"aria-describedby"?: string;
|
|
971
|
+
"aria-hidden"?: boolean;
|
|
972
|
+
id?: string;
|
|
973
|
+
}
|
|
974
|
+
type AsChildProps<T extends React__default.ElementType = React__default.ElementType> = {
|
|
975
|
+
asChild?: boolean;
|
|
976
|
+
as?: T;
|
|
977
|
+
};
|
|
978
|
+
type Orientation = "horizontal" | "vertical";
|
|
979
|
+
type Status = "idle" | "loading" | "success" | "error" | "warning";
|
|
980
|
+
type Theme = "light" | "dark" | "system";
|
|
981
|
+
|
|
982
|
+
/**
|
|
983
|
+
* Merges Tailwind classes without conflicts.
|
|
984
|
+
* Wrapper around clsx + tailwind-merge — use this everywhere in AtlasUI
|
|
985
|
+
* instead of raw string concatenation.
|
|
986
|
+
*
|
|
987
|
+
* @example
|
|
988
|
+
* cn("px-4 py-2", isLarge && "px-8", className)
|
|
989
|
+
*/
|
|
990
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
991
|
+
/**
|
|
992
|
+
* Chains two event handlers so both fire, but respects defaultPrevented
|
|
993
|
+
* on the original handler before calling ours.
|
|
994
|
+
*/
|
|
995
|
+
declare function composeEventHandlers<E>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, { checkForDefaultPrevented }?: {
|
|
996
|
+
checkForDefaultPrevented?: boolean | undefined;
|
|
997
|
+
}): (event: E) => void;
|
|
998
|
+
declare function generateId(prefix?: string): string;
|
|
999
|
+
/** True only in browser environments. Guards SSR code paths. */
|
|
1000
|
+
declare const isBrowser: boolean;
|
|
1001
|
+
/** A do-nothing function. Handy as a default prop value. */
|
|
1002
|
+
declare const noop: () => undefined;
|
|
1003
|
+
/** Narrows out null and undefined from a value. */
|
|
1004
|
+
declare function isDefined<T>(value: T | undefined | null): value is T;
|
|
1005
|
+
|
|
1006
|
+
/**
|
|
1007
|
+
* AtlasUI Tailwind plugin.
|
|
1008
|
+
*
|
|
1009
|
+
* Maps the CSS custom properties in atlas.css to Tailwind utilities.
|
|
1010
|
+
* Add to your tailwind.config.ts:
|
|
1011
|
+
*
|
|
1012
|
+
* import { atlasPlugin } from "atlasui-lib/tailwind";
|
|
1013
|
+
* plugins: [atlasPlugin],
|
|
1014
|
+
*
|
|
1015
|
+
* Or use atlasPreset which also sets darkMode: ["class"]:
|
|
1016
|
+
*
|
|
1017
|
+
* import { atlasPreset } from "atlasui-lib/tailwind";
|
|
1018
|
+
* presets: [atlasPreset],
|
|
1019
|
+
*/
|
|
1020
|
+
declare const atlasPlugin: {
|
|
1021
|
+
handler: tailwindcss_types_config.PluginCreator;
|
|
1022
|
+
config?: Partial<tailwindcss_types_config.Config>;
|
|
1023
|
+
};
|
|
1024
|
+
/** Full preset — includes the plugin + darkMode: ["class"]. Recommended for new projects. */
|
|
1025
|
+
declare const atlasPreset: Partial<Config>;
|
|
1026
|
+
|
|
1027
|
+
export { Alert, AlertDescription, type AlertProps, AlertTitle, type AsChildProps, AspectRatio, type AtlasAriaProps, type AtlasBaseProps, type AtlasTheme, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselProps, Center, type CenterProps, Chart, type ChartProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, CodeBlock, type CodeBlockProps, ColorPicker, type ColorPickerProps, type ColorScheme, Combobox, type ComboboxOption, type ComboboxProps, CommandDialog, type CommandDialogProps, CommandGroup, CommandItem, CommandSeparator, Container, type ContainerProps, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuSeparator, ContextMenuSub, ContextMenuTrigger, CopyButton, type CopyButtonProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DragDropArea, type DragDropAreaProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FileUpload, type FileUploadProps, Flex, type FlexProps, FormError, type FormErrorProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, Gallery, type GalleryImage, type GalleryProps, Grid, type GridProps, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, Image, type ImageProps, ImageViewer, Input, type InputProps, KeyboardShortcut, type KeyboardShortcutProps, Lightbox, type LightboxProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, LoadingSpinner, type LoadingSpinnerProps, Masonry, type MasonryProps, Menu, MenuItem, type MenuItemProps, Modal, type ModalProps, MultiSelect, type MultiSelectProps, Navbar, type NavbarProps, Notification, type NotificationProps, OTPInput, type OTPInputProps, type Orientation, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, type Placement, Popover, PopoverContent, PopoverTrigger, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RadioOption, RangeSlider, ResizablePanel, type ResizablePanelProps, type ResponsiveSize, ScrollArea, SearchInput, type SearchInputProps, Section, type SectionProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Sheet, type Side, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Slider, Snackbar, type SnackbarProps, Spacer, type SpacerProps, Stack, type StackProps, Statistic, type StatisticProps, type Status, StatusIndicator, type StatusIndicatorProps, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, type Theme, ThemeSwitcher, type ThemeSwitcherProps, TimePicker, type TimePickerProps, Timeline, type TimelineEvent, type TimelineProps, Toast, ToastAction, ToastClose, ToastContextProvider, type ToastData, ToastDescription, type ToastInput, ToastProvider, ToastTitle, type ToastVariant, ToastViewport, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseClipboardOptions, type UseDisclosureOptions, type Variant, VideoPlayer, type VideoPlayerProps, atlasPlugin, atlasPreset, badgeVariants, buttonVariants, cn, composeEventHandlers, generateId, iconButtonVariants, inputVariants, isBrowser, isDefined, noop, useBreakpoint, useClipboard, useDebounce, useDisclosure, useKeydown, useLocalStorage, useMediaQuery, useMounted, useOnClickOutside, useTheme, useToast };
|