gd-design-library 1.8.2 → 1.8.3

package/ai/schemas/components/InlineNotification.d.cts

@@ -0,0 +1,35 @@
+declare const _default: {
+    component: {
+        name: string;
+        import: string;
+        description: string;
+        a2uiName: string;
+        category: string;
+        complexity: string;
+        accessibility: string;
+        performance: string;
+        dependencies: string[];
+        peerDependencies: string[];
+        bundleSize: string;
+        browserSupport: string;
+        touchSupport: boolean;
+        keyboardSupport: boolean;
+        screenReaderSupport: boolean;
+        props: ({
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["info", "warning", "error", "success", "basic"];
+            default: string;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum?: undefined;
+            default?: undefined;
+        })[];
+        examples: string[];
+    };
+    compositionTips: string[];
+};
+export default _default;

package/ai/schemas/components/Input.cjs

@@ -1 +1 @@
-var e={component:{name:`Input`,import:`import { Input } from 'gd-design-library'`,description:`Versatile form input component supporting multiple field types including text, email, password, checkbox, radio, and more. Includes built-in label, helper text, and adornment support.`,a2uiName:`input`,category:`Forms & Input`,complexity:`Medium`,accessibility:`WCAG 2.1 AA Compliant`,performance:`Optimized`,dependencies:[`@emotion/react`,`@emotion/styled`],peerDependencies:[`react`,`react-dom`],bundleSize:`~3KB gzipped`,browserSupport:`All modern browsers`,touchSupport:!0,keyboardSupport:!0,screenReaderSupport:!0,props:[{name:`label`,type:`string`,description:`Input label text displayed above the field`},{name:`placeholder`,type:`string`,description:`Placeholder text shown when input is empty`},{name:`value`,type:`string`,description:`Controlled value of the input`},{name:`variant`,type:`string`,description:`Input field type variant`,enum:[`text`,`email`,`password`,`number`,`tel`,`url`,`search`,`radio`,`checkbox`,`date`,`time`,`month`,`week`,`color`,`range`]},{name:`required`,type:`boolean`,description:`Whether the input is required for form validation`},{name:`disabled`,type:`boolean`,description:`Whether the input is disabled`},{name:`readOnly`,type:`boolean`,description:`Whether the input is read-only`},{name:`helpText`,type:`string`,description:`Helper text shown below the field (e.g. format hints, validation messages)`},{name:`color`,type:`string`,description:`Color state for validation feedback`,enum:[`primary`,`error`,`success`,`warning`]},{name:`icon`,type:`string`,description:`Leading adornment icon name from the shared A2UI icon catalog.`},{name:`iconEnd`,type:`string`,description:`Trailing adornment icon name from the shared A2UI icon catalog.`},{name:`name`,type:`string`,description:`HTML name attribute for form data submission`},{name:`debounceCallbackTime`,type:`number`,description:`Delay in ms before onChange fires (useful for search/auto-save)`},{name:`ariaDescribedBy`,type:`string`,description:`ID of helper or error text associated with the input for screen readers.`},{name:`actions`,type:`string[]`,description:`Action IDs from ui.actions to trigger on value change.`},{name:`styling`,type:`object`,description:`CSS style overrides for the input`}],examples:[`<Input variant={InputVariantType.Email} label="Email Address" placeholder="user@example.com" required />`,`<Input variant={InputVariantType.Password} label="Password" helperText="Must be at least 8 characters" />`,`<Input variant={InputVariantType.Text} adornmentStart={<Icon name="search" />} placeholder="Search..." />`,`<Input variant={InputVariantType.Checkbox} label="Remember me" checked={isChecked} onChange={handleChange} />`]},compositionTips:[`Use label for the visible field label and helpText for supporting guidance or validation copy.`,`Use icon and iconEnd for lightweight start/end adornments instead of React nodes.`,`Use debounceCallbackTime when the input should avoid firing change actions on every keystroke.`,`Use ariaDescribedBy when external helper or error text should be announced by screen readers.`,`Wire input updates through actions[] instead of raw onChange callbacks.`]};exports.default=e;
+var e={component:{name:`Input`,import:`import { Input } from 'gd-design-library'`,description:`Versatile form input component supporting multiple field types including text, email, password, checkbox, radio, and more. Includes built-in label, helper text, and adornment support.`,a2uiName:`input`,category:`Forms & Input`,complexity:`Medium`,accessibility:`WCAG 2.1 AA Compliant`,performance:`Optimized`,dependencies:[`@emotion/react`,`@emotion/styled`],peerDependencies:[`react`,`react-dom`],bundleSize:`~3KB gzipped`,browserSupport:`All modern browsers`,touchSupport:!0,keyboardSupport:!0,screenReaderSupport:!0,props:[{name:`label`,type:`string`,description:`Input label text displayed above the field`},{name:`placeholder`,type:`string`,description:`Placeholder text shown when input is empty`},{name:`value`,type:`string`,description:`Controlled value of the input`},{name:`variant`,type:`string`,description:`Input field type variant`,enum:[`text`,`email`,`password`,`number`,`tel`,`url`,`search`,`radio`,`checkbox`,`date`,`time`,`month`,`week`,`color`,`range`]},{name:`required`,type:`boolean`,description:`Whether the input is required for form validation`},{name:`disabled`,type:`boolean`,description:`Whether the input is disabled`},{name:`readOnly`,type:`boolean`,description:`Whether the input is read-only`},{name:`helpText`,type:`string`,description:`Helper text shown below the field (e.g. format hints, validation messages)`},{name:`color`,type:`string`,description:`Color state for validation feedback`,enum:[`primary`,`error`,`success`,`warning`]},{name:`icon`,type:`string`,description:`Leading adornment icon name from the shared A2UI icon catalog.`},{name:`iconEnd`,type:`string`,description:`Trailing adornment icon name from the shared A2UI icon catalog.`},{name:`name`,type:`string`,description:`HTML name attribute for form data submission`},{name:`debounceCallbackTime`,type:`number`,description:`Delay in ms before onChange fires (useful for search/auto-save)`},{name:`ariaDescribedBy`,type:`string`,description:`ID of helper or error text associated with the input for screen readers.`},{name:`checked`,type:`boolean`,description:`Checked state for checkbox and radio variants. Use with variant="checkbox" or variant="radio".`},{name:`indeterminate`,type:`boolean`,description:`Indeterminate (mixed) state for variant="checkbox". Use for partial-selection controls.`},{name:`actions`,type:`string[]`,description:`Action IDs from ui.actions to trigger on value change.`},{name:`styling`,type:`object`,description:`CSS style overrides for the input`}],examples:[`<Input variant={InputVariantType.Email} label="Email Address" placeholder="user@example.com" required />`,`<Input variant={InputVariantType.Password} label="Password" helperText="Must be at least 8 characters" />`,`<Input variant={InputVariantType.Text} adornmentStart={<Icon name="search" />} placeholder="Search..." />`,`<Input variant={InputVariantType.Checkbox} label="Remember me" checked={isChecked} onChange={handleChange} />`,`<Input variant={InputVariantType.Checkbox} label="Select all" indeterminate={hasPartial} checked={allSelected} onChange={handleSelectAll} />`]},compositionTips:[`Use label for the visible field label and helpText for supporting guidance or validation copy.`,`Use icon and iconEnd for lightweight start/end adornments instead of React nodes.`,`Use debounceCallbackTime when the input should avoid firing change actions on every keystroke.`,`Use ariaDescribedBy when external helper or error text should be announced by screen readers.`,`Wire input updates through actions[] instead of raw onChange callbacks.`,`For checkbox inputs in A2UI, use variant="checkbox" with checked and indeterminate props. NEVER emit { type: "checkbox" }.`]};exports.default=e;

