@engrate/components 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,878 @@
+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 { Config } from 'tailwindcss';
+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 { 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;
+
+/**
+ * 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;
+
+/**
+ * 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>>;
+
+/**
+ * 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>>;
+
+/**
+ * Engrate design tokens as a Tailwind preset.
+ * Consumers can extend their Tailwind config with this preset:
+ *
+ * @example
+ * ```js
+ * // tailwind.config.js
+ * import { egComponentsPreset } from 'eg-components/tailwind.preset'
+ *
+ * export default {
+ *   presets: [egComponentsPreset],
+ *   content: [
+ *     './src/**\/*.{js,ts,jsx,tsx}',
+ *     './node_modules/eg-components/dist/**\/*.js',
+ *   ],
+ * }
+ * ```
+ */
+export declare const egComponentsPreset: Config;
+
+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';
+}
+
+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>>;
+
+/**
+ * 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>>;
+
+export declare type SortDirection = 'asc' | 'desc' | null;
+
+/**
+ * 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?: "regular" | "medium" | 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 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 { }