@akira-io/ui 1.1.0 → 1.2.0

package/dist/index.d.ts

@@ -1,17 +1,19 @@
 import { ClassValue } from 'clsx';
-import { S as SurfaceProps } from './language-Dgjr9bm3.js';
-export { c as controlFill, e as elevatedSurface, f as focusRing, m as menuHighlight, n as nestedEdgeToEdge, a as nestedRadius, b as nestedSurfaceReset, r as recessedSurface, s as surface } from './language-Dgjr9bm3.js';
+import { F as FlatSurfaceProps } from './language-Cv_N_53L.js';
+export { S as SurfaceProps, c as controlFill, e as elevatedSurface, f as focusRing, m as menuHighlight, n as nestedEdgeToEdge, a as nestedRadius, b as nestedSurfaceReset, r as recessedSurface, s as surface } from './language-Cv_N_53L.js';
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
+import { S as SlotNameProps, I as IconComponent } from './types-cmBL8zOc.js';
+export { C as Column, a as ColumnDef, F as FilterFn, L as LucideIcon, R as Row, T as TableInstance, U as UrlLike } from './types-cmBL8zOc.js';
+import { F as FloatingSheetLabels } from './context-OwSoVEri.js';
+export { B as Alert, E as AlertDescription, G as AlertLabels, H as AlertTitle, I as AppearanceToggle, J as AppearanceToggleLabels, K as AppearanceToggleProps, L as Combobox, M as ComboboxLabels, N as ComboboxOption, O as ComboboxProps, P as ConfirmDialog, Q as ConfirmDialogLabels, R as CopyButton, C as CopyButtonLabels, T as CopyButtonProps, V as DataTable, W as DataTableFacetedFilterLabels, X as DataTableFilter, Y as DataTableLabels, Z as DataTableRowAction, _ as DataTableServerFilter, $ as DatePicker, a0 as DatePickerLabels, a1 as DatePickerProps, a2 as DateRangeFilter, a3 as DateRangeFilterLabels, a4 as DateRangeFilterProps, a5 as FacetedFilter, a6 as PasswordInput, a7 as PasswordInputLabels, a8 as RowActionsMenu, a9 as SAVED_DURATION, aa as SaveStatus, ab as SaveStatusLabels, ac as SaveStatusProps, ad as SaveStatusState, ae as ServerFacetedFilter, U as UiLabelSections, v as UiLabels, w as UiLocaleProvider, af as alertDefaultLabels, ag as appearanceToggleDefaultLabels, ah as comboboxDefaultLabels, ai as confirmDialogDefaultLabels, aj as copyButtonLabels, ak as dataTableDefaultLabels, al as dataTableFacetedFilterDefaultLabels, am as datePickerDefaultLabels, an as dateRangeFilterDefaultLabels, ao as floatingSheetDefaultLabels, ap as passwordInputDefaultLabels, aq as saveStatusLabels, z as useUiLabels, A as useUiLocale } from './context-OwSoVEri.js';
 import { AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, HoverCard as HoverCard$1, Menubar as Menubar$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, Slider as Slider$1 } from 'radix-ui';
-import { B as Button } from './button-B6wQRe7p.js';
-export { a as ButtonProps, b as buttonVariants } from './button-B6wQRe7p.js';
-import { F as FloatingSheetLabels } from './context-VgHq4U98.js';
-export { B as AppearanceToggle, E as AppearanceToggleLabels, G as AppearanceToggleProps, H as Combobox, I as ComboboxLabels, J as ComboboxOption, K as ConfirmDialog, L as ConfirmDialogLabels, M as CopyButton, C as CopyButtonLabels, N as CopyButtonProps, O as DataTable, P as DataTableFacetedFilterLabels, Q as DataTableFilter, R as DataTableLabels, T as DataTableRowAction, V as DataTableServerFilter, W as DatePicker, X as DatePickerLabels, Y as DatePickerProps, Z as DateRangeFilter, _ as DateRangeFilterLabels, $ as FacetedFilter, a0 as RowActionsMenu, a1 as SAVED_DURATION, a2 as SaveStatus, a3 as SaveStatusLabels, a4 as SaveStatusProps, a5 as SaveStatusState, a6 as ServerFacetedFilter, U as UiLabelSections, v as UiLabels, w as UiLocaleProvider, a7 as appearanceToggleDefaultLabels, a8 as comboboxDefaultLabels, a9 as confirmDialogDefaultLabels, aa as copyButtonLabels, ab as dataTableDefaultLabels, ac as dataTableFacetedFilterDefaultLabels, ad as datePickerDefaultLabels, ae as dateRangeFilterDefaultLabels, af as floatingSheetDefaultLabels, ag as saveStatusLabels, z as useUiLabels, A as useUiLocale } from './context-VgHq4U98.js';
+import { B as Button } from './input-Dxnsxi-f.js';
+export { a as ButtonProps, I as Input, b as buttonVariants } from './input-Dxnsxi-f.js';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
 import { DayPicker, DayButton } from 'react-day-picker';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 import * as RechartsPrimitive from 'recharts';
@@ -22,19 +24,16 @@ import { Command as Command$1 } from 'cmdk';
 import { Drawer as Drawer$1 } from 'vaul';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { LucideIcon } from 'lucide-react';
-export { F as Field, a as FieldContextValue, b as FieldControl, c as FieldDescription, d as FieldGroup, e as FieldLabel, f as FieldLabels, g as FieldOrientation, L as Label, P as PasswordInput, h as PasswordInputLabels, u as useField } from './password-input-r39y2pCT.js';
+export { F as Field, a as FieldContextValue, b as FieldControl, c as FieldDescription, d as FieldGroup, e as FieldLabel, f as FieldLabels, g as FieldOrientation, L as Label, u as useField } from './field-DWm5NXeV.js';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { I as IconComponent } from './types-B4QS3h5p.js';
-export { C as Column, a as ColumnDef, F as FilterFn, L as LucideIcon, R as Row, T as TableInstance, U as UrlLike } from './types-B4QS3h5p.js';
-export { I as Input } from './input-4uxAHW6y.js';
 import * as input_otp from 'input-otp';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