package/ai/schemas/components/Input.d.cts

@@ -0,0 +1,38 @@
+declare const _default: {
+    component: {
+        name: string;
+        import: string;
+        description: string;
+        a2uiName: string;
+        category: string;
+        complexity: string;
+        accessibility: string;
+        performance: string;
+        dependencies: string[];
+        peerDependencies: string[];
+        bundleSize: string;
+        browserSupport: string;
+        touchSupport: boolean;
+        keyboardSupport: boolean;
+        screenReaderSupport: boolean;
+        props: ({
+            name: string;
+            type: string;
+            description: string;
+            enum?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["text", "email", "password", "number", "tel", "url", "search", "radio", "checkbox", "date", "time", "month", "week", "color", "range"];
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["primary", "error", "success", "warning"];
+        })[];
+        examples: string[];
+    };
+    compositionTips: string[];
+};
+export default _default;

package/ai/schemas/components/Input.js

@@ -109,6 +109,16 @@ var e = {
 				type: "string",
 				description: "ID of helper or error text associated with the input for screen readers."
 			},
+			{
+				name: "checked",
+				type: "boolean",
+				description: "Checked state for checkbox and radio variants. Use with variant=\"checkbox\" or variant=\"radio\"."
+			},
+			{
+				name: "indeterminate",
+				type: "boolean",
+				description: "Indeterminate (mixed) state for variant=\"checkbox\". Use for partial-selection controls."
+			},
 			{
 				name: "actions",
 				type: "string[]",
@@ -124,7 +134,8 @@ var e = {
 			"<Input variant={InputVariantType.Email} label=\"Email Address\" placeholder=\"user@example.com\" required />",
 			"<Input variant={InputVariantType.Password} label=\"Password\" helperText=\"Must be at least 8 characters\" />",
 			"<Input variant={InputVariantType.Text} adornmentStart={<Icon name=\"search\" />} placeholder=\"Search...\" />",
-			"<Input variant={InputVariantType.Checkbox} label=\"Remember me\" checked={isChecked} onChange={handleChange} />"
+			"<Input variant={InputVariantType.Checkbox} label=\"Remember me\" checked={isChecked} onChange={handleChange} />",
+			"<Input variant={InputVariantType.Checkbox} label=\"Select all\" indeterminate={hasPartial} checked={allSelected} onChange={handleSelectAll} />"
 		]
 	},
 	compositionTips: [
@@ -132,7 +143,8 @@ var e = {
 		"Use icon and iconEnd for lightweight start/end adornments instead of React nodes.",
 		"Use debounceCallbackTime when the input should avoid firing change actions on every keystroke.",
 		"Use ariaDescribedBy when external helper or error text should be announced by screen readers.",
-		"Wire input updates through actions[] instead of raw onChange callbacks."
+		"Wire input updates through actions[] instead of raw onChange callbacks.",
+		"For checkbox inputs in A2UI, use variant=\"checkbox\" with checked and indeterminate props. NEVER emit { type: \"checkbox\" }."
 	]
 };
 //#endregion

