@kjaniec-dev/ui 0.7.1 → 0.8.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/dist/index.cjs +528 -55
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +97 -21
  4. package/dist/index.d.ts +97 -21
  5. package/dist/index.js +517 -56
  6. package/dist/index.js.map +1 -1
  7. package/package.json +59 -20
package/dist/index.d.cts CHANGED
@@ -2,7 +2,6 @@ import { ClassValue } from 'clsx';
2
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
3
3
  import * as React from 'react';
4
4
  import { VariantProps } from 'class-variance-authority';
5
- import * as react_jsx_runtime from 'react/jsx-runtime';
6
5
 
7
6
  /**
8
7
  * Merge class names with Tailwind-aware conflict resolution.
@@ -143,7 +142,7 @@ interface SegmentedProps<T extends string> {
143
142
  "aria-label"?: string;
144
143
  }
145
144
  /** Segmented control / single-select toggle group. Controlled. */
146
- declare function Segmented<T extends string>({ options, value, onChange, className, ...props }: SegmentedProps<T>): react_jsx_runtime.JSX.Element;
145
+ declare function Segmented<T extends string>({ options, value, onChange, className, ...props }: SegmentedProps<T>): React.JSX.Element;
147
146
 
148
147
  interface CardProps extends Omit<React.AllHTMLAttributes<HTMLElement>, "as"> {
149
148
  as?: React.ElementType;
@@ -191,7 +190,7 @@ interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
191
190
  defaultValue?: string;
192
191
  onValueChange?: (value: string) => void;
193
192
  }
194
- declare function Tabs({ value, defaultValue, onValueChange, className, children, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
193
+ declare function Tabs({ value, defaultValue, onValueChange, className, children, ...props }: TabsProps): React.JSX.Element;
195
194
  declare const TabsList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
196
195
  interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
197
196
  value: string;
@@ -207,7 +206,7 @@ interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
207
206
  type?: "single" | "multiple";
208
207
  defaultValue?: string[];
209
208
  }
210
- declare function Accordion({ type, defaultValue, className, children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
209
+ declare function Accordion({ type, defaultValue, className, children, ...props }: AccordionProps): React.JSX.Element;
211
210
  interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
212
211
  value: string;
213
212
  }
@@ -218,14 +217,14 @@ declare const AccordionContent: React.ForwardRefExoticComponent<React.HTMLAttrib
218
217
  declare function DropdownMenu({ children, className }: {
219
218
  children: React.ReactNode;
220
219
  className?: string;
221
- }): react_jsx_runtime.JSX.Element;
220
+ }): React.JSX.Element;
222
221
  declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
223
222
  asChild?: boolean;
224
223
  } & React.RefAttributes<HTMLButtonElement>>;
225
224
  interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
226
225
  align?: "start" | "end";
227
226
  }
228
- declare function DropdownMenuContent({ className, align, children, ...props }: DropdownMenuContentProps): react_jsx_runtime.JSX.Element | null;
227
+ declare function DropdownMenuContent({ className, align, children, ...props }: DropdownMenuContentProps): React.JSX.Element | null;
229
228
  interface DropdownMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
230
229
  danger?: boolean;
231
230
  icon?: React.ReactNode;
@@ -233,7 +232,7 @@ interface DropdownMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonEle
233
232
  declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLButtonElement>>;
234
233
  declare function DropdownMenuSeparator({ className }: {
235
234
  className?: string;
236
- }): react_jsx_runtime.JSX.Element;
235
+ }): React.JSX.Element;
237
236
 
238
237
  declare const Breadcrumb: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
239
238
  interface BreadcrumbItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
@@ -241,7 +240,7 @@ interface BreadcrumbItemProps extends React.AnchorHTMLAttributes<HTMLAnchorEleme
241
240
  current?: boolean;
242
241
  }
243
242
  declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLAnchorElement>>;