-export { S as Separator, a as Sidebar, b as SidebarContent, c as SidebarFooter, d as SidebarGroup, e as SidebarGroupAction, f as SidebarGroupContent, g as SidebarGroupLabel, h as SidebarHeader, i as SidebarInput, j as SidebarInset, k as SidebarMenu, l as SidebarMenuAction, m as SidebarMenuBadge, n as SidebarMenuButton, o as SidebarMenuItem, p as SidebarMenuSkeleton, q as SidebarMenuSub, r as SidebarMenuSubButton, s as SidebarMenuSubItem, t as SidebarProvider, u as SidebarRail, v as SidebarSeparator, w as SidebarTrigger, T as Tooltip, x as TooltipContent, y as TooltipProvider, z as TooltipTrigger, A as useSidebar } from './sidebar-BhOIlSjt.js';
+export { S as Separator, a as Sidebar, b as SidebarContent, c as SidebarFooter, d as SidebarGroup, e as SidebarGroupAction, f as SidebarGroupContent, g as SidebarGroupLabel, h as SidebarHeader, i as SidebarInput, j as SidebarInset, k as SidebarMenu, l as SidebarMenuAction, m as SidebarMenuBadge, n as SidebarMenuButton, o as SidebarMenuItem, p as SidebarMenuSkeleton, q as SidebarMenuSub, r as SidebarMenuSubButton, s as SidebarMenuSubItem, t as SidebarProvider, u as SidebarRail, v as SidebarSeparator, w as SidebarTrigger, T as Tooltip, x as TooltipContent, y as TooltipProvider, z as TooltipTrigger, A as useSidebar } from './sidebar-Bp6Q46j-.js';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { ToasterProps } from 'sonner';
 export { toast } from 'sonner';
@@ -42,9 +41,9 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import './types-u1qfmJQi.js';
-import './json-viewer-BTHBACj9.js';
 import '@tanstack/react-table';
+import './types-u1qfmJQi.js';
+import './json-viewer-BARA2RCW.js';
 import '@radix-ui/react-slot';
 import '@radix-ui/react-separator';
 import '@radix-ui/react-tooltip';
@@ -78,59 +77,52 @@ declare function useConfirmDialog(): {
     ConfirmDialog: () => React$1.JSX.Element;
 };
 
