@yuva-devlab/ui 1.4.3 → 2.0.0

package/dist/index.d.cts

@@ -1,7 +1,8 @@
 import { ClassValue } from 'clsx';
+export { ClassValue } from 'clsx';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default from 'react';
+import React__default, { HTMLAttributes, 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';
@@ -44,11 +45,20 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 
 /**
- * Merges multiple Tailwind class names and conditionally applied class definitions.
- * Combines clsx dynamic toggling with tailwind-merge collision deduplication.
+ * Platform-native class name composer.
+ * Zero-overhead utility that joins class names and evaluates conditional expressions.
+ * Use for @layer dl-* semantic class composition.
+ *
+ * @param inputs - Class names, falsy conditionals, or arrays.
+ * @returns Clean joined class name string.
+ */
+declare function cx(...inputs: ClassValue[]): string;
+/**
+ * Canonical class name helper for components.
+ * Joins class names and filters falsy values.
  *
  * @param inputs - List of class names, conditional records, or arrays.
- * @returns Deduplicated, normalized CSS class string.
+ * @returns Clean joined CSS class string.
  */
 declare function cn(...inputs: ClassValue[]): string;
 
@@ -143,7 +153,7 @@ interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
  * @example
  * ```tsx
  * <Alert variant="destructive">
- *   <AlertCircle className="size-4" />
+ *   <AlertCircle />
  *   <AlertTitle>Authentication Failed</AlertTitle>
  *   <AlertDescription>
  *     Your session has expired. Please log in again to continue.
@@ -375,7 +385,6 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
 }
 /**
  * Primary interactive button component for triggering actions, submitting forms, or navigation.
- * Pure CSS with zero runtime Tailwind dependencies.
  *
  * @example
  * ```tsx
@@ -399,6 +408,7 @@ type CalendarProps = React$1.ComponentProps<typeof DayPicker> & {
 /**
  * Calendar component built on top of react-day-picker, supporting single,
  * multiple, and date-range selection modes.
+ * Pure CSS with scoped `.dl-calendar` design tokens.
  *
  * @example
  * ```tsx
@@ -408,11 +418,14 @@ type CalendarProps = React$1.ComponentProps<typeof DayPicker> & {
  *   mode="single"
  *   selected={date}
  *   onSelect={setDate}
- *   className="rounded-md border"
  * />
  * ```
  */
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+/**
+ * Custom day button for Calendar, properly forwarding DayButton props
+ * with theme-compliant border radius and active states.
+ */
 declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
 
 type CardProps = React$1.HTMLAttributes<HTMLDivElement>;
@@ -485,6 +498,7 @@ type CarouselContextProps = {
     canScrollPrev: boolean;
     canScrollNext: boolean;
 } & CarouselProps;
+declare const CarouselContext: React$1.Context<CarouselContextProps | null>;
 /**
  * Accesses the parent Carousel context.
  */
@@ -496,9 +510,8 @@ declare function useCarousel(): CarouselContextProps;
  * ```tsx
  * <Carousel>
  *   <CarouselContent>
- *     <CarouselItem className="basis-1/3">Slide 1</CarouselItem>
- *     <CarouselItem className="basis-1/3">Slide 2</CarouselItem>
- *     <CarouselItem className="basis-1/3">Slide 3</CarouselItem>
+ *     <CarouselItem>Slide 1</CarouselItem>
+ *     <CarouselItem>Slide 2</CarouselItem>
  *   </CarouselContent>
  *   <CarouselPrevious />
  *   <CarouselNext />
@@ -506,6 +519,7 @@ declare function useCarousel(): CarouselContextProps;
  * ```
  */
 declare const Carousel: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & React$1.RefAttributes<HTMLDivElement>>;
+
 type CarouselContentProps = React$1.HTMLAttributes<HTMLDivElement>;
 /**
  * Viewport and track container holding all carousel slides.
@@ -527,10 +541,14 @@ type CarouselNextProps = React$1.ComponentProps<typeof Button>;
  */
 declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
+/** Theme mappings for chart color resolution. */
 declare const THEMES: {
     readonly light: "";
     readonly dark: ".dark";
 };
+/**
+ * Configuration mapping series keys to colors, labels, and icons.
+ */
 type ChartConfig = {
     [k in string]: {
         label?: React$1.ReactNode;
@@ -543,35 +561,55 @@ type ChartConfig = {
         theme: Record<keyof typeof THEMES, string>;
     });
 };
+type ChartContextProps = {
+    config: ChartConfig;
+};
+declare const ChartContext: React$1.Context<ChartContextProps | null>;
+/**
+ * Accesses active chart series configuration from parent `<ChartContainer />`.
+ */
+declare function useChart(): ChartContextProps;
+/**
+ * Helper to extract item config from a Recharts payload.
+ */
+declare function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ({
+    label?: React$1.ReactNode;
+    icon?: React$1.ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})) | undefined;
+
 type ChartContainerProps = React$1.ComponentProps<"div"> & {
     /** Configuration mapping series keys to colors, labels, and icons */
     config: ChartConfig;
     /** Responsive chart content (Recharts element) */
     children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
 };
+/**
+ * Dynamic style block injecting CSS custom properties for chart color keys.
+ */
+declare const ChartStyle: ({ id, config, }: {
+    id: string;
+    config: ChartConfig;
+}) => react_jsx_runtime.JSX.Element | null;
 /**
  * Responsive wrapper for Recharts visualizations with CSS variable theming and unified legend/tooltip support.
  *
  * @example
  * ```tsx
- * const chartConfig = {
- *   desktop: { label: "Desktop", color: "var(--color-primary)" },
- *   mobile: { label: "Mobile", color: "var(--color-muted)" },
- * } satisfies ChartConfig;
- *
  * <ChartContainer config={chartConfig} className="min-h-[200px] w-full">
  *   <BarChart data={chartData}>
  *     <Bar dataKey="desktop" fill="var(--color-desktop)" radius={4} />
- *     <Bar dataKey="mobile" fill="var(--color-mobile)" radius={4} />
  *   </BarChart>
  * </ChartContainer>
  * ```
  */
 declare const ChartContainer: React$1.ForwardRefExoticComponent<Omit<ChartContainerProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const ChartStyle: ({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}) => react_jsx_runtime.JSX.Element | null;
+
 /**
  * Tooltip trigger component from Recharts.
  */
@@ -592,6 +630,7 @@ type ChartTooltipContentProps = React$1.ComponentProps<typeof RechartsPrimitive.
  * Standard content container rendered inside a `ChartTooltip`.
  */
 declare const ChartTooltipContent: React$1.ForwardRefExoticComponent<Omit<ChartTooltipContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 /**
  * Legend component from Recharts.
  */
@@ -611,15 +650,14 @@ type CheckboxProps = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.R
 /**
  * Accessible binary selection control built upon Radix UI Checkbox.
  * Supports checked, unchecked, and indeterminate states with smooth micro-animations.
- * Pure CSS with zero runtime Tailwind dependencies.
  *
  * @example
  * ```tsx
  * // Basic checkbox with associated label
- * <div className="flex items-center gap-2">
+ * <Flex align="center" gap="2">
  *   <Checkbox id="terms" checked={agreed} onCheckedChange={setAgreed} />
  *   <Label htmlFor="terms">Accept terms and conditions</Label>
- * </div>
+ * </Flex>
  *
  * // Disabled checkbox
  * <Checkbox disabled checked />
@@ -835,20 +873,6 @@ declare function ConfirmDialog({ open, onOpenChange, title, description, onConfi
 
 /**
  * Root ContextMenu container.
- *
- * @example
- * ```tsx
- * <ContextMenu>
- *   <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm">
- *     Right click here
- *   </ContextMenuTrigger>
- *   <ContextMenuContent>
- *     <ContextMenuItem>Back</ContextMenuItem>
- *     <ContextMenuItem>Forward</ContextMenuItem>
- *     <ContextMenuItem>Reload</ContextMenuItem>
- *   </ContextMenuContent>
- * </ContextMenu>
- * ```
  */
 declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
 /**
@@ -890,6 +914,7 @@ type ContextMenuContentProps = React$1.ComponentPropsWithoutRef<typeof ContextMe
  * Floating content panel containing context menu items.
  */
 declare const ContextMenuContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 type ContextMenuItemProps = React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
     inset?: boolean;
 };
