@tenerife.music/ui 1.0.16 → 1.1.1

package/dist/index.d.cts

@@ -1,17 +1,17 @@
-import { d9 as ResponsiveSelectSize, dk as SelectVariantToken, da as ResponsiveSelectWidth, dc as ResponsiveSideOffset, cY as ResponsiveAlignOffset, di as SelectSizeToken, dj as SelectStateToken, dl as SelectWidthToken, d5 as ResponsiveModalSize, d6 as ResponsiveModalWidth, d4 as ResponsiveModalHeight, dd as ResponsiveSpace, cX as RadiusToken, dr as SurfaceToken, cP as ModalFooterAlignToken, dw as Responsive, d as INPUT_TOKENS, a7 as InputSize, d8 as ResponsiveRadius$1, dm as ShadowToken, c$ as ResponsiveColor$1, d0 as ResponsiveContainerMaxWidth, d3 as ResponsiveFlexBasis, d2 as ResponsiveDelay, dx as ResponsiveContextMenuSize, dy as ResponsiveContextMenuWidth, dz as ContextMenuItemToneToken, dA as ResponsiveTabsSize, dB as TabsVariantToken, dC as TabsToneToken, cZ as ResponsiveAnimationPreset } from './index-DPWxsWs3.cjs';
-export { A as ALERT_TOKENS, l as AlertVariant, bo as Animation, B as BUTTON_TOKENS, bR as BorderRadius, dD as Breakpoint, m as ButtonFontSize, n as ButtonHeight, o as ButtonPaddingHorizontal, p as ButtonPaddingVertical, q as ButtonShadow, C as CARD_TOKENS, a as CHECKBOX_TOKENS, cm as CanonicalFontSize, cn as CanonicalFontWeight, co as CanonicalLetterSpacing, cp as CanonicalLineHeight, cq as CanonicalTextColor, r as CardPadding, s as CardRadius, t as CardShadow, u as CardSize, v as CardSpacingVertical, w as CheckboxSize, x as CheckboxState, y as CheckboxVariant, bX as ColoredShadow, bS as ComponentRadius, c9 as ComponentSpacing, ca as ContainerSpacing, D as DATA_TOKENS, b as DOMAIN_TOKENS, c as DROPDOWN_TOKENS, z as DataListLabelWidth, E as DataListRowPadding, F as DomainCardBadge, G as DomainCardImage, H as DomainCardLayout, J as DomainCardMetadata, K as DomainCardMotion, L as DomainCardPriceCapacity, Q as DomainCardSkeleton, U as DomainCardSkeletonContentWidth, V as DomainCardSurface, W as DropdownItemSize, X as DropdownMenuSize, Y as DropdownTriggerSize, Z as DropdownVariant, bp as Duration, bq as Easing, bY as ElevationShadow, _ as EmptyStateIconSize, bZ as FocusRing, cr as FontFamily, cs as FontSize, ct as FontWeight, b_ as GlowEffect, cb as GridSpacing, I as ICON_TOKENS, $ as IconColor, a0 as IconSize, a1 as IconStroke, a2 as InputFontSize, a3 as InputHeight, a4 as InputPaddingHorizontal, a5 as InputPaddingVertical, a6 as InputRadius, br as Keyframe, cu as LetterSpacing, cv as LineHeight, M as MENU_TOKENS, e as MOTION_TOKENS, a8 as MenuContentMinWidth, a9 as MenuContentPadding, aa as MenuContentRadius, ab as MenuContentShadow, ac as MenuIndicatorOffset, ad as MenuIndicatorSize, ae as MenuItemGap, af as MenuItemHeight, ag as MenuItemPadding, ah as MenuItemRadius, ai as MenuLabelPadding, aj as MenuSeparatorMargin, ak as MotionAnimation, al as MotionDuration, am as MotionEasing, an as MotionTransition, ao as MotionTransitionPreset, bD as MotionV2CombinedType, bE as MotionV2Duration, bF as MotionV2Easing, bG as MotionV2SlideDirection, bH as MotionV2Transition, N as NAVIGATION_TOKENS, f as NOTIFICATION_TOKENS, ap as NavigationItemPadding, aq as NavigationListGap, ar as NavigationRadius, as as NavigationShadow, at as NavigationSize, au as NavigationState, av as NotificationPanelWidth, aw as NotificationTokenVariant, O as OVERLAY_TOKENS, ax as OverlayBackdropVariant, ay as OverlayModalSize, P as POPOVER_TOKENS, az as PopoverArrowOffset, aA as PopoverArrowSize, aB as PopoverContentPadding, aC as PopoverContentRadius, aD as PopoverContentShadow, aE as PopoverContentWidth, R as RADIO_TOKENS, aF as RadioSize, aG as RadioState, aH as RadioVariant, S as SECTION_TOKENS, h as SURFACE_TOKENS, i as SWITCH_TOKENS, aI as SectionGap, aJ as SectionPadding, cc as SectionSpacing, cd as SemanticSpacing, a_ as SkeletonAnimation, a$ as SkeletonBackground, b0 as SkeletonVariant, ce as Spacing, bs as Spring, cf as StackSpacing, b1 as SurfacePadding, b2 as SurfaceRadius, b3 as SurfaceShadow, b4 as SurfaceVariant, b5 as SwitchSize, b6 as SwitchState, b7 as SwitchVariant, T as TEXT_TOKENS, j as TOAST_TOKENS, k as TOOLTIP_TOKENS, b8 as TableCellPadding, b9 as TableGap, ba as TableHeaderPadding, bb as TableRowHeight, bc as TableShadow, bd as TextFontSize, be as TextFontWeight, bf as TextLetterSpacing, bg as TextLineHeight, cw as TextStyle, bh as ToastVariant, bi as TooltipContentRadius, bj as TooltipContentShadow, bt as Transition, cl as UI_COLORS, b$ as accentColoredShadows, bk as allCSSVariables, bl as allCSSVariablesCSS, bu as animations, bT as borderRadius, bU as componentRadius, c0 as componentShadowMapping, bv as durations, bw as easings, c1 as elevationShadows, c2 as focusRings, cx as fontFamily, cy as fontSize, cz as fontSizeWithMd, cA as fontWeight, bm as generateCSSVariablesCSS, c3 as glowEffects, bx as keyframes, cg as layoutSpacing, cB as letterSpacing, cC as lineHeight, by as motionCSSVariables, bI as motionV2CSSVariables, bJ as motionV2Combined, bK as motionV2Durations, bL as motionV2Easings, bM as motionV2Fade, bN as motionV2Scale, bO as motionV2Slide, bP as motionV2TailwindConfig, bQ as motionV2Transitions, c4 as primaryColoredShadows, bV as radiusCSSVariables, bz as reducedMotion, ch as semanticSpacing, c5 as shadowBase, c6 as shadowCSSVariables, c7 as shadowOpacity, ci as spacing, cj as spacingCSSVariables, bA as springs, bB as tailwindMotionConfig, bW as tailwindRadiusConfig, c8 as tailwindShadowConfig, ck as tailwindSpacingConfig, cD as tailwindTypographyConfig, cE as textStyles, bn as tokenSystemSummary, bC as transitions, cF as typographyCSSVariables } from './index-DPWxsWs3.cjs';
+import { cW as ResponsiveSelectSize, d5 as SelectVariantToken, cX as ResponsiveSelectWidth, cZ as ResponsiveSideOffset, cJ as ResponsiveAlignOffset, d3 as SelectSizeToken, d4 as SelectStateToken, d6 as SelectWidthToken, cS as ResponsiveModalSize, cT as ResponsiveModalWidth, cR as ResponsiveModalHeight, c_ as ResponsiveSpace, cI as RadiusToken, db as SurfaceToken, cA as ModalFooterAlignToken, dg as Responsive, b as INPUT_TOKENS, U as InputSize, cV as ResponsiveRadius$1, d7 as ShadowToken, cM as ResponsiveColor$1, cN as ResponsiveContainerMaxWidth, cQ as ResponsiveFlexBasis, cP as ResponsiveDelay, dh as ResponsiveContextMenuSize, di as ResponsiveContextMenuWidth, dj as ContextMenuItemToneToken, dk as ResponsiveTabsSize, dl as TabsVariantToken, dm as TabsToneToken } from './index-DInIMlaR.cjs';
+export { A as ALERT_TOKENS, j as AlertVariant, b9 as Animation, B as BUTTON_TOKENS, bC as BorderRadius, dn as Breakpoint, k as ButtonFontSize, l as ButtonHeight, m as ButtonPaddingHorizontal, n as ButtonPaddingVertical, o as ButtonShadow, C as CARD_TOKENS, a as CHECKBOX_TOKENS, c7 as CanonicalFontSize, c8 as CanonicalFontWeight, c9 as CanonicalLetterSpacing, ca as CanonicalLineHeight, cb as CanonicalTextColor, p as CardPadding, q as CardRadius, r as CardShadow, s as CardSize, t as CardSpacingVertical, u as CheckboxSize, v as CheckboxState, w as CheckboxVariant, bI as ColoredShadow, bD as ComponentRadius, bW as ComponentSpacing, bX as ContainerSpacing, D as DATA_TOKENS, x as DataListLabelWidth, y as DataListRowPadding, ba as Duration, bb as Easing, bJ as ElevationShadow, E as EmptyStateIconSize, bK as FocusRing, cc as FontFamily, cd as FontSize, ce as FontWeight, bL as GlowEffect, bY as GridSpacing, I as ICON_TOKENS, z as IconColor, F as IconSize, G as IconStroke, H as InputFontSize, J as InputHeight, K as InputPaddingHorizontal, L as InputPaddingVertical, Q as InputRadius, bc as Keyframe, cf as LetterSpacing, cg as LineHeight, M as MENU_TOKENS, c as MOTION_TOKENS, V as MenuContentMinWidth, W as MenuContentPadding, X as MenuContentRadius, Y as MenuContentShadow, Z as MenuIndicatorOffset, _ as MenuIndicatorSize, $ as MenuItemGap, a0 as MenuItemHeight, a1 as MenuItemPadding, a2 as MenuItemRadius, a3 as MenuLabelPadding, a4 as MenuSeparatorMargin, a5 as MotionAnimation, a6 as MotionDuration, a7 as MotionEasing, a8 as MotionTransition, a9 as MotionTransitionPreset, bo as MotionV2CombinedType, bp as MotionV2Duration, bq as MotionV2Easing, br as MotionV2SlideDirection, bs as MotionV2Transition, N as NAVIGATION_TOKENS, d as NOTIFICATION_TOKENS, aa as NavigationItemPadding, ab as NavigationListGap, ac as NavigationRadius, ad as NavigationShadow, ae as NavigationSize, af as NavigationState, ag as NotificationPanelWidth, ah as NotificationTokenVariant, O as OVERLAY_TOKENS, ai as OverlayBackdropVariant, aj as OverlayModalSize, P as POPOVER_TOKENS, ak as PopoverArrowOffset, al as PopoverArrowSize, am as PopoverContentPadding, an as PopoverContentRadius, ao as PopoverContentShadow, ap as PopoverContentWidth, R as RADIO_TOKENS, aq as RadioSize, ar as RadioState, as as RadioVariant, S as SECTION_TOKENS, f as SURFACE_TOKENS, g as SWITCH_TOKENS, at as SectionGap, au as SectionPadding, bZ as SectionSpacing, b_ as SemanticSpacing, aL as SkeletonAnimation, aM as SkeletonBackground, aN as SkeletonVariant, b$ as Spacing, bd as Spring, c0 as StackSpacing, aO as SurfacePadding, aP as SurfaceRadius, aQ as SurfaceShadow, aR as SurfaceVariant, aS as SwitchSize, aT as SwitchState, aU as SwitchVariant, T as TEXT_TOKENS, h as TOAST_TOKENS, i as TOOLTIP_TOKENS, aV as TableCellPadding, aW as TableGap, aX as TableHeaderPadding, aY as TableRowHeight, aZ as TableShadow, a_ as TextFontSize, a$ as TextFontWeight, b0 as TextLetterSpacing, b1 as TextLineHeight, ch as TextStyle, b2 as ToastVariant, b3 as TooltipContentRadius, b4 as TooltipContentShadow, be as Transition, c6 as UI_COLORS, bM as accentColoredShadows, b5 as allCSSVariables, b6 as allCSSVariablesCSS, bf as animations, bE as borderRadius, bF as componentRadius, bN as componentShadowMapping, bg as durations, bh as easings, bO as elevationShadows, bP as focusRings, ci as fontFamily, cj as fontSize, ck as fontSizeWithMd, cl as fontWeight, b7 as generateCSSVariablesCSS, bQ as glowEffects, bi as keyframes, c1 as layoutSpacing, cm as letterSpacing, cn as lineHeight, bj as motionCSSVariables, bt as motionV2CSSVariables, bu as motionV2Combined, bv as motionV2Durations, bw as motionV2Easings, bx as motionV2Fade, by as motionV2Scale, bz as motionV2Slide, bA as motionV2TailwindConfig, bB as motionV2Transitions, bR as primaryColoredShadows, bG as radiusCSSVariables, bk as reducedMotion, c2 as semanticSpacing, bS as shadowBase, bT as shadowCSSVariables, bU as shadowOpacity, c3 as spacing, c4 as spacingCSSVariables, bl as springs, bm as tailwindMotionConfig, bH as tailwindRadiusConfig, bV as tailwindShadowConfig, c5 as tailwindSpacingConfig, co as tailwindTypographyConfig, cp as textStyles, b8 as tokenSystemSummary, bn as transitions, cq as typographyCSSVariables } from './index-DInIMlaR.cjs';
 export { B as BaseColorTokens, C as ChartColors, a as ColorScale, b as ColorTokens, M as Mode, S as SemanticColors, c as SurfaceColors, T as TextColors, d as accentColors, e as baseColors, f as chartColors, g as colorCSSVariables, h as cssVariableColorTokens, p as primaryColors, s as secondaryColors, i as semanticColors, j as surfaceColors, t as tailwindThemeColors, k as textColors } from './colors-BrFmCQv-.cjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
-import { ReactNode } from 'react';
+import React__default, { ReactNode } from 'react';
 import { VariantProps as VariantProps$1 } from 'class-variance-authority';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as ToastPrimitives from '@radix-ui/react-toast';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Placement } from '@floating-ui/react-dom';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 
 /**
@@ -27,8 +27,8 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
  *
  * @example
  * ```typescript
- * import { tokenCVA } from "@/lib/token-cva";
- * import { BUTTON_TOKENS } from "@/tokens/components/button";
+ * import { tokenCVA } from "@/FOUNDATION/lib/token-cva";
+ * import { BUTTON_TOKENS } from "@/FOUNDATION/tokens/components/button";
  *
  * const buttonVariants = tokenCVA({
  *   base: `${BUTTON_TOKENS.gap} ${BUTTON_TOKENS.radius}`,
@@ -194,51 +194,83 @@ interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
 }
 declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const bodyVariants: (props?: ({
-    size?: "md" | "lg" | null | undefined;
-    weight?: "normal" | "medium" | "semibold" | "bold" | null | undefined;
-    muted?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BodyProps extends React$1.HTMLAttributes<HTMLParagraphElement>, VariantProps$1<typeof bodyVariants> {
-    as?: "p" | "span" | "div";
-}
-declare const Body: React$1.ForwardRefExoticComponent<BodyProps & React$1.RefAttributes<HTMLElement>>;
-
 /**
- * Caption component variants
+ * Link variant values
  *
- * Note: fontSize, lineHeight, and letterSpacing are intentionally fixed in the base class
- * rather than variants, as Caption always uses a consistent small size (xs) with tight
- * line height and wide letter spacing. This design decision ensures caption text maintains
- * its distinctive appearance across all use cases.
+ * @public
  */