package/ai/schemas/components/InputArea.d.cts

@@ -0,0 +1,51 @@
+declare const _default: {
+    component: {
+        name: string;
+        import: string;
+        description: string;
+        a2uiName: string;
+        category: string;
+        complexity: string;
+        accessibility: string;
+        props: ({
+            name: string;
+            type: string;
+            description: string;
+            default?: undefined;
+            enum?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            default: boolean;
+            enum?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            default: string;
+            enum?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["idle", "recording", "processing"];
+            default: string;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            default: number;
+            enum?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            default: {};
+            enum?: undefined;
+        })[];
+        examples: string[];
+    };
+    compositionTips: string[];
+};
+export default _default;

package/ai/schemas/components/InputFile.d.cts

@@ -0,0 +1,27 @@
+declare const _default: {
+    component: {
+        name: string;
+        import: string;
+        description: string;
+        a2uiName: string;
+        category: string;
+        complexity: string;
+        accessibility: string;
+        performance: string;
+        dependencies: string[];
+        peerDependencies: string[];
+        bundleSize: string;
+        browserSupport: string;
+        touchSupport: boolean;
+        keyboardSupport: boolean;
+        screenReaderSupport: boolean;
+        props: {
+            name: string;
+            type: string;
+            description: string;
+        }[];
+        examples: string[];
+    };
+    compositionTips: string[];
+};
+export default _default;

package/ai/schemas/components/Label.d.cts