@@ -959,7 +984,6 @@ interface DatePickerProps {
 /**
  * Accessible date picker component featuring an interactive popover calendar.
  * Formats dates safely in local timezone to prevent UTC day-shifting.
- * Pure CSS with zero runtime Tailwind dependencies.
  *
  * @example
  * ```tsx
@@ -1081,23 +1105,6 @@ declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<DialogPr
 
 /**
  * Root DropdownMenu container managing open/closed state.
- *
- * @example
- * ```tsx
- * <DropdownMenu>
- *   <DropdownMenuTrigger asChild>
- *     <Button variant="outline">Open Menu</Button>
- *   </DropdownMenuTrigger>
- *   <DropdownMenuContent>
- *     <DropdownMenuLabel>My Account</DropdownMenuLabel>
- *     <DropdownMenuSeparator />
- *     <DropdownMenuItem>Profile</DropdownMenuItem>
- *     <DropdownMenuItem>Settings</DropdownMenuItem>
- *     <DropdownMenuSeparator />
- *     <DropdownMenuItem>Logout</DropdownMenuItem>
- *   </DropdownMenuContent>
- * </DropdownMenu>
- * ```
  */
 declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 /**
@@ -1139,6 +1146,7 @@ type DropdownMenuContentProps = React$1.ComponentPropsWithoutRef<typeof Dropdown
  * Floating content panel containing dropdown menu items.
  */
 declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 type DropdownMenuItemProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
 };
@@ -1181,6 +1189,37 @@ declare const DropdownMenuShortcut: {
     displayName: string;
 };
 
+/**
+ * Properties for configuring the {@link EmptyState} component.
+ */
+interface EmptyStateProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Primary headline or title text */
+    readonly title: React$1.ReactNode;
+    /** Secondary explanatory description */
+    readonly description?: React$1.ReactNode;
+    /** Optional visual icon displayed in the central badge */
+    readonly icon?: React$1.ReactNode;
+    /** Primary action button or trigger node */
+    readonly action?: React$1.ReactNode;
+    /** Custom children rendered beneath the description */
+    readonly children?: React$1.ReactNode;
+}
+/**
+ * Universal EmptyState component displaying cybernetic or theme-adaptive placeholders
+ * when queries, tables, or collections yield zero entries.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState
+ *   icon={<Search />}
+ *   title="No results found"
+ *   description="Try adjusting your filters or search keywords."
+ *   action={<Button variant="outline">Reset filters</Button>}
+ * />
+ * ```
+ */
+declare const EmptyState: React$1.ForwardRefExoticComponent<EmptyStateProps & React$1.RefAttributes<HTMLDivElement>>;
+
 /**
  * Top-level form provider component wrapping react-hook-form.
  */