-declare function Accordion({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): React$1.JSX.Element;
-declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare function Accordion({ className, slotName, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root> & SlotNameProps): React$1.JSX.Element;
+declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & SlotNameProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & SlotNameProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & SlotNameProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React$1.ComponentProps<'div'> & VariantProps<typeof alertVariants>): React$1.JSX.Element;
-declare function AlertTitle({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function AlertDescription({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-
-declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Root>): React$1.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Trigger>): React$1.JSX.Element;
-declare function AlertDialogPortal({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Portal>): React$1.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Overlay>): React$1.JSX.Element;
-declare function AlertDialogContent({ className, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Content> & {
+declare function AlertDialog({ slotName, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Root> & SlotNameProps): React$1.JSX.Element;
+declare function AlertDialogTrigger({ slotName, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Trigger> & SlotNameProps): React$1.JSX.Element;
+declare function AlertDialogPortal({ slotName, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Portal> & SlotNameProps): React$1.JSX.Element;
+declare function AlertDialogOverlay({ className, slotName, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Overlay> & SlotNameProps): React$1.JSX.Element;
+declare function AlertDialogContent({ className, size, slotName, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Content> & {
     size?: 'default' | 'sm';
-}): React$1.JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Title>): React$1.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Description>): React$1.JSX.Element;
-declare function AlertDialogMedia({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function AlertDialogAction({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Action> & Pick<React$1.ComponentProps<typeof Button>, 'variant' | 'size'>): React$1.JSX.Element;
-declare function AlertDialogCancel({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Cancel> & Pick<React$1.ComponentProps<typeof Button>, 'variant' | 'size'>): React$1.JSX.Element;
+} & SlotNameProps): React$1.JSX.Element;
+declare function AlertDialogHeader({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function AlertDialogFooter({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function AlertDialogTitle({ className, slotName, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Title> & SlotNameProps): React$1.JSX.Element;
+declare function AlertDialogDescription({ className, slotName, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Description> & SlotNameProps): React$1.JSX.Element;
+declare function AlertDialogMedia({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function AlertDialogAction({ className, variant, size, slotName, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Action> & Pick<React$1.ComponentProps<typeof Button>, 'variant' | 'size'> & SlotNameProps): React$1.JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, slotName, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Cancel> & Pick<React$1.ComponentProps<typeof Button>, 'variant' | 'size'> & SlotNameProps): React$1.JSX.Element;
 
-declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio$1.Root>): React$1.JSX.Element;
+declare function AspectRatio({ slotName, ...props }: React.ComponentProps<typeof AspectRatio$1.Root> & SlotNameProps): React$1.JSX.Element;
 
-declare function Avatar({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root>): React$1.JSX.Element;
-declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): React$1.JSX.Element;
-declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): React$1.JSX.Element;
+declare function Avatar({ className, slotName, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root> & SlotNameProps): React$1.JSX.Element;
+declare function AvatarImage({ className, slotName, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image> & SlotNameProps): React$1.JSX.Element;
+declare function AvatarFallback({ className, slotName, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback> & SlotNameProps): React$1.JSX.Element;
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Badge({ className, variant, asChild, ...props }: React$1.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+declare function Badge({ className, variant, asChild, slotName, ...props }: React$1.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
-}): React$1.JSX.Element;
+} & SlotNameProps): React$1.JSX.Element;
 
-declare function Breadcrumb({ ...props }: React$1.ComponentProps<'nav'>): React$1.JSX.Element;
-declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<'ol'>): React$1.JSX.Element;
-declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<'li'>): React$1.JSX.Element;
-declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<'a'> & {
+declare function Breadcrumb({ slotName, ...props }: React$1.ComponentProps<'nav'> & SlotNameProps): React$1.JSX.Element;
+declare function BreadcrumbList({ className, slotName, ...props }: React$1.ComponentProps<'ol'> & SlotNameProps): React$1.JSX.Element;
+declare function BreadcrumbItem({ className, slotName, ...props }: React$1.ComponentProps<'li'> & SlotNameProps): React$1.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, slotName, ...props }: React$1.ComponentProps<'a'> & {
     asChild?: boolean;
-}): React$1.JSX.Element;
-declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<'span'>): React$1.JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<'li'>): React$1.JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<'span'>): React$1.JSX.Element;
+} & SlotNameProps): React$1.JSX.Element;
+declare function BreadcrumbPage({ className, slotName, ...props }: React$1.ComponentProps<'span'> & SlotNameProps): React$1.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, slotName, ...props }: React$1.ComponentProps<'li'> & SlotNameProps): React$1.JSX.Element;
+declare function BreadcrumbEllipsis({ className, slotName, ...props }: React$1.ComponentProps<'span'> & SlotNameProps): React$1.JSX.Element;
 
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, slotName, ...props }: React$1.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React$1.ComponentProps<typeof Button>['variant'];
-}): React$1.JSX.Element;
+} & SlotNameProps): React$1.JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): React$1.JSX.Element;
 
 declare const cardVariants: (props?: ({
@@ -138,13 +130,13 @@ declare const cardVariants: (props?: ({
     interactive?: boolean | null | undefined;
     padding?: "sm" | "lg" | "none" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type CardProps = React$1.ComponentProps<'div'> & VariantProps<typeof cardVariants> & SurfaceProps;
-declare function Card({ className, variant, interactive, padding, inset, ...props }: CardProps): React$1.JSX.Element;
-declare function CardHeader({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function CardTitle({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function CardDescription({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function CardContent({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function CardFooter({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
+type CardProps = React$1.ComponentProps<'div'> & VariantProps<typeof cardVariants> & FlatSurfaceProps;
+declare function Card({ className, variant, interactive, padding, inset, flat, slotName, ...props }: CardProps & SlotNameProps): React$1.JSX.Element;
+declare function CardHeader({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function CardTitle({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function CardDescription({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function CardContent({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function CardFooter({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
 
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
@@ -156,11 +148,11 @@ type CarouselProps = {
     orientation?: 'horizontal' | 'vertical';
     setApi?: (api: CarouselApi) => void;
 };
-declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React$1.ComponentProps<'div'> & CarouselProps): React$1.JSX.Element;
-declare function CarouselContent({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function CarouselItem({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
-declare function CarouselNext({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, slotName, ...props }: React$1.ComponentProps<'div'> & CarouselProps & SlotNameProps): React$1.JSX.Element;
+declare function CarouselContent({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function CarouselItem({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, slotName, ...props }: React$1.ComponentProps<typeof Button> & SlotNameProps): React$1.JSX.Element;
+declare function CarouselNext({ className, variant, size, slotName, ...props }: React$1.ComponentProps<typeof Button> & SlotNameProps): React$1.JSX.Element;
 
 declare const THEMES: {
     readonly light: "";
@@ -177,14 +169,14 @@ type ChartConfig = Record<string, {
     color?: never;
     theme: Record<keyof typeof THEMES, string>;
 })>;
-declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React$1.ComponentProps<'div'> & {
+declare function ChartContainer({ id, className, children, config, initialDimension, slotName, ...props }: React$1.ComponentProps<'div'> & {
     config: ChartConfig;
     children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
     initialDimension?: {
         width: number;
         height: number;
     };
-}): React$1.JSX.Element;
+} & SlotNameProps): React$1.JSX.Element;
 declare const ChartStyle: ({ id, config }: {
     id: string;
     config: ChartConfig;
@@ -203,97 +195,97 @@ declare function ChartLegendContent({ className, hideIcon, payload, verticalAlig
     nameKey?: string;
 } & RechartsPrimitive.DefaultLegendContentProps): React$1.JSX.Element | null;
 
-declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): React$1.JSX.Element;
+declare function Checkbox({ className, slotName, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root> & SlotNameProps): React$1.JSX.Element;
 
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): React$1.JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): React$1.JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): React$1.JSX.Element;
+declare function Collapsible({ slotName, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root> & SlotNameProps): React$1.JSX.Element;
+declare function CollapsibleTrigger({ slotName, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger> & SlotNameProps): React$1.JSX.Element;
+declare function CollapsibleContent({ slotName, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent> & SlotNameProps): React$1.JSX.Element;
 
-declare function Dialog({ ...props }: React$1.ComponentProps<typeof Dialog$1.Root>): React$1.JSX.Element;
-declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof Dialog$1.Trigger>): React$1.JSX.Element;
-declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof Dialog$1.Portal>): React$1.JSX.Element;
-declare function DialogClose({ ...props }: React$1.ComponentProps<typeof Dialog$1.Close>): React$1.JSX.Element;
-declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Overlay>): React$1.JSX.Element;
+declare function Dialog({ slotName, ...props }: React$1.ComponentProps<typeof Dialog$1.Root> & SlotNameProps): React$1.JSX.Element;
+declare function DialogTrigger({ slotName, ...props }: React$1.ComponentProps<typeof Dialog$1.Trigger> & SlotNameProps): React$1.JSX.Element;
+declare function DialogPortal({ slotName, ...props }: React$1.ComponentProps<typeof Dialog$1.Portal> & SlotNameProps): React$1.JSX.Element;
+declare function DialogClose({ slotName, ...props }: React$1.ComponentProps<typeof Dialog$1.Close> & SlotNameProps): React$1.JSX.Element;
+declare function DialogOverlay({ className, slotName, ...props }: React$1.ComponentProps<typeof Dialog$1.Overlay> & SlotNameProps): React$1.JSX.Element;
 interface DialogContentProps extends React$1.ComponentProps<typeof Dialog$1.Content> {
     hideCloseButton?: boolean;
 }
-declare function DialogContent({ className, children, hideCloseButton, ...props }: DialogContentProps): React$1.JSX.Element;
-declare function DialogHeader({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function DialogFooter({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Title>): React$1.JSX.Element;
-declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Description>): React$1.JSX.Element;
+declare function DialogContent({ className, children, hideCloseButton, slotName, ...props }: DialogContentProps & SlotNameProps): React$1.JSX.Element;
+declare function DialogHeader({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function DialogFooter({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function DialogTitle({ className, slotName, ...props }: React$1.ComponentProps<typeof Dialog$1.Title> & SlotNameProps): React$1.JSX.Element;
+declare function DialogDescription({ className, slotName, ...props }: React$1.ComponentProps<typeof Dialog$1.Description> & SlotNameProps): React$1.JSX.Element;
 
-declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): React$1.JSX.Element;
+declare function Command({ className, slotName, ...props }: React$1.ComponentProps<typeof Command$1> & SlotNameProps): React$1.JSX.Element;
 declare function CommandDialog({ title, description, children, className, hideCloseButton, ...props }: React$1.ComponentProps<typeof Dialog> & {
     title?: string;
     description?: string;
     className?: string;
     hideCloseButton?: boolean;
 }): React$1.JSX.Element;
-declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): React$1.JSX.Element;
-declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): React$1.JSX.Element;
-declare function CommandEmpty({ className, children, ...props }: React$1.ComponentProps<typeof Command$1.Empty>): React$1.JSX.Element;
-declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): React$1.JSX.Element;
-declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): React$1.JSX.Element;
-declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): React$1.JSX.Element;
-declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<'span'>): React$1.JSX.Element;
-
-declare function ContextMenu({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Root>): React$1.JSX.Element;
-declare function ContextMenuTrigger({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Trigger>): React$1.JSX.Element;
-declare function ContextMenuGroup({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Group>): React$1.JSX.Element;
-declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Portal>): React$1.JSX.Element;
-declare function ContextMenuSub({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Sub>): React$1.JSX.Element;
-declare function ContextMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.RadioGroup>): React$1.JSX.Element;
-declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof ContextMenu$1.SubTrigger> & {
+declare function CommandInput({ className, slotName, ...props }: React$1.ComponentProps<typeof Command$1.Input> & SlotNameProps): React$1.JSX.Element;
+declare function CommandList({ className, slotName, ...props }: React$1.ComponentProps<typeof Command$1.List> & SlotNameProps): React$1.JSX.Element;
+declare function CommandEmpty({ className, children, slotName, ...props }: React$1.ComponentProps<typeof Command$1.Empty> & SlotNameProps): React$1.JSX.Element;
+declare function CommandGroup({ className, slotName, ...props }: React$1.ComponentProps<typeof Command$1.Group> & SlotNameProps): React$1.JSX.Element;
+declare function CommandSeparator({ className, slotName, ...props }: React$1.ComponentProps<typeof Command$1.Separator> & SlotNameProps): React$1.JSX.Element;
+declare function CommandItem({ className, slotName, ...props }: React$1.ComponentProps<typeof Command$1.Item> & SlotNameProps): React$1.JSX.Element;
+declare function CommandShortcut({ className, slotName, ...props }: React$1.ComponentProps<'span'> & SlotNameProps): React$1.JSX.Element;
+
+declare function ContextMenu({ slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Root> & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuTrigger({ slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Trigger> & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuGroup({ slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Group> & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuPortal({ slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Portal> & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuSub({ slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Sub> & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuRadioGroup({ slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.RadioGroup> & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.SubTrigger> & {
     inset?: boolean;
-}): React$1.JSX.Element;
-declare function ContextMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.SubContent>): React$1.JSX.Element;
-declare function ContextMenuContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Content>): React$1.JSX.Element;
-declare function ContextMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Item> & {
+} & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuSubContent({ className, slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.SubContent> & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuContent({ className, slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Content> & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Item> & {
     inset?: boolean;
     variant?: 'default' | 'destructive';
-}): React$1.JSX.Element;
-declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof ContextMenu$1.CheckboxItem>): React$1.JSX.Element;
-declare function ContextMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof ContextMenu$1.RadioItem>): React$1.JSX.Element;
-declare function ContextMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Label> & {
+} & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.CheckboxItem> & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuRadioItem({ className, children, slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.RadioItem> & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuLabel({ className, inset, slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Label> & {
     inset?: boolean;
-}): React$1.JSX.Element;
-declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Separator>): React$1.JSX.Element;
-declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<'span'>): React$1.JSX.Element;
-
-declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): React$1.JSX.Element;
-declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): React$1.JSX.Element;
-declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): React$1.JSX.Element;
-declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): React$1.JSX.Element;
-declare function DrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): React$1.JSX.Element;
-declare function DrawerContent({ className, children, ...props }: React$1.ComponentProps<typeof Drawer$1.Content>): React$1.JSX.Element;
-declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): React$1.JSX.Element;
-declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): React$1.JSX.Element;
-
-declare function DropdownMenu({ modal, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): React$1.JSX.Element;
-declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React$1.JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React$1.JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): React$1.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): React$1.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+} & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuSeparator({ className, slotName, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Separator> & SlotNameProps): React$1.JSX.Element;
+declare function ContextMenuShortcut({ className, slotName, ...props }: React$1.ComponentProps<'span'> & SlotNameProps): React$1.JSX.Element;
+
+declare function Drawer({ slotName, ...props }: React$1.ComponentProps<typeof Drawer$1.Root> & SlotNameProps): React$1.JSX.Element;
+declare function DrawerTrigger({ slotName, ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger> & SlotNameProps): React$1.JSX.Element;
+declare function DrawerPortal({ slotName, ...props }: React$1.ComponentProps<typeof Drawer$1.Portal> & SlotNameProps): React$1.JSX.Element;
+declare function DrawerClose({ slotName, ...props }: React$1.ComponentProps<typeof Drawer$1.Close> & SlotNameProps): React$1.JSX.Element;
+declare function DrawerOverlay({ className, slotName, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay> & SlotNameProps): React$1.JSX.Element;
+declare function DrawerContent({ className, children, slotName, ...props }: React$1.ComponentProps<typeof Drawer$1.Content> & SlotNameProps): React$1.JSX.Element;
+declare function DrawerHeader({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function DrawerFooter({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function DrawerTitle({ className, slotName, ...props }: React$1.ComponentProps<typeof Drawer$1.Title> & SlotNameProps): React$1.JSX.Element;
+declare function DrawerDescription({ className, slotName, ...props }: React$1.ComponentProps<typeof Drawer$1.Description> & SlotNameProps): React$1.JSX.Element;
+
+declare function DropdownMenu({ modal, slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root> & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuPortal({ slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal> & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuTrigger({ slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger> & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content> & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuGroup({ slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group> & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: 'default' | 'destructive';
-}): React$1.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React$1.JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React$1.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React$1.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+} & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuRadioGroup({ slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup> & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
     inset?: boolean;
-}): React$1.JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React$1.JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<'span'>): React$1.JSX.Element;
-declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React$1.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+} & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuSeparator({ className, slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator> & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuShortcut({ className, slotName, ...props }: React$1.ComponentProps<'span'> & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuSub({ slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub> & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean;
-}): React$1.JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React$1.JSX.Element;
+} & SlotNameProps): React$1.JSX.Element;
+declare function DropdownMenuSubContent({ className, slotName, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent> & SlotNameProps): React$1.JSX.Element;
 
 interface EmptyStateLabels {
     title: string;
@@ -307,27 +299,27 @@ interface EmptyStateProps {
     compact?: boolean;
     className?: string;
 }
-declare function EmptyState({ icon: Icon, title, description, actions, compact, className, }: EmptyStateProps): React$1.JSX.Element;
+declare function EmptyState({ icon: Icon, title, description, actions, compact, className, slotName, }: EmptyStateProps & SlotNameProps): React$1.JSX.Element;
 
 interface FieldErrorProps extends React$1.ComponentProps<'p'> {
     message?: string;
 }
-declare function FieldError({ message, className, ...props }: FieldErrorProps): React$1.JSX.Element | null;
+declare function FieldError({ message, className, slotName, ...props }: FieldErrorProps & SlotNameProps): React$1.JSX.Element | null;
 
-declare function FloatingSheetStack({ children, labels, }: {
+declare function FloatingSheetStack({ children, labels, slotName, }: {
     children: React$1.ReactNode;
     labels?: Partial<FloatingSheetLabels>;
-}): React$1.JSX.Element;
+} & SlotNameProps): React$1.JSX.Element;
 
-declare function FloatingSheet({ open, onOpenChange, title, description, persistent, className, children, ...props }: Omit<React$1.ComponentProps<'section'>, 'title'> & {
+declare function FloatingSheet({ open, onOpenChange, title, description, persistent, className, children, slotName, ...props }: Omit<React$1.ComponentProps<'section'>, 'title'> & {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     title: React$1.ReactNode;
     description?: React$1.ReactNode;
     persistent?: boolean;
-}): React$1.ReactPortal | null;
-declare function FloatingSheetBody({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function FloatingSheetFooter({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
+} & SlotNameProps): React$1.ReactPortal | null;
+declare function FloatingSheetBody({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function FloatingSheetFooter({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
 
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
@@ -343,7 +335,7 @@ declare const useFormField: () => {
     formDescriptionId: string;
     formMessageId: string;
 };
-declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & SlotNameProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
 declare const FormControl: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLElement> & {
     children?: React$1.ReactNode;
@@ -351,9 +343,9 @@ declare const FormControl: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAt
 declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 
-declare function HoverCard({ ...props }: React$1.ComponentProps<typeof HoverCard$1.Root>): React$1.JSX.Element;
-declare function HoverCardTrigger({ ...props }: React$1.ComponentProps<typeof HoverCard$1.Trigger>): React$1.JSX.Element;
-declare function HoverCardContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof HoverCard$1.Content>): React$1.JSX.Element;
+declare function HoverCard({ slotName, ...props }: React$1.ComponentProps<typeof HoverCard$1.Root> & SlotNameProps): React$1.JSX.Element;
+declare function HoverCardTrigger({ slotName, ...props }: React$1.ComponentProps<typeof HoverCard$1.Trigger> & SlotNameProps): React$1.JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, slotName, ...props }: React$1.ComponentProps<typeof HoverCard$1.Content> & SlotNameProps): React$1.JSX.Element;
 
 interface IconProps {
     iconNode?: IconComponent | null;
@@ -391,107 +383,107 @@ declare const InputOTP: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.Inp
 declare const InputOTPGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const InputOTPSlot: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     index: number;
-} & React$1.RefAttributes<HTMLDivElement>>;
+} & SlotNameProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-declare function Menubar({ className, ...props }: React$1.ComponentProps<typeof Menubar$1.Root>): React$1.JSX.Element;
-declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof Menubar$1.Menu>): React$1.JSX.Element;
-declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof Menubar$1.Group>): React$1.JSX.Element;
-declare function MenubarPortal({ ...props }: React$1.ComponentProps<typeof Menubar$1.Portal>): React$1.JSX.Element;
-declare function MenubarRadioGroup({ ...props }: React$1.ComponentProps<typeof Menubar$1.RadioGroup>): React$1.JSX.Element;
-declare function MenubarTrigger({ className, ...props }: React$1.ComponentProps<typeof Menubar$1.Trigger>): React$1.JSX.Element;
-declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React$1.ComponentProps<typeof Menubar$1.Content>): React$1.JSX.Element;
-declare function MenubarItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof Menubar$1.Item> & {
+declare function Menubar({ className, slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.Root> & SlotNameProps): React$1.JSX.Element;
+declare function MenubarMenu({ slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.Menu> & SlotNameProps): React$1.JSX.Element;
+declare function MenubarGroup({ slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.Group> & SlotNameProps): React$1.JSX.Element;
+declare function MenubarPortal({ slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.Portal> & SlotNameProps): React$1.JSX.Element;
+declare function MenubarRadioGroup({ slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.RadioGroup> & SlotNameProps): React$1.JSX.Element;
+declare function MenubarTrigger({ className, slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.Trigger> & SlotNameProps): React$1.JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.Content> & SlotNameProps): React$1.JSX.Element;
+declare function MenubarItem({ className, inset, variant, slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.Item> & {
     inset?: boolean;
     variant?: 'default' | 'destructive';
-}): React$1.JSX.Element;
-declare function MenubarCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof Menubar$1.CheckboxItem>): React$1.JSX.Element;
-declare function MenubarRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof Menubar$1.RadioItem>): React$1.JSX.Element;
-declare function MenubarLabel({ className, inset, ...props }: React$1.ComponentProps<typeof Menubar$1.Label> & {
+} & SlotNameProps): React$1.JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.CheckboxItem> & SlotNameProps): React$1.JSX.Element;
+declare function MenubarRadioItem({ className, children, slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.RadioItem> & SlotNameProps): React$1.JSX.Element;
+declare function MenubarLabel({ className, inset, slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.Label> & {
     inset?: boolean;
-}): React$1.JSX.Element;
-declare function MenubarSeparator({ className, ...props }: React$1.ComponentProps<typeof Menubar$1.Separator>): React$1.JSX.Element;
-declare function MenubarShortcut({ className, ...props }: React$1.ComponentProps<'span'>): React$1.JSX.Element;
-declare function MenubarSub({ ...props }: React$1.ComponentProps<typeof Menubar$1.Sub>): React$1.JSX.Element;
-declare function MenubarSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof Menubar$1.SubTrigger> & {
+} & SlotNameProps): React$1.JSX.Element;
+declare function MenubarSeparator({ className, slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.Separator> & SlotNameProps): React$1.JSX.Element;
+declare function MenubarShortcut({ className, slotName, ...props }: React$1.ComponentProps<'span'> & SlotNameProps): React$1.JSX.Element;
+declare function MenubarSub({ slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.Sub> & SlotNameProps): React$1.JSX.Element;
+declare function MenubarSubTrigger({ className, inset, children, slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.SubTrigger> & {
     inset?: boolean;
-}): React$1.JSX.Element;
-declare function MenubarSubContent({ className, ...props }: React$1.ComponentProps<typeof Menubar$1.SubContent>): React$1.JSX.Element;
+} & SlotNameProps): React$1.JSX.Element;
+declare function MenubarSubContent({ className, slotName, ...props }: React$1.ComponentProps<typeof Menubar$1.SubContent> & SlotNameProps): React$1.JSX.Element;
 
-declare function NavigationMenu({ className, children, viewport, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+declare function NavigationMenu({ className, children, viewport, slotName, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
     viewport?: boolean;
-}): React$1.JSX.Element;
-declare function NavigationMenuList({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): React$1.JSX.Element;
-declare function NavigationMenuItem({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): React$1.JSX.Element;
+} & SlotNameProps): React$1.JSX.Element;
+declare function NavigationMenuList({ className, slotName, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.List> & SlotNameProps): React$1.JSX.Element;
+declare function NavigationMenuItem({ className, slotName, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item> & SlotNameProps): React$1.JSX.Element;
 declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare function NavigationMenuTrigger({ className, children, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): React$1.JSX.Element;
-declare function NavigationMenuContent({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): React$1.JSX.Element;
-declare function NavigationMenuViewport({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): React$1.JSX.Element;
-declare function NavigationMenuLink({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): React$1.JSX.Element;
-declare function NavigationMenuIndicator({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): React$1.JSX.Element;
-
-declare function Pagination({ className, ...props }: React$1.ComponentProps<'nav'>): React$1.JSX.Element;
-declare function PaginationContent({ className, ...props }: React$1.ComponentProps<'ul'>): React$1.JSX.Element;
-declare function PaginationItem({ ...props }: React$1.ComponentProps<'li'>): React$1.JSX.Element;
+declare function NavigationMenuTrigger({ className, children, slotName, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger> & SlotNameProps): React$1.JSX.Element;
+declare function NavigationMenuContent({ className, slotName, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content> & SlotNameProps): React$1.JSX.Element;
+declare function NavigationMenuViewport({ className, slotName, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport> & SlotNameProps): React$1.JSX.Element;
+declare function NavigationMenuLink({ className, slotName, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link> & SlotNameProps): React$1.JSX.Element;
+declare function NavigationMenuIndicator({ className, slotName, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator> & SlotNameProps): React$1.JSX.Element;
+
+declare function Pagination({ className, slotName, ...props }: React$1.ComponentProps<'nav'> & SlotNameProps): React$1.JSX.Element;
+declare function PaginationContent({ className, slotName, ...props }: React$1.ComponentProps<'ul'> & SlotNameProps): React$1.JSX.Element;
+declare function PaginationItem({ slotName, ...props }: React$1.ComponentProps<'li'> & SlotNameProps): React$1.JSX.Element;
 type PaginationLinkProps = {
     isActive?: boolean;
 } & Pick<React$1.ComponentProps<typeof Button>, 'size'> & React$1.ComponentProps<'a'>;
-declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): React$1.JSX.Element;
+declare function PaginationLink({ className, isActive, size, slotName, ...props }: PaginationLinkProps & SlotNameProps): React$1.JSX.Element;
 declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): React$1.JSX.Element;
 declare function PaginationNext({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): React$1.JSX.Element;
-declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<'span'>): React$1.JSX.Element;
+declare function PaginationEllipsis({ className, slotName, ...props }: React$1.ComponentProps<'span'> & SlotNameProps): React$1.JSX.Element;
 
 interface PlaceholderPatternProps {
     className?: string;
 }
-declare function PlaceholderPattern({ className }: PlaceholderPatternProps): React$1.JSX.Element;
+declare function PlaceholderPattern({ className, slotName, }: PlaceholderPatternProps & SlotNameProps): React$1.JSX.Element;
 
 declare const Popover: React$1.FC<Popover$1.PopoverProps>;
 declare const PopoverTrigger: React$1.ForwardRefExoticComponent<Popover$1.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React$1.ForwardRefExoticComponent<Popover$1.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<Popover$1.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<Popover$1.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & SlotNameProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare function Progress({ className, value, ...props }: React$1.ComponentProps<typeof Progress$1.Root>): React$1.JSX.Element;
+declare function Progress({ className, value, slotName, ...props }: React$1.ComponentProps<typeof Progress$1.Root> & SlotNameProps): React$1.JSX.Element;
 
-declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Root>): React$1.JSX.Element;
-declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Item>): React$1.JSX.Element;
+declare function RadioGroup({ className, slotName, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Root> & SlotNameProps): React$1.JSX.Element;
+declare function RadioGroupItem({ className, slotName, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Item> & SlotNameProps): React$1.JSX.Element;
 
-declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): React$1.JSX.Element;
-declare function ResizablePanel({ ...props }: ResizablePrimitive.PanelProps): React$1.JSX.Element;
-declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
+declare function ResizablePanelGroup({ className, slotName, ...props }: ResizablePrimitive.GroupProps & SlotNameProps): React$1.JSX.Element;
+declare function ResizablePanel({ slotName, ...props }: ResizablePrimitive.PanelProps & SlotNameProps): React$1.JSX.Element;
+declare function ResizableHandle({ withHandle, className, slotName, ...props }: ResizablePrimitive.SeparatorProps & {
     withHandle?: boolean;
-}): React$1.JSX.Element;
-
-declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare function Select({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): React$1.JSX.Element;
-declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Group>): React$1.JSX.Element;
-declare function SelectValue({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value>): React$1.JSX.Element;
-declare function SelectTrigger({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger>): React$1.JSX.Element;
-declare function SelectContent({ className, children, position, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content>): React$1.JSX.Element;
-declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): React$1.JSX.Element;
-declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): React$1.JSX.Element;
-declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): React$1.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React$1.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React$1.JSX.Element;
-
-declare function Sheet({ preserveScroll, onOpenChange: onOpenChangeProp, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Root> & {
+} & SlotNameProps): React$1.JSX.Element;
+
+declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & SlotNameProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & SlotNameProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare function Select({ slotName, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root> & SlotNameProps): React$1.JSX.Element;
+declare function SelectGroup({ slotName, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Group> & SlotNameProps): React$1.JSX.Element;
+declare function SelectValue({ slotName, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value> & SlotNameProps): React$1.JSX.Element;
+declare function SelectTrigger({ className, children, slotName, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & SlotNameProps): React$1.JSX.Element;
+declare function SelectContent({ className, children, position, slotName, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content> & SlotNameProps): React$1.JSX.Element;
+declare function SelectLabel({ className, slotName, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label> & SlotNameProps): React$1.JSX.Element;
+declare function SelectItem({ className, children, slotName, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item> & SlotNameProps): React$1.JSX.Element;
+declare function SelectSeparator({ className, slotName, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator> & SlotNameProps): React$1.JSX.Element;
+declare function SelectScrollUpButton({ className, slotName, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton> & SlotNameProps): React$1.JSX.Element;
+declare function SelectScrollDownButton({ className, slotName, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton> & SlotNameProps): React$1.JSX.Element;
+
+declare function Sheet({ preserveScroll, onOpenChange: onOpenChangeProp, slotName, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Root> & {
     preserveScroll?: boolean;
-}): React$1.JSX.Element;
-declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): React$1.JSX.Element;
-declare function SheetClose({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Close>): React$1.JSX.Element;
-declare function SheetContent({ className, children, side, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
+} & SlotNameProps): React$1.JSX.Element;
+declare function SheetTrigger({ slotName, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Trigger> & SlotNameProps): React$1.JSX.Element;
+declare function SheetClose({ slotName, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Close> & SlotNameProps): React$1.JSX.Element;
+declare function SheetContent({ className, children, side, slotName, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
     side?: 'top' | 'right' | 'bottom' | 'left';
-}): React$1.JSX.Element;
-declare function SheetHeader({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function SheetFooter({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
-declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Title>): React$1.JSX.Element;
-declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Description>): React$1.JSX.Element;
+} & SlotNameProps): React$1.JSX.Element;
+declare function SheetHeader({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function SheetFooter({ className, slotName, ...props }: React$1.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
+declare function SheetTitle({ className, slotName, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Title> & SlotNameProps): React$1.JSX.Element;
+declare function SheetDescription({ className, slotName, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Description> & SlotNameProps): React$1.JSX.Element;
 
-declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function Skeleton({ className, slotName, ...props }: React.ComponentProps<'div'> & SlotNameProps): React$1.JSX.Element;
 
-declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof Slider$1.Root>): React$1.JSX.Element;
+declare function Slider({ className, defaultValue, value, min, max, slotName, ...props }: React$1.ComponentProps<typeof Slider$1.Root> & SlotNameProps): React$1.JSX.Element;
 
 declare const Toaster: ({ theme, ...props }: ToasterProps) => React$1.JSX.Element;
 
@@ -501,20 +493,20 @@ declare const spinnerVariants: (props?: ({
 interface SpinnerProps extends React$1.ComponentProps<'span'>, VariantProps<typeof spinnerVariants> {
     label?: string;
 }
-declare function Spinner({ className, label, size, ...props }: SpinnerProps): React$1.JSX.Element;
+declare function Spinner({ className, label, size, slotName, ...props }: SpinnerProps & SlotNameProps): React$1.JSX.Element;
 
 declare const statusBadgeVariants: (props?: ({
-    status?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
+    status?: "warning" | "info" | "neutral" | "success" | "danger" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type StatusBadgeStatus = NonNullable<VariantProps<typeof statusBadgeVariants>['status']>;
 interface StatusBadgeProps extends Omit<React$1.ComponentProps<typeof Badge>, 'variant'>, VariantProps<typeof statusBadgeVariants> {
     dot?: boolean;
 }
-declare function StatusBadge({ className, status, dot, children, ...props }: StatusBadgeProps): React$1.JSX.Element;
+declare function StatusBadge({ className, status, dot, children, slotName, ...props }: StatusBadgeProps & SlotNameProps): React$1.JSX.Element;
 
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & SlotNameProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
+declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & SlotNameProps & React$1.RefAttributes<HTMLTableElement>>;
 declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
 declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
 declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -523,10 +515,10 @@ declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttribu
 declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
 declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
 
-declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & SlotNameProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & SlotNameProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & SlotNameProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & SlotNameProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const textLinkVariants: (props?: ({
     variant?: "default" | "muted" | null | undefined;
@@ -534,17 +526,17 @@ declare const textLinkVariants: (props?: ({
 interface TextLinkProps extends React$1.ComponentProps<'a'>, VariantProps<typeof textLinkVariants> {
     asChild?: boolean;
 }
-declare function TextLink({ className, variant, asChild, ...props }: TextLinkProps): React$1.JSX.Element;
+declare function TextLink({ className, variant, asChild, slotName, ...props }: TextLinkProps & SlotNameProps): React$1.JSX.Element;
 
-declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLTextAreaElement> & React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & SlotNameProps, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): React$1.JSX.Element;
+declare function Toggle({ className, variant, size, slotName, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants> & SlotNameProps): React$1.JSX.Element;
 
-declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): React$1.JSX.Element;
-declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): React$1.JSX.Element;
+declare function ToggleGroup({ className, variant, size, children, slotName, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & SlotNameProps): React$1.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, slotName, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants> & SlotNameProps): React$1.JSX.Element;
 
-export { AUTOSAVE_DELAY, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, type AutosaveStatus, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, 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, EmptyState, type EmptyStateLabels, type EmptyStateProps, FieldError, FloatingSheet, FloatingSheetBody, FloatingSheetFooter, FloatingSheetLabels, FloatingSheetStack, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Icon, IconComponent, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, 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, PlaceholderPattern, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeProps, type StatusBadgeStatus, SurfaceProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TextLink, type TextLinkProps, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type UseAutosaveOptions, type UseAutosaveResult, type UseConfirmDialogOptions, badgeVariants, cardVariants, cn, emptyStateLabels, navigationMenuTriggerStyle, spinnerVariants, statusBadgeVariants, textLinkVariants, toggleVariants, useAutosave, useConfirmDialog, useFormField };
+export { AUTOSAVE_DELAY, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, type AutosaveStatus, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, 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, EmptyState, type EmptyStateLabels, type EmptyStateProps, FieldError, FloatingSheet, FloatingSheetBody, FloatingSheetFooter, FloatingSheetLabels, FloatingSheetStack, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Icon, IconComponent, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, 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, PlaceholderPattern, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, SlotNameProps, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeProps, type StatusBadgeStatus, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TextLink, type TextLinkProps, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type UseAutosaveOptions, type UseAutosaveResult, type UseConfirmDialogOptions, badgeVariants, cardVariants, cn, emptyStateLabels, navigationMenuTriggerStyle, spinnerVariants, statusBadgeVariants, textLinkVariants, toggleVariants, useAutosave, useConfirmDialog, useFormField };