@salesmind-ai/design-system 0.5.0 → 0.7.0

package/dist/core/index.d.ts

@@ -1,20 +1,37 @@
-export { A as AnimationVariant, C as CARD_HOVER, D as DISTANCE, a as DURATION, E as EASING, H as HERO_ENTRANCE, M as MOTION, P as PANEL_CROSSFADE, b as PRESETS, R as REDUCED_PANEL_CROSSFADE, c as REDUCED_VARIANTS, S as SECTION_REVEAL, T as TAB_SLIDE, d as TRANSITION, V as VARIANTS, e as VARIANT_MAP } from '../motion-C651Ry6d.js';
 export { A as AppearanceContextValue, a as AppearanceProvider, b as AppearanceProviderProps, c as AppearanceSettings, B as Brand, D as Density, N as NavPlacement, R as Radius, T as Theme, d as accentForegroundRgb, h as hexToRgb, i as initializeAppearance, p as prefersReducedMotion, r as relativeLuminance, u as useAppearance } from '../AppearanceProvider-B_o-H39e.js';
-export { A as AppearancePanel, a as AppearancePanelLabels, b as AppearancePanelProps } from '../AppearancePanel-UT57J69V.js';
 import * as React from 'react';
-import React__default, { TextareaHTMLAttributes, CSSProperties, HTMLAttributes, ElementType } from 'react';
-export { S as Select, a as SelectContent, b as SelectContentProps, c as SelectGroup, d as SelectGroupProps, e as SelectItem, f as SelectItemProps, g as SelectProps, h as SelectSeparator, i as SelectTrigger, j as SelectTriggerProps } from '../Select-BdZmK0Lt.js';
-import * as _base_ui_react_dialog from '@base-ui/react/dialog';
-import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+import React__default, { TextareaHTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _base_ui_react_tooltip from '@base-ui/react/tooltip';
-import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
-import { Menu } from '@base-ui/react/menu';
 export { B as Breadcrumb, a as BreadcrumbEllipsis, b as BreadcrumbEllipsisProps, c as BreadcrumbItem, d as BreadcrumbItemProps, e as BreadcrumbLink, f as BreadcrumbLinkProps, g as BreadcrumbList, h as BreadcrumbListProps, i as BreadcrumbPage, j as BreadcrumbPageProps, k as BreadcrumbProps, l as BreadcrumbSeparator, m as BreadcrumbSeparatorProps } from '../Breadcrumb-RX-B_gDV.js';
-export { DSIntlProvider, DSIntlProviderProps, MessageValues, alertMessages, allMessages, appearanceMessages, authMessages, calendarMessages, carouselMessages, commonMessages, dialogMessages, formMessages, methodologyMessages, navigationMessages, paginationMessages, reportMessages, toastMessages, useDateFormat, useIsRTL, useLocale, useMessage, useNumberFormat, useRelativeTime, useTextDirection } from '../i18n/index.js';
+export { DSIntlProvider, DSIntlProviderProps, MessageValues, alertMessages, allMessages, appearanceMessages, authMessages, bookingEmbedMessages, calendarMessages, carouselMessages, commonMessages, dialogMessages, formMessages, methodologyMessages, navigationMessages, paginationMessages, reportMessages, toastMessages, useDateFormat, useIsRTL, useLocale, useMessage, useNumberFormat, useRelativeTime, useTextDirection } from '../i18n/index.js';
 export { FormattedDate, FormattedMessage, FormattedNumber, MessageDescriptor, defineMessages } from 'react-intl';
 
-declare const Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+interface CardProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /**
+     * v2 glass tier depth. Applies glass--tier-{N} blur/saturation from the tier system.
+     * - `1` = base (--glass-1, 20px blur)
+     * - `2` = elevated (--glass-2, 28px blur)
+     * - `3` = heavy (--glass-3, 36px blur)
+     * @since v2
+     */
+    tier?: 1 | 2 | 3;
+    /**
+     * Border radius variant.
+     * - `'card'` = 24px (default, matches --radius-card)
+     * - `'panel'` = 32px (--radius-panel, for large panels/sidebars)
+     * - `'pill'` = 9999px (--radius-pill, for pill-shaped cards)
+     * @default 'card'
+     * @since v2
+     */
+    radius?: 'card' | 'panel' | 'pill';
+    /**
+     * When true, adds a subtle aurora-pink inner glow via box-shadow.
+     * Used in LeadNotification to signal active/live state.
+     * @since v2
+     */
+    aurora?: boolean;
+}
+declare const Card: React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
 declare const CardTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLHeadingElement>>;
 declare const CardDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
@@ -23,7 +40,8 @@ declare const CardFooter: React__default.ForwardRefExoticComponent<React__defaul
 
 interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Visual style variant of the button */
-    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link' | 'destructive';
+    /** Visual style variant of the button */
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link' | 'destructive' | 'aurora-primary' | 'aurora-secondary';
     /** Size of the button */
     size?: 'sm' | 'md' | 'lg' | 'icon';
     /** Shows a loading spinner and disables the button */
@@ -47,33 +65,6 @@ interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElem
  */
 declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
-interface ButtonGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Orientation of the group */
-    orientation?: 'horizontal' | 'vertical';
-    /** Whether buttons should stretch to fill width */
-    fullWidth?: boolean;
-    /** Size of all buttons in group (if supported by children) */
-    size?: 'sm' | 'md' | 'lg';
-    /** Custom class name */
-    className?: string;
-    /** Button elements */
-    children?: React__default.ReactNode;
-}
-/**
- * ButtonGroup — Compositional Component
- *
- * Groups related buttons together, merging their borders and controlling layout.
- */
-declare const ButtonGroup: React__default.ForwardRefExoticComponent<ButtonGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface TextFieldProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    error?: boolean;
-    helperText?: string;
-    endAdornment?: React__default.ReactNode;
-}
-declare const TextField: React__default.ForwardRefExoticComponent<TextFieldProps & React__default.RefAttributes<HTMLInputElement>>;
-
 interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     label?: string;
     error?: boolean;
@@ -96,20 +87,6 @@ interface CheckboxProps {
 }
 declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLButtonElement>>;
 