@@ -1246,7 +1285,6 @@ interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
 /**
  * Textual input control styled with design system tokens and scoped CSS.
  * Provides accessible focus states, logical padding, and seamless icon integration.
- * Zero Tailwind runtime dependencies.
  *
  * @example
  * ```tsx
@@ -1257,7 +1295,7 @@ interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
  * <Input
  *   type="search"
  *   placeholder="Search agents..."
- *   startIcon={<Search className="size-4" />}
+ *   startIcon={<Search />}
  * />
  *
  * // Password field with end visibility action
@@ -1278,7 +1316,6 @@ type InputOTPProps = React$1.ComponentPropsWithoutRef<typeof OTPInput>;
 /**
  * Accessible One-Time Password (OTP) input component with pin slots and fake carets.
  * Built upon the `input-otp` primitive with scoped token styling.
- * Zero Tailwind runtime dependencies.
  *
  * @example
  * ```tsx
@@ -1321,15 +1358,14 @@ interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimit
 /**
  * Accessible label component associated with input controls, checkboxes, or form fields.
  * Built upon Radix UI Label primitive with design token typography and disabled styling.
- * Zero Tailwind runtime dependencies.
  *
  * @example
  * ```tsx
  * // Associated with an Input via htmlFor
- * <div className="grid gap-1.5">
+ * <Stack gap="2">
  *   <Label htmlFor="email">Email address</Label>
  *   <Input id="email" type="email" placeholder="name@company.com" />
- * </div>
+ * </Stack>
  * ```
  */
 declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
@@ -1418,6 +1454,7 @@ type MenubarContentProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimit
  * Floating panel displaying items under a top-level `MenubarTrigger`.
  */
 declare const MenubarContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 type MenubarItemProps = React$1.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
     inset?: boolean;
 };
@@ -1471,7 +1508,7 @@ type NavigationMenuProps = React$1.ComponentPropsWithoutRef<typeof NavigationMen
  *     <NavigationMenuItem>
  *       <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>
  *       <NavigationMenuContent>
- *         <ul className="grid gap-3 p-6 md:w-[400px]">
+ *         <ul>
  *           <li><a href="/intro">Introduction</a></li>
  *           <li><a href="/install">Installation</a></li>
  *         </ul>
@@ -1624,11 +1661,11 @@ declare const Panel: React$1.ForwardRefExoticComponent<PanelProps & React$1.RefA
  *   <PopoverTrigger asChild>
  *     <Button variant="outline">Open Filters</Button>
  *   </PopoverTrigger>
- *   <PopoverContent align="start" className="w-80">
- *     <div className="grid gap-2">
- *       <h4 className="font-semibold text-sm">Filter Results</h4>
- *       <p className="text-xs text-muted-foreground">Adjust display criteria.</p>
- *     </div>
+ *   <PopoverContent align="start">
+ *     <Stack gap="2">
+ *       <h4>Filter Results</h4>
+ *       <p>Adjust display criteria.</p>
+ *     </Stack>
  *   </PopoverContent>
  * </Popover>
  * ```
@@ -1663,14 +1700,14 @@ type RadioGroupProps = React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimiti
  * @example
  * ```tsx
  * <RadioGroup defaultValue="monthly" onValueChange={setBillingCycle}>
- *   <div className="flex items-center gap-2">
+ *   <Flex align="center" gap="2">
  *     <RadioGroupItem value="monthly" id="r1" />
  *     <Label htmlFor="r1">Monthly Billing</Label>
- *   </div>
- *   <div className="flex items-center gap-2">
+ *   </Flex>
+ *   <Flex align="center" gap="2">
  *     <RadioGroupItem value="annual" id="r2" />
  *     <Label htmlFor="r2">Annual Billing (Save 20%)</Label>
- *   </div>
+ *   </Flex>
  * </RadioGroup>
  * ```
  */
@@ -1687,7 +1724,7 @@ type ResizablePanelGroupProps = React$1.ComponentProps<typeof Group>;
  *
  * @example
  * ```tsx
- * <ResizablePanelGroup direction="horizontal">
+ * <ResizablePanelGroup orientation="horizontal">
  *   <ResizablePanel defaultSize={50}>Left Content</ResizablePanel>
  *   <ResizableHandle withHandle />
  *   <ResizablePanel defaultSize={50}>Right Content</ResizablePanel>
@@ -1715,12 +1752,12 @@ type ScrollAreaProps = React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimiti
  *
  * @example
  * ```tsx
- * <ScrollArea className="h-72 w-48 rounded-md border">
- *   <div className="p-4">
+ * <ScrollArea>
+ *   <Box p="4">
  *     {items.map((item) => (
  *       <div key={item.id}>{item.name}</div>
  *     ))}
- *   </div>
+ *   </Box>
  * </ScrollArea>
  * ```
  */
@@ -1769,6 +1806,7 @@ interface SearchableSelectProps {
     /** Unique HTML id attribute */
     id?: string;
 }
+
 /**
  * Searchable select component with live filtering, keyboard navigation, option grouping,
  * and optional creation of new entries.
@@ -1839,14 +1877,14 @@ type SeparatorProps = React$1.ComponentPropsWithoutRef<typeof SeparatorPrimitive
  * @example
  * ```tsx
  * <div>
- *   <h4>Radix Primitives</h4>
- *   <p>An open-source UI component library.</p>
- *   <Separator className="my-4" />
- *   <div className="flex h-5 items-center space-x-4">
+ *   <h4>Primitives</h4>
+ *   <p>An enterprise UI component library.</p>
+ *   <Separator />
+ *   <Flex align="center" gap="4">
  *     <div>Blog</div>
  *     <Separator orientation="vertical" />
  *     <div>Docs</div>
- *   </div>
+ *   </Flex>
  * </div>
  * ```
  */
@@ -1867,7 +1905,7 @@ declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimiti
  *       <SheetTitle>Navigation Menu</SheetTitle>
  *       <SheetDescription>Explore workspace features.</SheetDescription>
  *     </SheetHeader>
