@reinvented/design 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.
Files changed (7) hide show
  1. package/README.md +179 -0
  2. package/dist/index.css +1890 -0
  3. package/dist/index.d.ts +406 -0
  4. package/dist/index.js +1721 -0
  5. package/dist/index.js.map +1 -0
  6. package/package.json +74 -0
  7. package/tailwind.config.ts +174 -0
package/dist/index.d.ts ADDED
@@ -0,0 +1,406 @@
1
+ import { ClassValue } from 'clsx';
2
+ import React from 'react';
3
+ import { LucideProps } from 'lucide-react';
4
+ export { LucideIcon, LucideProps, icons } from 'lucide-react';
5
+ import * as class_variance_authority_types from 'class-variance-authority/types';
6
+ import { VariantProps } from 'class-variance-authority';
7
+ import * as react_jsx_runtime from 'react/jsx-runtime';
8
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
9
+ import * as LabelPrimitive from '@radix-ui/react-label';
10
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
11
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
12
+ import * as ToastPrimitive from '@radix-ui/react-toast';
13
+ import * as SeparatorPrimitive from '@radix-ui/react-separator';
14
+ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
15
+ import * as SelectPrimitive from '@radix-ui/react-select';
16
+ import * as SwitchPrimitive from '@radix-ui/react-switch';
17
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
18
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
19
+ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
20
+
21
+ /** Merge Tailwind classes with conflict resolution */
22
+ declare function cn(...inputs: ClassValue[]): string;
23
+
24
+ /**
25
+ * Hook for responsive breakpoint detection.
26
+ * @param query — CSS media query string, e.g. "(min-width: 768px)"
27
+ */
28
+ declare function useMediaQuery(query: string): boolean;
29
+
30
+ type Theme = "dark" | "light";
31
+ /**
32
+ * Hook for managing dark/light theme with `data-theme` attribute
33
+ * on the root <html> element.
34
+ */
35
+ declare function useTheme(): {
36
+ readonly theme: Theme;
37
+ readonly setTheme: (next: Theme) => void;
38
+ readonly toggleTheme: () => void;
39
+ readonly isDark: boolean;
40
+ };
41
+
42
+ interface DynamicIconProps extends LucideProps {
43
+ /** Lucide icon name, e.g. "Settings", "ChevronRight" */
44
+ name: string;
45
+ }
46
+ /**
47
+ * Render any Lucide icon by its name string.
48
+ * Returns null if the icon name is not found.
49
+ */
50
+ declare function DynamicIcon({ name, ...props }: DynamicIconProps): React.FunctionComponentElement<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>> | null;
51
+
52
+ declare const buttonVariants: (props?: ({
53
+ variant?: "link" | "primary" | "secondary" | "ghost" | "destructive" | null | undefined;
54
+ size?: "sm" | "md" | "lg" | "icon" | null | undefined;
55
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
56
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
57
+ asChild?: boolean;
58
+ }
59
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
60
+
61
+ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
62
+ label?: string;
63
+ helperText?: string;
64
+ error?: string;
65
+ }
66
+ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
67
+
68
+ declare const badgeVariants: (props?: ({
69
+ variant?: "error" | "default" | "accent" | "success" | "warning" | "info" | null | undefined;
70
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
71
+ interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
72
+ }
73
+ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
74
+
75
+ declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
76
+ declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
77
+ declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
78
+
79
+ declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
80
+ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
81
+ declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
82
+ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
83
+ declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
84
+ declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
85
+
86
+ declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
87
+
88
+ declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
89
+ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
90
+ declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
91
+ declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
92
+ declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
93
+ declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
94
+ declare const DialogHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
95
+ declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
96
+ declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
97
+ declare const DialogFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
98
+
99
+ declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
100
+ declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
101
+ declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
102
+ declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
103
+ declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
104
+ declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
105
+ declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
106
+ inset?: boolean;
107
+ } & React.RefAttributes<HTMLDivElement>>;
108
+ declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
109
+ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
110
+ inset?: boolean;
111
+ } & React.RefAttributes<HTMLDivElement>>;
112
+
113
+ declare const ToastProvider: React.FC<ToastPrimitive.ToastProviderProps>;
114
+ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
115
+ declare const toastVariants: (props?: ({
116
+ variant?: "error" | "default" | "success" | "info" | null | undefined;
117
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
118
+ interface ToastProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root>, VariantProps<typeof toastVariants> {
119
+ }
120
+ declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLLIElement>>;
121
+ declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
122
+ declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
123
+ declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
124
+ declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
125
+
126
+ declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
127
+
128
+ declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
129
+ declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
130
+
131
+ declare const Select: React.FC<SelectPrimitive.SelectProps>;
132
+ declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
133
+ declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
134
+ declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
135
+ declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
136
+ declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
137
+ declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
138
+ declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
139
+
140
+ declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
141
+
142
+ declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
143
+
144
+ declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
145
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
146
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
147
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
148
+
149
+ declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
150
+ declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
151
+ declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
152
+ declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
153
+
154
+ declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
155
+
156
+ declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
157
+ declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
158
+ declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
159
+ declare const sheetVariants: (props?: ({
160
+ side?: "top" | "right" | "bottom" | "left" | null | undefined;
161
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
162
+ interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
163
+ }
164
+ declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
165
+ declare const SheetHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
166
+ declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
167
+ declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
168
+
169
+ interface SpinnerProps {
170
+ /** Size in pixels */
171
+ size?: number;
172
+ className?: string;
173
+ }
174
+ declare function Spinner({ size, className }: SpinnerProps): react_jsx_runtime.JSX.Element;
175
+
176
+ interface ErrorBoundaryProps {
177
+ children: React.ReactNode;
178
+ fallback?: React.ReactNode;
179
+ }
180
+ interface ErrorBoundaryState {
181
+ hasError: boolean;
182
+ error: Error | null;
183
+ }
184
+ declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
185
+ constructor(props: ErrorBoundaryProps);
186
+ static getDerivedStateFromError(error: Error): ErrorBoundaryState;
187
+ componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
188
+ render(): React.ReactNode;
189
+ }
190
+
191
+ declare const Command: React.ForwardRefExoticComponent<Omit<{
192
+ children?: React.ReactNode;
193
+ } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
194
+ ref?: React.Ref<HTMLDivElement>;
195
+ } & {
196
+ asChild?: boolean;
197
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
198
+ label?: string;
199
+ shouldFilter?: boolean;
200
+ filter?: (value: string, search: string, keywords?: string[]) => number;
201
+ defaultValue?: string;
202
+ value?: string;
203
+ onValueChange?: (value: string) => void;
204
+ loop?: boolean;
205
+ disablePointerSelection?: boolean;
206
+ vimBindings?: boolean;
207
+ } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
208
+ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
209
+ ref?: React.Ref<HTMLInputElement>;
210
+ } & {
211
+ asChild?: boolean;
212
+ }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
213
+ value?: string;
214
+ onValueChange?: (search: string) => void;
215
+ } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
216
+ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
217
+ children?: React.ReactNode;
218
+ } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
219
+ ref?: React.Ref<HTMLDivElement>;
220
+ } & {
221
+ asChild?: boolean;
222
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
223
+ label?: string;
224
+ } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
225
+ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
226
+ children?: React.ReactNode;
227
+ } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
228
+ ref?: React.Ref<HTMLDivElement>;
229
+ } & {
230
+ asChild?: boolean;
231
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
232
+ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
233
+ children?: React.ReactNode;
234
+ } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
235
+ ref?: React.Ref<HTMLDivElement>;
236
+ } & {
237
+ asChild?: boolean;
238
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
239
+ heading?: React.ReactNode;
240
+ value?: string;
241
+ forceMount?: boolean;
242
+ } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
243
+ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
244
+ children?: React.ReactNode;
245
+ } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
246
+ ref?: React.Ref<HTMLDivElement>;
247
+ } & {
248
+ asChild?: boolean;
249
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
250
+ disabled?: boolean;
251
+ onSelect?: (value: string) => void;
252
+ value?: string;
253
+ keywords?: string[];
254
+ forceMount?: boolean;
255
+ } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
256
+ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
257
+ ref?: React.Ref<HTMLDivElement>;
258
+ } & {
259
+ asChild?: boolean;
260
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
261
+ alwaysRender?: boolean;
262
+ } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
263
+ declare const CommandShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
264
+ interface CommandPaletteProps {
265
+ /** Whether the palette is open */
266
+ open?: boolean;
267
+ /** Called when open state changes */
268
+ onOpenChange?: (open: boolean) => void;
269
+ /** Placeholder text for search input */
270
+ placeholder?: string;
271
+ /** Content to render inside the palette */
272
+ children: React.ReactNode;
273
+ }
274
+ declare function CommandPalette({ open: controlledOpen, onOpenChange, placeholder, children, }: CommandPaletteProps): react_jsx_runtime.JSX.Element | null;
275
+
276
+ /**
277
+ * ContentCard — Locked composition component.
278
+ * Surface card with consistent padding, optional title/description.
279
+ * Does NOT accept className — use it the one correct way.
280
+ */
281
+ interface ContentCardProps {
282
+ title?: string;
283
+ description?: string;
284
+ children: React.ReactNode;
285
+ }
286
+ declare function ContentCard({ title, description, children }: ContentCardProps): react_jsx_runtime.JSX.Element;
287
+
288
+ /**
289
+ * PageHeader — Locked composition component.
290
+ * Page title + optional description + action slot.
291
+ * Does NOT accept className.
292
+ */
293
+ interface PageHeaderProps {
294
+ title: string;
295
+ description?: string;
296
+ /** Optional action elements (buttons, etc.) rendered on the right */
297
+ actions?: React.ReactNode;
298
+ }
299
+ declare function PageHeader({ title, description, actions }: PageHeaderProps): react_jsx_runtime.JSX.Element;
300
+
301
+ /**
302
+ * ListItem — Locked composition component.
303
+ * Icon + title + description + trailing element.
304
+ * Does NOT accept className.
305
+ */
306
+ interface ListItemProps {
307
+ /** Leading icon or avatar */
308
+ leading?: React.ReactNode;
309
+ title: string;
310
+ description?: string;
311
+ /** Trailing element (badge, button, chevron) */
312
+ trailing?: React.ReactNode;
313
+ /** Click handler */
314
+ onClick?: () => void;
315
+ }
316
+ declare function ListItem({ leading, title, description, trailing, onClick, }: ListItemProps): react_jsx_runtime.JSX.Element;
317
+
318
+ /**
319
+ * FormSection — Locked composition component.
320
+ * Groups form fields with a heading and optional description.
321
+ * Does NOT accept className.
322
+ */
323
+ interface FormSectionProps {
324
+ title: string;
325
+ description?: string;
326
+ children: React.ReactNode;
327
+ }
328
+ declare function FormSection({ title, description, children }: FormSectionProps): react_jsx_runtime.JSX.Element;
329
+
330
+ /**
331
+ * ActionBar — Locked composition component.
332
+ * Bottom-anchored bar with primary/secondary actions.
333
+ * Does NOT accept className.
334
+ */
335
+ interface ActionBarProps {
336
+ /** Primary action(s) rendered on the right */
337
+ primaryAction: React.ReactNode;
338
+ /** Secondary action(s) rendered on the left */
339
+ secondaryAction?: React.ReactNode;
340
+ }
341
+ declare function ActionBar({ primaryAction, secondaryAction }: ActionBarProps): react_jsx_runtime.JSX.Element;
342
+
343
+ /**
344
+ * EmptyState — Locked composition component.
345
+ * Centered icon + title + description + optional CTA.
346
+ * Does NOT accept className.
347
+ */
348
+ interface EmptyStateProps {
349
+ /** Lucide icon element or any React node */
350
+ icon?: React.ReactNode;
351
+ title: string;
352
+ description?: string;
353
+ /** Call-to-action element (typically a Button) */
354
+ action?: React.ReactNode;
355
+ }
356
+ declare function EmptyState({ icon, title, description, action }: EmptyStateProps): react_jsx_runtime.JSX.Element;
357
+
358
+ interface AppShellProps {
359
+ topBar?: React.ReactNode;
360
+ sideRail?: React.ReactNode;
361
+ bottomBar?: React.ReactNode;
362
+ children: React.ReactNode;
363
+ className?: string;
364
+ }
365
+ declare function AppShell({ topBar, sideRail, bottomBar, children, className }: AppShellProps): react_jsx_runtime.JSX.Element;
366
+ interface TopBarProps {
367
+ /** Brand / logo element on the left */
368
+ brand?: React.ReactNode;
369
+ /** Center content (search trigger, navigation) */
370
+ center?: React.ReactNode;
371
+ /** Right-side actions (notifications, avatar) */
372
+ actions?: React.ReactNode;
373
+ className?: string;
374
+ }
375
+ declare function TopBar({ brand, center, actions, className }: TopBarProps): react_jsx_runtime.JSX.Element;
376
+ interface SideRailProps {
377
+ children: React.ReactNode;
378
+ className?: string;
379
+ }
380
+ declare function SideRail({ children, className }: SideRailProps): react_jsx_runtime.JSX.Element;
381
+ interface SideRailItemProps {
382
+ children: React.ReactNode;
383
+ active?: boolean;
384
+ onClick?: () => void;
385
+ tooltip?: string;
386
+ }
387
+ declare function SideRailItem({ children, active, onClick, tooltip }: SideRailItemProps): react_jsx_runtime.JSX.Element;
388
+ interface BottomBarProps {
389
+ children: React.ReactNode;
390
+ className?: string;
391
+ }
392
+ declare function BottomBar({ children, className }: BottomBarProps): react_jsx_runtime.JSX.Element;
393
+ interface BottomBarItemProps {
394
+ children: React.ReactNode;
395
+ label?: string;
396
+ active?: boolean;
397
+ onClick?: () => void;
398
+ }
399
+ declare function BottomBarItem({ children, label, active, onClick }: BottomBarItemProps): react_jsx_runtime.JSX.Element;
400
+ interface PageContainerProps {
401
+ children: React.ReactNode;
402
+ className?: string;
403
+ }
404
+ declare function PageContainer({ children, className }: PageContainerProps): react_jsx_runtime.JSX.Element;
405
+
406
+ export { ActionBar, type ActionBarProps, AppShell, type AppShellProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, BottomBar, BottomBarItem, type BottomBarItemProps, type BottomBarProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, type CommandPaletteProps, CommandSeparator, CommandShortcut, ContentCard, type ContentCardProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuTrigger, DynamicIcon, type DynamicIconProps, EmptyState, type EmptyStateProps, ErrorBoundary, FormSection, type FormSectionProps, Input, type InputProps, Label, ListItem, type ListItemProps, PageContainer, type PageContainerProps, PageHeader, type PageHeaderProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, SideRail, SideRailItem, type SideRailItemProps, type SideRailProps, Skeleton, Spinner, type SpinnerProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, badgeVariants, buttonVariants, cn, toastVariants, useMediaQuery, useTheme };