@@ -0,0 +1,33 @@
+declare const _default: {
+    component: {
+        name: string;
+        import: string;
+        description: string;
+        a2uiName: string;
+        category: string;
+        complexity: string;
+        accessibility: string;
+        performance: string;
+        dependencies: string[];
+        peerDependencies: string[];
+        bundleSize: string;
+        browserSupport: string;
+        touchSupport: boolean;
+        keyboardSupport: boolean;
+        screenReaderSupport: boolean;
+        props: ({
+            name: string;
+            type: string;
+            description: string;
+            required: boolean;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            required?: undefined;
+        })[];
+        examples: string[];
+    };
+    compositionTips: string[];
+};
+export default _default;

package/ai/schemas/components/Link.cjs

@@ -1 +1 @@
-var e={component:{name:`Link`,import:`import { Link } from 'gd-design-library'`,description:`Accessible anchor component for navigation with support for internal and absolute URL destinations, multiple visual variants, and proper security attributes. A2UI SPEC: use top-level "label" for text, plus top-level "href", "variant", "underline", "target", and "rel". Do NOT use "children" or put href inside "attributes". For custom hover colors, use the top-level "styling" object with standard CSS values.`,a2uiName:`link`,category:`Navigation & Structure`,complexity:`Low`,accessibility:`WCAG 2.1 AA Compliant`,performance:`Lightweight`,dependencies:[`@emotion/react`,`@emotion/styled`],peerDependencies:[`react`,`react-dom`],bundleSize:`~1KB gzipped`,browserSupport:`All modern browsers`,touchSupport:!0,keyboardSupport:!0,screenReaderSupport:!0,props:[{name:`label`,type:`string`,description:`A2UI: link text. Use top-level label instead of children.`,required:!0},{name:`href`,type:`string`,description:`URL destination for the link. Top-level field in A2UI.`},{name:`target`,type:`string`,description:`Browsing context: "_blank" to open in new tab, "_self" for same tab. Top-level field in A2UI.`,enum:[`_blank`,`_self`,`_parent`,`_top`]},{name:`rel`,type:`string`,description:`Relationship attribute (e.g. "noopener noreferrer" for links opened in a new tab). Top-level field in A2UI.`},{name:`variant`,type:`string`,description:`Visual style variant of the link. Top-level field in A2UI.`,enum:[`primary`,`secondary`,`inverted`,`inherit`]},{name:`size`,type:`string`,description:`Size variant of the link text. Top-level field in A2UI.`,enum:[`sm`,`md`,`lg`]},{name:`underline`,type:`string`,description:`Underline style for the link. Top-level field in A2UI.`,enum:[`default`,`highlight`,`none`]},{name:`disabled`,type:`boolean`,description:`Whether the link is disabled (prevents click interaction)`},{name:`ariaLabel`,type:`string`,description:`Accessible label for icon-only links or when link text needs clarification`},{name:`styling`,type:`object`,description:`CSS style overrides for the link. Use standard CSS values for hover states, for example {"&:hover":{"color":"#D21C1C","&::after":{"borderBottomColor":"#D21C1C"}}}.`},{name:`actions`,type:`string[]`,description:`Action IDs from ui.actions to trigger on click`}],examples:[`<Link href="/about" variant="primary">About Us</Link>`,`<Link href="https://example.com" target="_blank" rel="noopener noreferrer">Outbound Site</Link>`,`<Link href="/dashboard" variant="primary" underline="highlight">Go to Dashboard</Link>`,`<Link href="/dashboard" variant="primary" underline="highlight" styles={{ "&:hover": { color: "#D21C1C", "&::after": { borderBottomColor: "#D21C1C" } } }}>Go to Dashboard</Link>`]},compositionTips:[`Use top-level label and href for link content and destination instead of children or attributes.href.`,`Use target with rel for new-tab links so navigation stays secure and predictable.`,`Use variant, size, and underline to communicate link hierarchy without custom renderers.`,`Use actions[] only when the link should also trigger application behavior alongside its normal navigation intent.`,`Use styling for hover polish or spacing, including matching text color and underline color when customizing hover states.`]};exports.default=e;
+var e={component:{name:`Link`,import:`import { Link } from 'gd-design-library'`,description:`Accessible anchor component for navigation with support for internal and absolute URL destinations, multiple visual variants, and proper security attributes. A2UI SPEC: use top-level "label" for text, plus top-level "href", "variant", "underline", "target", and "rel". Do NOT use "children" or put href inside "attributes". For custom hover colors, use the top-level "styling" object with standard CSS values. Figma color tokens: gds.color.text.link → color.text.link.default (#53B7E8) for default link state; gds.color.text.link.hover → color.text.link.hover (#278CBF) — pass default via the top-level "color" prop and hover via styling["&:hover"].color.`,a2uiName:`link`,category:`Navigation & Structure`,complexity:`Low`,accessibility:`WCAG 2.1 AA Compliant`,performance:`Lightweight`,dependencies:[`@emotion/react`,`@emotion/styled`],peerDependencies:[`react`,`react-dom`],bundleSize:`~1KB gzipped`,browserSupport:`All modern browsers`,touchSupport:!0,keyboardSupport:!0,screenReaderSupport:!0,props:[{name:`label`,type:`string`,description:`A2UI: link text. Use top-level label instead of children.`,required:!0},{name:`href`,type:`string`,description:`URL destination for the link. Top-level field in A2UI.`},{name:`target`,type:`string`,description:`Browsing context: "_blank" to open in new tab, "_self" for same tab. Top-level field in A2UI.`,enum:[`_blank`,`_self`,`_parent`,`_top`]},{name:`rel`,type:`string`,description:`Relationship attribute (e.g. "noopener noreferrer" for links opened in a new tab). Top-level field in A2UI.`},{name:`variant`,type:`string`,description:`Visual style variant of the link. Top-level field in A2UI.`,enum:[`primary`,`secondary`,`inverted`,`inherit`]},{name:`size`,type:`string`,description:`Size variant of the link text. Top-level field in A2UI.`,enum:[`sm`,`md`,`lg`]},{name:`underline`,type:`string`,description:`Underline style for the link. Top-level field in A2UI.`,enum:[`default`,`highlight`,`none`]},{name:`disabled`,type:`boolean`,description:`Whether the link is disabled (prevents click interaction)`},{name:`cursor`,type:`string`,description:`CSS cursor style override. Defaults to pointer for active links and default for disabled ones.`,enum:[`default`,`pointer`,`text`,`move`,`wait`,`crosshair`,`not-allowed`,`help`,`zoom-in`,`zoom-out`,`grab`,`grabbing`]},{name:`color`,type:`string`,description:`Text color override. Accepts any CSS color value or GridKit theme token path (e.g. "color.text.error", "text.default"). Token paths are resolved through the theme at render time. Figma-map canonical tokens: color.text.link.default (#53B7E8) for the default state (Figma var gds.color.text.link), color.text.link.hover (#278CBF) for hover (Figma var gds.color.text.link.hover — pass via styling["&:hover"].color). When set, overrides the variant's default color.`},{name:`ariaLabel`,type:`string`,description:`Accessible label for icon-only links or when link text needs clarification`},{name:`tabIndex`,type:`number`,description:`Keyboard navigation order for the link.`},{name:`role`,type:`string`,description:`ARIA role override — e.g. "button" when a link triggers an action rather than navigating.`},{name:`styling`,type:`object`,description:`CSS style overrides for the link. All color values in styling — including inside nested pseudo-selectors like "&:hover" — accept both raw CSS colors and GridKit theme token paths (e.g. "color.text.error", "text.default"). Token paths are resolved through the theme at render time. Example: {"&:hover":{"color":"color.text.error","&::after":{"borderBottomColor":"color.text.error"}}}.`},{name:`actions`,type:`string[]`,description:`Action IDs from ui.actions to trigger on click`}],examples:[`<Link href="/about" variant="primary">About Us</Link>`,`<Link href="https://example.com" target="_blank" rel="noopener noreferrer">Outbound Site</Link>`,`<Link href="/dashboard" variant="primary" underline="highlight">Go to Dashboard</Link>`,`<Link href="/dashboard" variant="primary" underline="highlight" color="color.text.error" styling={{ "&:hover": { color: "color.text.error", "&::after": { borderBottomColor: "color.text.error" } } }}>Go to Dashboard</Link>`]},compositionTips:[`Use top-level label and href for link content and destination instead of children or attributes.href.`,`Use target with rel for new-tab links so navigation stays secure and predictable.`,`Use variant, size, and underline to communicate link hierarchy without custom renderers.`,`Use actions[] only when the link should also trigger application behavior alongside its normal navigation intent.`,`Use styling for hover polish or spacing, including matching text color and underline color when customizing hover states.`,`Figma color resolution: gds.color.text.link → color.text.link.default (#53B7E8) maps to the color prop for the default link state; gds.color.text.link.hover → color.text.link.hover (#278CBF) maps to styling["&:hover"].color and styling["&:hover"]["&::after"].borderBottomColor to keep text and underline in sync.`,`For icon links, gds.color.icon.link → color.icon.link.default (#53B7E8) resolves the same way via the color prop; gds.color.icon.link.hover → color.icon.link.hover (#278CBF) via styling["&:hover"].color.`,`Theme token paths are resolved recursively in the styling object — use "color.text.error" or "text.error" directly as a color value anywhere in styling (including nested "&:hover" and "&::after" selectors); the render layer converts them to the correct hex at runtime.`]};exports.default=e;