- *     <div className="py-4">Sheet navigation links...</div>
+ *     <Box py="4">Sheet navigation links...</Box>
  *   </SheetContent>
  * </Sheet>
  * ```
@@ -1907,37 +1945,15 @@ declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive
 /** Accessible explanatory text for the sheet panel. */
 declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
-/** Global provider setting delay duration and hover behavior for all child Tooltips. */
-declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
+declare const SIDEBAR_COOKIE_MAX_AGE: number;
+declare const SIDEBAR_WIDTH = "16rem";
+declare const SIDEBAR_WIDTH_MOBILE = "18rem";
+declare const SIDEBAR_WIDTH_ICON = "3rem";
+declare const SIDEBAR_KEYBOARD_SHORTCUT = "b";
 /**
- * Root container for accessible hover/focus contextual tooltips.
- * Built upon Radix UI Tooltip.
- *
- * @example
- * ```tsx
- * <TooltipProvider>
- *   <Tooltip>
- *     <TooltipTrigger asChild>
- *       <Button variant="ghost" size="icon">
- *         <Info />
- *       </Button>
- *     </TooltipTrigger>
- *     <TooltipContent side="top">
- *       <p>Display telemetry details</p>
- *     </TooltipContent>
- *   </Tooltip>
- * </TooltipProvider>
- * ```
+ * Shape of the context provided by `SidebarProvider`.
  */
-declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
-/** Trigger element that displays the tooltip on hover or keyboard focus. */
-declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-type TooltipContentProps = React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
-/**
- * Floating tooltip content element styled with scoped `dl-tooltip` CSS tokens.
- */
-declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
 type SidebarContextProps = {
     state: "expanded" | "collapsed";
     open: boolean;
@@ -1947,10 +1963,16 @@ type SidebarContextProps = {
     isMobile: boolean;
     toggleSidebar: () => void;
 };
+declare const SidebarContext: React$1.Context<SidebarContextProps | null>;
 /**
  * Hook to access the parent Sidebar context state and controls.
+ *
+ * @throws Error if used outside of `SidebarProvider`.
  */
 declare function useSidebar(): SidebarContextProps;
+/**
+ * Props for `SidebarProvider`.
+ */
 type SidebarProviderProps = React$1.ComponentProps<"div"> & {
     /** Initial open state in uncontrolled mode (default: true) */
     defaultOpen?: boolean;
@@ -1965,81 +1987,51 @@ type SidebarProviderProps = React$1.ComponentProps<"div"> & {
  * @example
  * ```tsx
  * <SidebarProvider>