-declare const captionVariants: (props?: ({
-    weight?: "normal" | "medium" | null | undefined;
-    muted?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface CaptionProps extends React$1.HTMLAttributes<HTMLSpanElement>, VariantProps$1<typeof captionVariants> {
-    as?: "span" | "p" | "div";
-}
-declare const Caption: React$1.ForwardRefExoticComponent<CaptionProps & React$1.RefAttributes<HTMLElement>>;
-
-declare const codeVariants: (props?: ({
-    variant?: "block" | "inline" | null | undefined;
-    muted?: boolean | null | undefined;
+declare const LINK_VARIANTS: readonly ["primary", "secondary", "accent", "outline", "ghost", "link", "destructive"];
+/**
+ * Link variant type
+ *
+ * @public
+ */
+type LinkVariant = (typeof LINK_VARIANTS)[number];
+/**
+ * Link size values
+ *
+ * @public
+ */
+declare const LINK_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
+/**
+ * Link size type
+ *
+ * @public
+ */
+type LinkSize = (typeof LINK_SIZES)[number];
+declare const linkVariants: (props?: ({
+    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface CodeProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps$1<typeof codeVariants> {
-    as?: "code" | "pre";
+interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Link variant style
+     * @default "link"
+     */
+    variant?: LinkVariant;
+    /**
+     * Link size
+     * @default "md"
+     */
+    size?: LinkSize;
+    /**
+     * Render as child component using Radix Slot
+     */
+    asChild?: boolean;
+    /**
+     * Icon to display on the left side
+     */
+    leftIcon?: React$1.ReactNode;
+    /**
+     * Icon to display on the right side
+     */
+    rightIcon?: React$1.ReactNode;
 }
-declare const Code: React$1.ForwardRefExoticComponent<CodeProps & React$1.RefAttributes<HTMLElement>>;
+declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
 
-declare const displayVariants: (props?: ({
-    size?: "xl" | "2xl" | "3xl" | "4xl" | null | undefined;
-    weight?: "normal" | "medium" | "semibold" | "bold" | null | undefined;
-    muted?: boolean | null | undefined;
+/**
+ * Badge variant values
+ *
+ * @public
+ */
+declare const BADGE_VARIANTS: readonly ["primary", "secondary", "accent", "outline", "ghost", "link", "destructive"];
+/**
+ * Badge variant type
+ *
+ * @public
+ */
+type BadgeVariant = (typeof BADGE_VARIANTS)[number];
+declare const badgeVariants: (props?: ({
+    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface DisplayProps extends React$1.HTMLAttributes<HTMLHeadingElement>, VariantProps$1<typeof displayVariants> {
-    as?: "h1" | "h2" | "div";
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Badge variant style
+     * @default "primary"
+     */
+    variant?: BadgeVariant;
 }
-declare const Display: React$1.ForwardRefExoticComponent<DisplayProps & React$1.RefAttributes<HTMLElement>>;
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
 declare const headingVariants: (props?: ({
     level?: 1 | 2 | 4 | 6 | 3 | 5 | null | undefined;
@@ -250,15 +282,6 @@ interface HeadingProps extends React$1.HTMLAttributes<HTMLHeadingElement>, Varia
 }
 declare const Heading: React$1.ForwardRefExoticComponent<HeadingProps & React$1.RefAttributes<HTMLHeadingElement>>;
 
-declare const leadVariants: (props?: ({
-    size?: "lg" | "xl" | null | undefined;
-    muted?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface LeadProps extends React$1.HTMLAttributes<HTMLParagraphElement>, VariantProps$1<typeof leadVariants> {
-    as?: "p" | "span" | "div";
-}
-declare const Lead: React$1.ForwardRefExoticComponent<LeadProps & React$1.RefAttributes<HTMLElement>>;
-
 interface SelectRootProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {
 }
 /**
@@ -667,6 +690,57 @@ interface CheckboxProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElem
  */
 declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps$1<typeof labelVariants> {
+    /**
+     * Whether the field is required (shows asterisk)
+     */
+    required?: boolean;
+}
+declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
+
+/**
+ * Field Container Component
+ * Provides spacing between field elements using Stack
+ */
+interface FieldProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const Field: React$1.ForwardRefExoticComponent<FieldProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Field Label Component
+ * Wraps Label component with proper styling
+ */
+interface FieldLabelProps extends React$1.ComponentProps<typeof Label> {
+}
+declare const FieldLabel: React$1.ForwardRefExoticComponent<Omit<FieldLabelProps, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
+/**
+ * Field Control Component
+ * Wrapper for input/textarea/select controls
+ */
+interface FieldControlProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const FieldControl: React$1.ForwardRefExoticComponent<FieldControlProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Field Description Component
+ * Helper text displayed below the control
+ */
+interface FieldDescriptionProps extends React$1.ComponentProps<typeof Text> {
+}
+declare const FieldDescription: React$1.ForwardRefExoticComponent<Omit<FieldDescriptionProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+/**
+ * Field Error Component
+ * Error message displayed below the control
+ */
+interface FieldErrorProps extends React$1.ComponentProps<typeof Text> {
+}
+declare const FieldError: React$1.ForwardRefExoticComponent<Omit<FieldErrorProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+declare const FieldRoot: typeof Field & {
+    Label: typeof FieldLabel;
+    Control: typeof FieldControl;
+    Description: typeof FieldDescription;
+    Error: typeof FieldError;
+};
+
 /**
  * Input Variants
  *
@@ -992,56 +1066,27 @@ interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaEleme
  */
 declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
 
-declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps$1<typeof labelVariants> {
+declare const skeletonVariants: (props?: ({
+    variant?: "block" | "card" | "text" | "circle" | "inline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$1<typeof skeletonVariants> {
     /**
-     * Whether the field is required (shows asterisk)
+     * Whether to hide from screen readers
+     * @default true
      */
-    required?: boolean;
-}
-declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
-
-/**
- * Field Container Component
- * Provides spacing between field elements using Stack
- */
-interface FieldProps extends React$1.HTMLAttributes<HTMLDivElement> {
-}
-declare const Field: React$1.ForwardRefExoticComponent<FieldProps & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Field Label Component
- * Wraps Label component with proper styling
- */
-interface FieldLabelProps extends React$1.ComponentProps<typeof Label> {
-}
-declare const FieldLabel: React$1.ForwardRefExoticComponent<Omit<FieldLabelProps, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
-/**
- * Field Control Component
- * Wrapper for input/textarea/select controls
- */
-interface FieldControlProps extends React$1.HTMLAttributes<HTMLDivElement> {
-}
-declare const FieldControl: React$1.ForwardRefExoticComponent<FieldControlProps & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Field Description Component
- * Helper text displayed below the control
- */
-interface FieldDescriptionProps extends React$1.ComponentProps<typeof Text> {
+    "aria-hidden"?: boolean;
 }
-declare const FieldDescription: React$1.ForwardRefExoticComponent<Omit<FieldDescriptionProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 /**
- * Field Error Component
- * Error message displayed below the control
+ * Skeleton component for loading states
+ *
+ * @example
+ * ```tsx
+ * <Skeleton variant="text" />
+ * <Skeleton variant="circle" />
+ * <Skeleton variant="card" />
+ * ```
  */
-interface FieldErrorProps extends React$1.ComponentProps<typeof Text> {
-}
-declare const FieldError: React$1.ForwardRefExoticComponent<Omit<FieldErrorProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-declare const FieldRoot: typeof Field & {
-    Label: typeof FieldLabel;
-    Control: typeof FieldControl;
-    Description: typeof FieldDescription;
-    Error: typeof FieldError;
-};
+declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Layout Primitives Shared Types
@@ -1121,10 +1166,6 @@ type ResponsiveRows = Responsive<RowValue>;
  * Responsive flow prop type
  */
 type ResponsiveFlow = Responsive<FlowValue>;
-/**
- * Surface variant values
- */
-type SurfaceVariant = "flat" | "raised" | "sunken";
 
 /**
  * Box Primitive Component
@@ -1505,23 +1546,29 @@ interface RowProps extends Omit<StackProps, "direction"> {
  */
 declare const Row: React$1.ForwardRefExoticComponent<RowProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const surfaceVariants$1: (props?: ({
-    variant?: "flat" | "raised" | "sunken" | null | undefined;
+declare const surfaceVariants: (props?: ({
+    variant?: "flat" | "raised" | "sunken" | "outline" | "subtle" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SurfaceProps$1 extends Omit<BoxProps, "bg" | "shadow"> {
+interface SurfaceProps extends Omit<BoxProps, "bg" | "shadow" | "radius" | "p">, VariantProps$1<typeof surfaceVariants> {
     /**
      * Surface variant
      */
-    variant?: SurfaceVariant;
+    variant?: "flat" | "raised" | "sunken" | "outline" | "subtle";
+    /**
+     * Padding - token-based (sm, md, lg, xl)
+     * Overrides default variant padding
+     */
+    p?: ResponsiveSpacing;
     /**
-     * Border radius - token-based
+     * Border radius - token-based (sm, md, lg, xl, 2xl, 3xl, full)
+     * Overrides default variant radius
      */
-    radius?: BoxProps["radius"];
+    radius?: ResponsiveRadius;
 }
 /**
- * Surface component - elevation variant component
+ * Surface component - elevation variant container
  */
-declare const Surface$1: React$1.ForwardRefExoticComponent<SurfaceProps$1 & React$1.RefAttributes<HTMLDivElement>>;
+declare const Surface: React$1.ForwardRefExoticComponent<SurfaceProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Card Container Component
@@ -1630,30 +1677,6 @@ interface SectionProps extends Omit<StackProps, "py" | "gap"> {
  */
 declare const Section: React$1.ForwardRefExoticComponent<SectionProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const surfaceVariants: (props?: ({
-    variant?: "flat" | "raised" | "sunken" | "outline" | "subtle" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SurfaceProps extends Omit<BoxProps, "bg" | "shadow" | "radius" | "p">, VariantProps$1<typeof surfaceVariants> {
-    /**
-     * Surface variant
-     */
-    variant?: "flat" | "raised" | "sunken" | "outline" | "subtle";
-    /**
-     * Padding - token-based (sm, md, lg, xl)
-     * Overrides default variant padding
-     */
-    p?: ResponsiveSpacing;
-    /**
-     * Border radius - token-based (sm, md, lg, xl, 2xl, 3xl, full)
-     * Overrides default variant radius
-     */
-    radius?: ResponsiveRadius;
-}
-/**
- * Surface component - elevation variant container
- */
-declare const Surface: React$1.ForwardRefExoticComponent<SurfaceProps & React$1.RefAttributes<HTMLDivElement>>;
-
 /**
  * Portal Component
  *
@@ -1906,15 +1929,300 @@ declare function ToastProvider({ children, position, swipeDirection, duration, }
  */
 declare function useToast(): ToastContextType;
 
+declare function Toaster(): react_jsx_runtime.JSX.Element;
+
 /**
- * NotificationCenter.DismissAll Component
+ * ============================================================================
+ * 🔒 FOUNDATION LOCK - ContextMenu Component
+ * ============================================================================
  *
- * Button component to clear all notifications.
- * Located in Panel header.
+ * This component is LOCKED as part of the UI Foundation Layer.
+ *
+ * **ARCHITECTURE LOCK DOCUMENTATION:**
+ * See: docs/architecture/TUI_ARCHITECTURE_LOCK.md
+ *
+ * This component must not be modified except for critical bug fixes.
+ * All architectural decisions are final. Museum-grade quality achieved.
+ *
+ * LOCKED STATUS:
+ * - Component: ContextMenu (Radix ContextMenu wrapper)
+ * - Category: Menus (Foundation Layer)
+ * - Lock Date: 2025-12-12
+ * - Status: ✅ LOCKED (FOUNDATION_LOCKED)
+ *
+ * ALLOWED CHANGES (Minimal, approval required):
+ * - Critical bug fixes only (with explicit approval)
+ * - Typing improvements (TypeScript only, no runtime changes)
+ * - Token wiring improvements (connecting existing tokens, no new tokens)
+ * - Stories/tests fixes (test updates only, no component changes)
+ * - Documentation updates (comments, docs only)
+ * - Code comments explaining intentional design decisions
+ *
+ * FORBIDDEN CHANGES (Strictly prohibited):
+ * - ❌ New foundation components or subcomponents
+ * - ❌ Duplicate component implementations
+ * - ❌ Custom behavior that Radix ContextMenu should handle
+ * - ❌ String/number visual props (must use tokens only)
+ * - ❌ Re-implementing focus/keyboard/aria/portal logic
+ * - ❌ Breaking API changes
+ * - ❌ Behavioral rewrites or custom logic additions
+ * - ❌ Token system modifications (additions/removals)
+ * - ❌ Style modifications beyond token wiring
+ * - ❌ New props that change component behavior
+ *
+ * **If you believe changes are necessary, review TUI_ARCHITECTURE_LOCK.md first.**
+ *
+ * ============================================================================
+ *
+ * ContextMenu Component
+ *
+ * Radix-based context menu component with token-driven styling.
+ * All behavior (pointer, keyboard, focus, ARIA, positioning, collision handling)
+ * is handled by Radix ContextMenu. Tenerife UI provides visual styling through
+ * tokens only. This is a strict wrapper pattern - no custom behavior logic.
  */
 
-interface NotificationCenterDismissAllProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
+type ContextMenuRootProps = React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>;
+/**
+ * ContextMenu Root component
+ * Radix Root is a context provider, not a DOM element, so it doesn't accept refs
+ */
+declare const ContextMenuRoot: React$1.FC<ContextMenuRootProps>;
+interface ContextMenuTriggerProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Trigger>, "children"> {
+    children?: React$1.ReactNode;
+}
+/**
+ * ContextMenu Trigger component
+ * Radix handles right-click behavior automatically
+ */
+declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
+interface ContextMenuContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>, "size" | "width" | "padding" | "radius" | "surface"> {
+    /**
+     * Size variant - token-based
+     */
+    size?: ResponsiveContextMenuSize;
+    /**
+     * Width - token-based
+     */
+    width?: ResponsiveContextMenuWidth;
+    /**
+     * Padding - token-based
+     */
+    padding?: ResponsiveSpace;
+    /**
+     * Radius - token-based
+     */
+    radius?: RadiusToken;
+    /**
+     * Surface variant - token-based
+     */
+    surface?: SurfaceToken;
+}
+/**
+ * ContextMenu Content component
+ * Wrapper around Radix ContextMenu Content with token-based styling.
+ */
+declare const ContextMenuContent: React$1.ForwardRefExoticComponent<ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ContextMenuItemProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item>, "children"> {
+    children?: React$1.ReactNode;
+    /**
+     * Size variant - token-based
+     *
+     * @default Inherited from ContextMenuContent
+     * @note If not specified, the size is automatically inherited from the parent
+     * ContextMenuContent. You can override this by providing an explicit size prop.
+     * This allows you to set size once on Content and have all Items inherit it.
+     */
+    size?: ResponsiveContextMenuSize;
+    /**
+     * Tone variant - token-based
+     */
+    tone?: ContextMenuItemToneToken;
+    /**
+     * Gap between item content - token-based
+     */
+    gap?: ResponsiveSpace;
+    /**
+     * Inset padding for item
+     */
+    inset?: boolean;
+}
+/**
+ * ContextMenu Item component
+ * Wrapper around Radix ContextMenu Item with token-based styling.
+ */
+declare const ContextMenuItem: React$1.ForwardRefExoticComponent<ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ContextMenuCheckboxItemProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>, "children"> {
+    children?: React$1.ReactNode;
+    /**
+     * Size variant - token-based
+     */
+    size?: ResponsiveContextMenuSize;
+    /**
+     * Tone variant - token-based
+     */
+    tone?: ContextMenuItemToneToken;
+    /**
+     * Gap between item content - token-based
+     */
+    gap?: ResponsiveSpace;
+}
+/**
+ * ContextMenu CheckboxItem component
+ * Wrapper around Radix ContextMenu CheckboxItem with token-based styling.
+ */
+declare const ContextMenuCheckboxItem: React$1.ForwardRefExoticComponent<ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ContextMenuRadioGroupProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioGroup>, "children"> {
+    children?: React$1.ReactNode;
+}
+/**
+ * ContextMenu RadioGroup component
+ * Wrapper around Radix ContextMenu RadioGroup.
+ */
+declare const ContextMenuRadioGroup: React$1.ForwardRefExoticComponent<ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ContextMenuRadioItemProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>, "children"> {
+    children?: React$1.ReactNode;
+    /**
+     * Size variant - token-based
+     */
+    size?: ResponsiveContextMenuSize;
+    /**
+     * Tone variant - token-based
+     */
+    tone?: ContextMenuItemToneToken;
+    /**
+     * Gap between item content - token-based
+     */
+    gap?: ResponsiveSpace;
+}
+/**
+ * ContextMenu RadioItem component
+ * Wrapper around Radix ContextMenu RadioItem with token-based styling.
+ */
+declare const ContextMenuRadioItem: React$1.ForwardRefExoticComponent<ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ContextMenuSeparatorProps extends React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator> {
+    className?: string;
+}
+/**
+ * ContextMenu Separator component
+ * Wrapper around Radix ContextMenu Separator with token-based styling.
+ */
+declare const ContextMenuSeparator: React$1.ForwardRefExoticComponent<ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ContextMenuLabelProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label>, "children"> {
+    children?: React$1.ReactNode;
+    /**
+     * Padding - token-based
+     */
+    padding?: ResponsiveSpace;
+}
+/**
+ * ContextMenu Label component
+ * Wrapper around Radix ContextMenu Label with token-based styling.
+ */
+declare const ContextMenuLabel: React$1.ForwardRefExoticComponent<ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ContextMenuSubProps extends React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Sub> {
+    children?: React$1.ReactNode;
+}
+/**
+ * ContextMenu Sub component
+ * Wrapper around Radix ContextMenu Sub.
+ */
+declare const ContextMenuSub: React$1.FC<ContextMenuSubProps>;
+interface ContextMenuSubTriggerProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger>, "children"> {
+    children?: React$1.ReactNode;
+    /**
+     * Size variant - token-based
+     */
+    size?: ResponsiveContextMenuSize;
+    /**
+     * Tone variant - token-based
+     */
+    tone?: ContextMenuItemToneToken;
+    /**
+     * Gap between item content - token-based
+     */
+    gap?: ResponsiveSpace;
+}
+/**
+ * ContextMenu SubTrigger component
+ * Wrapper around Radix ContextMenu SubTrigger with token-based styling.
+ */
+declare const ContextMenuSubTrigger: React$1.ForwardRefExoticComponent<ContextMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ContextMenuSubContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>, "size" | "width" | "padding" | "radius" | "surface"> {
+    /**
+     * Size variant - token-based
+     */
+    size?: ResponsiveContextMenuSize;
+    /**
+     * Width - token-based
+     */
+    width?: ResponsiveContextMenuWidth;
+    /**
+     * Padding - token-based
+     */
+    padding?: ResponsiveSpace;
+    /**
+     * Radius - token-based
+     */
+    radius?: RadiusToken;
+    /**
+     * Surface variant - token-based
+     */
+    surface?: SurfaceToken;
+}
+/**
+ * ContextMenu SubContent component
+ * Wrapper around Radix ContextMenu SubContent with token-based styling.
+ */
+declare const ContextMenuSubContent: React$1.ForwardRefExoticComponent<ContextMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * ContextMenu Component
+ *
+ * Radix ContextMenu-based component with token-driven styling.
+ *
+ * **Usage:**
+ * ```tsx
+ * <ContextMenu.Root>
+ *   <ContextMenu.Trigger>Right-click me</ContextMenu.Trigger>
+ *   <ContextMenu.Content>
+ *     <ContextMenu.Item>Item 1</ContextMenu.Item>
+ *     <ContextMenu.Item>Item 2</ContextMenu.Item>
+ *     <ContextMenu.Separator />
+ *     <ContextMenu.Sub>
+ *       <ContextMenu.SubTrigger>Submenu</ContextMenu.SubTrigger>
+ *       <ContextMenu.SubContent>
+ *         <ContextMenu.Item>Sub Item 1</ContextMenu.Item>
+ *       </ContextMenu.SubContent>
+ *     </ContextMenu.Sub>
+ *   </ContextMenu.Content>
+ * </ContextMenu.Root>
+ * ```
+ */
+declare const ContextMenu: {
+    Root: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
+    Trigger: React$1.ForwardRefExoticComponent<ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
+    Content: React$1.ForwardRefExoticComponent<ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
+    Item: React$1.ForwardRefExoticComponent<ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>>;
+    CheckboxItem: React$1.ForwardRefExoticComponent<ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>>;
+    RadioGroup: React$1.ForwardRefExoticComponent<ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+    RadioItem: React$1.ForwardRefExoticComponent<ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>>;
+    Separator: React$1.ForwardRefExoticComponent<ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+    Label: React$1.ForwardRefExoticComponent<ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>>;
+    Sub: React$1.FC<ContextMenuSubProps>;
+    SubTrigger: React$1.ForwardRefExoticComponent<ContextMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>>;
+    SubContent: React$1.ForwardRefExoticComponent<ContextMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+
+/**
+ * NotificationCenter.DismissAll Component
+ *
+ * Button component to clear all notifications.
+ * Located in Panel header.
+ */
+
+interface NotificationCenterDismissAllProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
      * Show confirmation before clearing
      */
     confirm?: boolean;
@@ -2229,50 +2537,45 @@ declare const NotificationCenter: {
     DismissAll: React$1.ForwardRefExoticComponent<NotificationCenterDismissAllProps & React$1.RefAttributes<HTMLButtonElement>>;
 };
 
+declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "sideOffset" | "alignOffset"> & VariantProps$1<(props?: ({
+    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    sideOffset?: ResponsiveSideOffset;
+    alignOffset?: ResponsiveAlignOffset;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
 /**
- * Popover Arrow Component
+ * HoverCard Content Component
  *
- * Arrow indicator pointing to the trigger element.
- * Uses POPOVER_TOKENS for sizing and positioning.
+ * Content container for HoverCard.
+ * Wraps PopoverContent with hover-specific behavior.
  */
 
-interface PopoverArrowProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Arrow size
-     */
-    size?: "sm" | "md";
+interface HoverCardContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof PopoverContent>, "onMouseEnter" | "onMouseLeave"> {
+    onMouseEnter?: React$1.MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: React$1.MouseEventHandler<HTMLDivElement>;
 }
 /**
- * Popover Arrow component
+ * HoverCard Content component
  */
-declare const PopoverArrow: React$1.ForwardRefExoticComponent<PopoverArrowProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const HoverCardContent: React$1.ForwardRefExoticComponent<HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const popoverContentVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface PopoverContentProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onAnimationEnd">, VariantProps$1<typeof popoverContentVariants> {
+interface HoverCardRootProps {
     /**
-     * Placement preference
+     * Delay before opening - token-based
+     * Uses motion duration tokens
+     * @default 0
      */
-    placement?: Placement;
-    /**
-     * Offset between trigger and content - token-based
-     * Uses spacing tokens for positioning offsets
-     */
-    offset?: ResponsiveAlignOffset;
+    openDelay?: ResponsiveDelay;
     /**
-     * Whether to close on outside click
+     * Delay before closing - token-based
+     * Uses motion duration tokens
+     * @default 300
      */
-    closeOnInteractOutside?: boolean;
-}
-/**
- * Popover Content component
- */
-declare const PopoverContent: React$1.ForwardRefExoticComponent<PopoverContentProps & React$1.RefAttributes<HTMLDivElement>>;
-
-interface PopoverRootProps {
+    closeDelay?: ResponsiveDelay;
     /**
-     * Whether the popover is open (controlled mode)
+     * Whether the hover card is open (controlled mode)
      */
     open?: boolean;
     /**
@@ -2284,7 +2587,7 @@ interface PopoverRootProps {
      */
     defaultOpen?: boolean;
     /**
-     * Whether the popover is modal (blocks interaction with other elements)
+     * Whether the hover card is modal (blocks interaction with other elements)
      */
     modal?: boolean;
     /**
@@ -2293,1537 +2596,980 @@ interface PopoverRootProps {
     children: React$1.ReactNode;
 }
 /**
- * Popover Root component
+ * HoverCard Root component
  */
-declare function PopoverRoot({ open: controlledOpen, onOpenChange, defaultOpen, children, }: PopoverRootProps): react_jsx_runtime.JSX.Element;
-declare namespace PopoverRoot {
+declare function HoverCardRoot({ openDelay, closeDelay, defaultOpen, open: controlledOpen, onOpenChange: controlledOnOpenChange, modal, ...props }: HoverCardRootProps): react_jsx_runtime.JSX.Element;
+declare namespace HoverCardRoot {
     var displayName: string;
 }
 
 /**
- * Popover Trigger Component
+ * HoverCard Trigger Component
  *
- * Trigger element that opens/closes the popover.
- * Supports asChild pattern for composition.
+ * Trigger element that opens HoverCard on hover/focus.
  */
 
-interface PopoverTriggerProps extends React$1.HTMLAttributes<HTMLElement> {
+interface HoverCardTriggerProps extends React$1.HTMLAttributes<HTMLElement> {
     /**
      * Render as child element (composition pattern)
      */
     asChild?: boolean;
 }
 /**
- * Popover Trigger component
+ * HoverCard Trigger component
  */
-declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverTriggerProps & React$1.RefAttributes<HTMLElement>>;
+declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardTriggerProps & React$1.RefAttributes<HTMLElement>>;
 
 /**
- * DropdownMenu Item Component
+ * DataList Root Component
  *
- * Menu item with keyboard navigation support (roving tabindex).
- * Uses MENU_TOKENS for styling.
+ * Mobile-first data list component for displaying key-value pairs.
+ * Uses Stack for vertical layout and DATA_LIST_TOKENS for spacing.
  */
 
-interface DropdownMenuItemProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
-    /**
-     * Whether the item is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Whether the item is selected
-     */
-    selected?: boolean;
-    /**
-     * Callback when item is selected
-     * Receives native Event (not SyntheticEvent)
-     */
-    onSelect?: (event: Event) => void;
+interface DataListRootProps extends React$1.HTMLAttributes<HTMLDListElement> {
     /**
-     * Whether item has inset padding (for nested items)
+     * Label width for desktop layout
+     * @default "md"
      */
-    inset?: boolean;
+    labelWidth?: "sm" | "md" | "lg";
 }
 /**
- * DropdownMenu Item component
+ * DataList Root component
+ *
+ * @example
+ * ```tsx
+ * <DataList.Root>
+ *   <DataList.Item>
+ *     <DataList.Label>Name</DataList.Label>
+ *     <DataList.Value>John Doe</DataList.Value>
+ *   </DataList.Item>
+ * </DataList.Root>
+ * ```
  */
-declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DataListRoot: React$1.ForwardRefExoticComponent<DataListRootProps & React$1.RefAttributes<HTMLDListElement>>;
 
 /**
- * DropdownMenu CheckItem Component
+ * Tabs Component
  *
- * Menu item with checkbox indicator.
- * Uses MENU_TOKENS for styling.
+ * Radix-based tabs component with token-driven styling.
+ * All behavior (keyboard navigation, focus management, a11y) is handled by Radix.
+ * Tenerife UI provides visual styling through tokens only.
  */
 
-interface DropdownMenuCheckItemProps extends Omit<DropdownMenuItemProps, "selected"> {
+interface TabsRootProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
+}
+interface TabsListProps extends Omit<React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, "size" | "variant"> {
     /**
-     * Whether the item is checked
+     * Size variant - token-based
      */
-    checked?: boolean;
-}
-/**
- * DropdownMenu CheckItem component
- */
-declare const DropdownMenuCheckItem: React$1.ForwardRefExoticComponent<DropdownMenuCheckItemProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * DropdownMenu Content Component
- *
- * Content container for dropdown menu.
- * Wraps PopoverContent with menu-specific styling and role.
- * Handles keyboard navigation (Arrow keys, Home/End, Escape).
- */
-
-interface DropdownMenuContentProps extends PopoverContentProps {
+    size?: ResponsiveTabsSize;
+    /**
+     * Visual variant - token-based
+     */
+    variant?: TabsVariantToken;
 }
-/**
- * DropdownMenu Content component
- */
-declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * DropdownMenu Group Component
- *
- * Group container for related menu items.
- */
-
-interface DropdownMenuGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface TabsTriggerProps extends Omit<React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, "size" | "variant" | "tone"> {
+    /**
+     * Size variant - token-based (inherited from context if not provided)
+     */
+    size?: ResponsiveTabsSize;
+    /**
+     * Visual variant - token-based (inherited from context if not provided)
+     */
+    variant?: TabsVariantToken;
+    /**
+     * Tone - token-based (inherited from context if not provided)
+     */
+    tone?: TabsToneToken;
+    /**
+     * Leading icon - semantic prop
+     */
+    leadingIcon?: React$1.ReactNode;
+    /**
+     * Trailing icon - semantic prop
+     */
+    trailingIcon?: React$1.ReactNode;
+    /**
+     * Icon - semantic prop (for backward compatibility, maps to leadingIcon)
+     */
+    icon?: React$1.ReactNode;
 }
-/**
- * DropdownMenu Group component
- */
-declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * DropdownMenu Label Component
- *
- * Label/section header for menu items.
- * Uses MENU_TOKENS for styling.
- */
-
-interface DropdownMenuLabelProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface TabsContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>, "size"> {
     /**
-     * Whether label has inset padding (for nested items)
+     * Size variant - token-based (for padding)
      */
-    inset?: boolean;
+    size?: ResponsiveTabsSize;
 }
-/**
- * DropdownMenu Label component
- */
-declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * DropdownMenu RadioGroup Component
- *
- * Radio group container for radio menu items.
- */
+declare const Tabs: {
+    Root: React$1.FC<TabsRootProps>;
+    List: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
+    Trigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+    Content: React$1.ForwardRefExoticComponent<TabsContentProps & React$1.RefAttributes<HTMLDivElement>>;
+};
 
-interface DropdownMenuRadioGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+declare const segmentedControlRootVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const segmentedControlItemVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    state?: "default" | "selected" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SegmentedControlRootProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "role">, VariantProps$1<typeof segmentedControlRootVariants> {
     /**
-     * Selected value
+     * Controlled value
      */
     value?: string;
+    /**
+     * Default value for uncontrolled usage
+     */
+    defaultValue?: string;
     /**
      * Callback when value changes
      */
     onValueChange?: (value: string) => void;
+    /**
+     * Name for the radio group
+     */
+    name?: string;
 }
-/**
- * DropdownMenu RadioGroup component
- */
-declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * DropdownMenu RadioItem Component
- *
- * Menu item with radio indicator.
- * Uses MENU_TOKENS for styling.
- */
-
-interface DropdownMenuRadioItemProps extends Omit<DropdownMenuItemProps, "selected"> {
+interface SegmentedControlItemProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "role">, VariantProps$1<typeof segmentedControlItemVariants> {
     /**
-     * Radio item value
+     * Value of this item
      */
     value: string;
+    /**
+     * Whether this item is disabled
+     */
+    disabled?: boolean;
 }
-/**
- * DropdownMenu RadioItem component
- */
-declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>>;
-
-interface DropdownMenuRootProps extends PopoverRootProps {
-}
-/**
- * DropdownMenu Root component
- */
-declare function DropdownMenuRoot(props: DropdownMenuRootProps): react_jsx_runtime.JSX.Element;
-declare namespace DropdownMenuRoot {
-    var displayName: string;
-}
-
-/**
- * DropdownMenu Separator Component
- *
- * Visual separator between menu items.
- * Uses MENU_TOKENS for styling.
- */
-
-interface DropdownMenuSeparatorProps extends React$1.HTMLAttributes<HTMLDivElement> {
-}
-/**
- * DropdownMenu Separator component
- */
-declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
-
-interface DropdownMenuSubProps extends PopoverRootProps {
-}
-/**
- * DropdownMenu Sub component
- */
-declare function DropdownMenuSub(props: DropdownMenuSubProps): react_jsx_runtime.JSX.Element;
-declare namespace DropdownMenuSub {
-    var displayName: string;
-}
-
-/**
- * DropdownMenu SubContent Component
- *
- * Content container for submenu.
- */
-
-interface DropdownMenuSubContentProps extends DropdownMenuContentProps {
-}
-/**
- * DropdownMenu SubContent component
- */
-declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * DropdownMenu SubTrigger Component
- *
- * Trigger for submenu items.
- */
-
-interface DropdownMenuSubTriggerProps extends DropdownMenuItemProps {
-}
-/**
- * DropdownMenu SubTrigger component
- */
-declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * DropdownMenu Trigger Component
- *
- * Trigger element for dropdown menu.
- * Wraps PopoverTrigger with menu-specific ARIA attributes.
- */
+declare const SegmentedControl: React$1.ForwardRefExoticComponent<SegmentedControlRootProps & React$1.RefAttributes<HTMLDivElement>> & {
+    Root: React$1.ForwardRefExoticComponent<SegmentedControlRootProps & React$1.RefAttributes<HTMLDivElement>>;
+    Item: React$1.ForwardRefExoticComponent<SegmentedControlItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+};
 
-interface DropdownMenuTriggerProps extends PopoverTriggerProps {
+interface BreadcrumbItem {
+    /**
+     * Label text for the breadcrumb item
+     */
+    label: string;
+    /**
+     * Optional href for clickable items
+     */
+    href?: string;
+    /**
+     * Whether this item is disabled
+     */
+    disabled?: boolean;
 }
-/**
- * DropdownMenu Trigger component
- */
-declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuTriggerProps & React$1.RefAttributes<HTMLElement>>;
-
-/**
- * HoverCard Content Component
- *
- * Content container for HoverCard.
- * Wraps PopoverContent with hover-specific behavior.
- */
-
-interface HoverCardContentProps extends PopoverContentProps {
+interface BreadcrumbsRootProps extends React$1.HTMLAttributes<HTMLElement> {
+    /**
+     * Array of breadcrumb items
+     */
+    items: BreadcrumbItem[];
+    /**
+     * Custom separator component or string
+     * @default ChevronRight icon
+     */
+    separator?: React$1.ReactNode;
+    /**
+     * ARIA label for the navigation element
+     * @default "Breadcrumb"
+     */
+    ariaLabel?: string;
 }
-/**
- * HoverCard Content component
- */
-declare const HoverCardContent: React$1.ForwardRefExoticComponent<HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>>;
-
-interface HoverCardRootProps extends Omit<PopoverRootProps, "open" | "onOpenChange"> {
+interface BreadcrumbsItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
     /**
-     * Delay before opening - token-based
-     * Uses motion duration tokens
-     * @default 0
+     * Whether this is the last item (current page)
      */
-    openDelay?: ResponsiveDelay;
+    isLast?: boolean;
     /**
-     * Delay before closing - token-based
-     * Uses motion duration tokens
-     * @default 300
+     * Whether this item is disabled
      */
-    closeDelay?: ResponsiveDelay;
+    disabled?: boolean;
 }
-/**
- * HoverCard Root component
- */
-declare function HoverCardRoot({ openDelay, closeDelay, defaultOpen, ...props }: HoverCardRootProps): react_jsx_runtime.JSX.Element;
-declare namespace HoverCardRoot {
-    var displayName: string;
-}
-
-/**
- * HoverCard Trigger Component
- *
- * Trigger element that opens HoverCard on hover/focus.
- */
-
-interface HoverCardTriggerProps extends PopoverTriggerProps {
-}
-/**
- * HoverCard Trigger component
- */
-declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardTriggerProps & React$1.RefAttributes<HTMLElement>>;
-
-/**
- * ============================================================================
- * 🔒 FOUNDATION LOCK - ContextMenu Component
- * ============================================================================
- *
- * This component is LOCKED as part of the UI Foundation Layer.
- *
- * **ARCHITECTURE LOCK DOCUMENTATION:**
- * See: docs/architecture/TUI_ARCHITECTURE_LOCK.md
- *
- * This component must not be modified except for critical bug fixes.
- * All architectural decisions are final. Museum-grade quality achieved.
- *
- * LOCKED STATUS:
- * - Component: ContextMenu (Radix ContextMenu wrapper)
- * - Category: Menus (Foundation Layer)
- * - Lock Date: 2025-12-12
- * - Status: ✅ LOCKED (FOUNDATION_LOCKED)
- *
- * ALLOWED CHANGES (Minimal, approval required):
- * - Critical bug fixes only (with explicit approval)
- * - Typing improvements (TypeScript only, no runtime changes)
- * - Token wiring improvements (connecting existing tokens, no new tokens)
- * - Stories/tests fixes (test updates only, no component changes)
- * - Documentation updates (comments, docs only)
- * - Code comments explaining intentional design decisions
- *
- * FORBIDDEN CHANGES (Strictly prohibited):
- * - ❌ New foundation components or subcomponents
- * - ❌ Duplicate component implementations
- * - ❌ Custom behavior that Radix ContextMenu should handle
- * - ❌ String/number visual props (must use tokens only)
- * - ❌ Re-implementing focus/keyboard/aria/portal logic
- * - ❌ Breaking API changes
- * - ❌ Behavioral rewrites or custom logic additions
- * - ❌ Token system modifications (additions/removals)
- * - ❌ Style modifications beyond token wiring
- * - ❌ New props that change component behavior
- *
- * **If you believe changes are necessary, review TUI_ARCHITECTURE_LOCK.md first.**
- *
- * ============================================================================
- *
- * ContextMenu Component
- *
- * Radix-based context menu component with token-driven styling.
- * All behavior (pointer, keyboard, focus, ARIA, positioning, collision handling)
- * is handled by Radix ContextMenu. Tenerife UI provides visual styling through
- * tokens only. This is a strict wrapper pattern - no custom behavior logic.
- */
-
-type ContextMenuRootProps = React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>;
-/**
- * ContextMenu Root component
- * Radix Root is a context provider, not a DOM element, so it doesn't accept refs
- */
-declare const ContextMenuRoot: React$1.FC<ContextMenuRootProps>;
-interface ContextMenuTriggerProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Trigger>, "children"> {
-    children?: React$1.ReactNode;
-}
-/**
- * ContextMenu Trigger component
- * Radix handles right-click behavior automatically
- */
-declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
-interface ContextMenuContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>, "size" | "width" | "padding" | "radius" | "surface"> {
-    /**
-     * Size variant - token-based
-     */
-    size?: ResponsiveContextMenuSize;
-    /**
-     * Width - token-based
-     */
-    width?: ResponsiveContextMenuWidth;
-    /**
-     * Padding - token-based
-     */
-    padding?: ResponsiveSpace;
-    /**
-     * Radius - token-based
-     */
-    radius?: RadiusToken;
-    /**
-     * Surface variant - token-based
-     */
-    surface?: SurfaceToken;
-}
-/**
- * ContextMenu Content component
- * Wrapper around Radix ContextMenu Content with token-based styling.
- */
-declare const ContextMenuContent: React$1.ForwardRefExoticComponent<ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
-interface ContextMenuItemProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item>, "children"> {
-    children?: React$1.ReactNode;
-    /**
-     * Size variant - token-based
-     *
-     * @default Inherited from ContextMenuContent
-     * @note If not specified, the size is automatically inherited from the parent
-     * ContextMenuContent. You can override this by providing an explicit size prop.
-     * This allows you to set size once on Content and have all Items inherit it.
-     */
-    size?: ResponsiveContextMenuSize;
-    /**
-     * Tone variant - token-based
-     */
-    tone?: ContextMenuItemToneToken;
-    /**
-     * Gap between item content - token-based
-     */
-    gap?: ResponsiveSpace;
-    /**
-     * Inset padding for item
-     */
-    inset?: boolean;
-}
-/**
- * ContextMenu Item component
- * Wrapper around Radix ContextMenu Item with token-based styling.
- */
-declare const ContextMenuItem: React$1.ForwardRefExoticComponent<ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>>;
-interface ContextMenuCheckboxItemProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>, "children"> {
-    children?: React$1.ReactNode;
-    /**
-     * Size variant - token-based
-     */
-    size?: ResponsiveContextMenuSize;
-    /**
-     * Tone variant - token-based
-     */
-    tone?: ContextMenuItemToneToken;
-    /**
-     * Gap between item content - token-based
-     */
-    gap?: ResponsiveSpace;
-}
-/**
- * ContextMenu CheckboxItem component
- * Wrapper around Radix ContextMenu CheckboxItem with token-based styling.
- */
-declare const ContextMenuCheckboxItem: React$1.ForwardRefExoticComponent<ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>>;
-interface ContextMenuRadioGroupProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioGroup>, "children"> {
-    children?: React$1.ReactNode;
-}
-/**
- * ContextMenu RadioGroup component
- * Wrapper around Radix ContextMenu RadioGroup.
- */
-declare const ContextMenuRadioGroup: React$1.ForwardRefExoticComponent<ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-interface ContextMenuRadioItemProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>, "children"> {
-    children?: React$1.ReactNode;
-    /**
-     * Size variant - token-based
-     */
-    size?: ResponsiveContextMenuSize;
-    /**
-     * Tone variant - token-based
-     */
-    tone?: ContextMenuItemToneToken;
-    /**
-     * Gap between item content - token-based
-     */
-    gap?: ResponsiveSpace;
-}
-/**
- * ContextMenu RadioItem component
- * Wrapper around Radix ContextMenu RadioItem with token-based styling.
- */
-declare const ContextMenuRadioItem: React$1.ForwardRefExoticComponent<ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>>;
-interface ContextMenuSeparatorProps extends React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator> {
-    className?: string;
-}
-/**
- * ContextMenu Separator component
- * Wrapper around Radix ContextMenu Separator with token-based styling.
- */
-declare const ContextMenuSeparator: React$1.ForwardRefExoticComponent<ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
-interface ContextMenuLabelProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label>, "children"> {
-    children?: React$1.ReactNode;
-    /**
-     * Padding - token-based
-     */
-    padding?: ResponsiveSpace;
-}
-/**
- * ContextMenu Label component
- * Wrapper around Radix ContextMenu Label with token-based styling.
- */
-declare const ContextMenuLabel: React$1.ForwardRefExoticComponent<ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>>;
-interface ContextMenuSubProps extends React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Sub> {
-    children?: React$1.ReactNode;
-}
-/**
- * ContextMenu Sub component
- * Wrapper around Radix ContextMenu Sub.
- */
-declare const ContextMenuSub: React$1.FC<ContextMenuSubProps>;
-interface ContextMenuSubTriggerProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger>, "children"> {
-    children?: React$1.ReactNode;
-    /**
-     * Size variant - token-based
-     */
-    size?: ResponsiveContextMenuSize;
-    /**
-     * Tone variant - token-based
-     */
-    tone?: ContextMenuItemToneToken;
-    /**
-     * Gap between item content - token-based
-     */
-    gap?: ResponsiveSpace;
-}
-/**
- * ContextMenu SubTrigger component
- * Wrapper around Radix ContextMenu SubTrigger with token-based styling.
- */
-declare const ContextMenuSubTrigger: React$1.ForwardRefExoticComponent<ContextMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>>;
-interface ContextMenuSubContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>, "size" | "width" | "padding" | "radius" | "surface"> {
-    /**
-     * Size variant - token-based
-     */
-    size?: ResponsiveContextMenuSize;
-    /**
-     * Width - token-based
-     */
-    width?: ResponsiveContextMenuWidth;
-    /**
-     * Padding - token-based
-     */
-    padding?: ResponsiveSpace;
-    /**
-     * Radius - token-based
-     */
-    radius?: RadiusToken;
-    /**
-     * Surface variant - token-based
-     */
-    surface?: SurfaceToken;
-}
-/**
- * ContextMenu SubContent component
- * Wrapper around Radix ContextMenu SubContent with token-based styling.
- */
-declare const ContextMenuSubContent: React$1.ForwardRefExoticComponent<ContextMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * ContextMenu Component
- *
- * Radix ContextMenu-based component with token-driven styling.
- *
- * **Usage:**
- * ```tsx
- * <ContextMenu.Root>
- *   <ContextMenu.Trigger>Right-click me</ContextMenu.Trigger>
- *   <ContextMenu.Content>
- *     <ContextMenu.Item>Item 1</ContextMenu.Item>
- *     <ContextMenu.Item>Item 2</ContextMenu.Item>
- *     <ContextMenu.Separator />
- *     <ContextMenu.Sub>
- *       <ContextMenu.SubTrigger>Submenu</ContextMenu.SubTrigger>
- *       <ContextMenu.SubContent>
- *         <ContextMenu.Item>Sub Item 1</ContextMenu.Item>
- *       </ContextMenu.SubContent>
- *     </ContextMenu.Sub>
- *   </ContextMenu.Content>
- * </ContextMenu.Root>
- * ```
- */
-declare const ContextMenu: {
-    Root: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
-    Trigger: React$1.ForwardRefExoticComponent<ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
-    Content: React$1.ForwardRefExoticComponent<ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
-    Item: React$1.ForwardRefExoticComponent<ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>>;
-    CheckboxItem: React$1.ForwardRefExoticComponent<ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>>;
-    RadioGroup: React$1.ForwardRefExoticComponent<ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-    RadioItem: React$1.ForwardRefExoticComponent<ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>>;
-    Separator: React$1.ForwardRefExoticComponent<ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
-    Label: React$1.ForwardRefExoticComponent<ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>>;
-    Sub: React$1.FC<ContextMenuSubProps>;
-    SubTrigger: React$1.ForwardRefExoticComponent<ContextMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>>;
-    SubContent: React$1.ForwardRefExoticComponent<ContextMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>>;
-};
-
-declare const skeletonVariants: (props?: ({
-    variant?: "block" | "card" | "text" | "circle" | "inline" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps$1<typeof skeletonVariants> {
-    /**
-     * Whether to hide from screen readers
-     * @default true
-     */
-    "aria-hidden"?: boolean;
-}
-/**
- * Skeleton component for loading states
- *
- * @example
- * ```tsx
- * <Skeleton variant="text" />
- * <Skeleton variant="circle" />
- * <Skeleton variant="card" />
- * ```
- */
-declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * EmptyState Component
- *
- * Token-driven empty state component for displaying empty or no-data states.
- * Uses EMPTY_STATE_TOKENS for all spacing and sizing.
- * Integrates with Surface and Stack components.
- */
-
-interface EmptyStateProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Unique ID for accessibility (auto-generated if not provided)
-     */
-    id?: string;
-}
-/**
- * EmptyState root component
- *
- * @example
- * ```tsx
- * <EmptyState>
- *   <EmptyState.Icon>📭</EmptyState.Icon>
- *   <EmptyState.Title>No items found</EmptyState.Title>
- *   <EmptyState.Description>Try adjusting your filters</EmptyState.Description>
- *   <EmptyState.Action>
- *     <Button>Create Item</Button>
- *   </EmptyState.Action>
- * </EmptyState>
- * ```
- */
-declare const EmptyState: React$1.ForwardRefExoticComponent<EmptyStateProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * EmptyState Action Component
- *
- * Action subcomponent for EmptyState (typically contains Button).
- */
-
-interface EmptyStateActionProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Action button or link (typically Button component)
-     */
-    children: React$1.ReactNode;
-}
-/**
- * EmptyState Action component
- */
-declare const EmptyStateAction: React$1.ForwardRefExoticComponent<EmptyStateActionProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * EmptyState Description Component
- *
- * Description subcomponent for EmptyState.
- */
-
-interface EmptyStateDescriptionProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
-    /**
-     * Description text
-     */
-    children: React$1.ReactNode;
-}
-/**
- * EmptyState Description component
- */
-declare const EmptyStateDescription: React$1.ForwardRefExoticComponent<EmptyStateDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
-
-/**
- * EmptyState Icon Component
- *
- * Icon subcomponent for EmptyState.
- */
-
-interface EmptyStateIconProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Icon content (any ReactNode)
-     */
-    children: React$1.ReactNode;
+interface BreadcrumbsSeparatorProps extends React$1.HTMLAttributes<HTMLSpanElement> {
     /**
-     * Icon size
-     * @default "md"
+     * Custom separator content
      */
-    size?: "sm" | "md" | "lg";
+    children?: React$1.ReactNode;
 }
-/**
- * EmptyState Icon component
- */
-declare const EmptyStateIcon: React$1.ForwardRefExoticComponent<EmptyStateIconProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * EmptyState Title Component
- *
- * Title subcomponent for EmptyState.
- */
+declare const Breadcrumbs: React$1.ForwardRefExoticComponent<BreadcrumbsRootProps & React$1.RefAttributes<HTMLElement>> & {
+    Root: React$1.ForwardRefExoticComponent<BreadcrumbsRootProps & React$1.RefAttributes<HTMLElement>>;
+    Item: React$1.ForwardRefExoticComponent<BreadcrumbsItemProps & React$1.RefAttributes<HTMLLIElement>>;
+    Separator: React$1.ForwardRefExoticComponent<BreadcrumbsSeparatorProps & React$1.RefAttributes<HTMLSpanElement>>;
+};
 
-interface EmptyStateTitleProps extends React$1.HTMLAttributes<HTMLHeadingElement> {
+interface PaginationRootProps extends React$1.HTMLAttributes<HTMLElement> {
     /**
-     * Title text
+     * Current active page (1-indexed)
      */
-    children: React$1.ReactNode;
-}
-/**
- * EmptyState Title component
- */
-declare const EmptyStateTitle: React$1.ForwardRefExoticComponent<EmptyStateTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
-
-/**
- * DataList Root Component
- *
- * Mobile-first data list component for displaying key-value pairs.
- * Uses Stack for vertical layout and DATA_LIST_TOKENS for spacing.
- */
-
-interface DataListRootProps extends React$1.HTMLAttributes<HTMLDListElement> {
+    currentPage: number;
     /**
-     * Label width for desktop layout
-     * @default "md"
+     * Total number of pages
      */
-    labelWidth?: "sm" | "md" | "lg";
-}
-/**
- * DataList Root component
- *
- * @example
- * ```tsx
- * <DataList.Root>
- *   <DataList.Item>
- *     <DataList.Label>Name</DataList.Label>
- *     <DataList.Value>John Doe</DataList.Value>
- *   </DataList.Item>
- * </DataList.Root>
- * ```
- */
-declare const DataListRoot: React$1.ForwardRefExoticComponent<DataListRootProps & React$1.RefAttributes<HTMLDListElement>>;
-
-/**
- * DataList Component Types
- *
- * TypeScript interfaces and types for DataList component.
- */
-
-/**
- * DataList Item component props
- */
-interface DataListItemProps$1 extends React.HTMLAttributes<HTMLDivElement> {
+    totalPages: number;
     /**
-     * Row padding - token-based
-     * Accepts spacing tokens (xs, sm, md, lg, xl, etc.) or responsive object
-     * @default "md"
-     * @example padding="sm"
-     * @example padding={{ base: "sm", md: "lg" }}
+     * Callback when page changes
      */
-    padding?: ResponsiveSpacing;
-}
-
-/**
- * DataList Item Component
- *
- * Individual item in DataList (contains Label and Value).
- */
-
-interface DataListItemProps extends DataListItemProps$1 {
-}
-/**
- * DataList Item component
- * Mobile: vertical layout (label above value)
- * Desktop: horizontal layout (label left, value right)
- */
-declare const DataListItem: React$1.ForwardRefExoticComponent<DataListItemProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * DataList Label Component
- *
- * Label subcomponent for DataList items.
- */
-
-interface DataListLabelProps extends React$1.HTMLAttributes<HTMLElement> {
+    onPageChange: (page: number) => void;
     /**
-     * Label text
+     * Number of pages to show on each side of current page
+     * @default 2
      */
-    children: React$1.ReactNode;
-}
-/**
- * DataList Label component
- * Mobile: full width
- * Desktop: fixed width (from tokens)
- */
-declare const DataListLabel: React$1.ForwardRefExoticComponent<DataListLabelProps & React$1.RefAttributes<HTMLElement>>;
-
-/**
- * DataList Value Component
- *
- * Value subcomponent for DataList items.
- */
-
-interface DataListValueProps extends React$1.HTMLAttributes<HTMLElement> {
+    delta?: number;
     /**
-     * Value content
+     * ARIA label for the navigation element
+     * @default "Pagination"
      */
-    children: React$1.ReactNode;
+    ariaLabel?: string;
 }
-/**
- * DataList Value component
- * Flex-grow to fill remaining space on desktop
- */
-declare const DataListValue: React$1.ForwardRefExoticComponent<DataListValueProps & React$1.RefAttributes<HTMLElement>>;
-
-/**
- * Table Component Types
- *
- * TypeScript interfaces and types for Table component.
- */
-
-/**
- * Table column definition
- */
-interface TableColumn<T = Record<string, unknown>> {
-    /**
-     * Column key (must match a key in the data object)
-     */
-    key: keyof T;
-    /**
-     * Column header title
-     */
-    title: string;
-    /**
-     * Custom render function for cell content
-     */
-    render?: (value: T[keyof T], item: T, index: number) => ReactNode;
-    /**
-     * Column alignment
-     * @default "left"
-     */
-    align?: "left" | "center" | "right";
+interface PaginationItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
-     * Column width (CSS value or Tailwind class)
+     * Page number (or "..." for ellipsis)
      */
-    width?: string;
+    page: number | "...";
     /**
-     * Whether column is sortable
-     * @default false
+     * Whether this is the current page
      */
-    sortable?: boolean;
+    isCurrent?: boolean;
     /**
-     * Cell size
-     * @default "md"
+     * Whether this item is disabled
      */
-    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
 }
-/**
- * Sort direction
- */
-type SortDirection = "asc" | "desc" | null;
-/**
- * Sort state
- */
-interface SortState {
-    /**
-     * Column key being sorted
-     */
-    column: string | null;
+interface PaginationPrevProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
-     * Sort direction
+     * Whether previous button is disabled
      */
-    direction: SortDirection;
+    disabled?: boolean;
 }
-/**
- * Table context value
- */
-interface TableContextValue {
-    /**
-     * Current sort state
-     */
-    sortState: SortState;
-    /**
-     * Set sort state
-     */
-    setSortState: (state: SortState) => void;
-    /**
-     * Expanded rows (for expandable rows)
-     */
-    expandedRows: Set<string | number>;
-    /**
-     * Toggle row expansion
-     */
-    toggleRow: (rowKey: string | number) => void;
-    /**
-     * Whether table has expandable rows
-     */
-    expandable?: boolean;
+interface PaginationNextProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
-     * Render function for expandable content
+     * Whether next button is disabled
      */
-    renderExpandableContent?: (item: unknown, index: number) => ReactNode;
+    disabled?: boolean;
 }
-/**
- * Table Root component props
- */
-interface TableRootProps<T = Record<string, unknown>> extends React.HTMLAttributes<HTMLTableElement> {
-    /**
-     * Table data array
-     */
-    data: T[];
-    /**
-     * Column definitions
-     */
-    columns: TableColumn<T>[];
-    /**
-     * Key to use for row identification
-     */
-    rowKey: keyof T | ((item: T, index: number) => string | number);
-    /**
-     * Whether table supports sorting
-     * @default false
-     */
-    sortable?: boolean;
-    /**
-     * Whether table supports expandable rows
-     * @default false
-     */
-    expandable?: boolean;
+interface PaginationEllipsisProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+}
+declare const Pagination: React$1.ForwardRefExoticComponent<PaginationRootProps & React$1.RefAttributes<HTMLElement>> & {
+    Root: React$1.ForwardRefExoticComponent<PaginationRootProps & React$1.RefAttributes<HTMLElement>>;
+    Item: React$1.ForwardRefExoticComponent<PaginationItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+    Prev: React$1.ForwardRefExoticComponent<PaginationPrevProps & React$1.RefAttributes<HTMLButtonElement>>;
+    Next: React$1.ForwardRefExoticComponent<PaginationNextProps & React$1.RefAttributes<HTMLButtonElement>>;
+    Ellipsis: React$1.ForwardRefExoticComponent<PaginationEllipsisProps & React$1.RefAttributes<HTMLSpanElement>>;
+};
+
+interface StepperStep {
     /**
-     * Render function for expandable content
+     * Unique identifier for the step
      */
-    renderExpandableContent?: (item: T, index: number) => ReactNode;
+    id: string;
     /**
-     * Whether table is in loading state
-     * @default false
+     * Label text for the step
      */
-    loading?: boolean;
+    label: string;
     /**
-     * Empty state message (shown when data is empty)
+     * Optional description for the step
      */
-    emptyMessage?: string;
+    description?: string;
     /**
-     * Whether header is sticky
-     * @default false
+     * Optional icon for the step indicator
      */
-    stickyHeader?: boolean;
+    icon?: React$1.ReactNode;
     /**
-     * Row size
-     * @default "md"
+     * Whether this step is disabled
      */
-    rowSize?: "sm" | "md" | "lg";
+    disabled?: boolean;
 }
-/**
- * Table Header component props
- */
-interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+interface StepperRootProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
-     * Whether header is sticky
-     * @default false
+     * Array of steps
      */
-    sticky?: boolean;
-}
-/**
- * Table Head component props
- */
-interface TableHeadProps extends React.HTMLAttributes<HTMLTableCellElement> {
+    steps: StepperStep[];
     /**
-     * Column alignment
-     * @default "left"
+     * Current active step index (0-indexed)
      */
-    align?: "left" | "center" | "right";
+    activeStep: number;
     /**
-     * Whether column is sortable
-     * @default false
+     * Orientation of the stepper
+     * @default "horizontal"
      */
-    sortable?: boolean;
+    orientation?: "horizontal" | "vertical";
     /**
-     * Column key (for sorting)
+     * Whether to show step numbers
+     * @default true
      */
-    columnKey?: string;
+    showNumbers?: boolean;
+}
+interface StepperItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
-     * Cell size
-     * @default "md"
+     * Step data
      */
-    size?: "sm" | "md" | "lg";
-}
-/**
- * Table Body component props
- */
-interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-}
-/**
- * Table Row component props
- */
-interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    step: StepperStep;
     /**
-     * Whether row is selected
-     * @default false
+     * Step index (0-indexed)
      */
-    selected?: boolean;
+    index: number;
     /**
-     * Whether row is expandable
-     * @default false
+     * Whether this is the active step
      */
-    expandable?: boolean;
+    isActive: boolean;
     /**
-     * Row key (for expansion tracking)
+     * Whether this step is completed
      */
-    rowKey?: string | number;
+    isCompleted: boolean;
     /**
-     * Whether row is expanded
-     * @default false
+     * Whether to show step number
      */
-    expanded?: boolean;
+    showNumber?: boolean;
 }
-/**
- * Table Cell component props
- */
-interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
+interface StepperIndicatorProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
-     * Cell alignment
-     * @default "left"
+     * Step index
      */
-    align?: "left" | "center" | "right";
+    index: number;
     /**
-     * Cell size
-     * @default "md"
+     * Whether this is the active step
      */
-    size?: "sm" | "md" | "lg";
-}
-/**
- * Table SortIcon component props
- */
-interface TableSortIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    isActive: boolean;
     /**
-     * Sort direction
+     * Whether this step is completed
      */
-    direction: SortDirection;
-}
-/**
- * Table Empty component props
- */
-interface TableEmptyProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    isCompleted: boolean;
     /**
-     * Number of columns to span
+     * Whether this step is disabled
      */
-    colSpan: number;
+    disabled?: boolean;
     /**
-     * Empty message
+     * Custom icon
      */
-    message?: string;
+    icon?: React$1.ReactNode;
+    /**
+     * Whether to show step number
+     */
+    showNumber?: boolean;
 }
-/**
- * Table LoadingState component props
- */
-interface TableLoadingStateProps extends React.HTMLAttributes<HTMLTableRowElement> {
+interface StepperLabelProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
-     * Number of columns to span
+     * Step label text
      */
-    colSpan: number;
+    label: string;
     /**
-     * Number of skeleton rows to show
-     * @default 5
+     * Optional description
      */
-    rows?: number;
-}
-/**
- * Table ExpandableContent component props
- */
-interface TableExpandableContentProps extends React.HTMLAttributes<HTMLTableCellElement> {
+    description?: string;
     /**
-     * Number of columns to span
+     * Whether this is the active step
      */
-    colSpan: number;
+    isActive: boolean;
+}
+interface StepperContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
-     * Whether content is expanded
+     * Step index this content belongs to
      */
-    expanded: boolean;
+    stepIndex: number;
     /**
-     * Content to render
+     * Whether this content should be visible
      */
-    children: ReactNode;
+    isActive: boolean;
 }
-
-declare function useTableContext(): TableContextValue;
 /**
- * Table Root component
- *
- * @example
- * ```tsx
- * <Table.Root
- *   data={users}
- *   columns={columns}
- *   rowKey="id"
- *   sortable
- * >
- *   <Table.Header>
- *     <Table.Row>
- *       <Table.Head>Name</Table.Head>
- *     </Table.Row>
- *   </Table.Header>
- *   <Table.Body>
- *     {users.map((user) => (
- *       <Table.Row key={user.id}>
- *         <Table.Cell>{user.name}</Table.Cell>
- *       </Table.Row>
- *     ))}
- *   </Table.Body>
- * </Table.Root>
- * ```
+ * Stepper.Item - Individual step container
  */
-declare function TableRoot<T extends Record<string, unknown>>({ data: _data, columns: _columns, rowKey: _rowKey, sortable: _sortable, expandable, renderExpandableContent, loading: _loading, emptyMessage: _emptyMessage, stickyHeader: _stickyHeader, rowSize: _rowSize, className, children, ...props }: TableRootProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace TableRoot {
-    var displayName: string;
+interface StepperItemPropsInternal extends StepperItemProps {
+    orientation?: "horizontal" | "vertical";
 }
+declare const Stepper: React$1.ForwardRefExoticComponent<StepperRootProps & React$1.RefAttributes<HTMLDivElement>> & {
+    Root: React$1.ForwardRefExoticComponent<StepperRootProps & React$1.RefAttributes<HTMLDivElement>>;
+    Item: React$1.ForwardRefExoticComponent<StepperItemPropsInternal & React$1.RefAttributes<HTMLDivElement>>;
+    Indicator: React$1.ForwardRefExoticComponent<StepperIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
+    Label: React$1.ForwardRefExoticComponent<StepperLabelProps & React$1.RefAttributes<HTMLDivElement>>;
+    Content: React$1.ForwardRefExoticComponent<StepperContentProps & React$1.RefAttributes<HTMLDivElement>>;
+};
 
 /**
- * Table Body Component
- *
- * Body section for table (tbody element).
- */
-
-/**
- * Table Body component
- */
-declare const TableBody: React$1.ForwardRefExoticComponent<TableBodyProps & React$1.RefAttributes<HTMLTableSectionElement>>;
-
-/**
- * Table Cell Component
+ * DataList Component Types
  *
- * Table cell component with alignment and size support.
+ * TypeScript interfaces and types for DataList component.
  */
 
 /**
- * Table Cell component
+ * DataList Item component props
  */
-declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
+interface DataListItemProps$1 extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Row padding - token-based
+     * Accepts spacing tokens (xs, sm, md, lg, xl, etc.) or responsive object
+     * @default "md"
+     * @example padding="sm"
+     * @example padding={{ base: "sm", md: "lg" }}
+     */
+    padding?: ResponsiveSpacing;
+}
 
 /**
- * Table Empty Component
+ * DataList Item Component
  *
- * Empty state row for table (uses EmptyState component).
+ * Individual item in DataList (contains Label and Value).
  */
 
+interface DataListItemProps extends DataListItemProps$1 {
+}
 /**
- * Table Empty component
+ * DataList Item component
+ * Mobile: vertical layout (label above value)
+ * Desktop: horizontal layout (label left, value right)
  */
-declare const TableEmpty: React$1.ForwardRefExoticComponent<TableEmptyProps & React$1.RefAttributes<HTMLTableRowElement>>;
+declare const DataListItem: React$1.ForwardRefExoticComponent<DataListItemProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
- * Table ExpandableContent Component
+ * DataList Label Component
  *
- * Expandable content cell with CSS height transitions.
+ * Label subcomponent for DataList items.
  */
 
+interface DataListLabelProps extends React$1.HTMLAttributes<HTMLElement> {
+    /**
+     * Label text
+     */
+    children: React$1.ReactNode;
+}
 /**
- * Table ExpandableContent component
- * Uses CSS height transitions (no framer-motion)
+ * DataList Label component
+ * Mobile: full width
+ * Desktop: fixed width (from tokens)
  */
-declare const TableExpandableContent: React$1.ForwardRefExoticComponent<TableExpandableContentProps & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const DataListLabel: React$1.ForwardRefExoticComponent<DataListLabelProps & React$1.RefAttributes<HTMLElement>>;
 
 /**
- * Table Head Component
+ * DataList Value Component
  *
- * Header cell component with sorting support.
+ * Value subcomponent for DataList items.
  */
 
+interface DataListValueProps extends React$1.HTMLAttributes<HTMLElement> {
+    /**
+     * Value content
+     */
+    children: React$1.ReactNode;
+}
 /**
- * Table Head component
+ * DataList Value component
+ * Flex-grow to fill remaining space on desktop
  */
-declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const DataListValue: React$1.ForwardRefExoticComponent<DataListValueProps & React$1.RefAttributes<HTMLElement>>;
 
 /**
- * Table Header Component
+ * EmptyState Component
  *
- * Header section for table (thead element).
+ * Token-driven empty state component for displaying empty or no-data states.
+ * Uses EMPTY_STATE_TOKENS for all spacing and sizing.
+ * Integrates with Surface and Stack components.
  */
 
-declare const TableHeader: React$1.ForwardRefExoticComponent<TableHeaderProps & React$1.RefAttributes<HTMLTableSectionElement>>;
-
+interface EmptyStateProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Unique ID for accessibility (auto-generated if not provided)
+     */
+    id?: string;
+}
 /**
- * Table LoadingState Component
+ * EmptyState root component
  *
- * Loading state row for table (uses Skeleton component).
- */
-
-/**
- * Table LoadingState component
+ * @example
+ * ```tsx
+ * <EmptyState>
+ *   <EmptyState.Icon>📭</EmptyState.Icon>
+ *   <EmptyState.Title>No items found</EmptyState.Title>
+ *   <EmptyState.Description>Try adjusting your filters</EmptyState.Description>
+ *   <EmptyState.Action>
+ *     <Button>Create Item</Button>
+ *   </EmptyState.Action>
+ * </EmptyState>
+ * ```
  */
-declare const TableLoadingState: React$1.ForwardRefExoticComponent<TableLoadingStateProps & React$1.RefAttributes<HTMLTableRowElement>>;
+declare const EmptyState: React$1.ForwardRefExoticComponent<EmptyStateProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
- * Table Row Component
+ * EmptyState Action Component
  *
- * Table row component with hover and selected states.
+ * Action subcomponent for EmptyState (typically contains Button).
  */
 
+interface EmptyStateActionProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Action button or link (typically Button component)
+     */
+    children: React$1.ReactNode;
+}
 /**
- * Table Row component
+ * EmptyState Action component
  */
-declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
+declare const EmptyStateAction: React$1.ForwardRefExoticComponent<EmptyStateActionProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
- * Table SortIcon Component
+ * EmptyState Description Component
  *
- * Sort indicator icon with rotation animation.
+ * Description subcomponent for EmptyState.
  */
 
+interface EmptyStateDescriptionProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+    /**
+     * Description text
+     */
+    children: React$1.ReactNode;
+}
 /**
- * Table SortIcon component
- * Uses CSS rotation animation (no framer-motion)
+ * EmptyState Description component
  */
-declare const TableSortIcon: React$1.ForwardRefExoticComponent<TableSortIconProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const EmptyStateDescription: React$1.ForwardRefExoticComponent<EmptyStateDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
 
 /**
- * Tabs Component
+ * EmptyState Icon Component
  *
- * Radix-based tabs component with token-driven styling.
- * All behavior (keyboard navigation, focus management, a11y) is handled by Radix.
- * Tenerife UI provides visual styling through tokens only.
+ * Icon subcomponent for EmptyState.
  */
 
-interface TabsRootProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
-}
-interface TabsListProps extends Omit<React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, "size" | "variant"> {
-    /**
-     * Size variant - token-based
-     */
-    size?: ResponsiveTabsSize;
-    /**
-     * Visual variant - token-based
-     */
-    variant?: TabsVariantToken;
-}
-interface TabsTriggerProps extends Omit<React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, "size" | "variant" | "tone"> {
-    /**
-     * Size variant - token-based (inherited from context if not provided)
-     */
-    size?: ResponsiveTabsSize;
-    /**
-     * Visual variant - token-based (inherited from context if not provided)
-     */
-    variant?: TabsVariantToken;
-    /**
-     * Tone - token-based (inherited from context if not provided)
-     */
-    tone?: TabsToneToken;
-    /**
-     * Leading icon - semantic prop
-     */
-    leadingIcon?: React$1.ReactNode;
-    /**
-     * Trailing icon - semantic prop
-     */
-    trailingIcon?: React$1.ReactNode;
+interface EmptyStateIconProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
-     * Icon - semantic prop (for backward compatibility, maps to leadingIcon)
+     * Icon content (any ReactNode)
      */
-    icon?: React$1.ReactNode;
-}
-interface TabsContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>, "size"> {
+    children: React$1.ReactNode;
     /**
-     * Size variant - token-based (for padding)
+     * Icon size
+     * @default "md"
      */
-    size?: ResponsiveTabsSize;
+    size?: "sm" | "md" | "lg";
 }
-declare const Tabs: {
-    Root: React$1.FC<TabsRootProps>;
-    List: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
-    Trigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-    Content: React$1.ForwardRefExoticComponent<TabsContentProps & React$1.RefAttributes<HTMLDivElement>>;
-};
+/**
+ * EmptyState Icon component
+ */
+declare const EmptyStateIcon: React$1.ForwardRefExoticComponent<EmptyStateIconProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const segmentedControlRootVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const segmentedControlItemVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    state?: "default" | "selected" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SegmentedControlRootProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "role">, VariantProps$1<typeof segmentedControlRootVariants> {
-    /**
-     * Controlled value
-     */
-    value?: string;
-    /**
-     * Default value for uncontrolled usage
-     */
-    defaultValue?: string;
-    /**
-     * Callback when value changes
-     */
-    onValueChange?: (value: string) => void;
+/**
+ * EmptyState Title Component
+ *
+ * Title subcomponent for EmptyState.
+ */
+
+interface EmptyStateTitleProps extends React$1.HTMLAttributes<HTMLHeadingElement> {
     /**
-     * Name for the radio group
+     * Title text
      */
-    name?: string;
+    children: React$1.ReactNode;
 }
-interface SegmentedControlItemProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "role">, VariantProps$1<typeof segmentedControlItemVariants> {
-    /**
-     * Value of this item
-     */
-    value: string;
+/**
+ * EmptyState Title component
+ */
+declare const EmptyStateTitle: React$1.ForwardRefExoticComponent<EmptyStateTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
+
+/**
+ * Table Component Types
+ *
+ * TypeScript interfaces and types for Table component.
+ */
+
+/**
+ * Table column definition
+ */
+interface TableColumn$1<T = Record<string, unknown>> {
     /**
-     * Whether this item is disabled
+     * Column key (must match a key in the data object)
      */
-    disabled?: boolean;
-}
-declare const SegmentedControl: React$1.ForwardRefExoticComponent<SegmentedControlRootProps & React$1.RefAttributes<HTMLDivElement>> & {
-    Root: React$1.ForwardRefExoticComponent<SegmentedControlRootProps & React$1.RefAttributes<HTMLDivElement>>;
-    Item: React$1.ForwardRefExoticComponent<SegmentedControlItemProps & React$1.RefAttributes<HTMLButtonElement>>;
-};
-
-interface BreadcrumbItem {
+    key: keyof T;
     /**
-     * Label text for the breadcrumb item
+     * Column header title
      */
-    label: string;
+    title: string;
     /**
-     * Optional href for clickable items
+     * Custom render function for cell content
      */
-    href?: string;
+    render?: (value: T[keyof T], item: T, index: number) => ReactNode;
     /**
-     * Whether this item is disabled
+     * Column alignment
+     * @default "left"
      */
-    disabled?: boolean;
-}
-interface BreadcrumbsRootProps extends React$1.HTMLAttributes<HTMLElement> {
+    align?: "left" | "center" | "right";
     /**
-     * Array of breadcrumb items
+     * Column width (CSS value or Tailwind class)
      */
-    items: BreadcrumbItem[];
+    width?: string;
     /**
-     * Custom separator component or string
-     * @default ChevronRight icon
+     * Whether column is sortable
+     * @default false
      */
-    separator?: React$1.ReactNode;
+    sortable?: boolean;
     /**
-     * ARIA label for the navigation element
-     * @default "Breadcrumb"
+     * Cell size
+     * @default "md"
      */
-    ariaLabel?: string;
+    size?: "sm" | "md" | "lg";
 }
-interface BreadcrumbsItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
+/**
+ * Sort direction
+ */
+type SortDirection = "asc" | "desc" | null;
+/**
+ * Sort state
+ */
+interface SortState {
     /**
-     * Whether this is the last item (current page)
+     * Column key being sorted
      */
-    isLast?: boolean;
+    column: string | null;
     /**
-     * Whether this item is disabled
+     * Sort direction
      */
-    disabled?: boolean;
+    direction: SortDirection;
 }
-interface BreadcrumbsSeparatorProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+/**
+ * Table context value
+ */
+interface TableContextValue {
     /**
-     * Custom separator content
+     * Current sort state
      */
-    children?: React$1.ReactNode;
-}
-declare const Breadcrumbs: React$1.ForwardRefExoticComponent<BreadcrumbsRootProps & React$1.RefAttributes<HTMLElement>> & {
-    Root: React$1.ForwardRefExoticComponent<BreadcrumbsRootProps & React$1.RefAttributes<HTMLElement>>;
-    Item: React$1.ForwardRefExoticComponent<BreadcrumbsItemProps & React$1.RefAttributes<HTMLLIElement>>;
-    Separator: React$1.ForwardRefExoticComponent<BreadcrumbsSeparatorProps & React$1.RefAttributes<HTMLSpanElement>>;
-};
-
-interface PaginationRootProps extends React$1.HTMLAttributes<HTMLElement> {
+    sortState: SortState;
     /**
-     * Current active page (1-indexed)
+     * Set sort state
      */
-    currentPage: number;
+    setSortState: (state: SortState) => void;
     /**
-     * Total number of pages
+     * Expanded rows (for expandable rows)
      */
-    totalPages: number;
+    expandedRows: Set<string | number>;
     /**
-     * Callback when page changes
+     * Toggle row expansion
      */
-    onPageChange: (page: number) => void;
+    toggleRow: (rowKey: string | number) => void;
     /**
-     * Number of pages to show on each side of current page
-     * @default 2
+     * Whether table has expandable rows
      */
-    delta?: number;
+    expandable?: boolean;
     /**
-     * ARIA label for the navigation element
-     * @default "Pagination"
+     * Render function for expandable content
      */
-    ariaLabel?: string;
+    renderExpandableContent?: (item: unknown, index: number) => ReactNode;
 }
-interface PaginationItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+/**
+ * Table Root component props
+ */
+interface TableRootProps<T = Record<string, unknown>> extends React.HTMLAttributes<HTMLTableElement> {
     /**
-     * Page number (or "..." for ellipsis)
+     * Table data array
      */
-    page: number | "...";
+    data: T[];
     /**
-     * Whether this is the current page
+     * Column definitions
      */
-    isCurrent?: boolean;
+    columns: TableColumn$1<T>[];
     /**
-     * Whether this item is disabled
+     * Key to use for row identification
      */
-    disabled?: boolean;
-}
-interface PaginationPrevProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    rowKey: keyof T | ((item: T, index: number) => string | number);
     /**
-     * Whether previous button is disabled
+     * Whether table supports sorting
+     * @default false
      */
-    disabled?: boolean;
-}
-interface PaginationNextProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    sortable?: boolean;
     /**
-     * Whether next button is disabled
+     * Whether table supports expandable rows
+     * @default false
      */
-    disabled?: boolean;
-}
-interface PaginationEllipsisProps extends React$1.HTMLAttributes<HTMLSpanElement> {
-}
-declare const Pagination: React$1.ForwardRefExoticComponent<PaginationRootProps & React$1.RefAttributes<HTMLElement>> & {
-    Root: React$1.ForwardRefExoticComponent<PaginationRootProps & React$1.RefAttributes<HTMLElement>>;
-    Item: React$1.ForwardRefExoticComponent<PaginationItemProps & React$1.RefAttributes<HTMLButtonElement>>;
-    Prev: React$1.ForwardRefExoticComponent<PaginationPrevProps & React$1.RefAttributes<HTMLButtonElement>>;
-    Next: React$1.ForwardRefExoticComponent<PaginationNextProps & React$1.RefAttributes<HTMLButtonElement>>;
-    Ellipsis: React$1.ForwardRefExoticComponent<PaginationEllipsisProps & React$1.RefAttributes<HTMLSpanElement>>;
-};
-
-interface StepperStep {
+    expandable?: boolean;
     /**
-     * Unique identifier for the step
+     * Render function for expandable content
      */
-    id: string;
+    renderExpandableContent?: (item: T, index: number) => ReactNode;
     /**
-     * Label text for the step
+     * Whether table is in loading state
+     * @default false
      */
-    label: string;
+    loading?: boolean;
     /**
-     * Optional description for the step
+     * Empty state message (shown when data is empty)
      */
-    description?: string;
+    emptyMessage?: string;
     /**
-     * Optional icon for the step indicator
+     * Whether header is sticky
+     * @default false
      */
-    icon?: React$1.ReactNode;
+    stickyHeader?: boolean;
     /**
-     * Whether this step is disabled
+     * Row size
+     * @default "md"
      */
-    disabled?: boolean;
+    rowSize?: "sm" | "md" | "lg";
 }
-interface StepperRootProps extends React$1.HTMLAttributes<HTMLDivElement> {
+/**
+ * Table Header component props
+ */
+interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
     /**
-     * Array of steps
+     * Whether header is sticky
+     * @default false
      */
-    steps: StepperStep[];
+    sticky?: boolean;
+}
+/**
+ * Table Head component props
+ */
+interface TableHeadProps extends React.HTMLAttributes<HTMLTableCellElement> {
     /**
-     * Current active step index (0-indexed)
+     * Column alignment
+     * @default "left"
      */
-    activeStep: number;
+    align?: "left" | "center" | "right";
     /**
-     * Orientation of the stepper
-     * @default "horizontal"
+     * Whether column is sortable
+     * @default false
      */
-    orientation?: "horizontal" | "vertical";
+    sortable?: boolean;
     /**
-     * Whether to show step numbers
-     * @default true
+     * Column key (for sorting)
      */
-    showNumbers?: boolean;
-}
-interface StepperItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    columnKey?: string;
     /**
-     * Step data
+     * Cell size
+     * @default "md"
      */
-    step: StepperStep;
+    size?: "sm" | "md" | "lg";
+}
+/**
+ * Table Body component props
+ */
+interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+/**
+ * Table Row component props
+ */
+interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
     /**
-     * Step index (0-indexed)
+     * Whether row is selected
+     * @default false
      */
-    index: number;
+    selected?: boolean;
     /**
-     * Whether this is the active step
+     * Whether row is expandable
+     * @default false
      */
-    isActive: boolean;
+    expandable?: boolean;
     /**
-     * Whether this step is completed
+     * Row key (for expansion tracking)
      */
-    isCompleted: boolean;
+    rowKey?: string | number;
     /**
-     * Whether to show step number
+     * Whether row is expanded
+     * @default false
      */
-    showNumber?: boolean;
+    expanded?: boolean;
 }
-interface StepperIndicatorProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Step index
-     */
-    index: number;
+/**
+ * Table Cell component props
+ */
+interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
     /**
-     * Whether this is the active step
+     * Cell alignment
+     * @default "left"
      */
-    isActive: boolean;
+    align?: "left" | "center" | "right";
     /**
-     * Whether this step is completed
+     * Cell size
+     * @default "md"
      */
-    isCompleted: boolean;
+    size?: "sm" | "md" | "lg";
+}
+/**
+ * Table SortIcon component props
+ */
+interface TableSortIconProps extends React.HTMLAttributes<HTMLSpanElement> {
     /**
-     * Whether this step is disabled
+     * Sort direction
      */
-    disabled?: boolean;
+    direction: SortDirection;
+}
+/**
+ * Table Empty component props
+ */
+interface TableEmptyProps extends React.HTMLAttributes<HTMLTableRowElement> {
     /**
-     * Custom icon
+     * Number of columns to span
      */
-    icon?: React$1.ReactNode;
+    colSpan: number;
     /**
-     * Whether to show step number
+     * Empty message
      */
-    showNumber?: boolean;
+    message?: string;
 }
-interface StepperLabelProps extends React$1.HTMLAttributes<HTMLDivElement> {
+/**
+ * Table LoadingState component props
+ */
+interface TableLoadingStateProps extends React.HTMLAttributes<HTMLTableRowElement> {
     /**
-     * Step label text
+     * Number of columns to span
      */
-    label: string;
+    colSpan: number;
     /**
-     * Optional description
+     * Number of skeleton rows to show
+     * @default 5
      */
-    description?: string;
+    rows?: number;
+}
+/**
+ * Table ExpandableContent component props
+ */
+interface TableExpandableContentProps extends React.HTMLAttributes<HTMLTableCellElement> {
     /**
-     * Whether this is the active step
+     * Number of columns to span
      */
-    isActive: boolean;
-}
-interface StepperContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    colSpan: number;
     /**
-     * Step index this content belongs to
+     * Whether content is expanded
      */
-    stepIndex: number;
+    expanded: boolean;
     /**
-     * Whether this content should be visible
+     * Content to render
      */
-    isActive: boolean;
+    children: ReactNode;
+}
+
+declare function useTableContext(): TableContextValue;
+/**
+ * Table Root component
+ *
+ * @example
+ * ```tsx
+ * <Table.Root
+ *   data={users}
+ *   columns={columns}
+ *   rowKey="id"
+ *   sortable
+ * >
+ *   <Table.Header>
+ *     <Table.Row>
+ *       <Table.Head>Name</Table.Head>
+ *     </Table.Row>
+ *   </Table.Header>
+ *   <Table.Body>
+ *     {users.map((user) => (
+ *       <Table.Row key={user.id}>
+ *         <Table.Cell>{user.name}</Table.Cell>
+ *       </Table.Row>
+ *     ))}
+ *   </Table.Body>
+ * </Table.Root>
+ * ```
+ */
+declare function TableRoot<T extends Record<string, unknown>>({ data: _data, columns: _columns, rowKey: _rowKey, sortable: _sortable, expandable, renderExpandableContent, loading: _loading, emptyMessage: _emptyMessage, stickyHeader: _stickyHeader, rowSize: _rowSize, className, children, ...props }: TableRootProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace TableRoot {
+    var displayName: string;
 }
+
 /**
- * Stepper.Item - Individual step container
+ * Table Body Component
+ *
+ * Body section for table (tbody element).
  */
-interface StepperItemPropsInternal extends StepperItemProps {
-    orientation?: "horizontal" | "vertical";
+
+/**
+ * Table Body component
+ */
+declare const TableBody: React$1.ForwardRefExoticComponent<TableBodyProps & React$1.RefAttributes<HTMLTableSectionElement>>;
+
+/**
+ * Table Cell Component
+ *
+ * Table cell component with alignment and size support.
+ */
+
+/**
+ * Table Cell component
+ */
+declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
+
+/**
+ * Table Empty Component
+ *
+ * Empty state row for table (uses EmptyState component).
+ */
+
+/**
+ * Table Empty component
+ */
+declare const TableEmpty: React$1.ForwardRefExoticComponent<TableEmptyProps & React$1.RefAttributes<HTMLTableRowElement>>;
+
+/**
+ * Table ExpandableContent Component
+ *
+ * Expandable content cell with CSS height transitions.
+ */
+
+/**
+ * Table ExpandableContent component
+ * Uses CSS height transitions (no framer-motion)
+ */
+declare const TableExpandableContent: React$1.ForwardRefExoticComponent<TableExpandableContentProps & React$1.RefAttributes<HTMLTableCellElement>>;
+
+/**
+ * Table Head Component
+ *
+ * Header cell component with sorting support.
+ */
+
+/**
+ * Table Head component
+ */
+declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
+
+/**
+ * Table Header Component
+ *
+ * Header section for table (thead element).
+ */
+
+declare const TableHeader: React$1.ForwardRefExoticComponent<TableHeaderProps & React$1.RefAttributes<HTMLTableSectionElement>>;
+
+/**
+ * Table LoadingState Component
+ *
+ * Loading state row for table (uses Skeleton component).
+ */
+
+/**
+ * Table LoadingState component
+ */
+declare const TableLoadingState: React$1.ForwardRefExoticComponent<TableLoadingStateProps & React$1.RefAttributes<HTMLTableRowElement>>;
+
+/**
+ * Table Row Component
+ *
+ * Table row component with hover and selected states.
+ */
+
+/**
+ * Table Row component
+ */
+declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
+
+/**
+ * Table SortIcon Component
+ *
+ * Sort indicator icon with rotation animation.
+ */
+
+/**
+ * Table SortIcon component
+ * Uses CSS rotation animation (no framer-motion)
+ */
+declare const TableSortIcon: React$1.ForwardRefExoticComponent<TableSortIconProps & React$1.RefAttributes<HTMLSpanElement>>;
+
+interface TableColumn<T> {
+    key: keyof T;
+    title: string;
+    render?: (value: T[keyof T], item: T) => React__default.ReactNode;
 }
-declare const Stepper: React$1.ForwardRefExoticComponent<StepperRootProps & React$1.RefAttributes<HTMLDivElement>> & {
-    Root: React$1.ForwardRefExoticComponent<StepperRootProps & React$1.RefAttributes<HTMLDivElement>>;
-    Item: React$1.ForwardRefExoticComponent<StepperItemPropsInternal & React$1.RefAttributes<HTMLDivElement>>;
-    Indicator: React$1.ForwardRefExoticComponent<StepperIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
-    Label: React$1.ForwardRefExoticComponent<StepperLabelProps & React$1.RefAttributes<HTMLDivElement>>;
-    Content: React$1.ForwardRefExoticComponent<StepperContentProps & React$1.RefAttributes<HTMLDivElement>>;
-};
 
 /**
  * Icon Props Interface
@@ -3962,383 +3708,4 @@ interface IconProps extends Omit<React$1.SVGProps<SVGSVGElement>, "color" | "str
  */
 declare const Icon: React$1.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
 
-/**
- * Tenerife Animation System Types
- *
- * Type definitions for TAS animation system
- */
-
-/**
- * Animation props for layout primitives
- * Returns CSS class names for Motion Tokens V2 animations
- */
-interface AnimationProps {
-    /**
-     * CSS class name for the animation
-     * Maps to tm-motion-* utility classes
-     */
-    className?: string;
-}
-/**
- * Component animation configuration
- * Allows components to accept animation presets as props
- */
-interface ComponentAnimationConfig {
-    /**
-     * Animation preset for initial mount/entrance - token-based
-     * Uses predefined animation preset tokens
-     */
-    animation?: ResponsiveAnimationPreset | string;
-    /**
-     * Animation preset for hover state
-     * Can be a preset name string or CSS class name
-     */
-    hoverAnimation?: "hoverLift" | "hoverScale" | "tapScale" | string;
-    /**
-     * Custom animation class name (overrides preset names)
-     */
-    animationProps?: AnimationProps;
-}
-
-/**
- * ArtistCard Size Variant
- */
-type ArtistCardSize = "default" | "compact";
-/**
- * ArtistCard Style Variant
- */
-type ArtistCardVariant = "default" | "featured";
-/**
- * Props for ArtistCard component.
- * All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
- */
-interface ArtistCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /** Artist name (pre-localized string, required) */
-    name: string;
-    /** Artist description (pre-localized string, optional) */
-    description?: string;
-    /** Genres as comma-separated string (e.g., "Jazz, Blues, Rock", optional) */
-    genres?: string;
-    /** Follower count for popularity metric (optional) */
-    followers?: number;
-    /** Plays/listens count for popularity metric (optional) */
-    plays?: number;
-    /** Image URL (optional) */
-    imageUrl?: string;
-    /** Link URL for artist details page (optional) */
-    href?: string;
-    /** Whether this is a featured artist */
-    featured?: boolean;
-    /** Show image section */
-    showImage?: boolean;
-    /** Badge text for featured artists (optional) */
-    popularBadgeText?: string;
-    /** Label for followers count (required) */
-    followersLabel: string;
-    /** Label for plays count (required) */
-    playsLabel: string;
-    /** Size variant - controls padding and gap */
-    size?: ArtistCardSize;
-    /** Style variant - controls visual appearance */
-    variant?: ArtistCardVariant;
-    /** Animation configuration for entrance and hover animations */
-    animation?: ComponentAnimationConfig;
-}
-
-/**
- * ArtistCard Component
- *
- * Domain-specific card component for displaying artist information.
- * Uses CardBase for layout and DOMAIN_TOKENS for all styling.
- * Supports size variants (default, compact) and style variants (default, featured).
- *
- * @example
- * ```tsx
- * <ArtistCard
- *   name="Artist Name"
- *   genres="Jazz, Blues"
- *   followers={1200}
- *   plays={50000}
- *   followersLabel="followers"
- *   playsLabel="plays"
- * />
- * ```
- */
-declare const ArtistCard: React$1.ForwardRefExoticComponent<ArtistCardProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * CategoryCard Size Variant
- */
-type CategoryCardSize = "default" | "compact";
-/**
- * CategoryCard Style Variant
- */
-type CategoryCardVariant = "default" | "featured";
-/**
- * Props for CategoryCard component.
- * All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
- */
-interface CategoryCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /** Category title (pre-localized string, required) */
-    title: string;
-    /** Category description (pre-localized string, optional) */
-    description?: string;
-    /** Image URL (optional) */
-    imageUrl?: string;
-    /** Link URL for category details page (optional) */
-    href?: string;
-    /** Whether this is a featured category */
-    featured?: boolean;
-    /** Badge text for featured categories (optional) */
-    featuredBadgeText?: string;
-    /** Show image section */
-    showImage?: boolean;
-    /** Size variant - controls padding and spacing */
-    size?: CategoryCardSize;
-    /** Style variant - controls visual appearance */
-    variant?: CategoryCardVariant;
-    /** Additional CSS classes */
-    className?: string;
-    /** Animation configuration for entrance and hover animations */
-    animation?: ComponentAnimationConfig;
-}
-
-/**
- * CategoryCard Component
- *
- * Domain-specific card component for displaying category information.
- * Uses CardBase for layout and DOMAIN_TOKENS for all styling.
- *
- * @example
- * ```tsx
- * <CategoryCard
- *   title="Jazz"
- *   description="Explore jazz events"
- *   href="/categories/jazz"
- * />
- * ```
- */
-declare const CategoryCard: React$1.ForwardRefExoticComponent<CategoryCardProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * PromoCard Size Variant
- */
-type PromoCardSize = "default" | "compact";
-/**
- * PromoCard Style Variant
- */
-type PromoCardVariant = "default" | "featured";
-/**
- * Props for PromoCard component.
- * All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
- */
-interface PromoCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /** Promo title (pre-localized string, required) */
-    title: string;
-    /** Promo description (pre-localized string, optional) */
-    description?: string;
-    /** Image URL (optional) */
-    imageUrl?: string;
-    /** Link URL for promo details page (optional) */
-    href?: string;
-    /** CTA button URL (optional) */
-    ctaUrl?: string;
-    /** Label for CTA button (required) */
-    ctaLabel: string;
-    /** Whether this is a featured promo */
-    featured?: boolean;
-    /** Badge text for featured promos (optional) */
-    featuredBadgeText?: string;
-    /** Show image section */
-    showImage?: boolean;
-    /** Size variant - controls padding and spacing */
-    size?: PromoCardSize;
-    /** Style variant - controls visual appearance */
-    variant?: PromoCardVariant;
-    /** Additional CSS classes */
-    className?: string;
-    /** Animation configuration for entrance and hover animations */
-    animation?: ComponentAnimationConfig;
-}
-
-/**
- * PromoCard Component
- *
- * Domain-specific card component for displaying promotional content.
- * Uses CardBase for layout and DOMAIN_TOKENS for all styling.
- * CTA button uses DOMAIN_TOKENS.cta.button tokens for styling.
- *
- * @example
- * ```tsx
- * <PromoCard
- *   title="Special Offer"
- *   description="Get 20% off on all tickets"
- *   ctaLabel="Learn More"
- *   ctaUrl="/promo"
- * />
- * ```
- */
-declare const PromoCard: React$1.ForwardRefExoticComponent<PromoCardProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * TicketCard Size Variant
- */
-type TicketCardSize = "default" | "compact";
-/**
- * TicketCard Style Variant
- */
-type TicketCardVariant = "default" | "featured";
-/**
- * Ticket Availability Status
- */
-type TicketAvailability = "available" | "sold_out" | "available_soon";
-/**
- * Props for TicketCard component.
- * All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
- */
-interface TicketCardProps {
-    /** Ticket type/name (pre-localized string) */
-    title: string;
-    /** Event date (Date object, ISO string, or timestamp) */
-    date?: string | Date | number;
-    /** Ticket description (pre-localized string, optional) */
-    description?: string;
-    /** Price display string with currency (e.g., "€20", optional) */
-    price?: string;
-    /** Capacity display string (e.g., "50 tickets", optional) */
-    capacity?: string;
-    /** Availability status */
-    availability?: TicketAvailability;
-    /** Image URL (optional) */
-    imageUrl?: string;
-    /** Link URL for ticket details (optional) */
-    href?: string;
-    /** Purchase action URL (optional) */
-    purchaseUrl?: string;
-    /** Label for purchase button (required) */
-    purchaseLabel: string;
-    /** VIP badge text (optional) */
-    vipBadgeText?: string;
-    /** Discount badge text (optional) */
-    discountBadgeText?: string;
-    /** Whether this is a featured ticket */
-    featured?: boolean;
-    /** Badge text for featured tickets (optional) */
-    featuredBadgeText?: string;
-    /** Show image section */
-    showImage?: boolean;
-    /** Size variant - controls padding and spacing */
-    size?: TicketCardSize;
-    /** Style variant - controls visual appearance */
-    variant?: TicketCardVariant;
-    /** Additional CSS classes */
-    className?: string;
-    /** Animation configuration for entrance and hover animations */
-    animation?: ComponentAnimationConfig;
-}
-
-/**
- * TicketCard Component
- *
- * Domain-specific card component for displaying ticket information for Event/Artist/Venue context.
- * Uses CardBase for layout and DOMAIN_TOKENS for all styling.
- * Supports date display, price, capacity, availability status, and badges.
- *
- * @example
- * ```tsx
- * <TicketCard
- *   title="VIP Ticket"
- *   date={new Date("2024-12-25")}
- *   price="€50"
- *   capacity="10 tickets left"
- *   purchaseLabel="Buy Now"
- * />
- * ```
- */
-declare const TicketCard: React$1.ForwardRefExoticComponent<TicketCardProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * EventCard Size Variant
- * Controls padding, spacing, and overall card dimensions
- */
-type EventCardSize = "default" | "compact";
-/**
- * EventCard Layout Variant
- * Controls card layout orientation
- */
-type EventCardLayout = "vertical";
-/**
- * EventCard Style Variant
- * Controls visual appearance and featured state
- */
-type EventCardVariant = "default" | "featured";
-/**
- * Props for EventCard component.
- * All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
- *
- * Component uses CARD_TOKENS and DOMAIN_TOKENS for all styling.
- * All visual values come from tokens - no hardcoded Tailwind classes.
- */
-interface EventCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /** Event title (pre-localized string) */
-    title: string;
-    /** Event description (pre-localized string, optional) */
-    description?: string;
-    /** Event date/time display string (pre-formatted, optional) */
-    date?: string;
-    /** Venue name (pre-localized string, optional) */
-    venueName?: string;
-    /** Price display string with currency (e.g., "€20 - €50", optional) */
-    price?: string;
-    /** Image URL (optional) */
-    imageUrl?: string;
-    /** Link URL for event details page (optional) */
-    href?: string;
-    /** External ticket purchase URL (optional) */
-    ticketUrl?: string;
-    /** Whether this is a featured event */
-    featured?: boolean;
-    /** Show image section */
-    showImage?: boolean;
-    /** Label for "Get Tickets" button (required) */
-    getTicketsLabel: string;
-    /** Badge text for featured events (optional) */
-    featuredBadgeText?: string;
-    /** Size variant - controls padding and spacing */
-    size?: EventCardSize;
-    /** Layout variant - controls card layout orientation */
-    layout?: EventCardLayout;
-    /** Style variant - controls visual appearance */
-    variant?: EventCardVariant;
-    /** Additional CSS classes */
-    className?: string;
-    /** Animation configuration for entrance and hover animations */
-    animation?: ComponentAnimationConfig;
-}
-
-/**
- * EventCard Component
- *
- * Domain-specific card component for displaying event information.
- * Uses CardBase for layout and CARD_TOKENS + DOMAIN_TOKENS for all styling.
- * All visual values come from tokens - no hardcoded Tailwind visual classes.
- *
- * Architecture:
- * - Uses CVA variants for size and layout variants
- * - All spacing, colors, radius from tokens
- * - Semantic HTML elements (heading, time, address)
- * - Full accessibility support
- *
- * @example
- * ```tsx
- * <EventCard
- *   title="Concert"
- *   date="2024-01-01"
- *   venueName="Venue"
- *   getTicketsLabel="Get Tickets"
- * />
- * ```
- */
-declare const EventCard: React$1.ForwardRefExoticComponent<EventCardProps & React$1.RefAttributes<HTMLDivElement>>;
-
-export { Alert, type AlertProps, ArtistCard, type ArtistCardProps, type ArtistCardSize, type ArtistCardVariant, Backdrop, type BackdropProps, Body, type BodyProps, Box, type BoxProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsRootProps, type BreadcrumbsSeparatorProps, Button, type ButtonProps, Caption, type CaptionProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CategoryCard, type CategoryCardProps, type CategoryCardSize, type CategoryCardVariant, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type StackProps as ColumnProps, Container, type ContainerProps, Surface as ContainerSurface, type SurfaceProps as ContainerSurfaceProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuRoot, type ContextMenuRootProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DataListRoot as DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListLabelProps, DataListRoot, type DataListRootProps, DataListValue, type DataListValueProps, Dialog, DialogBody, type DialogBodyProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogRoot, DialogTitle, type DialogTitleProps, Display, type DisplayProps, DropdownMenuCheckItem, type DropdownMenuCheckItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuRoot, type DropdownMenuRootProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateAction, type EmptyStateActionProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, EventCard, type EventCardLayout, type EventCardProps, type EventCardSize, type EventCardVariant, FieldRoot as Field, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldLabelProps, type FieldProps, Flex, type FlexProps, Grid, type GridProps, type GroupByFunction, Heading, type HeadingProps, HoverCardContent, type HoverCardContentProps, HoverCardRoot, type HoverCardRootProps, HoverCardTrigger, type HoverCardTriggerProps, ICONS_MAP, INPUT_TOKENS, Icon, IconArrowRight, IconCalendar, IconCheck, IconChevronDown, IconChevronRight, IconClose, type IconProps$1 as IconComponentProps, IconError, IconInfo, IconLocation, IconMenu, type IconName, type IconProps, IconSearch, IconSuccess, IconWarning, Input, type InputProps, InputSize, Label, type LabelProps, Lead, type LeadProps, Modal, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, type ModalOverlayProps, ModalRoot, type ModalRootProps, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, NotificationCenter, NotificationCenterDismissAll, type NotificationCenterDismissAllProps, NotificationCenterGroupHeader, type NotificationCenterGroupHeaderProps, NotificationCenterItem, type NotificationCenterItemProps, NotificationCenterList, type NotificationCenterListProps, NotificationCenterPanel, type NotificationCenterPanelProps, NotificationCenterProvider, type NotificationCenterProviderProps, NotificationCenterTrigger, type NotificationCenterTriggerProps, type NotificationChannel, type NotificationContextType, type NotificationData, type NotificationOptions, type NotificationVariant, Pagination, type PaginationEllipsisProps, type PaginationItemProps, type PaginationNextProps, type PaginationPrevProps, type PaginationRootProps, PopoverArrow, type PopoverArrowProps, PopoverContent, type PopoverContentProps, PopoverRoot, type PopoverRootProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, PromoCard, type PromoCardProps, type PromoCardSize, type PromoCardVariant, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Responsive, Row, type RowProps, Section, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlRootProps, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectRoot, type SelectRootProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, type SelectState, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, SelectViewport, type SelectViewportProps, type SelectWidth, Skeleton, type SkeletonProps, type SortDirection, type SortState, Stack, type StackProps, Stepper, type StepperContentProps, type StepperIndicatorProps, type StepperItemProps, type StepperLabelProps, type StepperRootProps, type StepperStep, Surface$1 as Surface, type SurfaceProps$1 as SurfaceProps, TableRoot as Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, type TableColumn, type TableContextValue, TableEmpty, type TableEmptyProps, TableExpandableContent, type TableExpandableContentProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableLoadingState, type TableLoadingStateProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSortIcon, type TableSortIconProps, Tabs, type TabsContentProps, type TabsListProps, type TabsRootProps, type TabsTriggerProps, Text, type TextProps, type TextSize, type TextWeight, Textarea, type TextareaProps, type TicketAvailability, TicketCard, type TicketCardProps, type TicketCardSize, type TicketCardVariant, Toast, ToastAction, type ToastData, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, ToastViewport, type ToastViewportProps, alertVariants, bodyVariants, buttonVariants, captionVariants, checkboxVariants, codeVariants, surfaceVariants as containerSurfaceVariants, displayVariants, headingVariants, iconVariants, inputVariants, labelVariants, leadVariants, popoverContentVariants, radioVariants, segmentedControlItemVariants, segmentedControlRootVariants, skeletonVariants, surfaceVariants$1 as surfaceVariants, textVariants, textareaVariants, useNotificationCenter, useNotificationCenterContext, useTableContext, useToast };
+export { Alert, type AlertProps, BADGE_VARIANTS, Backdrop, type BackdropProps, Badge, type BadgeProps, type BadgeVariant, Box, type BoxProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsRootProps, type BreadcrumbsSeparatorProps, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, Column, type StackProps as ColumnProps, Container, type ContainerProps, Surface as ContainerSurface, type SurfaceProps as ContainerSurfaceProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuRoot, type ContextMenuRootProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DataListRoot as DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListLabelProps, DataListRoot, type DataListRootProps, DataListValue, type DataListValueProps, Dialog, DialogBody, type DialogBodyProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogRoot, DialogTitle, type DialogTitleProps, EmptyState, EmptyStateAction, type EmptyStateActionProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, FieldRoot as Field, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldLabelProps, type FieldProps, Flex, type FlexProps, Grid, type GridProps, type GroupByFunction, Heading, type HeadingProps, HoverCardContent, type HoverCardContentProps, HoverCardRoot, type HoverCardRootProps, HoverCardTrigger, type HoverCardTriggerProps, ICONS_MAP, INPUT_TOKENS, Icon, IconArrowRight, IconCalendar, IconCheck, IconChevronDown, IconChevronRight, IconClose, type IconProps$1 as IconComponentProps, IconError, IconInfo, IconLocation, IconMenu, type IconName, type IconProps, IconSearch, IconSuccess, IconWarning, Input, type InputProps, InputSize, LINK_SIZES, LINK_VARIANTS, Label, type LabelProps, Link, type LinkProps, type LinkSize, type LinkVariant, Modal, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, type ModalOverlayProps, ModalRoot, type ModalRootProps, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, NotificationCenter, NotificationCenterDismissAll, type NotificationCenterDismissAllProps, NotificationCenterGroupHeader, type NotificationCenterGroupHeaderProps, NotificationCenterItem, type NotificationCenterItemProps, NotificationCenterList, type NotificationCenterListProps, NotificationCenterPanel, type NotificationCenterPanelProps, NotificationCenterProvider, type NotificationCenterProviderProps, NotificationCenterTrigger, type NotificationCenterTriggerProps, type NotificationChannel, type NotificationContextType, type NotificationData, type NotificationOptions, type NotificationVariant, Pagination, type PaginationEllipsisProps, type PaginationItemProps, type PaginationNextProps, type PaginationPrevProps, type PaginationRootProps, Portal, type PortalProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Responsive, Row, type RowProps, Section, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlRootProps, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectRoot, type SelectRootProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, type SelectState, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, SelectViewport, type SelectViewportProps, type SelectWidth, Skeleton, type SkeletonProps, type SortDirection, type SortState, Stack, type StackProps, Stepper, type StepperContentProps, type StepperIndicatorProps, type StepperItemProps, type StepperLabelProps, type StepperRootProps, type StepperStep, Surface, type SurfaceProps, TableRoot as Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, type TableColumn, type TableContextValue, TableEmpty, type TableEmptyProps, TableExpandableContent, type TableExpandableContentProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableLoadingState, type TableLoadingStateProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSortIcon, type TableSortIconProps, Tabs, type TabsContentProps, type TabsListProps, type TabsRootProps, type TabsTriggerProps, Text, type TextProps, type TextSize, type TextWeight, Textarea, type TextareaProps, Toast, ToastAction, type ToastData, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, ToastViewport, type ToastViewportProps, Toaster, alertVariants, badgeVariants, buttonVariants, checkboxVariants, surfaceVariants as containerSurfaceVariants, headingVariants, iconVariants, inputVariants, labelVariants, linkVariants, radioVariants, segmentedControlItemVariants, segmentedControlRootVariants, skeletonVariants, surfaceVariants, textVariants, textareaVariants, useNotificationCenter, useNotificationCenterContext, useTableContext, useToast };