@nicorp/nui 0.1.2 → 0.1.7

package/dist/index.d.ts

@@ -14,8 +14,9 @@ import { DialogProps } from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { ForwardRefExoticComponent } from 'react';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
+import { Legend } from 'recharts';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
@@ -31,6 +32,7 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { Toaster as Toaster_2 } from 'sonner';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { Tooltip as Tooltip_2 } from 'recharts';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { UseEmblaCarouselType } from 'embla-carousel-react';
 import { VariantProps } from 'class-variance-authority';
@@ -60,12 +62,12 @@ export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<
 export declare const AlertDialogDescription: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
 
 export declare const AlertDialogFooter: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
     displayName: string;
 };
 
 export declare const AlertDialogHeader: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
     displayName: string;
 };
 
@@ -79,6 +81,11 @@ export declare const AlertDialogTrigger: React_2.ForwardRefExoticComponent<Alert
 
 export declare const AlertTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
 
+export declare const AppShell: React_2.ForwardRefExoticComponent<AppShellProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface AppShellProps extends React_2.HTMLAttributes<HTMLDivElement> {
+}
+
 export declare const AspectRatio: ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & RefAttributes<HTMLDivElement>>;
 
 export declare const Avatar: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
@@ -87,7 +94,7 @@ export declare const AvatarFallback: React_2.ForwardRefExoticComponent<Omit<Avat
 
 export declare const AvatarImage: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React_2.RefAttributes<HTMLImageElement>, "ref"> & React_2.RefAttributes<HTMLImageElement>>;
 
-export declare function Badge({ className, variant, ...props }: BadgeProps): JSX.Element;
+export declare function Badge({ className, variant, ...props }: BadgeProps): JSX_2.Element;
 
 export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
@@ -96,7 +103,7 @@ export declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function Blockquote({ className, ...props }: BlockquoteProps): JSX.Element;
+export declare function Blockquote({ className, ...props }: BlockquoteProps): JSX_2.Element;
 
 export declare interface BlockquoteProps extends React_2.HTMLAttributes<HTMLQuoteElement> {
 }
@@ -110,7 +117,7 @@ export declare interface BoxProps extends React_2.HTMLAttributes<HTMLDivElement>
 export declare const Breadcrumb: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
 
 export declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+    ({ className, ...props }: React_2.ComponentProps<"span">): JSX_2.Element;
     displayName: string;
 };
 
@@ -125,7 +132,7 @@ export declare const BreadcrumbList: React_2.ForwardRefExoticComponent<Omit<Reac
 export declare const BreadcrumbPage: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
 
 export declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+    ({ children, className, ...props }: React_2.ComponentProps<"li">): JSX_2.Element;
     displayName: string;
 };
 
@@ -136,11 +143,11 @@ export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLBu
 }
 
 export declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "brand" | "glow" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function Calendar({ selected, onSelect, className, disabled, }: CalendarProps): JSX.Element;