- *   <Sidebar>
- *     <SidebarHeader>My App</SidebarHeader>
- *     <SidebarContent>
- *       <SidebarMenu>
- *         <SidebarMenuItem>
- *           <SidebarMenuButton>Dashboard</SidebarMenuButton>
- *         </SidebarMenuItem>
- *       </SidebarMenu>
- *     </SidebarContent>
- *   </Sidebar>
- *   <SidebarInset>
- *     <header><SidebarTrigger /></header>
- *     <main>Main Page Content</main>
- *   </SidebarInset>
+ *   <Sidebar>...</Sidebar>
+ *   <SidebarInset>...</SidebarInset>
  * </SidebarProvider>
  * ```
  */
 declare const SidebarProvider: React$1.ForwardRefExoticComponent<Omit<SidebarProviderProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/** Props for `Sidebar`. */
 type SidebarProps = React$1.ComponentProps<"div"> & {
-    /** Side where the sidebar is positioned (default: "left") */
     side?: "left" | "right";
-    /** Sidebar variant style (default: "sidebar") */
     variant?: "sidebar" | "floating" | "inset";
-    /** Collapse behavior when toggled (default: "offcanvas") */
     collapsible?: "offcanvas" | "icon" | "none";
 };
 /**
  * Main collapsible navigation sidebar supporting floating, inset, desktop, and mobile sheet views.
  */
 declare const Sidebar: React$1.ForwardRefExoticComponent<Omit<SidebarProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-type SidebarTriggerProps = React$1.ComponentProps<typeof Button>;
-/**
- * Button trigger toggling sidebar collapsed/expanded state.
- */
-declare const SidebarTrigger: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Props for `SidebarRail`. */
 type SidebarRailProps = React$1.ComponentProps<"button">;
-/**
- * Hoverable/draggable rail divider on the edge of the sidebar for quick toggling.
- */
+/** Hoverable/draggable rail divider on the edge of the sidebar for quick toggling. */
 declare const SidebarRail: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Props for `SidebarInset`. */
 type SidebarInsetProps = React$1.ComponentProps<"main">;
-/**
- * Main application container when paired with an inset or standard sidebar.
- */
+/** Main application container when paired with an inset or standard sidebar. */
 declare const SidebarInset: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-type SidebarInputProps = React$1.ComponentProps<typeof Input>;
-/**
- * Styled text input tailored for use inside a sidebar header or filter bar.
- */
-declare const SidebarInput: React$1.ForwardRefExoticComponent<Omit<InputProps & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+/** Props for `SidebarHeader`. */
 type SidebarHeaderProps = React$1.ComponentProps<"div">;
-/**
- * Header section at the top of a sidebar.
- */
+/** Header section at the top of a sidebar. */
 declare const SidebarHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Props for `SidebarFooter`. */
 type SidebarFooterProps = React$1.ComponentProps<"div">;
-/**
- * Footer section pinned to the bottom of a sidebar.
- */
+/** Footer section pinned to the bottom of a sidebar. */
 declare const SidebarFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-type SidebarSeparatorProps = React$1.ComponentProps<typeof Separator>;
-/**
- * Divider separating sidebar sections.
- */
-declare const SidebarSeparator: React$1.ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Props for `SidebarContent`. */
 type SidebarContentProps = React$1.ComponentProps<"div">;
-/**
- * Scrollable middle container holding sidebar navigation groups.
- */
+/** Scrollable middle container holding sidebar navigation groups. */
 declare const SidebarContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/** Props for `SidebarGroup`. */
 type SidebarGroupProps = React$1.ComponentProps<"div">;
 /**
  * Section grouping related sidebar menu items.
  */
 declare const SidebarGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Props for `SidebarGroupLabel`. */
 type SidebarGroupLabelProps = React$1.ComponentProps<"div"> & {
     asChild?: boolean;
 };
@@ -2047,6 +2039,7 @@ type SidebarGroupLabelProps = React$1.ComponentProps<"div"> & {
  * Text heading or label for a `SidebarGroup`.
  */
 declare const SidebarGroupLabel: React$1.ForwardRefExoticComponent<Omit<SidebarGroupLabelProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Props for `SidebarGroupAction`. */
 type SidebarGroupActionProps = React$1.ComponentProps<"button"> & {
     asChild?: boolean;
 };
@@ -2054,73 +2047,118 @@ type SidebarGroupActionProps = React$1.ComponentProps<"button"> & {
  * Secondary action button placed beside a `SidebarGroupLabel` (e.g. "+" to add items).
  */
 declare const SidebarGroupAction: React$1.ForwardRefExoticComponent<Omit<SidebarGroupActionProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Props for `SidebarGroupContent`. */
 type SidebarGroupContentProps = React$1.ComponentProps<"div">;
 /**
  * Content container rendered inside a `SidebarGroup`.
  */
 declare const SidebarGroupContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-type SidebarMenuProps = React$1.ComponentProps<"ul">;
+
+/** Global provider setting delay duration and hover behavior for all child Tooltips. */
+declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
 /**
- * Vertical list (`<ul>`) holding sidebar menu items.
+ * Root container for accessible hover/focus contextual tooltips.
+ * Built upon Radix UI Tooltip.
+ *
+ * @example
+ * ```tsx
+ * <TooltipProvider>
+ *   <Tooltip>
+ *     <TooltipTrigger asChild>
+ *       <Button variant="ghost" size="icon">
+ *         <Info />
+ *       </Button>
+ *     </TooltipTrigger>
+ *     <TooltipContent side="top">
+ *       <p>Display telemetry details</p>
+ *     </TooltipContent>
+ *   </Tooltip>
+ * </TooltipProvider>
+ * ```
  */
-declare const SidebarMenu: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
-type SidebarMenuItemProps = React$1.ComponentProps<"li">;
+declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
+/** Trigger element that displays the tooltip on hover or keyboard focus. */
+declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+type TooltipContentProps = React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
 /**
- * List item (`<li>`) wrapper for a sidebar navigation button or link.
+ * Floating tooltip content element styled with scoped `dl-tooltip` CSS tokens.
  */
-declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/** Menu button variant styles. */
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+/** Props for `SidebarMenu`. */
+type SidebarMenuProps = React$1.ComponentProps<"ul">;
+/** Vertical list (`<ul>`) holding sidebar menu items. */
+declare const SidebarMenu: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+/** Props for `SidebarMenuItem`. */
+type SidebarMenuItemProps = React$1.ComponentProps<"li">;
+/** List item (`<li>`) wrapper for a sidebar navigation button or link. */
+declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+/** Props for `SidebarMenuButton`. */
 type SidebarMenuButtonProps = React$1.ComponentProps<"button"> & {
     asChild?: boolean;
     isActive?: boolean;
     tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
 } & VariantProps<typeof sidebarMenuButtonVariants>;
-/**
- * Interactive navigation button inside a sidebar menu item, with automatic tooltip in collapsed icon mode.
- */
+/** Interactive navigation button inside a sidebar menu item, with automatic tooltip in collapsed icon mode. */
 declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<SidebarMenuButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Props for `SidebarMenuAction`. */
 type SidebarMenuActionProps = React$1.ComponentProps<"button"> & {
     asChild?: boolean;
     showOnHover?: boolean;
 };
-/**
- * Secondary action button placed beside a sidebar menu button (e.g. "..." more options menu).
- */
+/** Secondary action button placed beside a sidebar menu button. */
 declare const SidebarMenuAction: React$1.ForwardRefExoticComponent<Omit<SidebarMenuActionProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Props for `SidebarMenuBadge`. */
 type SidebarMenuBadgeProps = React$1.ComponentProps<"div">;
-/**
- * Numeric or label badge placed on the right side of a sidebar menu button.
- */
+/** Numeric or label badge placed on the right side of a sidebar menu button. */
 declare const SidebarMenuBadge: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/** Props for `SidebarMenuSkeleton`. */
 type SidebarMenuSkeletonProps = React$1.ComponentProps<"div"> & {
     showIcon?: boolean;
 };
-/**
- * Loading skeleton placeholder simulating a sidebar menu item.
- */
+/** Loading skeleton placeholder simulating a sidebar menu item. */
 declare const SidebarMenuSkeleton: React$1.ForwardRefExoticComponent<Omit<SidebarMenuSkeletonProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Props for `SidebarMenuSub`. */
 type SidebarMenuSubProps = React$1.ComponentProps<"ul">;
-/**
- * Nested sub-list container for hierarchical sidebar navigation.
- */
+/** Nested sub-list container for hierarchical sidebar navigation. */
 declare const SidebarMenuSub: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+/** Props for `SidebarMenuSubItem`. */
 type SidebarMenuSubItemProps = React$1.ComponentProps<"li">;
-/**
- * Nested item wrapper inside a `SidebarMenuSub`.
- */
+/** Nested item wrapper inside a `SidebarMenuSub`. */
 declare const SidebarMenuSubItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+/** Props for `SidebarMenuSubButton`. */
 type SidebarMenuSubButtonProps = React$1.ComponentProps<"a"> & {
     asChild?: boolean;
     size?: "sm" | "md";
     isActive?: boolean;
 };
+/** Navigation button/link inside a nested `SidebarMenuSub` tree. */
+declare const SidebarMenuSubButton: React$1.ForwardRefExoticComponent<Omit<SidebarMenuSubButtonProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+
+/** Props for `SidebarTrigger`. */
+type SidebarTriggerProps = React$1.ComponentProps<typeof Button>;
 /**
- * Navigation button/link inside a nested `SidebarMenuSub` tree.
+ * Button trigger toggling sidebar collapsed/expanded state.
  */
-declare const SidebarMenuSubButton: React$1.ForwardRefExoticComponent<Omit<SidebarMenuSubButtonProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const SidebarTrigger: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+/** Props for `SidebarSeparator`. */
+type SidebarSeparatorProps = React$1.ComponentProps<typeof Separator>;
+/**
+ * Divider separating sidebar sections.
+ */
+declare const SidebarSeparator: React$1.ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/** Props for `SidebarInput`. */
+type SidebarInputProps = React$1.ComponentProps<typeof Input>;
+/**
+ * Styled text input tailored for use inside a sidebar header or filter bar.
+ */
+declare const SidebarInput: React$1.ForwardRefExoticComponent<Omit<InputProps & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
 type SkeletonProps = React$1.HTMLAttributes<HTMLDivElement>;
 /**
@@ -2128,13 +2166,13 @@ type SkeletonProps = React$1.HTMLAttributes<HTMLDivElement>;
  *
  * @example
  * ```tsx
