@engrate/components 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -1,1208 +1,2 @@
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { ClassProp } from 'class-variance-authority/types';
-import { ClassValue } from 'clsx';
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import * as React_2 from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-import * as ToastPrimitives from '@radix-ui/react-toast';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { VariantProps } from 'class-variance-authority';
-
-export declare const ActionsMenuButton: React_2.ForwardRefExoticComponent<ActionsMenuButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface ActionsMenuButtonProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {
-    /** Size of the ellipsis icon */
-    iconSize?: 'sm' | 'default' | 'lg';
-}
-
-export declare const AlertDialog: React_2.FC<AlertDialogPrimitive.AlertDialogProps>;
-
-export declare const AlertDialogAction: React_2.ForwardRefExoticComponent<AlertDialogActionProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface AlertDialogActionProps extends React_2.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>, VariantProps<typeof buttonVariants> {
-}
-
-export declare const AlertDialogCancel: React_2.ForwardRefExoticComponent<AlertDialogCancelProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface AlertDialogCancelProps extends React_2.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>, VariantProps<typeof buttonVariants> {
-}
-
-export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface AlertDialogContentProps extends React_2.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>, VariantProps<typeof alertDialogContentVariants> {
-}
-
-export declare const alertDialogContentVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const AlertDialogDescription: React_2.ForwardRefExoticComponent<AlertDialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>>;
-
-export declare interface AlertDialogDescriptionProps extends React_2.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> {
-}
-
-export declare const AlertDialogFooter: React_2.ForwardRefExoticComponent<AlertDialogFooterProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface AlertDialogFooterProps extends React_2.HTMLAttributes<HTMLDivElement> {
-}
-
-export declare const AlertDialogHeader: React_2.ForwardRefExoticComponent<AlertDialogHeaderProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface AlertDialogHeaderProps extends React_2.HTMLAttributes<HTMLDivElement> {
-}
-
-export declare const AlertDialogOverlay: React_2.ForwardRefExoticComponent<AlertDialogOverlayProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface AlertDialogOverlayProps extends React_2.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay> {
-}
-
-export declare const AlertDialogPortal: React_2.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-
-export declare const AlertDialogTitle: React_2.ForwardRefExoticComponent<AlertDialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>>;
-
-export declare interface AlertDialogTitleProps extends React_2.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> {
-}
-
-export declare const AlertDialogTrigger: React_2.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-/**
- * Badge component for displaying status, labels, or counts.
- * Features pill-shaped design with various Engrate brand colors.
- *
- * @example
- * ```tsx
- * <Badge variant="sunflower">New</Badge>
- * <Badge variant="error" size="sm">Alert</Badge>
- * <Badge variant="deep-blue" size="lg">Premium</Badge>
- * ```
- */
-export declare const Badge: React_2.ForwardRefExoticComponent<BadgeProps & React_2.RefAttributes<HTMLSpanElement>>;
-
-export declare interface BadgeProps extends Omit<React_2.HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
-    /** Render as a child component (for use with links, etc.) */
-    asChild?: boolean;
-}
-
-export declare const badgeVariants: (props?: ({
-    variant?: "secondary" | "sunflower" | "lemon-meringue" | "vanilla" | "eggshell" | "warm-purple" | "cool-purple" | "electric-blue" | "deep-blue" | "error" | null | undefined;
-    size?: "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Individual breadcrumb item. Use href for links or isCurrentPage for the current location.
- */
-export declare const BreadcrumbItem: React_2.ForwardRefExoticComponent<BreadcrumbItemProps & React_2.RefAttributes<HTMLAnchorElement>>;
-
-export declare interface BreadcrumbItemProps extends React_2.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof breadcrumbItemVariants> {
-    /** Render as a child component (for use with Next.js Link, etc.) */
-    asChild?: boolean;
-    /** Indicates this is the current page (should not be a link) */
-    isCurrentPage?: boolean;
-}
-
-export declare const breadcrumbItemVariants: (props?: ({
-    isCurrentPage?: boolean | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Breadcrumbs navigation component following Engrate brand guidelines.
- * Provides a navigation trail showing the user's location within a hierarchy.
- *
- * @example
- * ```tsx
- * <Breadcrumbs>
- *   <BreadcrumbItem href="/">Home</BreadcrumbItem>
- *   <BreadcrumbItem href="/products">Products</BreadcrumbItem>
- *   <BreadcrumbItem isCurrentPage>Current Product</BreadcrumbItem>
- * </Breadcrumbs>
- * ```
- */
-export declare const Breadcrumbs: React_2.ForwardRefExoticComponent<BreadcrumbsProps & React_2.RefAttributes<HTMLElement>>;
-
-/**
- * Separator between breadcrumb items. Defaults to a chevron icon.
- */
-export declare const BreadcrumbSeparator: React_2.ForwardRefExoticComponent<BreadcrumbSeparatorProps & React_2.RefAttributes<HTMLSpanElement>>;
-
-export declare interface BreadcrumbSeparatorProps extends React_2.HTMLAttributes<HTMLSpanElement> {
-}
-
-export declare interface BreadcrumbsProps extends React_2.HTMLAttributes<HTMLElement>, VariantProps<typeof breadcrumbsVariants> {
-    /** Custom separator between breadcrumb items */
-    separator?: React_2.ReactNode;
-}
-
-export declare const breadcrumbsVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Primary UI button component following Engrate brand guidelines.
- * Features pill-shaped design with Sunflower yellow as primary color.
- *
- * @example
- * ```tsx
- * <Button variant="primary">Click me</Button>
- * <Button variant="secondary" size="sm">Secondary</Button>
- * <Button asChild><a href="/link">Link Button</a></Button>
- * ```
- */
-export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    /** Render as a child component (for use with Next.js Link, etc.) */
-    asChild?: boolean;
-}
-
-export declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "ghost" | null | undefined;
-    size?: "sm" | "default" | "lg" | "icon" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const calendarDayVariants: (props?: ({
-    state?: "default" | "disabled" | "selected" | "today" | "outside" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Card component for displaying content in a contained area.
- * Follows Engrate design system with support for variants, padding, and background colors.
- *
- * @example
- * ```tsx
- * <Card>
- *   <Heading>Title</Heading>
- *   <Text>Content goes here</Text>
- * </Card>
- * <Card variant="elevated" padding="lg">Elevated card</Card>
- * <Card bg="sunflower">Highlighted card</Card>
- * ```
- */
-export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
-    /** Render as a child component */
-    asChild?: boolean;
-    /** Background color from Engrate design tokens */
-    bg?: VariantProps<typeof cardVariants>['bg'];
-}
-
-export declare const cardVariants: (props?: ({
-    variant?: "ghost" | "default" | "elevated" | null | undefined;
-    padding?: "sm" | "default" | "lg" | "none" | null | undefined;
-    bg?: "contrast" | "main" | "sunflower" | "lemon-meringue" | "vanilla" | "eggshell" | "warm-purple" | "cool-purple" | "electric-blue" | "deep-blue" | "error" | "card" | "alt" | "transparent" | "sunflower-hover" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Checkbox component following Engrate brand guidelines.
- * Built on Radix UI Checkbox for accessibility.
- * Features sunflower accent when checked.
- *
- * @example
- * ```tsx
- * <Checkbox id="terms" />
- * <Checkbox checked disabled />
- * ```
- */
-export declare const Checkbox: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface CheckboxProps extends React_2.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
-}
-
-/**
- * Merge Tailwind CSS classes with proper precedence handling.
- * Combines clsx for conditional classes with tailwind-merge for deduplication.
- *
- * @example
- * ```tsx
- * cn('px-4 py-2', isLarge && 'px-6 py-3', className)
- * ```
- */
-export declare function cn(...inputs: ClassValue[]): string;
-
-export declare const ContextMenu: React_2.FC<ContextMenuPrimitive.ContextMenuProps>;
-
-export declare const ContextMenuCheckboxItem: React_2.ForwardRefExoticComponent<ContextMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ContextMenuCheckboxItemProps extends React_2.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem> {
-}
-
-export declare const ContextMenuContent: React_2.ForwardRefExoticComponent<ContextMenuContentProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ContextMenuContentProps extends React_2.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> {
-}
-
-export declare const ContextMenuGroup: React_2.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const ContextMenuItem: React_2.ForwardRefExoticComponent<ContextMenuItemProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ContextMenuItemProps extends React_2.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> {
-    inset?: boolean;
-}
-
-export declare const ContextMenuLabel: React_2.ForwardRefExoticComponent<ContextMenuLabelProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ContextMenuLabelProps extends React_2.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> {
-    inset?: boolean;
-}
-
-export declare const ContextMenuPortal: React_2.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
-
-export declare const ContextMenuRadioGroup: React_2.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const ContextMenuRadioItem: React_2.ForwardRefExoticComponent<ContextMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ContextMenuRadioItemProps extends React_2.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem> {
-}
-
-export declare const ContextMenuSeparator: React_2.ForwardRefExoticComponent<ContextMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ContextMenuSeparatorProps extends React_2.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator> {
-}
-
-export declare const ContextMenuShortcut: React_2.ForwardRefExoticComponent<ContextMenuShortcutProps & React_2.RefAttributes<HTMLSpanElement>>;
-
-export declare interface ContextMenuShortcutProps extends React_2.HTMLAttributes<HTMLSpanElement> {
-}
-
-export declare const ContextMenuSub: React_2.FC<ContextMenuPrimitive.ContextMenuSubProps>;
-
-export declare const ContextMenuSubContent: React_2.ForwardRefExoticComponent<ContextMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ContextMenuSubContentProps extends React_2.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent> {
-}
-
-export declare const ContextMenuSubTrigger: React_2.ForwardRefExoticComponent<ContextMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ContextMenuSubTriggerProps extends React_2.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> {
-    inset?: boolean;
-}
-
-export declare const ContextMenuTrigger: React_2.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React_2.RefAttributes<HTMLSpanElement>>;
-
-/**
- * DatePicker component following Engrate brand guidelines.
- * Features a calendar popup with month/year navigation and accessible keyboard controls.
- *
- * @example
- * ```tsx
- * const [date, setDate] = useState<Date | null>(null)
- * <DatePicker value={date} onChange={setDate} placeholder="Select a date" />
- * ```
- */
-export declare const DatePicker: React_2.ForwardRefExoticComponent<DatePickerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface DatePickerProps extends VariantProps<typeof datePickerTriggerVariants> {
-    /** The currently selected date */
-    value?: Date | null;
-    /** Callback when the date changes */
-    onChange?: (date: Date | null) => void;
-    /** Placeholder text when no date is selected */
-    placeholder?: string;
-    /** Date format string (supports MM, dd, yyyy) */
-    format?: string;
-    /** Minimum selectable date */
-    minDate?: Date;
-    /** Maximum selectable date */
-    maxDate?: Date;
-    /** Whether the date picker is disabled */
-    disabled?: boolean;
-    /** Additional class name for the trigger */
-    className?: string;
-    /** ID for the trigger element */
-    id?: string;
-    /** Name attribute for form integration */
-    name?: string;
-    /** aria-label for accessibility */
-    'aria-label'?: string;
-    /** aria-describedby for accessibility */
-    'aria-describedby'?: string;
-}
-
-export declare const datePickerTriggerVariants: (props?: ({
-    variant?: "default" | "error" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * DateTimePicker component following Engrate brand guidelines.
- * Features a calendar popup with time selection and accessible keyboard controls.
- *
- * @example
- * ```tsx
- * const [dateTime, setDateTime] = useState<Date | null>(null)
- * <DateTimePicker value={dateTime} onChange={setDateTime} placeholder="Select date and time" />
- * ```
- */
-export declare const DateTimePicker: React_2.ForwardRefExoticComponent<DateTimePickerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare const dateTimePickerCalendarDayVariants: (props?: ({
-    state?: "default" | "disabled" | "selected" | "today" | "outside" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare interface DateTimePickerProps extends VariantProps<typeof dateTimePickerTriggerVariants> {
-    /** The currently selected date and time */
-    value?: Date | null;
-    /** Callback when the date/time changes */
-    onChange?: (date: Date | null) => void;
-    /** Placeholder text when no date is selected */
-    placeholder?: string;
-    /** Date/time format string (supports MM, dd, yyyy, HH, hh, mm, a) */
-    format?: string;
-    /** Minimum selectable date */
-    minDate?: Date;
-    /** Maximum selectable date */
-    maxDate?: Date;
-    /** Whether the date time picker is disabled */
-    disabled?: boolean;
-    /** Additional class name for the trigger */
-    className?: string;
-    /** ID for the trigger element */
-    id?: string;
-    /** Name attribute for form integration */
-    name?: string;
-    /** Use 24-hour format for time (default: true) */
-    use24Hour?: boolean;
-    /** Step for minutes (default: 1) */
-    minuteStep?: number;
-    /** aria-label for accessibility */
-    'aria-label'?: string;
-    /** aria-describedby for accessibility */
-    'aria-describedby'?: string;
-}
-
-export declare const dateTimePickerTriggerVariants: (props?: ({
-    variant?: "default" | "error" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Divider component for visually separating content.
- * Supports both horizontal and vertical orientations.
- *
- * @example
- * ```tsx
- * // Horizontal divider (default)
- * <Divider />
- *
- * // Vertical divider
- * <Divider orientation="vertical" />
- *
- * // With custom styling
- * <Divider className="my-4" />
- * ```
- */
-export declare const Divider: React_2.ForwardRefExoticComponent<DividerProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DividerProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dividerVariants> {
-    /**
-     * Whether the divider is decorative only.
-     * When true, the divider will be hidden from screen readers.
-     * @default true
-     */
-    decorative?: boolean;
-}
-
-export declare const dividerVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-
-export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuCheckboxItemProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> {
-}
-
-export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuContentProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
-}
-
-export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuItemProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
-    inset?: boolean;
-}
-
-export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuLabelProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
-    inset?: boolean;
-}
-
-export declare const DropdownMenuPortal: React_2.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-
-export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const DropdownMenuRadioItem: React_2.ForwardRefExoticComponent<DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuRadioItemProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> {
-}
-
-export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuSeparatorProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {
-}
-
-export declare const DropdownMenuShortcut: React_2.ForwardRefExoticComponent<DropdownMenuShortcutProps & React_2.RefAttributes<HTMLSpanElement>>;
-
-export declare interface DropdownMenuShortcutProps extends React_2.HTMLAttributes<HTMLSpanElement> {
-}
-
-export declare const DropdownMenuSub: React_2.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-
-export declare const DropdownMenuSubContent: React_2.ForwardRefExoticComponent<DropdownMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuSubContentProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> {
-}
-
-export declare const DropdownMenuSubTrigger: React_2.ForwardRefExoticComponent<DropdownMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuSubTriggerProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> {
-    inset?: boolean;
-}
-
-export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare const Eyebrow: React_2.ForwardRefExoticComponent<EyebrowProps & React_2.RefAttributes<HTMLSpanElement>>;
-
-export declare interface EyebrowProps extends React_2.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof eyebrowVariants> {
-    asChild?: boolean;
-}
-
-export declare const eyebrowVariants: (props?: ({
-    variant?: "primary" | "secondary" | "default" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Form field wrapper component for consistent form layouts.
- * Composes Label, children (form control), and FormMessage.
- * Simple presentational wrapper following Engrate brand guidelines.
- *
- * @example
- * ```tsx
- * <FormField label="Email" htmlFor="email" hint="We'll never share your email.">
- *   <Input id="email" placeholder="you@example.com" />
- * </FormField>
- *
- * <FormField label="Password" htmlFor="password" error="Password is required">
- *   <Input id="password" type="password" variant="error" />
- * </FormField>
- * ```
- */
-export declare const FormField: React_2.ForwardRefExoticComponent<FormFieldProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface FormFieldProps extends React_2.HTMLAttributes<HTMLDivElement> {
-    /** The label for the field */
-    label?: string;
-    /** The size of the label */
-    labelSize?: 'default' | 'sm';
-    /** An optional hint message */
-    hint?: string;
-    /** An optional error message */
-    error?: string;
-    /** The id for the form control (used for htmlFor on label) */
-    htmlFor?: string;
-}
-
-/**
- * Form message component for displaying hints or error messages.
- * Following Engrate brand guidelines.
- *
- * @example
- * ```tsx
- * <FormMessage>This is a hint message</FormMessage>
- * <FormMessage variant="error">This field is required</FormMessage>
- * ```
- */
-export declare const FormMessage: React_2.ForwardRefExoticComponent<FormMessageProps & React_2.RefAttributes<HTMLParagraphElement>>;
-
-export declare interface FormMessageProps extends React_2.HTMLAttributes<HTMLParagraphElement> {
-    /** The type of message to display */
-    variant?: 'default' | 'error';
-}
-
-/**
- * Grid component for consistent layout structures.
- * Provides a flexible grid system with configurable columns, gaps, and alignment.
- *
- * @example
- * ```tsx
- * <Grid cols={3} gap="lg">
- *   <Card>Item 1</Card>
- *   <Card>Item 2</Card>
- *   <Card>Item 3</Card>
- * </Grid>
- * ```
- */
-export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
-
-/**
- * GridItem component for controlling individual item placement within a Grid.
- *
- * @example
- * ```tsx
- * <Grid cols={12}>
- *   <GridItem colSpan={8}>Main content</GridItem>
- *   <GridItem colSpan={4}>Sidebar</GridItem>
- * </Grid>
- * ```
- */
-export declare const GridItem: React_2.ForwardRefExoticComponent<GridItemProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface GridItemProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridItemVariants> {
-    /** Render as a child component using Slot */
-    asChild?: boolean;
-}
-
-export declare const gridItemVariants: (props?: ({
-    colSpan?: 1 | 2 | 3 | 4 | 5 | 6 | 11 | 12 | 10 | "full" | 7 | 8 | 9 | null | undefined;
-    rowSpan?: 1 | 2 | 3 | 4 | 5 | 6 | "full" | null | undefined;
-    colStart?: 1 | "auto" | 2 | 3 | 4 | 5 | 6 | 11 | 12 | 10 | 7 | 8 | 9 | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
-    /** Render as a child component using Slot */
-    asChild?: boolean;
-}
-
-export declare const gridVariants: (props?: ({
-    cols?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | null | undefined;
-    gap?: "sm" | "lg" | "none" | "xs" | "md" | "xl" | "2xl" | null | undefined;
-    align?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
-    justify?: "end" | "start" | "center" | "stretch" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const Heading: React_2.ForwardRefExoticComponent<HeadingProps & React_2.RefAttributes<HTMLHeadingElement>>;
-
-declare type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-
-export declare interface HeadingProps extends React_2.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
-    /**
-     * Render as a different element using Radix Slot
-     */
-    asChild?: boolean;
-    /**
-     * Override the default HTML element for semantic flexibility
-     * @default Matches the level prop (hero renders as h1)
-     */
-    as?: HeadingElement;
-}
-
-export declare const headingVariants: (props?: ({
-    level?: "hero" | "h1" | "h2" | "h3" | "h4" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Text input component following Engrate brand guidelines.
- * Features rounded corners, subtle background, and sunflower focus ring.
- *
- * @example
- * ```tsx
- * <Input placeholder="Enter your email" />
- * <Input variant="error" placeholder="Invalid input" />
- * ```
- */
-export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
-
-export declare interface InputProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
-}
-
-export declare const inputVariants: (props?: ({
-    variant?: "default" | "error" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Form label component following Engrate brand guidelines.
- * Uses text-tertiary color and Work Sans font.
- *
- * @example
- * ```tsx
- * <Label htmlFor="email">Email address</Label>
- * <Label size="sm">Small label</Label>
- * ```
- */
-export declare const Label: React_2.ForwardRefExoticComponent<LabelProps & React_2.RefAttributes<HTMLLabelElement>>;
-
-export declare interface LabelProps extends React_2.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
-}
-
-export declare const labelVariants: (props?: ({
-    size?: "sm" | "default" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Link component for navigation following Engrate brand guidelines.
- * Supports multiple variants for different use cases.
- *
- * @example
- * ```tsx
- * <Link href="/about">About us</Link>
- * <Link href="/docs" variant="nav">Documentation</Link>
- * <Link asChild><NextLink href="/page">Next.js Link</NextLink></Link>
- * ```
- */
-export declare const Link: React_2.ForwardRefExoticComponent<LinkProps & React_2.RefAttributes<HTMLAnchorElement>>;
-
-export declare interface LinkProps extends React_2.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
-    /** Render as a child component (for use with Next.js Link, etc.) */
-    asChild?: boolean;
-}
-
-export declare const linkVariants: (props?: ({
-    variant?: "default" | "nav" | "muted" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const Modal: React_2.FC<DialogPrimitive.DialogProps>;
-
-export declare const ModalClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare const ModalContent: React_2.ForwardRefExoticComponent<ModalContentProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ModalContentProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof modalContentVariants> {
-    /** Whether to show the default close button in the top-right corner */
-    showCloseButton?: boolean;
-}
-
-export declare const modalContentVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "full" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const ModalDescription: React_2.ForwardRefExoticComponent<ModalDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>>;
-
-export declare interface ModalDescriptionProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {
-}
-
-export declare const ModalFooter: React_2.ForwardRefExoticComponent<ModalFooterProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ModalFooterProps extends React_2.HTMLAttributes<HTMLDivElement> {
-}
-
-export declare const ModalHeader: React_2.ForwardRefExoticComponent<ModalHeaderProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ModalHeaderProps extends React_2.HTMLAttributes<HTMLDivElement> {
-}
-
-export declare const ModalOverlay: React_2.ForwardRefExoticComponent<ModalOverlayProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ModalOverlayProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> {
-}
-
-export declare const ModalPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
-
-export declare const ModalTitle: React_2.ForwardRefExoticComponent<ModalTitleProps & React_2.RefAttributes<HTMLHeadingElement>>;
-
-export declare interface ModalTitleProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
-}
-
-export declare const ModalTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare const progressBarVariants: (props?: ({
-    variant?: "default" | "muted" | "success" | null | undefined;
-    animated?: boolean | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Progress indicator component following Engrate brand guidelines.
- * Uses Sunflower yellow as the default color for the progress bar.
- *
- * @example
- * ```tsx
- * <ProgressIndicator value={50} />
- * <ProgressIndicator value={75} size="lg" variant="success" />
- * <ProgressIndicator indeterminate label="Loading..." />
- * ```
- */
-export declare const ProgressIndicator: React_2.ForwardRefExoticComponent<ProgressIndicatorProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ProgressIndicatorProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressIndicatorVariants>, VariantProps<typeof progressBarVariants> {
-    /** Current progress value (0-100) */
-    value?: number;
-    /** Maximum progress value */
-    max?: number;
-    /** Accessible label for screen readers */
-    label?: string;
-    /** Whether to show indeterminate loading state */
-    indeterminate?: boolean;
-}
-
-export declare const progressIndicatorVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "xl" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Radio group container component.
- * Built on Radix UI RadioGroup for accessibility.
- *
- * @example
- * ```tsx
- * <RadioGroup defaultValue="option1">
- *   <RadioGroupItem value="option1" id="option1" />
- *   <RadioGroupItem value="option2" id="option2" />
- * </RadioGroup>
- * ```
- */
-export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-/**
- * Radio group item component following Engrate brand guidelines.
- * Features sunflower accent when selected.
- *
- * @example
- * ```tsx
- * <RadioGroupItem value="option1" id="option1" />
- * ```
- */
-export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface RadioGroupItemProps extends React_2.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
-}
-
-export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
-
-/**
- * Select dropdown content following Engrate brand guidelines.
- */
-export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const SelectGroup: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React_2.RefAttributes<HTMLDivElement>>;
-
-/**
- * Individual select option following Engrate brand guidelines.
- */
-export declare const SelectItem: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-/**
- * Select label for grouping items.
- */
-export declare const SelectLabel: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-/**
- * Scrollable downward button for Select content.
- */
-export declare const SelectScrollDownButton: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-/**
- * Scrollable upward button for Select content.
- */
-export declare const SelectScrollUpButton: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-/**
- * Separator between select items.
- */
-export declare const SelectSeparator: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-/**
- * Select trigger button following Engrate brand guidelines.
- * Features rounded corners, subtle background, and sunflower focus ring.
- */
-export declare const SelectTrigger: React_2.ForwardRefExoticComponent<SelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface SelectTriggerProps extends React_2.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
-    variant?: 'default' | 'error';
-}
-
-export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;
-
-/**
- * Skeleton component for indicating loading states.
- * Displays a pulsing placeholder while content is loading.
- *
- * @example
- * ```tsx
- * <Skeleton width={200} height={20} />
- * <Skeleton variant="circular" width={40} height={40} />
- * <Skeleton variant="text" className="w-full h-4" />
- * ```
- */
-export declare const Skeleton: React_2.ForwardRefExoticComponent<SkeletonProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface SkeletonProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
-    /** Width of the skeleton (CSS value or Tailwind class) */
-    width?: string | number;
-    /** Height of the skeleton (CSS value or Tailwind class) */
-    height?: string | number;
-}
-
-export declare const skeletonVariants: (props?: ({
-    variant?: "text" | "default" | "circular" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare type SortDirection = 'asc' | 'desc' | null;
-
-/**
- * Loading spinner component following Engrate brand guidelines.
- * Uses Sunflower yellow as the default color.
- *
- * @example
- * ```tsx
- * <Spinner />
- * <Spinner size="lg" variant="muted" />
- * <Spinner label="Loading data..." />
- * ```
- */
-export declare const Spinner: React_2.ForwardRefExoticComponent<SpinnerProps & React_2.RefAttributes<HTMLSpanElement>>;
-
-export declare interface SpinnerProps extends React_2.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof spinnerVariants> {
-    /** Accessible label for screen readers */
-    label?: string;
-}
-
-export declare const spinnerVariants: (props?: ({
-    variant?: "default" | "muted" | "inverted" | null | undefined;
-    size?: "sm" | "default" | "lg" | "xl" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Stack component for arranging elements in a vertical or horizontal stack.
- * Provides a flexible layout system with configurable direction, gaps, and alignment.
- *
- * @example
- * ```tsx
- * // Vertical stack (default)
- * <Stack gap="lg">
- *   <Card>Item 1</Card>
- *   <Card>Item 2</Card>
- *   <Card>Item 3</Card>
- * </Stack>
- *
- * // Horizontal stack
- * <Stack direction="horizontal" gap="md" align="center">
- *   <Button>Action 1</Button>
- *   <Button>Action 2</Button>
- * </Stack>
- * ```
- */
-export declare const Stack: React_2.ForwardRefExoticComponent<StackProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface StackProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
-    /** Render as a child component using Slot */
-    asChild?: boolean;
-}
-
-export declare const stackVariants: (props?: ({
-    direction?: "horizontal" | "vertical" | null | undefined;
-    gap?: "sm" | "lg" | "none" | "xs" | "md" | "xl" | "2xl" | null | undefined;
-    align?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
-    justify?: "end" | "start" | "center" | "between" | "around" | "evenly" | null | undefined;
-    wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Switch component following Engrate brand guidelines.
- * Built on Radix UI Switch for accessibility.
- * Features sunflower background when on.
- *
- * @example
- * ```tsx
- * <Switch id="notifications" />
- * <Switch defaultChecked />
- * ```
- */
-export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface SwitchProps extends React_2.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
-}
-
-/**
- * Content panel for a tab. Only visible when the matching tab is active.
- */
-export declare const TabContent: React_2.ForwardRefExoticComponent<TabContentProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface TabContentProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tabContentVariants> {
-    /** Value matching the TabTrigger this content belongs to */
-    value: string;
-}
-
-export declare const tabContentVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Table root component following Engrate brand guidelines.
- * Features light gray backgrounds and subtle borders.
- *
- * @example
- * ```tsx
- * <Table>
- *   <TableHeader>
- *     <TableRow>
- *       <TableHead>Name</TableHead>
- *     </TableRow>
- *   </TableHeader>
- *   <TableBody>
- *     <TableRow>
- *       <TableCell>John Doe</TableCell>
- *     </TableRow>
- *   </TableBody>
- * </Table>
- * ```
- */
-export declare const Table: React_2.ForwardRefExoticComponent<TableProps & React_2.RefAttributes<HTMLTableElement>>;
-
-export declare const TableBody: React_2.ForwardRefExoticComponent<TableBodyProps & React_2.RefAttributes<HTMLTableSectionElement>>;
-
-declare interface TableBodyProps extends React_2.HTMLAttributes<HTMLTableSectionElement> {
-}
-
-export declare const TableCaption: React_2.ForwardRefExoticComponent<TableCaptionProps & React_2.RefAttributes<HTMLTableCaptionElement>>;
-
-declare interface TableCaptionProps extends React_2.HTMLAttributes<HTMLTableCaptionElement> {
-}
-
-export declare const TableCell: React_2.ForwardRefExoticComponent<TableCellProps & React_2.RefAttributes<HTMLTableCellElement>>;
-
-declare interface TableCellProps extends React_2.TdHTMLAttributes<HTMLTableCellElement> {
-}
-
-export declare const TableFooter: React_2.ForwardRefExoticComponent<TableFooterProps & React_2.RefAttributes<HTMLTableSectionElement>>;
-
-declare interface TableFooterProps extends React_2.HTMLAttributes<HTMLTableSectionElement> {
-}
-
-export declare const TableHead: React_2.ForwardRefExoticComponent<TableHeadProps & React_2.RefAttributes<HTMLTableCellElement>>;
-
-export declare const TableHeader: React_2.ForwardRefExoticComponent<TableHeaderProps & React_2.RefAttributes<HTMLTableSectionElement>>;
-
-declare interface TableHeaderProps extends React_2.HTMLAttributes<HTMLTableSectionElement> {
-}
-
-export declare interface TableHeadProps extends React_2.ThHTMLAttributes<HTMLTableCellElement>, Omit<VariantProps<typeof tableHeadVariants>, 'size'> {
-    /** Enable sorting for this column */
-    sortable?: boolean;
-    /** Current sort direction */
-    sortDirection?: SortDirection;
-    /** Callback when sort is triggered */
-    onSort?: () => void;
-}
-
-declare const tableHeadVariants: (props?: ({
-    sortable?: boolean | null | undefined;
-    size?: "default" | "compact" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare interface TableProps extends React_2.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {
-}
-
-export declare const TableRow: React_2.ForwardRefExoticComponent<TableRowProps & React_2.RefAttributes<HTMLTableRowElement>>;
-
-export declare interface TableRowProps extends React_2.HTMLAttributes<HTMLTableRowElement>, VariantProps<typeof tableRowVariants> {
-}
-
-declare const tableRowVariants: (props?: ({
-    variant?: "default" | "striped" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const tableVariants: (props?: ({
-    variant?: "default" | "striped" | null | undefined;
-    size?: "default" | "compact" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Container for tab triggers. Renders the row of clickable tabs.
- */
-export declare const TabList: React_2.ForwardRefExoticComponent<TabListProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface TabListProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tabListVariants> {
-}
-
-export declare const tabListVariants: (props?: ({
-    variant?: "default" | "pills" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * Root container for the tabs component.
- * Manages the active tab state and provides context to child components.
- *
- * @example
- * ```tsx
- * <Tabs defaultValue="tab1">
- *   <TabList>
- *     <TabTrigger value="tab1">Tab 1</TabTrigger>
- *     <TabTrigger value="tab2">Tab 2</TabTrigger>
- *   </TabList>
- *   <TabContent value="tab1">Content 1</TabContent>
- *   <TabContent value="tab2">Content 2</TabContent>
- * </Tabs>
- * ```
- */
-export declare const Tabs: React_2.ForwardRefExoticComponent<TabsProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface TabsProps extends React_2.HTMLAttributes<HTMLDivElement> {
-    /** The default active tab value */
-    defaultValue?: string;
-    /** Controlled active tab value */
-    value?: string;
-    /** Callback when active tab changes */
-    onValueChange?: (value: string) => void;
-}
-
-/**
- * Individual tab trigger button. Clicking activates the associated TabContent.
- */
-export declare const TabTrigger: React_2.ForwardRefExoticComponent<TabTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface TabTriggerProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof tabTriggerVariants> {
-    /** Unique value identifying this tab */
-    value: string;
-}
-
-export declare const tabTriggerVariants: (props?: ({
-    variant?: "default" | "pills" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-declare const Text_2: React_2.ForwardRefExoticComponent<TextProps & React_2.RefAttributes<HTMLElement>>;
-export { Text_2 as Text }
-
-/**
- * Textarea component following Engrate brand guidelines.
- * Features rounded corners, subtle background, and sunflower focus ring.
- *
- * @example
- * ```tsx
- * <Textarea placeholder="Enter your message" />
- * <Textarea variant="error" placeholder="Invalid input" />
- * <Textarea resize="none" placeholder="Fixed size" />
- * ```
- */
-export declare const Textarea: React_2.ForwardRefExoticComponent<TextareaProps & React_2.RefAttributes<HTMLTextAreaElement>>;
-
-export declare interface TextareaProps extends React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
-}
-
-export declare const textareaVariants: (props?: ({
-    variant?: "default" | "error" | null | undefined;
-    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-declare type TextElement = 'p' | 'span' | 'div' | 'label';
-
-export declare interface TextProps extends React_2.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {
-    /**
-     * Render as a different element using Radix Slot
-     */
-    asChild?: boolean;
-    /**
-     * Override the default HTML element
-     * @default 'p'
-     */
-    as?: TextElement;
-}
-
-export declare const textVariants: (props?: ({
-    variant?: "lead" | "semi-lead" | "body-lg" | "body" | "descriptive" | "label" | "label-sm" | null | undefined;
-    weight?: "medium" | "regular" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const Toast: React_2.ForwardRefExoticComponent<ToastProps & React_2.RefAttributes<HTMLLIElement>>;
-
-export declare const ToastAction: React_2.ForwardRefExoticComponent<ToastActionProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface ToastActionProps extends React_2.ComponentPropsWithoutRef<typeof ToastPrimitives.Action> {
-}
-
-export declare const ToastClose: React_2.ForwardRefExoticComponent<ToastCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface ToastCloseProps extends React_2.ComponentPropsWithoutRef<typeof ToastPrimitives.Close> {
-}
-
-export declare const ToastDescription: React_2.ForwardRefExoticComponent<ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ToastDescriptionProps extends React_2.ComponentPropsWithoutRef<typeof ToastPrimitives.Description> {
-}
-
-export declare interface ToastProps extends React_2.ComponentPropsWithoutRef<typeof ToastPrimitives.Root>, VariantProps<typeof toastVariants> {
-}
-
-export declare const ToastProvider: React_2.FC<ToastPrimitives.ToastProviderProps>;
-
-export declare const ToastTitle: React_2.ForwardRefExoticComponent<ToastTitleProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ToastTitleProps extends React_2.ComponentPropsWithoutRef<typeof ToastPrimitives.Title> {
-}
-
-export declare const toastVariants: (props?: ({
-    variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const ToastViewport: React_2.ForwardRefExoticComponent<ToastViewportProps & React_2.RefAttributes<HTMLOListElement>>;
-
-export declare interface ToastViewportProps extends React_2.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport> {
-}
-
-export declare const Tooltip: React_2.FC<TooltipPrimitive.TooltipProps>;
-
-export declare const TooltipArrow: React_2.ForwardRefExoticComponent<TooltipArrowProps & React_2.RefAttributes<SVGSVGElement>>;
-
-export declare interface TooltipArrowProps extends React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow> {
-}
-
-/**
- * Tooltip content component that displays contextual information.
- * Follows Engrate brand guidelines with dark background by default.
- *
- * @example
- * ```tsx
- * <TooltipProvider>
- *   <Tooltip>
- *     <TooltipTrigger>Hover me</TooltipTrigger>
- *     <TooltipContent>Helpful information</TooltipContent>
- *   </Tooltip>
- * </TooltipProvider>
- * ```
- */
-export declare const TooltipContent: React_2.ForwardRefExoticComponent<TooltipContentProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface TooltipContentProps extends React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
-    /** Whether to show an arrow pointing to the trigger */
-    showArrow?: boolean;
-}
-
-export declare const tooltipContentVariants: (props?: ({
-    variant?: "default" | "light" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const TooltipPortal: React_2.FC<TooltipPrimitive.TooltipPortalProps>;
-
-export declare const TooltipProvider: React_2.FC<TooltipPrimitive.TooltipProviderProps>;
-
-export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare function useFilterableTable<T>({ data, filterKeys, }: UseFilterableTableOptions<T>): UseFilterableTableReturn<T>;
-
-declare interface UseFilterableTableOptions<T> {
-    data: T[];
-    filterKeys?: (keyof T)[];
-}
-
-declare interface UseFilterableTableReturn<T> {
-    filteredData: T[];
-    filterValue: string;
-    setFilterValue: (value: string) => void;
-}
-
-export declare function useSortableTable<T>({ data, initialSortKey, initialSortDirection, }: UseSortableTableOptions<T>): UseSortableTableReturn<T>;
-
-declare interface UseSortableTableOptions<T> {
-    data: T[];
-    initialSortKey?: keyof T | null;
-    initialSortDirection?: 'asc' | 'desc';
-}
-
-declare interface UseSortableTableReturn<T> {
-    sortedData: T[];
-    sortKey: keyof T | null;
-    sortDirection: SortDirection;
-    handleSort: (key: keyof T) => void;
-}
-
-export { }
+export * from './components';
+export { cn } from './lib/utils';