@webstacks/ui 0.2.0 → 0.3.0

package/dist/index.d.cts

@@ -140,6 +140,52 @@ declare const BreadcrumbEllipsis: {
     displayName: string;
 };
 
+declare const boxVariants: (props?: ({
+    padding?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    paddingX?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    paddingY?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    paddingTop?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    paddingBottom?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    paddingStart?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    paddingEnd?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    margin?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    marginX?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    marginY?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    marginTop?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    marginBottom?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    marginStart?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    marginEnd?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    backgroundColor?: "default" | "subtle" | "inset" | null | undefined;
+    borderStyle?: "none" | "solid" | "dashed" | null | undefined;
+    borderRadius?: "small" | "none" | "medium" | "large" | "xlarge" | "full" | null | undefined;
+    borderColor?: "muted" | "default" | "subtle" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SpacingValue = "none" | "condensed" | "normal" | "spacious" | "extra-spacious";
+type MarginValue = SpacingValue | "auto";
+interface ResponsiveProp$3<T> {
+    narrow?: T;
+    regular?: T;
+    wide?: T;
+}
+interface BoxProps extends Omit<React$1.HTMLAttributes<HTMLElement>, "color">, Omit<VariantProps<typeof boxVariants>, "padding" | "paddingX" | "paddingY" | "paddingTop" | "paddingBottom" | "paddingStart" | "paddingEnd" | "margin" | "marginX" | "marginY" | "marginTop" | "marginBottom" | "marginStart" | "marginEnd"> {
+    as?: React$1.ElementType;
+    padding?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    paddingX?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    paddingY?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    paddingTop?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    paddingBottom?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    paddingStart?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    paddingEnd?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    margin?: MarginValue | ResponsiveProp$3<MarginValue>;
+    marginX?: MarginValue | ResponsiveProp$3<MarginValue>;
+    marginY?: MarginValue | ResponsiveProp$3<MarginValue>;
+    marginTop?: MarginValue | ResponsiveProp$3<MarginValue>;
+    marginBottom?: MarginValue | ResponsiveProp$3<MarginValue>;
+    marginStart?: MarginValue | ResponsiveProp$3<MarginValue>;
+    marginEnd?: MarginValue | ResponsiveProp$3<MarginValue>;
+}
+declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<HTMLElement>>;
+
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
@@ -149,6 +195,109 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+declare const gridVariants: (props?: ({
+    columns?: 2 | 1 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | null | undefined;
+    gap?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    gapX?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    gapY?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    align?: "center" | "start" | "end" | "baseline" | "stretch" | null | undefined;
+    justify?: "center" | "start" | "end" | "stretch" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ColumnValue = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface ResponsiveColumns {
+    narrow?: ColumnValue;
+    regular?: ColumnValue;
+    wide?: ColumnValue;
+}
+interface GridProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "columns">, Omit<VariantProps<typeof gridVariants>, "columns"> {
+    as?: React$1.ElementType;
+    columns?: ColumnValue | ResponsiveColumns;
+}
+declare const Grid: React$1.ForwardRefExoticComponent<GridProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const gridColumnVariants: (props?: ({
+    span?: 2 | 1 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | null | undefined;
+    start?: 2 | 1 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 13 | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SpanValue = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface ResponsiveSpan {
+    narrow?: SpanValue;
+    regular?: SpanValue;
+    wide?: SpanValue;
+}
+interface GridColumnProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "start">, Omit<VariantProps<typeof gridColumnVariants>, "span" | "start"> {
+    as?: React$1.ElementType;
+    span?: SpanValue | ResponsiveSpan;
+    start?: VariantProps<typeof gridColumnVariants>["start"];
+}
+declare const GridColumn: React$1.ForwardRefExoticComponent<GridColumnProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const headingVariants: (props?: ({
+    size?: 2 | 1 | "display" | 3 | 4 | 5 | 6 | "subhead-large" | "subhead-medium" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "heavy" | "extrabold" | "semibold" | "light" | "extralight" | null | undefined;
+    stretch?: "condensed" | "normal" | "expanded" | null | undefined;
+    letterSpacing?: "none" | "condensed" | "normal" | null | undefined;
+    align?: "center" | "start" | "end" | null | undefined;
+    variant?: "muted" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type HeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+type HeadingSize = "display" | 1 | 2 | 3 | 4 | 5 | 6 | "subhead-large" | "subhead-medium";
+interface ResponsiveProp$2<T> {
+    narrow?: T;
+    regular?: T;
+    wide?: T;
+}
+interface HeadingProps extends Omit<React$1.HTMLAttributes<HTMLHeadingElement>, "color">, Omit<VariantProps<typeof headingVariants>, "size" | "weight"> {
+    as?: HeadingTag;
+    size?: HeadingSize | ResponsiveProp$2<HeadingSize>;
+    weight?: VariantProps<typeof headingVariants>["weight"] | ResponsiveProp$2<NonNullable<VariantProps<typeof headingVariants>["weight"]>>;
+}
+declare const Heading: React$1.ForwardRefExoticComponent<HeadingProps & React$1.RefAttributes<HTMLHeadingElement>>;
+
+declare const textVariants: (props?: ({
+    size?: 400 | 100 | 200 | 300 | 500 | 600 | 700 | null | undefined;
+    variant?: "muted" | "default" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "heavy" | "extrabold" | "semibold" | "light" | "extralight" | null | undefined;
+    align?: "center" | "start" | "end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TextSize = 100 | 200 | 300 | 400 | 500 | 600 | 700;
+interface ResponsiveProp$1<T> {
+    narrow?: T;
+    regular?: T;
+    wide?: T;
+}
+interface TextProps extends Omit<React$1.HTMLAttributes<HTMLElement>, "color">, Omit<VariantProps<typeof textVariants>, "size" | "weight"> {
+    as?: React$1.ElementType;
+    size?: TextSize | ResponsiveProp$1<TextSize>;
+    weight?: VariantProps<typeof textVariants>["weight"] | ResponsiveProp$1<NonNullable<VariantProps<typeof textVariants>["weight"]>>;
+}
+declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLElement>>;
+
+declare const stackVariants: (props?: ({
+    direction?: "horizontal" | "vertical" | null | undefined;
+    gap?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    align?: "center" | "start" | "end" | "baseline" | "stretch" | null | undefined;
+    justify?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | null | undefined;
+    wrap?: boolean | null | undefined;
+    padding?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DirectionValue = "horizontal" | "vertical";
+type GapValue = "none" | "condensed" | "normal" | "spacious" | "extra-spacious";
+type AlignValue = "start" | "center" | "end" | "stretch" | "baseline";
+type JustifyValue = "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
+interface ResponsiveProp<T> {
+    narrow?: T;
+    regular?: T;
+    wide?: T;
+}
+interface StackProps extends Omit<React$1.HTMLAttributes<HTMLElement>, "dir">, Omit<VariantProps<typeof stackVariants>, "direction" | "gap" | "align" | "justify"> {
+    as?: React$1.ElementType;
+    direction?: DirectionValue | ResponsiveProp<DirectionValue>;
+    gap?: GapValue | ResponsiveProp<GapValue>;
+    align?: AlignValue | ResponsiveProp<AlignValue>;
+    justify?: JustifyValue | ResponsiveProp<JustifyValue>;
+}
+declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLElement>>;
+
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
 }): react_jsx_runtime.JSX.Element;
@@ -697,4 +846,4 @@ declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGrou
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster$1 as Sonner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toast, toggleVariants, useFormField, useIsMobile, useSidebar, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, GridColumn, type GridColumnProps, type GridProps, Heading, type HeadingProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster$1 as Sonner, Stack, type StackProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, boxVariants, buttonVariants, cn, gridColumnVariants, gridVariants, headingVariants, navigationMenuTriggerStyle, stackVariants, textVariants, toast, toggleVariants, useFormField, useIsMobile, useSidebar, useToast };

package/dist/index.d.ts

@@ -140,6 +140,52 @@ declare const BreadcrumbEllipsis: {
     displayName: string;
 };
 
+declare const boxVariants: (props?: ({
+    padding?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    paddingX?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    paddingY?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    paddingTop?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    paddingBottom?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    paddingStart?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    paddingEnd?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    margin?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    marginX?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    marginY?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    marginTop?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    marginBottom?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    marginStart?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    marginEnd?: "none" | "auto" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    backgroundColor?: "default" | "subtle" | "inset" | null | undefined;
+    borderStyle?: "none" | "solid" | "dashed" | null | undefined;
+    borderRadius?: "small" | "none" | "medium" | "large" | "xlarge" | "full" | null | undefined;
+    borderColor?: "muted" | "default" | "subtle" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SpacingValue = "none" | "condensed" | "normal" | "spacious" | "extra-spacious";
+type MarginValue = SpacingValue | "auto";
+interface ResponsiveProp$3<T> {
+    narrow?: T;
+    regular?: T;
+    wide?: T;
+}
+interface BoxProps extends Omit<React$1.HTMLAttributes<HTMLElement>, "color">, Omit<VariantProps<typeof boxVariants>, "padding" | "paddingX" | "paddingY" | "paddingTop" | "paddingBottom" | "paddingStart" | "paddingEnd" | "margin" | "marginX" | "marginY" | "marginTop" | "marginBottom" | "marginStart" | "marginEnd"> {
+    as?: React$1.ElementType;
+    padding?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    paddingX?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    paddingY?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    paddingTop?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    paddingBottom?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    paddingStart?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    paddingEnd?: SpacingValue | ResponsiveProp$3<SpacingValue>;
+    margin?: MarginValue | ResponsiveProp$3<MarginValue>;
+    marginX?: MarginValue | ResponsiveProp$3<MarginValue>;
+    marginY?: MarginValue | ResponsiveProp$3<MarginValue>;
+    marginTop?: MarginValue | ResponsiveProp$3<MarginValue>;
+    marginBottom?: MarginValue | ResponsiveProp$3<MarginValue>;
+    marginStart?: MarginValue | ResponsiveProp$3<MarginValue>;
+    marginEnd?: MarginValue | ResponsiveProp$3<MarginValue>;
+}
+declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<HTMLElement>>;
+
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
@@ -149,6 +195,109 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+declare const gridVariants: (props?: ({
+    columns?: 2 | 1 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | null | undefined;
+    gap?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    gapX?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    gapY?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    align?: "center" | "start" | "end" | "baseline" | "stretch" | null | undefined;
+    justify?: "center" | "start" | "end" | "stretch" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ColumnValue = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface ResponsiveColumns {
+    narrow?: ColumnValue;
+    regular?: ColumnValue;
+    wide?: ColumnValue;
+}
+interface GridProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "columns">, Omit<VariantProps<typeof gridVariants>, "columns"> {
+    as?: React$1.ElementType;
+    columns?: ColumnValue | ResponsiveColumns;
+}
+declare const Grid: React$1.ForwardRefExoticComponent<GridProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const gridColumnVariants: (props?: ({
+    span?: 2 | 1 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | null | undefined;
+    start?: 2 | 1 | 12 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 13 | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SpanValue = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface ResponsiveSpan {
+    narrow?: SpanValue;
+    regular?: SpanValue;
+    wide?: SpanValue;
+}
+interface GridColumnProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "start">, Omit<VariantProps<typeof gridColumnVariants>, "span" | "start"> {
+    as?: React$1.ElementType;
+    span?: SpanValue | ResponsiveSpan;
+    start?: VariantProps<typeof gridColumnVariants>["start"];
+}
+declare const GridColumn: React$1.ForwardRefExoticComponent<GridColumnProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const headingVariants: (props?: ({
+    size?: 2 | 1 | "display" | 3 | 4 | 5 | 6 | "subhead-large" | "subhead-medium" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "heavy" | "extrabold" | "semibold" | "light" | "extralight" | null | undefined;
+    stretch?: "condensed" | "normal" | "expanded" | null | undefined;
+    letterSpacing?: "none" | "condensed" | "normal" | null | undefined;
+    align?: "center" | "start" | "end" | null | undefined;
+    variant?: "muted" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type HeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+type HeadingSize = "display" | 1 | 2 | 3 | 4 | 5 | 6 | "subhead-large" | "subhead-medium";
+interface ResponsiveProp$2<T> {
+    narrow?: T;
+    regular?: T;
+    wide?: T;
+}
+interface HeadingProps extends Omit<React$1.HTMLAttributes<HTMLHeadingElement>, "color">, Omit<VariantProps<typeof headingVariants>, "size" | "weight"> {
+    as?: HeadingTag;
+    size?: HeadingSize | ResponsiveProp$2<HeadingSize>;
+    weight?: VariantProps<typeof headingVariants>["weight"] | ResponsiveProp$2<NonNullable<VariantProps<typeof headingVariants>["weight"]>>;
+}
+declare const Heading: React$1.ForwardRefExoticComponent<HeadingProps & React$1.RefAttributes<HTMLHeadingElement>>;
+
+declare const textVariants: (props?: ({
+    size?: 400 | 100 | 200 | 300 | 500 | 600 | 700 | null | undefined;
+    variant?: "muted" | "default" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "heavy" | "extrabold" | "semibold" | "light" | "extralight" | null | undefined;
+    align?: "center" | "start" | "end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TextSize = 100 | 200 | 300 | 400 | 500 | 600 | 700;
+interface ResponsiveProp$1<T> {
+    narrow?: T;
+    regular?: T;
+    wide?: T;
+}
+interface TextProps extends Omit<React$1.HTMLAttributes<HTMLElement>, "color">, Omit<VariantProps<typeof textVariants>, "size" | "weight"> {
+    as?: React$1.ElementType;
+    size?: TextSize | ResponsiveProp$1<TextSize>;
+    weight?: VariantProps<typeof textVariants>["weight"] | ResponsiveProp$1<NonNullable<VariantProps<typeof textVariants>["weight"]>>;
+}
+declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLElement>>;
+
+declare const stackVariants: (props?: ({
+    direction?: "horizontal" | "vertical" | null | undefined;
+    gap?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+    align?: "center" | "start" | "end" | "baseline" | "stretch" | null | undefined;
+    justify?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly" | null | undefined;
+    wrap?: boolean | null | undefined;
+    padding?: "none" | "condensed" | "normal" | "spacious" | "extra-spacious" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DirectionValue = "horizontal" | "vertical";
+type GapValue = "none" | "condensed" | "normal" | "spacious" | "extra-spacious";
+type AlignValue = "start" | "center" | "end" | "stretch" | "baseline";
+type JustifyValue = "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
+interface ResponsiveProp<T> {
+    narrow?: T;
+    regular?: T;
+    wide?: T;
+}
+interface StackProps extends Omit<React$1.HTMLAttributes<HTMLElement>, "dir">, Omit<VariantProps<typeof stackVariants>, "direction" | "gap" | "align" | "justify"> {
+    as?: React$1.ElementType;
+    direction?: DirectionValue | ResponsiveProp<DirectionValue>;
+    gap?: GapValue | ResponsiveProp<GapValue>;
+    align?: AlignValue | ResponsiveProp<AlignValue>;
+    justify?: JustifyValue | ResponsiveProp<JustifyValue>;
+}
+declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLElement>>;
+
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
 }): react_jsx_runtime.JSX.Element;
@@ -697,4 +846,4 @@ declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGrou
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster$1 as Sonner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toast, toggleVariants, useFormField, useIsMobile, useSidebar, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, GridColumn, type GridColumnProps, type GridProps, Heading, type HeadingProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster$1 as Sonner, Stack, type StackProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, boxVariants, buttonVariants, cn, gridColumnVariants, gridVariants, headingVariants, navigationMenuTriggerStyle, stackVariants, textVariants, toast, toggleVariants, useFormField, useIsMobile, useSidebar, useToast };