package/ai/schemas/components/Link.d.cts

@@ -0,0 +1,65 @@
+declare const _default: {
+    component: {
+        name: string;
+        import: string;
+        description: string;
+        a2uiName: string;
+        category: string;
+        complexity: string;
+        accessibility: string;
+        performance: string;
+        dependencies: string[];
+        peerDependencies: string[];
+        bundleSize: string;
+        browserSupport: string;
+        touchSupport: boolean;
+        keyboardSupport: boolean;
+        screenReaderSupport: boolean;
+        props: ({
+            name: string;
+            type: string;
+            description: string;
+            required: boolean;
+            enum?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            required?: undefined;
+            enum?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["_blank", "_self", "_parent", "_top"];
+            required?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["primary", "secondary", "inverted", "inherit"];
+            required?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["sm", "md", "lg"];
+            required?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["default", "highlight", "none"];
+            required?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["default", "pointer", "text", "move", "wait", "crosshair", "not-allowed", "help", "zoom-in", "zoom-out", "grab", "grabbing"];
+            required?: undefined;
+        })[];
+        examples: string[];
+    };
+    compositionTips: string[];
+};
+export default _default;

package/ai/schemas/components/Link.d.ts

@@ -51,6 +51,12 @@ declare const _default: {
             description: string;
             enum: readonly ["default", "highlight", "none"];
             required?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["default", "pointer", "text", "move", "wait", "crosshair", "not-allowed", "help", "zoom-in", "zoom-out", "grab", "grabbing"];
+            required?: undefined;
         })[];
         examples: string[];
     };

