@quinkit/ui 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,1445 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, AnchorHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, ReactNode } from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import { DayPickerProps, DateRange } from 'react-day-picker';
+import { ColumnDef } from '@tanstack/react-table';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { Command as Command$1 } from 'cmdk';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import { ClassValue } from 'clsx';
+
+declare function useDebounce<TValue>(value: TValue, delayMs?: number): TValue;
+
+declare function useMediaQuery(query: string, initialValue?: boolean): boolean;
+
+declare const uiPalettes: readonly [{
+    readonly name: "Neutral Slate";
+    readonly value: "neutral-slate";
+    readonly category: "Neutral";
+    readonly description: "Neutral Slate palette for neutral interfaces.";
+    readonly inspiredBy: readonly ["Neutral Slate"];
+    readonly bestFor: readonly ["Neutral UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Executive Slate";
+    readonly value: "executive-slate";
+    readonly category: "Neutral";
+    readonly description: "Executive Slate palette for neutral interfaces.";
+    readonly inspiredBy: readonly ["Executive Slate"];
+    readonly bestFor: readonly ["Neutral UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Vercel Mono";
+    readonly value: "vercel-mono";
+    readonly category: "Neutral";
+    readonly description: "Vercel Mono palette for neutral interfaces.";
+    readonly inspiredBy: readonly ["Vercel Mono"];
+    readonly bestFor: readonly ["Neutral UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Warm Sand";
+    readonly value: "warm-sand";
+    readonly category: "Neutral";
+    readonly description: "Warm Sand palette for neutral interfaces.";
+    readonly inspiredBy: readonly ["Warm Sand"];
+    readonly bestFor: readonly ["Neutral UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Zinc Cool";
+    readonly value: "zinc-cool";
+    readonly category: "Neutral";
+    readonly description: "Zinc Cool palette for neutral interfaces.";
+    readonly inspiredBy: readonly ["Zinc Cool"];
+    readonly bestFor: readonly ["Neutral UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Stone Warm";
+    readonly value: "stone-warm";
+    readonly category: "Neutral";
+    readonly description: "Stone Warm palette for neutral interfaces.";
+    readonly inspiredBy: readonly ["Stone Warm"];
+    readonly bestFor: readonly ["Neutral UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Ink Black";
+    readonly value: "ink-black";
+    readonly category: "Neutral";
+    readonly description: "Ink Black palette for neutral interfaces.";
+    readonly inspiredBy: readonly ["Ink Black"];
+    readonly bestFor: readonly ["Neutral UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Parchment";
+    readonly value: "parchment";
+    readonly category: "Neutral";
+    readonly description: "Parchment palette for neutral interfaces.";
+    readonly inspiredBy: readonly ["Parchment"];
+    readonly bestFor: readonly ["Neutral UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Default Blue";
+    readonly value: "default-blue";
+    readonly category: "SaaS";
+    readonly description: "Default Blue palette for saas interfaces.";
+    readonly inspiredBy: readonly ["Default Blue"];
+    readonly bestFor: readonly ["SaaS UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Linear Minimal";
+    readonly value: "linear-minimal";
+    readonly category: "SaaS";
+    readonly description: "Linear Minimal palette for saas interfaces.";
+    readonly inspiredBy: readonly ["Linear Minimal"];
+    readonly bestFor: readonly ["SaaS UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Github Neutral";
+    readonly value: "github-neutral";
+    readonly category: "SaaS";
+    readonly description: "Github Neutral palette for saas interfaces.";
+    readonly inspiredBy: readonly ["Github Neutral"];
+    readonly bestFor: readonly ["SaaS UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Atlassian Blue";
+    readonly value: "atlassian-blue";
+    readonly category: "SaaS";
+    readonly description: "Atlassian Blue palette for saas interfaces.";
+    readonly inspiredBy: readonly ["Atlassian Blue"];
+    readonly bestFor: readonly ["SaaS UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Analytics Cyan";
+    readonly value: "analytics-cyan";
+    readonly category: "SaaS";
+    readonly description: "Analytics Cyan palette for saas interfaces.";
+    readonly inspiredBy: readonly ["Analytics Cyan"];
+    readonly bestFor: readonly ["SaaS UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Notion Blue";
+    readonly value: "notion-blue";
+    readonly category: "SaaS";
+    readonly description: "Notion Blue palette for saas interfaces.";
+    readonly inspiredBy: readonly ["Notion Blue"];
+    readonly bestFor: readonly ["SaaS UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Intercom Blue";
+    readonly value: "intercom-blue";
+    readonly category: "SaaS";
+    readonly description: "Intercom Blue palette for saas interfaces.";
+    readonly inspiredBy: readonly ["Intercom Blue"];
+    readonly bestFor: readonly ["SaaS UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Salesforce Sky";
+    readonly value: "salesforce-sky";
+    readonly category: "SaaS";
+    readonly description: "Salesforce Sky palette for saas interfaces.";
+    readonly inspiredBy: readonly ["Salesforce Sky"];
+    readonly bestFor: readonly ["SaaS UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Medical Teal";
+    readonly value: "medical-teal";
+    readonly category: "Healthcare";
+    readonly description: "Medical Teal palette for healthcare interfaces.";
+    readonly inspiredBy: readonly ["Medical Teal"];
+    readonly bestFor: readonly ["Healthcare UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Clinical Blue";
+    readonly value: "clinical-blue";
+    readonly category: "Healthcare";
+    readonly description: "Clinical Blue palette for healthcare interfaces.";
+    readonly inspiredBy: readonly ["Clinical Blue"];
+    readonly bestFor: readonly ["Healthcare UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Calm Cyan";
+    readonly value: "calm-cyan";
+    readonly category: "Healthcare";
+    readonly description: "Calm Cyan palette for healthcare interfaces.";
+    readonly inspiredBy: readonly ["Calm Cyan"];
+    readonly bestFor: readonly ["Healthcare UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Teladoc Teal";
+    readonly value: "teladoc-teal";
+    readonly category: "Healthcare";
+    readonly description: "Teladoc Teal palette for healthcare interfaces.";
+    readonly inspiredBy: readonly ["Teladoc Teal"];
+    readonly bestFor: readonly ["Healthcare UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Noom Green";
+    readonly value: "noom-green";
+    readonly category: "Healthcare";
+    readonly description: "Noom Green palette for healthcare interfaces.";
+    readonly inspiredBy: readonly ["Noom Green"];
+    readonly bestFor: readonly ["Healthcare UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Headspace Orange";
+    readonly value: "headspace-orange";
+    readonly category: "Healthcare";
+    readonly description: "Headspace Orange palette for healthcare interfaces.";
+    readonly inspiredBy: readonly ["Headspace Orange"];
+    readonly bestFor: readonly ["Healthcare UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Epic Blue";
+    readonly value: "epic-blue";
+    readonly category: "Healthcare";
+    readonly description: "Epic Blue palette for healthcare interfaces.";
+    readonly inspiredBy: readonly ["Epic Blue"];
+    readonly bestFor: readonly ["Healthcare UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Fintech Navy";
+    readonly value: "fintech-navy";
+    readonly category: "Fintech";
+    readonly description: "Fintech Navy palette for fintech interfaces.";
+    readonly inspiredBy: readonly ["Fintech Navy"];
+    readonly bestFor: readonly ["Fintech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Finance Gold";
+    readonly value: "finance-gold";
+    readonly category: "Fintech";
+    readonly description: "Finance Gold palette for fintech interfaces.";
+    readonly inspiredBy: readonly ["Finance Gold"];
+    readonly bestFor: readonly ["Fintech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Emerald Wealth";
+    readonly value: "emerald-wealth";
+    readonly category: "Fintech";
+    readonly description: "Emerald Wealth palette for fintech interfaces.";
+    readonly inspiredBy: readonly ["Emerald Wealth"];
+    readonly bestFor: readonly ["Fintech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Risk Amber";
+    readonly value: "risk-amber";
+    readonly category: "Fintech";
+    readonly description: "Risk Amber palette for fintech interfaces.";
+    readonly inspiredBy: readonly ["Risk Amber"];
+    readonly bestFor: readonly ["Fintech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Stripe Indigo";
+    readonly value: "stripe-indigo";
+    readonly category: "Fintech";
+    readonly description: "Stripe Indigo palette for fintech interfaces.";
+    readonly inspiredBy: readonly ["Stripe Indigo"];
+    readonly bestFor: readonly ["Fintech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Coinbase Blue";
+    readonly value: "coinbase-blue";
+    readonly category: "Fintech";
+    readonly description: "Coinbase Blue palette for fintech interfaces.";
+    readonly inspiredBy: readonly ["Coinbase Blue"];
+    readonly bestFor: readonly ["Fintech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Robinhood Green";
+    readonly value: "robinhood-green";
+    readonly category: "Fintech";
+    readonly description: "Robinhood Green palette for fintech interfaces.";
+    readonly inspiredBy: readonly ["Robinhood Green"];
+    readonly bestFor: readonly ["Fintech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Plaid Navy";
+    readonly value: "plaid-navy";
+    readonly category: "Fintech";
+    readonly description: "Plaid Navy palette for fintech interfaces.";
+    readonly inspiredBy: readonly ["Plaid Navy"];
+    readonly bestFor: readonly ["Fintech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "E-commerce Rose";
+    readonly value: "ecommerce-rose";
+    readonly category: "E-commerce";
+    readonly description: "E-commerce Rose palette for e-commerce interfaces.";
+    readonly inspiredBy: readonly ["E-commerce Rose"];
+    readonly bestFor: readonly ["E-commerce UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Luxury Black Gold";
+    readonly value: "luxury-black-gold";
+    readonly category: "E-commerce";
+    readonly description: "Luxury Black Gold palette for e-commerce interfaces.";
+    readonly inspiredBy: readonly ["Luxury Black Gold"];
+    readonly bestFor: readonly ["E-commerce UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Commerce Green";
+    readonly value: "commerce-green";
+    readonly category: "E-commerce";
+    readonly description: "Commerce Green palette for e-commerce interfaces.";
+    readonly inspiredBy: readonly ["Commerce Green"];
+    readonly bestFor: readonly ["E-commerce UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Lifestyle Coral";
+    readonly value: "lifestyle-coral";
+    readonly category: "E-commerce";
+    readonly description: "Lifestyle Coral palette for e-commerce interfaces.";
+    readonly inspiredBy: readonly ["Lifestyle Coral"];
+    readonly bestFor: readonly ["E-commerce UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Shopify Green";
+    readonly value: "shopify-green";
+    readonly category: "E-commerce";
+    readonly description: "Shopify Green palette for e-commerce interfaces.";
+    readonly inspiredBy: readonly ["Shopify Green"];
+    readonly bestFor: readonly ["E-commerce UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Amazon Orange";
+    readonly value: "amazon-orange";
+    readonly category: "E-commerce";
+    readonly description: "Amazon Orange palette for e-commerce interfaces.";
+    readonly inspiredBy: readonly ["Amazon Orange"];
+    readonly bestFor: readonly ["E-commerce UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Etsy Orange";
+    readonly value: "etsy-orange";
+    readonly category: "E-commerce";
+    readonly description: "Etsy Orange palette for e-commerce interfaces.";
+    readonly inspiredBy: readonly ["Etsy Orange"];
+    readonly bestFor: readonly ["E-commerce UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Netflix Red";
+    readonly value: "netflix-red";
+    readonly category: "E-commerce";
+    readonly description: "Netflix Red palette for e-commerce interfaces.";
+    readonly inspiredBy: readonly ["Netflix Red"];
+    readonly bestFor: readonly ["E-commerce UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Edtech Playful";
+    readonly value: "edtech-playful";
+    readonly category: "EdTech";
+    readonly description: "Edtech Playful palette for edtech interfaces.";
+    readonly inspiredBy: readonly ["Edtech Playful"];
+    readonly bestFor: readonly ["EdTech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Learning Purple";
+    readonly value: "learning-purple";
+    readonly category: "EdTech";
+    readonly description: "Learning Purple palette for edtech interfaces.";
+    readonly inspiredBy: readonly ["Learning Purple"];
+    readonly bestFor: readonly ["EdTech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Gamified Green";
+    readonly value: "gamified-green";
+    readonly category: "EdTech";
+    readonly description: "Gamified Green palette for edtech interfaces.";
+    readonly inspiredBy: readonly ["Gamified Green"];
+    readonly bestFor: readonly ["EdTech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Achievement Amber";
+    readonly value: "achievement-amber";
+    readonly category: "EdTech";
+    readonly description: "Achievement Amber palette for edtech interfaces.";
+    readonly inspiredBy: readonly ["Achievement Amber"];
+    readonly bestFor: readonly ["EdTech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Duolingo Green";
+    readonly value: "duolingo-green";
+    readonly category: "EdTech";
+    readonly description: "Duolingo Green palette for edtech interfaces.";
+    readonly inspiredBy: readonly ["Duolingo Green"];
+    readonly bestFor: readonly ["EdTech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Coursera Blue";
+    readonly value: "coursera-blue";
+    readonly category: "EdTech";
+    readonly description: "Coursera Blue palette for edtech interfaces.";
+    readonly inspiredBy: readonly ["Coursera Blue"];
+    readonly bestFor: readonly ["EdTech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Khan Blue";
+    readonly value: "khan-blue";
+    readonly category: "EdTech";
+    readonly description: "Khan Blue palette for edtech interfaces.";
+    readonly inspiredBy: readonly ["Khan Blue"];
+    readonly bestFor: readonly ["EdTech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Udemy Purple";
+    readonly value: "udemy-purple";
+    readonly category: "EdTech";
+    readonly description: "Udemy Purple palette for edtech interfaces.";
+    readonly inspiredBy: readonly ["Udemy Purple"];
+    readonly bestFor: readonly ["EdTech UI", "dashboards", "product screens"];
+}, {
+    readonly name: "AI Cyber";
+    readonly value: "ai-cyber";
+    readonly category: "AI/Dev";
+    readonly description: "AI Cyber palette for ai/dev interfaces.";
+    readonly inspiredBy: readonly ["AI Cyber"];
+    readonly bestFor: readonly ["AI/Dev UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Raycast Dark";
+    readonly value: "raycast-dark";
+    readonly category: "AI/Dev";
+    readonly description: "Raycast Dark palette for ai/dev interfaces.";
+    readonly inspiredBy: readonly ["Raycast Dark"];
+    readonly bestFor: readonly ["AI/Dev UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Railway Violet";
+    readonly value: "railway-violet";
+    readonly category: "AI/Dev";
+    readonly description: "Railway Violet palette for ai/dev interfaces.";
+    readonly inspiredBy: readonly ["Railway Violet"];
+    readonly bestFor: readonly ["AI/Dev UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Terminal Green";
+    readonly value: "terminal-green";
+    readonly category: "AI/Dev";
+    readonly description: "Terminal Green palette for ai/dev interfaces.";
+    readonly inspiredBy: readonly ["Terminal Green"];
+    readonly bestFor: readonly ["AI/Dev UI", "dashboards", "product screens"];
+}, {
+    readonly name: "VS Code Dark";
+    readonly value: "vscode-dark";
+    readonly category: "Developer Tools";
+    readonly description: "VS Code Dark palette for developer tools interfaces.";
+    readonly inspiredBy: readonly ["VS Code Dark"];
+    readonly bestFor: readonly ["Developer Tools UI", "dashboards", "product screens"];
+}, {
+    readonly name: "iTerm Green";
+    readonly value: "iterm-green";
+    readonly category: "Developer Tools";
+    readonly description: "iTerm Green palette for developer tools interfaces.";
+    readonly inspiredBy: readonly ["iTerm Green"];
+    readonly bestFor: readonly ["Developer Tools UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Supabase Emerald";
+    readonly value: "supabase-emerald";
+    readonly category: "Developer Tools";
+    readonly description: "Supabase Emerald palette for developer tools interfaces.";
+    readonly inspiredBy: readonly ["Supabase Emerald"];
+    readonly bestFor: readonly ["Developer Tools UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Neon Cyber";
+    readonly value: "neon-cyber";
+    readonly category: "Developer Tools";
+    readonly description: "Neon Cyber palette for developer tools interfaces.";
+    readonly inspiredBy: readonly ["Neon Cyber"];
+    readonly bestFor: readonly ["Developer Tools UI", "dashboards", "product screens"];
+}, {
+    readonly name: "IBM Carbon";
+    readonly value: "ibm-carbon";
+    readonly category: "Enterprise";
+    readonly description: "IBM Carbon palette for enterprise interfaces.";
+    readonly inspiredBy: readonly ["IBM Carbon"];
+    readonly bestFor: readonly ["Enterprise UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Microsoft Fluent";
+    readonly value: "microsoft-fluent";
+    readonly category: "Enterprise";
+    readonly description: "Microsoft Fluent palette for enterprise interfaces.";
+    readonly inspiredBy: readonly ["Microsoft Fluent"];
+    readonly bestFor: readonly ["Enterprise UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Gov Blue";
+    readonly value: "gov-blue";
+    readonly category: "Enterprise";
+    readonly description: "Gov Blue palette for enterprise interfaces.";
+    readonly inspiredBy: readonly ["Gov Blue"];
+    readonly bestFor: readonly ["Enterprise UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Stripe Gradient";
+    readonly value: "stripe-gradient";
+    readonly category: "Enterprise";
+    readonly description: "Stripe Gradient palette for enterprise interfaces.";
+    readonly inspiredBy: readonly ["Stripe Gradient"];
+    readonly bestFor: readonly ["Enterprise UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Solana Gradient";
+    readonly value: "solana-gradient";
+    readonly category: "Creative";
+    readonly description: "Solana Gradient palette for creative interfaces.";
+    readonly inspiredBy: readonly ["Solana Gradient"];
+    readonly bestFor: readonly ["Creative UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Figma Purple";
+    readonly value: "figma-purple";
+    readonly category: "Creative";
+    readonly description: "Figma Purple palette for creative interfaces.";
+    readonly inspiredBy: readonly ["Figma Purple"];
+    readonly bestFor: readonly ["Creative UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Dribbble Pink";
+    readonly value: "dribbble-pink";
+    readonly category: "Creative";
+    readonly description: "Dribbble Pink palette for creative interfaces.";
+    readonly inspiredBy: readonly ["Dribbble Pink"];
+    readonly bestFor: readonly ["Creative UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Behance Blue";
+    readonly value: "behance-blue";
+    readonly category: "Creative";
+    readonly description: "Behance Blue palette for creative interfaces.";
+    readonly inspiredBy: readonly ["Behance Blue"];
+    readonly bestFor: readonly ["Creative UI", "dashboards", "product screens"];
+}, {
+    readonly name: "Awwwards Dark";
+    readonly value: "awwwards-dark";
+    readonly category: "Creative";
+    readonly description: "Awwwards Dark palette for creative interfaces.";
+    readonly inspiredBy: readonly ["Awwwards Dark"];
+    readonly bestFor: readonly ["Creative UI", "dashboards", "product screens"];
+}];
+type UiPalette = (typeof uiPalettes)[number]["value"];
+type UiPaletteCategory = (typeof uiPalettes)[number]["category"];
+type Appearance = "light" | "dark" | "system";
+declare const uiPaletteValues: readonly UiPalette[];
+declare const DEFAULT_PALETTE: UiPalette;
+declare function palettesByCategory(): Record<UiPaletteCategory, (typeof uiPalettes)[number][]>;
+declare function isUiPalette(value: string): value is UiPalette;
+declare function applyPalette(palette: UiPalette): void;
+declare function applyAppearance(appearance: Appearance): void;
+declare const appliers: {
+    readonly appearance: typeof applyAppearance;
+    readonly palette: typeof applyPalette;
+};
+declare function getStoredPalette(): UiPalette;
+declare function getStoredAppearance(): Appearance;
+
+declare const uiThemes: readonly ["dashboard", "ecommerce", "healthcare", "fintech", "edtech", "dashboard-executive", "dashboard-glass", "dashboard-data", "ecommerce-luxury", "ecommerce-playful", "ecommerce-minimal", "healthcare-clinical", "healthcare-wellness", "healthcare-urgent", "fintech-wealth", "fintech-crypto", "fintech-modern", "edtech-campus", "edtech-kids", "edtech-professional"];
+type UiTheme = (typeof uiThemes)[number];
+/** Optional pretty labels for pickers (your dev app can keep using the raw value). */
+declare const uiThemeLabels: Record<UiTheme, string>;
+declare function isUiTheme(value: string): value is UiTheme;
+declare function applyTheme(theme: UiTheme): void;
+declare function getStoredTheme(): UiTheme;
+interface UseThemeResult {
+    appearance: Appearance;
+    mounted: boolean;
+    palette: UiPalette;
+    setAppearance: (appearance: Appearance) => void;
+    setPalette: (palette: UiPalette) => void;
+    setTheme: (theme: UiTheme) => void;
+    theme: UiTheme;
+}
+declare function useTheme(): UseThemeResult;
+
+type UiFont = "inter" | "geist" | "geist-mono" | "jetbrains-mono" | "manrope" | "outfit" | "lato" | "playfair-display" | "plus-jakarta-sans" | "cormorant-garamond" | "dm-sans" | "ibm-plex-sans" | "ibm-plex-mono" | "nunito" | "source-serif-4";
+interface UiFontMeta {
+    name: string;
+    googleUrl: string;
+    cssValue: string;
+    recommendedFor: string[];
+}
+declare const uiFonts: Record<UiFont, UiFontMeta>;
+declare const uiFontValues: UiFont[];
+/** Combined <link href> for all families (or import each googleUrl individually). */
+declare const allFontsHref: string;
+
+/** Sizes supported by {@link Avatar}. */
+type AvatarSize = "sm" | "md" | "lg";
+/** Public props for {@link Avatar}. */
+interface AvatarProps extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> {
+    /** Visual size of the avatar. */
+    size?: AvatarSize;
+}
+/** Public props for {@link AvatarImage}. */
+interface AvatarImageProps extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> {
+    /** Alternative text describing the avatar image. */
+    alt: string;
+}
+/** Public props for {@link AvatarFallback}. */
+interface AvatarFallbackProps extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> {
+    /** Initials or short fallback content. */
+    children: string;
+}
+/**
+ * Avatar root that displays an image with accessible fallback initials.
+ */
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLSpanElement>>;
+/**
+ * Image element for {@link Avatar}.
+ */
+declare const AvatarImage: react.ForwardRefExoticComponent<AvatarImageProps & react.RefAttributes<HTMLImageElement>>;
+/**
+ * Fallback initials shown when the avatar image is unavailable.
+ */
+declare const AvatarFallback: react.ForwardRefExoticComponent<AvatarFallbackProps & react.RefAttributes<HTMLSpanElement>>;
+
+/** Visual variants supported by {@link Badge}. */
+type BadgeVariant = "default" | "secondary" | "outline" | "destructive";
+/** Public props for {@link Badge}. */
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Visual treatment of the badge. */
+    variant?: BadgeVariant;
+}
+/**
+ * Compact status label for metadata, categories, and state indicators.
+ */
+declare function Badge({ className, variant, ...props }: BadgeProps): react.JSX.Element;
+
+/** Visual style variants supported by {@link Button}. */
+type ButtonVariant = "default" | "secondary" | "outline" | "ghost" | "link" | "destructive";
+/** Size variants supported by {@link Button}. */
+type ButtonSize = "sm" | "md" | "lg" | "icon";
+/** Public props for {@link Button}. */
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Visual treatment of the button. */
+    variant?: ButtonVariant;
+    /** Height, spacing, and typography scale of the button. */
+    size?: ButtonSize;
+    /** When true, marks the button busy and prevents pointer interaction. */
+    isLoading?: boolean;
+}
+/**
+ * Accessible, theme-aware button primitive with product-ready variants and sizes.
+ */
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+/** Public props for {@link Checkbox}. */
+interface CheckboxProps extends ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    /** Accessible label used when no visible label is associated. */
+    "aria-label"?: string;
+}
+/**
+ * Accessible checkbox primitive with keyboard support and indeterminate state.
+ */
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLButtonElement>>;
+
+/** Input types intentionally supported by the design-system text input. */
+type InputType = "text" | "email" | "password" | "number" | "search";
+/** Public props for {@link Input}. */
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    /** Native input type. */
+    type?: InputType;
+    /** Marks the field invalid and applies error styling. */
+    error?: boolean;
+}
+/**
+ * Theme-aware form input with disabled, invalid, and focus-visible states.
+ */
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+/** Public props for {@link Label}. */
+interface LabelProps extends ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+    /** Shows a required-field marker. */
+    required?: boolean;
+    /** Shows optional helper copy for non-required fields. */
+    optional?: boolean;
+    /** Applies destructive/error label styling. */
+    error?: boolean;
+}
+/**
+ * Accessible label primitive that connects text with form controls.
+ */
+declare const Label: react.ForwardRefExoticComponent<LabelProps & react.RefAttributes<HTMLLabelElement>>;
+
+/** Public props for {@link RadioGroup}. */
+interface RadioGroupProps extends ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+    /** Accessible group label when not using a visible legend/label. */
+    "aria-label"?: string;
+}
+/** Public props for {@link RadioGroupItem}. */
+interface RadioGroupItemProps extends ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    /** Accessible item label when not paired with visible text. */
+    "aria-label"?: string;
+}
+/**
+ * Accessible radio group container with roving keyboard focus.
+ */
+declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * Accessible radio option for use inside {@link RadioGroup}.
+ */
+declare const RadioGroupItem: react.ForwardRefExoticComponent<RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>>;
+
+/** Public props for {@link Select}. */
+interface SelectProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {
+    /** Current selected value for controlled usage. */
+    value?: string;
+    /** Initial selected value for uncontrolled usage. */
+    defaultValue?: string;
+}
+/** Public props for {@link SelectTrigger}. */
+interface SelectTriggerProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
+    /** Placeholder shown when no value is selected. */
+    placeholder?: string;
+}
+/** Public props for {@link SelectContent}. */
+interface SelectContentProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
+    /** Positioning strategy for the popover content. */
+    position?: "item-aligned" | "popper";
+}
+/** Public props for {@link SelectItem}. */
+interface SelectItemProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+    /** Option value submitted by the select. */
+    value: string;
+}
+/**
+ * Radix-powered single select root with accessible keyboard navigation.
+ */
+declare const Select: react.FC<SelectPrimitive.SelectProps>;
+/**
+ * Select trigger button that opens the option list.
+ */
+declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * Portal-rendered select content containing selectable items.
+ */
+declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * Selectable option for use inside {@link SelectContent}.
+ */
+declare const SelectItem: react.ForwardRefExoticComponent<SelectItemProps & react.RefAttributes<HTMLDivElement>>;
+
+/** Public props for {@link Separator}. */
+interface SeparatorProps extends ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
+    /** Whether the separator should be exposed to assistive technologies. */
+    decorative?: boolean;
+}
+/**
+ * Theme-aware separator for dividing content horizontally or vertically.
+ */
+declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
+
+/** Sizes supported by {@link Spinner}. */
+type SpinnerSize = "sm" | "md" | "lg";
+/** Public props for {@link Spinner}. */
+interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Accessible label announced to assistive technology. */
+    label?: string;
+    /** Visual size of the loading indicator. */
+    size?: SpinnerSize;
+}
+/**
+ * Accessible loading spinner that respects reduced-motion preferences.
+ */
+declare function Spinner({ className, label, size, ...props }: SpinnerProps): react.JSX.Element;
+
+/** Public props for {@link Switch}. */
+interface SwitchProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
+    /** Accessible label used when no visible label is associated. */
+    "aria-label"?: string;
+}
+/**
+ * Accessible switch control for binary settings.
+ */
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
+
+/** Resize behavior supported by {@link Textarea}. */
+type TextareaResize = "none" | "vertical" | "horizontal" | "both";
+/** Public props for {@link Textarea}. */
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /** Marks the field invalid and applies error styling. */
+    error?: boolean;
+    /** Controls CSS resize behavior. */
+    resize?: TextareaResize;
+}
+/**
+ * Multi-line text field with theme-aware focus, disabled, and invalid states.
+ */
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+type AlertVariant = "info" | "success" | "warning" | "error" | "destructive";
+/** Public props for {@link Alert}. */ interface AlertProps extends HTMLAttributes<HTMLDivElement> {
+    /** Visual feedback variant. */ variant?: AlertVariant;
+}
+/** Public props for {@link AlertTitle}. */ interface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+}
+/** Public props for {@link AlertDescription}. */ interface AlertDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+}
+/** Accessible status alert. */ declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
+/** Alert heading. */ declare const AlertTitle: react.ForwardRefExoticComponent<AlertTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+/** Alert body copy. */ declare const AlertDescription: react.ForwardRefExoticComponent<AlertDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+
+/** Public props for {@link AspectRatio}. */ interface AspectRatioProps extends ComponentPropsWithoutRef<typeof AspectRatioPrimitive.Root> {
+    /** Desired width/height ratio. */ ratio?: number;
+}
+/** Maintains a consistent width-to-height ratio for media. */ declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
+
+interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
+    /** Accessible label for breadcrumb navigation. */
+    label?: string;
+}
+interface BreadcrumbListProps extends HTMLAttributes<HTMLOListElement> {
+}
+interface BreadcrumbItemProps extends HTMLAttributes<HTMLLIElement> {
+}
+interface BreadcrumbLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+}
+interface BreadcrumbPageProps extends HTMLAttributes<HTMLSpanElement> {
+}
+interface BreadcrumbSeparatorProps extends HTMLAttributes<HTMLLIElement> {
+}
+interface BreadcrumbEllipsisProps extends HTMLAttributes<HTMLSpanElement> {
+}
+/** Accessible breadcrumb navigation landmark. */
+declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
+/** Ordered breadcrumb list. */
+declare const BreadcrumbList: react.ForwardRefExoticComponent<BreadcrumbListProps & react.RefAttributes<HTMLOListElement>>;
+/** Breadcrumb list item. */
+declare const BreadcrumbItem: react.ForwardRefExoticComponent<BreadcrumbItemProps & react.RefAttributes<HTMLLIElement>>;
+/** Clickable breadcrumb link. */
+declare const BreadcrumbLink: react.ForwardRefExoticComponent<BreadcrumbLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+/** Current breadcrumb page. */
+declare const BreadcrumbPage: react.ForwardRefExoticComponent<BreadcrumbPageProps & react.RefAttributes<HTMLSpanElement>>;
+/** Breadcrumb separator. */
+declare const BreadcrumbSeparator: react.ForwardRefExoticComponent<BreadcrumbSeparatorProps & react.RefAttributes<HTMLLIElement>>;
+/** Breadcrumb collapsed items marker. */
+declare const BreadcrumbEllipsis: react.ForwardRefExoticComponent<BreadcrumbEllipsisProps & react.RefAttributes<HTMLSpanElement>>;
+
+/** Public props for {@link Calendar}. */
+type CalendarProps = DayPickerProps & {
+    /** Additional class names for the calendar root. */
+    className?: string;
+};
+/** Accessible date-picker calendar powered by react-day-picker. */
+declare function Calendar({ className, showOutsideDays, ...props }: CalendarProps): react.JSX.Element;
+
+/** Public props for {@link DataTable}. */
+interface DataTableProps<TData, TValue> {
+    /** Column definitions. */ columns: ColumnDef<TData, TValue>[];
+    /** Table rows. */ data: TData[];
+    /** Optional global filter placeholder. */ filterPlaceholder?: string;
+    /** Loading state. */ loading?: boolean;
+    /** Empty state message. */ emptyMessage?: string;
+}
+/** TanStack Table wrapper with filtering, sorting, pagination, loading, and empty states. */
+declare function DataTable<TData, TValue>({ columns, data, filterPlaceholder, loading, emptyMessage }: DataTableProps<TData, TValue>): react.JSX.Element;
+
+/** Public props for {@link DateRangePicker}. */
+interface DateRangePickerProps {
+    /** Selected date range. */
+    value?: DateRange;
+    /** Called when the selected date range changes. */
+    onChange?: (range: DateRange | undefined) => void;
+    /** Placeholder shown when no date range is selected. */
+    placeholder?: string;
+}
+/** Popover-based date range picker composed from Calendar. */
+declare function DateRangePicker({ value, onChange, placeholder }: DateRangePickerProps): react.JSX.Element;
+
+interface PaginationProps extends HTMLAttributes<HTMLElement> {
+    /** Accessible label for pagination navigation. */ label?: string;
+}
+interface PaginationContentProps extends HTMLAttributes<HTMLUListElement> {
+}
+interface PaginationItemProps extends HTMLAttributes<HTMLLIElement> {
+}
+interface PaginationLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Marks the link as current page. */ isActive?: boolean;
+}
+/** Pagination navigation landmark. */ declare const Pagination: react.ForwardRefExoticComponent<PaginationProps & react.RefAttributes<HTMLElement>>;
+/** Pagination list wrapper. */ declare const PaginationContent: react.ForwardRefExoticComponent<PaginationContentProps & react.RefAttributes<HTMLUListElement>>;
+/** Pagination item wrapper. */ declare const PaginationItem: react.ForwardRefExoticComponent<PaginationItemProps & react.RefAttributes<HTMLLIElement>>;
+/** Pagination page link. */ declare const PaginationLink: react.ForwardRefExoticComponent<PaginationLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+/** Previous page link. */ declare const PaginationPrevious: react.ForwardRefExoticComponent<PaginationLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+/** Next page link. */ declare const PaginationNext: react.ForwardRefExoticComponent<PaginationLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+/** Pagination ellipsis marker. */ declare function PaginationEllipsis(props: HTMLAttributes<HTMLSpanElement>): react.JSX.Element;
+
+/** Public props for {@link Progress}. */ interface ProgressProps extends ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
+    /** Current value. */ value?: number;
+}
+/** Accessible linear progress bar. */ declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
+
+interface ScrollAreaProps extends ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+}
+/** Styled Radix scroll area with custom viewport and scrollbars. */ declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
+
+/** Public props for {@link Skeleton}. */ interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    /** Disable pulse animation. */ animated?: boolean;
+}
+/** Loading placeholder block with reduced-motion support. */ declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TableProps extends HTMLAttributes<HTMLTableElement> {
+    /** Accessible wrapper label. */ label?: string;
+}
+interface TableSectionProps extends HTMLAttributes<HTMLTableSectionElement> {
+}
+interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+}
+interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
+}
+interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+}
+interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
+}
+/** Semantic responsive table wrapper. */
+declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
+/** Table header section. */ declare const TableHeader: react.ForwardRefExoticComponent<TableSectionProps & react.RefAttributes<HTMLTableSectionElement>>;
+/** Table body section. */ declare const TableBody: react.ForwardRefExoticComponent<TableSectionProps & react.RefAttributes<HTMLTableSectionElement>>;
+/** Table footer section. */ declare const TableFooter: react.ForwardRefExoticComponent<TableSectionProps & react.RefAttributes<HTMLTableSectionElement>>;
+/** Table row. */ declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
+/** Table header cell. */ declare const TableHead: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableCellElement>>;
+/** Table data cell. */ declare const TableCell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
+/** Table caption. */ declare const TableCaption: react.ForwardRefExoticComponent<TableCaptionProps & react.RefAttributes<HTMLTableCaptionElement>>;
+
+/** Public props for {@link Accordion}. */
+type AccordionProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
+/** Public props for {@link AccordionItem}. */
+interface AccordionItemProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+}
+/** Public props for {@link AccordionTrigger}. */
+interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+}
+/** Public props for {@link AccordionContent}. */
+interface AccordionContentProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+}
+/** Accessible accordion root powered by Radix Accordion. */
+declare const Accordion: react.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & react.RefAttributes<HTMLDivElement>>;
+/** Accordion item wrapper. */
+declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+/** Button that expands or collapses an accordion item. */
+declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/** Collapsible accordion panel content. */
+declare const AccordionContent: react.ForwardRefExoticComponent<AccordionContentProps & react.RefAttributes<HTMLDivElement>>;
+
+/** Public props for {@link AlertDialog}. */
+interface AlertDialogProps extends ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root> {
+    /** Controlled open state for the alert dialog. */
+    open?: boolean;
+    /** Initial open state for uncontrolled usage. */
+    defaultOpen?: boolean;
+}
+/** Public props for {@link AlertDialogTrigger}. */
+interface AlertDialogTriggerProps extends ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Trigger> {
+}
+/** Public props for {@link AlertDialogContent}. */
+interface AlertDialogContentProps extends ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {
+}
+/** Public props for {@link AlertDialogHeader}. */
+interface AlertDialogHeaderProps extends ComponentPropsWithoutRef<"div"> {
+}
+/** Public props for {@link AlertDialogFooter}. */
+interface AlertDialogFooterProps extends ComponentPropsWithoutRef<"div"> {
+}
+/** Public props for {@link AlertDialogTitle}. */
+interface AlertDialogTitleProps extends ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> {
+}
+/** Public props for {@link AlertDialogDescription}. */
+interface AlertDialogDescriptionProps extends ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> {
+}
+/** Public props for {@link AlertDialogCancel}. */
+interface AlertDialogCancelProps extends ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> {
+}
+/** Public props for {@link AlertDialogAction}. */
+interface AlertDialogActionProps extends ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> {
+    /** Visual intent for the primary action. */
+    intent?: "default" | "destructive";
+}
+/**
+ * Accessible confirmation dialog for critical choices and destructive actions.
+ */
+declare const AlertDialog: react.FC<AlertDialogPrimitive.AlertDialogProps>;
+/**
+ * Button or custom element that opens the alert dialog.
+ */
+declare const AlertDialogTrigger: react.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * Portal-rendered alert dialog content with modal overlay.
+ */
+declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * Header layout for alert dialog title and description.
+ */
+declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): react.JSX.Element;
+/**
+ * Footer layout for alert dialog actions.
+ */
+declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): react.JSX.Element;
+/**
+ * Accessible alert dialog title.
+ */
+declare const AlertDialogTitle: react.ForwardRefExoticComponent<AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Accessible description for explaining the consequence of the action.
+ */
+declare const AlertDialogDescription: react.ForwardRefExoticComponent<AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Cancel action that closes the alert dialog without confirming.
+ */
+declare const AlertDialogCancel: react.ForwardRefExoticComponent<AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * Confirm action for alert dialogs, with optional destructive intent styling.
+ */
+declare const AlertDialogAction: react.ForwardRefExoticComponent<AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>>;
+
+/** Public props for {@link Card}. */
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Optional visual density for card spacing. */
+    density?: "default" | "compact";
+}
+/** Public props for {@link CardHeader}. */
+interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /** Optional visual density for header spacing. */
+    density?: "default" | "compact";
+}
+/** Public props for {@link CardTitle}. */
+interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /** Heading level used for semantic document structure. */
+    as?: "h2" | "h3" | "h4";
+}
+/** Public props for {@link CardDescription}. */
+interface CardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+}
+/** Public props for {@link CardContent}. */
+interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** Optional visual density for content spacing. */
+    density?: "default" | "compact";
+}
+/** Public props for {@link CardFooter}. */
+interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /** Optional visual density for footer spacing. */
+    density?: "default" | "compact";
+}
+/**
+ * Theme-aware content container with border, background, radius, and shadow tokens.
+ */
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * Header region for card titles, descriptions, and leading controls.
+ */
+declare const CardHeader: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * Semantic title for a card section.
+ */
+declare const CardTitle: react.ForwardRefExoticComponent<CardTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Muted supporting text for a card title or card body.
+ */
+declare const CardDescription: react.ForwardRefExoticComponent<CardDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Main content region for a card.
+ */
+declare const CardContent: react.ForwardRefExoticComponent<CardContentProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * Footer region for card actions, metadata, and secondary controls.
+ */
+declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
+
+/** Public props for {@link Dialog}. */
+interface DialogProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Root> {
+    /** Controlled open state for the dialog. */
+    open?: boolean;
+    /** Initial open state for uncontrolled usage. */
+    defaultOpen?: boolean;
+}
+/** Public props for {@link DialogTrigger}. */
+interface DialogTriggerProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger> {
+}
+/** Public props for {@link DialogContent}. */
+interface DialogContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    /** Accessible label when no visible title is rendered. Prefer `DialogTitle` when possible. */
+    "aria-label"?: string;
+    /** Whether to render the close button in the top-right corner. */
+    showClose?: boolean;
+}
+/** Public props for {@link DialogHeader}. */
+interface DialogHeaderProps extends ComponentPropsWithoutRef<"div"> {
+}
+/** Public props for {@link DialogFooter}. */
+interface DialogFooterProps extends ComponentPropsWithoutRef<"div"> {
+}
+/** Public props for {@link DialogTitle}. */
+interface DialogTitleProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
+}
+/** Public props for {@link DialogDescription}. */
+interface DialogDescriptionProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {
+}
+/** Public props for {@link DialogClose}. */
+interface DialogCloseProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Close> {
+}
+/**
+ * Accessible modal dialog root powered by Radix Dialog.
+ */
+declare const Dialog: react.FC<DialogPrimitive.DialogProps>;
+/**
+ * Button or custom element that opens the dialog.
+ */
+declare const DialogTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * Button or custom element that closes the dialog.
+ */
+declare const DialogClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * Portal-rendered modal content with overlay, close button, and responsive sizing.
+ */
+declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * Header layout for dialog title and description.
+ */
+declare function DialogHeader({ className, ...props }: DialogHeaderProps): react.JSX.Element;
+/**
+ * Footer layout for dialog actions.
+ */
+declare function DialogFooter({ className, ...props }: DialogFooterProps): react.JSX.Element;
+/**
+ * Accessible dialog title. Use one per dialog content.
+ */
+declare const DialogTitle: react.ForwardRefExoticComponent<DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Accessible dialog description connected to dialog content.
+ */
+declare const DialogDescription: react.ForwardRefExoticComponent<DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+
+/** Public props for {@link Command}. */
+interface CommandProps extends ComponentPropsWithoutRef<typeof Command$1> {
+}
+/** Public props for {@link CommandDialog}. */
+interface CommandDialogProps extends ComponentPropsWithoutRef<typeof Dialog> {
+    /** Dialog children. */ children?: ReactNode;
+}
+/** Public props for {@link CommandInput}. */
+interface CommandInputProps extends ComponentPropsWithoutRef<typeof Command$1.Input> {
+}
+/** Public props for {@link CommandList}. */
+interface CommandListProps extends ComponentPropsWithoutRef<typeof Command$1.List> {
+}
+/** Public props for {@link CommandEmpty}. */
+interface CommandEmptyProps extends ComponentPropsWithoutRef<typeof Command$1.Empty> {
+}
+/** Public props for {@link CommandGroup}. */
+interface CommandGroupProps extends ComponentPropsWithoutRef<typeof Command$1.Group> {
+}
+/** Public props for {@link CommandItem}. */
+interface CommandItemProps extends ComponentPropsWithoutRef<typeof Command$1.Item> {
+}
+/** Public props for {@link CommandSeparator}. */
+interface CommandSeparatorProps extends ComponentPropsWithoutRef<typeof Command$1.Separator> {
+}
+/** Public props for {@link CommandShortcut}. */
+interface CommandShortcutProps extends ComponentPropsWithoutRef<"span"> {
+}
+/** Command palette container powered by cmdk. */
+declare const Command: react.ForwardRefExoticComponent<CommandProps & react.RefAttributes<HTMLDivElement>>;
+/** Dialog composition for command palettes. */
+declare function CommandDialog({ children, ...props }: CommandDialogProps): react.JSX.Element;
+/** Search input for command palettes. */
+declare const CommandInput: react.ForwardRefExoticComponent<CommandInputProps & react.RefAttributes<HTMLInputElement>>;
+/** Scrollable command result list. */
+declare const CommandList: react.ForwardRefExoticComponent<CommandListProps & react.RefAttributes<HTMLDivElement>>;
+/** Empty result message. */
+declare const CommandEmpty: react.ForwardRefExoticComponent<CommandEmptyProps & react.RefAttributes<HTMLDivElement>>;
+/** Command item group. */
+declare const CommandGroup: react.ForwardRefExoticComponent<CommandGroupProps & react.RefAttributes<HTMLDivElement>>;
+/** Selectable command result item. */
+declare const CommandItem: react.ForwardRefExoticComponent<CommandItemProps & react.RefAttributes<HTMLDivElement>>;
+/** Visual separator for command groups. */
+declare const CommandSeparator: react.ForwardRefExoticComponent<CommandSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+/** Keyboard shortcut hint for command items. */
+declare function CommandShortcut({ className, ...props }: CommandShortcutProps): react.JSX.Element;
+
+/** Public props for {@link DropdownMenu}. */
+interface DropdownMenuProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {
+}
+/** Public props for {@link DropdownMenuTrigger}. */
+interface DropdownMenuTriggerProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {
+}
+/** Public props for {@link DropdownMenuContent}. */
+interface DropdownMenuContentProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
+    /** Side offset from the trigger in pixels. */
+    sideOffset?: number;
+}
+/** Public props for {@link DropdownMenuItem}. */
+interface DropdownMenuItemProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+    /** Adds inset spacing for nested or icon-aligned menu items. */
+    inset?: boolean;
+}
+/** Public props for {@link DropdownMenuCheckboxItem}. */
+interface DropdownMenuCheckboxItemProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> {
+}
+/** Public props for {@link DropdownMenuRadioGroup}. */
+interface DropdownMenuRadioGroupProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioGroup> {
+}
+/** Public props for {@link DropdownMenuRadioItem}. */
+interface DropdownMenuRadioItemProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> {
+}
+/** Public props for {@link DropdownMenuLabel}. */
+interface DropdownMenuLabelProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
+    /** Adds inset spacing to align with item text. */
+    inset?: boolean;
+}
+/** Public props for {@link DropdownMenuSeparator}. */
+interface DropdownMenuSeparatorProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {
+}
+/** Public props for {@link DropdownMenuShortcut}. */
+interface DropdownMenuShortcutProps extends ComponentPropsWithoutRef<"span"> {
+}
+/** Accessible contextual menu root powered by Radix Dropdown Menu. */
+declare const DropdownMenu: react.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+/** Button or custom element that opens the dropdown menu. */
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/** Radio group container for mutually exclusive menu items. */
+declare const DropdownMenuRadioGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+/** Portal-rendered dropdown menu content. */
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>;
+/** Selectable dropdown menu row. */
+declare const DropdownMenuItem: react.ForwardRefExoticComponent<DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>;
+/** Checkbox menu item with checked indicator. */
+declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>>;
+/** Radio menu item with selected indicator. */
+declare const DropdownMenuRadioItem: react.ForwardRefExoticComponent<DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement>>;
+/** Non-interactive menu label. */
+declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): react.JSX.Element;
+/** Visual separator between menu groups. */
+declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+/** Right-aligned keyboard shortcut hint. */
+declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): react.JSX.Element;
+
+/** Public props for {@link NavigationMenu}. */
+interface NavigationMenuProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> {
+}
+/** Public props for {@link NavigationMenuList}. */
+interface NavigationMenuListProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> {
+}
+/** Public props for {@link NavigationMenuItem}. */
+interface NavigationMenuItemProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item> {
+}
+/** Public props for {@link NavigationMenuTrigger}. */
+interface NavigationMenuTriggerProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger> {
+}
+/** Public props for {@link NavigationMenuContent}. */
+interface NavigationMenuContentProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> {
+}
+/** Public props for {@link NavigationMenuLink}. */
+interface NavigationMenuLinkProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link> {
+}
+/** Public props for {@link NavigationMenuViewport}. */
+interface NavigationMenuViewportProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> {
+}
+/** Public props for {@link NavigationMenuIndicator}. */
+interface NavigationMenuIndicatorProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> {
+}
+/** Top-level accessible navigation menu root. */
+declare const NavigationMenu: react.ForwardRefExoticComponent<NavigationMenuProps & react.RefAttributes<HTMLElement>>;
+/** Navigation menu list. */
+declare const NavigationMenuList: react.ForwardRefExoticComponent<NavigationMenuListProps & react.RefAttributes<HTMLUListElement>>;
+/** Navigation menu item. */
+declare const NavigationMenuItem: react.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & react.RefAttributes<HTMLLIElement>>;
+/** Trigger for navigation flyout content. */
+declare const NavigationMenuTrigger: react.ForwardRefExoticComponent<NavigationMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/** Flyout content for a navigation item. */
+declare const NavigationMenuContent: react.ForwardRefExoticComponent<NavigationMenuContentProps & react.RefAttributes<HTMLDivElement>>;
+/** Link inside the navigation menu. */
+declare const NavigationMenuLink: react.ForwardRefExoticComponent<NavigationMenuLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+/** Viewport for animated navigation flyouts. */
+declare const NavigationMenuViewport: react.ForwardRefExoticComponent<NavigationMenuViewportProps & react.RefAttributes<HTMLDivElement>>;
+/** Indicator displayed below active navigation triggers. */
+declare const NavigationMenuIndicator: react.ForwardRefExoticComponent<NavigationMenuIndicatorProps & react.RefAttributes<HTMLDivElement>>;
+
+/** Public props for {@link Popover}. */
+interface PopoverProps extends ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {
+}
+/** Public props for {@link PopoverTrigger}. */
+interface PopoverTriggerProps extends ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger> {
+}
+/** Public props for {@link PopoverAnchor}. */
+interface PopoverAnchorProps extends ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor> {
+}
+/** Public props for {@link PopoverContent}. */
+interface PopoverContentProps extends ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+    /** Side offset from anchor. */ sideOffset?: number;
+}
+/** Accessible floating content root powered by Radix Popover. */
+declare const Popover: react.FC<PopoverPrimitive.PopoverProps>;
+/** Button or custom element that opens the popover. */
+declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/** Optional anchor used for custom positioning. */
+declare const PopoverAnchor: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>>;
+/** Portal-rendered popover content. */
+declare const PopoverContent: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
+
+/** Slide-in side supported by {@link SheetContent}. */
+type SheetSide = "top" | "right" | "bottom" | "left";
+/** Public props for {@link Sheet}. */
+interface SheetProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Root> {
+    /** Controlled open state for the sheet. */
+    open?: boolean;
+    /** Initial open state for uncontrolled usage. */
+    defaultOpen?: boolean;
+}
+/** Public props for {@link SheetTrigger}. */
+interface SheetTriggerProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger> {
+}
+/** Public props for {@link SheetClose}. */
+interface SheetCloseProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Close> {
+}
+/** Public props for {@link SheetContent}. */
+interface SheetContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    /** Edge of the viewport the sheet slides from. */
+    side?: SheetSide;
+    /** Whether to render the close button in the top-right corner. */
+    showClose?: boolean;
+}
+/** Public props for {@link SheetHeader}. */
+interface SheetHeaderProps extends ComponentPropsWithoutRef<"div"> {
+}
+/** Public props for {@link SheetFooter}. */
+interface SheetFooterProps extends ComponentPropsWithoutRef<"div"> {
+}
+/** Public props for {@link SheetTitle}. */
+interface SheetTitleProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
+}
+/** Public props for {@link SheetDescription}. */
+interface SheetDescriptionProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {
+}
+/**
+ * Accessible slide-out panel root powered by Radix Dialog.
+ */
+declare const Sheet: react.FC<DialogPrimitive.DialogProps>;
+/**
+ * Button or custom element that opens the sheet.
+ */
+declare const SheetTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * Button or custom element that closes the sheet.
+ */
+declare const SheetClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * Portal-rendered sheet panel that slides from the selected viewport side.
+ */
+declare const SheetContent: react.ForwardRefExoticComponent<SheetContentProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * Header layout for sheet title and description.
+ */
+declare function SheetHeader({ className, ...props }: SheetHeaderProps): react.JSX.Element;
+/**
+ * Footer layout for sheet actions.
+ */
+declare function SheetFooter({ className, ...props }: SheetFooterProps): react.JSX.Element;
+/**
+ * Accessible sheet title. Use one per sheet content.
+ */
+declare const SheetTitle: react.ForwardRefExoticComponent<SheetTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Accessible sheet description connected to the sheet content.
+ */
+declare const SheetDescription: react.ForwardRefExoticComponent<SheetDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+
+/** Public props for {@link Tabs}. */
+interface TabsProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
+}
+/** Public props for {@link TabsList}. */
+interface TabsListProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+}
+/** Public props for {@link TabsTrigger}. */
+interface TabsTriggerProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
+}
+/** Public props for {@link TabsContent}. */
+interface TabsContentProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
+}
+/** Accessible tab set root powered by Radix Tabs. */
+declare const Tabs: react.ForwardRefExoticComponent<TabsPrimitive.TabsProps & react.RefAttributes<HTMLDivElement>>;
+/** Container for tab triggers. */
+declare const TabsList: react.ForwardRefExoticComponent<TabsListProps & react.RefAttributes<HTMLDivElement>>;
+/** A selectable tab trigger. */
+declare const TabsTrigger: react.ForwardRefExoticComponent<TabsTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/** Content panel associated with a tab trigger. */
+declare const TabsContent: react.ForwardRefExoticComponent<TabsContentProps & react.RefAttributes<HTMLDivElement>>;
+
+/** Public props for {@link TooltipProvider}. */
+interface TooltipProviderProps extends ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider> {
+}
+/** Public props for {@link Tooltip}. */
+interface TooltipProps extends ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
+}
+/** Public props for {@link TooltipTrigger}. */
+interface TooltipTriggerProps extends ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger> {
+}
+/** Public props for {@link TooltipContent}. */
+interface TooltipContentProps extends ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
+    /** Side offset from trigger. */ sideOffset?: number;
+}
+/** Provider for tooltip timing and shared behavior. */
+declare const TooltipProvider: react.FC<TooltipPrimitive.TooltipProviderProps>;
+/** Accessible tooltip root powered by Radix Tooltip. */
+declare const Tooltip: react.FC<TooltipPrimitive.TooltipProps>;
+/** Element that reveals tooltip content. */
+declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+/** Portal-rendered tooltip content. */
+declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLDivElement>>;
+
+/** Public props for {@link Toaster}. */
+interface ToasterProps extends ComponentPropsWithoutRef<typeof Toaster$1> {
+    /** Screen position for toast notifications. */
+    position?: ComponentPropsWithoutRef<typeof Toaster$1>["position"];
+}
+/** Theme-aware Sonner toaster host. */
+declare function Toaster({ richColors, closeButton, position, ...props }: ToasterProps): react.JSX.Element;
+
+/** Option accepted by {@link Combobox}. */ interface ComboboxOption {
+    /** Option value. */ value: string /** Display label. */;
+    label: string;
+}
+/** Public props for {@link Combobox}. */ interface ComboboxProps {
+    /** Available options. */ options: ComboboxOption[] /** Selected value. */;
+    value?: string /** Called when selected value changes. */;
+    onValueChange?: (value: string) => void /** Placeholder text. */;
+    placeholder?: string /** Empty result text. */;
+    emptyText?: string /** Disabled state. */;
+    disabled?: boolean;
+}
+/** Searchable select built from Popover and Command. */ declare function Combobox({ options, value, onValueChange, placeholder, emptyText, disabled }: ComboboxProps): react.JSX.Element;
+
+/** React Hook Form provider component. */
+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.JSX.Element;
+/** Public props for {@link FormField}. */ type FormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
+/** Controlled field wrapper powered by React Hook Form Controller. */ declare function FormField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormFieldProps<TFieldValues, TName>): react.JSX.Element;
+/** Public props for form layout items. */ interface FormItemProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** Public props for form labels. */ interface FormLabelProps extends React.ComponentPropsWithoutRef<typeof Label> {
+}
+/** Public props for form controls. */ interface FormControlProps {
+    /** Form control element. */ children: ReactNode;
+}
+/** Public props for descriptions. */ interface FormDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+}
+/** Public props for messages. */ interface FormMessageProps extends HTMLAttributes<HTMLParagraphElement> {
+    /** Explicit message. */ children?: ReactNode;
+}
+/** Layout wrapper for a form field. */ declare function FormItem({ className, ...props }: FormItemProps): react.JSX.Element;
+/** Label connected to the current form field. */ declare function FormLabel(props: FormLabelProps): react.JSX.Element;
+/** Slot-like form control wrapper. */ declare function FormControl({ children }: FormControlProps): react.JSX.Element;
+/** Supporting text for a field. */ declare function FormDescription({ className, ...props }: FormDescriptionProps): react.JSX.Element;
+/** Validation message for a field. */ declare function FormMessage({ className, children, ...props }: FormMessageProps): react.JSX.Element | null;
+
+interface SidebarItem {
+    /** Item label. */ label: string /** Item href. */;
+    href?: string /** Active state. */;
+    active?: boolean;
+}
+interface SidebarSection {
+    /** Section label. */ label?: string /** Navigation items. */;
+    items: SidebarItem[];
+}
+interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    /** Sidebar sections. */ sections: SidebarSection[] /** Initial collapsed state. */;
+    defaultCollapsed?: boolean;
+}
+/** Collapsible app navigation sidebar. */ declare function Sidebar({ sections, defaultCollapsed, className, ...props }: SidebarProps): react.JSX.Element;
+
+/**
+ * Minimal palette + appearance switcher.
+ * - SSR-safe: reads storage only after mount, so server and first client
+ *   render agree (avoids hydration mismatch).
+ * - Persists to localStorage via the appliers in palettes.ts.
+ * - No `any`.
+ *
+ * For zero-flash theming, also run a tiny inline script in <head> that sets
+ * document.documentElement.dataset.palette + the `dark` class from storage
+ * before React hydrates. This component then syncs with it.
+ */
+declare function ThemeSwitcher(): react.JSX.Element;
+
+/**
+ * Merge conditional class names and resolve Tailwind utility conflicts.
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+interface FormatCurrencyOptions {
+    currency?: string;
+    locale?: string;
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+}
+interface FormatDateOptions extends Intl.DateTimeFormatOptions {
+    locale?: string;
+}
+interface FormatNumberOptions extends Intl.NumberFormatOptions {
+    locale?: string;
+}
+declare function formatCurrency(value: number, options?: FormatCurrencyOptions): string;
+declare function formatDate(value: Date | number | string, options?: FormatDateOptions): string;
+declare function formatNumber(value: number, options?: FormatNumberOptions): string;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, type AlertProps, AlertTitle, type AlertTitleProps, type AlertVariant, type Appearance, AspectRatio, type AspectRatioProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, Combobox, type ComboboxOption, type ComboboxProps, 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, DEFAULT_PALETTE, DataTable, type DataTableProps, DateRangePicker, type DateRangePickerProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormatCurrencyOptions, type FormatDateOptions, type FormatNumberOptions, Input, type InputProps, type InputType, Label, type LabelProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type PaginationProps, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ScrollArea, type ScrollAreaProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Separator, type SeparatorProps, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, type SheetSide, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Switch, type SwitchProps, Table, TableBody, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSectionProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type TextareaResize, ThemeSwitcher, Toaster, type ToasterProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, type UiFont, type UiFontMeta, type UiPalette, type UiPaletteCategory, type UiTheme, type UseThemeResult, allFontsHref, appliers, applyAppearance, applyPalette, applyTheme, cn, formatCurrency, formatDate, formatNumber, getStoredAppearance, getStoredPalette, getStoredTheme, isUiPalette, isUiTheme, palettesByCategory, uiFontValues, uiFonts, uiPaletteValues, uiPalettes, uiThemeLabels, uiThemes, useDebounce, useMediaQuery, useTheme };