@nextlyhq/ui 0.0.2-alpha.5 → 0.0.2-alpha.50

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as react from 'react';
-import { ButtonHTMLAttributes, ComponentProps, TextareaHTMLAttributes, HTMLAttributes, ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ButtonHTMLAttributes, ComponentProps, TextareaHTMLAttributes, HTMLAttributes, ReactNode, ComponentPropsWithoutRef } from 'react';
 import * as class_variance_authority from 'class-variance-authority';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -24,7 +24,6 @@ import { Command as Command$1 } from 'cmdk';
 import { LucideProps } from 'lucide-react';
 import { ToasterProps } from 'sonner';
 export { ToasterProps, toast } from 'sonner';
-import { ClassValue } from 'clsx';
 
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -68,7 +67,7 @@ declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAtt
  * Design Specs:
  * - Height: sm=32px, default=40px, lg=44px
  * - Padding: Horizontal varies by size (sm=10px, default=12px, lg=16px)
- * - Border radius: 0px (rounded-none)
+ * - Border radius: `rounded-md`, the control step of the `--radius` scale
  * - Border: 1px solid, changes on focus/error
  * - Transition: 150ms (consistent with design system)
  * - Font size: sm/default=14px (text-sm), lg=16px (text-base)
@@ -98,6 +97,15 @@ declare const Textarea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<H
 
 declare function Label({ className, ...props }: ComponentProps<typeof Root>): react_jsx_runtime.JSX.Element;
 