-interface RadioGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    name?: string;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    orientation?: 'horizontal' | 'vertical';
-}
-declare const RadioGroup: React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-interface RadioProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    value: string;
-}
-declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLInputElement>>;
-
 interface SwitchProps {
     checked?: boolean;
     defaultChecked?: boolean;
@@ -125,57 +102,6 @@ interface SwitchProps {
 }
 declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLButtonElement>>;
 
-declare const Dialog: typeof Dialog$1.Root;
-declare const DialogTrigger: Dialog$1.Trigger;
-declare const DialogClose: React__default.ForwardRefExoticComponent<Omit<_base_ui_react_dialog.DialogCloseProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-declare const DialogTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-declare const DialogContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * Semantic header section for a dialog, typically containing
- * DialogTitle and DialogDescription.
- */
-declare const DialogHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * Footer section for dialog actions (confirm, cancel, etc.).
- * Renders children in a right-aligned flex row with standard gap.
- */
-declare const DialogFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
-declare const TooltipProvider: React__default.FC<_base_ui_react_tooltip.TooltipProviderProps>;
-declare const TooltipRoot: typeof Tooltip$1.Root;
-declare const TooltipTrigger: Tooltip$1.Trigger;
-declare const TooltipContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-interface TooltipProps {
-    content: React__default.ReactNode;
-    children: React__default.ReactNode;
-    delay?: number;
-}
-declare const Tooltip: ({ content, children, delay }: TooltipProps) => react_jsx_runtime.JSX.Element;
-
-type AccordionType = 'single' | 'multiple';
-interface AccordionProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Whether one or multiple items can be open at the same time. */
-    type?: AccordionType;
-    /** The value(s) of the item(s) that should be open by default. */
-    defaultValue?: string[];
-    /**
-     * Whether a single-type accordion can have all items collapsed.
-     * This is always true in the DS implementation (accepted for shadcn compat).
-     */
-    collapsible?: boolean;
-}
-declare const Accordion: React__default.ForwardRefExoticComponent<AccordionProps & React__default.RefAttributes<HTMLDivElement>>;
-interface AccordionItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Unique value identifying this item. */
-    value: string;
-}
-declare const AccordionItem: React__default.ForwardRefExoticComponent<AccordionItemProps & React__default.RefAttributes<HTMLDivElement>>;
-type AccordionTriggerProps = React__default.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const AccordionTrigger: React__default.ForwardRefExoticComponent<AccordionTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-type AccordionContentProps = React__default.HTMLAttributes<HTMLDivElement>;
-declare const AccordionContent: React__default.ForwardRefExoticComponent<AccordionContentProps & React__default.RefAttributes<HTMLDivElement>>;
-
 interface LabelProps extends React__default.LabelHTMLAttributes<HTMLLabelElement> {
     /** Whether the associated input is disabled. */
     disabled?: boolean;
@@ -217,48 +143,6 @@ interface SeparatorProps extends React__default.HTMLAttributes<HTMLDivElement> {
  */
 declare const Separator: React__default.ForwardRefExoticComponent<SeparatorProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface SheetProps {
-    /** Controlled open state */
-    open?: boolean;
-    /** Callback fired when the open state changes */
-    onOpenChange?: (open: boolean) => void;
-    children: React__default.ReactNode;
-}
-/**
- * Root wrapper that manages open/close state for a slide-over panel.
- *
- * @example
- * <Sheet>
- *   <SheetTrigger>Open</SheetTrigger>
- *   <SheetContent>…</SheetContent>
- * </Sheet>
- */
-declare const Sheet: React__default.FC<SheetProps>;
-interface SheetTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** When true, renders the child as the root element via Radix Slot. */
-    asChild?: boolean;
-}
-declare const SheetTrigger: React__default.ForwardRefExoticComponent<SheetTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-interface SheetCloseProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** When true, renders the child as the root element via Radix Slot. */
-    asChild?: boolean;
-}
-declare const SheetClose: React__default.ForwardRefExoticComponent<SheetCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
-type SheetSide = 'top' | 'right' | 'bottom' | 'left';
-interface SheetContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Edge from which the panel slides in */
-    side?: SheetSide;
-}
-/**
- * The slide-over panel itself. Renders via a React Portal to `document.body`.
- * Includes a backdrop overlay and the glass panel.
- */
-declare const SheetContent: React__default.ForwardRefExoticComponent<SheetContentProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const SheetHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const SheetTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLHeadingElement>>;
-declare const SheetDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-declare const SheetFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
 interface AvatarProps extends React__default.HTMLAttributes<HTMLSpanElement> {
     /** Size variant */
     size?: 'sm' | 'md' | 'lg';
@@ -276,120 +160,6 @@ declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & Rea
 declare const AvatarImage: React__default.ForwardRefExoticComponent<React__default.ImgHTMLAttributes<HTMLImageElement> & React__default.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & React__default.RefAttributes<HTMLSpanElement>>;
 
-interface PopoverProps {
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    children: React__default.ReactNode;
-}
-declare const Popover: React__default.FC<PopoverProps>;
-interface PopoverTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** When true, renders the child as the root element via Radix Slot. */
-    asChild?: boolean;
-}
-declare const PopoverTrigger: React__default.ForwardRefExoticComponent<PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-interface PopoverContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    align?: 'start' | 'center' | 'end';
-}
-declare const PopoverContent: React__default.ForwardRefExoticComponent<PopoverContentProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const PopoverClose: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
-
-interface ProgressProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Current progress value (0–100 by default). */
-    value?: number;
-    /** Maximum value. Defaults to 100. */
-    max?: number;
-}
-declare const Progress: React__default.ForwardRefExoticComponent<ProgressProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface ScrollAreaProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The content to render inside the scrollable viewport.
-     */
-    children?: React__default.ReactNode;
-}
-/**
- * Custom scrollbar container with styled scrollbars via CSS.
- *
- * @example
- * <ScrollArea style={{ height: 200 }}>
- *   <p>Long content here...</p>
- * </ScrollArea>
- */
-declare const ScrollArea: React__default.ForwardRefExoticComponent<ScrollAreaProps & React__default.RefAttributes<HTMLDivElement>>;
-interface ScrollBarProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The orientation of the scrollbar.
-     * @default 'vertical'
-     */
-    orientation?: 'vertical' | 'horizontal';
-}
-/**
- * Optional decorative scrollbar indicator.
- * The main ScrollArea works standalone with CSS-only custom scrollbars.
- */
-declare const ScrollBar: React__default.ForwardRefExoticComponent<ScrollBarProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface ToggleProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Whether the toggle is currently pressed. */
-    pressed?: boolean;
-    /** Callback fired when the pressed state changes. */
-    onPressedChange?: (pressed: boolean) => void;
-    /** Visual style variant. */
-    variant?: 'default' | 'outline';
-    /** Size of the toggle button. */
-    size?: 'sm' | 'md' | 'lg';
-}
-declare const Toggle: React__default.ForwardRefExoticComponent<ToggleProps & React__default.RefAttributes<HTMLButtonElement>>;
-
-interface ToggleGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Whether a single or multiple items can be pressed at once. */
-    type: 'single' | 'multiple';
-    /** The controlled value(s). String for single, string[] for multiple. */
-    value?: string | string[];
-    /** Callback when value changes. */
-    onValueChange?: (value: string | string[]) => void;
-}
-/**
- * A group of toggle buttons where one or more can be selected.
- *
- * @example
- * <ToggleGroup type="single" value="center" onValueChange={setValue}>
- *   <ToggleGroupItem value="left">Left</ToggleGroupItem>
- *   <ToggleGroupItem value="center">Center</ToggleGroupItem>
- *   <ToggleGroupItem value="right">Right</ToggleGroupItem>
- * </ToggleGroup>
- */
-declare const ToggleGroup: React__default.ForwardRefExoticComponent<ToggleGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-interface ToggleGroupItemProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** The value this item represents. */
-    value: string;
-}
-declare const ToggleGroupItem: React__default.ForwardRefExoticComponent<ToggleGroupItemProps & React__default.RefAttributes<HTMLButtonElement>>;
-
-interface SliderProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Current value (controlled). */
-    value?: number;
-    /** Default value (uncontrolled). */
-    defaultValue?: number;
-    /** Minimum value. */
-    min?: number;
-    /** Maximum value. */
-    max?: number;
-    /** Step increment. */
-    step?: number;
-    /** Callback fired when the value changes. */
-    onValueChange?: (value: number) => void;
-    /** Whether the slider is disabled. */
-    disabled?: boolean;
-    /**
-     * Accessible label forwarded to the inner `<input type="range">`.
-     * Required for accessibility when the Slider is not wrapped by a `<label>`.
-     */
-    inputLabel?: string;
-}
-declare const Slider: React__default.ForwardRefExoticComponent<SliderProps & React__default.RefAttributes<HTMLDivElement>>;
-
 interface CollapsibleProps extends React__default.HTMLAttributes<HTMLDivElement> {
     /** Whether the collapsible is open (controlled). */
     open?: boolean;
@@ -400,679 +170,932 @@ declare const Collapsible: React__default.ForwardRefExoticComponent<CollapsibleP
 declare const CollapsibleTrigger: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
 declare const CollapsibleContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
 
-interface HoverCardProps {
-    /** Delay in ms before opening. */
-    openDelay?: number;
-    /** Delay in ms before closing. */
-    closeDelay?: number;
-    children: React__default.ReactNode;
-}
-declare const HoverCard: React__default.FC<HoverCardProps>;
-declare const HoverCardTrigger: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & React__default.RefAttributes<HTMLSpanElement>>;
-interface HoverCardContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Which side to position the card. */
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    /** Alignment of the card relative to the trigger. */
-    align?: 'start' | 'center' | 'end';
-}
-declare const HoverCardContent: React__default.ForwardRefExoticComponent<HoverCardContentProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface AspectRatioProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The desired width-to-height ratio (e.g. 16/9, 4/3, 1).
-     * @default 1
-     */
-    ratio?: number;
-}
-/**
- * Maintains a fixed aspect ratio for its child content using the
- * padding-bottom technique.
- *
- * @example
- * <AspectRatio ratio={16 / 9}>
- *   <img src="photo.jpg" alt="Landscape" />
- * </AspectRatio>
- */
-declare const AspectRatio: React__default.ForwardRefExoticComponent<AspectRatioProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface PaginationProps extends React__default.HTMLAttributes<HTMLElement> {
-    /** Override the default aria-label for the nav element. */
-    'aria-label'?: string;
-}
-/**
- * Root navigation element for paginated content.
- *
- * @example
- * <Pagination>
- *   <PaginationContent>
- *     <PaginationItem><PaginationPrevious /></PaginationItem>
- *     <PaginationItem><PaginationLink isActive>1</PaginationLink></PaginationItem>
- *     <PaginationItem><PaginationNext /></PaginationItem>
- *   </PaginationContent>
- * </Pagination>
- */
-declare const Pagination: React__default.ForwardRefExoticComponent<PaginationProps & React__default.RefAttributes<HTMLElement>>;
-type PaginationContentProps = React__default.HTMLAttributes<HTMLUListElement>;
-declare const PaginationContent: React__default.ForwardRefExoticComponent<PaginationContentProps & React__default.RefAttributes<HTMLUListElement>>;
-type PaginationItemProps = React__default.LiHTMLAttributes<HTMLLIElement>;
-declare const PaginationItem: React__default.ForwardRefExoticComponent<PaginationItemProps & React__default.RefAttributes<HTMLLIElement>>;
-interface PaginationLinkProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Highlight this link as the current page. */
-    isActive?: boolean;
-    /** Size variant. */
-    size?: 'sm' | 'md';
-    /** Render as child element via Radix Slot (e.g. anchor). */
-    asChild?: boolean;
-}
-declare const PaginationLink: React__default.ForwardRefExoticComponent<PaginationLinkProps & React__default.RefAttributes<HTMLButtonElement>>;
-interface PaginationPreviousProps extends React__default.ComponentPropsWithoutRef<typeof PaginationLink> {
-    /** Visible label text. @default "Previous" */
-    label?: string;
-}
-declare const PaginationPrevious: React__default.ForwardRefExoticComponent<PaginationPreviousProps & React__default.RefAttributes<HTMLButtonElement>>;
-interface PaginationNextProps extends React__default.ComponentPropsWithoutRef<typeof PaginationLink> {
-    /** Visible label text. @default "Next" */
-    label?: string;
-}
-declare const PaginationNext: React__default.ForwardRefExoticComponent<PaginationNextProps & React__default.RefAttributes<HTMLButtonElement>>;
-type PaginationEllipsisProps = React__default.HTMLAttributes<HTMLSpanElement>;
-declare const PaginationEllipsis: React__default.ForwardRefExoticComponent<PaginationEllipsisProps & React__default.RefAttributes<HTMLSpanElement>>;
-
-type HeadingLevel = 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
-interface HeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement> {
-    /**
-     * The visual hierarchy level.
-     * @default 'h2'
-     */
-    level?: HeadingLevel;
-    /**
-     * Override the rendered HTML element.
-     * Defaults to the element matching `level`.
-     */
-    as?: HeadingElement;
-}
-/**
- * Semantic heading component with consistent typographic styles.
- *
- * @example
- * <Heading level="h1">Page Title</Heading>
- * <Heading level="display" as="h2">Hero Text</Heading>
- */
-declare const Heading: React__default.ForwardRefExoticComponent<HeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
-type TextVariant = 'lead' | 'body' | 'small' | 'muted';
-type TextElement = 'p' | 'span' | 'div' | 'label';
-interface TextProps extends React__default.HTMLAttributes<HTMLParagraphElement> {
+/** Semantic tone values shared across Badge, Chip, and StatusBadge. */
+type BadgeToneV2 = 'aurora-pink' | 'aurora-gold' | 'aurora-plum' | 'status-success' | 'status-warning' | 'status-error' | 'neutral';
+interface BadgeProps extends React__default.HTMLAttributes<HTMLSpanElement> {
     /**
-     * The typographic variant.
-     * @default 'body'
+     * Visual style variant (legacy).
+     * @deprecated Use `tone` for v2. Legacy variants preserved for backward compatibility.
      */
-    variant?: TextVariant;
+    variant?: 'default' | 'secondary' | 'outline' | 'destructive';
     /**
-     * Override the rendered HTML element.
-     * @default 'p'
+     * v2 semantic tone — maps to a colour family.
+     * When set, overrides `variant`.
+     * - `'aurora-pink'` / `'aurora-gold'` / `'aurora-plum'` — aurora colour tones
+     * - `'status-success'` — green
+     * - `'status-warning'` — amber
+     * - `'status-error'` — red
+     * - `'neutral'` — muted glass
+     * @since v2
      */
-    as?: TextElement;
-}
-/**
- * Body text component for consistent typographic styles.
- *
- * @example
- * <Text>Default body text</Text>
- * <Text variant="lead">Introductory paragraph</Text>
- * <Text variant="small" as="span">Fine print</Text>
- */
-declare const Text: React__default.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<HTMLParagraphElement>>;
-type ProseProps = React__default.HTMLAttributes<HTMLDivElement>;
-/**
- * Wrapper for long-form content (articles, docs). Applies typographic styles
- * to child elements (headings, paragraphs, lists, code, etc.) using DS tokens.
- *
- * @example
- * <Prose>
- *   <h1>Article Title</h1>
- *   <p>Introduction paragraph...</p>
- * </Prose>
- */
-declare const Prose: React__default.ForwardRefExoticComponent<ProseProps & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * Root container for a horizontal scroll-snap carousel.
- *
- * @example
- * <Carousel>
- *   <CarouselContent>
- *     <CarouselItem>Slide 1</CarouselItem>
- *     <CarouselItem>Slide 2</CarouselItem>
- *   </CarouselContent>
- *   <CarouselPrevious />
- *   <CarouselNext />
- * </Carousel>
- */
-declare const Carousel: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const CarouselContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const CarouselItem: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-interface CarouselPreviousProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Override the default aria-label. @default "Previous slide" */
-    'aria-label'?: string;
-}
-declare const CarouselPrevious: React__default.ForwardRefExoticComponent<CarouselPreviousProps & React__default.RefAttributes<HTMLButtonElement>>;
-interface CarouselNextProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Override the default aria-label. @default "Next slide" */
-    'aria-label'?: string;
-}
-declare const CarouselNext: React__default.ForwardRefExoticComponent<CarouselNextProps & React__default.RefAttributes<HTMLButtonElement>>;
-
-interface CommandProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Optional controlled search value */
-    value?: string;
-    /** Callback when search value changes */
-    onValueChange?: (value: string) => void;
-}
-/**
- * Command palette root. Manages search state, keyboard navigation, and
- * active-item tracking for filtering items.
- *
- * **Keyboard navigation (built-in):**
- * - `ArrowDown` / `ArrowUp` — move active highlight between items
- * - `Enter` — activate the highlighted item
- * - `Home` / `End` — jump to first / last item
- * - `Escape` — clear search (when used standalone)
- *
- * @example
- * <Command>
- *   <CommandInput placeholder="Search…" />
- *   <CommandList>
- *     <CommandGroup heading="Actions">
- *       <CommandItem onSelect={() => {}}>Do something</CommandItem>
- *     </CommandGroup>
- *     <CommandEmpty>No results found.</CommandEmpty>
- *   </CommandList>
- * </Command>
- */
-declare const Command: React__default.ForwardRefExoticComponent<CommandProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const CommandInput: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & React__default.RefAttributes<HTMLInputElement>>;
-declare const CommandList: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const CommandEmpty: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-interface CommandGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Optional heading label for the group */
-    heading?: string;
-}
-declare const CommandGroup: React__default.ForwardRefExoticComponent<CommandGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-interface CommandItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Callback fired when the item is selected (click or Enter) */
-    onSelect?: () => void;
-}
-declare const CommandItem: React__default.ForwardRefExoticComponent<CommandItemProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
-/**
- * CommandDialog — Pre-composed Dialog + Command wrapper for
- * building command palettes, site search overlays, and Cmd+K interfaces.
- *
- * Renders a Dialog with zero padding (so the Command component fills the panel)
- * and a visually-hidden accessible title.
- *
- * @example
- * ```tsx
- * const [open, setOpen] = React.useState(false);
- *
- * <CommandDialog open={open} onOpenChange={setOpen}>
- *   <Command>
- *     <CommandInput placeholder="Search…" />
- *     <CommandList>
- *       <CommandGroup heading="Pages">
- *         <CommandItem onSelect={() => navigate('/home')}>Home</CommandItem>
- *       </CommandGroup>
- *       <CommandEmpty>No results found.</CommandEmpty>
- *     </CommandList>
- *   </Command>
- * </CommandDialog>
- * ```
- */
-interface CommandDialogProps {
-    /** Whether the dialog is open (controlled) */
-    open?: boolean;
-    /** Called when open state changes (Escape, backdrop click, etc.) */
-    onOpenChange?: (open: boolean) => void;
-    /** Accessible title for screen readers (visually hidden) */
-    title?: string;
-    /** Size variant: sm (360px), md (480px, default), lg (640px), xl (800px) */
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    /** Additional className for the dialog content panel */
-    className?: string;
-    children: React__default.ReactNode;
-}
-declare const CommandDialog: React__default.FC<CommandDialogProps>;
-
-interface DrawerProps {
-    /** Controlled open state */
-    open?: boolean;
-    /** Callback fired when the open state changes */
-    onOpenChange?: (open: boolean) => void;
-    children: React__default.ReactNode;
-}
-/**
- * Root wrapper that manages open/close state for a bottom-sheet drawer.
- *
- * @example
- * <Drawer>
- *   <DrawerTrigger>Open</DrawerTrigger>
- *   <DrawerContent>
- *     <DrawerHeader>
- *       <DrawerTitle>Title</DrawerTitle>
- *       <DrawerDescription>Description</DrawerDescription>
- *     </DrawerHeader>
- *     <DrawerFooter>
- *       <DrawerClose>Close</DrawerClose>
- *     </DrawerFooter>
- *   </DrawerContent>
- * </Drawer>
- */
-declare const Drawer: React__default.FC<DrawerProps>;
-declare const DrawerTrigger: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
-declare const DrawerClose: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
-type DrawerContentProps = React__default.HTMLAttributes<HTMLDivElement>;
-/**
- * The bottom-sheet panel. Renders via a React Portal to `document.body`.
- * Includes a drag handle bar at the top and a backdrop overlay.
- */
-declare const DrawerContent: React__default.ForwardRefExoticComponent<DrawerContentProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const DrawerHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const DrawerTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLHeadingElement>>;
-declare const DrawerDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-declare const DrawerFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
-/** Translatable labels for the Calendar component. */
-interface CalendarLabels {
-    /** Short weekday column headers (Sun–Sat). @default ['Su','Mo','Tu','We','Th','Fr','Sa'] */
-    weekdays?: string[];
-    /** Full month names (Jan–Dec). @default English month names */
-    months?: string[];
-    /** Aria-label for previous month button. @default "Previous month" */
-    previousMonth?: string;
-    /** Aria-label for next month button. @default "Next month" */
-    nextMonth?: string;
-    /** Formatter for individual day aria-labels. Receives the Date. @default date.toDateString() */
-    formatDayLabel?: (date: Date) => string;
-}
-interface CalendarProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    /** The currently selected date */
-    selected?: Date;
-    /** Callback when a date is selected */
-    onSelect?: (date: Date) => void;
-    /** Controlled month view */
-    month?: Date;
-    /** Callback when the displayed month changes */
-    onMonthChange?: (month: Date) => void;
-    /** Override default English labels for i18n. */
-    labels?: CalendarLabels;
+    tone?: BadgeToneV2;
 }
 /**
- * A simple date picker calendar component.
+ * Badge — static metadata indicator.
  *
- * Renders a month grid with navigation, weekday headers, and selectable day cells.
+ * **Semantic distinction:**
+ * - `Badge` = static metadata (e.g. "NEW", "BETA")
+ * - `StatusBadge` = dynamic state indicator (success/warning/error)
+ * - `Chip` = removable selection token
  *
  * @example
- * <Calendar selected={new Date()} onSelect={(date) => console.log(date)} />
+ * <Badge>New</Badge>
+ * <Badge tone="aurora-pink">AURORA</Badge>
  */
