@mich8060/unified-design-system 0.2.13 → 0.2.14

package/dist/design-system/generated/component-api.d.ts

@@ -0,0 +1,1568 @@
+export declare const COMPONENT_API: {
+    readonly Accordion: {
+        readonly name: "Accordion";
+        readonly source: "src/design-system/components/Accordion/Accordion.spec.ts";
+        readonly props: {};
+        readonly defaults: {};
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly ActionMenu: {
+        readonly name: "ActionMenu";
+        readonly source: "src/design-system/components/ActionMenu/ActionMenu.spec.ts";
+        readonly props: {};
+        readonly defaults: {};
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Card", "Menu", "Table"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Avatar: {
+        readonly name: "Avatar";
+        readonly source: "src/design-system/components/Avatar/Avatar.spec.ts";
+        readonly props: {
+            readonly size: {
+                readonly type: "string";
+                readonly default: "default";
+            };
+        };
+        readonly defaults: {
+            readonly size: "default";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Card", "Table"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Badge: {
+        readonly name: "Badge";
+        readonly source: "src/design-system/components/Badge/Badge.spec.ts";
+        readonly props: {
+            readonly variant: {
+                readonly type: "enum";
+                readonly values: readonly ["blue", "cyan", "green", "magenta", "indigo", "rose", "neutral", "orange", "purple", "red", "sky", "yellow", "inverse", "lime"];
+                readonly default: "red";
+            };
+            readonly appearance: {
+                readonly type: "enum";
+                readonly values: readonly ["solid", "outlined"];
+                readonly default: "solid";
+            };
+            readonly rounded: {
+                readonly type: "boolean";
+                readonly default: true;
+            };
+        };
+        readonly defaults: {
+            readonly variant: "red";
+            readonly appearance: "solid";
+            readonly rounded: true;
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Branding: {
+        readonly name: "Branding";
+        readonly source: "src/design-system/components/Branding/Branding.spec.ts";
+        readonly props: {
+            readonly size: {
+                readonly type: "string";
+                readonly default: "default";
+            };
+        };
+        readonly defaults: {
+            readonly size: "default";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Breadcrumb: {
+        readonly name: "Breadcrumb";
+        readonly source: "src/design-system/components/Breadcrumb/Breadcrumb.spec.ts";
+        readonly props: {};
+        readonly defaults: {};
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Button: {
+        readonly name: "Button";
+        readonly source: "src/design-system/components/Button/Button.spec.ts";
+        readonly props: {
+            readonly layout: {
+                readonly type: "enum";
+                readonly values: readonly ["label-only", "icon-left", "icon-right", "icon-only", "only"];
+                readonly default: "label-only";
+            };
+            readonly appearance: {
+                readonly type: "enum";
+                readonly values: readonly ["primary", "soft", "outline", "text", "ghost", "disabled", "destructive"];
+                readonly default: "primary";
+            };
+            readonly size: {
+                readonly type: "enum";
+                readonly values: readonly ["large", "default", "small", "xsmall"];
+                readonly default: "default";
+            };
+        };
+        readonly defaults: {
+            readonly layout: "label-only";
+            readonly appearance: "primary";
+            readonly size: "default";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["AppShell", "Card", "Container", "Flex", "Modal", "Table", "Tabs"];
+            readonly disallowedChildren: readonly ["Button"];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Calendar: {
+        readonly name: "Calendar";
+        readonly source: "src/design-system/components/Calendar/Calendar.spec.ts";
+        readonly props: {};
+        readonly defaults: {};
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Card: {
+        readonly name: "Card";
+        readonly source: "src/design-system/components/Card/Card.spec.ts";
+        readonly props: {};
+        readonly defaults: {};
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly ["Text", "Flex", "Button", "Tag", "Status", "Table", "Divider", "Avatar", "ActionMenu", "Field"];
+            readonly allowedParents: readonly ["AppShell", "Container", "Tabs"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Checkbox: {
+        readonly name: "Checkbox";
+        readonly source: "src/design-system/components/Checkbox/Checkbox.spec.ts";
+        readonly props: {};
+        readonly defaults: {};
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Field"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Chip: {
+        readonly name: "Chip";
+        readonly source: "src/design-system/components/Chip/Chip.spec.ts";
+        readonly props: {
+            readonly selected: {
+                readonly type: "boolean";
+                readonly default: false;
+            };
+            readonly shape: {
+                readonly type: "enum";
+                readonly values: readonly ["pill", "rounded"];
+                readonly default: "pill";
+            };
+            readonly size: {
+                readonly type: "enum";
+                readonly values: readonly ["default", "compact"];
+                readonly default: "default";
+            };
+            readonly iconPlacement: {
+                readonly type: "enum";
+                readonly values: readonly ["both", "left", "right", "none"];
+                readonly default: "none";
+            };
+            readonly badgeVariant: {
+                readonly type: "string";
+                readonly default: "sky";
+            };
+        };
+        readonly defaults: {
+            readonly selected: false;
+            readonly shape: "pill";
+            readonly size: "default";
+            readonly iconPlacement: "none";
+            readonly badgeVariant: "sky";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {
+                readonly iconplacement: "iconPlacement";
+            };
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Code: {
+        readonly name: "Code";
+        readonly source: "src/design-system/components/Code/Code.spec.ts";
+        readonly props: {
+            readonly language: {
+                readonly type: "enum";
+                readonly values: readonly ["markup", "css", "clike", "javascript", "typescript", "tsx", "jsx", "json", "bash", "sql"];
+                readonly default: "javascript";
+            };
+            readonly inline: {
+                readonly type: "enum";
+                readonly values: readonly [true, false];
+                readonly default: false;
+            };
+        };
+        readonly defaults: {
+            readonly language: "javascript";
+            readonly inline: false;
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Container: {
+        readonly name: "Container";
+        readonly source: "src/design-system/components/Container/Container.spec.ts";
+        readonly tier: 2;
+        readonly purpose: "Provides a reusable content wrapper with optional filled or transparent surface styles and standardized padding.";
+        readonly props: {
+            readonly appearance: {
+                readonly type: "enum";
+                readonly values: readonly ["default", "transparent"];
+                readonly default: "default";
+            };
+            readonly padding: {
+                readonly type: "enum";
+                readonly values: readonly ["none", "xsmall", "small", "default", "large", "xlarge"];
+                readonly default: "default";
+            };
+        };
+        readonly defaults: {
+            readonly appearance: "default";
+            readonly padding: "default";
+        };
+        readonly states: readonly ["default"];
+        readonly tokensUsed: readonly ["--uds-surface-secondary", "--uds-border-width-1", "--uds-border-primary", "--uds-radius-8", "--uds-spacing-0", "--uds-spacing-8", "--uds-spacing-12", "--uds-spacing-16", "--uds-spacing-24", "--uds-spacing-32"];
+        readonly accessibility: {
+            readonly role: "generic";
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly ["Flex", "Card", "Table", "Text", "Button", "Field", "Divider", "Tag"];
+            readonly allowedParents: readonly ["AppShell", "root"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly ["Do not use Container for semantic landmarks where <section>, <article>, or <aside> is required.", "Do not hardcode spacing values on top of Container padding variants."];
+    };
+    readonly Datepicker: {
+        readonly name: "Datepicker";
+        readonly source: "src/design-system/components/Datepicker/Datepicker.spec.ts";
+        readonly props: {
+            readonly size: {
+                readonly type: "string";
+                readonly default: "desktop";
+            };
+        };
+        readonly defaults: {
+            readonly size: "desktop";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Field", "Modal"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Dialog: {
+        readonly name: "Dialog";
+        readonly source: "src/design-system/components/Dialog/Dialog.spec.ts";
+        readonly props: {
+            readonly intent: {
+                readonly type: "string";
+                readonly default: "info";
+            };
+            readonly confirmLabel: {
+                readonly type: "string";
+                readonly default: "Confirm";
+            };
+            readonly cancelLabel: {
+                readonly type: "string";
+                readonly default: "Cancel";
+            };
+        };
+        readonly defaults: {
+            readonly intent: "info";
+            readonly confirmLabel: "Confirm";
+            readonly cancelLabel: "Cancel";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly ["Dialog"];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Divider: {
+        readonly name: "Divider";
+        readonly source: "src/design-system/components/Divider/Divider.spec.ts";
+        readonly props: {
+            readonly alignment: {
+                readonly type: "enum";
+                readonly values: readonly ["left", "center", "right"];
+                readonly default: "center";
+            };
+            readonly variant: {
+                readonly type: "enum";
+                readonly values: readonly ["line", "solid"];
+                readonly default: "line";
+            };
+        };
+        readonly defaults: {
+            readonly alignment: "center";
+            readonly variant: "line";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Card", "Container", "Modal"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly DotStatus: {
+        readonly name: "DotStatus";
+        readonly source: "src/design-system/components/DotStatus/DotStatus.spec.ts";
+        readonly props: {
+            readonly variant: {
+                readonly type: "enum";
+                readonly values: readonly ["red", "blue", "inverse", "orange", "sky", "indigo", "rose", "neutral", "celery", "lime", "yellow", "green", "cyan", "purple", "fuchsia"];
+                readonly default: "blue";
+            };
+            readonly size: {
+                readonly type: "enum";
+                readonly values: readonly ["small", "medium", "large"];
+                readonly default: "medium";
+            };
+            readonly outline: {
+                readonly type: "boolean";
+                readonly default: false;
+            };
+        };
+        readonly defaults: {
+            readonly variant: "blue";
+            readonly size: "medium";
+            readonly outline: false;
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Table"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Dropdown: {
+        readonly name: "Dropdown";
+        readonly source: "src/design-system/components/Dropdown/Dropdown.spec.ts";
+        readonly props: {
+            readonly size: {
+                readonly type: "enum";
+                readonly values: readonly ["compact", "default"];
+                readonly default: "default";
+            };
+            readonly state: {
+                readonly type: "enum";
+                readonly values: readonly ["default", "focused", "error", "disabled"];
+                readonly default: "default";
+            };
+            readonly placeholder: {
+                readonly type: "string";
+                readonly default: "Select an option";
+            };
+            readonly placement: {
+                readonly type: "string";
+                readonly default: "bottom-start";
+            };
+        };
+        readonly defaults: {
+            readonly size: "default";
+            readonly state: "default";
+            readonly placeholder: "Select an option";
+            readonly placement: "bottom-start";
+        };
+        readonly states: readonly ["default", "focused", "error", "disabled"];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Field", "Menu", "Modal"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly EmptyState: {
+        readonly name: "EmptyState";
+        readonly source: "src/design-system/components/EmptyState/EmptyState.spec.ts";
+        readonly tier: 2;
+        readonly purpose: "Provide a clear, branded fallback when a section has no content, data, or search results.";
+        readonly props: {
+            readonly align: {
+                readonly type: "enum";
+                readonly values: readonly ["left", "center"];
+                readonly default: "center";
+            };
+        };
+        readonly defaults: {
+            readonly align: "center";
+        };
+        readonly states: readonly ["default"];
+        readonly tokensUsed: readonly ["--uds-surface-secondary", "--uds-border-primary", "--uds-radius-8", "--uds-text-primary", "--uds-text-secondary", "--uds-spacing-24"];
+        readonly accessibility: {
+            readonly role: "region";
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly ["Do not use EmptyState when content is loading; use a loading indicator instead.", "Do not place multiple primary actions inside a single EmptyState."];
+    };
+    readonly EventCard: {
+        readonly name: "EventCard";
+        readonly source: "src/design-system/components/EventCard/EventCard.spec.ts";
+        readonly props: {
+            readonly title: {
+                readonly type: "string";
+                readonly default: "Title";
+            };
+            readonly type: {
+                readonly type: "string";
+                readonly default: "travel";
+            };
+            readonly status: {
+                readonly type: "string";
+                readonly default: "active";
+            };
+        };
+        readonly defaults: {
+            readonly title: "Title";
+            readonly type: "travel";
+            readonly status: "active";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Field: {
+        readonly name: "Field";
+        readonly source: "src/design-system/components/Field/Field.spec.ts";
+        readonly props: {};
+        readonly defaults: {};
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly ["TextInput", "Input", "Dropdown", "Datepicker", "Textarea", "Checkbox", "Radio", "Toggle", "Slider", "FileUpload"];
+            readonly allowedParents: readonly ["Card", "Container", "Modal", "Tabs"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly FileUpload: {
+        readonly name: "FileUpload";
+        readonly source: "src/design-system/components/FileUpload/FileUpload.spec.ts";
+        readonly props: {
+            readonly instructionText: {
+                readonly type: "string";
+                readonly default: "Drop files here or click to upload";
+            };
+        };
+        readonly defaults: {
+            readonly instructionText: "Drop files here or click to upload";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Field"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Flex: {
+        readonly name: "Flex";
+        readonly source: "src/design-system/components/Flex/Flex.spec.ts";
+        readonly tier: 2;
+        readonly purpose: "Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and width behavior.";
+        readonly props: {
+            readonly fullWidth: {
+                readonly type: "boolean";
+                readonly default: false;
+            };
+        };
+        readonly defaults: {
+            readonly fullWidth: false;
+        };
+        readonly states: readonly ["default"];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly role: "generic";
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["AppShell", "Card", "Container"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Icon: {
+        readonly name: "Icon";
+        readonly source: "src/design-system/components/Icon/Icon.spec.ts";
+        readonly props: {
+            readonly appearance: {
+                readonly type: "string";
+                readonly default: "regular";
+            };
+        };
+        readonly defaults: {
+            readonly appearance: "regular";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Menu"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly ImageAspect: {
+        readonly name: "ImageAspect";
+        readonly source: "src/design-system/components/ImageAspect/ImageAspect.spec.ts";
+        readonly props: {
+            readonly aspectratio: {
+                readonly type: "enum";
+                readonly values: readonly ["square", "video", "4-3", "3-2", "21-9", "portrait", "auto"];
+            };
+            readonly ratio: {
+                readonly type: "string";
+                readonly default: "square";
+            };
+        };
+        readonly defaults: {
+            readonly ratio: "square";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Key: {
+        readonly name: "Key";
+        readonly source: "src/design-system/components/Key/Key.spec.ts";
+        readonly props: {
+            readonly appearance: {
+                readonly type: "enum";
+                readonly values: readonly ["light", "dark"];
+                readonly default: "light";
+            };
+        };
+        readonly defaults: {
+            readonly appearance: "light";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Menu: {
+        readonly name: "Menu";
+        readonly source: "src/design-system/components/Menu/Menu.spec.ts";
+        readonly props: {
+            readonly identity: {
+                readonly type: "string";
+                readonly default: "design-system";
+            };
+        };
+        readonly defaults: {
+            readonly identity: "design-system";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly ["ActionMenu", "Dropdown", "Toggle", "Text", "Icon"];
+            readonly allowedParents: readonly ["AppShell", "root"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly MicroCalendar: {
+        readonly name: "MicroCalendar";
+        readonly source: "src/design-system/components/MicroCalendar/MicroCalendar.spec.ts";
+        readonly props: {};
+        readonly defaults: {};
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Modal: {
+        readonly name: "Modal";
+        readonly source: "src/design-system/components/Modal/Modal.spec.ts";
+        readonly props: {
+            readonly size: {
+                readonly type: "enum";
+                readonly values: readonly ["small", "default", "large", "fullscreen"];
+                readonly default: "default";
+            };
+        };
+        readonly defaults: {
+            readonly size: "default";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly ["Text", "Button", "Divider", "Field", "TextInput", "Dropdown", "Datepicker", "Textarea", "Tag"];
+            readonly allowedParents: readonly ["AppShell", "Container", "root"];
+            readonly disallowedChildren: readonly ["Modal"];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Pagination: {
+        readonly name: "Pagination";
+        readonly source: "src/design-system/components/Pagination/Pagination.spec.ts";
+        readonly props: {
+            readonly variant: {
+                readonly type: "string";
+                readonly default: "default";
+            };
+        };
+        readonly defaults: {
+            readonly variant: "default";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly ProgressCircle: {
+        readonly name: "ProgressCircle";
+        readonly source: "src/design-system/components/ProgressCircle/ProgressCircle.spec.ts";
+        readonly props: {
+            readonly shape: {
+                readonly type: "enum";
+                readonly values: readonly ["circle", "half-circle"];
+                readonly default: "circle";
+            };
+            readonly size: {
+                readonly type: "enum";
+                readonly values: readonly ["xxs", "xs", "sm", "md", "lg"];
+                readonly default: "md";
+            };
+        };
+        readonly defaults: {
+            readonly shape: "circle";
+            readonly size: "md";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly ProgressIndicator: {
+        readonly name: "ProgressIndicator";
+        readonly source: "src/design-system/components/ProgressIndicator/ProgressIndicator.spec.ts";
+        readonly props: {
+            readonly labelPosition: {
+                readonly type: "enum";
+                readonly values: readonly ["false", "right", "bottom", "top-floating", "bottom-floating"];
+                readonly default: false;
+            };
+            readonly variant: {
+                readonly type: "enum";
+                readonly values: readonly ["default", "blue", "green", "success", "orange", "warning", "red", "error", "purple"];
+                readonly default: "default";
+            };
+            readonly size: {
+                readonly type: "enum";
+                readonly values: readonly ["small", "medium", "large"];
+                readonly default: "medium";
+            };
+        };
+        readonly defaults: {
+            readonly labelPosition: false;
+            readonly variant: "default";
+            readonly size: "medium";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Table"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Radio: {
+        readonly name: "Radio";
+        readonly source: "src/design-system/components/Radio/Radio.spec.ts";
+        readonly props: {};
+        readonly defaults: {};
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Field"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Slider: {
+        readonly name: "Slider";
+        readonly source: "src/design-system/components/Slider/Slider.spec.ts";
+        readonly props: {};
+        readonly defaults: {};
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Field"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Status: {
+        readonly name: "Status";
+        readonly source: "src/design-system/components/Status/Status.spec.ts";
+        readonly props: {
+            readonly appearance: {
+                readonly type: "enum";
+                readonly values: readonly ["light-gray", "white"];
+                readonly default: "light-gray";
+            };
+            readonly shape: {
+                readonly type: "enum";
+                readonly values: readonly ["pill", "rounded"];
+                readonly default: "pill";
+            };
+            readonly variant: {
+                readonly type: "string";
+                readonly default: "blue";
+            };
+        };
+        readonly defaults: {
+            readonly appearance: "light-gray";
+            readonly shape: "pill";
+            readonly variant: "blue";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Card", "Table"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Steps: {
+        readonly name: "Steps";
+        readonly source: "src/design-system/components/Steps/Steps.spec.ts";
+        readonly props: {
+            readonly orientation: {
+                readonly type: "enum";
+                readonly values: readonly ["horizontal", "vertical"];
+                readonly default: "horizontal";
+            };
+            readonly status: {
+                readonly type: "enum";
+                readonly values: readonly ["complete", "active", "incomplete", "disabled", "error"];
+            };
+            readonly size: {
+                readonly type: "enum";
+                readonly values: readonly ["default", "compact"];
+                readonly default: "default";
+            };
+        };
+        readonly defaults: {
+            readonly orientation: "horizontal";
+            readonly size: "default";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Table: {
+        readonly name: "Table";
+        readonly source: "src/design-system/components/Table/Table.spec.ts";
+        readonly props: {};
+        readonly defaults: {};
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly ["Tag", "Status", "Avatar", "Button", "ActionMenu", "ProgressIndicator", "DotStatus"];
+            readonly allowedParents: readonly ["Card", "Container", "Tabs"];
+            readonly disallowedChildren: readonly ["Table"];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Tabs: {
+        readonly name: "Tabs";
+        readonly source: "src/design-system/components/Tabs/Tabs.spec.ts";
+        readonly props: {
+            readonly appearance: {
+                readonly type: "string";
+                readonly default: "underline";
+            };
+            readonly tagVariant: {
+                readonly type: "string";
+                readonly default: "red";
+            };
+        };
+        readonly defaults: {
+            readonly appearance: "underline";
+            readonly tagVariant: "red";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly ["Text", "Tag", "Button", "Card", "Table", "Field"];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Tag: {
+        readonly name: "Tag";
+        readonly source: "src/design-system/components/Tag/Tag.spec.ts";
+        readonly props: {
+            readonly appearance: {
+                readonly type: "enum";
+                readonly values: readonly ["label-only", "icon-left"];
+                readonly default: "label-only";
+            };
+            readonly size: {
+                readonly type: "enum";
+                readonly values: readonly ["compact", "default"];
+                readonly default: "compact";
+            };
+            readonly color: {
+                readonly type: "enum";
+                readonly values: readonly ["transparent", "neutral", "red", "orange", "yellow", "emerald", "green", "sky", "cyan", "blue", "indigo", "purple", "fuchsia", "magenta", "inverse"];
+                readonly default: "transparent";
+            };
+            readonly label: {
+                readonly type: "string";
+                readonly default: "Label";
+            };
+        };
+        readonly defaults: {
+            readonly appearance: "label-only";
+            readonly size: "compact";
+            readonly color: "transparent";
+            readonly label: "Label";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Card", "Container", "Modal", "Table", "Tabs"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Text: {
+        readonly name: "Text";
+        readonly source: "src/design-system/components/Text/Text.spec.ts";
+        readonly tier: 2;
+        readonly purpose: "Applies UDS typography variants with governed weight and leading options while preserving semantic tags via `as`.";
+        readonly props: {
+            readonly variant: {
+                readonly type: "enum";
+                readonly values: readonly ["display-128", "display-96", "display-72", "display-60", "display-48", "display-36", "heading-32", "heading-28", "heading-24", "body-20", "body-16", "body-14", "body-12"];
+                readonly default: "body-16";
+            };
+            readonly weight: {
+                readonly type: "enum";
+                readonly values: readonly ["regular", "medium", "semibold", "bold"];
+                readonly default: "regular";
+            };
+            readonly leading: {
+                readonly type: "enum";
+                readonly values: readonly ["tight", "regular", "loose"];
+                readonly default: "regular";
+            };
+        };
+        readonly defaults: {
+            readonly variant: "body-16";
+            readonly weight: "regular";
+            readonly leading: "regular";
+        };
+        readonly states: readonly ["default"];
+        readonly tokensUsed: readonly ["--uds-font-family", "--uds-font-size-*", "--uds-line-*", "--uds-font-weight*", "--uds-type-*"];
+        readonly accessibility: {
+            readonly role: "text";
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["AppShell", "Card", "Container", "Flex", "Menu", "Modal", "Tabs"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly ["Do not set font-size/line-height directly on consumer elements; use Text variant + leading.", "Do not reintroduce tailwind-like typography utilities that bypass semantic tokens."];
+    };
+    readonly Textarea: {
+        readonly name: "Textarea";
+        readonly source: "src/design-system/components/Textarea/Textarea.spec.ts";
+        readonly props: {
+            readonly size: {
+                readonly type: "enum";
+                readonly values: readonly ["compact", "default"];
+                readonly default: "default";
+            };
+            readonly state: {
+                readonly type: "enum";
+                readonly values: readonly ["default", "focused", "error", "disabled"];
+                readonly default: "default";
+            };
+        };
+        readonly defaults: {
+            readonly size: "default";
+            readonly state: "default";
+        };
+        readonly states: readonly ["default", "focused", "error", "disabled"];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Field", "Modal"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly TextInput: {
+        readonly name: "TextInput";
+        readonly source: "src/design-system/components/TextInput/TextInput.spec.ts";
+        readonly props: {
+            readonly size: {
+                readonly type: "enum";
+                readonly values: readonly ["compact", "default"];
+                readonly default: "default";
+            };
+            readonly state: {
+                readonly type: "enum";
+                readonly values: readonly ["default", "focused", "error", "disabled"];
+                readonly default: "default";
+            };
+            readonly type: {
+                readonly type: "string";
+                readonly default: "text";
+            };
+            readonly iconPosition: {
+                readonly type: "string";
+                readonly default: "right";
+            };
+        };
+        readonly defaults: {
+            readonly size: "default";
+            readonly state: "default";
+            readonly type: "text";
+            readonly iconPosition: "right";
+        };
+        readonly states: readonly ["default", "focused", "error", "disabled"];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Field", "Modal"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Toast: {
+        readonly name: "Toast";
+        readonly source: "src/design-system/components/Toast/Toast.spec.ts";
+        readonly props: {
+            readonly variant: {
+                readonly type: "enum";
+                readonly values: readonly ["success", "error", "warning", "info"];
+                readonly default: "info";
+            };
+        };
+        readonly defaults: {
+            readonly variant: "info";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly ["Modal", "Dialog"];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Toggle: {
+        readonly name: "Toggle";
+        readonly source: "src/design-system/components/Toggle/Toggle.spec.ts";
+        readonly props: {
+            readonly size: {
+                readonly type: "enum";
+                readonly values: readonly ["large", "small"];
+                readonly default: "large";
+            };
+        };
+        readonly defaults: {
+            readonly size: "large";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly ["Field", "Menu"];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+    readonly Tooltip: {
+        readonly name: "Tooltip";
+        readonly source: "src/design-system/components/Tooltip/Tooltip.spec.ts";
+        readonly props: {
+            readonly placement: {
+                readonly type: "enum";
+                readonly values: readonly ["top", "bottom", "left", "right"];
+                readonly default: "top";
+            };
+        };
+        readonly defaults: {
+            readonly placement: "top";
+        };
+        readonly states: readonly [];
+        readonly tokensUsed: readonly [];
+        readonly accessibility: {
+            readonly keyboard: readonly [];
+        };
+        readonly composition: {
+            readonly allowedChildren: readonly [];
+            readonly allowedParents: readonly [];
+            readonly disallowedChildren: readonly [];
+        };
+        readonly aliases: {
+            readonly props: {};
+        };
+        readonly ambiguity: {
+            readonly propNameCollisions: readonly [];
+            readonly hadAliasNormalization: false;
+        };
+        readonly antiPatterns: readonly [];
+    };
+};
+export type ComponentApiMap = typeof COMPONENT_API;
+export type ComponentName = keyof ComponentApiMap;
+export type ComponentApi = ComponentApiMap[ComponentName];