+interface FormLabelWithTooltipProps extends react.ComponentPropsWithoutRef<typeof Label> {
+    label: react.ReactNode;
+    description?: react.ReactNode;
+    required?: boolean;
+    labelClassName?: string;
+    tooltipClassName?: string;
+}
+declare const FormLabelWithTooltip: react.ForwardRefExoticComponent<FormLabelWithTooltipProps & react.RefAttributes<HTMLLabelElement>>;
+
 /**
  * Badge Component - Design System Specification
  *
@@ -124,7 +132,7 @@ declare function Label({ className, ...props }: ComponentProps<typeof Root>): re
  * - success: Light green background
  * - warning: Light amber background
  * - destructive: Light red background
- * - outline: Transparent background with  border border-primary/5
+ * - outline: Transparent background with  border border-border
  */
 declare const badgeVariants: (props?: ({
     variant?: "default" | "primary" | "destructive" | "outline" | "success" | "warning" | null | undefined;
@@ -140,14 +148,14 @@ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_
  * Cards provide a structured layout with header, content, and footer sections.
  *
  * Design Specs:
- * - Border radius: 0px (rounded-none)
+ * - Border radius: `rounded-lg`, the container step of the `--radius` scale
  * - Padding: 24px (p-6) for header/content, 16px 24px for footer
  * - Shadow: sm (default), md (hover/elevated)
- * - Border: 1px solid  border border-primary/5 color
+ * - Border: 1px solid  border border-border color
  *
  * Variants:
  * - default: Standard card with subtle shadow
- * - interactive: Hover effects for clickable cards  (border border-primary/5 highlight, shadow increase)
+ * - interactive: Hover effects for clickable cards  (border border-border highlight, shadow increase)
  *   ⚠️ IMPORTANT: When using the interactive variant, you MUST add appropriate
  *   accessibility attributes:
  *   - Add role="button" or use an actual <button> wrapper
@@ -192,8 +200,8 @@ declare const Card: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElemen
 } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLDivElement>>;
 interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
     /**
-     * Whether to hide the bottom  border border-primary/5 separator between header and content.
-     * Default: false  (border border-primary/5 is shown per design spec)
+     * Whether to hide the bottom  border border-border separator between header and content.
+     * Default: false  (border border-border is shown per design spec)
      */
     noBorder?: boolean;
 }
@@ -209,6 +217,33 @@ declare const CardContent: react.ForwardRefExoticComponent<CardContentProps & re
 type CardFooterProps = HTMLAttributes<HTMLDivElement>;
 declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
 
+type Gap = 0 | 1 | 2 | 3 | 4 | 6 | 8;
+type Cols = 1 | 2 | 3 | 4 | 6;
+interface StackProps extends HTMLAttributes<HTMLDivElement> {
+    /** Main-axis direction. Default `col`. */
+    direction?: "col" | "row";
+    /** Gap between children (Tailwind spacing step). Default `4`. */
+    gap?: Gap;
+}
+/** Flex stack: vertical by default, horizontal with `direction="row"`. */
+declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLDivElement>>;
+interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    /** Column count. Default `2`. */
+    cols?: Cols;
+    /** Gap between cells. Default `4`. */
+    gap?: Gap;
+}
+/** Simple fixed-column grid. */
+declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLDivElement>>;
+interface StatProps extends HTMLAttributes<HTMLDivElement> {
+    /** Muted label above the value. */
+    label: string;
+    /** The emphasized value (string or node). */
+    value: ReactNode;
+}
+/** Labelled metric block for dashboard-style plugin widgets. */
+declare const Stat: react.ForwardRefExoticComponent<StatProps & react.RefAttributes<HTMLDivElement>>;
+
 /**
  * Alert Component - Design System Specification
  *
@@ -217,7 +252,7 @@ declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & reac
  *
  * Design Specs:
  * - Padding: 16px (p-4)
- * - Border radius: 0px (rounded-none) - intentionally smaller than Card (12px)
+ * - Border radius: `rounded-md`, one step tighter than Card's `rounded-lg`
  *   for inline/flow content vs. larger container components
  * - Border: 1px solid matching variant color
  * - Shadow: sm (subtle elevation)
@@ -332,7 +367,7 @@ declare function Separator({ className, orientation, decorative, ...props }: rea
  * @design_specs
  * - Background: bg-accent (slate-100 in light mode, slate-800 in dark mode)
  * - Animation: animate-pulse with motion-reduce:animate-none (respects prefers-reduced-motion)
- * - Border-radius: 0px (rounded-none)
+ * - Border-radius: `rounded-md` by default; override per placeholder shape
  * - Contrast: 3:1 minimum for WCAG 1.4.11 (Non-text Contrast) compliance
  *
  * @accessibility
@@ -352,13 +387,13 @@ declare function Separator({ className, orientation, decorative, ...props }: rea
  *
  * **Avatar Skeleton:**
  * ```tsx
- * <Skeleton className="h-12 w-12 rounded-none" />
+ * <Skeleton className="h-12 w-12 rounded-md" />
  * ```
  *
  * **Card Skeleton:**
  * ```tsx
  * <div className="space-y-3">
- *   <Skeleton className="h-[125px] w-[250px] rounded-none" />
+ *   <Skeleton className="h-[125px] w-[250px] rounded-lg" />
  *   <div className="space-y-2">
  *     <Skeleton className="h-4 w-[250px]" />
  *     <Skeleton className="h-4 w-[200px]" />
@@ -372,7 +407,7 @@ declare function Separator({ className, orientation, decorative, ...props }: rea
  *   {isLoading ? (
  *     <>
  *       <span className="sr-only">Loading user profile...</span>
- *       <Skeleton className="h-12 w-12 rounded-none" />
+ *       <Skeleton className="h-12 w-12 rounded-md" />
  *       <Skeleton className="h-4 w-[200px]" />
  *     </>
  *   ) : (
@@ -433,7 +468,7 @@ type ProgressProps = {
      * Visual variant for different states
      *
      * - `default`: Primary blue (bg-primary-500)
-     * - `success`: Green (bg-green-500)
+     * - `success`: Green (bg-success-500)
      * - `error`: Red (bg-destructive)
      *
      * @default "default"
@@ -500,7 +535,7 @@ declare const Progress: react.ForwardRefExoticComponent<{
      * Visual variant for different states
      *
      * - `default`: Primary blue (bg-primary-500)
-     * - `success`: Green (bg-green-500)
+     * - `success`: Green (bg-success-500)
      * - `error`: Red (bg-destructive)
      *
      * @default "default"
@@ -542,19 +577,27 @@ declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxPrimitive.C
  * Design Specs:
  * - Size: 16px (h-4 w-4) - Fixed size matching Checkbox
  * - Border: 1px solid, expands to 5px when checked (visual indicator)
- * - Border radius: Full (rounded-none)
+ * - Border radius: `rounded-full`. Round means "pick one" and square means
+ *   "pick many"; a square radio would announce the wrong behaviour, so the
+ *   shape is fixed and deliberately outside the `--radius` scale. Checkbox
+ *   keeps the derived radius for the same reason.
  * - Transition: 150ms (consistent with design system)
  * - Focus ring: 2px ring with 2px offset
  *
  * Implementation Notes:
  * - Uses Radix UI primitives for robust accessibility
- * - Visual "checked" state achieved via  border border-primary/5 expansion (border-[5px])
- * - No inner indicator needed -  border border-primary/5 expansion provides clear visual feedback
- * - Hover state changes  border border-primary/5 color for better interactivity
+ * - Visual "checked" state achieved via  border border-border expansion (border-[5px])
+ * - No inner indicator needed -  border border-border expansion provides clear visual feedback
+ * - Hover state changes  border border-border color for better interactivity
  */
 declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * A pill track carrying a circular thumb is how a toggle is recognised, so both