package/ai/schemas/components/Link.js

@@ -2,7 +2,7 @@ var e = {
 	component: {
 		name: "Link",
 		import: "import { Link } from 'gd-design-library'",
-		description: "Accessible anchor component for navigation with support for internal and absolute URL destinations, multiple visual variants, and proper security attributes. A2UI SPEC: use top-level \"label\" for text, plus top-level \"href\", \"variant\", \"underline\", \"target\", and \"rel\". Do NOT use \"children\" or put href inside \"attributes\". For custom hover colors, use the top-level \"styling\" object with standard CSS values.",
+		description: "Accessible anchor component for navigation with support for internal and absolute URL destinations, multiple visual variants, and proper security attributes. A2UI SPEC: use top-level \"label\" for text, plus top-level \"href\", \"variant\", \"underline\", \"target\", and \"rel\". Do NOT use \"children\" or put href inside \"attributes\". For custom hover colors, use the top-level \"styling\" object with standard CSS values. Figma color tokens: gds.color.text.link → color.text.link.default (#53B7E8) for default link state; gds.color.text.link.hover → color.text.link.hover (#278CBF) — pass default via the top-level \"color\" prop and hover via styling[\"&:hover\"].color.",
 		a2uiName: "link",
 		category: "Navigation & Structure",
 		complexity: "Low",
@@ -79,15 +79,49 @@ var e = {
 				type: "boolean",
 				description: "Whether the link is disabled (prevents click interaction)"
 			},
+			{
+				name: "cursor",
+				type: "string",
+				description: "CSS cursor style override. Defaults to pointer for active links and default for disabled ones.",
+				enum: [
+					"default",
+					"pointer",
+					"text",
+					"move",
+					"wait",
+					"crosshair",
+					"not-allowed",
+					"help",
+					"zoom-in",
+					"zoom-out",
+					"grab",
+					"grabbing"
+				]
+			},
+			{
+				name: "color",
+				type: "string",
+				description: "Text color override. Accepts any CSS color value or GridKit theme token path (e.g. \"color.text.error\", \"text.default\"). Token paths are resolved through the theme at render time. Figma-map canonical tokens: color.text.link.default (#53B7E8) for the default state (Figma var gds.color.text.link), color.text.link.hover (#278CBF) for hover (Figma var gds.color.text.link.hover — pass via styling[\"&:hover\"].color). When set, overrides the variant's default color."
+			},
 			{
 				name: "ariaLabel",
 				type: "string",
 				description: "Accessible label for icon-only links or when link text needs clarification"
 			},
+			{
+				name: "tabIndex",
+				type: "number",
+				description: "Keyboard navigation order for the link."
+			},
+			{
+				name: "role",
+				type: "string",
+				description: "ARIA role override — e.g. \"button\" when a link triggers an action rather than navigating."
+			},
 			{
 				name: "styling",
 				type: "object",
-				description: "CSS style overrides for the link. Use standard CSS values for hover states, for example {\"&:hover\":{\"color\":\"#D21C1C\",\"&::after\":{\"borderBottomColor\":\"#D21C1C\"}}}."
+				description: "CSS style overrides for the link. All color values in styling — including inside nested pseudo-selectors like \"&:hover\" — accept both raw CSS colors and GridKit theme token paths (e.g. \"color.text.error\", \"text.default\"). Token paths are resolved through the theme at render time. Example: {\"&:hover\":{\"color\":\"color.text.error\",\"&::after\":{\"borderBottomColor\":\"color.text.error\"}}}."
 			},
 			{
 				name: "actions",
@@ -99,7 +133,7 @@ var e = {
 			"<Link href=\"/about\" variant=\"primary\">About Us</Link>",
 			"<Link href=\"https://example.com\" target=\"_blank\" rel=\"noopener noreferrer\">Outbound Site</Link>",
 			"<Link href=\"/dashboard\" variant=\"primary\" underline=\"highlight\">Go to Dashboard</Link>",
-			"<Link href=\"/dashboard\" variant=\"primary\" underline=\"highlight\" styles={{ \"&:hover\": { color: \"#D21C1C\", \"&::after\": { borderBottomColor: \"#D21C1C\" } } }}>Go to Dashboard</Link>"
+			"<Link href=\"/dashboard\" variant=\"primary\" underline=\"highlight\" color=\"color.text.error\" styling={{ \"&:hover\": { color: \"color.text.error\", \"&::after\": { borderBottomColor: \"color.text.error\" } } }}>Go to Dashboard</Link>"
 		]
 	},
 	compositionTips: [
@@ -107,7 +141,10 @@ var e = {
 		"Use target with rel for new-tab links so navigation stays secure and predictable.",
 		"Use variant, size, and underline to communicate link hierarchy without custom renderers.",
 		"Use actions[] only when the link should also trigger application behavior alongside its normal navigation intent.",
-		"Use styling for hover polish or spacing, including matching text color and underline color when customizing hover states."
+		"Use styling for hover polish or spacing, including matching text color and underline color when customizing hover states.",
+		"Figma color resolution: gds.color.text.link → color.text.link.default (#53B7E8) maps to the color prop for the default link state; gds.color.text.link.hover → color.text.link.hover (#278CBF) maps to styling[\"&:hover\"].color and styling[\"&:hover\"][\"&::after\"].borderBottomColor to keep text and underline in sync.",
+		"For icon links, gds.color.icon.link → color.icon.link.default (#53B7E8) resolves the same way via the color prop; gds.color.icon.link.hover → color.icon.link.hover (#278CBF) via styling[\"&:hover\"].color.",
+		"Theme token paths are resolved recursively in the styling object — use \"color.text.error\" or \"text.error\" directly as a color value anywhere in styling (including nested \"&:hover\" and \"&::after\" selectors); the render layer converts them to the correct hex at runtime."
 	]
 };
 //#endregion

package/ai/schemas/components/List.d.cts

@@ -0,0 +1,38 @@
+declare const _default: {
+    component: {
+        name: string;
+        import: string;
+        description: string;
+        a2uiName: string;
+        category: string;
+        complexity: string;
+        accessibility: string;
+        performance: string;
+        dependencies: string[];
+        peerDependencies: string[];
+        bundleSize: string;
+        browserSupport: string;
+        touchSupport: boolean;
+        keyboardSupport: boolean;
+        screenReaderSupport: boolean;
+        props: ({
+            name: string;
+            type: string;
+            description: string;
+            enum?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["ordered-circle", "ordered-square", "unordered-dot", "unordered-check"];
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["sm", "md"];
+        })[];
+        examples: string[];
+    };
+    compositionTips: string[];
+};
+export default _default;

package/ai/schemas/components/Loader.d.cts

@@ -0,0 +1,59 @@
+declare const _default: {
+    component: {
+        name: string;
+        import: string;
+        description: string;
+        a2uiName: string;
+        category: string;
+        complexity: string;
+        accessibility: string;
+        performance: string;
+        dependencies: string[];
+        peerDependencies: string[];
+        bundleSize: string;
+        browserSupport: string;
+        touchSupport: boolean;
+        keyboardSupport: boolean;
+        screenReaderSupport: boolean;
+        props: ({
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["circle", "dots"];
+            default: string;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["inline", "block", "flex", "absolute", "fixed", "fullPage"];
+            default: string;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["xs", "sm", "md", "lg", "xl"];
+            default?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["none", "default", "round", "xs", "sm", "md", "lg", "xl"];
+            default?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            default: boolean;
+            enum?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum?: undefined;
+            default?: undefined;
+        })[];
+        examples: string[];
+    };
+    compositionTips: string[];
+};
+export default _default;

package/ai/schemas/components/Menu.d.cts

@@ -0,0 +1,58 @@
+declare const _default: {
+    component: {
+        name: string;
+        import: string;
+        description: string;
+        a2uiName: string;
+        category: string;
+        complexity: string;
+        accessibility: string;
+        performance: string;
+        dependencies: string[];
+        peerDependencies: string[];
+        bundleSize: string;
+        browserSupport: string;
+        touchSupport: boolean;
+        keyboardSupport: boolean;
+        screenReaderSupport: boolean;
+        props: ({
+            name: string;
+            type: string;
+            description: string;
+            required: boolean;
+            enum?: undefined;
+            default?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            required?: undefined;
+            enum?: undefined;
+            default?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            enum: readonly ["top-left", "top-right", "bottom-left", "bottom-right"];
+            default: string;
+            required?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            default: boolean;
+            required?: undefined;
+            enum?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            default: number;
+            required?: undefined;
+            enum?: undefined;
+        })[];
+        examples: string[];
+    };
+    compositionTips: string[];
+};
+export default _default;

package/ai/schemas/components/Modal.d.cts

@@ -0,0 +1,33 @@
+declare const _default: {
+    component: {
+        name: string;
+        import: string;
+        description: string;
+        a2uiName: string;
+        category: string;
+        complexity: string;
+        accessibility: string;
+        performance: string;
+        dependencies: string[];
+        peerDependencies: string[];
+        bundleSize: string;
+        browserSupport: string;
+        touchSupport: boolean;
+        keyboardSupport: boolean;
+        screenReaderSupport: boolean;
+        props: ({
+            name: string;
+            type: string;
+            description: string;
+            default?: undefined;
+        } | {
+            name: string;
+            type: string;
+            description: string;
+            default: boolean;
+        })[];
+        examples: string[];
+    };
+    compositionTips: string[];
+};
+export default _default;