+export declare function Calendar({ selected, onSelect, className, disabled, }: CalendarProps): JSX_2.Element;
 
 export declare namespace Calendar {
     var displayName: string;
@@ -153,7 +160,7 @@ export declare interface CalendarProps {
     disabled?: (date: Date) => boolean;
 }
 
-export declare const Card: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -163,8 +170,15 @@ export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLA
 
 export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
+export declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+
 export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
 
+export declare const cardVariants: (props?: ({
+    variant?: "default" | "ghost" | "elevated" | "glass" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Carousel: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & CarouselProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare type CarouselApi = UseEmblaCarouselType[1];
@@ -188,13 +202,19 @@ declare type CarouselProps = {
     setApi?: (api: CarouselApi) => void;
 };
 
+export declare const ChartContainer: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ChartLegend: typeof Legend;
+
+export declare const ChartTooltip: typeof Tooltip_2;
+
 export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare function cn(...inputs: ClassValue[]): string;
 
-export declare function Code({ className, ...props }: CodeProps): JSX.Element;
+export declare function Code({ className, ...props }: CodeProps): JSX_2.Element;
 
-export declare function CodeBlock({ code, language, showLineNumbers, className, }: CodeBlockProps): JSX.Element;
+export declare function CodeBlock({ code, language, showLineNumbers, className, }: CodeBlockProps): JSX_2.Element;
 
 export declare interface CodeBlockProps {
     code: string;
@@ -212,7 +232,7 @@ export declare const CollapsibleContent: React_2.ForwardRefExoticComponent<Omit<
 
 export declare const CollapsibleTrigger: React_2.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare function ColorPicker({ value, onChange, disabled, className, }: ColorPickerProps): JSX.Element;
+export declare function ColorPicker({ value, onChange, disabled, className, }: ColorPickerProps): JSX_2.Element;
 
 export declare interface ColorPickerProps {
     value?: string;
@@ -221,7 +241,7 @@ export declare interface ColorPickerProps {
     className?: string;
 }
 
-export declare function Combobox({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, }: ComboboxProps): JSX.Element;
+export declare function Combobox({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, }: ComboboxProps): JSX_2.Element;
 
 export declare interface ComboboxOption {
     value: string;
@@ -257,7 +277,7 @@ export declare const Command: React_2.ForwardRefExoticComponent<Omit<{
     vimBindings?: boolean;
 } & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => JSX.Element;
+export declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => JSX_2.Element;
 
 declare interface CommandDialogProps extends DialogProps {
 }
@@ -324,7 +344,7 @@ export declare const CommandSeparator: React_2.ForwardRefExoticComponent<Omit<Pi
 } & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const CommandShortcut: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
     displayName: string;
 };
 
@@ -360,7 +380,7 @@ export declare const ContextMenuRadioItem: React_2.ForwardRefExoticComponent<Omi
 export declare const ContextMenuSeparator: React_2.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const ContextMenuShortcut: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
     displayName: string;
 };
 
@@ -374,13 +394,20 @@ export declare const ContextMenuSubTrigger: React_2.ForwardRefExoticComponent<Om
 
 export declare const ContextMenuTrigger: React_2.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React_2.RefAttributes<HTMLSpanElement>>;
 
-export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, pageSize, }: DataTableProps<TData, TValue>): JSX.Element;
+export declare const CopyInput: React_2.ForwardRefExoticComponent<CopyInputProps & React_2.RefAttributes<HTMLInputElement>>;
+
+declare interface CopyInputProps extends React_2.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    value: string;
+}
+
+export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, pageSize, }: DataTableProps<TData, TValue>): JSX_2.Element;
 
 export declare function DataTableColumnHeader({ column, title, className, }: {
     column: any;
     title: string;
     className?: string;
-}): JSX.Element;
+}): JSX_2.Element;
 
 export declare interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -390,7 +417,7 @@ export declare interface DataTableProps<TData, TValue> {
     pageSize?: number;
 }
 
-export declare function DatePicker({ value, onChange, placeholder, disabled, className, }: DatePickerProps): JSX.Element;
+export declare function DatePicker({ value, onChange, placeholder, disabled, className, }: DatePickerProps): JSX_2.Element;
 
 export declare interface DatePickerProps {
     value?: Date;
@@ -409,12 +436,12 @@ export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<Dialo
 export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
 
 export declare const DialogFooter: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
     displayName: string;
 };
 
 export declare const DialogHeader: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
     displayName: string;
 };
 
@@ -451,7 +478,7 @@ export declare const DropdownMenuRadioItem: React_2.ForwardRefExoticComponent<Om
 export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
     displayName: string;
 };
 
@@ -465,7 +492,7 @@ export declare const DropdownMenuSubTrigger: React_2.ForwardRefExoticComponent<O
 
 export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare function EmptyState({ icon, title, description, action, className, }: EmptyStateProps): JSX.Element;