-declare const Calendar: React__default.ForwardRefExoticComponent<CalendarProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
 
-interface InputOTPProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /** Number of OTP digits */
-    length?: number;
-    /** Current value */
+interface SelectProps {
+    /** Current selected value */
     value?: string;
+    /** Default value for uncontrolled mode */
+    defaultValue?: string;
     /** Callback when value changes */
-    onChange?: (value: string) => void;
-    /** Aria-label for the hidden input. @default "One-time password" */
-    'aria-label'?: string;
-}
-/**
- * One-time password input with individual digit cells.
- *
- * Uses a hidden native input for accessibility and renders visual slot cells.
- *
- * @example
- * <InputOTP length={6} value={otp} onChange={setOtp}>
- *   <InputOTPGroup>
- *     <InputOTPSlot index={0} />
- *     <InputOTPSlot index={1} />
- *     <InputOTPSlot index={2} />
- *   </InputOTPGroup>
- *   <InputOTPSeparator />
- *   <InputOTPGroup>
- *     <InputOTPSlot index={3} />
- *     <InputOTPSlot index={4} />
- *     <InputOTPSlot index={5} />
- *   </InputOTPGroup>
- * </InputOTP>
- */
-declare const InputOTP: React__default.ForwardRefExoticComponent<InputOTPProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const InputOTPGroup: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-interface InputOTPSlotProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Zero-based index of this slot */
-    index: number;
-}
-declare const InputOTPSlot: React__default.ForwardRefExoticComponent<InputOTPSlotProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const InputOTPSeparator: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
-interface ContextMenuProps {
+    onValueChange?: (value: string | null) => void;
+    /** Whether the select is disabled */
+    disabled?: boolean;
+    /** Whether the select is required */
+    required?: boolean;
+    /** Name for form submission */
+    name?: string;
+    /**
+     * Item label map for Value display resolution.
+     * When provided, Select.Value renders the label instead of the raw value.
+     * Accepts a record (e.g. `{ en: "English", fr: "French" }`) or an array
+     * of `{ value, label }` objects.
+     */
+    items?: Record<string, React__default.ReactNode> | ReadonlyArray<{
+        label: React__default.ReactNode;
+        value: string;
+    }>;
+    /** Children (SelectTrigger, SelectContent, etc.) */
     children: React__default.ReactNode;
 }