- * <div className="flex items-center space-x-4">
- *   <Skeleton className="h-12 w-12 rounded-full" />
- *   <div className="space-y-2">
- *     <Skeleton className="h-4 w-[250px]" />
- *     <Skeleton className="h-4 w-[200px]" />
- *   </div>
- * </div>
+ * <Flex align="center" gap="4">
+ *   <Skeleton variant="circle" />
+ *   <Stack gap="2">
+ *     <Skeleton />
+ *     <Skeleton />
+ *   </Stack>
+ * </Flex>
  * ```
  */
 declare function Skeleton({ className, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
@@ -2143,7 +2181,6 @@ type SliderProps = React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
 /**
  * Interactive slider component for selecting single numeric values or continuous ranges.
  * Built upon Radix UI Slider with scoped CSS track and thumb styling.
- * Zero Tailwind runtime dependencies.
  *
  * @example
  * ```tsx
@@ -2223,7 +2260,6 @@ type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root
 /**
  * Interactive toggle control that allows users to switch between on and off states.
  * Powered by Radix UI Switch primitive with scoped CSS transitions and token styling.
- * Zero Tailwind runtime dependencies.
  *
  * @example
  * ```tsx
@@ -2337,7 +2373,6 @@ type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement>;
 /**
  * Multi-line text field styled with design system tokens and scoped CSS.
  * Provides accessible focus states, vertical resizing, and clean error integration.
- * Zero Tailwind runtime dependencies.
  *
  * @example
  * ```tsx
@@ -2366,7 +2401,7 @@ type ToggleProps = React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>
  * @example
  * ```tsx
  * <Toggle aria-label="Toggle italic">
- *   <Italic className="size-4" />
+ *   <Italic />
  * </Toggle>
  * ```
  */
@@ -2383,10 +2418,10 @@ type ToggleGroupProps = React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimi
  * ```tsx
  * <ToggleGroup type="multiple">
  *   <ToggleGroupItem value="bold" aria-label="Toggle bold">
- *     <Bold className="size-4" />
+ *     <Bold />
  *   </ToggleGroupItem>
  *   <ToggleGroupItem value="italic" aria-label="Toggle italic">
- *     <Italic className="size-4" />
+ *     <Italic />
  *   </ToggleGroupItem>
  * </ToggleGroup>
  * ```
@@ -2478,4 +2513,434 @@ interface SecretRevealCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
  */
 declare const SecretRevealCard: React$1.ForwardRefExoticComponent<SecretRevealCardProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, AspectRatio, type AspectRatioProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, type Brand, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, Calendar, CalendarDayButton, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, type ChartConfig, ChartContainer, type ChartContainerProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, ConfigProvider, type ConfigProviderProps, ConfirmDialog, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, CopyButton, type CopyButtonProps, DatePicker, type DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, type InputProps, Label, type LabelProps, LoadingState, type LoadingStateProps, Menubar, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, MenubarPortal, type MenubarProps, MenubarRadioGroup, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps, MetricCard, type MetricCardProps, MetricsGrid, type MetricsGridProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, Panel, type PanelProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, SecretRevealCard, type SecretRevealCardProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, type SidebarMenuBadgeProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, Skeleton, type SkeletonProps, Slider, type SliderProps, StatusBadge, type StatusBadgeProps, StatusChip, type StatusChipProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, type ToastTheme, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, buttonVariants, cn, labelVariants, navigationMenuTriggerStyle, sheetVariants, toggleVariants, useCarousel, useConfig, useFormField, useIsMobile, useSidebar, useTheme };
