@refineui/react 0.0.3 → 0.0.5

package/dist/index.d.cts

@@ -1,8 +1,10 @@
+import * as _refineui_tokens from '@refineui/tokens';
 import { SemanticColorName, SemanticTextName, SpacingTokens, BorderRadiusTokens, StrokeWidthTokens, FoundationSizeName } from '@refineui/tokens';
 export { FoundationTypographyName, SEMANTIC_TEXT, SemanticTextName, componentSizeFoundationKeys, componentSizes, foundationSizes } from '@refineui/tokens';
 import { SemanticTextTokenRef } from '@refineui/utilities';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, HTMLAttributes, ElementType, TextareaHTMLAttributes, ImgHTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, AnchorHTMLAttributes, LabelHTMLAttributes, SVGAttributes } from 'react';
+export { Slot, SlotProps } from '@refineui/utilities/react';
 
 /**
  * Component Color Tokens (Web Kit language layer)
@@ -402,6 +404,7 @@ declare const componentColorTokens: {
     };
     readonly tooltip: {
         readonly default: {
+            /** Menu / Select floating panel semantic */
             readonly background: Readonly<{
                 type: "semantic";
                 name: SemanticColorName;
@@ -410,10 +413,15 @@ declare const componentColorTokens: {
                 type: "semantic";
                 name: SemanticColorName;
             }>;
+            readonly border: Readonly<{
+                type: "semantic";
+                name: SemanticColorName;
+            }>;
         };
     };
     readonly popover: {
         readonly default: {
+            /** Menu / Select floating panel semantic */
             readonly background: Readonly<{
                 type: "semantic";
                 name: SemanticColorName;
@@ -879,12 +887,12 @@ declare const componentColorTokens: {
         };
         readonly warning: {
             readonly background: Readonly<{
-                type: "palette";
-                name: string;
+                type: "semantic";
+                name: SemanticColorName;
             }>;
             readonly foreground: Readonly<{
-                type: "palette";
-                name: string;
+                type: "semantic";
+                name: SemanticColorName;
             }>;
         };
         readonly danger: {
@@ -1208,6 +1216,7 @@ declare const componentColorTokens: {
         };
     };
     readonly toast: {
+        /** Menu / Select panel semantic — solid, not frosted */
         readonly background: Readonly<{
             type: "semantic";
             name: SemanticColorName;
@@ -1216,6 +1225,10 @@ declare const componentColorTokens: {
             type: "semantic";
             name: SemanticColorName;
         }>;
+        readonly border: Readonly<{
+            type: "semantic";
+            name: SemanticColorName;
+        }>;
         readonly accent: {
             readonly default: Readonly<{
                 type: "semantic";
@@ -1388,6 +1401,7 @@ declare const componentColorTokens: {
     };
     readonly menu: {
         readonly panel: {
+            /** Matches Menu.style panel classes */
             readonly background: Readonly<{
                 type: "semantic";
                 name: SemanticColorName;
@@ -1680,12 +1694,12 @@ declare const componentColorTokens: {
             name: SemanticColorName;
         }>;
         readonly label: Readonly<{
-            type: "palette";
-            name: string;
+            type: "semantic";
+            name: SemanticColorName;
         }>;
         readonly icon: Readonly<{
-            type: "palette";
-            name: string;
+            type: "semantic";
+            name: SemanticColorName;
         }>;
     };
     readonly avatar: {
@@ -2424,242 +2438,3682 @@ declare const componentTypographyTokens: {
     };
 };
 
-/** Resolve a semantic text role → `refineui-typo-*` utility class. */
-declare function semanticTextClass(name: SemanticTextName): string;
-/** Resolve a component typography token ref → utility class. */
-declare function componentTextClass(ref: SemanticTextTokenRef<SemanticTextName>): string;
-/** Size-keyed component token map → utility class (`formControl`, `label`, …). */
-declare function sizedComponentTextClass<TSize extends string>(map: Record<TSize, SemanticTextTokenRef<SemanticTextName>>, size: TSize): string;
-
-interface WebIconProps {
-    name: string;
-    size?: number;
-    color?: string;
-    /** RefineUI System Icons style (default: regular) */
-    iconStyle?: "regular" | "filled";
-    className?: string;
-    style?: CSSProperties;
-    /** Shown when the glyph is missing */
-    fallback?: ReactNode;
-    /** Accessibility: omit label → aria-hidden */
-    "aria-label"?: string;
-}
-/** Glyph from @refineui/web-icons — size/color stay inline on the glyph */
-declare function WebIcon({ name, size, color, iconStyle, className, style, fallback, "aria-label": ariaLabel, }: WebIconProps): react.JSX.Element;
-
-/** Web Kit `Button` `79:3304` — Style: Primary · Secondary · Outline · Ghost */
-type ButtonVariant = "primary" | "secondary" | "outline" | "ghost";
-/** Web Kit Size — Small / Medium / Large */
-type ButtonSize = "sm" | "md" | "lg";
-/** Web Kit Layout — Label / Icon-only (MCP `Layout=Icon`). */
-type ButtonLayout = "label" | "icon";
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    layout?: ButtonLayout;
-    fullWidth?: boolean;
-}
-
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
-    error?: boolean;
-    success?: boolean;
-    fullWidth?: boolean;
-    size?: "sm" | "md" | "lg";
-}
-
-declare function Input({ error, success, fullWidth, size: sizeProp, disabled, className, ...props }: InputProps): react.JSX.Element;
-
-/** Shared sm / md / lg tiers for Input, SpinButton — keep in sync. */
-
-type FormControlSize = ControlSize;
-
-type InputOTPSize = FormControlSize;
-interface InputOTPProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
-    /** Controlled OTP string. */
-    value?: string;
-    /** Uncontrolled initial value. */
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    /** Number of slots (must match rendered `InputOTPSlot` indices). */
-    maxLength: number;
-    size?: InputOTPSize;
-    disabled?: boolean;
-    /**
-     * Per-character allowlist. Default: digits only (`/\d/`).
-     * Characters that fail the test are dropped.
-     */
-    pattern?: RegExp;
-    autoFocus?: boolean;
-    name?: string;
-    id?: string;
-    inputMode?: InputHTMLAttributes<HTMLInputElement>["inputMode"];
-    autoComplete?: InputHTMLAttributes<HTMLInputElement>["autoComplete"];
-    /** Accessible name for the control. */
-    "aria-label"?: string;
-}
-interface InputOTPSlotProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "maxLength" | "disabled" | "type" | "children"> {
-    /** Zero-based slot index. */
-    index: number;
-}
-
-declare function InputOTP({ value: valueProp, defaultValue, onValueChange, maxLength, size: sizeProp, disabled, pattern, autoFocus, name, id, inputMode, autoComplete, className, children, "aria-label": ariaLabel, ...props }: InputOTPProps): react.JSX.Element;
-declare function InputOTPSlot({ index, className, onChange, onKeyDown, onPaste, onFocus, ...props }: InputOTPSlotProps): react.JSX.Element;
-
-interface SearchFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
-    /** Controlled query */
-    value?: string;
-    /** Uncontrolled initial query */
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    disabled?: boolean;
-    /**
-     * `filled` — standalone control (sunken surface).
-     * `plain` — flush row for composed surfaces like Command.
-     * @default "filled"
-     */
-    appearance?: "filled" | "plain";
-    /** Forwarded to the inner input. */
-    id?: string;
-    /** Accessible name for the search input. */
-    "aria-label"?: string;
-}
-type SearchFieldIconProps = HTMLAttributes<HTMLSpanElement> & {
-    /** Defaults to the search glyph */
-    children?: ReactNode;
-};
-type SearchFieldInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "disabled">;
-type SearchFieldClearProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
-    /** Defaults to the dismiss glyph */
-    children?: ReactNode;
-};
-
-declare function SearchField({ value, defaultValue, onValueChange, disabled, appearance, className, children, id, onPointerDown, "aria-label": ariaLabel, ...props }: SearchFieldProps): react.JSX.Element;
-declare function SearchFieldIcon({ children, className, ...props }: SearchFieldIconProps): react.JSX.Element;
-declare const SearchFieldInput: react.ForwardRefExoticComponent<SearchFieldInputProps & react.RefAttributes<HTMLInputElement>>;
-declare function SearchFieldClear({ className, children, disabled: disabledProp, onClick, "aria-label": ariaLabel, ...props }: SearchFieldClearProps): react.JSX.Element | null;
-
-interface TextProps extends HTMLAttributes<HTMLElement> {
-    /** Semantic text role — maps to Foundation typography via `SEMANTIC_TEXT`. */
-    variant: SemanticTextName;
-    /** Root element. Default `span`. */
-    as?: ElementType;
-}
-/** Semantic typography primitive — Polaris `Text` / M3 typescale consumer. */
-declare function Text({ variant, as: Component, className, ...props }: TextProps): react.JSX.Element;
-
-interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    error?: boolean;
-    success?: boolean;
-    fullWidth?: boolean;
-}
-
-declare function Textarea({ error, success, fullWidth, disabled, className, ...props }: TextareaProps): react.JSX.Element;
-
-type BadgeVariant = "default" | "neutral" | "outline" | "success" | "warning" | "danger";
-type BadgeLayout = "label" | "number";
-interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    variant?: BadgeVariant;
-    layout?: BadgeLayout;
-}
-
-declare function Badge({ variant, layout, className, ...props }: BadgeProps): react.JSX.Element;
-
-interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    variant?: "elevated" | "outlined";
-    interactive?: boolean;
-    state?: "default" | "hover" | "pressed" | "disabled";
-}
-declare function Card({ variant, interactive, state, className, ...props }: CardProps): react.JSX.Element;
-
-declare function CardHeaderMain({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
-
-declare function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
-
-declare function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): react.JSX.Element;
-
-declare function CardDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element;
-
-declare function CardAction({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
-
-declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
-
-declare function CardFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
-
-interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
-    description?: string;
-    label?: string;
-    variant?: "default" | "circular";
-}
-
-declare function Checkbox({ label, description, variant, id, className, disabled, checked: checkedProp, defaultChecked, onChange, ...props }: CheckboxProps): react.JSX.Element;
-
-interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
-    label?: string;
-    description?: string;
-    allowUncheck?: boolean;
-}
-interface RadioInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
-}
-
-declare function Radio({ label, description, id, className, disabled, allowUncheck, onClick, ...props }: RadioProps): react.JSX.Element;
-
-declare const RadioInput: react.ForwardRefExoticComponent<RadioInputProps & react.RefAttributes<HTMLInputElement>>;
-
-type SelectSize = "sm" | "md" | "lg";
-/**
- * `filled` — standalone field chrome (border + surface).
- * `plain` — flush trigger for composed surfaces (Footer locale, Calendar caption).
- */
-type SelectTriggerAppearance = "filled" | "plain";
-interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
-    value?: string;
-    defaultValue?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    onValueChange?: (value: string) => void;
-    placeholder?: string;
-    size?: SelectSize;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    children?: ReactNode;
-}
-interface SelectTriggerProps extends HTMLAttributes<HTMLButtonElement> {
-    children?: ReactNode;
-    /**
-     * `filled` — default field chrome.
-     * `plain` — no field chrome; compose visuals via `className` / parent recipe.
-     * @default "filled"
-     */
-    appearance?: SelectTriggerAppearance;
-}
-interface SelectValueProps extends HTMLAttributes<HTMLSpanElement> {
-    placeholder?: string;
-}
-interface SelectIconProps extends HTMLAttributes<HTMLSpanElement> {
-    children?: ReactNode;
-}
-interface SelectContentProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
-    /** Default `item-aligned`. `popper`: compact panel below/above trigger */
-    position?: "item-aligned" | "popper";
-    /** Portal target when set (else nearest `SelectPortal` or `document.body`) */
-    container?: HTMLElement | null;
-}
-interface SelectViewportProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
-}
-interface SelectGroupProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
-}
-interface SelectLabelProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
-}
-interface SelectSeparatorProps extends HTMLAttributes<HTMLDivElement> {
-}
-interface SelectItemProps extends HTMLAttributes<HTMLDivElement> {
-    value: string;
+declare const componentTokens: {
+    readonly color: {
+        readonly webIcon: {
+            readonly default: "currentColor";
+            readonly primary: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly secondary: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly disabled: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly inversed: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+        };
+        readonly button: {
+            readonly primary: {
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly appearance: {
+                    readonly background: Readonly<{
+                        type: "semantic";
+                        name: _refineui_tokens.SemanticColorName;
+                    }>;
+                    readonly foreground: Readonly<{
+                        type: "semantic";
+                        name: _refineui_tokens.SemanticColorName;
+                    }>;
+                };
+                readonly states: {
+                    readonly hover: {
+                        readonly background: Readonly<{
+                            type: "semantic";
+                            name: _refineui_tokens.SemanticColorName;
+                        }>;
+                    };
+                    readonly pressed: {
+                        readonly background: Readonly<{
+                            type: "semantic";
+                            name: _refineui_tokens.SemanticColorName;
+                        }>;
+                    };
+                    readonly disabled: {
+                        readonly background: Readonly<{
+                            type: "semantic";
+                            name: _refineui_tokens.SemanticColorName;
+                        }>;
+                        readonly foreground: Readonly<{
+                            type: "semantic";
+                            name: _refineui_tokens.SemanticColorName;
+                        }>;
+                    };
+                };
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly secondary: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly outline: {
+                readonly background: "transparent";
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly ghost: {
+                readonly background: "transparent";
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly input: {
+            readonly text: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly placeholder: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly background: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly disabledBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly border: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly focus: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly error: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly textarea: {
+            readonly text: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly placeholder: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly background: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly disabledBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly border: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly focus: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly error: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly pagination: {
+            readonly navIcon: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly page: {
+                readonly text: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly selectedBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly selectedBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly dropdown: {
+            readonly trigger: {
+                readonly icon: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly menu: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly title: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly itemText: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly itemTextSubtle: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly itemHoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly itemDisabledText: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly select: {
+            readonly text: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly placeholder: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly background: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly disabledBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly border: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly error: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly tooltip: {
+            readonly default: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly popover: {
+            readonly default: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly inverted: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly field: {
+            readonly label: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly required: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly hint: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly error: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+        };
+        readonly label: {
+            readonly text: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly disabledText: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly required: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+        };
+        readonly checkbox: {
+            readonly label: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly description: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly checkIcon: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly radio: {
+            readonly label: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly description: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly control: {
+                readonly dot: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly dotHover: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledDot: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly borderDefault: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly borderFocus: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly borderDisabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly toggle: {
+            readonly track: {
+                readonly on: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly off: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly thumb: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly switch: {
+            readonly track: {
+                readonly on: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly off: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly thumb: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly dialog: {
+            readonly overlay: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly content: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly header: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly title: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly description: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly close: {
+                readonly icon: "currentColor";
+            };
+            readonly panel: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly title: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly description: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly drawer: {
+            readonly overlay: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly content: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly header: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly divider: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly title: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly description: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly body: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly divider: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly footer: {
+                readonly divider: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly close: {
+                readonly icon: "currentColor";
+            };
+            readonly panel: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly title: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly description: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly divider: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly body: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly alert: {
+            readonly background: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly border: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly title: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly description: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly info: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly warning: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly danger: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly custom: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly accent: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly info: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly warning: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly danger: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly custom: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly badge: {
+            readonly default: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly neutral: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly outline: {
+                readonly background: "transparent";
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly success: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly warning: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly danger: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly chip: {
+            readonly default: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly outline: {
+                readonly background: "transparent";
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly filled: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly remove: {
+                readonly icon: "currentColor";
+            };
+        };
+        readonly tag: {
+            readonly default: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly outline: {
+                readonly background: "transparent";
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly filled: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly progress: {
+            readonly track: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly indicator: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly warning: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly danger: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly chart: {
+            readonly plotBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly grid: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly gridBaseline: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly axis: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly pointStroke: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly cursor: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly tooltip: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly muted: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly series: {
+                readonly brand: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly info: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly warning: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly error: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly discovery: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly seriesSubtle: {
+                readonly brand: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly info: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly warning: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly error: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly discovery: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly spinner: {
+            readonly track: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly indicator: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly label: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+        };
+        readonly skeleton: {
+            readonly background: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+        };
+        readonly carousel: {
+            readonly nav: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly indicator: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly selected: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly scrollArea: {
+            readonly track: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly thumb: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly toast: {
+            readonly background: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly message: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly border: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly accent: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly error: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly warning: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly toaster: {
+            readonly stackBackground: "transparent";
+        };
+        readonly tabs: {
+            readonly listLine: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly selectedLine: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly itemForeground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly selectedForeground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly hoverForeground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly itemDisabledForeground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+        };
+        readonly segmentedControl: {
+            readonly barBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly barBorder: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly itemForeground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly itemDisabledForeground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly selectedBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly selectedForeground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly selectedHoverBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly selectedDisabledBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly hoverForeground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+        };
+        readonly accordion: {
+            readonly item: {
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly trigger: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly content: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly breadcrumb: {
+            readonly list: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly item: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly link: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly page: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly current: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly separatorToken: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly separator: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly ellipsisTrigger: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly ellipsis: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+        };
+        readonly menu: {
+            readonly panel: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly popover: {
+                readonly background: "transparent";
+            };
+            readonly list: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly section: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly sectionToken: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly divider: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly dividerToken: {
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly item: {
+                readonly text: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly description: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledText: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly pressedBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly command: {
+            readonly panel: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly input: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly placeholder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly icon: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly group: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly empty: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly separator: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly item: {
+                readonly text: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledText: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly selectedBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly shortcut: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly link: {
+            readonly default: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly hover: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly active: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly visited: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly disabled: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly subtle: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hover: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly active: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly calendar: {
+            readonly background: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly border: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly weekday: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly day: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly otherMonth: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly selectedBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly selectedForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly rangeMiddleBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly rangeMiddleForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly card: {
+            readonly header: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly headerMain: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly content: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly footer: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly action: {
+                readonly foreground: "currentColor";
+            };
+            readonly titleToken: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly descriptionToken: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly elevated: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly outlined: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly title: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly description: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+        };
+        readonly divider: {
+            readonly line: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly label: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly icon: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+        };
+        readonly avatar: {
+            readonly image: {
+                readonly background: "transparent";
+            };
+            readonly fallback: {
+                readonly foreground: "currentColor";
+            };
+            readonly badge: {
+                readonly background: "transparent";
+            };
+            readonly avatarIcon: {
+                readonly foreground: "currentColor";
+            };
+            readonly overflow: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly icon: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly group: {
+                readonly background: "transparent";
+            };
+            readonly groupCount: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly shell: {
+                readonly background: {
+                    readonly neutral: Readonly<{
+                        type: "palette";
+                        name: string;
+                    }>;
+                    readonly blue: Readonly<{
+                        type: "palette";
+                        name: string;
+                    }>;
+                    readonly green: Readonly<{
+                        type: "palette";
+                        name: string;
+                    }>;
+                    readonly lime: Readonly<{
+                        type: "palette";
+                        name: string;
+                    }>;
+                    readonly magenta: Readonly<{
+                        type: "palette";
+                        name: string;
+                    }>;
+                    readonly orange: Readonly<{
+                        type: "palette";
+                        name: string;
+                    }>;
+                    readonly purple: Readonly<{
+                        type: "palette";
+                        name: string;
+                    }>;
+                    readonly red: Readonly<{
+                        type: "palette";
+                        name: string;
+                    }>;
+                    readonly teal: Readonly<{
+                        type: "palette";
+                        name: string;
+                    }>;
+                    readonly yellow: Readonly<{
+                        type: "palette";
+                        name: string;
+                    }>;
+                };
+            };
+            readonly icon: {
+                readonly neutral: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+                readonly blue: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+                readonly green: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+                readonly lime: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+                readonly magenta: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+                readonly orange: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+                readonly purple: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+                readonly red: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+                readonly teal: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+                readonly yellow: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+            };
+            readonly status: {
+                readonly online: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+                readonly away: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+                readonly unavailable: {
+                    readonly background: Readonly<{
+                        type: "palette";
+                        name: string;
+                    }>;
+                    readonly mark: Readonly<{
+                        type: "palette";
+                        name: string;
+                    }>;
+                };
+                readonly offline: Readonly<{
+                    type: "palette";
+                    name: string;
+                }>;
+            };
+        };
+        readonly avatars: {
+            readonly stack: {
+                readonly background: "transparent";
+            };
+            readonly spread: {
+                readonly background: "transparent";
+            };
+            readonly count: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+    };
+    readonly typography: {
+        readonly formControl: {
+            readonly sm: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly md: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly lg: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly label: {
+            readonly sm: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly md: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly lg: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly labelCompanion: {
+            readonly label: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly description: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly fieldFeedback: Readonly<{
+            type: "semantic-text";
+            name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+        }>;
+        readonly accordion: {
+            readonly trigger: {
+                readonly sm: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly md: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly lg: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+            };
+            readonly content: {
+                readonly sm: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly md: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly lg: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+            };
+        };
+        readonly button: {
+            readonly sm: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly md: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly lg: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly link: Readonly<{
+            type: "semantic-text";
+            name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+        }>;
+        readonly breadcrumb: {
+            readonly row: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly navigationMenu: {
+            readonly trigger: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly link: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly contentLink: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly footer: {
+            readonly brandName: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly brandDescription: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly groupLabel: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly link: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly copyright: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly sidebar: {
+            readonly brand: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly groupLabel: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly link: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly menu: {
+            readonly section: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly item: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly description: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly shortcut: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly command: {
+            readonly group: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly item: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly empty: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly shortcut: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly input: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly dropdown: {
+            readonly label: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly item: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly shortcut: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly dialog: {
+            readonly title: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly description: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly drawer: {
+            readonly title: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly description: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly body: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly card: {
+            readonly title: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly description: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly alert: {
+            readonly title: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly description: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly bubble: Readonly<{
+            type: "semantic-text";
+            name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+        }>;
+        readonly inputOtp: {
+            readonly sm: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly md: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly lg: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly stepper: {
+            readonly indicator: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly title: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly description: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly progressStepper: {
+            readonly marker: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly label: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly toast: {
+            readonly message: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly tree: {
+            readonly item: {
+                readonly sm: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly md: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly lg: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+            };
+        };
+        readonly pagination: Readonly<{
+            type: "semantic-text";
+            name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+        }>;
+        readonly chip: {
+            readonly sm: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly md: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly lg: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly badge: Readonly<{
+            type: "semantic-text";
+            name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+        }>;
+        readonly segmentedControl: Readonly<{
+            type: "semantic-text";
+            name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+        }>;
+        readonly tabs: Readonly<{
+            type: "semantic-text";
+            name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+        }>;
+        readonly table: {
+            readonly head: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly cell: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly caption: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly tooltip: Readonly<{
+            type: "semantic-text";
+            name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+        }>;
+        readonly textarea: Readonly<{
+            type: "semantic-text";
+            name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+        }>;
+        readonly select: {
+            readonly trigger: {
+                readonly sm: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly md: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly lg: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+            };
+            readonly label: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly item: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly calendar: {
+            readonly day: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly weekday: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly divider: {
+            readonly contentLabel: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly chart: {
+            readonly axisLabel: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly legendLabel: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly tooltipLabel: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly tooltipValue: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly spinner: {
+            readonly xs: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly sm: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly md: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly lg: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly xl: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly xxl: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly avatar: {
+            readonly initialsNeutral: {
+                readonly xxxsmall: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly xxsmall: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly xsmall: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly small: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly medium: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly large: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly xlarge: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly xxlarge: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly xxxlarge: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+            };
+            readonly initialsAccent: {
+                readonly xxxlarge: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly xxlarge: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly xlarge: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly default: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+            };
+            readonly groupCount: {
+                readonly xxxsmall: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly xxsmall: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly xsmall: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly small: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly medium: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly large: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly xlarge: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly xxlarge: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly xxxlarge: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+            };
+        };
+    };
+    readonly motion: {
+        readonly fast: {
+            readonly duration: string;
+            readonly easing: string;
+        };
+        readonly indicator: {
+            readonly duration: string;
+            readonly easing: string;
+        };
+        readonly panel: {
+            readonly duration: string;
+            readonly easing: string;
+        };
+    };
+    readonly elevation: _refineui_tokens.SemanticElevationTokens;
+    readonly toast: {
+        readonly color: {
+            readonly background: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly message: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly border: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly accent: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly error: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly warning: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly typography: {
+            readonly message: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly size: {
+            readonly minWidth: "200px";
+            readonly maxWidth: "325px";
+        };
+        readonly elevation: {
+            readonly role: "toast";
+            readonly foundation: _refineui_tokens.SemanticShadowElevationPair;
+        };
+        readonly motion: {
+            readonly enter: string;
+            readonly leave: string;
+            readonly easing: string;
+        };
+    };
+    readonly segmentedControl: {
+        readonly color: {
+            readonly barBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly barBorder: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly itemForeground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly itemDisabledForeground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly selectedBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly selectedForeground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly selectedHoverBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly selectedDisabledBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly hoverForeground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+        };
+        readonly typography: Readonly<{
+            type: "semantic-text";
+            name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+        }>;
+        readonly elevation: {
+            /** Selected thumb — recipe `shadow-refineui-2` / surface */
+            readonly role: "surface";
+            readonly foundation: _refineui_tokens.SemanticShadowElevationPair;
+        };
+        readonly motion: {
+            /** Indicator slide after first layout */
+            readonly indicator: {
+                readonly duration: string;
+                readonly easing: string;
+            };
+            /** Item label color fade */
+            readonly itemColor: {
+                readonly duration: string;
+                readonly easing: string;
+            };
+        };
+    };
+    readonly button: {
+        readonly color: {
+            readonly primary: {
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly appearance: {
+                    readonly background: Readonly<{
+                        type: "semantic";
+                        name: _refineui_tokens.SemanticColorName;
+                    }>;
+                    readonly foreground: Readonly<{
+                        type: "semantic";
+                        name: _refineui_tokens.SemanticColorName;
+                    }>;
+                };
+                readonly states: {
+                    readonly hover: {
+                        readonly background: Readonly<{
+                            type: "semantic";
+                            name: _refineui_tokens.SemanticColorName;
+                        }>;
+                    };
+                    readonly pressed: {
+                        readonly background: Readonly<{
+                            type: "semantic";
+                            name: _refineui_tokens.SemanticColorName;
+                        }>;
+                    };
+                    readonly disabled: {
+                        readonly background: Readonly<{
+                            type: "semantic";
+                            name: _refineui_tokens.SemanticColorName;
+                        }>;
+                        readonly foreground: Readonly<{
+                            type: "semantic";
+                            name: _refineui_tokens.SemanticColorName;
+                        }>;
+                    };
+                };
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly secondary: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly outline: {
+                readonly background: "transparent";
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly ghost: {
+                readonly background: "transparent";
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly typography: {
+            readonly sm: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly md: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly lg: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly motion: {
+            readonly pressScale: string;
+            readonly color: {
+                readonly duration: string;
+                readonly easing: string;
+            };
+        };
+    };
+    readonly chip: {
+        readonly color: {
+            readonly default: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly outline: {
+                readonly background: "transparent";
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBorder: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly filled: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledBackground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledForeground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly remove: {
+                readonly icon: "currentColor";
+            };
+        };
+        readonly typography: {
+            readonly sm: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly md: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly lg: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+    };
+    readonly badge: {
+        readonly color: {
+            readonly default: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly neutral: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly outline: {
+                readonly background: "transparent";
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly success: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly warning: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly danger: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+    };
+    readonly alert: {
+        readonly color: {
+            readonly background: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly border: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly title: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly description: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly info: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly warning: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly danger: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly custom: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly accent: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly info: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly warning: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly danger: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly custom: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly typography: {
+            readonly title: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly description: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+    };
+    readonly dialog: {
+        readonly color: {
+            readonly overlay: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly content: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly header: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly title: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly description: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly close: {
+                readonly icon: "currentColor";
+            };
+            readonly panel: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly title: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly description: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly typography: {
+            readonly title: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly description: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly elevation: {
+            readonly role: "modal";
+            readonly foundation: _refineui_tokens.SemanticShadowElevationPair;
+        };
+        readonly motion: {
+            readonly enterScale: string;
+            readonly panel: {
+                readonly duration: string;
+                readonly easing: string;
+            };
+        };
+    };
+    readonly drawer: {
+        readonly color: {
+            readonly overlay: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly content: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly header: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly divider: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly title: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly description: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly body: {
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly divider: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly footer: {
+                readonly divider: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly close: {
+                readonly icon: "currentColor";
+            };
+            readonly panel: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly title: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly description: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly divider: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly body: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly typography: {
+            readonly title: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly description: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly body: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+        readonly motion: {
+            readonly panel: {
+                readonly duration: string;
+                readonly easing: string;
+            };
+        };
+    };
+    readonly accordion: {
+        readonly color: {
+            readonly item: {
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly trigger: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly content: {
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly foreground: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly typography: {
+            readonly trigger: {
+                readonly sm: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly md: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly lg: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+            };
+            readonly content: {
+                readonly sm: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly md: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+                readonly lg: Readonly<{
+                    type: "semantic-text";
+                    name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+                }>;
+            };
+        };
+        readonly motion: {
+            readonly panel: string;
+            readonly content: string;
+        };
+    };
+    readonly tabs: {
+        readonly motion: {
+            readonly indicator: {
+                readonly duration: string;
+                readonly easing: string;
+            };
+        };
+    };
+    readonly input: {
+        readonly color: {
+            readonly text: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly placeholder: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly background: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly disabledBackground: Readonly<{
+                type: "semantic";
+                name: _refineui_tokens.SemanticColorName;
+            }>;
+            readonly border: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly focus: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly error: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly success: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+        readonly typography: {
+            readonly sm: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly md: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+            readonly lg: Readonly<{
+                type: "semantic-text";
+                name: "displayLg" | "displayMd" | "displaySm" | "headingLg" | "headingMd" | "headingSm" | "titleLg" | "titleMd" | "titleSm" | "subtitleLg" | "subtitleMd" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs" | "labelLg" | "labelMd" | "labelSm" | "captionLg" | "captionMd" | "captionSm";
+            }>;
+        };
+    };
+    readonly checkbox: {
+        readonly color: {
+            readonly label: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly description: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly checkIcon: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+    };
+    readonly radio: {
+        readonly color: {
+            readonly label: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly description: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly control: {
+                readonly dot: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly dotHover: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly background: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledDot: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly borderDefault: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly borderFocus: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly borderDisabled: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+    };
+    readonly switch: {
+        readonly color: {
+            readonly track: {
+                readonly on: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly off: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly thumb: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+    };
+    readonly toggle: {
+        readonly color: {
+            readonly track: {
+                readonly on: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly off: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly hoverOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly activeOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+            readonly thumb: {
+                readonly default: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOff: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+                readonly disabledOn: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
+            };
+        };
+    };
+};
+
+/** Resolve a semantic text role → `refineui-typo-*` utility class. */
+declare function semanticTextClass(name: SemanticTextName): string;
+/** Resolve a component typography token ref → utility class. */
+declare function componentTextClass(ref: SemanticTextTokenRef<SemanticTextName>): string;
+/** Size-keyed component token map → utility class (`formControl`, `label`, …). */
+declare function sizedComponentTextClass<TSize extends string>(map: Record<TSize, SemanticTextTokenRef<SemanticTextName>>, size: TSize): string;
+
+interface WebIconProps {
+    name: string;
+    size?: number;
+    color?: string;
+    /** RefineUI System Icons style (default: regular) */
+    iconStyle?: "regular" | "filled";
+    className?: string;
+    style?: CSSProperties;
+    /** Shown when the glyph is missing */
+    fallback?: ReactNode;
+    /** Accessibility: omit label → aria-hidden */
+    "aria-label"?: string;
+}
+/** Glyph from @refineui/web-icons — size/color stay inline on the glyph */
+declare function WebIcon({ name, size, color, iconStyle, className, style, fallback, "aria-label": ariaLabel, }: WebIconProps): react.JSX.Element;
+
+/** Web Kit `Button` `79:3304` — Style: Primary · Secondary · Outline · Ghost */
+type ButtonVariant = "primary" | "secondary" | "outline" | "ghost";
+/** Web Kit Size — Small / Medium / Large */
+type ButtonSize = "sm" | "md" | "lg";
+/** Web Kit Layout — Label / Icon-only (MCP `Layout=Icon`). */
+type ButtonLayout = "label" | "icon";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    layout?: ButtonLayout;
+    fullWidth?: boolean;
+}
+
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    error?: boolean;
+    success?: boolean;
+    fullWidth?: boolean;
+    size?: "sm" | "md" | "lg";
+}
+
+declare function Input({ error, success, fullWidth, size: sizeProp, disabled, className, ...props }: InputProps): react.JSX.Element;
+
+/** Shared sm / md / lg tiers for Input, SpinButton — keep in sync. */
+
+type FormControlSize = ControlSize;
+
+type InputOTPSize = FormControlSize;
+interface InputOTPProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    /** Controlled OTP string. */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Number of slots (must match rendered `InputOTPSlot` indices). */
+    maxLength: number;
+    size?: InputOTPSize;
+    disabled?: boolean;
+    /**
+     * Per-character allowlist. Default: digits only (`/\d/`).
+     * Characters that fail the test are dropped.
+     */
+    pattern?: RegExp;
+    autoFocus?: boolean;
+    name?: string;
+    id?: string;
+    inputMode?: InputHTMLAttributes<HTMLInputElement>["inputMode"];
+    autoComplete?: InputHTMLAttributes<HTMLInputElement>["autoComplete"];
+    /** Accessible name for the control. */
+    "aria-label"?: string;
+}
+interface InputOTPSlotProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "maxLength" | "disabled" | "type" | "children"> {
+    /** Zero-based slot index. */
+    index: number;
+}
+
+declare function InputOTP({ value: valueProp, defaultValue, onValueChange, maxLength, size: sizeProp, disabled, pattern, autoFocus, name, id, inputMode, autoComplete, className, children, "aria-label": ariaLabel, ...props }: InputOTPProps): react.JSX.Element;
+declare function InputOTPSlot({ index, className, onChange, onKeyDown, onPaste, onFocus, ...props }: InputOTPSlotProps): react.JSX.Element;
+
+interface SearchFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    /** Controlled query */
+    value?: string;
+    /** Uncontrolled initial query */
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    /**
+     * `filled` — standalone control (sunken surface).
+     * `plain` — flush row for composed surfaces like Command.
+     * @default "filled"
+     */
+    appearance?: "filled" | "plain";
+    /** Forwarded to the inner input. */
+    id?: string;
+    /** Accessible name for the search input. */
+    "aria-label"?: string;
+}
+type SearchFieldIconProps = HTMLAttributes<HTMLSpanElement> & {
+    /** Defaults to the search glyph */
+    children?: ReactNode;
+};
+type SearchFieldInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "disabled">;
+type SearchFieldClearProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
+    /** Defaults to the dismiss glyph */
+    children?: ReactNode;
+};
+
+declare function SearchField({ value, defaultValue, onValueChange, disabled, appearance, className, children, id, onPointerDown, "aria-label": ariaLabel, ...props }: SearchFieldProps): react.JSX.Element;
+declare function SearchFieldIcon({ children, className, ...props }: SearchFieldIconProps): react.JSX.Element;
+declare const SearchFieldInput: react.ForwardRefExoticComponent<SearchFieldInputProps & react.RefAttributes<HTMLInputElement>>;
+declare function SearchFieldClear({ className, children, disabled: disabledProp, onClick, "aria-label": ariaLabel, ...props }: SearchFieldClearProps): react.JSX.Element | null;
+
+interface TextProps extends HTMLAttributes<HTMLElement> {
+    /** Semantic text role — maps to Foundation typography via `SEMANTIC_TEXT`. */
+    variant: SemanticTextName;
+    /** Root element. Default `span`. */
+    as?: ElementType;
+}
+/** Semantic typography primitive — Polaris `Text` / M3 typescale consumer. */
+declare function Text({ variant, as: Component, className, ...props }: TextProps): react.JSX.Element;
+
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    error?: boolean;
+    success?: boolean;
+    fullWidth?: boolean;
+}
+
+declare function Textarea({ error, success, fullWidth, disabled, className, ...props }: TextareaProps): react.JSX.Element;
+
+type BadgeVariant = "default" | "neutral" | "outline" | "success" | "warning" | "danger";
+type BadgeLayout = "label" | "number";
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+    layout?: BadgeLayout;
+}
+
+declare function Badge({ variant, layout, className, ...props }: BadgeProps): react.JSX.Element;
+
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: "elevated" | "outlined";
+    interactive?: boolean;
+    state?: "default" | "hover" | "pressed" | "disabled";
+}
+declare function Card({ variant, interactive, state, className, ...props }: CardProps): react.JSX.Element;
+
+declare function CardHeaderMain({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+
+declare function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+
+declare function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): react.JSX.Element;
+
+declare function CardDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): react.JSX.Element;
+
+declare function CardAction({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+
+declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+
+declare function CardFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    description?: string;
+    label?: string;
+    variant?: "default" | "circular";
+}
+
+declare function Checkbox({ label, description, variant, id, className, disabled, checked: checkedProp, defaultChecked, onChange, ...props }: CheckboxProps): react.JSX.Element;
+
+interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    label?: string;
+    description?: string;
+    allowUncheck?: boolean;
+}
+interface RadioInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+}
+
+declare function Radio({ label, description, id, className, disabled, allowUncheck, onClick, ...props }: RadioProps): react.JSX.Element;
+
+declare const RadioInput: react.ForwardRefExoticComponent<RadioInputProps & react.RefAttributes<HTMLInputElement>>;
+
+type SelectSize = "sm" | "md" | "lg";
+/**
+ * `filled` — standalone field chrome (border + surface).
+ * `plain` — flush trigger for composed surfaces (Footer locale, Calendar caption).
+ */
+type SelectTriggerAppearance = "filled" | "plain";
+interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    value?: string;
+    defaultValue?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    size?: SelectSize;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+interface SelectTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+    /**
+     * `filled` — default field chrome.
+     * `plain` — no field chrome; compose visuals via `className` / parent recipe.
+     * @default "filled"
+     */
+    appearance?: SelectTriggerAppearance;
+}
+interface SelectValueProps extends HTMLAttributes<HTMLSpanElement> {
+    placeholder?: string;
+}
+interface SelectIconProps extends HTMLAttributes<HTMLSpanElement> {
+    children?: ReactNode;
+}
+interface SelectContentProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    /** Default `item-aligned`. `popper`: compact panel below/above trigger */
+    position?: "item-aligned" | "popper";
+    /** Portal target when set (else nearest `SelectPortal` or `document.body`) */
+    container?: HTMLElement | null;
+}
+interface SelectViewportProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+interface SelectGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+interface SelectLabelProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+interface SelectSeparatorProps extends HTMLAttributes<HTMLDivElement> {
+}
+interface SelectItemProps extends HTMLAttributes<HTMLDivElement> {
+    value: string;
     disabled?: boolean;
     children?: ReactNode;
     textValue?: string;
@@ -3902,4 +7356,84 @@ declare function ChartAxisLabels({ labels, align, className, ...props }: ChartAx
 declare function ChartLegend({ className, ...props }: ChartLegendProps): react.JSX.Element;
 declare function ChartLegendItem({ seriesColor, className, children, style, ...props }: ChartLegendItemProps): react.JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemSlotProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionType, Alert, AlertAction, type AlertActionProps, AlertActions, type AlertActionsProps, AlertBody, type AlertBodyProps, AlertClose, type AlertCloseProps, AlertContent, type AlertContentProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, AlertRow, type AlertRowProps, AlertTitle, type AlertTitleProps, type AlertVariant, Avatar, AvatarBadge, type AvatarBadgeProps, type AvatarColor, type AvatarColorIcon, type AvatarColorImage, type AvatarColorInitials, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarItem, type AvatarLayout, type AvatarPresenceStatus, type AvatarProps, type AvatarSize, AvatarText, type AvatarTextProps, Avatars, type AvatarsLayout, type AvatarsProps, type AvatarsSize, Badge, type BadgeLayout, type BadgeProps, type BadgeVariant, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbEllipsisTrigger, type BreadcrumbEllipsisTriggerProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Bubble, type BubbleAlign, BubbleContent, type BubbleContentProps, BubbleGroup, type BubbleGroupProps, type BubbleProps, BubbleReactions, type BubbleReactionsProps, type BubbleReactionsSide, type BubbleVariant, Button, type ButtonLayout, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarMode, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardHeaderMain, type CardProps, CardTitle, Carousel, CarouselContent, type CarouselContentProps, CarouselControls, type CarouselControlsProps, CarouselIndicators, type CarouselIndicatorsProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, Chart, ChartAxisLabels, type ChartAxisLabelsProps, ChartBars, type ChartBarsProps, ChartBody, type ChartBodyProps, ChartContent, type ChartContentProps, ChartGrid, type ChartGridProps, type ChartItemState, ChartLegend, ChartLegendItem, type ChartLegendItemProps, type ChartLegendProps, ChartLine, type ChartLineProps, ChartPlot, type ChartPlotProps, type ChartProps, type ChartSeriesColor, ChartTooltip, type ChartTooltipProps, ChartYAxisLabels, type ChartYAxisLabelsProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipSize, type ChipVariant, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, type CommandFilter, CommandGroup, CommandGroupHeading, type CommandGroupHeadingProps, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, Container, type ContainerProps, type ControlSize, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Divider, type DividerProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, Dropdown, type MenuAlign as DropdownAlign, DropdownContent, type DropdownContentProps, DropdownGroup, DropdownItem, type DropdownItemProps, DropdownLabel, DropdownPortal, DropdownSeparator, DropdownShortcut, DropdownSub, DropdownSubContent, type DropdownSubContentProps, DropdownSubTrigger, type DropdownSubTriggerProps, DropdownTrigger, type DropdownTriggerProps, Field, FieldError, type FieldErrorProps, FieldHint, type FieldHintProps, FieldLabel, type FieldLabelProps, type FieldProps, FieldRequired, type FieldRequiredProps, Footer, FooterBottom, type FooterBottomProps, FooterBrand, FooterBrandDescription, type FooterBrandDescriptionProps, FooterBrandName, type FooterBrandNameProps, type FooterBrandProps, FooterContent, type FooterContentProps, FooterCopyright, type FooterCopyrightProps, FooterExplore, type FooterExploreProps, FooterGroup, FooterGroupLabel, type FooterGroupLabelProps, type FooterGroupProps, FooterLink, type FooterLinkProps, FooterLocale, type FooterLocaleProps, FooterLogo, type FooterLogoProps, FooterMeta, FooterMetaEnd, type FooterMetaEndProps, type FooterMetaProps, FooterNav, type FooterNavProps, type FooterProps, FooterSocial, type FooterSocialProps, Grid, GridItem, type GridItemProps, type GridProps, Input, InputOTP, type InputOTPProps, type InputOTPSize, InputOTPSlot, type InputOTPSlotProps, type InputProps, Label, type LabelProps, LabelRequired, type LabelRequiredProps, type LayoutAlign, type LayoutAs, type LayoutBackground, type LayoutBorderColor, type LayoutDirection, type LayoutGap, type LayoutJustify, type LayoutRadius, type LayoutStroke, type LayoutWrap, Link, type LinkProps, Menu, MenuDivider, MenuItem, MenuList, MenuPopover, type MenuProps, MenuSection, MenuSub, MenuSubContent, type MenuSubContentProps, MenuSubTrigger, type MenuSubTriggerProps, MenuTrigger, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, type PaginationRootProps, PopOver, type PopOverAlign, type PopOverProps, Popover, type PopoverAlign, PopoverContent, type PopoverContentProps, type PopoverPlacement, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, ProgressStepper, ProgressStepperItem, type ProgressStepperItemProps, ProgressStepperLabel, type ProgressStepperLabelProps, ProgressStepperList, type ProgressStepperListProps, ProgressStepperMarker, type ProgressStepperMarkerProps, type ProgressStepperProps, type ProgressStepperState, Radio, RadioInput, type RadioInputProps, type RadioProps, ResizableHandle, type ResizableHandleProps, type ResizableOrientation, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, type ScrollAreaOrientation, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, type ScrollAreaType, ScrollAreaViewport, type ScrollAreaViewportProps, SearchField, SearchFieldClear, type SearchFieldClearProps, SearchFieldIcon, type SearchFieldIconProps, SearchFieldInput, type SearchFieldInputProps, type SearchFieldProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectArrow, type SelectArrowProps, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectPortal, type SelectPortalProps, type SelectProps, SelectScrollDownButton, type SelectScrollDownButtonProps, SelectScrollUpButton, type SelectScrollUpButtonProps, SelectSection, type SelectSectionProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerAppearance, type SelectTriggerProps, SelectValue, type SelectValueProps, SelectViewport, type SelectViewportProps, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarLink, type SidebarLinkProps, SidebarNav, type SidebarNavProps, SidebarPeek, SidebarPeekEdge, type SidebarPeekEdgeProps, SidebarPeekInset, type SidebarPeekInsetProps, type SidebarPeekMode, SidebarPeekPanel, type SidebarPeekPanelProps, SidebarPeekPin, type SidebarPeekPinProps, type SidebarPeekProps, type SidebarProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spacer, type SpacerProps, SpinButton, type SpinButtonProps, Spinner, type SpinnerLabelPosition, type SpinnerProps, type SpinnerSize, Stack, type StackProps, Stepper, StepperContent, type StepperContentProps, StepperDescription, type StepperDescriptionProps, StepperIndicator, type StepperIndicatorProps, StepperItem, type StepperItemProps, StepperList, type StepperListProps, type StepperOrientation, type StepperProps, StepperSeparator, type StepperSeparatorProps, type StepperState, StepperTitle, type StepperTitleProps, Toggle as Switch, type ToggleProps as SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Chip as Tag, type ChipProps as TagProps, type ChipSize as TagSize, type ChipVariant as TagVariant, Text, type TextProps, Textarea, type TextareaProps, Toast, type ToastAction, type ToastOptions, type ToastProps, type ToastSwipeDirection, type ToastVariant, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, type TooltipAlign, type TooltipPosition, type TooltipProps, Tree, TreeItem, TreeItemContent, type TreeItemContentProps, type TreeItemProps, TreeItemTrigger, type TreeItemTriggerProps, type TreeProps, type TreeSize, WebIcon, type WebIconProps, breadcrumbLinkClassName, componentColorTokens, componentTextClass, componentTypographyTokens, defaultCommandFilter, dismissToast, footerLinkClassName, footerLocaleLinkClassName, footerLocaleTriggerClassName, footerSocialLinkClassName, semanticTextClass, sizedComponentTextClass, toast, useSidebarPeek };
+interface CollapsibleRootProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    asChild?: boolean;
+    children?: any;
+}
+declare const CollapsibleRoot: react.ForwardRefExoticComponent<CollapsibleRootProps & react.RefAttributes<HTMLDivElement>>;
+interface CollapsibleTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare const CollapsibleTrigger: react.ForwardRefExoticComponent<CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface CollapsibleContentProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    children?: any;
+}
+declare const CollapsibleContent: react.ForwardRefExoticComponent<CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const Collapsible: react.ForwardRefExoticComponent<CollapsibleRootProps & react.RefAttributes<HTMLDivElement>> & {
+    Root: react.ForwardRefExoticComponent<CollapsibleRootProps & react.RefAttributes<HTMLDivElement>>;
+    Trigger: react.ForwardRefExoticComponent<CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    Content: react.ForwardRefExoticComponent<CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>;
+};
+
+type ContextMenuSelectEvent = {
+    preventDefault: () => void;
+    defaultPrevented: boolean;
+};
+interface ContextMenuRootProps {
+    modal?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+    className?: string;
+}
+declare function ContextMenuRoot({ modal, onOpenChange, children }: ContextMenuRootProps): react.JSX.Element;
+interface ContextMenuTriggerProps extends HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare const ContextMenuTrigger: react.ForwardRefExoticComponent<ContextMenuTriggerProps & react.RefAttributes<HTMLElement>>;
+declare function ContextMenuPortal({ children }: {
+    children?: ReactNode;
+}): react.JSX.Element;
+interface ContextMenuContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const ContextMenuContent: react.ForwardRefExoticComponent<ContextMenuContentProps & react.RefAttributes<HTMLDivElement>>;
+interface ContextMenuItemProps extends HTMLAttributes<HTMLButtonElement> {
+    disabled?: boolean;
+    description?: ReactNode;
+    shortcut?: ReactNode;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    state?: "default" | "hover" | "pressed" | "active" | "disabled";
+    onSelect?: (event: ContextMenuSelectEvent) => void;
+}
+declare const ContextMenuItem: react.ForwardRefExoticComponent<ContextMenuItemProps & react.RefAttributes<HTMLButtonElement>>;
+declare const ContextMenuSeparator: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuSection({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+declare function ContextMenuSub({ children }: {
+    children?: ReactNode;
+}): react.JSX.Element;
+interface ContextMenuSubTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+    description?: ReactNode;
+    startIcon?: ReactNode;
+}
+declare const ContextMenuSubTrigger: react.ForwardRefExoticComponent<ContextMenuSubTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface ContextMenuSubContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const ContextMenuSubContent: react.ForwardRefExoticComponent<ContextMenuSubContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const ContextMenu: typeof ContextMenuRoot & {
+    Root: typeof ContextMenuRoot;
+    Trigger: react.ForwardRefExoticComponent<ContextMenuTriggerProps & react.RefAttributes<HTMLElement>>;
+    Portal: typeof ContextMenuPortal;
+    Content: react.ForwardRefExoticComponent<ContextMenuContentProps & react.RefAttributes<HTMLDivElement>>;
+    Item: react.ForwardRefExoticComponent<ContextMenuItemProps & react.RefAttributes<HTMLButtonElement>>;
+    Section: typeof ContextMenuSection;
+    Separator: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+    Sub: typeof ContextMenuSub;
+    SubTrigger: react.ForwardRefExoticComponent<ContextMenuSubTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    SubContent: react.ForwardRefExoticComponent<ContextMenuSubContentProps & react.RefAttributes<HTMLDivElement>>;
+};
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemSlotProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionType, Alert, AlertAction, type AlertActionProps, AlertActions, type AlertActionsProps, AlertBody, type AlertBodyProps, AlertClose, type AlertCloseProps, AlertContent, type AlertContentProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, AlertRow, type AlertRowProps, AlertTitle, type AlertTitleProps, type AlertVariant, Avatar, AvatarBadge, type AvatarBadgeProps, type AvatarColor, type AvatarColorIcon, type AvatarColorImage, type AvatarColorInitials, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarItem, type AvatarLayout, type AvatarPresenceStatus, type AvatarProps, type AvatarSize, AvatarText, type AvatarTextProps, Avatars, type AvatarsLayout, type AvatarsProps, type AvatarsSize, Badge, type BadgeLayout, type BadgeProps, type BadgeVariant, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbEllipsisTrigger, type BreadcrumbEllipsisTriggerProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Bubble, type BubbleAlign, BubbleContent, type BubbleContentProps, BubbleGroup, type BubbleGroupProps, type BubbleProps, BubbleReactions, type BubbleReactionsProps, type BubbleReactionsSide, type BubbleVariant, Button, type ButtonLayout, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarMode, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardHeaderMain, type CardProps, CardTitle, Carousel, CarouselContent, type CarouselContentProps, CarouselControls, type CarouselControlsProps, CarouselIndicators, type CarouselIndicatorsProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, Chart, ChartAxisLabels, type ChartAxisLabelsProps, ChartBars, type ChartBarsProps, ChartBody, type ChartBodyProps, ChartContent, type ChartContentProps, ChartGrid, type ChartGridProps, type ChartItemState, ChartLegend, ChartLegendItem, type ChartLegendItemProps, type ChartLegendProps, ChartLine, type ChartLineProps, ChartPlot, type ChartPlotProps, type ChartProps, type ChartSeriesColor, ChartTooltip, type ChartTooltipProps, ChartYAxisLabels, type ChartYAxisLabelsProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipSize, type ChipVariant, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleRoot, type CollapsibleRootProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, type CommandFilter, CommandGroup, CommandGroupHeading, type CommandGroupHeadingProps, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, Container, type ContainerProps, ContextMenu, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuPortal, ContextMenuRoot, type ContextMenuRootProps, ContextMenuSection, type ContextMenuSelectEvent, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, type ControlSize, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Divider, type DividerProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, Dropdown, type MenuAlign as DropdownAlign, DropdownContent, type DropdownContentProps, DropdownGroup, DropdownItem, type DropdownItemProps, DropdownLabel, DropdownPortal, DropdownSeparator, DropdownShortcut, DropdownSub, DropdownSubContent, type DropdownSubContentProps, DropdownSubTrigger, type DropdownSubTriggerProps, DropdownTrigger, type DropdownTriggerProps, Field, FieldError, type FieldErrorProps, FieldHint, type FieldHintProps, FieldLabel, type FieldLabelProps, type FieldProps, FieldRequired, type FieldRequiredProps, Footer, FooterBottom, type FooterBottomProps, FooterBrand, FooterBrandDescription, type FooterBrandDescriptionProps, FooterBrandName, type FooterBrandNameProps, type FooterBrandProps, FooterContent, type FooterContentProps, FooterCopyright, type FooterCopyrightProps, FooterExplore, type FooterExploreProps, FooterGroup, FooterGroupLabel, type FooterGroupLabelProps, type FooterGroupProps, FooterLink, type FooterLinkProps, FooterLocale, type FooterLocaleProps, FooterLogo, type FooterLogoProps, FooterMeta, FooterMetaEnd, type FooterMetaEndProps, type FooterMetaProps, FooterNav, type FooterNavProps, type FooterProps, FooterSocial, type FooterSocialProps, Grid, GridItem, type GridItemProps, type GridProps, Input, InputOTP, type InputOTPProps, type InputOTPSize, InputOTPSlot, type InputOTPSlotProps, type InputProps, Label, type LabelProps, LabelRequired, type LabelRequiredProps, type LayoutAlign, type LayoutAs, type LayoutBackground, type LayoutBorderColor, type LayoutDirection, type LayoutGap, type LayoutJustify, type LayoutRadius, type LayoutStroke, type LayoutWrap, Link, type LinkProps, Menu, MenuDivider, MenuItem, MenuList, MenuPopover, type MenuProps, MenuSection, MenuSub, MenuSubContent, type MenuSubContentProps, MenuSubTrigger, type MenuSubTriggerProps, MenuTrigger, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, type PaginationRootProps, PopOver, type PopOverAlign, type PopOverProps, Popover, type PopoverAlign, PopoverContent, type PopoverContentProps, type PopoverPlacement, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, ProgressStepper, ProgressStepperItem, type ProgressStepperItemProps, ProgressStepperLabel, type ProgressStepperLabelProps, ProgressStepperList, type ProgressStepperListProps, ProgressStepperMarker, type ProgressStepperMarkerProps, type ProgressStepperProps, type ProgressStepperState, Radio, RadioInput, type RadioInputProps, type RadioProps, ResizableHandle, type ResizableHandleProps, type ResizableOrientation, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, type ScrollAreaOrientation, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, type ScrollAreaType, ScrollAreaViewport, type ScrollAreaViewportProps, SearchField, SearchFieldClear, type SearchFieldClearProps, SearchFieldIcon, type SearchFieldIconProps, SearchFieldInput, type SearchFieldInputProps, type SearchFieldProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectArrow, type SelectArrowProps, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectPortal, type SelectPortalProps, type SelectProps, SelectScrollDownButton, type SelectScrollDownButtonProps, SelectScrollUpButton, type SelectScrollUpButtonProps, SelectSection, type SelectSectionProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerAppearance, type SelectTriggerProps, SelectValue, type SelectValueProps, SelectViewport, type SelectViewportProps, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarLink, type SidebarLinkProps, SidebarNav, type SidebarNavProps, SidebarPeek, SidebarPeekEdge, type SidebarPeekEdgeProps, SidebarPeekInset, type SidebarPeekInsetProps, type SidebarPeekMode, SidebarPeekPanel, type SidebarPeekPanelProps, SidebarPeekPin, type SidebarPeekPinProps, type SidebarPeekProps, type SidebarProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spacer, type SpacerProps, SpinButton, type SpinButtonProps, Spinner, type SpinnerLabelPosition, type SpinnerProps, type SpinnerSize, Stack, type StackProps, Stepper, StepperContent, type StepperContentProps, StepperDescription, type StepperDescriptionProps, StepperIndicator, type StepperIndicatorProps, StepperItem, type StepperItemProps, StepperList, type StepperListProps, type StepperOrientation, type StepperProps, StepperSeparator, type StepperSeparatorProps, type StepperState, StepperTitle, type StepperTitleProps, Toggle as Switch, type ToggleProps as SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Chip as Tag, type ChipProps as TagProps, type ChipSize as TagSize, type ChipVariant as TagVariant, Text, type TextProps, Textarea, type TextareaProps, Toast, type ToastAction, type ToastOptions, type ToastProps, type ToastSwipeDirection, type ToastVariant, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, type TooltipAlign, type TooltipPosition, type TooltipProps, Tree, TreeItem, TreeItemContent, type TreeItemContentProps, type TreeItemProps, TreeItemTrigger, type TreeItemTriggerProps, type TreeProps, type TreeSize, WebIcon, type WebIconProps, breadcrumbLinkClassName, componentColorTokens, componentTextClass, componentTokens, componentTypographyTokens, defaultCommandFilter, dismissToast, footerLinkClassName, footerLocaleLinkClassName, footerLocaleTriggerClassName, footerSocialLinkClassName, semanticTextClass, sizedComponentTextClass, toast, useSidebarPeek };