+ * parts use `rounded-full` and stay outside the `--radius` scale: at any theme
+ * radius the switch must still read as a switch and not as a small checkbox.
+ */
 declare function Switch({ className, ...props }: ComponentProps<typeof Root$1>): react_jsx_runtime.JSX.Element;
 
 declare const Collapsible: react.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
@@ -586,7 +629,7 @@ type AccordionContentProps = ComponentPropsWithoutRef<typeof Content>;
  * Built on Radix UI primitives with WAI-ARIA compliance.
  *
  * Design Specs:
- * - AccordionItem border: 1px bottom  border border-primary/5 (border-b)
+ * - AccordionItem border: 1px bottom  border border-border (border-b)
  * - AccordionTrigger padding: 16px vertical (py-4)
  * - AccordionTrigger font: font-medium (500 weight)
  * - AccordionContent padding: 16px bottom, 0 top (pb-4 pt-0)
@@ -677,7 +720,7 @@ declare const Accordion: react.ForwardRefExoticComponent<(AccordionPrimitive.Acc
  * AccordionItem - Container for trigger and content
  *
  * Design Specs:
- * - Border: 1px bottom  border border-primary/5 (border-b) for visual separation
+ * - Border: 1px bottom  border border-border (border-b) for visual separation
  * - Each item represents a collapsible section
  *
  * Accessibility:
@@ -750,7 +793,9 @@ declare const AccordionContent: react.ForwardRefExoticComponent<Omit<AccordionPr
  * - 2xl: 80px (h-20 w-20) - For profile headers, large avatars
  *
  * **Design Specs**:
- * - Border radius: rounded-none (circular)
+ * - Border radius: `rounded-full`. A person's avatar is read as a circle, so it
+ *   sits outside the `--radius` scale and stays circular at any theme radius.
+ *   Non-identity content (media thumbnails) overrides back to a scale step.
  * - Background: bg-accent (slate-100 light, slate-800 dark)
  * - Text color: text-accent-foreground (slate-900 light, slate-100 dark)
  * - Fallback text scales with avatar size (text-xs to text-2xl)
@@ -923,8 +968,9 @@ type TabsContentProps = ComponentPropsWithoutRef<typeof Content$1>;
  * Built on Radix UI primitives with WAI-ARIA compliance.
  *
  * Design Specs:
- * - TabsList border-radius: 0px (rounded-none)
- * - TabsTrigger border-radius: 0px (rounded-none)
+ * - TabsList border-radius: square, independent of `--radius`
+ * - TabsTrigger border-radius: square, independent of `--radius`; the active
+ *   state is a 2px bottom border that has to stay flush with the tab edges
  * - TabsList height: 40px (h-10)
  * - TabsTrigger padding: 12px 24px (px-3 py-1.5)
  * - Transition duration: 150ms (design system standard)
@@ -1012,8 +1058,8 @@ declare const TabsList: react.ForwardRefExoticComponent<Omit<_radix_ui_react_tab
  * - Padding: 6px 16px (px-4 py-2)
  * - Font: text-sm (14px), font-medium (500)
  * - Transition: 150ms (design system standard)
- * - Active state: blue text with blue bottom  border border-primary/5 (2px)
- * - Hover: blue text with blue bottom  border border-primary/5
+ * - Active state: blue text with blue bottom  border border-border (2px)
+ * - Hover: blue text with blue bottom  border border-border
  * - Gmail-inspired clean underline style
  *
  * Accessibility:
@@ -1078,7 +1124,7 @@ declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimit
  * ```
  *
  * @design-spec
- * - Border-radius: 0px (rounded-none) per design system spec
+ * - Border-radius: `rounded-lg`, the container step of the `--radius` scale
  * - Max-width: 512px (default), responsive sizes available
  * - Backdrop: black/80 with blur effect
  * - Padding: 24px (p-6)
@@ -1223,7 +1269,7 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<AlertDialo
  * Provides context menus, action menus, and navigation menus with full keyboard support.
  *
  * **Design Specifications**:
- * - Border-radius: 0px (rounded-none) - consistent with Dialog, Select
+ * - Border-radius: `rounded-lg` for the menu surface, `rounded-sm` for items
  * - Padding: 4px (p-1) - compact spacing for menu items
  * - Shadow: shadow-md - floating element elevation
  * - Z-index: z-50 - above most content, below modals
@@ -1402,7 +1448,7 @@ type DropdownMenuShortcutProps = react.HTMLAttributes<HTMLSpanElement>;
  * Design Specs:
  * - Height: sm=32px, default=40px, lg=44px (matches Input component)
  * - Padding: Horizontal 12px, vertical varies by size
- * - Border radius: 0px (rounded-none)
+ * - Border radius: `rounded-md` on the trigger, `rounded-lg` on the panel
  * - Border: 1px solid, changes on focus/error
  * - Transition: 150ms (consistent with design system)
  * - Font size: sm/default=14px (text-sm), lg=16px (text-base)
@@ -1651,7 +1697,7 @@ type SheetDescriptionRef = React.ElementRef<typeof DialogPrimitive.Description>;
  * @design-spec
  * - Input height: 48px (h-12) - larger for prominence
  * - Item height: 36px (h-9) desktop, 44px (h-11) mobile for touch
- * - Border radius: 0px (rounded-none) for items
+ * - Border radius: `rounded-lg` for the panel, `rounded-sm` for items
  * - Max list height: 400px (max-h-[400px])
  * - Transition: 150ms per design system
  *
@@ -1771,7 +1817,7 @@ declare const CommandGroup: react.ForwardRefExoticComponent<Omit<{
 type CommandSeparatorProps = ComponentPropsWithoutRef<typeof Command$1.Separator>;
 /**
  * CommandSeparator - Visual divider between command groups.
- * 1px line with  border border-primary/5 color, 8px margin top/bottom.
+ * 1px line with  border border-border color, 8px margin top/bottom.
  */
 declare const CommandSeparator: react.ForwardRefExoticComponent<Omit<Pick<Pick<react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
@@ -1936,9 +1982,9 @@ declare const Spinner: react.ForwardRefExoticComponent<Omit<SpinnerProps, "ref">
  *
  * Customization:
  * All styling uses CSS variables from the design system:
- * - --normal-bg: Background color (uses --popover with fallback)
- * - --normal-text: Text color (uses --popover-foreground with fallback)
- * - --normal-border: Border color (uses --border with fallback)
+ * - --normal-bg: Background color (uses --nx-popover with fallback)
+ * - --normal-text: Text color (uses --nx-popover-foreground with fallback)
+ * - --normal-border: Border color (uses --nx-border with fallback)
  * - --border-radius: Border radius (uses --radius with fallback)
  *
  * Security:
@@ -2038,6 +2084,22 @@ interface TableEmptyProps {
  */
 declare function TableEmpty({ message }: TableEmptyProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * TableSkeleton Component
+ *
+ * Generic loading skeleton for data tables.
+ * Renders header, body, and footer skeleton bars inside a card.
+ * Unified with EntryTable skeleton pattern for consistency across all tables.
+ */
+
+interface TableSkeletonProps {
+    columns?: number;
+    rowCount?: number;
+    hideWrapper?: boolean;
+    hideFooter?: boolean;
+}
+declare const TableSkeleton: react.FC<TableSkeletonProps>;
+
 interface PaginationMeta {
     total: number;
     page: number;
@@ -2079,129 +2141,6 @@ interface ActionCallbacks<TData = unknown> {
 }
 type DataFetcher<TData> = (params: TableParams) => Promise<ListResponse<TData>>;
 
-/**
- * Props for TablePagination component
- */
-interface TablePaginationProps {
-    /** Pagination metadata from server */
-    meta: PaginationMeta;
-    /** Callback when page changes */
-    onPageChange: (page: number) => void;
-    /** Callback when page size changes */
-    onPageSizeChange: (pageSize: number) => void;
-    /** Pagination configuration */
-    config?: Required<PaginationConfig>;
-    /** Whether data is currently loading */
-    isLoading?: boolean;
-}
-/**
- * Pagination controls for tables
- */
-declare function TablePagination({ meta, onPageChange, onPageSizeChange, config, isLoading, }: TablePaginationProps): react_jsx_runtime.JSX.Element;
-
-/**
- * TableSkeleton Component
- *
- * Generic loading skeleton for data tables.
- * Renders header, body, and footer skeleton bars inside a card.
- * Unified with EntryTable skeleton pattern for consistency across all tables.
- */
-
-interface TableSkeletonProps {
-    columns?: number;
-    rowCount?: number;
-    hideWrapper?: boolean;
-    hideFooter?: boolean;
-}
-declare const TableSkeleton: react.FC<TableSkeletonProps>;
-
-/**
- * Column definition for ResponsiveTable
- *
- * Provides type-safe column definitions with proper type narrowing for render functions.
- *
- * @template T - The data type of items in the table
- * @template K - The specific key from T (defaults to any key of T)
- *
- * @example
- * ```tsx
- * interface User {
- *   id: string;
- *   name: string;
- *   age: number;
- * }
- *
- * // Type-safe column definition with proper inference
- * const columns: Column<User>[] = [
- *   {
- *     key: "name",
- *     label: "Name",
- *     // value is inferred as string, not string | number
- *     render: (value, user) => <strong>{value}</strong>
- *   },
- *   {
- *     key: "age",
- *     label: "Age",
- *     // value is inferred as number, not string | number
- *     render: (value) => `${value} years old`
- *   }
- * ];
- * ```
- */
-type Column<T, K extends keyof T = keyof T> = {
-    /** Unique key for the column (must match a property in T) */
-    key: K;
-    /** Display label for the column header */
-    label: react.ReactNode;
-    /** Optional custom renderer for cell content with type-safe value */
-    render?: (value: T[K], item: T) => react.ReactNode;
-    /** Hide column on mobile card view (optional, default: false) */
-    hideOnMobile?: boolean;
-    /** Hide the label on mobile card view (optional, default: false) */
-    hideLabelOnMobile?: boolean;
-    /** Optional custom className for the table header cell */
-    headerClassName?: string;
-    /** Optional custom className for the table body cell */
-    cellClassName?: string;
-};
-/**
- * Props for ResponsiveTable component
- *
- * @template T - The data type of items in the table, must have an 'id' property
- */
-type ResponsiveTableProps<T extends {
-    id: string;
-}> = {
-    /** Array of data items to display */
-    data: T[];
-    /** Array of column definitions */
-    columns: Column<T>[];
-    /** Optional callback when a row/card is clicked */
-    onRowClick?: (item: T) => void;
-    /** Optional custom renderer for mobile card view */
-    renderMobileCard?: (item: T, columns: Column<T>[]) => react.ReactNode;
-    /** Optional custom className for the container */
-    className?: string;
-    /** Optional empty state message */
-    emptyMessage?: string;
-    /** Optional ARIA label for the table (improves screen reader experience) */
-    ariaLabel?: string;
-    /** Optional custom className for the internal desktop table wrapper */
-    tableWrapperClassName?: string;
-    /** Optional footer content rendered inside the table card (e.g. Pagination) */
-    footer?: react.ReactNode;
-};
-/**
- * Ref type for ResponsiveTable component
- */
-type ResponsiveTableRef = HTMLDivElement;
-
-declare const ResponsiveTable: <T extends {
-    id: string;
-}>(props: ResponsiveTableProps<T> & {
-    ref?: react.ForwardedRef<HTMLDivElement>;
-}) => react.ReactElement;
-
 interface PortalProviderProps {
     /** The DOM element to portal overlay content into. Defaults to document.body (Radix default). */
     container: HTMLElement | null;
@@ -2210,110 +2149,4 @@ interface PortalProviderProps {
 declare function PortalProvider({ container, children }: PortalProviderProps): react_jsx_runtime.JSX.Element;
 declare function usePortalContainer(): HTMLElement | undefined;
 
-/**
- * Utility function to merge class names with Tailwind CSS support.
- *
- * Combines clsx for conditional class names with tailwind-merge
- * to properly handle Tailwind CSS class conflicts.
- *
- * @example
- * ```typescript
- * cn('px-2 py-1', 'px-4') // => 'py-1 px-4'
- * cn('text-red-500', condition && 'text-blue-500')
- * ```
- */
-declare function cn(...inputs: ClassValue[]): string;
-
-/**
- * Tailwind CSS preset for @nextlyhq/ui components.
- *
- * Defines the CSS custom property contract that all UI components expect.
- * Consumers must provide the actual CSS variable values in their stylesheets.
- *
- * Usage (Tailwind v3):
- *   // tailwind.config.ts
- *   import uiPreset from "@nextlyhq/ui/tailwind-preset";
- *   export default { presets: [uiPreset], ... };
- *
- * Usage (Tailwind v4 with @config):
- *   Consumers define the equivalent @theme tokens in their CSS.
- *   This file serves as the reference contract.
- */
-declare const uiPreset: {
-    theme: {
-        extend: {
-            colors: {
-                border: string;
-                input: string;
-                ring: string;
-                background: string;
-                foreground: string;
-                primary: {
-                    DEFAULT: string;
-                    foreground: string;
-                };
-                secondary: {
-                    DEFAULT: string;
-                    foreground: string;
-                };
-                destructive: {
-                    DEFAULT: string;
-                    foreground: string;
-                };
-                success: {
-                    DEFAULT: string;
-                    foreground: string;
-                };
-                warning: {
-                    DEFAULT: string;
-                    foreground: string;
-                };
-                muted: {
-                    DEFAULT: string;
-                    foreground: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    foreground: string;
-                };
-                popover: {
-                    DEFAULT: string;
-                    foreground: string;
-                };
-                card: {
-                    DEFAULT: string;
-                    foreground: string;
-                };
-            };
-            borderRadius: {
-                lg: string;
-                md: string;
-                sm: string;
-            };
-            keyframes: {
-                "accordion-down": {
-                    from: {
-                        height: string;
-                    };
-                    to: {
-                        height: string;
-                    };
-                };
-                "accordion-up": {
-                    from: {
-                        height: string;
-                    };
-                    to: {
-                        height: string;
-                    };
-                };
-            };
-            animation: {
-                "accordion-down": string;
-                "accordion-up": string;
-            };
-        };
-    };
-};
-
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type ActionCallbacks, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, 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, type DataFetcher, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, 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, type FilterInfo, Input, type InputProps, Label, type ListResponse, type PaginationConfig, type PaginationMeta, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalProvider, Progress, type ProgressProps, RadioGroup, RadioGroupItem, ResponsiveTable, type ResponsiveTableProps, type ResponsiveTableRef, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, type SheetContentRef, SheetDescription, type SheetDescriptionProps, type SheetDescriptionRef, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, SheetOverlay, type SheetOverlayProps, type SheetOverlayRef, SheetPortal, type SheetProps, SheetTitle, type SheetTitleProps, type SheetTitleRef, SheetTrigger, type SheetTriggerProps, Skeleton, type SkeletonProps, type SortInfo, Spinner, type SpinnerProps, Switch, Table, TableBody, TableCaption, TableCell, TableEmpty, type TableEmptyProps, TableError, type TableErrorProps, TableFooter, TableHead, TableHeader, TableLoading, TablePagination, type TablePaginationProps, type TableParams, TableRow, TableSearch, type TableSearchProps, TableSkeleton, type TableSkeletonProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, cn, dialogContentVariants, inputVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, uiPreset, usePortalContainer };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type ActionCallbacks, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, 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, type DataFetcher, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, 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, type FilterInfo, FormLabelWithTooltip, type FormLabelWithTooltipProps, Grid, type GridProps, Input, type InputProps, Label, type ListResponse, type PaginationConfig, type PaginationMeta, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalProvider, Progress, type ProgressProps, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, type SheetContentRef, SheetDescription, type SheetDescriptionProps, type SheetDescriptionRef, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, SheetOverlay, type SheetOverlayProps, type SheetOverlayRef, SheetPortal, type SheetProps, SheetTitle, type SheetTitleProps, type SheetTitleRef, SheetTrigger, type SheetTriggerProps, Skeleton, type SkeletonProps, type SortInfo, Spinner, type SpinnerProps, Stack, type StackProps, Stat, type StatProps, Switch, Table, TableBody, TableCaption, TableCell, TableEmpty, type TableEmptyProps, TableError, type TableErrorProps, TableFooter, TableHead, TableHeader, TableLoading, type TableParams, TableRow, TableSearch, type TableSearchProps, TableSkeleton, type TableSkeletonProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, dialogContentVariants, inputVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, usePortalContainer };