@tenerife.music/ui 2.0.0 → 2.0.3

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { cM as ResponsiveSideOffset, cw as ResponsiveAlignOffset, cF as ResponsiveModalSize, cG as ResponsiveModalWidth, cE as ResponsiveModalHeight, cN as ResponsiveSpace, cv as RadiusToken, c_ as SurfaceToken, cn as ModalFooterAlignToken, cI as ResponsiveRadius$1, cW as ShadowToken, cz as ResponsiveColor$1, d3 as Responsive, cA as ResponsiveContainerMaxWidth, cD as ResponsiveFlexBasis, cC as ResponsiveDelay, d4 as ResponsiveContextMenuSize, d5 as ResponsiveContextMenuWidth, d6 as ContextMenuItemToneToken, d7 as ResponsiveTabsSize, d8 as TabsVariantToken, d9 as TabsToneToken, z as IconColor, G as IconStroke, E as EmptyStateIconSize } from './index-DGtRM9Db.js';
-export { A as ALERT_TOKENS, B as BUTTON_TOKENS, bp as BorderRadius, da 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, bW as CanonicalFontSize, bX as CanonicalFontWeight, bY as CanonicalLetterSpacing, bZ as CanonicalLineHeight, b_ 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, bv as ColoredShadow, ba as ComponentMotionDuration, bb as ComponentMotionEasing, bd as ComponentMotionTransition, bq as ComponentRadius, bJ as ComponentSpacing, bK as ContainerSpacing, D as DATA_TOKENS, x as DataListLabelWidth, y as DataListRowPadding, bw as ElevationShadow, bx as FocusRing, b$ as FontFamily, c0 as FontSize, c1 as FontWeight, by as GlowEffect, bL as GridSpacing, I as ICON_TOKENS, c as INPUT_TOKENS, F as IconSize, H as InputFontSize, J as InputHeight, K as InputPaddingHorizontal, L as InputPaddingVertical, Q as InputRadius, U as InputSize, c2 as LetterSpacing, c3 as LineHeight, M as MENU_TOKENS, d 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, b9 as MotionCombinedType, ba as MotionDuration, bb as MotionEasing, bc as MotionSlideDirection, bd as MotionTransition, a9 as MotionTransitionPreset, N as NAVIGATION_TOKENS, e 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, g as SURFACE_TOKENS, h as SWITCH_TOKENS, at as SectionGap, au as SectionPadding, bM as SectionSpacing, bN as SemanticSpacing, aL as SkeletonAnimation, aM as SkeletonBackground, bO as Spacing, bP 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, i as TOAST_TOKENS, j 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, c4 as TextStyle, b2 as ToastVariant, b3 as TooltipContentRadius, b4 as TooltipContentShadow, bV as UI_COLORS, bz as accentColoredShadows, b5 as allCSSVariables, b6 as allCSSVariablesCSS, br as borderRadius, bs as componentRadius, bA as componentShadowMapping, bB as elevationShadows, bC as focusRings, c5 as fontFamily, c6 as fontSize, c7 as fontSizeWithMd, c8 as fontWeight, b7 as generateCSSVariablesCSS, bD as glowEffects, bQ as layoutSpacing, c9 as letterSpacing, ca as lineHeight, be as motionCSSVariables, bf as motionCombined, bg as motionDurations, bh as motionEasings, bi as motionFade, bj as motionReducedMotion, bk as motionScale, bl as motionSlide, bm as motionTailwindConfig, bn as motionTransitionProperty, bo as motionTransitions, bE as primaryColoredShadows, bt as radiusCSSVariables, bR as semanticSpacing, bF as shadowBase, bG as shadowCSSVariables, bH as shadowOpacity, bS as spacing, bT as spacingCSSVariables, bu as tailwindRadiusConfig, bI as tailwindShadowConfig, bU as tailwindSpacingConfig, cb as tailwindTypographyConfig, cc as textStyles, b8 as tokenSystemSummary, cd as typographyCSSVariables } from './index-DGtRM9Db.js';
-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-.js';
+import { cM as ResponsiveSideOffset, cw as ResponsiveAlignOffset, cF as ResponsiveModalSize, cG as ResponsiveModalWidth, cE as ResponsiveModalHeight, cN as ResponsiveSpace, cv as RadiusToken, c_ as SurfaceToken, cn as ModalFooterAlignToken, cI as ResponsiveRadius$1, cW as ShadowToken, cz as ResponsiveColor$1, d3 as Responsive, cA as ResponsiveContainerMaxWidth, cD as ResponsiveFlexBasis, cC as ResponsiveDelay, d4 as ResponsiveContextMenuSize, d5 as ResponsiveContextMenuWidth, d6 as ContextMenuItemToneToken, d7 as ResponsiveTabsSize, d8 as TabsVariantToken, d9 as TabsToneToken, z as IconColor, G as IconStroke, E as EmptyStateIconSize } from './index-CfbBwBhc.js';
+export { A as ALERT_TOKENS, B as BUTTON_TOKENS, bp as BorderRadius, da 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, bW as CanonicalFontSize, bX as CanonicalFontWeight, bY as CanonicalLetterSpacing, bZ as CanonicalLineHeight, b_ 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, bv as ColoredShadow, ba as ComponentMotionDuration, bb as ComponentMotionEasing, bd as ComponentMotionTransition, bq as ComponentRadius, bJ as ComponentSpacing, bK as ContainerSpacing, D as DATA_TOKENS, x as DataListLabelWidth, y as DataListRowPadding, bw as ElevationShadow, bx as FocusRing, b$ as FontFamily, c0 as FontSize, c1 as FontWeight, by as GlowEffect, bL as GridSpacing, I as ICON_TOKENS, c as INPUT_TOKENS, F as IconSize, H as InputFontSize, J as InputHeight, K as InputPaddingHorizontal, L as InputPaddingVertical, Q as InputRadius, U as InputSize, c2 as LetterSpacing, c3 as LineHeight, M as MENU_TOKENS, d 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, b9 as MotionCombinedType, ba as MotionDuration, bb as MotionEasing, bc as MotionSlideDirection, bd as MotionTransition, a9 as MotionTransitionPreset, N as NAVIGATION_TOKENS, e 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, g as SURFACE_TOKENS, h as SWITCH_TOKENS, at as SectionGap, au as SectionPadding, bM as SectionSpacing, bN as SemanticSpacing, aL as SkeletonAnimation, aM as SkeletonBackground, bO as Spacing, bP 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, i as TOAST_TOKENS, j 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, c4 as TextStyle, b2 as ToastVariant, b3 as TooltipContentRadius, b4 as TooltipContentShadow, bV as UI_COLORS, bz as accentColoredShadows, b5 as allCSSVariables, b6 as allCSSVariablesCSS, br as borderRadius, bs as componentRadius, bA as componentShadowMapping, bB as elevationShadows, bC as focusRings, c5 as fontFamily, c6 as fontSize, c7 as fontSizeWithMd, c8 as fontWeight, b7 as generateCSSVariablesCSS, bD as glowEffects, bQ as layoutSpacing, c9 as letterSpacing, ca as lineHeight, be as motionCSSVariables, bf as motionCombined, bg as motionDurations, bh as motionEasings, bi as motionFade, bj as motionReducedMotion, bk as motionScale, bl as motionSlide, bm as motionTailwindConfig, bn as motionTransitionProperty, bo as motionTransitions, bE as primaryColoredShadows, bt as radiusCSSVariables, bR as semanticSpacing, bF as shadowBase, bG as shadowCSSVariables, bH as shadowOpacity, bS as spacing, bT as spacingCSSVariables, bu as tailwindRadiusConfig, bI as tailwindShadowConfig, bU as tailwindSpacingConfig, cb as tailwindTypographyConfig, cc as textStyles, b8 as tokenSystemSummary, cd as typographyCSSVariables } from './index-CfbBwBhc.js';
+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-DTYb0mPM.js';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -16,6 +16,7 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 
@@ -240,6 +241,99 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * Chip variant values
+ * @public
+ */
+declare const CHIP_VARIANTS: readonly ["primary", "secondary", "accent", "outline", "ghost", "destructive"];
+/**
+ * Chip variant type
+ * @public
+ */
+type ChipVariant = (typeof CHIP_VARIANTS)[number];
+/**
+ * Chip radius values
+ * @public
+ */
+declare const CHIP_RADIUS_VALUES: readonly ["sm", "md", "lg", "pill"];
+/**
+ * Chip radius type
+ * @public
+ */
+type ChipRadius = (typeof CHIP_RADIUS_VALUES)[number];
+/**
+ * Chip variants using tokenCVA
+ */
+declare const chipVariants: (props?: ({
+    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "ghost" | null | undefined;
+    radius?: "sm" | "md" | "lg" | "pill" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Chip props interface
+ * @public
+ */
+interface ChipProps extends Omit<React$1.HTMLAttributes<HTMLElement>, "onClick"> {
+    /**
+     * Chip variant style
+     * @default "primary"
+     */
+    variant?: ChipVariant;
+    /**
+     * Border radius style
+     * @default "md"
+     */
+    radius?: ChipRadius;
+    /**
+     * Whether the chip can be removed (shows X button)
+     * @default false
+     */
+    removable?: boolean;
+    /**
+     * Whether the chip is selected (for selectable chips)
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Whether the chip is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Click handler for the chip (makes it interactive)
+     */
+    onClick?: (event: React$1.MouseEvent<HTMLElement>) => void;
+    /**
+     * Remove handler for removable chips
+     * Only called when removable={true} and remove button is clicked
+     */
+    onRemove?: (event: React$1.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Accessible label for the chip
+     * Required for icon-only chips or when children is not descriptive
+     */
+    "aria-label"?: string;
+    /**
+     * ARIA pressed state for selectable chips
+     */
+    "aria-pressed"?: boolean | "true" | "false" | "mixed";
+    /**
+     * Child content of the chip
+     */
+    children: React$1.ReactNode;
+}
+/**
+ * Chip component
+ *
+ * COMPLIANCE NOTES:
+ * - ✅ Uses token system exclusively (CHIP_TOKENS)
+ * - ✅ No raw values (all styling via tokens)
+ * - ✅ Motion compliance (MOTION_TOKENS.transitionPreset.colors)
+ * - ✅ Accessibility (ARIA attributes, keyboard navigation)
+ * - ✅ Focus management (focus-visible, keyboard-only)
+ * - ✅ Interaction Authority (disabled: prefix for disabled states)
+ */
+declare const Chip: React$1.ForwardRefExoticComponent<ChipProps & React$1.RefAttributes<HTMLElement>>;
+
 declare const headingVariants: (props?: ({
     level?: 1 | 2 | 4 | 6 | 3 | 5 | null | undefined;
     weight?: "normal" | "medium" | "semibold" | "bold" | null | undefined;
@@ -318,6 +412,88 @@ declare const Select: {
     Label: React$1.ForwardRefExoticComponent<SelectLabelProps & React$1.RefAttributes<HTMLDivElement>>;
 };
 
+/**
+ * Option type for MultiSelect
+ * @public
+ */
+interface MultiSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+/**
+ * Size union type (explicit, not CVA-derived)
+ * @public
+ */
+type MultiSelectSize = "sm" | "md" | "lg";
+/**
+ * MultiSelect props interface
+ * @public
+ */
+interface MultiSelectProps {
+    /**
+     * Selected values (controlled)
+     */
+    value?: string[];
+    /**
+     * Default selected values (uncontrolled)
+     */
+    defaultValue?: string[];
+    /**
+     * Callback when selection changes
+     */
+    onValueChange?: (value: string[]) => void;
+    /**
+     * Options to display
+     */
+    options: MultiSelectOption[];
+    /**
+     * Placeholder text when no items selected
+     */
+    placeholder?: string;
+    /**
+     * Maximum number of tags to show in trigger
+     * @default undefined (show all tags)
+     */
+    maxTags?: number;
+    /**
+     * Size of the component
+     * @default "md"
+     */
+    size?: MultiSelectSize;
+    /**
+     * Whether the component is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Accessible label for the component
+     * Required if no visible label
+     */
+    "aria-label"?: string;
+    /**
+     * ID of the element that labels this component
+     */
+    "aria-labelledby"?: string;
+    /**
+     * Custom render function for tags
+     * @param option - The option being rendered as a tag
+     * @param onRemove - Function to call to remove this tag
+     */
+    renderTag?: (option: MultiSelectOption, onRemove: () => void) => React$1.ReactNode;
+}
+/**
+ * MultiSelect component
+ *
+ * COMPLIANCE NOTES:
+ * - ✅ Uses token system exclusively (INPUT_TOKENS, SELECT_TOKENS, CHECKBOX_TOKENS, CHIP_TOKENS)
+ * - ✅ Composes Foundation components (Select, Checkbox)
+ * - ✅ Motion compliance (MOTION_TOKENS.transitionPreset.colors)
+ * - ✅ A11Y compliance (aria-multiselectable, aria-checked, keyboard navigation)
+ * - ✅ Focus management (focus restore, keyboard-only indication)
+ */
+declare const MultiSelect: React$1.ForwardRefExoticComponent<MultiSelectProps & React$1.RefAttributes<HTMLDivElement>>;
+
 /**
  * Avatar Component Variants
  *
@@ -509,7 +685,7 @@ declare const AvatarGroup: React$1.ForwardRefExoticComponent<AvatarGroupProps &
  *
  * **REFERENCE:**
  * - docs/architecture/FOUNDATION_LOCK.md (Legacy Foundation Components section)
- * - docs/workflows/foundation/FOUNDATION_STEP_PIPELINE.md
+ * - docs/workflows/foundation/COMPONENT_REFACTORING_PIPELINE.md
  *
  * ============================================================================
  *
@@ -740,6 +916,131 @@ declare const Modal: {
     Close: React$1.ForwardRefExoticComponent<ModalCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 };
 
+/**
+ * FileUpload Types
+ *
+ * Type definitions for FileUpload component.
+ * All types follow TYPING_STANDARD (explicit union types, no CVA-derived types in public API).
+ */
+/**
+ * FileUpload Size Type
+ * Explicit union type for size variants
+ */
+type FileUploadSize = "sm" | "md" | "lg";
+/**
+ * FileUpload Variant Type
+ * Explicit union type for visual variants
+ */
+type FileUploadVariant = "outline" | "filled";
+/**
+ * FileUpload Error Type
+ * Error types for validation failures
+ */
+interface FileUploadError {
+    type: "file-too-large" | "file-type-not-supported" | "too-many-files" | "unknown";
+    message: string;
+    file?: File;
+}
+/**
+ * FileUpload Props
+ * Main component props interface
+ *
+ * Extension component: className/style allowed but excluded from type definition
+ * for consistency with FormData components pattern
+ */
+interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue" | "onError"> {
+    /** Allow multiple file selection */
+    multiple?: boolean;
+    /** Accepted file types (e.g., "image/*", ".pdf,.doc") */
+    accept?: string;
+    /** Maximum file size in bytes */
+    maxSize?: number;
+    /** Maximum number of files (for multiple mode) */
+    maxFiles?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading state (upload in progress) */
+    loading?: boolean;
+    /** Controlled value (array of File objects) */
+    value?: File[];
+    /** Default value (uncontrolled mode) */
+    defaultValue?: File[];
+    /** Called when files are selected */
+    onFileSelect?: (files: File[]) => void;
+    /** Called when a file is removed */
+    onFileRemove?: (file: File) => void;
+    /** Called when validation error occurs */
+    onError?: (error: FileUploadError) => void;
+    /** Size variant */
+    size?: FileUploadSize;
+    /** Visual variant */
+    variant?: FileUploadVariant;
+    /** Accessible label for dropzone */
+    "aria-label"?: string;
+    /** ID of element describing the component */
+    "aria-describedby"?: string;
+}
+
+/**
+ * FileUpload Component
+ *
+ * Extension composite component for file upload with drag-and-drop,
+ * file preview, validation, and progress tracking.
+ *
+ * Features:
+ * - Drag-and-drop file selection
+ * - File preview with thumbnails (for images)
+ * - File validation (size, type, count)
+ * - Controlled and uncontrolled modes
+ * - Size variants (sm, md, lg)
+ * - Visual variants (outline, filled)
+ * - Error handling
+ * - ARIA compliance
+ * - Keyboard navigation
+ *
+ * @example Basic usage
+ * ```tsx
+ * <FileUpload onFileSelect={(files) => console.log(files)} />
+ * ```
+ *
+ * @example Multiple files with validation
+ * ```tsx
+ * <FileUpload
+ *   multiple
+ *   maxSize={5 * 1024 * 1024} // 5MB
+ *   accept="image/*"
+ *   maxFiles={5}
+ *   onFileSelect={handleUpload}
+ *   onError={(error) => console.error(error)}
+ * />
+ * ```
+ *
+ * @example Controlled mode with loading state
+ * ```tsx
+ * <FileUpload
+ *   value={files}
+ *   loading={isUploading}
+ *   onFileSelect={setFiles}
+ *   onFileRemove={handleRemove}
+ * />
+ * ```
+ */
+
+/**
+ * FileUpload component
+ *
+ * COMPLIANCE NOTES:
+ * - ✅ Uses token system exclusively (no raw values)
+ * - ✅ Composes Foundation components (Button, Text)
+ * - ✅ Follows Extension Authority Contract
+ * - ✅ Uses descriptive, intent-based naming
+ * - ✅ Does NOT duplicate Foundation functionality
+ * - ✅ Motion compliance: uses .tm-motion-fade-in for file appearance
+ * - ✅ A11Y compliance: aria-label, aria-describedby, aria-busy, aria-invalid
+ * - ✅ Focus compliance: keyboard navigation, focus-visible styles
+ */
+declare const FileUpload: React$1.ForwardRefExoticComponent<FileUploadProps & React$1.RefAttributes<HTMLDivElement>>;
+
 type RangeSliderSize = "sm" | "md" | "lg";
 type RangeSliderVariant = "primary" | "secondary" | "outline";
 type RangeSliderOrientation = "horizontal" | "vertical";
@@ -938,7 +1239,7 @@ declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.Re
  */
 type CheckboxVariant = "primary" | "secondary" | "outline" | "ghost" | "destructive";
 type CheckboxSize = "sm" | "md" | "lg";
-type CheckboxState = "default" | "checked" | "indeterminate" | "error" | "disabled";
+type CheckboxState = "default" | "checked" | "indeterminate" | "error" | "disabled" | "disabledChecked";
 /**
  * Checkbox Variants
  *
@@ -953,7 +1254,7 @@ type CheckboxState = "default" | "checked" | "indeterminate" | "error" | "disabl
 declare const checkboxVariants: (props?: ({
     variant?: "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    state?: "default" | "disabled" | "error" | "checked" | "indeterminate" | null | undefined;
+    state?: "default" | "disabled" | "error" | "checked" | "indeterminate" | "disabledChecked" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 /**
@@ -2569,7 +2870,7 @@ declare function Toaster(): react_jsx_runtime.JSX.Element;
  *
  * **REFERENCE:**
  * - docs/architecture/FOUNDATION_LOCK.md (Legacy Foundation Components section)
- * - docs/workflows/foundation/FOUNDATION_STEP_PIPELINE.md
+ * - docs/workflows/foundation/COMPONENT_REFACTORING_PIPELINE.md
  *
  * ============================================================================
  *
@@ -2813,6 +3114,303 @@ declare const ContextMenu: {
     SubContent: React$1.ForwardRefExoticComponent<ContextMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>>;
 };
 
+/**
+ * Spinner Component
+ *
+ * Animated loading indicator for visual feedback during async operations.
+ * Provides multiple visual variants (circle/dots/bounce/linear/bars/pulse/wave/orbit/bars-horizontal/ripple), size variants (xs/sm/md/lg/xl/2xl/3xl),
+ * tone variants (primary/muted/subtle), and optional text label with configurable positioning.
+ *
+ * @semantic_role EXTENSION_VISUAL_FEEDBACK
+ *
+ * @semantic_definition
+ * Spinner is a visual feedback component that displays animated loading indicators in various styles.
+ * It provides visual feedback during async operations (data loading, form submission, etc.).
+ * Spinner supports multiple visual variants (circle, dots, bounce, linear, bars, pulse, wave, orbit, bars-horizontal, ripple), full size scale (xs-3xl),
+ * and tone variants for different visual contexts. Optional text label can be displayed alongside spinner
+ * with configurable positioning.
+ *
+ * **What Spinner IS:**
+ * - Visual feedback component for loading states
+ * - Multiple visual style variants (circle, dots, bounce, linear, bars, pulse, wave, orbit, bars-horizontal, ripple)
+ * - Non-interactive display component
+ * - Supports inline, page, data, and overlay loading scenarios
+ *
+ * **What Spinner IS NOT:**
+ * - NOT an interactive component (no hover/active/focus states)
+ * - NOT a progress indicator (use Progress component for progress bars)
+ * - NOT a skeleton loader (use Skeleton component for content placeholders)
+ * - NOT a Foundation component (Extension layer component)
+ *
+ * @example
+ * ```tsx
+ * // Basic spinner (circle variant, default)
+ * <Spinner />
+ *
+ * // Dots variant
+ * <Spinner variant="dots" size="md" tone="muted" />
+ *
+ * // Bounce variant
+ * <Spinner variant="bounce" size="md" />
+ *
+ * // Linear variant
+ * <Spinner variant="linear" size="sm" />
+ *
+ * // Spinner with label
+ * <Spinner label="Loading..." labelPosition="right" />
+ *
+ * // Spinner with accessibility label
+ * <Spinner aria-label="Loading data" />
+ * ```
+ */
+
+/**
+ * Spinner size type
+ * Full GlobalSize scale: xs, sm, md, lg, xl, 2xl, 3xl
+ */
+type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+/**
+ * Spinner tone type
+ * Color tone variants: primary, muted, subtle
+ */
+type SpinnerTone = "primary" | "muted" | "subtle";
+/**
+ * Spinner variant type
+ * Visual style variants: circle, dots, bounce, linear, bars, pulse, wave, orbit, bars-horizontal, ripple
+ */
+type SpinnerVariant = "circle" | "dots" | "bounce" | "linear" | "bars" | "pulse" | "wave" | "orbit" | "bars-horizontal" | "ripple";
+/**
+ * Spinner label position type
+ * Label position relative to spinner: top, right, bottom, left
+ */
+type SpinnerLabelPosition = "top" | "right" | "bottom" | "left";
+/**
+ * Spinner easing type
+ * Animation timing function: linear, ease-in, ease-out, ease-in-out
+ */
+type SpinnerEasing = "linear" | "ease-in" | "ease-out" | "ease-in-out";
+/**
+ * Spinner component props
+ */
+interface SpinnerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "className" | "style"> {
+    /**
+     * Visual style variant (circle/dots/bounce/linear/bars/pulse/wave/orbit/bars-horizontal/ripple)
+     * @default "circle"
+     */
+    variant?: SpinnerVariant;
+    /**
+     * Size of spinner (xs/sm/md/lg/xl/2xl/3xl)
+     * @default "md"
+     */
+    size?: SpinnerSize;
+    /**
+     * Color tone (primary/muted/subtle)
+     * @default "primary"
+     */
+    tone?: SpinnerTone;
+    /**
+     * Animation easing (linear/ease-in/ease-out/ease-in-out)
+     * Controls how animation speed changes over time
+     * @default "linear"
+     */
+    easing?: SpinnerEasing;
+    /**
+     * Optional text label displayed alongside spinner
+     */
+    label?: string;
+    /**
+     * Label position relative to spinner
+     * @default "bottom"
+     */
+    labelPosition?: SpinnerLabelPosition;
+    /**
+     * Accessibility label (required if no visual label)
+     * Provides accessible name for screen readers
+     */
+    "aria-label"?: string;
+}
+/**
+ * Spinner Component
+ *
+ * Animated loading indicator for visual feedback during async operations.
+ * Supports multiple visual variants (circle/dots/bounce/linear/bars/pulse/wave/orbit/bars-horizontal/ripple), full size scale (xs-3xl),
+ * tone variants (primary/muted/subtle), and optional text label.
+ *
+ * @example
+ * ```tsx
+ * // Basic spinner (circle variant, default)
+ * <Spinner />
+ *
+ * // Dots variant with size and tone
+ * <Spinner variant="dots" size="lg" tone="muted" />
+ *
+ * // Dots variant
+ * <Spinner variant="dots" size="md" />
+ *
+ * // Spinner with label on the right
+ * <Spinner label="Loading..." labelPosition="right" />
+ *
+ * // Spinner with accessibility label
+ * <Spinner aria-label="Loading data" />
+ * ```
+ */
+declare const Spinner: React$1.ForwardRefExoticComponent<SpinnerProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Accordion Component
+ *
+ * Vertically stacked set of interactive headings that reveal/hide associated content panels.
+ * Provides accessible disclosure pattern with keyboard navigation and ARIA support.
+ *
+ * @semantic_role EXTENSION_COMPOSITE_DISCLOSURE
+ *
+ * @semantic_definition
+ * Accordion is a composite disclosure component that allows users to toggle the visibility
+ * of content sections. It supports single (only one item open) and multiple (multiple items
+ * can be open) modes, semantic variants (primary/secondary/accent/neutral), and size variants
+ * (sm/md/lg). All behavior (keyboard navigation, focus management, ARIA attributes) is delegated
+ * to Radix Accordion primitives.
+ *
+ * **What Accordion IS:**
+ * - Disclosure component for collapsible content sections
+ * - Supports single and multiple open modes
+ * - Provides keyboard navigation (Arrow Up/Down, Enter/Space)
+ * - Accessible via ARIA attributes (role="region", aria-expanded, aria-labelledby)
+ *
+ * **What Accordion IS NOT:**
+ * - NOT a Foundation component (Extension layer component)
+ * - NOT a navigation component (use Tabs for navigation)
+ * - NOT a menu component (use ContextMenu or DropdownMenu for menus)
+ *
+ * @example
+ * ```tsx
+ * // Single mode (default)
+ * <Accordion.Root type="single" collapsible>
+ *   <Accordion.Item value="item-1">
+ *     <Accordion.Trigger variant="primary" size="md">
+ *       Section 1
+ *     </Accordion.Trigger>
+ *     <Accordion.Content>
+ *       Content for section 1
+ *     </Accordion.Content>
+ *   </Accordion.Item>
+ * </Accordion.Root>
+ *
+ * // Multiple mode
+ * <Accordion.Root type="multiple" defaultValue={["item-1", "item-2"]}>
+ *   <Accordion.Item value="item-1">
+ *     <Accordion.Trigger variant="secondary" size="lg">
+ *       Section 1
+ *     </Accordion.Trigger>
+ *     <Accordion.Content>
+ *       Content for section 1
+ *     </Accordion.Content>
+ *   </Accordion.Item>
+ * </Accordion.Root>
+ * ```
+ */
+
+/**
+ * Accordion variant type
+ * Semantic variants: primary, secondary, accent, neutral
+ */
+type AccordionVariant = "primary" | "secondary" | "accent" | "neutral";
+/**
+ * Accordion size type
+ * Standard interactive component sizes: sm, md, lg
+ */
+type AccordionSize = "sm" | "md" | "lg";
+type AccordionRootProps = React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Accordion>;
+interface AccordionItemProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+    /**
+     * Unique value identifier for this item
+     */
+    value: string;
+}
+interface AccordionTriggerProps extends Omit<React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>, "size" | "variant"> {
+    /**
+     * Semantic variant (primary/secondary/accent/neutral)
+     * @default "primary"
+     */
+    variant?: AccordionVariant;
+    /**
+     * Size (sm/md/lg)
+     * @default "md"
+     */
+    size?: AccordionSize;
+}
+interface AccordionContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>, "size" | "variant"> {
+    /**
+     * Size (sm/md/lg) - for padding and typography
+     * @default "md"
+     */
+    size?: AccordionSize;
+    /**
+     * Semantic variant (primary/secondary/accent/neutral) - for background and text colors
+     * @default "primary"
+     */
+    variant?: AccordionVariant;
+}
+declare const Accordion: {
+    Root: React$1.FC<AccordionRootProps>;
+    Item: React$1.ForwardRefExoticComponent<AccordionItemProps & React$1.RefAttributes<HTMLDivElement>>;
+    Trigger: React$1.ForwardRefExoticComponent<AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+    Content: React$1.ForwardRefExoticComponent<AccordionContentProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+
+/**
+ * Combobox size type - Explicit union (TYPING_STANDARD compliant)
+ * Interactive Size Scale: sm | md | lg
+ */
+type ComboboxSize = "sm" | "md" | "lg";
+/**
+ * Option type
+ */
+interface ComboboxOption {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+}
+interface ComboboxRootProps {
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    multiple?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    size?: ComboboxSize;
+    children: React$1.ReactNode;
+}
+/**
+ * ComboboxRoot - Context provider for Combobox state
+ */
+declare function ComboboxRoot({ value: controlledValue, defaultValue, onValueChange, multiple, open: controlledOpen, onOpenChange, size, children, }: ComboboxRootProps): react_jsx_runtime.JSX.Element;
+interface ComboboxInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "onChange"> {
+    placeholder?: string;
+    disabled?: boolean;
+    "aria-invalid"?: boolean;
+    "aria-label"?: string;
+}
+/**
+ * ComboboxInput - Input field for typing/filtering
+ */
+declare const ComboboxInput: React$1.ForwardRefExoticComponent<ComboboxInputProps & React$1.RefAttributes<HTMLInputElement>>;
+interface ComboboxListProps {
+    options: ComboboxOption[];
+    filterable?: boolean;
+    onSearch?: (query: string) => void;
+    loading?: boolean;
+    emptyMessage?: string;
+}
+/**
+ * ComboboxList - Dropdown list of options
+ */
+declare function ComboboxList({ options, filterable, onSearch, loading, emptyMessage, }: ComboboxListProps): react_jsx_runtime.JSX.Element;
+declare const Combobox: typeof ComboboxRoot & {
+    Input: React$1.ForwardRefExoticComponent<ComboboxInputProps & React$1.RefAttributes<HTMLInputElement>>;
+    List: typeof ComboboxList;
+};
+
 /**
  * NotificationCenter.DismissAll Component
  *
@@ -3042,7 +3640,7 @@ interface NotificationCenterPanelProps {
     /**
      * Element to return focus to when panel closes
      */
-    returnFocusRef?: React$1.RefObject<HTMLElement>;
+    returnFocusRef?: React$1.RefObject<HTMLElement | null>;
 }
 /**
  * NotificationCenter.Panel component - side drawer notification panel
@@ -3257,7 +3855,7 @@ declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardTrigg
  *
  * **REFERENCE:**
  * - docs/architecture/FOUNDATION_LOCK.md
- * - docs/workflows/foundation/FOUNDATION_STEP_PIPELINE.md
+ * - docs/workflows/foundation/COMPONENT_REFACTORING_PIPELINE.md
  * - docs/reports/audit/TABS_BASELINE_REPORT.md
  *
  * ============================================================================
@@ -4561,4 +5159,4 @@ interface TableColumn<T> {
     render?: (value: T[keyof T], item: T) => React__default.ReactNode;
 }
 
-export { ALERT_VARIANTS, ASPECT_RATIO_PRESETS, Alert, type AlertProps, type AlertVariant, AspectRatio, type AspectRatioPreset, type AspectRatioProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarGroupSpacing, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, 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, EmptyStateIconSize, 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, Icon, IconArrowRight, IconCalendar, IconCheck, IconChevronDown, IconChevronRight, IconClose, IconColor, type IconProps$1 as IconComponentProps, IconError, IconInfo, IconLocation, IconMenu, type IconName, type IconProps, IconSearch, IconStroke, IconSuccess, IconWarning, Input, type InputProps, Label, type LabelProps, LinkProps, Modal, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, type ModalOverlayProps, ModalRoot, type ModalRootProps, type ModalSize, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, NavItem, type NavItemProps, NavLink, type NavLinkProps, NavList, type NavListProps, NavRoot, type NavRootProps, NavSeparator, type NavSeparatorProps, NavText, type NavTextProps, 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, Progress, type ProgressProps, type ProgressSize, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RangeSlider, type RangeSliderProps, type RangeSliderSize, type RangeSliderVariant, Responsive, Row, type RowProps, Section, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlOrientation, type SegmentedControlRootProps, type SegmentedControlSize, 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, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, SelectViewport, type SelectViewportProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SkeletonVariant, Slider, type SliderProps, type SliderSize, type SliderVariant, 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$1 as Toast, ToastAction, type ToastData, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, ToastViewport, type ToastViewportProps, Toaster, alertVariants, badgeVariants, checkboxVariants, surfaceVariants as containerSurfaceVariants, headingVariants, iconVariants, inputVariants, radioVariants, segmentedControlItemVariants, segmentedControlRootVariants, separatorVariants, skeletonVariants, surfaceVariants, textVariants, textareaVariants, useNotificationCenter, useNotificationCenterContext, useTableContext, useLocalToast as useToast };
+export { ALERT_VARIANTS, ASPECT_RATIO_PRESETS, Accordion, type AccordionContentProps, type AccordionItemProps, type AccordionRootProps, type AccordionSize, type AccordionTriggerProps, type AccordionVariant, Alert, type AlertProps, type AlertVariant, AspectRatio, type AspectRatioPreset, type AspectRatioProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarGroupSpacing, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, 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, CHIP_RADIUS_VALUES, CHIP_VARIANTS, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipRadius, type ChipVariant, Column, type StackProps as ColumnProps, Combobox, ComboboxInput, type ComboboxInputProps, ComboboxList, type ComboboxListProps, type ComboboxOption, ComboboxRoot, type ComboboxRootProps, type ComboboxSize, 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, EmptyStateIconSize, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, FieldRoot as Field, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldLabelProps, type FieldProps, FileUpload, type FileUploadError, type FileUploadProps, type FileUploadSize, type FileUploadVariant, Flex, type FlexProps, Grid, type GridProps, type GroupByFunction, Heading, type HeadingProps, HoverCardContent, type HoverCardContentProps, HoverCardRoot, type HoverCardRootProps, HoverCardTrigger, type HoverCardTriggerProps, ICONS_MAP, Icon, IconArrowRight, IconCalendar, IconCheck, IconChevronDown, IconChevronRight, IconClose, IconColor, type IconProps$1 as IconComponentProps, IconError, IconInfo, IconLocation, IconMenu, type IconName, type IconProps, IconSearch, IconStroke, IconSuccess, IconWarning, Input, type InputProps, Label, type LabelProps, LinkProps, Modal, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, type ModalOverlayProps, ModalRoot, type ModalRootProps, type ModalSize, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, type MultiSelectSize, NavItem, type NavItemProps, NavLink, type NavLinkProps, NavList, type NavListProps, NavRoot, type NavRootProps, NavSeparator, type NavSeparatorProps, NavText, type NavTextProps, 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, Progress, type ProgressProps, type ProgressSize, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RangeSlider, type RangeSliderProps, type RangeSliderSize, type RangeSliderVariant, Responsive, Row, type RowProps, Section, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlOrientation, type SegmentedControlRootProps, type SegmentedControlSize, 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, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, SelectViewport, type SelectViewportProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SkeletonVariant, Slider, type SliderProps, type SliderSize, type SliderVariant, type SortDirection, type SortState, Spinner, type SpinnerEasing, type SpinnerLabelPosition, type SpinnerProps, type SpinnerSize, type SpinnerTone, type SpinnerVariant, 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$1 as Toast, ToastAction, type ToastData, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, ToastViewport, type ToastViewportProps, Toaster, alertVariants, badgeVariants, checkboxVariants, chipVariants, surfaceVariants as containerSurfaceVariants, headingVariants, iconVariants, inputVariants, radioVariants, segmentedControlItemVariants, segmentedControlRootVariants, separatorVariants, skeletonVariants, surfaceVariants, textVariants, textareaVariants, useNotificationCenter, useNotificationCenterContext, useTableContext, useLocalToast as useToast };