-/**
- * Root wrapper that provides shared context-menu state (open, position, close).
- *
- * @example
- * <ContextMenu>
- *   <ContextMenuTrigger>Right-click here</ContextMenuTrigger>
- *   <ContextMenuContent>
- *     <ContextMenuItem onSelect={() => alert('Copy')}>Copy</ContextMenuItem>
- *     <ContextMenuSeparator />
- *     <ContextMenuItem onSelect={() => alert('Paste')}>Paste</ContextMenuItem>
- *   </ContextMenuContent>
- * </ContextMenu>
- */
-declare function ContextMenu({ children }: ContextMenuProps): react_jsx_runtime.JSX.Element;
-declare namespace ContextMenu {
+declare function Select({ value, defaultValue, onValueChange, disabled, required, name, items, children, }: SelectProps): react_jsx_runtime.JSX.Element;
+declare namespace Select {
     var displayName: string;
 }
-declare const ContextMenuTrigger: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-interface ContextMenuItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Callback when the item is selected */
-    onSelect?: () => void;
+interface SelectTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Placeholder text when no value selected */
+    placeholder?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
 }
-declare const ContextMenuItem: React__default.ForwardRefExoticComponent<ContextMenuItemProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSeparator: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuLabel: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
-interface FormFieldContextValue {
-    id: string;
-    name: string;
-    error?: string;
+declare const SelectTrigger: React__default.ForwardRefExoticComponent<SelectTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** Positioning side */
+    side?: 'top' | 'bottom';
+    /** Side offset in pixels */
+    sideOffset?: number;
+    /** Alignment */
+    align?: 'start' | 'center' | 'end';
 }
-declare function useFormField(): FormFieldContextValue;
-interface FieldRenderProps {
-    value: unknown;
-    onChange: (...args: unknown[]) => void;
-    onBlur: () => void;
-    error?: string;
-    id: string;
+declare const SelectContent: React__default.ForwardRefExoticComponent<SelectContentProps & React__default.RefAttributes<HTMLDivElement>>;
+interface SelectItemProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Value for this option */
+    value: string;
+    /** Display text */
+    children: React__default.ReactNode;
+    /** Whether the item is disabled */
+    disabled?: boolean;
 }