+export declare function EmptyState({ icon, title, description, action, className, }: EmptyStateProps): JSX_2.Element;
 
 export declare interface EmptyStateProps {
     icon?: React_2.ReactNode;
@@ -475,7 +502,7 @@ export declare interface EmptyStateProps {
     className?: string;
 }
 
-export declare function FileUpload({ accept, maxSize, multiple, onUpload, disabled, className, }: FileUploadProps): JSX.Element;
+export declare function FileUpload({ accept, maxSize, multiple, onUpload, disabled, className, }: FileUploadProps): JSX_2.Element;
 
 export declare interface FileUploadProps {
     accept?: string;
@@ -508,14 +535,16 @@ export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement
     gap?: number | string;
 }
 
-export declare function Heading({ className, level, as, children, ...props }: HeadingProps): JSX.Element;
+export declare const Header: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLElement> & React_2.RefAttributes<HTMLElement>>;
+
+export declare function Heading({ className, level, as, children, ...props }: HeadingProps): JSX_2.Element;
 
 export declare interface HeadingProps extends React_2.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 }
 
 export declare const headingVariants: (props?: ({
-    level?: 1 | 2 | 4 | 3 | 5 | 6 | null | undefined;
+    level?: 1 | 2 | 3 | 4 | 5 | 6 | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const HoverCard: React_2.FC<HoverCardPrimitive.HoverCardProps>;
@@ -528,16 +557,41 @@ export declare const HStack: React_2.ForwardRefExoticComponent<StackProps & Reac
 
 export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
 
-export declare type InputProps = React_2.InputHTMLAttributes<HTMLInputElement>;
+export declare interface InputProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
+}
+
+export declare const inputVariants: (props?: ({
+    variant?: "default" | "ghost" | "glow" | "filled" | null | undefined;
+    inputSize?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const JsonViewer: React_2.ForwardRefExoticComponent<JsonViewerProps & React_2.RefAttributes<HTMLPreElement>>;
+
+declare interface JsonViewerProps extends React_2.HTMLAttributes<HTMLPreElement> {
+    data: any;
+}
 
 export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ClassProp | undefined) => string> & React_2.RefAttributes<HTMLLabelElement>>;
 
-export declare function Lead({ className, ...props }: LeadProps): JSX.Element;
+export declare function Lead({ className, ...props }: LeadProps): JSX_2.Element;
 
 export declare interface LeadProps extends React_2.HTMLAttributes<HTMLParagraphElement> {
 }
 
-export declare function Muted({ className, ...props }: MutedProps): JSX.Element;
+export declare const Main: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLElement> & React_2.RefAttributes<HTMLElement>>;
+
+export declare function MetricCard({ title, value, description, trend, trendLabel, icon, className, ...props }: MetricCardProps): JSX_2.Element;
+
+declare interface MetricCardProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    value: string | number;
+    description?: string;
+    trend?: number;
+    trendLabel?: string;
+    icon?: React_2.ReactNode;
+}
+
+export declare function Muted({ className, ...props }: MutedProps): JSX_2.Element;
 
 export declare interface MutedProps extends React_2.HTMLAttributes<HTMLParagraphElement> {
 }
@@ -560,7 +614,7 @@ export declare const navigationMenuTriggerStyle: (props?: ClassProp | undefined)
 
 export declare const NavigationMenuViewport: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function NumberInput({ value, onChange, min, max, step, disabled, className, }: NumberInputProps): JSX.Element;
+export declare function NumberInput({ value, onChange, min, max, step, disabled, className, }: NumberInputProps): JSX_2.Element;
 
 export declare interface NumberInputProps {
     value?: number;
@@ -572,7 +626,7 @@ export declare interface NumberInputProps {
     className?: string;
 }
 
-export declare function OTPInput({ length, value, onChange, onComplete, disabled, className, }: OTPInputProps): JSX.Element;
+export declare function OTPInput({ length, value, onChange, onComplete, disabled, className, }: OTPInputProps): JSX_2.Element;
 
 export declare interface OTPInputProps {
     length?: number;
@@ -584,21 +638,21 @@ export declare interface OTPInputProps {
 }
 
 export declare const Pagination: {
-    ({ className, ...props }: React_2.ComponentProps<"nav">): JSX.Element;
+    ({ className, ...props }: React_2.ComponentProps<"nav">): JSX_2.Element;
     displayName: string;
 };
 
 export declare const PaginationContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
 
 export declare const PaginationEllipsis: {
-    ({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+    ({ className, ...props }: React_2.ComponentProps<"span">): JSX_2.Element;
     displayName: string;
 };
 
 export declare const PaginationItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
 
 export declare const PaginationLink: {
-    ({ className, isActive, size, ...props }: PaginationLinkProps): JSX.Element;
+    ({ className, isActive, size, ...props }: PaginationLinkProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -607,12 +661,12 @@ declare type PaginationLinkProps = {
 } & Pick<ButtonProps, "size"> & React_2.ComponentProps<"a">;
 
 export declare const PaginationNext: {
-    ({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
+    ({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX_2.Element;
     displayName: string;
 };
 
 export declare const PaginationPrevious: {
-    ({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
+    ({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX_2.Element;
     displayName: string;
 };
 
@@ -674,14 +728,14 @@ export { SheetDescription as DrawerDescription }
 export { SheetDescription }
 
 declare const SheetFooter: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
     displayName: string;
 };
 export { SheetFooter as DrawerFooter }
 export { SheetFooter }
 
 declare const SheetHeader: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
     displayName: string;
 };
 export { SheetHeader as DrawerHeader }
@@ -703,7 +757,9 @@ declare const sheetVariants: (props?: ({
     side?: "top" | "right" | "bottom" | "left" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+export declare const Sidebar: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
 
 export declare const Slider: React_2.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
 
@@ -712,7 +768,17 @@ export declare interface StackProps extends React_2.HTMLAttributes<HTMLDivElemen
     align?: "start" | "end" | "center" | "stretch";
 }
 
-export declare function Stepper({ steps, activeStep, orientation, className, }: StepperProps): JSX.Element;
+export declare function StatusBadge({ className, status, dot, children, ...props }: StatusBadgeProps): JSX_2.Element;
+
+export declare interface StatusBadgeProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusBadgeVariants> {
+    dot?: boolean;
+}
+
+declare const statusBadgeVariants: (props?: ({
+    status?: "error" | "success" | "neutral" | "warning" | "info" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Stepper({ steps, activeStep, orientation, className, }: StepperProps): JSX_2.Element;
 
 export declare interface StepperProps {
     steps: StepProps[];
@@ -752,7 +818,7 @@ export declare const TabsList: React_2.ForwardRefExoticComponent<Omit<TabsPrimit
 
 export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare function TagInput({ values, onChange, placeholder, disabled, className, maxTags, }: TagInputProps): JSX.Element;
+export declare function TagInput({ values, onChange, placeholder, disabled, className, maxTags, }: TagInputProps): JSX_2.Element;
 
 export declare interface TagInputProps {
     values?: string[];
@@ -763,7 +829,7 @@ export declare interface TagInputProps {
     maxTags?: number;
 }
 
-declare function Text_2({ className, size, weight, variant, leading, as: Tag, children, ...props }: TextProps): JSX.Element;
+declare function Text_2({ className, size, weight, variant, leading, as: Tag, children, ...props }: TextProps): JSX_2.Element;
 export { Text_2 as Text }
 
 export declare const Textarea: React_2.ForwardRefExoticComponent<TextareaProps & React_2.RefAttributes<HTMLTextAreaElement>>;
@@ -777,13 +843,23 @@ export declare interface TextProps extends VariantProps<typeof textVariants> {
 }
 
 export declare const textVariants: (props?: ({
-    size?: "sm" | "lg" | "base" | "xl" | "xs" | null | undefined;
+    size?: "sm" | "lg" | "xl" | "base" | "xs" | null | undefined;
     weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
     variant?: "default" | "destructive" | "muted" | "primary" | "success" | null | undefined;
     leading?: "normal" | "tight" | "relaxed" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function TimePicker({ value, onChange, is24Hour, disabled, className, }: TimePickerProps): JSX.Element;
+export declare const Timeline: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TimelineConnector: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TimelineContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TimelineIcon: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TimelineItem: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare function TimePicker({ value, onChange, is24Hour, disabled, className, }: TimePickerProps): JSX_2.Element;
 
 export declare interface TimePickerProps {
     value?: {
@@ -799,7 +875,7 @@ export declare interface TimePickerProps {
     className?: string;
 }
 
-export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
+export declare const Toaster: ({ ...props }: ToasterProps) => JSX_2.Element;
 
 declare type ToasterProps = React.ComponentProps<typeof Toaster_2>;