244
- declare function BreadcrumbSeparator(): react_jsx_runtime.JSX.Element;
243
+ declare function BreadcrumbSeparator(): React.JSX.Element;
245
244
 
246
245
  interface PaginationProps {
247
246
  page: number;
@@ -251,7 +250,7 @@ interface PaginationProps {
251
250
  siblingCount?: number;
252
251
  className?: string;
253
252
  }
254
- declare function Pagination({ page, pageCount, onPageChange, className }: PaginationProps): react_jsx_runtime.JSX.Element;
253
+ declare function Pagination({ page, pageCount, onPageChange, className }: PaginationProps): React.JSX.Element;
255
254
 
256
255
  interface BottomNavigationItem {
257
256
  id: string;
@@ -294,7 +293,7 @@ interface TooltipProps {
294
293
  className?: string;
295
294
  }
296
295
  /** CSS-only hover/focus tooltip positioned above the trigger. */
297
- declare function Tooltip({ content, children, className }: TooltipProps): react_jsx_runtime.JSX.Element;
296
+ declare function Tooltip({ content, children, className }: TooltipProps): React.JSX.Element;
298
297
 
299
298
  interface ModalProps {
300
299
  open: boolean;
@@ -306,10 +305,10 @@ interface ModalProps {
306
305
  showClose?: boolean;
307
306
  }
308
307
  /** Centered overlay dialog. Closes on backdrop click and Escape. Includes focus trap and restore. */
309
- declare function Modal({ open, onClose, children, width, className, showClose }: ModalProps): react_jsx_runtime.JSX.Element;
310
- declare function ModalTitle({ className, id, ...props }: React.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
311
- declare function ModalDescription({ className, id, ...props }: React.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
312
- declare function ModalActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
308
+ declare function Modal({ open, onClose, children, width, className, showClose }: ModalProps): React.JSX.Element;
309
+ declare function ModalTitle({ className, id, ...props }: React.HTMLAttributes<HTMLHeadingElement>): React.JSX.Element;
310
+ declare function ModalDescription({ className, id, ...props }: React.HTMLAttributes<HTMLParagraphElement>): React.JSX.Element;
311
+ declare function ModalActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
313
312
 
314
313
  type ToastTone = "default" | "success" | "danger";
315
314
  interface ToastOptions {
@@ -324,7 +323,7 @@ interface ToastCtx {
324
323
  declare function useToast(): ToastCtx;
325
324
  declare function ToastProvider({ children }: {
326
325
  children: React.ReactNode;
327
- }): react_jsx_runtime.JSX.Element;
326
+ }): React.JSX.Element;
328
327
 
329
328
  interface PageHeaderProps {
330
329
  eyebrow?: string;
@@ -378,7 +377,7 @@ interface DataTableProps<T> extends React.HTMLAttributes<HTMLDivElement> {
378
377
  sortDirection?: "asc" | "desc";
379
378
  onSort?: (sortKey: string, direction: "asc" | "desc") => void;
380
379
  }
381
- declare function DataTable<T>({ className, columns, data, loading, error, emptyTitle, emptyDescription, emptyAction, getRowKey, onRowClick, toolbar, pagination, selectedRows, onSelectionChange, sortBy, sortDirection, onSort, ...props }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
380
+ declare function DataTable<T>({ className, columns, data, loading, error, emptyTitle, emptyDescription, emptyAction, getRowKey, onRowClick, toolbar, pagination, selectedRows, onSelectionChange, sortBy, sortDirection, onSort, ...props }: DataTableProps<T>): React.JSX.Element;
382
381
  declare namespace DataTable {
383
382
  var displayName: string;
384
383
  }
@@ -458,7 +457,7 @@ interface ConfirmDialogProps {
458
457
  tone?: "danger" | "primary" | "success";
459
458
  loading?: boolean;
460
459
  }
461
- declare function ConfirmDialog({ open, onClose, onConfirm, title, description, confirmLabel, cancelLabel, tone, loading, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
460
+ declare function ConfirmDialog({ open, onClose, onConfirm, title, description, confirmLabel, cancelLabel, tone, loading, }: ConfirmDialogProps): React.JSX.Element;
462
461
  declare namespace ConfirmDialog {
463
462
  var displayName: string;
464
463
  }
@@ -472,7 +471,7 @@ interface DrawerProps {
472
471
  width?: string;
473
472
  side?: "right" | "left";
474
473
  }
475
- declare function Drawer({ open, onClose, children, title, description, width, side, }: DrawerProps): react_jsx_runtime.JSX.Element;
474
+ declare function Drawer({ open, onClose, children, title, description, width, side, }: DrawerProps): React.JSX.Element;
476
475
  declare namespace Drawer {
477
476
  var displayName: string;
478
477
  }
@@ -492,7 +491,7 @@ interface CommandPaletteProps {
492
491
  items: CommandPaletteItem[];
493
492
  placeholder?: string;
494
493
  }
495
- declare function CommandPalette({ open, onClose, items, placeholder }: CommandPaletteProps): react_jsx_runtime.JSX.Element | null;
494
+ declare function CommandPalette({ open, onClose, items, placeholder }: CommandPaletteProps): React.JSX.Element | null;
496
495
  declare namespace CommandPalette {
497
496
  var displayName: string;
498
497
  }
@@ -514,9 +513,86 @@ interface SidebarNavProps extends React.HTMLAttributes<HTMLDivElement> {
514
513
  groups: SidebarNavGroup[];
515
514
  currentHref?: string;
516
515
  }
517
- declare function SidebarNav({ className, groups, currentHref, ...props }: SidebarNavProps): react_jsx_runtime.JSX.Element;
516
+ declare function SidebarNav({ className, groups, currentHref, ...props }: SidebarNavProps): React.JSX.Element;
518
517
  declare namespace SidebarNav {
519
518
  var displayName: string;
520
519
  }
521
520
 
522
- export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarProps, Badge, type BadgeProps, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, DashboardShell, type DashboardShellProps, DataTable, type DataTableColumn, type DataTableProps, DetailPageLayout, type DetailPageLayoutProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, Field, FormField, type FormFieldProps, Hint, type HintProps, Input, type InputProps, Label, type LabelProps, MetricCard, type MetricCardProps, Modal, ModalActions, ModalDescription, type ModalProps, ModalTitle, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Progress, type ProgressProps, Radio, type RadioProps, Segmented, type SegmentedOption, type SegmentedProps, Select, SelectField, type SelectFieldProps, type SelectProps, SettingsLayout, type SettingsLayoutProps, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stat, type StatProps, Switch, type SwitchProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeader, TableRow, TableToolbar, type TableToolbarProps, TableWrap, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, type ToastOptions, ToastProvider, type ToastTone, Tooltip, type TooltipProps, badgeVariants, buttonVariants, cn, sliderThumbCSS, useToast };
521
+ declare const fabVariants: (props?: ({
522
+ variant?: "primary" | "secondary" | "outline" | "danger" | null | undefined;
523
+ size?: "sm" | "md" | "lg" | null | undefined;
524
+ position?: "none" | "bottom-right" | "bottom-left" | "bottom-center" | null | undefined;
525
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
526
+ interface FabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof fabVariants> {
527
+ /** Icon rendered inside the button. */
528
+ icon: React.ReactNode;
529
+ /** Text label for accessibility (aria-label). */
530
+ label: string;
531
+ /** If true, the FAB will only be visible on mobile screens (< 768px). */
532
+ mobileOnly?: boolean;
533
+ /** Shows a spinner and disables interaction. */
534
+ loading?: boolean;
535
+ }
536
+ declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<HTMLButtonElement>>;
537
+
538
+ interface BottomSheetProps {
539
+ open: boolean;
540
+ onClose: () => void;
541
+ children: React.ReactNode;
542
+ maxWidth?: "max-w-sm" | "max-w-md" | "max-w-lg" | "max-w-xl" | "max-w-2xl";
543
+ className?: string;
544
+ showClose?: boolean;
545
+ }
546
+ declare function BottomSheet({ open, onClose, children, maxWidth, className, showClose, }: BottomSheetProps): React.JSX.Element | null;
547
+ declare function BottomSheetHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
548
+ declare function BottomSheetTitle({ className, id, ...props }: React.HTMLAttributes<HTMLHeadingElement>): React.JSX.Element;
549
+ declare function BottomSheetDescription({ className, id, ...props }: React.HTMLAttributes<HTMLParagraphElement>): React.JSX.Element;
550
+ declare function BottomSheetContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
551
+ declare function BottomSheetFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
552
+
553
+ declare const kbdVariants: (props?: ({
554
+ size?: "sm" | "md" | null | undefined;
555
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
556
+ interface KbdProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof kbdVariants> {
557
+ /** Render one <kbd> chip per key (separated by a small gap); children are ignored. */
558
+ keys?: string[];
559
+ }
560
+ declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
561
+
562
+ interface CodeBlockProps extends React.HTMLAttributes<HTMLDivElement> {
563
+ /** The snippet text to display. */
564
+ code: string;
565
+ /** Language label shown in the header when no filename is set (e.g. "tsx"). */
566
+ language?: string;
567
+ /** Optional filename label shown in the header; takes precedence over language. */
568
+ filename?: string;
569
+ /** Show the copy-to-clipboard button. */
570
+ copyable?: boolean;
571
+ /** Max height in pixels; content scrolls vertically beyond it. */
572
+ maxHeight?: number;
573
+ }
574
+ declare const CodeBlock: React.ForwardRefExoticComponent<CodeBlockProps & React.RefAttributes<HTMLDivElement>>;
575
+
576
+ interface PopoverProps {
577
+ /** Trigger and content elements. */
578
+ children: React.ReactNode;
579
+ /** Additional classes for the positioning wrapper. */
580
+ className?: string;
581
+ /** Controlled open state. Omit for uncontrolled behavior. */
582
+ open?: boolean;
583
+ /** Called whenever the open state should change. */
584
+ onOpenChange?: (open: boolean) => void;
585
+ }
586
+ declare function Popover({ children, className, open: openProp, onOpenChange }: PopoverProps): React.JSX.Element;
587
+ declare const PopoverTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
588
+ asChild?: boolean;
589
+ } & React.RefAttributes<HTMLButtonElement>>;
590
+ interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {
591
+ /** Which side of the trigger the panel opens on. */
592
+ side?: "top" | "bottom" | "left" | "right";
593
+ /** Alignment along the chosen side. */
594
+ align?: "start" | "center" | "end";
595
+ }
596
+ declare function PopoverContent({ className, side, align, children, ...props }: PopoverContentProps): React.JSX.Element | null;
597
+
598
+ export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarProps, Badge, type BadgeProps, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, BottomSheet, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, type BottomSheetProps, BottomSheetTitle, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, CodeBlock, type CodeBlockProps, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, DashboardShell, type DashboardShellProps, DataTable, type DataTableColumn, type DataTableProps, DetailPageLayout, type DetailPageLayoutProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, Fab, type FabProps, Field, FormField, type FormFieldProps, Hint, type HintProps, Input, type InputProps, Kbd, type KbdProps, Label, type LabelProps, MetricCard, type MetricCardProps, Modal, ModalActions, ModalDescription, type ModalProps, ModalTitle, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, Radio, type RadioProps, Segmented, type SegmentedOption, type SegmentedProps, Select, SelectField, type SelectFieldProps, type SelectProps, SettingsLayout, type SettingsLayoutProps, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stat, type StatProps, Switch, type SwitchProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeader, TableRow, TableToolbar, type TableToolbarProps, TableWrap, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, type ToastOptions, ToastProvider, type ToastTone, Tooltip, type TooltipProps, badgeVariants, buttonVariants, cn, sliderThumbCSS, useToast };
package/dist/index.d.ts CHANGED
@@ -2,7 +2,6 @@ import { ClassValue } from 'clsx';
2
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
3
3
  import * as React from 'react';
4
4
  import { VariantProps } from 'class-variance-authority';
5
- import * as react_jsx_runtime from 'react/jsx-runtime';
6
5
 
7
6
  /**
8
7
  * Merge class names with Tailwind-aware conflict resolution.
@@ -143,7 +142,7 @@ interface SegmentedProps<T extends string> {
143
142
  "aria-label"?: string;
144
143
  }
145
144
  /** Segmented control / single-select toggle group. Controlled. */
146
- declare function Segmented<T extends string>({ options, value, onChange, className, ...props }: SegmentedProps<T>): react_jsx_runtime.JSX.Element;
145
+ declare function Segmented<T extends string>({ options, value, onChange, className, ...props }: SegmentedProps<T>): React.JSX.Element;
147
146
 
148
147
  interface CardProps extends Omit<React.AllHTMLAttributes<HTMLElement>, "as"> {
149
148
  as?: React.ElementType;
@@ -191,7 +190,7 @@ interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
191
190
  defaultValue?: string;
192
191
  onValueChange?: (value: string) => void;
193
192
  }
194
- declare function Tabs({ value, defaultValue, onValueChange, className, children, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
193
+ declare function Tabs({ value, defaultValue, onValueChange, className, children, ...props }: TabsProps): React.JSX.Element;
195
194
  declare const TabsList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
196
195
  interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
197
196
  value: string;
@@ -207,7 +206,7 @@ interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
207
206
  type?: "single" | "multiple";
208
207
  defaultValue?: string[];
209
208
  }
210
- declare function Accordion({ type, defaultValue, className, children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
209
+ declare function Accordion({ type, defaultValue, className, children, ...props }: AccordionProps): React.JSX.Element;
211
210
  interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
212
211
  value: string;
213
212
  }
@@ -218,14 +217,14 @@ declare const AccordionContent: React.ForwardRefExoticComponent<React.HTMLAttrib
218
217
  declare function DropdownMenu({ children, className }: {
219
218
  children: React.ReactNode;
220
219
  className?: string;
221
- }): react_jsx_runtime.JSX.Element;
220
+ }): React.JSX.Element;
222
221
  declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
223
222
  asChild?: boolean;
224
223
  } & React.RefAttributes<HTMLButtonElement>>;
225
224
  interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
226
225
  align?: "start" | "end";
227
226
  }
228
- declare function DropdownMenuContent({ className, align, children, ...props }: DropdownMenuContentProps): react_jsx_runtime.JSX.Element | null;
227
+ declare function DropdownMenuContent({ className, align, children, ...props }: DropdownMenuContentProps): React.JSX.Element | null;
229
228
  interface DropdownMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
230
229
  danger?: boolean;
231
230
  icon?: React.ReactNode;
@@ -233,7 +232,7 @@ interface DropdownMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonEle
233
232
  declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLButtonElement>>;
234
233
  declare function DropdownMenuSeparator({ className }: {
235
234
  className?: string;
236
- }): react_jsx_runtime.JSX.Element;
235
+ }): React.JSX.Element;
237
236
 
238
237
  declare const Breadcrumb: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
239
238
  interface BreadcrumbItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
@@ -241,7 +240,7 @@ interface BreadcrumbItemProps extends React.AnchorHTMLAttributes<HTMLAnchorEleme
241
240
  current?: boolean;
242
241
  }
243
242
  declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLAnchorElement>>;
244
- declare function BreadcrumbSeparator(): react_jsx_runtime.JSX.Element;
243
+ declare function BreadcrumbSeparator(): React.JSX.Element;
245
244
 
246
245
  interface PaginationProps {
247
246
  page: number;
@@ -251,7 +250,7 @@ interface PaginationProps {
251
250
  siblingCount?: number;
252
251
  className?: string;
253
252
  }
254
- declare function Pagination({ page, pageCount, onPageChange, className }: PaginationProps): react_jsx_runtime.JSX.Element;
253
+ declare function Pagination({ page, pageCount, onPageChange, className }: PaginationProps): React.JSX.Element;
255
254
 
256
255
  interface BottomNavigationItem {
257
256
  id: string;
@@ -294,7 +293,7 @@ interface TooltipProps {
294
293
  className?: string;
295
294
  }
296
295
  /** CSS-only hover/focus tooltip positioned above the trigger. */
297
- declare function Tooltip({ content, children, className }: TooltipProps): react_jsx_runtime.JSX.Element;
296
+ declare function Tooltip({ content, children, className }: TooltipProps): React.JSX.Element;
298
297
 
299
298
  interface ModalProps {
300
299
  open: boolean;
@@ -306,10 +305,10 @@ interface ModalProps {
306
305
  showClose?: boolean;
307
306
  }
308
307
  /** Centered overlay dialog. Closes on backdrop click and Escape. Includes focus trap and restore. */
309
- declare function Modal({ open, onClose, children, width, className, showClose }: ModalProps): react_jsx_runtime.JSX.Element;
310
- declare function ModalTitle({ className, id, ...props }: React.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
311
- declare function ModalDescription({ className, id, ...props }: React.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
312
- declare function ModalActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
308
+ declare function Modal({ open, onClose, children, width, className, showClose }: ModalProps): React.JSX.Element;
309
+ declare function ModalTitle({ className, id, ...props }: React.HTMLAttributes<HTMLHeadingElement>): React.JSX.Element;
310
+ declare function ModalDescription({ className, id, ...props }: React.HTMLAttributes<HTMLParagraphElement>): React.JSX.Element;
311
+ declare function ModalActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
313
312
 
314
313
  type ToastTone = "default" | "success" | "danger";
315
314
  interface ToastOptions {
@@ -324,7 +323,7 @@ interface ToastCtx {
324
323
  declare function useToast(): ToastCtx;
325
324
  declare function ToastProvider({ children }: {
326
325
  children: React.ReactNode;
327
- }): react_jsx_runtime.JSX.Element;
326
+ }): React.JSX.Element;
328
327
 
329
328
  interface PageHeaderProps {
330
329
  eyebrow?: string;
@@ -378,7 +377,7 @@ interface DataTableProps<T> extends React.HTMLAttributes<HTMLDivElement> {
378
377
  sortDirection?: "asc" | "desc";
379
378
  onSort?: (sortKey: string, direction: "asc" | "desc") => void;
380
379
  }
381
- declare function DataTable<T>({ className, columns, data, loading, error, emptyTitle, emptyDescription, emptyAction, getRowKey, onRowClick, toolbar, pagination, selectedRows, onSelectionChange, sortBy, sortDirection, onSort, ...props }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
380
+ declare function DataTable<T>({ className, columns, data, loading, error, emptyTitle, emptyDescription, emptyAction, getRowKey, onRowClick, toolbar, pagination, selectedRows, onSelectionChange, sortBy, sortDirection, onSort, ...props }: DataTableProps<T>): React.JSX.Element;
382
381
  declare namespace DataTable {
383
382
  var displayName: string;
384
383
  }
@@ -458,7 +457,7 @@ interface ConfirmDialogProps {
458
457
  tone?: "danger" | "primary" | "success";
459
458
  loading?: boolean;
460
459
  }
461
- declare function ConfirmDialog({ open, onClose, onConfirm, title, description, confirmLabel, cancelLabel, tone, loading, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
460
+ declare function ConfirmDialog({ open, onClose, onConfirm, title, description, confirmLabel, cancelLabel, tone, loading, }: ConfirmDialogProps): React.JSX.Element;
462
461
  declare namespace ConfirmDialog {
463
462
  var displayName: string;
464
463
  }
@@ -472,7 +471,7 @@ interface DrawerProps {
472
471
  width?: string;
473
472
  side?: "right" | "left";
474
473
  }
475
- declare function Drawer({ open, onClose, children, title, description, width, side, }: DrawerProps): react_jsx_runtime.JSX.Element;
474
+ declare function Drawer({ open, onClose, children, title, description, width, side, }: DrawerProps): React.JSX.Element;
476
475
  declare namespace Drawer {
477
476
  var displayName: string;
478
477
  }
@@ -492,7 +491,7 @@ interface CommandPaletteProps {
492
491
  items: CommandPaletteItem[];
493
492
  placeholder?: string;
494
493
  }
495
- declare function CommandPalette({ open, onClose, items, placeholder }: CommandPaletteProps): react_jsx_runtime.JSX.Element | null;
494
+ declare function CommandPalette({ open, onClose, items, placeholder }: CommandPaletteProps): React.JSX.Element | null;
496
495
  declare namespace CommandPalette {
497
496
  var displayName: string;
498
497
  }
@@ -514,9 +513,86 @@ interface SidebarNavProps extends React.HTMLAttributes<HTMLDivElement> {
514
513
  groups: SidebarNavGroup[];
515
514
  currentHref?: string;
516
515
  }
517
- declare function SidebarNav({ className, groups, currentHref, ...props }: SidebarNavProps): react_jsx_runtime.JSX.Element;
516
+ declare function SidebarNav({ className, groups, currentHref, ...props }: SidebarNavProps): React.JSX.Element;
518
517
  declare namespace SidebarNav {
519
518
  var displayName: string;
520
519
  }
521
520
 
522
- export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarProps, Badge, type BadgeProps, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, DashboardShell, type DashboardShellProps, DataTable, type DataTableColumn, type DataTableProps, DetailPageLayout, type DetailPageLayoutProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, Field, FormField, type FormFieldProps, Hint, type HintProps, Input, type InputProps, Label, type LabelProps, MetricCard, type MetricCardProps, Modal, ModalActions, ModalDescription, type ModalProps, ModalTitle, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Progress, type ProgressProps, Radio, type RadioProps, Segmented, type SegmentedOption, type SegmentedProps, Select, SelectField, type SelectFieldProps, type SelectProps, SettingsLayout, type SettingsLayoutProps, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stat, type StatProps, Switch, type SwitchProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeader, TableRow, TableToolbar, type TableToolbarProps, TableWrap, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, type ToastOptions, ToastProvider, type ToastTone, Tooltip, type TooltipProps, badgeVariants, buttonVariants, cn, sliderThumbCSS, useToast };
521
+ declare const fabVariants: (props?: ({
522
+ variant?: "primary" | "secondary" | "outline" | "danger" | null | undefined;
523
+ size?: "sm" | "md" | "lg" | null | undefined;
524
+ position?: "none" | "bottom-right" | "bottom-left" | "bottom-center" | null | undefined;
525
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
526
+ interface FabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof fabVariants> {
527
+ /** Icon rendered inside the button. */
528
+ icon: React.ReactNode;
529
+ /** Text label for accessibility (aria-label). */
530
+ label: string;
531
+ /** If true, the FAB will only be visible on mobile screens (< 768px). */
532
+ mobileOnly?: boolean;
533
+ /** Shows a spinner and disables interaction. */
534
+ loading?: boolean;
535
+ }
536
+ declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<HTMLButtonElement>>;
537
+
538
+ interface BottomSheetProps {
539
+ open: boolean;
540
+ onClose: () => void;
541
+ children: React.ReactNode;
542
+ maxWidth?: "max-w-sm" | "max-w-md" | "max-w-lg" | "max-w-xl" | "max-w-2xl";
543
+ className?: string;
544
+ showClose?: boolean;
545
+ }
546
+ declare function BottomSheet({ open, onClose, children, maxWidth, className, showClose, }: BottomSheetProps): React.JSX.Element | null;
547
+ declare function BottomSheetHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
548
+ declare function BottomSheetTitle({ className, id, ...props }: React.HTMLAttributes<HTMLHeadingElement>): React.JSX.Element;
549
+ declare function BottomSheetDescription({ className, id, ...props }: React.HTMLAttributes<HTMLParagraphElement>): React.JSX.Element;
550
+ declare function BottomSheetContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
551
+ declare function BottomSheetFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
552
+
553
+ declare const kbdVariants: (props?: ({
554
+ size?: "sm" | "md" | null | undefined;
555
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
556
+ interface KbdProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof kbdVariants> {
557
+ /** Render one <kbd> chip per key (separated by a small gap); children are ignored. */
558
+ keys?: string[];
559
+ }
560
+ declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
561
+
562
+ interface CodeBlockProps extends React.HTMLAttributes<HTMLDivElement> {
563
+ /** The snippet text to display. */
564
+ code: string;
565
+ /** Language label shown in the header when no filename is set (e.g. "tsx"). */
566
+ language?: string;
567
+ /** Optional filename label shown in the header; takes precedence over language. */
568
+ filename?: string;
569
+ /** Show the copy-to-clipboard button. */
570
+ copyable?: boolean;
571
+ /** Max height in pixels; content scrolls vertically beyond it. */
572
+ maxHeight?: number;
573
+ }
574
+ declare const CodeBlock: React.ForwardRefExoticComponent<CodeBlockProps & React.RefAttributes<HTMLDivElement>>;
575
+
576
+ interface PopoverProps {
577
+ /** Trigger and content elements. */
578
+ children: React.ReactNode;
579
+ /** Additional classes for the positioning wrapper. */
580
+ className?: string;
581
+ /** Controlled open state. Omit for uncontrolled behavior. */
582
+ open?: boolean;
583
+ /** Called whenever the open state should change. */
584
+ onOpenChange?: (open: boolean) => void;
585
+ }
586
+ declare function Popover({ children, className, open: openProp, onOpenChange }: PopoverProps): React.JSX.Element;
587
+ declare const PopoverTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
588
+ asChild?: boolean;
589
+ } & React.RefAttributes<HTMLButtonElement>>;
590
+ interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {
591
+ /** Which side of the trigger the panel opens on. */
592
+ side?: "top" | "bottom" | "left" | "right";
593
+ /** Alignment along the chosen side. */
594
+ align?: "start" | "center" | "end";
595
+ }
596
+ declare function PopoverContent({ className, side, align, children, ...props }: PopoverContentProps): React.JSX.Element | null;
597
+
598
+ export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarProps, Badge, type BadgeProps, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, BottomSheet, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, type BottomSheetProps, BottomSheetTitle, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, CodeBlock, type CodeBlockProps, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, DashboardShell, type DashboardShellProps, DataTable, type DataTableColumn, type DataTableProps, DetailPageLayout, type DetailPageLayoutProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, Fab, type FabProps, Field, FormField, type FormFieldProps, Hint, type HintProps, Input, type InputProps, Kbd, type KbdProps, Label, type LabelProps, MetricCard, type MetricCardProps, Modal, ModalActions, ModalDescription, type ModalProps, ModalTitle, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, Radio, type RadioProps, Segmented, type SegmentedOption, type SegmentedProps, Select, SelectField, type SelectFieldProps, type SelectProps, SettingsLayout, type SettingsLayoutProps, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stat, type StatProps, Switch, type SwitchProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeader, TableRow, TableToolbar, type TableToolbarProps, TableWrap, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, type ToastOptions, ToastProvider, type ToastTone, Tooltip, type TooltipProps, badgeVariants, buttonVariants, cn, sliderThumbCSS, useToast };