-interface FormFieldProps {
-    /** Field name used for generating IDs and labelling */
-    name: string;
-    /** Render function receiving field metadata */
-    children: (field: FieldRenderProps) => React__default.ReactNode;
-    /** Current field value */
-    value?: unknown;
-    /** Change handler */
-    onChange?: (...args: unknown[]) => void;
-    /** Blur handler */
-    onBlur?: () => void;
-    /** Error message for this field */
-    error?: string;
+declare const SelectItem: React__default.ForwardRefExoticComponent<SelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
+interface SelectGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** Group label */
+    label?: string;
 }
+declare const SelectGroup: React__default.ForwardRefExoticComponent<SelectGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
 /**
- * Wrapper component that provides field context to child form primitives.
- *
- * Works with any form state management. The consumer passes field state directly.
- *
- * @example
- * <FormField name="email" value={email} onChange={setEmail} error={errors.email}>
- *   {(field) => (
- *     <FormItem>
- *       <FormLabel>Email</FormLabel>
- *       <FormControl>
- *         <input value={field.value as string} onChange={(e) => field.onChange(e.target.value)} />
- *       </FormControl>
- *       <FormDescription>Your work email address</FormDescription>
- *       <FormMessage>{field.error}</FormMessage>
- *     </FormItem>
- *   )}
- * </FormField>
+ * Duration tokens (seconds) for Framer Motion
  */
-declare function FormField({ name, children, value, onChange, onBlur, error }: FormFieldProps): react_jsx_runtime.JSX.Element;
-declare namespace FormField {
-    var displayName: string;
-}
-declare const FormItem: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const FormLabel: React__default.ForwardRefExoticComponent<React__default.LabelHTMLAttributes<HTMLLabelElement> & React__default.RefAttributes<HTMLLabelElement>>;
-declare const FormControl: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const FormDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-declare const FormMessage: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-
-declare const SPACING: {
-    readonly 1: "var(--space-1)";
-    readonly 2: "var(--space-2)";
-    readonly 3: "var(--space-3)";
-    readonly 4: "var(--space-4)";
-    readonly 5: "var(--space-5)";
-    readonly 6: "var(--space-6)";
-    readonly 8: "var(--space-8)";
-    readonly 10: "var(--space-10)";
-    readonly 12: "var(--space-12)";
-    readonly 16: "var(--space-16)";
-    readonly 20: "var(--space-20)";
+declare const DURATION: {
+    readonly micro: 0.15;
+    readonly short: 0.25;
+    readonly medium: 0.5;
+    readonly long: 1;
 };
-type SpacingToken = keyof typeof SPACING;
-
-type SpacingValue = keyof typeof SPACING | number | string;
-declare function resolveSpacing(value: SpacingValue | undefined): string | undefined;
-interface SpacingProps {
-    m?: SpacingValue;
-    mt?: SpacingValue;
-    mb?: SpacingValue;
-    ml?: SpacingValue;
-    mr?: SpacingValue;
-    mx?: SpacingValue;
-    my?: SpacingValue;
-    p?: SpacingValue;
-    pt?: SpacingValue;
-    pb?: SpacingValue;
-    pl?: SpacingValue;
-    pr?: SpacingValue;
-    px?: SpacingValue;
-    py?: SpacingValue;
-    gap?: SpacingValue;
-}
-declare function extractSpacingStyles(props: SpacingProps): CSSProperties;
-
-interface BoxProps extends HTMLAttributes<HTMLElement>, SpacingProps {
-    as?: ElementType;
-}
-declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
-
-interface StackProps extends BoxProps {
-    direction?: 'row' | 'column';
-    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
-    wrap?: boolean;
-}
-declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLElement>>;
-
-interface GridProps extends BoxProps {
-    columns?: number | string;
-    rows?: number | string;
-    align?: 'start' | 'center' | 'end' | 'stretch';
-    justify?: 'start' | 'center' | 'end' | 'stretch';
-    /** Prevent grid from expanding to more columns on wide screens. */
-    fixed?: boolean;
-}
-declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLElement>>;
-
-type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 /**
- * Maps named sizes to max-width values.
- * Aligns with common web breakpoints (Tailwind `max-w-*` scale).
+ * Easing definitions (cubic-bezier arrays) for Framer Motion
  */
-declare const CONTAINER_SIZE_MAP: Record<ContainerSize, string>;
-interface ContainerProps extends BoxProps {
-    /**
-     * Named size preset. Overrides `maxWidth` when set.
-     * @example <Container size="lg">…</Container>
-     */
-    size?: ContainerSize;
-    /** Pass `true` to stretch to 100% width (same as `size="full"`). */
-    fluid?: boolean;
-    /** Custom max-width value. Ignored when `size` or `fluid` is set. */
-    maxWidth?: number | string;
-}
-declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLElement>>;
-
-interface SectionProps extends HTMLAttributes<HTMLElement> {
-    /**
-     * Vertical padding preset.
-     * @default 'md'
-     */
-    padding?: 'none' | 'sm' | 'md' | 'lg';
-}
+declare const EASING: {
+    readonly standard: readonly [0.16, 1, 0.3, 1];
+    readonly emphasis: readonly [0.34, 1.56, 0.64, 1];
+    readonly exit: readonly [0.4, 0, 0.2, 1];
+    readonly linear: readonly [0, 0, 1, 1];
+};
 /**
- * Semantic `<section>` wrapper with consistent vertical padding.
- *
- * Use this for standalone section spacing. For sections that also need
- * a centered Container, use `SectionShell` instead.
- *
- * @example
- * <Section>
- *   <Container>…</Container>
- * </Section>
+ * Standard transitions for Framer Motion
  */
-declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLElement>>;
-
-declare const VisuallyHidden: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-
-interface TabsProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    defaultValue?: string | number;
-    value?: string | number;
-    onValueChange?: (value: string | number) => void;
-    orientation?: 'horizontal' | 'vertical';
-}
-declare const Tabs: React__default.ForwardRefExoticComponent<TabsProps & React__default.RefAttributes<HTMLDivElement>>;
-interface TabsListProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    loop?: boolean;
-}
-declare const TabsList: React__default.ForwardRefExoticComponent<TabsListProps & React__default.RefAttributes<HTMLDivElement>>;
-interface TabsTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    value: string | number;
-    disabled?: boolean;
-}
-declare const TabsTrigger: React__default.ForwardRefExoticComponent<TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-interface TabsContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    value: string | number;
-}
-declare const TabsContent: React__default.ForwardRefExoticComponent<TabsContentProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface BadgeProps extends React__default.HTMLAttributes<HTMLSpanElement> {
-    /** Visual style variant */
-    variant?: 'default' | 'secondary' | 'outline' | 'destructive';
-}
+declare const TRANSITION: {
+    readonly standard: {
+        readonly duration: 0.5;
+        readonly ease: readonly [0.16, 1, 0.3, 1];
+    };
+    readonly emphasis: {
+        readonly duration: 0.5;
+        readonly ease: readonly [0.34, 1.56, 0.64, 1];
+    };
+    readonly quick: {
+        readonly duration: 0.25;
+        readonly ease: readonly [0.16, 1, 0.3, 1];
+    };
+    readonly spring: {
+        readonly type: "spring";
+        readonly stiffness: 200;
+        readonly damping: 20;
+    };
+};
 /**
- * General-purpose badge for tags, labels, categories, and status indicators.
- *
- * For status-specific badges (success/warning/error/info), use `StatusBadge` instead.
- *
- * @example
- * <Badge>New</Badge>
- * <Badge variant="secondary">Category</Badge>
- * <Badge variant="outline">v2.1.0</Badge>
- * <Badge variant="destructive">Breaking</Badge>
+ * Layout Tokens
  */
-declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
-
-interface StatusBadgeProps {
-    /** Status variant */
-    variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
-    /** Size of the badge */
-    size?: 'sm' | 'md';
-    /** Whether to show a dot indicator */
-    dot?: boolean;
-    /** Custom class name */
-    className?: string;
-    /** Child content */
-    children?: React__default.ReactNode;
-}
+declare const DISTANCE: {
+    readonly sm: 4;
+    readonly md: 12;
+    readonly lg: 24;
+    readonly xl: 48;
+};
 /**
- * StatusBadge — Glass treatment with brand color border
- *
- * Uses dark glass base with a 1px colored border for status indication.
- * Brand colors are infused, never solid fills.
+ * Reusable Variants for Framer Motion
  */
-declare const StatusBadge: React__default.ForwardRefExoticComponent<StatusBadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
-
-type AlertVariant = 'info' | 'success' | 'warning' | 'error';
-interface AlertProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'> {
-    /**
-     * The semantic variant of the alert.
-     * @default 'info'
-     */
-    variant?: AlertVariant;
-    /**
-     * The title of the alert.
-     */
-    title?: React__default.ReactNode;
-    /**
-     * Optional custom icon. If not provided, a default icon based on variant will be used.
-     */
-    icon?: React__default.ReactNode;
-}
-declare const Alert: React__default.ForwardRefExoticComponent<AlertProps & React__default.RefAttributes<HTMLDivElement>>;
-
-type ToastVariant = 'info' | 'success' | 'warning' | 'error';
-interface ToastProps {
-    id: string;
-    title?: React__default.ReactNode;
-    description?: React__default.ReactNode;
-    variant?: ToastVariant;
-    duration?: number;
-    action?: React__default.ReactNode;
-    onDismiss?: () => void;
-    /** Aria-label for the dismiss button. @default "Close" */
-    dismissLabel?: string;
-}
-interface ToastContextType {
-    addToast: (props: Omit<ToastProps, 'id'>) => void;
-    removeToast: (id: string) => void;
-}
-declare const ToastContext: React__default.Context<ToastContextType | undefined>;
-declare const useToast: () => ToastContextType;
-
-declare const ToastProvider: React__default.FC<{
-    children: React__default.ReactNode;
-}>;
-
-declare const ToastItem: React__default.FC<ToastProps>;
-
-declare const DropdownMenu: typeof Menu.Root;
-declare const DropdownMenuTrigger: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
-    className?: string | undefined;
-} & React__default.RefAttributes<HTMLButtonElement>>;
-interface DropdownMenuContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    align?: 'start' | 'center' | 'end';
-    sideOffset?: number;
-    alignOffset?: number;
-}
-declare const DropdownMenuContent: React__default.ForwardRefExoticComponent<DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    disabled?: boolean;
-}
-declare const DropdownMenuItem: React__default.ForwardRefExoticComponent<DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuLabel: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
-interface EmptyStateProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** Icon or illustration */
-    icon?: React__default.ReactNode;
-    /** Primary heading */
-    title: string;
-    /** Secondary description */
-    description?: string;
-    /** Primary action button */
-    action?: React__default.ReactNode;
-}
-declare const EmptyState: React__default.ForwardRefExoticComponent<EmptyStateProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const VARIANTS: {
+    readonly fadeIn: {
+        readonly hidden: {
+            readonly opacity: 0;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly transition: {
+                readonly duration: 0.5;
+                readonly ease: readonly [0.16, 1, 0.3, 1];
+            };
+        };
+    };
+    readonly fadeUp: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly y: 12;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly y: 0;
+            readonly transition: {
+                readonly duration: 0.5;
+                readonly ease: readonly [0.16, 1, 0.3, 1];
+            };
+        };
+    };
+    readonly fadeDown: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly y: -12;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly y: 0;
+            readonly transition: {
+                readonly duration: 0.5;
+                readonly ease: readonly [0.16, 1, 0.3, 1];
+            };
+        };
+    };
+    readonly scaleIn: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly scale: 0.95;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly scale: 1;
+            readonly transition: {
+                readonly duration: 0.25;
+                readonly ease: readonly [0.34, 1.56, 0.64, 1];
+            };
+        };
+    };
+    readonly slideLeft: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly x: 24;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly x: 0;
+            readonly transition: {
+                readonly duration: 0.5;
+                readonly ease: readonly [0.16, 1, 0.3, 1];
+            };
+        };
+    };
+    readonly slideRight: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly x: number;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly x: 0;
+            readonly transition: {
+                readonly duration: 0.5;
+                readonly ease: readonly [0.16, 1, 0.3, 1];
+            };
+        };
+    };
+    readonly staggerContainer: {
+        readonly hidden: {
+            readonly opacity: 0;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly transition: {
+                readonly staggerChildren: 0.08;
+                readonly delayChildren: 0.1;
+            };
+        };
+    };
+    readonly pulse: {
+        readonly hidden: {
+            readonly scale: 1;
+        };
+        readonly visible: {
+            readonly scale: readonly [1, 1.05, 1];
+            readonly transition: {
+                readonly duration: 1.5;
+                readonly repeat: number;
+                readonly ease: "easeInOut";
+            };
+        };
+    };
+    readonly impact: {
+        readonly hidden: {
+            readonly scale: 1;
+        };
+        readonly trigger: {
+            readonly scale: readonly [1, 0.95, 1.05, 1];
+            readonly transition: {
+                readonly duration: 0.4;
+                readonly ease: "backOut";
+            };
+        };
+    };
+};
+/** Stagger: eyebrow → title → subtitle → CTAs → media */
+declare const HERO_ENTRANCE: {
+    readonly container: {
+        readonly variants: {
+            readonly hidden: {
+                readonly opacity: 1;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+                readonly transition: {
+                    readonly staggerChildren: 0.12;
+                    readonly delayChildren: 0.05;
+                };
+            };
+        };
+    };
+    readonly child: {
+        readonly variants: {
+            readonly hidden: {
+                readonly opacity: 0;
+                readonly y: 12;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+                readonly y: 0;
+                readonly transition: {
+                    readonly duration: 0.5;
+                    readonly ease: readonly [0.16, 1, 0.3, 1];
+                };
+            };
+        };
+    };
+    readonly delays: {
+        readonly eyebrow: 0;
+        readonly title: 0.05;
+        readonly subtitle: 0.17;
+        readonly cta: 0.29;
+        readonly media: 0.41;
+    };
+};
+declare const SECTION_REVEAL: {
+    readonly container: {
+        readonly variants: {
+            readonly hidden: {
+                readonly opacity: 0;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+                readonly transition: {
+                    readonly staggerChildren: 0.08;
+                    readonly delayChildren: 0.1;
+                };
+            };
+        };
+    };
+    readonly content: {
+        readonly variants: {
+            readonly hidden: {
+                readonly opacity: 0;
+                readonly y: 12;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+                readonly y: 0;
+                readonly transition: {
+                    readonly duration: 0.5;
+                    readonly ease: readonly [0.16, 1, 0.3, 1];
+                };
+            };
+        };
+    };
+    readonly viewportMargin: "-15%";
+};
+declare const CARD_HOVER: {
+    readonly rest: {
+        readonly y: 0;
+        readonly scale: 1;
+    };
+    readonly hover: {
+        readonly y: -4;
+        readonly scale: 1.01;
+        readonly transition: {
+            readonly duration: 0.25;
+            readonly ease: readonly [0.16, 1, 0.3, 1];
+        };
+    };
+};
+declare const PANEL_CROSSFADE: {
+    readonly initial: {
+        readonly opacity: 0;
+        readonly y: 8;
+    };
+    readonly animate: {
+        readonly opacity: 1;
+        readonly y: 0;
+        readonly transition: {
+            readonly duration: 0.25;
+            readonly ease: readonly [0.16, 1, 0.3, 1];
+        };
+    };
+    readonly exit: {
+        readonly opacity: 0;
+        readonly y: -8;
+        readonly transition: {
+            readonly duration: 0.15;
+            readonly ease: readonly [0.4, 0, 0.2, 1];
+        };
+    };
+};
+declare const TAB_SLIDE: {
+    readonly transition: {
+        readonly type: "spring";
+        readonly stiffness: 200;
+        readonly damping: 20;
+    };
+    readonly layout: true;
+};
+declare const PRESETS: {
+    readonly heroEntrance: {
+        readonly container: {
+            readonly variants: {
+                readonly hidden: {
+                    readonly opacity: 1;
+                };
+                readonly visible: {
+                    readonly opacity: 1;
+                    readonly transition: {
+                        readonly staggerChildren: 0.12;
+                        readonly delayChildren: 0.05;
+                    };
+                };
+            };
+        };
+        readonly child: {
+            readonly variants: {
+                readonly hidden: {
+                    readonly opacity: 0;
+                    readonly y: 12;
+                };
+                readonly visible: {
+                    readonly opacity: 1;
+                    readonly y: 0;
+                    readonly transition: {
+                        readonly duration: 0.5;
+                        readonly ease: readonly [0.16, 1, 0.3, 1];
+                    };
+                };
+            };
+        };
+        readonly delays: {
+            readonly eyebrow: 0;
+            readonly title: 0.05;
+            readonly subtitle: 0.17;
+            readonly cta: 0.29;
+            readonly media: 0.41;
+        };
+    };
+    readonly sectionReveal: {
+        readonly container: {
+            readonly variants: {
+                readonly hidden: {
+                    readonly opacity: 0;
+                };
+                readonly visible: {
+                    readonly opacity: 1;
+                    readonly transition: {
+                        readonly staggerChildren: 0.08;
+                        readonly delayChildren: 0.1;
+                    };
+                };
+            };
+        };
+        readonly content: {
+            readonly variants: {
+                readonly hidden: {
+                    readonly opacity: 0;
+                    readonly y: 12;
+                };
+                readonly visible: {
+                    readonly opacity: 1;
+                    readonly y: 0;
+                    readonly transition: {
+                        readonly duration: 0.5;
+                        readonly ease: readonly [0.16, 1, 0.3, 1];
+                    };
+                };
+            };
+        };
+        readonly viewportMargin: "-15%";
+    };
+    readonly cardHover: {
+        readonly rest: {
+            readonly y: 0;
+            readonly scale: 1;
+        };
+        readonly hover: {
+            readonly y: -4;
+            readonly scale: 1.01;
+            readonly transition: {
+                readonly duration: 0.25;
+                readonly ease: readonly [0.16, 1, 0.3, 1];
+            };
+        };
+    };
+    readonly panelCrossfade: {
+        readonly initial: {
+            readonly opacity: 0;
+            readonly y: 8;
+        };
+        readonly animate: {
+            readonly opacity: 1;
+            readonly y: 0;
+            readonly transition: {
+                readonly duration: 0.25;
+                readonly ease: readonly [0.16, 1, 0.3, 1];
+            };
+        };
+        readonly exit: {
+            readonly opacity: 0;
+            readonly y: -8;
+            readonly transition: {
+                readonly duration: 0.15;
+                readonly ease: readonly [0.4, 0, 0.2, 1];
+            };
+        };
+    };
+    readonly tabSlide: {
+        readonly transition: {
+            readonly type: "spring";
+            readonly stiffness: 200;
+            readonly damping: 20;
+        };
+        readonly layout: true;
+    };
+};
+declare const REDUCED_VARIANTS: {
+    readonly fadeOnly: {
+        readonly hidden: {
+            readonly opacity: 0;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly transition: {
+                readonly duration: 0.25;
+            };
+        };
+    };
+    readonly none: {
+        readonly hidden: {
+            readonly opacity: 1;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+        };
+    };
+};
+declare const REDUCED_PANEL_CROSSFADE: {
+    readonly initial: {
+        readonly opacity: 0;
+    };
+    readonly animate: {
+        readonly opacity: 1;
+        readonly transition: {
+            readonly duration: 0.15;
+        };
+    };
+    readonly exit: {
+        readonly opacity: 0;
+        readonly transition: {
+            readonly duration: 0.15;
+        };
+    };
+};
+type AnimationVariant = 'fadeIn' | 'fadeUp' | 'fadeDown' | 'scaleIn' | 'slideLeft' | 'slideRight';
+declare const VARIANT_MAP: {
+    fadeIn: {
+        readonly hidden: {
+            readonly opacity: 0;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly transition: {
+                readonly duration: 0.5;
+                readonly ease: readonly [0.16, 1, 0.3, 1];
+            };
+        };
+    };
+    fadeUp: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly y: 12;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly y: 0;
+            readonly transition: {
+                readonly duration: 0.5;
+                readonly ease: readonly [0.16, 1, 0.3, 1];
+            };
+        };
+    };
+    fadeDown: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly y: -12;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly y: 0;
+            readonly transition: {
+                readonly duration: 0.5;
+                readonly ease: readonly [0.16, 1, 0.3, 1];
+            };
+        };
+    };
+    scaleIn: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly scale: 0.95;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly scale: 1;
+            readonly transition: {
+                readonly duration: 0.25;
+                readonly ease: readonly [0.34, 1.56, 0.64, 1];
+            };
+        };
+    };
+    slideLeft: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly x: 24;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly x: 0;
+            readonly transition: {
+                readonly duration: 0.5;
+                readonly ease: readonly [0.16, 1, 0.3, 1];
+            };
+        };
+    };
+    slideRight: {
+        readonly hidden: {
+            readonly opacity: 0;
+            readonly x: number;
+        };
+        readonly visible: {
+            readonly opacity: 1;
+            readonly x: 0;
+            readonly transition: {
+                readonly duration: 0.5;
+                readonly ease: readonly [0.16, 1, 0.3, 1];
+            };
+        };
+    };
+};
+declare const MOTION: {
+    readonly DURATION: {
+        readonly micro: 0.15;
+        readonly short: 0.25;
+        readonly medium: 0.5;
+        readonly long: 1;
+    };
+    readonly EASING: {
+        readonly standard: readonly [0.16, 1, 0.3, 1];
+        readonly emphasis: readonly [0.34, 1.56, 0.64, 1];
+        readonly exit: readonly [0.4, 0, 0.2, 1];
+        readonly linear: readonly [0, 0, 1, 1];
+    };
+    readonly TRANSITION: {
+        readonly standard: {
+            readonly duration: 0.5;
+            readonly ease: readonly [0.16, 1, 0.3, 1];
+        };
+        readonly emphasis: {
+            readonly duration: 0.5;
+            readonly ease: readonly [0.34, 1.56, 0.64, 1];
+        };
+        readonly quick: {
+            readonly duration: 0.25;
+            readonly ease: readonly [0.16, 1, 0.3, 1];
+        };
+        readonly spring: {
+            readonly type: "spring";
+            readonly stiffness: 200;
+            readonly damping: 20;
+        };
+    };
+    readonly VARIANTS: {
+        readonly fadeIn: {
+            readonly hidden: {
+                readonly opacity: 0;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+                readonly transition: {
+                    readonly duration: 0.5;
+                    readonly ease: readonly [0.16, 1, 0.3, 1];
+                };
+            };
+        };
+        readonly fadeUp: {
+            readonly hidden: {
+                readonly opacity: 0;
+                readonly y: 12;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+                readonly y: 0;
+                readonly transition: {
+                    readonly duration: 0.5;
+                    readonly ease: readonly [0.16, 1, 0.3, 1];
+                };
+            };
+        };
+        readonly fadeDown: {
+            readonly hidden: {
+                readonly opacity: 0;
+                readonly y: -12;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+                readonly y: 0;
+                readonly transition: {
+                    readonly duration: 0.5;
+                    readonly ease: readonly [0.16, 1, 0.3, 1];
+                };
+            };
+        };
+        readonly scaleIn: {
+            readonly hidden: {
+                readonly opacity: 0;
+                readonly scale: 0.95;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+                readonly scale: 1;
+                readonly transition: {
+                    readonly duration: 0.25;
+                    readonly ease: readonly [0.34, 1.56, 0.64, 1];
+                };
+            };
+        };
+        readonly slideLeft: {
+            readonly hidden: {
+                readonly opacity: 0;
+                readonly x: 24;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+                readonly x: 0;
+                readonly transition: {
+                    readonly duration: 0.5;
+                    readonly ease: readonly [0.16, 1, 0.3, 1];
+                };
+            };
+        };
+        readonly slideRight: {
+            readonly hidden: {
+                readonly opacity: 0;
+                readonly x: number;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+                readonly x: 0;
+                readonly transition: {
+                    readonly duration: 0.5;
+                    readonly ease: readonly [0.16, 1, 0.3, 1];
+                };
+            };
+        };
+        readonly staggerContainer: {
+            readonly hidden: {
+                readonly opacity: 0;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+                readonly transition: {
+                    readonly staggerChildren: 0.08;
+                    readonly delayChildren: 0.1;
+                };
+            };
+        };
+        readonly pulse: {
+            readonly hidden: {
+                readonly scale: 1;
+            };
+            readonly visible: {
+                readonly scale: readonly [1, 1.05, 1];
+                readonly transition: {
+                    readonly duration: 1.5;
+                    readonly repeat: number;
+                    readonly ease: "easeInOut";
+                };
+            };
+        };
+        readonly impact: {
+            readonly hidden: {
+                readonly scale: 1;
+            };
+            readonly trigger: {
+                readonly scale: readonly [1, 0.95, 1.05, 1];
+                readonly transition: {
+                    readonly duration: 0.4;
+                    readonly ease: "backOut";
+                };
+            };
+        };
+    };
+    readonly DISTANCE: {
+        readonly sm: 4;
+        readonly md: 12;
+        readonly lg: 24;
+        readonly xl: 48;
+    };
+    readonly PRESETS: {
+        readonly heroEntrance: {
+            readonly container: {
+                readonly variants: {
+                    readonly hidden: {
+                        readonly opacity: 1;
+                    };
+                    readonly visible: {
+                        readonly opacity: 1;
+                        readonly transition: {
+                            readonly staggerChildren: 0.12;
+                            readonly delayChildren: 0.05;
+                        };
+                    };
+                };
+            };
+            readonly child: {
+                readonly variants: {
+                    readonly hidden: {
+                        readonly opacity: 0;
+                        readonly y: 12;
+                    };
+                    readonly visible: {
+                        readonly opacity: 1;
+                        readonly y: 0;
+                        readonly transition: {
+                            readonly duration: 0.5;
+                            readonly ease: readonly [0.16, 1, 0.3, 1];
+                        };
+                    };
+                };
+            };
+            readonly delays: {
+                readonly eyebrow: 0;
+                readonly title: 0.05;
+                readonly subtitle: 0.17;
+                readonly cta: 0.29;
+                readonly media: 0.41;
+            };
+        };
+        readonly sectionReveal: {
+            readonly container: {
+                readonly variants: {
+                    readonly hidden: {
+                        readonly opacity: 0;
+                    };
+                    readonly visible: {
+                        readonly opacity: 1;
+                        readonly transition: {
+                            readonly staggerChildren: 0.08;
+                            readonly delayChildren: 0.1;
+                        };
+                    };
+                };
+            };
+            readonly content: {
+                readonly variants: {
+                    readonly hidden: {
+                        readonly opacity: 0;
+                        readonly y: 12;
+                    };
+                    readonly visible: {
+                        readonly opacity: 1;
+                        readonly y: 0;
+                        readonly transition: {
+                            readonly duration: 0.5;
+                            readonly ease: readonly [0.16, 1, 0.3, 1];
+                        };
+                    };
+                };
+            };
+            readonly viewportMargin: "-15%";
+        };
+        readonly cardHover: {
+            readonly rest: {
+                readonly y: 0;
+                readonly scale: 1;
+            };
+            readonly hover: {
+                readonly y: -4;
+                readonly scale: 1.01;
+                readonly transition: {
+                    readonly duration: 0.25;
+                    readonly ease: readonly [0.16, 1, 0.3, 1];
+                };
+            };
+        };
+        readonly panelCrossfade: {
+            readonly initial: {
+                readonly opacity: 0;
+                readonly y: 8;
+            };
+            readonly animate: {
+                readonly opacity: 1;
+                readonly y: 0;
+                readonly transition: {
+                    readonly duration: 0.25;
+                    readonly ease: readonly [0.16, 1, 0.3, 1];
+                };
+            };
+            readonly exit: {
+                readonly opacity: 0;
+                readonly y: -8;
+                readonly transition: {
+                    readonly duration: 0.15;
+                    readonly ease: readonly [0.4, 0, 0.2, 1];
+                };
+            };
+        };
+        readonly tabSlide: {
+            readonly transition: {
+                readonly type: "spring";
+                readonly stiffness: 200;
+                readonly damping: 20;
+            };
+            readonly layout: true;
+        };
+    };
+    readonly REDUCED_VARIANTS: {
+        readonly fadeOnly: {
+            readonly hidden: {
+                readonly opacity: 0;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+                readonly transition: {
+                    readonly duration: 0.25;
+                };
+            };
+        };
+        readonly none: {
+            readonly hidden: {
+                readonly opacity: 1;
+            };
+            readonly visible: {
+                readonly opacity: 1;
+            };
+        };
+    };
+};
 
 declare const COLORS: {
     readonly text: {
@@ -1110,6 +1133,21 @@ declare const COLORS: {
     };
 };
 
+declare const SPACING: {
+    readonly 1: "var(--space-1)";
+    readonly 2: "var(--space-2)";
+    readonly 3: "var(--space-3)";
+    readonly 4: "var(--space-4)";
+    readonly 5: "var(--space-5)";
+    readonly 6: "var(--space-6)";
+    readonly 8: "var(--space-8)";
+    readonly 10: "var(--space-10)";
+    readonly 12: "var(--space-12)";
+    readonly 16: "var(--space-16)";
+    readonly 20: "var(--space-20)";
+};
+type SpacingToken = keyof typeof SPACING;
+
 declare const FONT_FAMILY: {
     readonly sans: "var(--font-family)";
     readonly mono: "var(--font-family-mono)";
@@ -1201,4 +1239,4 @@ declare const MEDIA_QUERIES: {
     readonly '5xl': "(min-width: 3840px)";
 };
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertProps, type AlertVariant, AspectRatio, type AspectRatioProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, BREAKPOINTS, Badge, type BadgeProps, Box, type BoxProps, type Breakpoint, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COLORS, CONTAINER_SIZE_MAP, Calendar, type CalendarLabels, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupProps, CommandInput, CommandItem, type CommandItemProps, CommandList, type CommandProps, CommandSeparator, Container, type ContainerProps, type ContainerSize, ContextMenu, ContextMenuContent, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuProps, ContextMenuSeparator, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FONT_FAMILY, FONT_SIZE, FONT_WEIGHT, type FieldRenderProps, FormControl, FormDescription, FormField, type FormFieldProps, FormItem, FormLabel, FormMessage, Grid, type GridProps, Heading, type HeadingProps, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, LINE_HEIGHT, Label, type LabelProps, MEDIA_QUERIES, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, Popover, PopoverClose, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, Prose, type ProseProps, RADIUS, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RadiusToken, SHADOWS, SPACING, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, Section, type SectionProps, Separator, type SeparatorProps, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, type SheetProps, type SheetSide, SheetTitle, SheetTrigger, type SheetTriggerProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SpacingProps, type SpacingToken, Stack, type StackProps, StatusBadge, type StatusBadgeProps, Switch, type SwitchProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Text, TextArea, type TextAreaProps, TextField, type TextFieldProps, type TextProps, ToastContext, type ToastContextType, ToastItem, type ToastProps, ToastProvider, type ToastVariant, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, VisuallyHidden, type ZIndexToken, Z_INDEX, extractSpacingStyles, resolveSpacing, useFormField, useToast };
+export { type AnimationVariant, Avatar, AvatarFallback, AvatarImage, type AvatarProps, BREAKPOINTS, Badge, type BadgeProps, type BadgeToneV2, type Breakpoint, Button, type ButtonProps, CARD_HOVER, COLORS, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, DISTANCE, DURATION, EASING, FONT_FAMILY, FONT_SIZE, FONT_WEIGHT, HERO_ENTRANCE, LINE_HEIGHT, Label, type LabelProps, MEDIA_QUERIES, MOTION, PANEL_CROSSFADE, PRESETS, RADIUS, REDUCED_PANEL_CROSSFADE, REDUCED_VARIANTS, type RadiusToken, SECTION_REVEAL, SHADOWS, SPACING, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SpacingToken, Switch, type SwitchProps, TAB_SLIDE, TRANSITION, TextArea, type TextAreaProps, VARIANTS, VARIANT_MAP, type ZIndexToken, Z_INDEX };