npm - @aviala-design/spiral - Versions diffs - 0.0.2 → 0.2.0 - Mend

@aviala-design/spiral 0.0.2 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/index.d.cts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, AnchorHTMLAttributes } from 'react';
+import { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, MouseEvent, AnchorHTMLAttributes } from 'react';
 import { ThemeMode, PaletteConfig, BaseNumbersDensity, ThemePreset } from '@aviala-design/tokens';
 export { BaseNumbersDensity, DEFAULT_PALETTE_CONFIG, HueFamily, PALETTE_HUE_FAMILIES, PaletteConfig } from '@aviala-design/tokens';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -10,159 +10,155 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as SliderPrimitive from '@radix-ui/react-slider';
 import { ClassValue } from 'clsx';
-type ThemeProviderProps = {
-    children: ReactNode;
-    defaultMode?: ThemeMode;
-    defaultPrimary?: string;
-    defaultPresetId?: string;
-    defaultPaletteConfig?: PaletteConfig;
-    defaultDensity?: BaseNumbersDensity;
-    storageKey?: string;
-    onThemeChange?: (vars: Record<string, string>) => void;
-};
-type ThemeContextValue = {
-    mode: ThemeMode;
-    setMode: (mode: ThemeMode) => void;
-    primaryColor: string;
-    setPrimaryColor: (color: string) => void;
-    presetId: string | undefined;
-    applyPreset: (id: string) => void;
-    presets: ThemePreset[];
-    /** True when the active preset is a frozen ALD theme (palette engine bypassed). */
-    isStaticTheme: boolean;
-    density: BaseNumbersDensity;
-    setDensity: (density: BaseNumbersDensity) => void;
-    paletteConfig: PaletteConfig;
-    setPaletteConfig: (config: Partial<PaletteConfig>) => void;
-    resetPaletteConfig: () => void;
-    themeVars: Record<string, string>;
-};
-declare function ThemeProvider({ children, defaultMode, defaultPrimary, defaultPresetId, defaultPaletteConfig, defaultDensity, storageKey, onThemeChange, }: ThemeProviderProps): react.JSX.Element;
-declare function useTheme(): ThemeContextValue;
-declare function ThemeScript({ storageKey, defaultMode, defaultPrimary, defaultDensity, }: {
-    storageKey?: string;
-    defaultMode?: ThemeMode;
-    defaultPrimary?: string;
-    defaultDensity?: BaseNumbersDensity;
+type ThemeProviderProps = {
+    children: ReactNode;
+    defaultMode?: ThemeMode;
+    defaultPrimary?: string;
+    defaultPresetId?: string;
+    defaultPaletteConfig?: PaletteConfig;
+    defaultDensity?: BaseNumbersDensity;
+    storageKey?: string;
+    onThemeChange?: (vars: Record<string, string>) => void;
+};
+type ThemeContextValue = {
+    mode: ThemeMode;
+    setMode: (mode: ThemeMode) => void;
+    primaryColor: string;
+    setPrimaryColor: (color: string) => void;
+    presetId: string | undefined;
+    applyPreset: (id: string) => void;
+    presets: ThemePreset[];
+    /** True when the active preset is a frozen ALD theme (palette engine bypassed). */
+    isStaticTheme: boolean;
+    density: BaseNumbersDensity;
+    setDensity: (density: BaseNumbersDensity) => void;
+    paletteConfig: PaletteConfig;
+    setPaletteConfig: (config: Partial<PaletteConfig>) => void;
+    resetPaletteConfig: () => void;
+    themeVars: Record<string, string>;
+};
+declare function ThemeProvider({ children, defaultMode, defaultPrimary, defaultPresetId, defaultPaletteConfig, defaultDensity, storageKey, onThemeChange, }: ThemeProviderProps): react.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+/** Layout key for remeasuring size-sensitive UI when theme density/mode changes. */
+declare function useThemeLayoutKey(): string | null;
+declare function ThemeScript({ storageKey, defaultMode, defaultPrimary, defaultDensity, }: {
+    storageKey?: string;
+    defaultMode?: ThemeMode;
+    defaultPrimary?: string;
+    defaultDensity?: BaseNumbersDensity;
 }): react.JSX.Element;
-/** Figma Components → Basic Input → Button */
-type ButtonMode = "primary" | "second" | "default" | "defaultCustom" | "noBackground" | "noBackgroundCustom" | "destructive";
-type ButtonSize = "tiny" | "small" | "regular" | "big";
-declare const buttonVariants: (props?: ({
-    mode?: "primary" | "destructive" | "default" | "second" | "defaultCustom" | "noBackground" | "noBackgroundCustom" | null | undefined;
-    size?: "big" | "small" | "tiny" | "regular" | null | undefined;
-    allRound?: boolean | null | undefined;
-    iconOnly?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type LegacyVariant = "default" | "secondary" | "outline" | "ghost" | "destructive" | "link";
-type LegacySize = "default" | "sm" | "lg" | "icon";
-type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & Omit<VariantProps<typeof buttonVariants>, "mode" | "size"> & {
-    /** Figma `Mode` — preferred over legacy `variant`. */
-    mode?: ButtonMode;
-    /** Figma `Size` — preferred over legacy shadcn sizes. */
-    size?: ButtonSize | LegacySize;
-    /** Figma `All-Round` */
-    allRound?: boolean;
-    /** Figma `IconOnly` */
-    iconOnly?: boolean;
-    /** @deprecated Use `mode` instead. */
-    variant?: LegacyVariant;
-    loading?: boolean;
-    /** @deprecated Use `leftIcon`. */
-    icon?: ReactNode;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    asChild?: boolean;
-};
-declare const Button: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & Omit<VariantProps<(props?: ({
-    mode?: "primary" | "destructive" | "default" | "second" | "defaultCustom" | "noBackground" | "noBackgroundCustom" | null | undefined;
-    size?: "big" | "small" | "tiny" | "regular" | null | undefined;
-    allRound?: boolean | null | undefined;
-    iconOnly?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string>, "mode" | "size"> & {
-    /** Figma `Mode` — preferred over legacy `variant`. */
-    mode?: ButtonMode;
-    /** Figma `Size` — preferred over legacy shadcn sizes. */
-    size?: ButtonSize | LegacySize;
-    /** Figma `All-Round` */
-    allRound?: boolean;
-    /** Figma `IconOnly` */
-    iconOnly?: boolean;
-    /** @deprecated Use `mode` instead. */
-    variant?: LegacyVariant;
-    loading?: boolean;
-    /** @deprecated Use `leftIcon`. */
-    icon?: ReactNode;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    asChild?: boolean;
+/** Figma Components → Basic Input → Button */
+type ButtonMode = "primary" | "second" | "default" | "defaultCustom" | "noBackground" | "noBackgroundCustom" | "destructive";
+type ButtonSize = "tiny" | "small" | "regular" | "big";
+declare const buttonVariants: (props?: ({
+    mode?: "default" | "primary" | "second" | "defaultCustom" | "noBackground" | "noBackgroundCustom" | "destructive" | null | undefined;
+    allRound?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type LegacyVariant = "default" | "secondary" | "outline" | "ghost" | "destructive" | "link";
+type LegacySize = "default" | "sm" | "lg" | "icon";
+type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & Omit<VariantProps<typeof buttonVariants>, "mode"> & {
+    /** Figma `Mode` — preferred over legacy `variant`. */
+    mode?: ButtonMode;
+    /** Figma `Size` — preferred over legacy shadcn sizes. */
+    size?: ButtonSize | LegacySize;
+    /** Figma `All-Round` */
+    allRound?: boolean;
+    /** Figma `IconOnly` */
+    iconOnly?: boolean;
+    /** @deprecated Use `mode` instead. */
+    variant?: LegacyVariant;
+    loading?: boolean;
+    /** @deprecated Use `leftIcon`. */
+    icon?: ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    asChild?: boolean;
+};
+declare const Button: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & Omit<VariantProps<(props?: ({
+    mode?: "default" | "primary" | "second" | "defaultCustom" | "noBackground" | "noBackgroundCustom" | "destructive" | null | undefined;
+    allRound?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string>, "mode"> & {
+    /** Figma `Mode` — preferred over legacy `variant`. */
+    mode?: ButtonMode;
+    /** Figma `Size` — preferred over legacy shadcn sizes. */
+    size?: ButtonSize | LegacySize;
+    /** Figma `All-Round` */
+    allRound?: boolean;
+    /** Figma `IconOnly` */
+    iconOnly?: boolean;
+    /** @deprecated Use `mode` instead. */
+    variant?: LegacyVariant;
+    loading?: boolean;
+    /** @deprecated Use `leftIcon`. */
+    icon?: ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    asChild?: boolean;
 } & react.RefAttributes<HTMLButtonElement>>;
-/** Figma Components → Information Collect → BaseInput */
-type InputSize = "regular" | "big";
-declare const inputRootVariants: (props?: ({
-    size?: "big" | "regular" | null | undefined;
-    allRound?: boolean | null | undefined;
-    fullWidth?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps<typeof inputRootVariants> & {
-    /** Figma `Size` */
-    size?: InputSize;
-    /** Figma `All-Round` */
-    allRound?: boolean;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    /** Figma badge area — left slot inside BaseInput */
-    leftBadge?: ReactNode;
-    /** Figma badge area — right slot inside BaseInput */
-    rightBadge?: ReactNode;
-    /** When false, input sizes to content (e.g. ColorPicker panel row) */
-    fullWidth?: boolean;
-    error?: boolean;
-};
-declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps<(props?: ({
-    size?: "big" | "regular" | null | undefined;
-    allRound?: boolean | null | undefined;
-    fullWidth?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & {
-    /** Figma `Size` */
-    size?: InputSize;
-    /** Figma `All-Round` */
-    allRound?: boolean;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    /** Figma badge area — left slot inside BaseInput */
-    leftBadge?: ReactNode;
-    /** Figma badge area — right slot inside BaseInput */
-    rightBadge?: ReactNode;
-    /** When false, input sizes to content (e.g. ColorPicker panel row) */
-    fullWidth?: boolean;
-    error?: boolean;
+/** Figma Components → Information Collect → BaseInput */
+type InputSize = "regular" | "big";
+declare const inputRootVariants: (props?: ({
+    fullWidth?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps<typeof inputRootVariants> & {
+    /** Figma `Size` */
+    size?: InputSize;
+    /** Figma `All-Round` */
+    allRound?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    /** Figma badge area — left slot inside BaseInput */
+    leftBadge?: ReactNode;
+    /** Figma badge area — right slot inside BaseInput */
+    rightBadge?: ReactNode;
+    /** When false, input sizes to content (e.g. ColorPicker panel row) */
+    fullWidth?: boolean;
+    error?: boolean;
+};
+declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps<(props?: ({
+    fullWidth?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /** Figma `Size` */
+    size?: InputSize;
+    /** Figma `All-Round` */
+    allRound?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    /** Figma badge area — left slot inside BaseInput */
+    leftBadge?: ReactNode;
+    /** Figma badge area — right slot inside BaseInput */
+    rightBadge?: ReactNode;
+    /** When false, input sizes to content (e.g. ColorPicker panel row) */
+    fullWidth?: boolean;
+    error?: boolean;
 } & react.RefAttributes<HTMLInputElement>>;
-/** Figma Components → Information Collect → TextareaInput */
-type TextareaSize = "regular" | "big";
-type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
-    /** Figma `Size` */
-    size?: TextareaSize;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    /** Figma `Controller` — character counter + resize affordance */
-    showController?: boolean;
-    error?: boolean;
-};
-declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
-    /** Figma `Size` */
-    size?: TextareaSize;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    /** Figma `Controller` — character counter + resize affordance */
-    showController?: boolean;
-    error?: boolean;
+/** Figma Components → Information Collect → TextareaInput */
+type TextareaSize = "regular" | "big";
+type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
+    /** Figma `Size` */
+    size?: TextareaSize;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    /** Figma `Controller` — character counter + resize affordance */
+    showController?: boolean;
+    error?: boolean;
+};
+declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
+    /** Figma `Size` */
+    size?: TextareaSize;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    /** Figma `Controller` — character counter + resize affordance */
+    showController?: boolean;
+    error?: boolean;
 } & react.RefAttributes<HTMLTextAreaElement>>;
 /** Figma Components → Information Collect → Select */
@@ -319,653 +315,1648 @@ declare function SelectItemGroup({ label, showDivider, children, className, }: S
 declare const Label: react.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & react.RefAttributes<HTMLLabelElement>, "ref"> & react.RefAttributes<HTMLLabelElement>>;
-/** Figma Components → Information Display → Badge (also used in BaseInput badge area) */
-type BadgeProps = HTMLAttributes<HTMLSpanElement> & {
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    children: ReactNode;
-};
-declare const Badge: react.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    children: ReactNode;
+/** Figma Components → Information Display → Badge (166:137) */
+type BadgeStyle = "theme" | "info" | "fail" | "warning" | "success" | "normal";
+type BadgeLevel = "caption" | "text";
+type BadgeLineHeightFix = "text" | "subtitle" | "off";
+declare const badgeVariants: (props?: ({
+    style?: "theme" | "info" | "fail" | "warning" | "success" | "normal" | null | undefined;
+    level?: "text" | "caption" | null | undefined;
+    primary?: boolean | null | undefined;
+    lineHeightFix?: "subtitle" | "text" | "off" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeProps = Omit<HTMLAttributes<HTMLSpanElement>, "style"> & Omit<VariantProps<typeof badgeVariants>, "lineHeightFix" | "primary"> & {
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    children: ReactNode;
+    /** Figma `Primary` — filled primary surface vs secondary surface */
+    primary?: boolean;
+    /**
+     * Figma `LineHeightFix`.
+     * - `true` / omitted: Caption → AlignToTextLevel, Text → AlignToSubtitleLevel
+     * - `false` / `"off"`: OFF
+     */
+    lineHeightFix?: boolean | BadgeLineHeightFix;
+};
+declare const Badge: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLSpanElement>, "style"> & Omit<VariantProps<(props?: ({
+    style?: "theme" | "info" | "fail" | "warning" | "success" | "normal" | null | undefined;
+    level?: "text" | "caption" | null | undefined;
+    primary?: boolean | null | undefined;
+    lineHeightFix?: "subtitle" | "text" | "off" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string>, "primary" | "lineHeightFix"> & {
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    children: ReactNode;
+    /** Figma `Primary` — filled primary surface vs secondary surface */
+    primary?: boolean;
+    /**
+     * Figma `LineHeightFix`.
+     * - `true` / omitted: Caption → AlignToTextLevel, Text → AlignToSubtitleLevel
+     * - `false` / `"off"`: OFF
+     */
+    lineHeightFix?: boolean | BadgeLineHeightFix;
+} & react.RefAttributes<HTMLSpanElement>>;
+/** Figma Components → Information Display → Avata (305:7013) */
+type AvatarLevel = "display" | "headline1" | "headline2" | "title" | "subtitle" | "text";
+type AvatarContent = "text" | "picture" | "icon";
+declare const avatarVariants: (props?: ({
+    level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | null | undefined;
+    content?: "text" | "picture" | "icon" | null | undefined;
+    lineHeightFix?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AvatarProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof avatarVariants> & {
+    /** Initials / text content when `content="text"` */
+    children?: ReactNode;
+    /** Image URL when `content="picture"` */
+    src?: string;
+    alt?: string;
+    /** Icon node when `content="icon"` */
+    icon?: ReactNode;
+    imgProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "alt">;
+};
+declare const Avatar: react.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
+    level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | null | undefined;
+    content?: "text" | "picture" | "icon" | null | undefined;
+    lineHeightFix?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /** Initials / text content when `content="text"` */
+    children?: ReactNode;
+    /** Image URL when `content="picture"` */
+    src?: string;
+    alt?: string;
+    /** Icon node when `content="icon"` */
+    icon?: ReactNode;
+    imgProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "alt">;
+} & react.RefAttributes<HTMLSpanElement>>;
+/** Figma Components → Information Display → Tag (617:55892) */
+type TagLevel = "caption" | "text";
+type TagContent = "text" | "people";
+type TagLineHeightFix = "text" | "subtitle" | "off";
+declare const tagVariants: (props?: ({
+    level?: "text" | "caption" | null | undefined;
+    content?: "text" | "people" | null | undefined;
+    lineHeightFix?: "subtitle" | "text" | "off" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TagProps = HTMLAttributes<HTMLSpanElement> & Omit<VariantProps<typeof tagVariants>, "lineHeightFix"> & {
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    children: ReactNode;
+    disabled?: boolean;
+    /** People content — avatar image or initials */
+    avatar?: ReactNode;
+    avatarSrc?: string;
+    avatarText?: ReactNode;
+    closable?: boolean;
+    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
+    closeLabel?: string;
+    lineHeightFix?: boolean | TagLineHeightFix;
+};
+type TagCloseProps = ButtonHTMLAttributes<HTMLButtonElement>;
+declare const TagClose: react.ForwardRefExoticComponent<TagCloseProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Tag: react.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & Omit<VariantProps<(props?: ({
+    level?: "text" | "caption" | null | undefined;
+    content?: "text" | "people" | null | undefined;
+    lineHeightFix?: "subtitle" | "text" | "off" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string>, "lineHeightFix"> & {
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    children: ReactNode;
+    disabled?: boolean;
+    /** People content — avatar image or initials */
+    avatar?: ReactNode;
+    avatarSrc?: string;
+    avatarText?: ReactNode;
+    closable?: boolean;
+    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
+    closeLabel?: string;
+    lineHeightFix?: boolean | TagLineHeightFix;
 } & react.RefAttributes<HTMLSpanElement>>;
-/** Figma Components → Loading Icon */
-type LoadingLevel = "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption";
-type LoadingMode = "theme" | "themeText" | "black" | "white" | "inherit";
-declare const loadingVariants: (props?: ({
-    level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption" | null | undefined;
-    mode?: "theme" | "themeText" | "black" | "white" | "inherit" | null | undefined;
-    lineHeightFix?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const BUTTON_SIZE_TO_LOADING_LEVEL: {
-    readonly tiny: "caption";
-    readonly small: "text";
-    readonly regular: "text";
-    readonly big: "text";
-};
-type LoadingButtonSize = keyof typeof BUTTON_SIZE_TO_LOADING_LEVEL;
-declare function loadingLevelForButtonSize(size: LoadingButtonSize): LoadingLevel;
-type LoadingProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof loadingVariants> & {
-    /** Accessible name; omit when decorative (`aria-hidden`). */
-    label?: string;
-};
-declare const Loading: react.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
-    level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption" | null | undefined;
-    mode?: "theme" | "themeText" | "black" | "white" | "inherit" | null | undefined;
-    lineHeightFix?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & {
-    /** Accessible name; omit when decorative (`aria-hidden`). */
-    label?: string;
+/** Figma Components → Response And Feedback → Progress (589:55818) */
+type ProgressType = "default" | "success" | "fail";
+type ProgressSize = "default" | "big";
+type ProgressShape = "bar" | "ring";
+declare const progressVariants: (props?: ({
+    type?: "default" | "fail" | "success" | null | undefined;
+    size?: "default" | "big" | null | undefined;
+    shape?: "bar" | "ring" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ProgressProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressVariants> & {
+    /** 0–100 */
+    value?: number;
+    /** Show percent label (bar shape only) */
+    showLabel?: boolean;
+    label?: string;
+};
+declare const Progress: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    type?: "default" | "fail" | "success" | null | undefined;
+    size?: "default" | "big" | null | undefined;
+    shape?: "bar" | "ring" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /** 0–100 */
+    value?: number;
+    /** Show percent label (bar shape only) */
+    showLabel?: boolean;
+    label?: string;
+} & react.RefAttributes<HTMLDivElement>>;
+/** Figma Components → System Composition → Scroll (301:6312) */
+type ScrollSize = "default" | "small";
+type ScrollOrientation = "vertical" | "horizontal";
+declare const scrollVariants: (props?: ({
+    size?: "default" | "small" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ScrollProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof scrollVariants> & {
+    children?: ReactNode;
+};
+/**
+ * Scrollable region with Aviala-styled scrollbar (track + thumb).
+ * Figma documents the thumb/track chrome; this wraps content with that chrome.
+ */
+declare const Scroll: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    size?: "default" | "small" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    children?: ReactNode;
+} & react.RefAttributes<HTMLDivElement>>;
+/** Figma Components → Loading Icon */
+type LoadingLevel = "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption";
+type LoadingMode = "theme" | "themeText" | "black" | "white" | "inherit";
+declare const loadingVariants: (props?: ({
+    level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption" | null | undefined;
+    mode?: "theme" | "themeText" | "black" | "white" | "inherit" | null | undefined;
+    lineHeightFix?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const BUTTON_SIZE_TO_LOADING_LEVEL: {
+    readonly tiny: "caption";
+    readonly small: "text";
+    readonly regular: "text";
+    readonly big: "text";
+};
+type LoadingButtonSize = keyof typeof BUTTON_SIZE_TO_LOADING_LEVEL;
+declare function loadingLevelForButtonSize(size: LoadingButtonSize): LoadingLevel;
+type LoadingProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof loadingVariants> & {
+    /** Accessible name; omit when decorative (`aria-hidden`). */
+    label?: string;
+};
+declare const Loading: react.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
+    level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption" | null | undefined;
+    mode?: "theme" | "themeText" | "black" | "white" | "inherit" | null | undefined;
+    lineHeightFix?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /** Accessible name; omit when decorative (`aria-hidden`). */
+    label?: string;
 } & react.RefAttributes<HTMLSpanElement>>;
-/** Figma Components → Information Collect → Checkbox */
-type CheckboxGroupDirection = "vertical" | "horizontal";
-type CheckboxProps = ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
-    /** Figma Checkbox `Round` */
-    round?: boolean;
-};
-declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
-    /** Figma Checkbox `Round` */
-    round?: boolean;
-} & react.RefAttributes<HTMLButtonElement>>;
-type CheckboxGroupProps = ComponentPropsWithoutRef<"div"> & {
-    /** Figma Checkbox Input Group `Direction` */
-    direction?: CheckboxGroupDirection;
-};
-declare const CheckboxGroup: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    /** Figma Checkbox Input Group `Direction` */
-    direction?: CheckboxGroupDirection;
-} & react.RefAttributes<HTMLDivElement>>;
-type CheckboxInputProps = Omit<CheckboxProps, "children"> & {
-    /** Figma Typeface primary line */
-    title: ReactNode;
-    /** Figma Typeface caption line */
-    description?: ReactNode;
-    icon?: ReactNode;
-};
-declare const CheckboxInput: react.ForwardRefExoticComponent<Omit<CheckboxProps, "children"> & {
-    /** Figma Typeface primary line */
-    title: ReactNode;
-    /** Figma Typeface caption line */
-    description?: ReactNode;
-    icon?: ReactNode;
+/** Figma Components → Information Collect → Checkbox */
+type CheckboxGroupDirection = "vertical" | "horizontal";
+type CheckboxProps = ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
+    /** Figma Checkbox `Round` */
+    round?: boolean;
+};
+declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    /** Figma Checkbox `Round` */
+    round?: boolean;
+} & react.RefAttributes<HTMLButtonElement>>;
+type CheckboxGroupProps = ComponentPropsWithoutRef<"div"> & {
+    /** Figma Checkbox Input Group `Direction` */
+    direction?: CheckboxGroupDirection;
+};
+declare const CheckboxGroup: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** Figma Checkbox Input Group `Direction` */
+    direction?: CheckboxGroupDirection;
+} & react.RefAttributes<HTMLDivElement>>;
+type CheckboxInputProps = Omit<CheckboxProps, "children"> & {
+    /** Figma Typeface primary line */
+    title: ReactNode;
+    /** Figma Typeface caption line */
+    description?: ReactNode;
+    icon?: ReactNode;
+};
+declare const CheckboxInput: react.ForwardRefExoticComponent<Omit<CheckboxProps, "children"> & {
+    /** Figma Typeface primary line */
+    title: ReactNode;
+    /** Figma Typeface caption line */
+    description?: ReactNode;
+    icon?: ReactNode;
 } & react.RefAttributes<HTMLButtonElement>>;
-/** Figma Components → Information Collect → Radio */
-type RadioGroupDirection = "vertical" | "horizontal";
-type RadioInputVariant = "normal" | "card";
-type RadioGroupProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
-    /** Figma Radio Input Group `Direction` */
-    direction?: RadioGroupDirection;
-};
-declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    /** Figma Radio Input Group `Direction` */
-    direction?: RadioGroupDirection;
-} & react.RefAttributes<HTMLDivElement>>;
-type RadioGroupItemProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
-declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-type RadioInputProps = Omit<RadioGroupItemProps, "children"> & {
-    /** Figma Typeface primary line */
-    title: ReactNode;
-    /** Figma Typeface caption line */
-    description?: ReactNode;
-    icon?: ReactNode;
-    /** Figma Radio Input `Style` */
-    variant?: RadioInputVariant;
-};
-declare const RadioInput: react.ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children"> & {
-    /** Figma Typeface primary line */
-    title: ReactNode;
-    /** Figma Typeface caption line */
-    description?: ReactNode;
-    icon?: ReactNode;
-    /** Figma Radio Input `Style` */
-    variant?: RadioInputVariant;
+/** Figma Components → Information Collect → Radio */
+type RadioGroupDirection = "vertical" | "horizontal";
+type RadioInputVariant = "normal" | "card";
+type RadioGroupProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
+    /** Figma Radio Input Group `Direction` */
+    direction?: RadioGroupDirection;
+};
+declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    /** Figma Radio Input Group `Direction` */
+    direction?: RadioGroupDirection;
+} & react.RefAttributes<HTMLDivElement>>;
+type RadioGroupItemProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
+declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+type RadioInputProps = Omit<RadioGroupItemProps, "children"> & {
+    /** Figma Typeface primary line */
+    title: ReactNode;
+    /** Figma Typeface caption line */
+    description?: ReactNode;
+    icon?: ReactNode;
+    /** Figma Radio Input `Style` */
+    variant?: RadioInputVariant;
+};
+declare const RadioInput: react.ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children"> & {
+    /** Figma Typeface primary line */
+    title: ReactNode;
+    /** Figma Typeface caption line */
+    description?: ReactNode;
+    icon?: ReactNode;
+    /** Figma Radio Input `Style` */
+    variant?: RadioInputVariant;
 } & react.RefAttributes<HTMLButtonElement>>;
-/** Figma Components → Basic Input → Switch */
-type SwitchSize = "regular" | "small";
-type SwitchProps = ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> & {
-    size?: SwitchSize;
-};
-declare const Switch: react.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
-    size?: SwitchSize;
+/** Figma Components → Basic Input → Switch */
+type SwitchSize = "regular" | "small";
+type SwitchProps = ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> & {
+    size?: SwitchSize;
+};
+declare const Switch: react.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: SwitchSize;
 } & react.RefAttributes<HTMLButtonElement>>;
-/** Figma Components → Basic Input → Link */
-type LinkLevel = "caption" | "text";
-type LinkMode = "noBackground" | "noBackgroundCustom";
-type LinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "disabled"> & {
-    level?: LinkLevel;
-    mode?: LinkMode;
-    iconOnly?: boolean;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    asChild?: boolean;
-    disabled?: boolean;
-};
-declare const Link: react.ForwardRefExoticComponent<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "disabled"> & {
-    level?: LinkLevel;
-    mode?: LinkMode;
-    iconOnly?: boolean;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    asChild?: boolean;
-    disabled?: boolean;
+/** Figma Components → Basic Input → Link */
+type LinkLevel = "caption" | "text";
+type LinkMode = "noBackground" | "noBackgroundCustom";
+type LinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "disabled"> & {
+    level?: LinkLevel;
+    mode?: LinkMode;
+    iconOnly?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    asChild?: boolean;
+    disabled?: boolean;
+};
+declare const Link: react.ForwardRefExoticComponent<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "disabled"> & {
+    level?: LinkLevel;
+    mode?: LinkMode;
+    iconOnly?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    asChild?: boolean;
+    disabled?: boolean;
+} & react.RefAttributes<HTMLAnchorElement>>;
+/** Figma Components → System Composition → Anchor */
+type AnchorIndentLevel = 0 | 1 | 2 | 3;
+type AnchorProps = HTMLAttributes<HTMLElement> & {
+    as?: "nav" | "div";
+};
+declare const Anchor: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+    as?: "nav" | "div";
+} & react.RefAttributes<HTMLElement>>;
+type AnchorItemProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & {
+    activated?: boolean;
+    indentLevel?: AnchorIndentLevel;
+    asChild?: boolean;
+    children: ReactNode;
+};
+declare const AnchorItem: react.ForwardRefExoticComponent<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & {
+    activated?: boolean;
+    indentLevel?: AnchorIndentLevel;
+    asChild?: boolean;
+    children: ReactNode;
 } & react.RefAttributes<HTMLAnchorElement>>;
-/** Figma Components → Basic Input → Segmentator */
-type SegmentatorMode = "nested" | "tiled";
-type SegmentatorGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    mode?: SegmentatorMode;
-    allRound?: boolean;
-    disabled?: boolean;
-};
-declare const SegmentatorGroup: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    mode?: SegmentatorMode;
-    allRound?: boolean;
-    disabled?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
-type SegmentatorItemProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
-    value: string;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    iconOnly?: boolean;
-};
-declare const SegmentatorItem: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
-    value: string;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    iconOnly?: boolean;
+/** Figma Components → Basic Input → Segmentator */
+type SegmentatorMode = "nested" | "tiled";
+type SegmentatorGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    mode?: SegmentatorMode;
+    allRound?: boolean;
+    disabled?: boolean;
+};
+declare const SegmentatorGroup: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    mode?: SegmentatorMode;
+    allRound?: boolean;
+    disabled?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+type SegmentatorItemProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
+    value: string;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    iconOnly?: boolean;
+};
+declare const SegmentatorItem: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
+    value: string;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    iconOnly?: boolean;
 } & react.RefAttributes<HTMLButtonElement>>;
-type FormFieldProps = HTMLAttributes<HTMLDivElement> & {
-    label?: string;
-    htmlFor?: string;
-    description?: ReactNode;
-    error?: string;
-    required?: boolean;
-};
-declare const FormField: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    label?: string;
-    htmlFor?: string;
-    description?: ReactNode;
-    error?: string;
-    required?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
-/** Figma Components → System Composition → Typography (128:85) */
-type TypographyLevel = "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption";
-type TypographyContent = "text" | "number";
-type TypographyTone = "default" | "white";
-declare const typographyVariants: (props?: ({
-    level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type TypographyProps = HTMLAttributes<HTMLElement> & VariantProps<typeof typographyVariants> & {
-    /** Figma `Content` — text vs numeric styling */
-    content?: TypographyContent;
-    /** Figma `White` — light text on dark surfaces */
-    tone?: TypographyTone;
-    asChild?: boolean;
-    as?: "p" | "span" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
-};
-declare const Typography: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
-    level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & {
-    /** Figma `Content` — text vs numeric styling */
-    content?: TypographyContent;
-    /** Figma `White` — light text on dark surfaces */
-    tone?: TypographyTone;
-    asChild?: boolean;
-    as?: "p" | "span" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
+type FormFieldProps = HTMLAttributes<HTMLDivElement> & {
+    label?: string;
+    htmlFor?: string;
+    description?: ReactNode;
+    error?: string;
+    required?: boolean;
+};
+declare const FormField: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    label?: string;
+    htmlFor?: string;
+    description?: ReactNode;
+    error?: string;
+    required?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+/** Figma Components → System Composition → Typography (128:85) */
+type TypographyLevel = "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption";
+type TypographyContent = "text" | "number";
+type TypographyTone = "default" | "white";
+declare const typographyVariants: (props?: ({
+    level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TypographyProps = HTMLAttributes<HTMLElement> & VariantProps<typeof typographyVariants> & {
+    /** Figma `Content` — text vs numeric styling */
+    content?: TypographyContent;
+    /** Figma `White` — light text on dark surfaces */
+    tone?: TypographyTone;
+    asChild?: boolean;
+    as?: "p" | "span" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
+};
+declare const Typography: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
+    level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /** Figma `Content` — text vs numeric styling */
+    content?: TypographyContent;
+    /** Figma `White` — light text on dark surfaces */
+    tone?: TypographyTone;
+    asChild?: boolean;
+    as?: "p" | "span" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
 } & react.RefAttributes<HTMLSpanElement>>;
-/** Figma Components → System Composition → Typeface (527:56311) */
-type TypefaceContent = "allCustom" | "textCaption" | "textCaptionSubtitle" | "textTitle" | "textHeadline2" | "textHeadline1";
-type TypefaceProps = Omit<HTMLAttributes<HTMLDivElement>, "content"> & {
-    /** Figma `Content` preset */
-    content?: TypefaceContent;
-    /** Primary line — overrides preset first line */
-    primary?: ReactNode;
-    /** Secondary line — overrides preset second line */
-    secondary?: ReactNode;
-    /** Tertiary line — used by `textCaptionSubtitle` */
-    tertiary?: ReactNode;
-    /** Per-line content mode for numeric text */
-    primaryContent?: TypographyContent;
-    secondaryContent?: TypographyContent;
-    tertiaryContent?: TypographyContent;
-    tone?: TypographyTone;
-};
-declare const Typeface: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "content"> & {
-    /** Figma `Content` preset */
-    content?: TypefaceContent;
-    /** Primary line — overrides preset first line */
-    primary?: ReactNode;
-    /** Secondary line — overrides preset second line */
-    secondary?: ReactNode;
-    /** Tertiary line — used by `textCaptionSubtitle` */
-    tertiary?: ReactNode;
-    /** Per-line content mode for numeric text */
-    primaryContent?: TypographyContent;
-    secondaryContent?: TypographyContent;
-    tertiaryContent?: TypographyContent;
-    tone?: TypographyTone;
-} & react.RefAttributes<HTMLDivElement>>;
-/** Convenience helper for two-line label + caption pairs (Radio, Checkbox, etc.) */
-type TypefacePairProps = Omit<TypefaceProps, "content"> & {
-    title: ReactNode;
-    description?: ReactNode;
-};
-declare const TypefacePair: react.ForwardRefExoticComponent<Omit<TypefaceProps, "content"> & {
-    title: ReactNode;
-    description?: ReactNode;
-} & react.RefAttributes<HTMLDivElement>>;
-type InputGroupProps = HTMLAttributes<HTMLDivElement> & {
-    orientation?: "horizontal" | "vertical";
-};
-declare const InputGroup: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    orientation?: "horizontal" | "vertical";
-} & react.RefAttributes<HTMLDivElement>>;
+/** Figma Components → System Composition → Typeface (527:56311) */
+type TypefaceContent = "allCustom" | "textCaption" | "textCaptionSubtitle" | "textTitle" | "textHeadline2" | "textHeadline1";
+type TypefaceProps = Omit<HTMLAttributes<HTMLDivElement>, "content"> & {
+    /** Figma `Content` preset */
+    content?: TypefaceContent;
+    /** Primary line — overrides preset first line */
+    primary?: ReactNode;
+    /** Secondary line — overrides preset second line */
+    secondary?: ReactNode;
+    /** Tertiary line — used by `textCaptionSubtitle` */
+    tertiary?: ReactNode;
+    /** Per-line content mode for numeric text */
+    primaryContent?: TypographyContent;
+    secondaryContent?: TypographyContent;
+    tertiaryContent?: TypographyContent;
+    tone?: TypographyTone;
+};
+declare const Typeface: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "content"> & {
+    /** Figma `Content` preset */
+    content?: TypefaceContent;
+    /** Primary line — overrides preset first line */
+    primary?: ReactNode;
+    /** Secondary line — overrides preset second line */
+    secondary?: ReactNode;
+    /** Tertiary line — used by `textCaptionSubtitle` */
+    tertiary?: ReactNode;
+    /** Per-line content mode for numeric text */
+    primaryContent?: TypographyContent;
+    secondaryContent?: TypographyContent;
+    tertiaryContent?: TypographyContent;
+    tone?: TypographyTone;
+} & react.RefAttributes<HTMLDivElement>>;
+/** Convenience helper for two-line label + caption pairs (Radio, Checkbox, etc.) */
+type TypefacePairProps = Omit<TypefaceProps, "content"> & {
+    title: ReactNode;
+    description?: ReactNode;
+};
+declare const TypefacePair: react.ForwardRefExoticComponent<Omit<TypefaceProps, "content"> & {
+    title: ReactNode;
+    description?: ReactNode;
+} & react.RefAttributes<HTMLDivElement>>;
+type InputGroupProps = HTMLAttributes<HTMLDivElement> & {
+    orientation?: "horizontal" | "vertical";
+};
+declare const InputGroup: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    orientation?: "horizontal" | "vertical";
+} & react.RefAttributes<HTMLDivElement>>;
 declare const InputGroupAddon: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
-type StackProps = HTMLAttributes<HTMLDivElement> & {
-    gap?: "inside" | "component" | "content" | "block" | "page";
-    direction?: "row" | "column";
-};
-declare const Stack: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    gap?: "inside" | "component" | "content" | "block" | "page";
-    direction?: "row" | "column";
-} & react.RefAttributes<HTMLDivElement>>;
-declare const Fieldset: react.ForwardRefExoticComponent<HTMLAttributes<HTMLFieldSetElement> & {
-    legend?: string;
+type StackProps = HTMLAttributes<HTMLDivElement> & {
+    gap?: "inside" | "component" | "content" | "block" | "page";
+    direction?: "row" | "column";
+};
+declare const Stack: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    gap?: "inside" | "component" | "content" | "block" | "page";
+    direction?: "row" | "column";
+} & react.RefAttributes<HTMLDivElement>>;
+declare const Fieldset: react.ForwardRefExoticComponent<HTMLAttributes<HTMLFieldSetElement> & {
+    legend?: string;
 } & react.RefAttributes<HTMLFieldSetElement>>;
-type ColorFormat = "hex" | "rgb" | "hsl";
-type HSVA = {
-    h: number;
-    s: number;
-    v: number;
-    a: number;
-};
+type ColorFormat = "hex" | "rgb" | "hsl";
+type HSVA = {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
 declare const DEFAULT_COLOR = "#FF0000";
-type ColorPickerChangeMeta = {
-    source?: string;
-};
-type UseColorPickerStateOptions = {
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string, meta?: ColorPickerChangeMeta) => void;
-    format?: ColorFormat;
-    defaultFormat?: ColorFormat;
-    onFormatChange?: (format: ColorFormat) => void;
-};
-declare function useColorPickerState({ value: controlledValue, defaultValue, onChange, format: controlledFormat, defaultFormat, onFormatChange, }: UseColorPickerStateOptions): {
-    value: string;
-    format: ColorFormat;
-    setValue: (next: string, meta?: ColorPickerChangeMeta) => void;
-    hsva: HSVA;
-    setHsva: (partial: Partial<HSVA>, meta?: ColorPickerChangeMeta) => void;
-    setFormat: (next: ColorFormat) => void;
-};
-type ColorPickerProps = UseColorPickerStateOptions & {
-    children: ReactNode;
-    className?: string;
-    disabled?: boolean;
-    presets?: string[];
-    onPresetsChange?: (presets: string[]) => void;
-    maxPresets?: number;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-};
-declare function ColorPicker({ children, className, disabled, presets, onPresetsChange, maxPresets, value, defaultValue, onChange, format, defaultFormat, onFormatChange, open: controlledOpen, defaultOpen, onOpenChange, }: ColorPickerProps): react.JSX.Element;
-type ColorPickerTriggerProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger> & {
-    size?: "regular" | "big";
-    allRound?: boolean;
-    placeholder?: string;
-    className?: string;
-};
-declare const ColorPickerTrigger: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
-    size?: "regular" | "big";
-    allRound?: boolean;
-    placeholder?: string;
-    className?: string;
-} & react.RefAttributes<HTMLButtonElement>>;
-type ColorPickerContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
-    showEyedropper?: boolean;
-    showPresets?: boolean;
-};
-declare const ColorPickerContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    showEyedropper?: boolean;
-    showPresets?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
-type ColorPickerPanelProps = UseColorPickerStateOptions & {
-    className?: string;
-    disabled?: boolean;
-    presets?: string[];
-    onPresetsChange?: (presets: string[]) => void;
-    maxPresets?: number;
-    showEyedropper?: boolean;
-    showPresets?: boolean;
-};
+type ColorPickerChangeMeta = {
+    source?: string;
+};
+type UseColorPickerStateOptions = {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, meta?: ColorPickerChangeMeta) => void;
+    format?: ColorFormat;
+    defaultFormat?: ColorFormat;
+    onFormatChange?: (format: ColorFormat) => void;
+};
+declare function useColorPickerState({ value: controlledValue, defaultValue, onChange, format: controlledFormat, defaultFormat, onFormatChange, }: UseColorPickerStateOptions): {
+    value: string;
+    format: ColorFormat;
+    setValue: (next: string, meta?: ColorPickerChangeMeta) => void;
+    hsva: HSVA;
+    setHsva: (partial: Partial<HSVA>, meta?: ColorPickerChangeMeta) => void;
+    setFormat: (next: ColorFormat) => void;
+};
+type ColorPickerProps = UseColorPickerStateOptions & {
+    children: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    presets?: string[];
+    onPresetsChange?: (presets: string[]) => void;
+    maxPresets?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+declare function ColorPicker({ children, className, disabled, presets, onPresetsChange, maxPresets, value, defaultValue, onChange, format, defaultFormat, onFormatChange, open: controlledOpen, defaultOpen, onOpenChange, }: ColorPickerProps): react.JSX.Element;
+type ColorPickerTriggerProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger> & {
+    size?: "regular" | "big";
+    allRound?: boolean;
+    placeholder?: string;
+    className?: string;
+};
+declare const ColorPickerTrigger: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: "regular" | "big";
+    allRound?: boolean;
+    placeholder?: string;
+    className?: string;
+} & react.RefAttributes<HTMLButtonElement>>;
+type ColorPickerContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
+    showEyedropper?: boolean;
+    showPresets?: boolean;
+};
+declare const ColorPickerContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    showEyedropper?: boolean;
+    showPresets?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+type ColorPickerPanelProps = UseColorPickerStateOptions & {
+    className?: string;
+    disabled?: boolean;
+    presets?: string[];
+    onPresetsChange?: (presets: string[]) => void;
+    maxPresets?: number;
+    showEyedropper?: boolean;
+    showPresets?: boolean;
+};
 declare function ColorPickerPanel({ className, disabled, presets, onPresetsChange, maxPresets, showEyedropper, showPresets, value, defaultValue, onChange, format, defaultFormat, onFormatChange, }: ColorPickerPanelProps): react.JSX.Element;
-type ColorPickButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
-    color: string;
-    selected?: boolean;
-};
-declare const ColorPickButton: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
-    color: string;
-    selected?: boolean;
+type ColorPickButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
+    color: string;
+    selected?: boolean;
+};
+declare const ColorPickButton: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
+    color: string;
+    selected?: boolean;
 } & react.RefAttributes<HTMLButtonElement>>;
-type ColorPickerAreaProps = {
-    className?: string;
-    disabled?: boolean;
-} & Pick<UseColorPickerStateOptions, "value" | "defaultValue" | "onChange">;
+type ColorPickerAreaProps = {
+    className?: string;
+    disabled?: boolean;
+} & Pick<UseColorPickerStateOptions, "value" | "defaultValue" | "onChange">;
 declare function ColorPickerArea({ className, disabled, value: valueProp, defaultValue, onChange, }: ColorPickerAreaProps): react.JSX.Element;
-type ColorPickerSliderKind = "hue" | "alpha";
-type ColorPickerSliderProps = {
-    kind: ColorPickerSliderKind;
-    className?: string;
-    disabled?: boolean;
-} & Pick<UseColorPickerStateOptions, "value" | "defaultValue" | "onChange">;
+type ColorPickerSliderKind = "hue" | "alpha";
+type ColorPickerSliderProps = {
+    kind: ColorPickerSliderKind;
+    className?: string;
+    disabled?: boolean;
+} & Pick<UseColorPickerStateOptions, "value" | "defaultValue" | "onChange">;
 declare function ColorPickerSlider({ kind, className, disabled, value: valueProp, defaultValue, onChange, }: ColorPickerSliderProps): react.JSX.Element;
-declare global {
-    interface Window {
-        EyeDropper?: new () => {
-            open: () => Promise<{
-                sRGBHex: string;
-            }>;
-        };
-    }
-}
-type ColorPickerInputsProps = {
-    className?: string;
-    disabled?: boolean;
-    showEyedropper?: boolean;
-} & Pick<UseColorPickerStateOptions, "value" | "defaultValue" | "onChange" | "format" | "onFormatChange">;
+declare global {
+    interface Window {
+        EyeDropper?: new () => {
+            open: () => Promise<{
+                sRGBHex: string;
+            }>;
+        };
+    }
+}
+type ColorPickerInputsProps = {
+    className?: string;
+    disabled?: boolean;
+    showEyedropper?: boolean;
+} & Pick<UseColorPickerStateOptions, "value" | "defaultValue" | "onChange" | "format" | "onFormatChange">;
 declare function ColorPickerInputs({ className, disabled, showEyedropper, value: valueProp, defaultValue, onChange, format: formatProp, onFormatChange, }: ColorPickerInputsProps): react.JSX.Element;
-type ColorPickerPresetsProps = {
-    className?: string;
-    presets?: string[];
-    onPresetsChange?: (presets: string[]) => void;
-    maxPresets?: number;
-    disabled?: boolean;
-};
+type ColorPickerPresetsProps = {
+    className?: string;
+    presets?: string[];
+    onPresetsChange?: (presets: string[]) => void;
+    maxPresets?: number;
+    disabled?: boolean;
+};
 declare function ColorPickerPresets({ className, presets: presetsProp, onPresetsChange: onPresetsChangeProp, maxPresets: maxPresetsProp, disabled, }: ColorPickerPresetsProps): react.JSX.Element;
-/** Figma Components → Information Collect → Cascader Input */
-type CascaderSize = "regular" | "big";
-/** Figma Cascader Menu Item `Function` variant */
-type CascaderItemFunction = "simple" | "checkbox" | "form-checkbox" | "radio" | "form-radio" | "search" | "custom";
-/** Figma Cascader Menu Item `Type` variant */
-type CascaderItemLayout = "default" | "title" | "custom";
-type CascaderOption = {
-    value: string;
-    label: ReactNode;
-    disabled?: boolean;
-    children?: CascaderOption[];
-};
-type CascaderProps = {
-    children: ReactNode;
-    options?: CascaderOption[];
-    value?: string[];
-    defaultValue?: string[];
-    onValueChange?: (value: string[], selectedOptions: CascaderOption[]) => void;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    disabled?: boolean;
-    size?: CascaderSize;
-    /** Select parent nodes — Figma allows any-level selection (default true). */
-    changeOnSelect?: boolean;
-    className?: string;
-};
-/**
- * Radix Popover closes on `window` blur (e.g. focusing DevTools). Suppress only
- * blur-initiated closes; pointer-down (outside click, item select, trigger toggle)
- * and Escape must still dismiss on the first interaction.
- */
-declare function Cascader({ children, options, value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, disabled, size, changeOnSelect, className, }: CascaderProps): react.JSX.Element;
-type CascaderTriggerProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger> & {
-    size?: CascaderSize;
-    allRound?: boolean;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    placeholder?: string;
-    error?: boolean;
-    /** Override display when using manual composition without `options`. */
-    displayValue?: ReactNode;
-    separator?: string;
-    className?: string;
-};
-declare const CascaderTrigger: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
-    size?: CascaderSize;
-    allRound?: boolean;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    placeholder?: string;
-    error?: boolean;
-    /** Override display when using manual composition without `options`. */
-    displayValue?: ReactNode;
-    separator?: string;
-    className?: string;
-} & react.RefAttributes<HTMLButtonElement>>;
-type CascaderContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
-    portalled?: boolean;
-    className?: string;
-};
-declare const CascaderContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    portalled?: boolean;
-    className?: string;
-} & react.RefAttributes<HTMLDivElement>>;
-type CascaderMenuProps = {
-    children?: ReactNode;
-    className?: string;
-};
-/** Figma Cascader Menu — horizontal column container (`348:13915`). */
-declare const CascaderMenu: react.ForwardRefExoticComponent<CascaderMenuProps & react.RefAttributes<HTMLDivElement>>;
-type CascaderColumnProps = {
-    children: ReactNode;
-    className?: string;
-    /** Slide + fade in when a new cascade column appears (options-driven menus set this automatically). */
-    animateEnter?: boolean;
-    /** Slide + fade out before unmount when a cascade column is removed (options-driven menus set this automatically). */
-    animateExit?: boolean;
-    /** Frozen layout slot for exit overlay columns (keeps flex width stable while animating out). */
-    exitLayout?: {
-        left: number;
-        width: number;
-    };
-};
-/** Figma Cascader Menu Item Group Group — single cascade column (`345:20543`). */
-declare const CascaderColumn: react.ForwardRefExoticComponent<CascaderColumnProps & react.RefAttributes<HTMLDivElement>>;
-type CascaderItemGroupProps = {
-    label?: ReactNode;
-    showDivider?: boolean;
-    children: ReactNode;
-    className?: string;
-};
-/** Figma Cascader Menu Item Group (`345:16552`). */
-declare function CascaderItemGroup({ label, showDivider, children, className, }: CascaderItemGroupProps): react.JSX.Element;
-type CascaderItemProps = {
-    value: string;
-    pathPrefix?: string[];
-    itemFunction?: CascaderItemFunction;
-    layout?: CascaderItemLayout;
-    leftIcon?: ReactNode;
-    showLeftIcon?: boolean;
-    rightIcon?: ReactNode;
-    showRightIcon?: boolean;
-    badge?: ReactNode;
-    showBadge?: boolean;
-    showFunctionIcon?: boolean;
-    icon?: ReactNode;
-    disabled?: boolean;
-    children?: ReactNode;
-    className?: string;
-    hasChildren?: boolean;
-};
-/** Figma Cascader Menu Item (`345:12487`). */
-declare const CascaderItem: react.ForwardRefExoticComponent<CascaderItemProps & react.RefAttributes<HTMLButtonElement>>;
-type CascaderOptionsMenuProps = {
-    className?: string;
-};
-/** Renders cascade columns from `Cascader` `options` prop. */
-declare function CascaderOptionsMenu({ className }: CascaderOptionsMenuProps): react.JSX.Element;
-type CascaderFieldProps = Omit<CascaderProps, "children"> & Omit<CascaderTriggerProps, "displayValue"> & {
-    contentClassName?: string;
-    menuClassName?: string;
-};
-/** Convenience field — trigger + options-driven menu. */
-declare function CascaderField({ options, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, size, changeOnSelect, className, contentClassName, menuClassName, allRound, leftIcon, rightIcon, placeholder, error, separator, ...triggerProps }: CascaderFieldProps): react.JSX.Element;
-type PopoverProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
-/**
- * Radix Popover closes on `window` blur (e.g. focusing DevTools). Suppress only
- * blur-initiated closes; pointer-down (outside click, trigger toggle) and Escape
- * must still dismiss on the first interaction.
- */
-declare function Popover({ open: openProp, defaultOpen, onOpenChange, modal, ...props }: PopoverProps): react.JSX.Element;
-declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const PopoverAnchor: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>>;
-type PopoverContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
-    /** Render without Portal — use inside nested overlays. */
-    portalled?: boolean;
-    /** Show a caret arrow pointing at the trigger (Figma with-arrow variant). */
-    showArrow?: boolean;
-};
-declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    /** Render without Portal — use inside nested overlays. */
-    portalled?: boolean;
-    /** Show a caret arrow pointing at the trigger (Figma with-arrow variant). */
-    showArrow?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
-/** Default show delay — 300ms per ALD / Radix convention. */
-declare const TOOLTIP_DELAY_DURATION = 300;
-type TooltipProviderProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;
-declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: TooltipProviderProps): react.JSX.Element;
-declare const Tooltip: react.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-type TooltipContentProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
-    /** Show a caret arrow pointing at the trigger (default true). */
-    showArrow?: boolean;
-};
-declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    /** Show a caret arrow pointing at the trigger (default true). */
-    showArrow?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
-/** Figma List item `Type` variant (738:148304, 647:87555) */
-type ListItemType = "action" | "switch" | "select";
-/** Figma List item `left icon setting` variant */
-type ListItemLeading = "shaped" | "default" | "none";
-type ListProps = HTMLAttributes<HTMLDivElement> & {
-    /** Optional section title above the list card */
-    title?: ReactNode;
-};
-/** Figma Structure Navigation → List root */
-declare const List: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    /** Optional section title above the list card */
-    title?: ReactNode;
-} & react.RefAttributes<HTMLDivElement>>;
-type ListTitleProps = HTMLAttributes<HTMLDivElement>;
-/** Figma List title row — Typography text level */
-declare const ListTitle: react.ForwardRefExoticComponent<ListTitleProps & react.RefAttributes<HTMLDivElement>>;
-type ListGroupProps = HTMLAttributes<HTMLDivElement>;
-/** Figma List card container — rounded white surface for items */
-declare const ListGroup: react.ForwardRefExoticComponent<ListGroupProps & react.RefAttributes<HTMLDivElement>>;
-type ListItemGroupProps = {
-    label?: ReactNode;
-    children: ReactNode;
-    className?: string;
-};
-/** Convenience wrapper — titled list section (Figma List title + card) */
-declare function ListItemGroup({ label, children, className }: ListItemGroupProps): react.JSX.Element;
-type ListDividerProps = HTMLAttributes<HTMLSpanElement>;
-/** Vertical divider between trailing actions (Figma `last` separator) */
-declare const ListDivider: react.ForwardRefExoticComponent<ListDividerProps & react.RefAttributes<HTMLSpanElement>>;
-type ListSeparatorProps = HTMLAttributes<HTMLHRElement>;
-/** Horizontal separator between list groups */
-declare const ListSeparator: react.ForwardRefExoticComponent<ListSeparatorProps & react.RefAttributes<HTMLHRElement>>;
-type ListItemProps = ComponentPropsWithoutRef<"div"> & {
-    /** Figma `Type` variant */
-    itemType?: ListItemType;
-    /** Figma `left icon setting` variant */
-    leading?: ListItemLeading;
-    /** Leading icon node — defaults to GeneralSetting */
-    icon?: ReactNode;
-    /** Primary line (Typeface text) */
-    title: ReactNode;
-    /** Secondary line (Typeface caption) */
-    subtitle?: ReactNode;
-    /** Primary trailing button label */
-    actionLabel?: ReactNode;
-    /** Override primary trailing button */
-    action?: ReactNode;
-    /** Secondary icon-only button for `action` type */
-    secondaryAction?: ReactNode;
-    /** Trailing select slot for `select` type */
-    select?: ReactNode;
-    /** Trailing switch props for `switch` type */
-    switchProps?: Omit<SwitchProps, "size">;
-    /** Fully custom trailing region — overrides type presets */
-    trailing?: ReactNode;
-    selected?: boolean;
-    disabled?: boolean;
-    /** Enables hover highlight (auto when `onClick` is set) */
-    interactive?: boolean;
-};
-/** Figma Structure Navigation → List item */
-declare const ListItem: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    /** Figma `Type` variant */
-    itemType?: ListItemType;
-    /** Figma `left icon setting` variant */
-    leading?: ListItemLeading;
-    /** Leading icon node — defaults to GeneralSetting */
-    icon?: ReactNode;
-    /** Primary line (Typeface text) */
-    title: ReactNode;
-    /** Secondary line (Typeface caption) */
-    subtitle?: ReactNode;
-    /** Primary trailing button label */
-    actionLabel?: ReactNode;
-    /** Override primary trailing button */
-    action?: ReactNode;
-    /** Secondary icon-only button for `action` type */
-    secondaryAction?: ReactNode;
-    /** Trailing select slot for `select` type */
-    select?: ReactNode;
-    /** Trailing switch props for `switch` type */
-    switchProps?: Omit<SwitchProps, "size">;
-    /** Fully custom trailing region — overrides type presets */
-    trailing?: ReactNode;
-    selected?: boolean;
-    disabled?: boolean;
-    /** Enables hover highlight (auto when `onClick` is set) */
-    interactive?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
-/** Toggle `html[data-aviala-keyboard-focus]` for keyboard-only focus ring CSS. */
-declare function initKeyboardFocus(): void;
+/** Figma Components → Information Collect → Cascader Input */
+type CascaderSize = "regular" | "big";
+/** Figma Cascader Menu Item `Function` variant */
+type CascaderItemFunction = "simple" | "checkbox" | "form-checkbox" | "radio" | "form-radio" | "search" | "custom";
+/** Figma Cascader Menu Item `Type` variant */
+type CascaderItemLayout = "default" | "title" | "custom";
+type CascaderOption = {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+    children?: CascaderOption[];
+};
+type CascaderProps = {
+    children: ReactNode;
+    options?: CascaderOption[];
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[], selectedOptions: CascaderOption[]) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    size?: CascaderSize;
+    /** Select parent nodes — Figma allows any-level selection (default true). */
+    changeOnSelect?: boolean;
+    className?: string;
+};
+/**
+ * Radix Popover closes on `window` blur (e.g. focusing DevTools). Suppress only
+ * blur-initiated closes; pointer-down (outside click, item select, trigger toggle)
+ * and Escape must still dismiss on the first interaction.
+ */
+declare function Cascader({ children, options, value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, disabled, size, changeOnSelect, className, }: CascaderProps): react.JSX.Element;
+type CascaderTriggerProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger> & {
+    size?: CascaderSize;
+    allRound?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    expandIcon?: ReactNode;
+    placeholder?: string;
+    error?: boolean;
+    /** Override display when using manual composition without `options`. */
+    displayValue?: ReactNode;
+    separator?: string;
+    className?: string;
+};
+declare const CascaderTrigger: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: CascaderSize;
+    allRound?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    expandIcon?: ReactNode;
+    placeholder?: string;
+    error?: boolean;
+    /** Override display when using manual composition without `options`. */
+    displayValue?: ReactNode;
+    separator?: string;
+    className?: string;
+} & react.RefAttributes<HTMLButtonElement>>;
+type CascaderContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
+    portalled?: boolean;
+    className?: string;
+};
+declare const CascaderContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    portalled?: boolean;
+    className?: string;
+} & react.RefAttributes<HTMLDivElement>>;
+type CascaderMenuProps = {
+    children?: ReactNode;
+    className?: string;
+};
+/** Figma Cascader Menu — horizontal column container (`348:13915`). */
+declare const CascaderMenu: react.ForwardRefExoticComponent<CascaderMenuProps & react.RefAttributes<HTMLDivElement>>;
+type CascaderColumnProps = {
+    children: ReactNode;
+    className?: string;
+    /** Slide + fade in when a new cascade column appears (options-driven menus set this automatically). */
+    animateEnter?: boolean;
+    /** Slide + fade out before unmount when a cascade column is removed (options-driven menus set this automatically). */
+    animateExit?: boolean;
+    /** Frozen layout slot for exit overlay columns (keeps flex width stable while animating out). */
+    exitLayout?: {
+        left: number;
+        width: number;
+    };
+};
+/** Figma Cascader Menu Item Group Group — single cascade column (`345:20543`). */
+declare const CascaderColumn: react.ForwardRefExoticComponent<CascaderColumnProps & react.RefAttributes<HTMLDivElement>>;
+type CascaderItemGroupProps = {
+    label?: ReactNode;
+    showDivider?: boolean;
+    children: ReactNode;
+    className?: string;
+};
+/** Figma Cascader Menu Item Group (`345:16552`). */
+declare function CascaderItemGroup({ label, showDivider, children, className, }: CascaderItemGroupProps): react.JSX.Element;
+type CascaderItemProps = {
+    value: string;
+    pathPrefix?: string[];
+    itemFunction?: CascaderItemFunction;
+    layout?: CascaderItemLayout;
+    leftIcon?: ReactNode;
+    showLeftIcon?: boolean;
+    rightIcon?: ReactNode;
+    showRightIcon?: boolean;
+    badge?: ReactNode;
+    showBadge?: boolean;
+    showFunctionIcon?: boolean;
+    icon?: ReactNode;
+    disabled?: boolean;
+    children?: ReactNode;
+    className?: string;
+    hasChildren?: boolean;
+};
+/** Figma Cascader Menu Item (`345:12487`). */
+declare const CascaderItem: react.ForwardRefExoticComponent<CascaderItemProps & react.RefAttributes<HTMLButtonElement>>;
+type CascaderOptionsMenuProps = {
+    className?: string;
+};
+/** Renders cascade columns from `Cascader` `options` prop. */
+declare function CascaderOptionsMenu({ className }: CascaderOptionsMenuProps): react.JSX.Element;
+type CascaderFieldProps = Omit<CascaderProps, "children"> & Omit<CascaderTriggerProps, "displayValue"> & {
+    contentClassName?: string;
+    menuClassName?: string;
+};
+/** Convenience field — trigger + options-driven menu. */
+declare function CascaderField({ options, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, size, changeOnSelect, className, contentClassName, menuClassName, allRound, leftIcon, rightIcon, expandIcon, placeholder, error, separator, ...triggerProps }: CascaderFieldProps): react.JSX.Element;
+/** Calendar helpers — no external date library. */
+type DateRange = {
+    from?: Date;
+    to?: Date;
+};
+declare function formatDisplayDate(date: Date, locale?: string): string;
+declare function formatMonthYear(date: Date, locale?: string): string;
+declare function formatTimeValue(hours: number, minutes: number): string;
+/** Figma Components → Information Collect → DatePicker Input */
+type DatePickerSize = "regular" | "big";
+type DatePickerMode = "single" | "range";
+type DatePickerPanel = "date" | "time";
+type DatePickerTimeValue = {
+    hours: number;
+    minutes: number;
+};
+type DatePickerBaseProps = {
+    children: ReactNode;
+    mode?: DatePickerMode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    size?: DatePickerSize;
+    minDate?: Date;
+    maxDate?: Date;
+    className?: string;
+    /** Figma DatePickerLIstGroup — footer date/time Segmentator */
+    enableTime?: boolean;
+    timeValue?: DatePickerTimeValue;
+    defaultTimeValue?: DatePickerTimeValue;
+    onTimeChange?: (value: DatePickerTimeValue) => void;
+};
+type DatePickerSingleProps = DatePickerBaseProps & {
+    mode?: "single";
+    value?: Date;
+    defaultValue?: Date;
+    onValueChange?: (value: Date | undefined) => void;
+};
+type DatePickerRangeProps = DatePickerBaseProps & {
+    mode: "range";
+    value?: DateRange;
+    defaultValue?: DateRange;
+    onValueChange?: (value: DateRange) => void;
+};
+type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
+/**
+ * Radix Popover closes on `window` blur (e.g. focusing DevTools). Suppress only
+ * blur-initiated closes; pointer-down and Escape must still dismiss on first interaction.
+ */
+declare function DatePicker(props: DatePickerProps): react.JSX.Element;
+type DatePickerTriggerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
+    size?: DatePickerSize;
+    allRound?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    placeholder?: string;
+    rangePlaceholder?: string;
+    error?: boolean;
+    displayValue?: ReactNode;
+    rangeSeparator?: string;
+    className?: string;
+};
+declare const DatePickerTrigger: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
+    size?: DatePickerSize;
+    allRound?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    placeholder?: string;
+    rangePlaceholder?: string;
+    error?: boolean;
+    displayValue?: ReactNode;
+    rangeSeparator?: string;
+    className?: string;
+} & react.RefAttributes<HTMLButtonElement>>;
+type DatePickerContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
+    portalled?: boolean;
+};
+declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    portalled?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+type DatePickerCalendarProps = {
+    className?: string;
+};
+declare function DatePickerCalendar({ className }: DatePickerCalendarProps): react.JSX.Element;
+type DatePickerFieldProps = Omit<DatePickerTriggerProps, "displayValue"> & {
+    contentClassName?: string;
+    calendarClassName?: string;
+    mode?: DatePickerMode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    size?: DatePickerSize;
+    minDate?: Date;
+    maxDate?: Date;
+    className?: string;
+    value?: Date | DateRange;
+    defaultValue?: Date | DateRange;
+    onValueChange?: ((value: Date | undefined) => void) | ((value: DateRange) => void);
+    enableTime?: boolean;
+    timeValue?: DatePickerTimeValue;
+    defaultTimeValue?: DatePickerTimeValue;
+    onTimeChange?: (value: DatePickerTimeValue) => void;
+};
+/** Convenience field — trigger + calendar panel. */
+declare function DatePickerField({ contentClassName, calendarClassName, className, size, mode, allRound, leftIcon, rightIcon, placeholder, rangePlaceholder, error, rangeSeparator, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, minDate, maxDate, enableTime, timeValue, defaultTimeValue, onTimeChange, }: DatePickerFieldProps): react.JSX.Element;
+/** Figma Components → Information Collect → TimePicker */
+type TimePickerSize = "regular" | "big";
+type TimePickerValue = {
+    hours: number;
+    minutes: number;
+};
+type TimePickerProps = {
+    children: ReactNode;
+    value?: TimePickerValue;
+    defaultValue?: TimePickerValue;
+    onValueChange?: (value: TimePickerValue) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    size?: TimePickerSize;
+    className?: string;
+};
+declare function TimePicker({ children, value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, disabled, size, className, }: TimePickerProps): react.JSX.Element;
+type TimePickerTriggerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
+    size?: TimePickerSize;
+    allRound?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    placeholder?: string;
+    error?: boolean;
+    displayValue?: string | null;
+};
+declare const TimePickerTrigger: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
+    size?: TimePickerSize;
+    allRound?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    placeholder?: string;
+    error?: boolean;
+    displayValue?: string | null;
+} & react.RefAttributes<HTMLButtonElement>>;
+type TimePickerContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
+    portalled?: boolean;
+};
+declare const TimePickerContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    portalled?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+type TimePickerPanelProps = {
+    className?: string;
+};
+declare function TimePickerPanel({ className }: TimePickerPanelProps): react.JSX.Element;
+type TimePickerFieldProps = Omit<TimePickerTriggerProps, "displayValue"> & {
+    contentClassName?: string;
+    panelClassName?: string;
+    value?: TimePickerValue;
+    defaultValue?: TimePickerValue;
+    onValueChange?: (value: TimePickerValue) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    size?: TimePickerSize;
+    className?: string;
+};
+/** Convenience field — trigger + time wheel panel. */
+declare function TimePickerField({ contentClassName, panelClassName, className, size, allRound, leftIcon, rightIcon, placeholder, error, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, }: TimePickerFieldProps): react.JSX.Element;
+type TimePickerWheelsValue = {
+    hours: number;
+    minutes: number;
+};
+type TimePickerWheelsProps = {
+    value: TimePickerWheelsValue;
+    onChange: (value: TimePickerWheelsValue) => void;
+    className?: string;
+};
+declare function TimePickerWheels({ value, onChange, className }: TimePickerWheelsProps): react.JSX.Element;
+type PopoverProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
+/**
+ * Radix Popover closes on `window` blur (e.g. focusing DevTools). Suppress only
+ * blur-initiated closes; pointer-down (outside click, trigger toggle) and Escape
+ * must still dismiss on the first interaction.
+ */
+declare function Popover({ open: openProp, defaultOpen, onOpenChange, modal, ...props }: PopoverProps): react.JSX.Element;
+declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>>;
+type PopoverContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
+    /** Render without Portal — use inside nested overlays. */
+    portalled?: boolean;
+    /** Show a caret arrow pointing at the trigger (Figma with-arrow variant). */
+    showArrow?: boolean;
+};
+declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    /** Render without Portal — use inside nested overlays. */
+    portalled?: boolean;
+    /** Show a caret arrow pointing at the trigger (Figma with-arrow variant). */
+    showArrow?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+/** Figma Components → Information Display → Modal (553:58593) */
+type ModalSize = "default" | "large";
+declare const modalContentVariants: (props?: ({
+    size?: "default" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ModalProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
+declare const Modal: react.FC<DialogPrimitive.DialogProps>;
+declare const ModalTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const ModalPortal: react.FC<DialogPrimitive.DialogPortalProps>;
+declare const ModalClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+type ModalOverlayProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
+declare const ModalOverlay: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type ModalContentProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & VariantProps<typeof modalContentVariants> & {
+    /** Render without Portal — use inside nested overlays. */
+    portalled?: boolean;
+    /** Show the default overlay scrim. */
+    showOverlay?: boolean;
+};
+declare const ModalContent: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    size?: "default" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /** Render without Portal — use inside nested overlays. */
+    portalled?: boolean;
+    /** Show the default overlay scrim. */
+    showOverlay?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+type ModalHeaderProps = HTMLAttributes<HTMLDivElement> & {
+    /** Optional leading status icon */
+    icon?: ReactNode;
+    /** Show the leading icon slot */
+    showIcon?: boolean;
+    /** Show the header close control */
+    showClose?: boolean;
+    closeLabel?: string;
+};
+declare const ModalHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** Optional leading status icon */
+    icon?: ReactNode;
+    /** Show the leading icon slot */
+    showIcon?: boolean;
+    /** Show the header close control */
+    showClose?: boolean;
+    closeLabel?: string;
+} & react.RefAttributes<HTMLDivElement>>;
+type ModalTitleProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
+declare const ModalTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
+type ModalDescriptionProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
+declare const ModalDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+/** Convenience wrapper — Figma header Typeface (text + caption). */
+type ModalHeaderTextProps = Omit<ModalHeaderProps, "children"> & {
+    title: ReactNode;
+    description?: ReactNode;
+};
+declare function ModalHeaderText({ title, description, ...props }: ModalHeaderTextProps): react.JSX.Element;
+type ModalBodyProps = HTMLAttributes<HTMLDivElement> & {
+    /** Figma `Content=Text` — title + body copy preset */
+    layout?: "default" | "text";
+    title?: ReactNode;
+    description?: ReactNode;
+};
+declare const ModalBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** Figma `Content=Text` — title + body copy preset */
+    layout?: "default" | "text";
+    title?: ReactNode;
+    description?: ReactNode;
+} & react.RefAttributes<HTMLDivElement>>;
+type ModalFooterProps = HTMLAttributes<HTMLDivElement>;
+declare const ModalFooter: react.ForwardRefExoticComponent<ModalFooterProps & react.RefAttributes<HTMLDivElement>>;
+/** Default show delay — 300ms per ALD / Radix convention. */
+declare const TOOLTIP_DELAY_DURATION = 300;
+type TooltipProviderProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;
+declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: TooltipProviderProps): react.JSX.Element;
+declare const Tooltip: react.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type TooltipContentProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
+    /** Show a caret arrow pointing at the trigger (default true). */
+    showArrow?: boolean;
+};
+declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    /** Show a caret arrow pointing at the trigger (default true). */
+    showArrow?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+/** Figma Components → Response And Feedback → Feedback (553:58620) */
+type FeedbackType = "information" | "warning" | "wrong" | "success" | "normal";
+type FeedbackSize = "default" | "small";
+type FeedbackMode = "default" | "primary";
+declare const feedbackVariants: (props?: ({
+    type?: "warning" | "success" | "normal" | "information" | "wrong" | null | undefined;
+    size?: "default" | "small" | null | undefined;
+    mode?: "default" | "primary" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type FeedbackProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof feedbackVariants> & {
+    /** Primary line — bold on default size */
+    title: ReactNode;
+    /** Secondary caption line — default size only */
+    description?: ReactNode;
+    /** Status icon override */
+    icon?: ReactNode;
+    /** Figma `Show Close Button` */
+    showClose?: boolean;
+    onClose?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    closeLabel?: string;
+    /** Figma `Show Quick Action` — inline link in body row */
+    action?: ReactNode;
+    onAction?: (event: MouseEvent<HTMLAnchorElement>) => void;
+};
+declare const Feedback: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    type?: "warning" | "success" | "normal" | "information" | "wrong" | null | undefined;
+    size?: "default" | "small" | null | undefined;
+    mode?: "default" | "primary" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /** Primary line — bold on default size */
+    title: ReactNode;
+    /** Secondary caption line — default size only */
+    description?: ReactNode;
+    /** Status icon override */
+    icon?: ReactNode;
+    /** Figma `Show Close Button` */
+    showClose?: boolean;
+    onClose?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    closeLabel?: string;
+    /** Figma `Show Quick Action` — inline link in body row */
+    action?: ReactNode;
+    onAction?: (event: MouseEvent<HTMLAnchorElement>) => void;
+} & react.RefAttributes<HTMLDivElement>>;
+/** Figma Components → Response And Feedback → Alert (527:56855) */
+type AlertType = "info" | "warning" | "error" | "success" | "neutral";
+type AlertSize = "default" | "small";
+/** Figma `Style` — bordered light surface vs filled secondary surface */
+type AlertAppearance = "default" | "light";
+declare const alertVariants: (props?: ({
+    type?: "info" | "warning" | "success" | "error" | "neutral" | null | undefined;
+    size?: "default" | "small" | null | undefined;
+    appearance?: "light" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AlertProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants> & {
+    /** Primary line — bold on default size */
+    title: ReactNode;
+    /** Secondary caption line — default size only */
+    description?: ReactNode;
+    /** Status icon override */
+    icon?: ReactNode;
+    /** Show the leading status icon */
+    showIcon?: boolean;
+    /** Figma `Show Close Button` */
+    dismissible?: boolean;
+    onDismiss?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    closeLabel?: string;
+    /** Figma `Show Quick Action` — inline link in body row */
+    quickAction?: ReactNode;
+    onQuickAction?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    /** Figma footer primary action */
+    action?: ReactNode;
+    onAction?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    /** Figma footer secondary action */
+    secondaryAction?: ReactNode;
+    onSecondaryAction?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    /** Figma `Show Action` — footer action row */
+    showActions?: boolean;
+};
+declare const Alert: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    type?: "info" | "warning" | "success" | "error" | "neutral" | null | undefined;
+    size?: "default" | "small" | null | undefined;
+    appearance?: "light" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /** Primary line — bold on default size */
+    title: ReactNode;
+    /** Secondary caption line — default size only */
+    description?: ReactNode;
+    /** Status icon override */
+    icon?: ReactNode;
+    /** Show the leading status icon */
+    showIcon?: boolean;
+    /** Figma `Show Close Button` */
+    dismissible?: boolean;
+    onDismiss?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    closeLabel?: string;
+    /** Figma `Show Quick Action` — inline link in body row */
+    quickAction?: ReactNode;
+    onQuickAction?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    /** Figma footer primary action */
+    action?: ReactNode;
+    onAction?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    /** Figma footer secondary action */
+    secondaryAction?: ReactNode;
+    onSecondaryAction?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    /** Figma `Show Action` — footer action row */
+    showActions?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+/** Figma List item `Type` variant (738:148304, 647:87555) */
+type ListItemType = "action" | "switch" | "select";
+/** Figma List item `left icon setting` variant */
+type ListItemLeading = "shaped" | "default" | "none";
+type ListProps = HTMLAttributes<HTMLDivElement> & {
+    /** Optional section title above the list card */
+    title?: ReactNode;
+};
+/** Figma Structure Navigation → List root */
+declare const List: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** Optional section title above the list card */
+    title?: ReactNode;
+} & react.RefAttributes<HTMLDivElement>>;
+type ListTitleProps = HTMLAttributes<HTMLDivElement>;
+/** Figma List title row — Typography text level */
+declare const ListTitle: react.ForwardRefExoticComponent<ListTitleProps & react.RefAttributes<HTMLDivElement>>;
+type ListGroupProps = HTMLAttributes<HTMLDivElement>;
+/** Figma List card container — rounded white surface for items */
+declare const ListGroup: react.ForwardRefExoticComponent<ListGroupProps & react.RefAttributes<HTMLDivElement>>;
+type ListItemGroupProps = {
+    label?: ReactNode;
+    children: ReactNode;
+    className?: string;
+};
+/** Convenience wrapper — titled list section (Figma List title + card) */
+declare function ListItemGroup({ label, children, className }: ListItemGroupProps): react.JSX.Element;
+type ListDividerProps = HTMLAttributes<HTMLSpanElement>;
+/** Vertical divider between trailing actions (Figma `last` separator) */
+declare const ListDivider: react.ForwardRefExoticComponent<ListDividerProps & react.RefAttributes<HTMLSpanElement>>;
+type ListSeparatorProps = HTMLAttributes<HTMLHRElement>;
+/** Horizontal separator between list groups */
+declare const ListSeparator: react.ForwardRefExoticComponent<ListSeparatorProps & react.RefAttributes<HTMLHRElement>>;
+type ListItemProps = ComponentPropsWithoutRef<"div"> & {
+    /** Figma `Type` variant */
+    itemType?: ListItemType;
+    /** Figma `left icon setting` variant */
+    leading?: ListItemLeading;
+    /** Leading icon node — defaults to GeneralSetting */
+    icon?: ReactNode;
+    /** Primary line (Typeface text) */
+    title: ReactNode;
+    /** Secondary line (Typeface caption) */
+    subtitle?: ReactNode;
+    /** Primary trailing button label */
+    actionLabel?: ReactNode;
+    /** Override primary trailing button */
+    action?: ReactNode;
+    /** Secondary icon-only button for `action` type */
+    secondaryAction?: ReactNode;
+    /** Trailing select slot for `select` type */
+    select?: ReactNode;
+    /** Trailing switch props for `switch` type */
+    switchProps?: Omit<SwitchProps, "size">;
+    /** Fully custom trailing region — overrides type presets */
+    trailing?: ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+    /** Enables hover highlight (auto when `onClick` is set) */
+    interactive?: boolean;
+};
+/** Figma Structure Navigation → List item */
+declare const ListItem: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** Figma `Type` variant */
+    itemType?: ListItemType;
+    /** Figma `left icon setting` variant */
+    leading?: ListItemLeading;
+    /** Leading icon node — defaults to GeneralSetting */
+    icon?: ReactNode;
+    /** Primary line (Typeface text) */
+    title: ReactNode;
+    /** Secondary line (Typeface caption) */
+    subtitle?: ReactNode;
+    /** Primary trailing button label */
+    actionLabel?: ReactNode;
+    /** Override primary trailing button */
+    action?: ReactNode;
+    /** Secondary icon-only button for `action` type */
+    secondaryAction?: ReactNode;
+    /** Trailing select slot for `select` type */
+    select?: ReactNode;
+    /** Trailing switch props for `switch` type */
+    switchProps?: Omit<SwitchProps, "size">;
+    /** Fully custom trailing region — overrides type presets */
+    trailing?: ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+    /** Enables hover highlight (auto when `onClick` is set) */
+    interactive?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+/** Figma Navigation `Background` variant (624:61777) */
+type NavigationBackground = "none" | "default";
+/** Figma Navigation `direction` variant */
+type NavigationDirection = "horizontal" | "vertical";
+/** Figma Structure Navigation → Navigation root (624:92194) */
+type NavigationProps = HTMLAttributes<HTMLElement> & {
+    as?: "nav" | "div";
+    background?: NavigationBackground;
+    direction?: NavigationDirection;
+    /** Figma `Dividing line` variant */
+    dividingLine?: boolean;
+};
+declare const Navigation: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+    as?: "nav" | "div";
+    background?: NavigationBackground;
+    direction?: NavigationDirection;
+    /** Figma `Dividing line` variant */
+    dividingLine?: boolean;
+} & react.RefAttributes<HTMLElement>>;
+type NavigationBrandProps = HTMLAttributes<HTMLDivElement>;
+/** Figma Navigation Items `Content=Brand` (624:119379) */
+declare const NavigationBrand: react.ForwardRefExoticComponent<NavigationBrandProps & react.RefAttributes<HTMLDivElement>>;
+type NavigationBrandTitleProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & {
+    asChild?: boolean;
+    children: ReactNode;
+};
+declare const NavigationBrandTitle: react.ForwardRefExoticComponent<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & {
+    asChild?: boolean;
+    children: ReactNode;
+} & react.RefAttributes<HTMLAnchorElement>>;
+type NavigationSectionProps = HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+};
+/** Section label — docs grouping above tab items */
+declare const NavigationSection: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+} & react.RefAttributes<HTMLDivElement>>;
+type NavigationGroupProps = HTMLAttributes<HTMLDivElement>;
+/** Figma Navigation Tab Items Group (1651:20222) */
+declare const NavigationGroup: react.ForwardRefExoticComponent<NavigationGroupProps & react.RefAttributes<HTMLDivElement>>;
+type NavigationItemGroupProps = HTMLAttributes<HTMLDivElement> & {
+    /** When set, animates expand/collapse. Omit for always-visible groups. */
+    expanded?: boolean;
+};
+/** Figma Navigation Vertical Tab Child Items Group (643:127007) */
+declare const NavigationItemGroup: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** When set, animates expand/collapse. Omit for always-visible groups. */
+    expanded?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+/** Figma Navigation Items `Type` variant */
+type NavigationItemType = "default" | "child";
+type NavigationItemProps = ComponentPropsWithoutRef<"a"> & {
+    /** Figma `Starting=Active` — also inferred from `aria-current="page"` */
+    active?: boolean;
+    itemType?: NavigationItemType;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    asChild?: boolean;
+    children: ReactNode;
+};
+/** Figma Navigation Items `Content=Tab Item` (624:119382, 624:119385, 643:118728) */
+declare const NavigationItem: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    /** Figma `Starting=Active` — also inferred from `aria-current="page"` */
+    active?: boolean;
+    itemType?: NavigationItemType;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    asChild?: boolean;
+    children: ReactNode;
+} & react.RefAttributes<HTMLAnchorElement>>;
+type NavigationActionsProps = HTMLAttributes<HTMLDivElement>;
+/** Figma Navigation Items `Content=Aciton Group` (624:119388) */
+declare const NavigationActions: react.ForwardRefExoticComponent<NavigationActionsProps & react.RefAttributes<HTMLDivElement>>;
+type NavigationActionsSlotProps = HTMLAttributes<HTMLDivElement>;
+declare const NavigationActionsSlot: react.ForwardRefExoticComponent<NavigationActionsSlotProps & react.RefAttributes<HTMLDivElement>>;
+type NavigationItemMenuProps = {
+    /** Selected child value — similar to Select `value`. */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: ReactNode;
+};
+declare function NavigationItemMenu({ value: valueProp, defaultValue, onValueChange, open: openProp, onOpenChange, children, }: NavigationItemMenuProps): react.JSX.Element;
+type NavigationItemMenuTriggerProps = Omit<ComponentPropsWithoutRef<"button">, "children"> & {
+    /** Defaults to highlighted when the menu has a selected child. */
+    active?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    children: ReactNode;
+};
+/** Parent item — renders as a Navigation tab item and anchors the flyout. */
+declare const NavigationItemMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & {
+    /** Defaults to highlighted when the menu has a selected child. */
+    active?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    children: ReactNode;
+} & react.RefAttributes<HTMLButtonElement>>;
+type NavigationItemMenuContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;
+/** Flyout surface — right of the item in vertical, below it in horizontal. */
+declare const NavigationItemMenuContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type NavigationItemMenuItemProps = Omit<ComponentPropsWithoutRef<"button">, "children" | "value"> & {
+    value: string;
+    /** Defaults to highlighted when it matches the menu value. */
+    selected?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    children: ReactNode;
+};
+/** Child option — highlighted when selected, no check icon by default. */
+declare const NavigationItemMenuItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "value"> & {
+    value: string;
+    /** Defaults to highlighted when it matches the menu value. */
+    selected?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    children: ReactNode;
+} & react.RefAttributes<HTMLButtonElement>>;
+/** Figma Components → Information Collect → Slider (384:21585) */
+type SliderSize = "default" | "big";
+type SliderType = "default" | "range";
+declare const sliderVariants: (props?: ({
+    size?: "default" | "big" | null | undefined;
+    type?: "default" | "range" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SliderProps = Omit<ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, "orientation"> & VariantProps<typeof sliderVariants> & {
+    /** Figma `Type` — single thumb vs range (two thumbs) */
+    type?: SliderType;
+};
+declare const Slider: react.ForwardRefExoticComponent<Omit<Omit<SliderPrimitive.SliderProps & react.RefAttributes<HTMLSpanElement>, "ref">, "orientation"> & VariantProps<(props?: ({
+    size?: "default" | "big" | null | undefined;
+    type?: "default" | "range" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /** Figma `Type` — single thumb vs range (two thumbs) */
+    type?: SliderType;
+} & react.RefAttributes<HTMLSpanElement>>;
+/** Figma Components → Information Collect → Upload (527:56239) */
+type UploadStyle = "default" | "large";
+declare const uploadVariants: (props?: ({
+    style?: "default" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type UploadProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "style"> & VariantProps<typeof uploadVariants> & {
+    /** Primary line — Large style */
+    title?: ReactNode;
+    /** Secondary line — Large style */
+    description?: ReactNode;
+    /** Default style button label */
+    label?: ReactNode;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    /** Enable drag-and-drop (Large style defaults to true) */
+    dragAndDrop?: boolean;
+    onChange?: (files: FileList | null) => void;
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "accept" | "multiple" | "disabled" | "onChange">;
+};
+declare const Upload: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "style" | "onChange"> & VariantProps<(props?: ({
+    style?: "default" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /** Primary line — Large style */
+    title?: ReactNode;
+    /** Secondary line — Large style */
+    description?: ReactNode;
+    /** Default style button label */
+    label?: ReactNode;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    /** Enable drag-and-drop (Large style defaults to true) */
+    dragAndDrop?: boolean;
+    onChange?: (files: FileList | null) => void;
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "accept" | "multiple" | "disabled" | "onChange">;
+} & react.RefAttributes<HTMLDivElement>>;
+type ScrollPickerProps = HTMLAttributes<HTMLDivElement>;
+declare function ScrollPicker({ className, children, ...props }: ScrollPickerProps): react.JSX.Element;
+type ScrollPickerColumnProps<T = string> = {
+    className?: string;
+    values: readonly T[];
+    value: T;
+    onChange: (value: T) => void;
+    "aria-label": string;
+    loop?: boolean;
+    formatValue?: (value: T) => ReactNode;
+    getValueKey?: (value: T, index: number) => string;
+};
+declare function ScrollPickerColumn<T = string>({ className, values, value, onChange, "aria-label": ariaLabel, loop, formatValue, getValueKey, }: ScrollPickerColumnProps<T>): react.JSX.Element;
+type ScrollPickerItemProps = {
+    id?: string;
+    selected?: boolean;
+    children?: ReactNode;
+    className?: string;
+    onSelect?: () => void;
+};
+declare function ScrollPickerItem({ id, selected, children, className, onSelect, }: ScrollPickerItemProps): react.JSX.Element;
+/** Figma Components → Structure Navigation → Breadcrumb (622:7883) */
+type BreadcrumbSize = "default" | "small";
+declare const breadcrumbVariants: (props?: ({
+    size?: "default" | "small" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BreadcrumbProps = HTMLAttributes<HTMLElement> & VariantProps<typeof breadcrumbVariants>;
+declare const Breadcrumb: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
+    size?: "default" | "small" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLElement>>;
+type BreadcrumbItemProps = ComponentPropsWithoutRef<"li"> & {
+    href?: string;
+    current?: boolean;
+    icon?: ReactNode;
+    onClick?: () => void;
+};
+declare const BreadcrumbItem: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    href?: string;
+    current?: boolean;
+    icon?: ReactNode;
+    onClick?: () => void;
+} & react.RefAttributes<HTMLLIElement>>;
+type BreadcrumbSeparatorProps = HTMLAttributes<HTMLLIElement> & {
+    children?: ReactNode;
+};
+declare const BreadcrumbSeparator: react.ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & {
+    children?: ReactNode;
+} & react.RefAttributes<HTMLLIElement>>;
+type BreadcrumbEllipsisItemProps = Omit<ComponentPropsWithoutRef<"a">, "type"> & {
+    href?: string;
+    onClick?: () => void;
+    /** Figma Select Menu Item trailing chevron — default true */
+    showChevron?: boolean;
+};
+/** Figma Select Menu Item inside Storage item button activated=ON */
+declare const BreadcrumbEllipsisItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "type"> & {
+    href?: string;
+    onClick?: () => void;
+    /** Figma Select Menu Item trailing chevron — default true */
+    showChevron?: boolean;
+} & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+type BreadcrumbEllipsisProps = Omit<ComponentPropsWithoutRef<"button">, "type"> & {
+    className?: string;
+    /**
+     * Figma `activated` on Storage item button.
+     * OFF = muted ellipsis; ON = full opacity + open Select Menu (when `menu` is set).
+     */
+    activated?: boolean;
+    defaultActivated?: boolean;
+    onActivatedChange?: (activated: boolean) => void;
+    /** Collapsed middle-path items shown in the Select Menu when activated */
+    menu?: ReactNode;
+};
+/** Figma `Storage item button` — collapsed middle path */
+declare const BreadcrumbEllipsis: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "type"> & {
+    className?: string;
+    /**
+     * Figma `activated` on Storage item button.
+     * OFF = muted ellipsis; ON = full opacity + open Select Menu (when `menu` is set).
+     */
+    activated?: boolean;
+    defaultActivated?: boolean;
+    onActivatedChange?: (activated: boolean) => void;
+    /** Collapsed middle-path items shown in the Select Menu when activated */
+    menu?: ReactNode;
+} & react.RefAttributes<HTMLLIElement>>;
+/** Figma Components → Structure Navigation → Pagehead (643:172156) */
+type PageheadProps = HTMLAttributes<HTMLElement> & {
+    /** Optional leading control (typically back button) */
+    back?: ReactNode;
+    /** Optional breadcrumb above the title */
+    breadcrumb?: ReactNode;
+    /** Primary title line */
+    title?: ReactNode;
+    /** Secondary caption under title */
+    description?: ReactNode;
+    /** Trailing actions slot */
+    actions?: ReactNode;
+};
+declare const Pagehead: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+    /** Optional leading control (typically back button) */
+    back?: ReactNode;
+    /** Optional breadcrumb above the title */
+    breadcrumb?: ReactNode;
+    /** Primary title line */
+    title?: ReactNode;
+    /** Secondary caption under title */
+    description?: ReactNode;
+    /** Trailing actions slot */
+    actions?: ReactNode;
+} & react.RefAttributes<HTMLElement>>;
+/** Figma Components → Structure Navigation → Steps (791:143425) */
+type StepsDirection = "horizontal" | "vertical";
+type StepsState = "done" | "fail" | "warning" | "waiting" | "inProgress" | "default";
+declare const stepsVariants: (props?: ({
+    direction?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StepsProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof stepsVariants>;
+declare const Steps: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    direction?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLDivElement>>;
+type StepsIconProps = HTMLAttributes<HTMLSpanElement> & {
+    state?: StepsState;
+    /** Step number shown for default / inProgress / waiting */
+    index?: number;
+    children?: ReactNode;
+};
+declare const StepsIcon: react.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
+    state?: StepsState;
+    /** Step number shown for default / inProgress / waiting */
+    index?: number;
+    children?: ReactNode;
+} & react.RefAttributes<HTMLSpanElement>>;
+type StepsItemProps = HTMLAttributes<HTMLDivElement> & {
+    state?: StepsState;
+    title?: ReactNode;
+    description?: ReactNode;
+    index?: number;
+    icon?: ReactNode;
+};
+declare const StepsItem: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    state?: StepsState;
+    title?: ReactNode;
+    description?: ReactNode;
+    index?: number;
+    icon?: ReactNode;
+} & react.RefAttributes<HTMLDivElement>>;
+type PaginationProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    page?: number;
+    defaultPage?: number;
+    pageCount: number;
+    onPageChange?: (page: number) => void;
+    showJump?: boolean;
+    showSizeChanger?: boolean;
+    pageSize?: number;
+    defaultPageSize?: number;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (pageSize: number) => void;
+    jumpLabel?: ReactNode;
+    sizeLabel?: ReactNode;
+    sizeOptionLabel?: (size: number) => ReactNode;
+};
+declare const Pagination: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    page?: number;
+    defaultPage?: number;
+    pageCount: number;
+    onPageChange?: (page: number) => void;
+    showJump?: boolean;
+    showSizeChanger?: boolean;
+    pageSize?: number;
+    defaultPageSize?: number;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (pageSize: number) => void;
+    jumpLabel?: ReactNode;
+    sizeLabel?: ReactNode;
+    sizeOptionLabel?: (size: number) => ReactNode;
+} & react.RefAttributes<HTMLDivElement>>;
+/** Figma Components → Structure Navigation → Card (738:145715) */
+type CardSlotType = "action" | "switch" | "select";
+type CardProps = HTMLAttributes<HTMLDivElement>;
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+type CardHeadProps = ComponentPropsWithoutRef<"div"> & {
+    slotType?: CardSlotType;
+    icon?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    actionLabel?: ReactNode;
+    action?: ReactNode;
+    secondaryAction?: ReactNode;
+    select?: ReactNode;
+    switchProps?: Omit<SwitchProps, "size">;
+    trailing?: ReactNode;
+};
+declare const CardHead: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    slotType?: CardSlotType;
+    icon?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    actionLabel?: ReactNode;
+    action?: ReactNode;
+    secondaryAction?: ReactNode;
+    select?: ReactNode;
+    switchProps?: Omit<SwitchProps, "size">;
+    trailing?: ReactNode;
+} & react.RefAttributes<HTMLDivElement>>;
+type CardBodyProps = HTMLAttributes<HTMLDivElement>;
+declare const CardBody: react.ForwardRefExoticComponent<CardBodyProps & react.RefAttributes<HTMLDivElement>>;
+type CardBottomProps = ComponentPropsWithoutRef<"div"> & {
+    slotType?: CardSlotType;
+    actionLabel?: ReactNode;
+    action?: ReactNode;
+    secondaryAction?: ReactNode;
+    select?: ReactNode;
+    switchProps?: Omit<SwitchProps, "size">;
+    trailing?: ReactNode;
+};
+declare const CardBottom: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    slotType?: CardSlotType;
+    actionLabel?: ReactNode;
+    action?: ReactNode;
+    secondaryAction?: ReactNode;
+    select?: ReactNode;
+    switchProps?: Omit<SwitchProps, "size">;
+    trailing?: ReactNode;
+} & react.RefAttributes<HTMLDivElement>>;
+/** Figma Components → Information Display → Table (1457:1475) */
+type TableCellContent = "text" | "icon+text" | "people" | "badge" | "switch" | "action" | "checkbox";
+type TableProps = HTMLAttributes<HTMLDivElement>;
+declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLDivElement>>;
+type TableRowProps = HTMLAttributes<HTMLDivElement> & {
+    header?: boolean;
+};
+declare const TableRow: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    header?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+type TableHeadProps = ComponentPropsWithoutRef<"div"> & {
+    content?: Extract<TableCellContent, "text" | "checkbox">;
+};
+declare const TableHead: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    content?: Extract<TableCellContent, "text" | "checkbox">;
+} & react.RefAttributes<HTMLDivElement>>;
+type TableCellProps = ComponentPropsWithoutRef<"div"> & {
+    content?: TableCellContent;
+    icon?: ReactNode;
+    text?: ReactNode;
+    people?: ReactNode;
+    badge?: ReactNode;
+    badgeLabel?: ReactNode;
+    switchProps?: SwitchProps;
+    actions?: ReactNode;
+    checkboxProps?: ComponentPropsWithoutRef<typeof Checkbox>;
+};
+declare const TableCell: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    content?: TableCellContent;
+    icon?: ReactNode;
+    text?: ReactNode;
+    people?: ReactNode;
+    badge?: ReactNode;
+    badgeLabel?: ReactNode;
+    switchProps?: SwitchProps;
+    actions?: ReactNode;
+    checkboxProps?: ComponentPropsWithoutRef<typeof Checkbox>;
+} & react.RefAttributes<HTMLDivElement>>;
 declare function cn(...inputs: ClassValue[]): string;
-export { Badge, type BadgeProps, Button, type ButtonMode, type ButtonProps, type ButtonSize, Cascader, CascaderColumn, type CascaderColumnProps, CascaderContent, type CascaderContentProps, CascaderField, type CascaderFieldProps, CascaderItem, type CascaderItemFunction, CascaderItemGroup, type CascaderItemGroupProps, type CascaderItemLayout, type CascaderItemProps, CascaderMenu, type CascaderMenuProps, type CascaderOption, CascaderOptionsMenu, type CascaderOptionsMenuProps, type CascaderProps, type CascaderSize, CascaderTrigger, type CascaderTriggerProps, Checkbox, CheckboxGroup, type CheckboxGroupDirection, type CheckboxGroupProps, CheckboxInput, type CheckboxInputProps, type CheckboxProps, type ColorFormat, ColorPickButton, type ColorPickButtonProps, ColorPicker, ColorPickerArea, type ColorPickerAreaProps, ColorPickerContent, type ColorPickerContentProps, ColorPickerInputs, type ColorPickerInputsProps, ColorPickerPanel, type ColorPickerPanelProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSlider, type ColorPickerSliderProps, ColorPickerTrigger, type ColorPickerTriggerProps, DEFAULT_COLOR, Fieldset, FormField, type FormFieldProps, type HSVA, Input, InputGroup, InputGroupAddon, type InputGroupProps, type InputProps, type InputSize, Label, Link, type LinkLevel, type LinkMode, type LinkProps, List, ListDivider, type ListDividerProps, ListGroup, type ListGroupProps, ListItem, ListItemGroup, type ListItemGroupProps, type ListItemLeading, type ListItemProps, type ListItemType, type ListProps, ListSeparator, type ListSeparatorProps, ListTitle, type ListTitleProps, Loading, type LoadingButtonSize, type LoadingLevel, type LoadingMode, type LoadingProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, RadioGroup, type RadioGroupDirection, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioInput, type RadioInputProps, type RadioInputVariant, SegmentatorGroup, type SegmentatorGroupProps, SegmentatorItem, type SegmentatorItemProps, type SegmentatorMode, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemFunction, SelectItemGroup, type SelectItemGroupProps, type SelectItemLayout, SelectItemPeople, type SelectItemPeopleProps, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectSubItem, SelectSubItemPeople, type SelectSubItemPeopleProps, type SelectSubItemProps, SelectSubMenu, type SelectSubMenuProps, SelectTrigger, type SelectTriggerProps, SelectValue, Stack, type StackProps, Switch, type SwitchProps, type SwitchSize, TOOLTIP_DELAY_DURATION, Textarea, type TextareaProps, type TextareaSize, ThemeProvider, type ThemeProviderProps, ThemeScript, initKeyboardFocus, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, Typeface, type TypefaceContent, TypefacePair, type TypefacePairProps, type TypefaceProps, Typography, type TypographyContent, type TypographyLevel, type TypographyProps, type TypographyTone, type UseColorPickerStateOptions, buttonVariants, cn, inputRootVariants, loadingLevelForButtonSize, typographyVariants, useColorPickerState, useTheme };
+/**
+ * @deprecated Focus rings now use native `:focus-visible` via `.aviala-focus-ring`
+ * in `@aviala-design/tokens/focus-effects.css` (also bundled in `styles.css`).
+ * This function is a no-op kept for backward compatibility.
+ */
+declare function initKeyboardFocus(): void;
+export { Alert, type AlertAppearance, type AlertProps, type AlertSize, type AlertType, Anchor, type AnchorIndentLevel, AnchorItem, type AnchorItemProps, type AnchorProps, Avatar, type AvatarContent, type AvatarLevel, type AvatarProps, Badge, type BadgeLevel, type BadgeLineHeightFix, type BadgeProps, type BadgeStyle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisItem, type BreadcrumbEllipsisItemProps, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbSize, Button, type ButtonMode, type ButtonProps, type ButtonSize, Card, CardBody, type CardBodyProps, CardBottom, type CardBottomProps, CardHead, type CardHeadProps, type CardProps, type CardSlotType, Cascader, CascaderColumn, type CascaderColumnProps, CascaderContent, type CascaderContentProps, CascaderField, type CascaderFieldProps, CascaderItem, type CascaderItemFunction, CascaderItemGroup, type CascaderItemGroupProps, type CascaderItemLayout, type CascaderItemProps, CascaderMenu, type CascaderMenuProps, type CascaderOption, CascaderOptionsMenu, type CascaderOptionsMenuProps, type CascaderProps, type CascaderSize, CascaderTrigger, type CascaderTriggerProps, Checkbox, CheckboxGroup, type CheckboxGroupDirection, type CheckboxGroupProps, CheckboxInput, type CheckboxInputProps, type CheckboxProps, type ColorFormat, ColorPickButton, type ColorPickButtonProps, ColorPicker, ColorPickerArea, type ColorPickerAreaProps, ColorPickerContent, type ColorPickerContentProps, ColorPickerInputs, type ColorPickerInputsProps, ColorPickerPanel, type ColorPickerPanelProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSlider, type ColorPickerSliderProps, ColorPickerTrigger, type ColorPickerTriggerProps, DEFAULT_COLOR, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerContent, type DatePickerContentProps, DatePickerField, type DatePickerFieldProps, type DatePickerMode, type DatePickerPanel, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSize, type DatePickerTimeValue, DatePickerTrigger, type DatePickerTriggerProps, type DateRange, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, FormField, type FormFieldProps, type HSVA, Input, InputGroup, InputGroupAddon, type InputGroupProps, type InputProps, type InputSize, Label, Link, type LinkLevel, type LinkMode, type LinkProps, List, ListDivider, type ListDividerProps, ListGroup, type ListGroupProps, ListItem, ListItemGroup, type ListItemGroupProps, type ListItemLeading, type ListItemProps, type ListItemType, type ListProps, ListSeparator, type ListSeparatorProps, ListTitle, type ListTitleProps, Loading, type LoadingButtonSize, type LoadingLevel, type LoadingMode, type LoadingProps, Modal, ModalBody, type ModalBodyProps, ModalClose, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHeaderText, type ModalHeaderTextProps, ModalOverlay, type ModalOverlayProps, ModalPortal, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, ModalTrigger, Navigation, NavigationActions, type NavigationActionsProps, NavigationActionsSlot, type NavigationActionsSlotProps, type NavigationBackground, NavigationBrand, type NavigationBrandProps, NavigationBrandTitle, type NavigationBrandTitleProps, type NavigationDirection, NavigationGroup, type NavigationGroupProps, NavigationItem, NavigationItemGroup, type NavigationItemGroupProps, NavigationItemMenu, NavigationItemMenuContent, type NavigationItemMenuContentProps, NavigationItemMenuItem, type NavigationItemMenuItemProps, type NavigationItemMenuProps, NavigationItemMenuTrigger, type NavigationItemMenuTriggerProps, type NavigationItemProps, type NavigationItemType, type NavigationProps, NavigationSection, type NavigationSectionProps, Pagehead, type PageheadProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, RadioGroup, type RadioGroupDirection, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioInput, type RadioInputProps, type RadioInputVariant, Scroll, type ScrollOrientation, ScrollPicker, ScrollPickerColumn, type ScrollPickerColumnProps, ScrollPickerItem, type ScrollPickerItemProps, type ScrollPickerProps, type ScrollProps, type ScrollSize, SegmentatorGroup, type SegmentatorGroupProps, SegmentatorItem, type SegmentatorItemProps, type SegmentatorMode, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemFunction, SelectItemGroup, type SelectItemGroupProps, type SelectItemLayout, SelectItemPeople, type SelectItemPeopleProps, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectSubItem, SelectSubItemPeople, type SelectSubItemPeopleProps, type SelectSubItemProps, SelectSubMenu, type SelectSubMenuProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, type SliderSize, type SliderType, Stack, type StackProps, Steps, type StepsDirection, StepsIcon, type StepsIconProps, StepsItem, type StepsItemProps, type StepsProps, type StepsState, Switch, type SwitchProps, type SwitchSize, TOOLTIP_DELAY_DURATION, Table, TableCell, type TableCellContent, type TableCellProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tag, TagClose, type TagCloseProps, type TagContent, type TagLevel, type TagLineHeightFix, type TagProps, Textarea, type TextareaProps, type TextareaSize, ThemeProvider, type ThemeProviderProps, ThemeScript, TimePicker, TimePickerContent, type TimePickerContentProps, TimePickerField, type TimePickerFieldProps, TimePickerPanel, type TimePickerPanelProps, type TimePickerProps, type TimePickerSize, TimePickerTrigger, type TimePickerTriggerProps, type TimePickerValue, TimePickerWheels, type TimePickerWheelsValue, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, Typeface, type TypefaceContent, TypefacePair, type TypefacePairProps, type TypefaceProps, Typography, type TypographyContent, type TypographyLevel, type TypographyProps, type TypographyTone, Upload, type UploadProps, type UploadStyle, type UseColorPickerStateOptions, alertVariants, buttonVariants, cn, formatDisplayDate, formatMonthYear, formatTimeValue, initKeyboardFocus, inputRootVariants, loadingLevelForButtonSize, modalContentVariants, typographyVariants, useColorPickerState, useTheme, useThemeLayoutKey };