+/**
+ * @file typography.types.ts
+ * @description Type definitions and prop contracts for Heading and Text typography primitives.
+ */
+
+/**
+ * Supported heading HTML tag elements for semantic hierarchy.
+ */
+type HeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "div";
+/**
+ * Typographic visual size levels corresponding to the design token scale.
+ */
+type HeadingSize = "display" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+/**
+ * Text element tags for semantic markup.
+ */
+type TextTag = "p" | "span" | "div" | "label" | "small" | "strong" | "em" | "code";
+/**
+ * Body and inline text scale variants.
+ */
+type TextVariant = "body-lg" | "body" | "body-sm" | "caption" | "code" | "metric";
+/**
+ * Typographic color semantics mapped to design tokens.
+ */
+type TypographyColor = "default" | "muted" | "subtle" | "primary" | "destructive" | "warning" | "success" | "info";
+/**
+ * Text alignment options.
+ */
+type TypographyAlign = "left" | "center" | "right";
+/**
+ * Font weight overrides.
+ */
+type TypographyWeight = "normal" | "medium" | "semibold" | "bold" | "extrabold";
+/**
+ * Props for the Heading component.
+ */
+interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * The underlying HTML element tag rendered in the DOM for accessibility and SEO.
+     * Allows decoupling semantic hierarchy (e.g. `as="h1"`) from visual appearance (e.g. `size="h3"`).
+     * @default Matching the `size` prop if h1-h6, otherwise "h2"
+     */
+    readonly as?: HeadingTag;
+    /**
+     * The visual size styling applied to the heading from the design scale.
+     * @default "h2"
+     */
+    readonly size?: HeadingSize;
+    /**
+     * Semantic color variant.
+     * @default "default"
+     */
+    readonly color?: TypographyColor;
+    /**
+     * Explicit font-weight override.
+     */
+    readonly weight?: TypographyWeight;
+    /**
+     * Horizontal text alignment.
+     * @default "left"
+     */
+    readonly align?: TypographyAlign;
+    /**
+     * Whether to truncate long text with an ellipsis on a single line.
+     * @default false
+     */
+    readonly truncate?: boolean;
+    /**
+     * Additional custom CSS classes.
+     */
+    readonly className?: string;
+    /**
+     * Heading content.
+     */
+    readonly children?: ReactNode;
+}
+/**
+ * Props for the Text component.
+ */
+interface TextProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * The underlying HTML element tag rendered in the DOM.
+     * @default "p"
+     */
+    readonly as?: TextTag;
+    /**
+     * Visual typography variant from the token scale.
+     * @default "body"
+     */
+    readonly variant?: TextVariant;
+    /**
+     * Semantic color variant.
+     * @default "default"
+     */
+    readonly color?: TypographyColor;
+    /**
+     * Explicit font-weight override.
+     */
+    readonly weight?: TypographyWeight;
+    /**
+     * Horizontal text alignment.
+     * @default "left"
+     */
+    readonly align?: TypographyAlign;
+    /**
+     * Whether to truncate long text with an ellipsis on a single line.
+     * @default false
+     */
+    readonly truncate?: boolean;
+    /**
+     * Additional custom CSS classes.
+     */
+    readonly className?: string;
+    /**
+     * Text content.
+     */
+    readonly children?: ReactNode;
+}
+
+/**
+ * Heading primitive component.
+ *
+ * Allows developers to decouple semantic accessibility (`as="h1"`) from visual
+ * design styling (`size="h3"`), ensuring 100% SEO/a11y compliance without breaking layouts.
+ *
+ * @example
+ * ```tsx
+ * // Visual h3 styling but semantic h1 tag in document outline
+ * <Heading as="h1" size="h3">Financial Overview</Heading>
+ *
+ * // Standard display heading
+ * <Heading size="display" color="primary">Hero Headline</Heading>
+ * ```
+ */
+declare const Heading: React$1.ForwardRefExoticComponent<HeadingProps & React$1.RefAttributes<HTMLHeadingElement>>;
+
+/**
+ * Text primitive component.
+ *
+ * Provides standardized body, caption, code, and metric formatting consuming
+ * centralized design tokens across all brands.
+ *
+ * @example
+ * ```tsx
+ * <Text variant="body-sm" color="muted">Updated 2 minutes ago</Text>
+ * <Text as="span" variant="metric" color="success">+18.4%</Text>
+ * ```
+ */
+declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLElement>>;
+
+/**
+ * Visual padding scale tokens mapped to semantic spacing CSS variables.
+ */
+type BoxPadding = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10;
+/**
+ * Border radius scale tokens mapped to brand radius CSS variables.
+ */
+type BoxRadius = "none" | "sm" | "md" | "lg" | "xl" | "full";
+/**
+ * Elevation shadow scale tokens.
+ */
+type BoxShadow = "none" | "sm" | "md" | "lg" | "glass";
+/**
+ * Props for the polymorphic Box layout primitive.
+ */
+interface BoxProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, delegates rendering to the direct child element via Radix Slot.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * HTML element type to render.
+     * @default "div"
+     */
+    as?: React$1.ElementType;
+    /**
+     * Internal padding token mapped to --space-* CSS variables.
+     */
+    p?: BoxPadding;
+    /**
+     * Horizontal padding token mapped to --space-* CSS variables.
+     */
+    px?: BoxPadding;
+    /**
+     * Vertical padding token mapped to --space-* CSS variables.
+     */
+    py?: BoxPadding;
+    /**
+     * Border radius token mapped to --radius-* CSS variables.
+     */
+    radius?: BoxRadius;
+    /**
+     * Elevation shadow token.
+     */
+    shadow?: BoxShadow;
+    /**
+     * Whether to render a default 1px border using var(--border).
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * Background surface token.
+     */
+    bg?: "background" | "card" | "surface" | "surface-2" | "muted" | "transparent";
+}
+/**
+ * Primitive bounding Box component for structured spacing, borders, and surfaces.
+ *
+ * @example
+ * ```tsx
+ * <Box p="6" bg="card" border radius="lg" shadow="md">
+ *   <p>Card Content</p>
+ * </Box>
+ * ```
+ */
+declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Flexbox direction options.
+ */
+type FlexDirection = "row" | "row-reverse" | "col" | "col-reverse";
+/**
+ * Flexbox content alignment options along the main axis.
+ */
+type FlexJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
+/**
+ * Flexbox item alignment options along the cross axis.
+ */
+type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline";
+/**
+ * Spacing gap scale tokens mapped to --space-* CSS variables.
+ */
+type LayoutGap = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10;
+/**
+ * Props for the Flex layout primitive.
+ */
+interface FlexProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, delegates rendering to the direct child element via Radix Slot.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * HTML element type to render.
+     * @default "div"
+     */
+    as?: React$1.ElementType;
+    /**
+     * Flex direction.
+     * @default "row"
+     */
+    direction?: FlexDirection;
+    /**
+     * Main axis alignment (justify-content).
+     */
+    justify?: FlexJustify;
+    /**
+     * Cross axis alignment (align-items).
+     */
+    align?: FlexAlign;
+    /**
+     * Flex wrap behavior.
+     * @default false
+     */
+    wrap?: boolean | "wrap" | "nowrap" | "reverse";
+    /**
+     * Gap spacing token mapped to --space-*.
+     */
+    gap?: LayoutGap;
+    /**
+     * Whether to display as inline-flex.
+     * @default false
+     */
+    inline?: boolean;
+}
+/**
+ * Polymorphic Flex container component for fluid 1-dimensional layouts.
+ *
+ * @example
+ * ```tsx
+ * <Flex justify="between" align="center" gap="4">
+ *   <span>Title</span>
+ *   <Button size="sm">Action</Button>
+ * </Flex>
+ * ```
+ */
+declare const Flex: React$1.ForwardRefExoticComponent<FlexProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Direction orientation for Stack flow.
+ */
+type StackDirection = "col" | "row";
+/**
+ * Alignment options for Stack items.
+ */
+type StackAlign = "start" | "center" | "end" | "stretch" | "baseline";
+/**
+ * Props for the Stack layout primitive.
+ */
+interface StackProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, delegates rendering to the direct child element via Radix Slot.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * HTML element type to render.
+     * @default "div"
+     */
+    as?: React$1.ElementType;
+    /**
+     * Flow orientation of the stack items.
+     * @default "col"
+     */
+    direction?: StackDirection;
+    /**
+     * Spacing gap token mapped to --space-* CSS variables.
+     * @default "3"
+     */
+    gap?: LayoutGap;
+    /**
+     * Alignment along the cross axis.
+     * @default "stretch"
+     */
+    align?: StackAlign;
+}
+/**
+ * High-velocity Stack layout primitive for structured vertical or horizontal flows.
+ *
+ * @example
+ * ```tsx
+ * <Stack direction="col" gap="4">
+ *   <Input label="Name" />
+ *   <Input label="Email" />
+ *   <Button>Submit</Button>
+ * </Stack>
+ * ```
+ */
+declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Grid column counts (1 through 12).
+ */
+type GridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+/**
+ * Props for the Grid layout primitive.
+ */
+interface GridProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, delegates rendering to the direct child element via Radix Slot.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * HTML element type to render.
+     * @default "div"
+     */
+    as?: React$1.ElementType;
+    /**
+     * Number of uniform columns, or an auto-fit minItemWidth (e.g. "280px").
+     * @default 1
+     */
+    cols?: GridColumns | string;
+    /**
+     * Alias for `cols`.
+     */
+    columns?: GridColumns | string;
+    /**
+     * Spacing gap token mapped to --space-* CSS variables.
+     * @default "4"
+     */
+    gap?: LayoutGap;
+    /**
+     * Whether to display as inline-grid.
+     * @default false
+     */
+    inline?: boolean;
+}
+/**
+ * Responsive 2D Grid layout primitive.
+ *
+ * @example
+ * ```tsx
+ * <Grid cols={3} gap="4">
+ *   <MetricCard title="A" />
+ *   <MetricCard title="B" />
+ *   <MetricCard title="C" />
+ * </Grid>
+ * ```
+ */
+declare const Grid: React$1.ForwardRefExoticComponent<GridProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Responsive maximum width constraint for the Container.
+ */
+type ContainerSize = "sm" | "md" | "lg" | "xl" | "2xl" | "fluid";
+/**
+ * Props for the Container layout primitive.
+ */
+interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, delegates rendering to the direct child element via Radix Slot.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * HTML element type to render.
+     * @default "div"
+     */
+    as?: React$1.ElementType;
+    /**
+     * Maximum width threshold.
+     * @default "xl"
+     */
+    size?: ContainerSize;
+}
+/**
+ * Centered responsive max-width boundary component for page sections and layouts.
+ *
+ * @example
+ * ```tsx
+ * <Container size="xl">
+ *   <Header />
+ *   <Main />
+ * </Container>
+ * ```
+ */
+declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, AspectRatio, type AspectRatioProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxPadding, type BoxProps, type BoxRadius, type BoxShadow, type Brand, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, Calendar, CalendarDayButton, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselContext, type CarouselContextProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, type ChartConfig, ChartContainer, type ChartContainerProps, ChartContext, type ChartContextProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, ConfigProvider, type ConfigProviderProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, CopyButton, type CopyButtonProps, DatePicker, type DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, EmptyState, type EmptyStateProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, type GridColumns, type GridProps, Heading, type HeadingProps, type HeadingSize, type HeadingTag, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, type InputProps, Label, type LabelProps, type LayoutGap, LoadingState, type LoadingStateProps, Menubar, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, MenubarPortal, type MenubarProps, MenubarRadioGroup, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps, MetricCard, type MetricCardProps, MetricsGrid, type MetricsGridProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, Panel, type PanelProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, SecretRevealCard, type SecretRevealCardProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContentProps, SidebarContext, type SidebarContextProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, type SidebarMenuBadgeProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Stack, type StackAlign, type StackDirection, type StackProps, StatusBadge, type StatusBadgeProps, StatusChip, type StatusChipProps, Switch, type SwitchProps, THEMES, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Text, type TextProps, type TextTag, type TextVariant, Textarea, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, type ToastTheme, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TypographyAlign, type TypographyColor, type TypographyWeight, alertVariants, badgeVariants, buttonVariants, cn, cx, getPayloadConfigFromPayload, labelVariants, navigationMenuTriggerStyle, sheetVariants, sidebarMenuButtonVariants, toggleVariants, useCarousel, useChart, useConfig, useFormField, useIsMobile, useSidebar, useTheme };