@mich8060/unified-design-system 0.2.21 → 0.2.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/ai/examples/training.examples.cjs +1 -1
  2. package/dist/ai/examples/training.examples.js +1 -1
  3. package/dist/ai/examples/trees.example.cjs +1 -1
  4. package/dist/ai/examples/trees.example.js +1 -1
  5. package/dist/ai/manifest/components.manifest.cjs +1 -1
  6. package/dist/ai/manifest/components.manifest.js +1 -1
  7. package/dist/ai/manifest/composition.manifest.cjs +1 -1
  8. package/dist/ai/manifest/composition.manifest.js +1 -1
  9. package/dist/ai/manifest/patterns.manifest.cjs +1 -1
  10. package/dist/ai/manifest/patterns.manifest.js +1 -1
  11. package/dist/ai/manifest.json +0 -90
  12. package/dist/ai/prompts/figma-make.prompt.md +1 -0
  13. package/dist/ai/prompts/starter.prompt.md +1 -0
  14. package/dist/components/Breadcrumb/Breadcrumb.cjs +1 -1
  15. package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
  16. package/dist/components/Flex/Flex.cjs +1 -1
  17. package/dist/components/Flex/Flex.js +1 -1
  18. package/dist/components/Menu/Menu.cjs +1 -1
  19. package/dist/components/Menu/Menu.js +1 -1
  20. package/dist/design-system/components/Flex/Flex.types.d.ts +2 -1
  21. package/dist/design-system/figma-make/index.d.ts +0 -1
  22. package/dist/design-system/generated/component-api.d.ts +12 -36
  23. package/dist/design-system/index.d.ts +0 -1
  24. package/dist/figma-make/index.cjs +1 -1
  25. package/dist/figma-make/index.js +1 -1
  26. package/dist/generated/component-api.cjs +1 -1
  27. package/dist/generated/component-api.js +1 -1
  28. package/dist/index.cjs +1 -1
  29. package/dist/index.js +1 -1
  30. package/dist/style.css +1 -1
  31. package/package.json +1 -7
  32. package/dist/components/Card/Card.cjs +0 -1
  33. package/dist/components/Card/Card.js +0 -1
  34. package/dist/design-system/components/Card/Card.d.ts +0 -13
  35. package/dist/design-system/components/Card/Card.types.d.ts +0 -8
  36. package/dist/design-system/components/Card/index.d.ts +0 -3
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=[{id:"valid-auth-form",scenario:"Simple authentication card with semantic layout and one primary action.",kind:"valid",tags:["form","auth","field-wrapping"],output:{tree:{type:"Container",props:{gap:"--uds-spacing-24"},children:[{type:"Card",children:[{type:"Text",props:{variant:"heading-24"}},{type:"Field",children:[{type:"TextInput",props:{type:"email",iconPosition:"left"}}]},{type:"Field",children:[{type:"TextInput",props:{type:"password"}}]},{type:"Flex",children:[{type:"Button",props:{appearance:"primary",label:"Sign in"}},{type:"Button",props:{appearance:"text",label:"Forgot password?"}}]}]}]}},expected:{status:"pass"},rationale:{why:"Uses allowed composition (Container > Card > Field/Text/Button), valid spacing token, and a single primary action."}},{id:"valid-table-summary",scenario:"Data summary area with table-related indicators and a single primary action.",kind:"valid",tags:["table","status","dashboard"],output:{tree:{type:"Container",children:[{type:"Flex",children:[{type:"Text",props:{variant:"heading-24"}},{type:"Button",props:{appearance:"primary",label:"Create row"}}]},{type:"Table",children:[{type:"Status",props:{variant:"success",text:"Ready"}},{type:"Tag",props:{variant:"blue",label:"Active"}},{type:"DotStatus",props:{status:"positive"}},{type:"ActionMenu",props:{triggerLabel:"Row actions"}}]}]}},expected:{status:"pass"},rationale:{why:"Uses allowed Table children and keeps primary action count within limit."}},{id:"invalid-two-primary-actions",scenario:"Section contains two primary buttons.",kind:"invalid",tags:["actions","policy"],output:{tree:{type:"Container",children:[{type:"Button",props:{appearance:"primary",label:"Save"}},{type:"Button",props:{appearance:"primary",label:"Publish"}}]}},expected:{status:"fail",violationCodes:["RULE_MAX_PRIMARY_ACTIONS"]},rationale:{why:"Violates max primary actions per section.",fix:"Keep one primary action and convert the rest to secondary appearances."}},{id:"invalid-raw-html-and-inline-style",scenario:"Output includes raw HTML and inline style values.",kind:"invalid",tags:["raw-html","inline-style","governance"],output:{tree:{type:"Container",children:[{type:"div",props:{style:{color:"#ff0000"}},children:[{type:"Text",props:{variant:"body-16"}}]}]}},expected:{status:"fail",violationCodes:["RULE_UNKNOWN_COMPONENT","RULE_RAW_HTML_DISALLOWED","RULE_INLINE_STYLE_DISALLOWED"]},rationale:{why:"Governance forbids raw HTML tags and inline styling in generated output.",fix:"Replace raw HTML with UDS components and use tokenized component props."}},{id:"invalid-spacing-token",scenario:"Spacing prop uses a non-system token.",kind:"invalid",tags:["tokens","spacing"],output:{tree:{type:"Container",props:{gap:"--uds-spacing-999"},children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_UNKNOWN_SPACING_TOKEN"]},rationale:{why:"Spacing token is outside allowed spacing system.",fix:"Use an allowed token such as --uds-spacing-8/12/16/24."}},{id:"invalid-custom-css-variable",scenario:"Uses non-UDS CSS variable references in component props.",kind:"invalid",tags:["tokens","css-variables","governance"],output:{tree:{type:"Container",props:{surfaceColor:"var(--brand-primary-500)"},children:[{type:"Text",props:{color:"--custom-text-color",variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_CUSTOM_CSS_VAR_DISALLOWED"]},rationale:{why:"Generated output must not introduce custom CSS variables outside --uds-* namespace.",fix:"Use --uds-* references or hardcoded literal values."}},{id:"invalid-tailwind-classname",scenario:"Output includes Tailwind utility classes.",kind:"invalid",tags:["tailwind","className","governance"],output:{tree:{type:"Container",props:{className:"p-4 bg-blue-600 text-white"},children:[{type:"Text",props:{variant:"body-16",text:"Example"}}]}},expected:{status:"fail",violationCodes:["RULE_TAILWIND_CLASS_DISALLOWED"]},rationale:{why:"Figma Make output must not fall back to Tailwind utility classes.",fix:"Use UDS components and governed tokenized props instead of className utilities."}},{id:"invalid-menu-ant-props",scenario:"Menu uses Ant-style props that are not part of the UDS contract.",kind:"invalid",tags:["menu","props","contract-drift"],output:{tree:{type:"Menu",props:{items:[{label:"Dashboard",icon:"House",path:"/"}],selectedKeys:["/"],mode:"inline"}}},expected:{status:"fail",violationCodes:["RULE_FORBIDDEN_PROP"]},rationale:{why:"Menu must use UDS canonical props, not Ant-style API props.",fix:"Use navItems plus activeMode/app state driven selection."}},{id:"invalid-flex-ant-props",scenario:"Flex uses vertical/justify/align aliases from non-UDS APIs.",kind:"invalid",tags:["flex","props","contract-drift"],output:{tree:{type:"Flex",props:{vertical:!0,justify:"space-between",align:"center"},children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_FORBIDDEN_PROP"]},rationale:{why:"Flex layout must use canonical props for deterministic cross-model behavior.",fix:"Use direction, justifyContent, and alignItems props."}},{id:"invalid-composition-parent-child",scenario:"Composition places a form field directly inside Menu.",kind:"invalid",tags:["composition","parent-child","layout"],output:{tree:{type:"Menu",children:[{type:"Field",children:[{type:"TextInput",props:{type:"text"}}]}]}},expected:{status:"fail",violationCodes:["RULE_INVALID_COMPOSITION","RULE_INVALID_PARENT_COMPOSITION"]},rationale:{why:"Field is not an allowed Menu child and Field requires a form/container context.",fix:"Use Menu-approved children or move Field under Container/Card/Modal/Tabs."}},{id:"invalid-ambiguous-prop-alias",scenario:"Uses an ambiguous legacy alias prop instead of canonical prop.",kind:"invalid",tags:["props","aliases","governance"],output:{tree:{type:"Chip",props:{label:"Demo",iconplacement:"left",icon:"User"}}},expected:{status:"fail",violationCodes:["RULE_AMBIGUOUS_PROP_ALIAS"]},rationale:{why:"Alias props create inconsistent generation behavior across models.",fix:"Use canonical prop name `iconPlacement`."}},{id:"invalid-version-mismatch",scenario:"Output version fields do not match current governance contract.",kind:"invalid",tags:["versioning","contract","governance"],output:{manifestVersion:"0.0.1",governanceVersion:"0.0.1",policyVersion:"0.0.1",tree:{type:"Container",children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_VERSION_MISMATCH_MANIFESTVERSION","RULE_VERSION_MISMATCH_GOVERNANCEVERSION","RULE_VERSION_MISMATCH_POLICYVERSION"]},rationale:{why:"Generated output must declare versions that match the active AI contract.",fix:"Use the current manifest/governance/policy versions from UDSGovernance."}},{id:"invalid-schema-node-type",scenario:"Malformed output with missing node type.",kind:"invalid",tags:["schema","malformed"],output:{tree:{type:"",children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["SCHEMA_NODE_TYPE"]},rationale:{why:"Schema requires each node to have a non-empty string `type`.",fix:"Set a valid UDS component type for every node."}}];exports.UDS_TRAINING_EXAMPLES=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=[{id:"valid-auth-form",scenario:"Simple authentication container with semantic layout and one primary action.",kind:"valid",tags:["form","auth","field-wrapping"],output:{tree:{type:"Container",props:{gap:"--uds-spacing-24"},children:[{type:"Container",children:[{type:"Text",props:{variant:"heading-24"}},{type:"Field",children:[{type:"TextInput",props:{type:"email",iconPosition:"left"}}]},{type:"Field",children:[{type:"TextInput",props:{type:"password"}}]},{type:"Flex",children:[{type:"Button",props:{appearance:"primary",label:"Sign in"}},{type:"Button",props:{appearance:"text",label:"Forgot password?"}}]}]}]}},expected:{status:"pass"},rationale:{why:"Uses allowed composition (Container > Field/Text/Button), valid spacing token, and a single primary action."}},{id:"valid-table-summary",scenario:"Data summary area with table-related indicators and a single primary action.",kind:"valid",tags:["table","status","dashboard"],output:{tree:{type:"Container",children:[{type:"Flex",children:[{type:"Text",props:{variant:"heading-24"}},{type:"Button",props:{appearance:"primary",label:"Create row"}}]},{type:"Table",children:[{type:"Status",props:{variant:"success",text:"Ready"}},{type:"Tag",props:{variant:"blue",label:"Active"}},{type:"DotStatus",props:{status:"positive"}},{type:"ActionMenu",props:{triggerLabel:"Row actions"}}]}]}},expected:{status:"pass"},rationale:{why:"Uses allowed Table children and keeps primary action count within limit."}},{id:"invalid-two-primary-actions",scenario:"Section contains two primary buttons.",kind:"invalid",tags:["actions","policy"],output:{tree:{type:"Container",children:[{type:"Button",props:{appearance:"primary",label:"Save"}},{type:"Button",props:{appearance:"primary",label:"Publish"}}]}},expected:{status:"fail",violationCodes:["RULE_MAX_PRIMARY_ACTIONS"]},rationale:{why:"Violates max primary actions per section.",fix:"Keep one primary action and convert the rest to secondary appearances."}},{id:"invalid-raw-html-and-inline-style",scenario:"Output includes raw HTML and inline style values.",kind:"invalid",tags:["raw-html","inline-style","governance"],output:{tree:{type:"Container",children:[{type:"div",props:{style:{color:"#ff0000"}},children:[{type:"Text",props:{variant:"body-16"}}]}]}},expected:{status:"fail",violationCodes:["RULE_UNKNOWN_COMPONENT","RULE_RAW_HTML_DISALLOWED","RULE_INLINE_STYLE_DISALLOWED"]},rationale:{why:"Governance forbids raw HTML tags and inline styling in generated output.",fix:"Replace raw HTML with UDS components and use tokenized component props."}},{id:"invalid-spacing-token",scenario:"Spacing prop uses a non-system token.",kind:"invalid",tags:["tokens","spacing"],output:{tree:{type:"Container",props:{gap:"--uds-spacing-999"},children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_UNKNOWN_SPACING_TOKEN"]},rationale:{why:"Spacing token is outside allowed spacing system.",fix:"Use an allowed token such as --uds-spacing-8/12/16/24."}},{id:"invalid-custom-css-variable",scenario:"Uses non-UDS CSS variable references in component props.",kind:"invalid",tags:["tokens","css-variables","governance"],output:{tree:{type:"Container",props:{surfaceColor:"var(--brand-primary-500)"},children:[{type:"Text",props:{color:"--custom-text-color",variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_CUSTOM_CSS_VAR_DISALLOWED"]},rationale:{why:"Generated output must not introduce custom CSS variables outside --uds-* namespace.",fix:"Use --uds-* references or hardcoded literal values."}},{id:"invalid-tailwind-classname",scenario:"Output includes Tailwind utility classes.",kind:"invalid",tags:["tailwind","className","governance"],output:{tree:{type:"Container",props:{className:"p-4 bg-blue-600 text-white"},children:[{type:"Text",props:{variant:"body-16",text:"Example"}}]}},expected:{status:"fail",violationCodes:["RULE_TAILWIND_CLASS_DISALLOWED"]},rationale:{why:"Figma Make output must not fall back to Tailwind utility classes.",fix:"Use UDS components and governed tokenized props instead of className utilities."}},{id:"invalid-menu-ant-props",scenario:"Menu uses Ant-style props that are not part of the UDS contract.",kind:"invalid",tags:["menu","props","contract-drift"],output:{tree:{type:"Menu",props:{items:[{label:"Dashboard",icon:"House",path:"/"}],selectedKeys:["/"],mode:"inline"}}},expected:{status:"fail",violationCodes:["RULE_FORBIDDEN_PROP"]},rationale:{why:"Menu must use UDS canonical props, not Ant-style API props.",fix:"Use navItems plus activeMode/app state driven selection."}},{id:"invalid-flex-ant-props",scenario:"Flex uses vertical/justify/align aliases from non-UDS APIs.",kind:"invalid",tags:["flex","props","contract-drift"],output:{tree:{type:"Flex",props:{vertical:!0,justify:"space-between",align:"center"},children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_FORBIDDEN_PROP"]},rationale:{why:"Flex layout must use canonical props for deterministic cross-model behavior.",fix:"Use direction, justifyContent, and alignItems props."}},{id:"invalid-composition-parent-child",scenario:"Composition places a form field directly inside Menu.",kind:"invalid",tags:["composition","parent-child","layout"],output:{tree:{type:"Menu",children:[{type:"Field",children:[{type:"TextInput",props:{type:"text"}}]}]}},expected:{status:"fail",violationCodes:["RULE_INVALID_COMPOSITION","RULE_INVALID_PARENT_COMPOSITION"]},rationale:{why:"Field is not an allowed Menu child and Field requires a form/container context.",fix:"Use Menu-approved children or move Field under Container/Modal/Tabs."}},{id:"invalid-ambiguous-prop-alias",scenario:"Uses an ambiguous legacy alias prop instead of canonical prop.",kind:"invalid",tags:["props","aliases","governance"],output:{tree:{type:"Chip",props:{label:"Demo",iconplacement:"left",icon:"User"}}},expected:{status:"fail",violationCodes:["RULE_AMBIGUOUS_PROP_ALIAS"]},rationale:{why:"Alias props create inconsistent generation behavior across models.",fix:"Use canonical prop name `iconPlacement`."}},{id:"invalid-version-mismatch",scenario:"Output version fields do not match current governance contract.",kind:"invalid",tags:["versioning","contract","governance"],output:{manifestVersion:"0.0.1",governanceVersion:"0.0.1",policyVersion:"0.0.1",tree:{type:"Container",children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_VERSION_MISMATCH_MANIFESTVERSION","RULE_VERSION_MISMATCH_GOVERNANCEVERSION","RULE_VERSION_MISMATCH_POLICYVERSION"]},rationale:{why:"Generated output must declare versions that match the active AI contract.",fix:"Use the current manifest/governance/policy versions from UDSGovernance."}},{id:"invalid-schema-node-type",scenario:"Malformed output with missing node type.",kind:"invalid",tags:["schema","malformed"],output:{tree:{type:"",children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["SCHEMA_NODE_TYPE"]},rationale:{why:"Schema requires each node to have a non-empty string `type`.",fix:"Set a valid UDS component type for every node."}}];exports.UDS_TRAINING_EXAMPLES=e;
@@ -1 +1 @@
1
- const e=[{id:"valid-auth-form",scenario:"Simple authentication card with semantic layout and one primary action.",kind:"valid",tags:["form","auth","field-wrapping"],output:{tree:{type:"Container",props:{gap:"--uds-spacing-24"},children:[{type:"Card",children:[{type:"Text",props:{variant:"heading-24"}},{type:"Field",children:[{type:"TextInput",props:{type:"email",iconPosition:"left"}}]},{type:"Field",children:[{type:"TextInput",props:{type:"password"}}]},{type:"Flex",children:[{type:"Button",props:{appearance:"primary",label:"Sign in"}},{type:"Button",props:{appearance:"text",label:"Forgot password?"}}]}]}]}},expected:{status:"pass"},rationale:{why:"Uses allowed composition (Container > Card > Field/Text/Button), valid spacing token, and a single primary action."}},{id:"valid-table-summary",scenario:"Data summary area with table-related indicators and a single primary action.",kind:"valid",tags:["table","status","dashboard"],output:{tree:{type:"Container",children:[{type:"Flex",children:[{type:"Text",props:{variant:"heading-24"}},{type:"Button",props:{appearance:"primary",label:"Create row"}}]},{type:"Table",children:[{type:"Status",props:{variant:"success",text:"Ready"}},{type:"Tag",props:{variant:"blue",label:"Active"}},{type:"DotStatus",props:{status:"positive"}},{type:"ActionMenu",props:{triggerLabel:"Row actions"}}]}]}},expected:{status:"pass"},rationale:{why:"Uses allowed Table children and keeps primary action count within limit."}},{id:"invalid-two-primary-actions",scenario:"Section contains two primary buttons.",kind:"invalid",tags:["actions","policy"],output:{tree:{type:"Container",children:[{type:"Button",props:{appearance:"primary",label:"Save"}},{type:"Button",props:{appearance:"primary",label:"Publish"}}]}},expected:{status:"fail",violationCodes:["RULE_MAX_PRIMARY_ACTIONS"]},rationale:{why:"Violates max primary actions per section.",fix:"Keep one primary action and convert the rest to secondary appearances."}},{id:"invalid-raw-html-and-inline-style",scenario:"Output includes raw HTML and inline style values.",kind:"invalid",tags:["raw-html","inline-style","governance"],output:{tree:{type:"Container",children:[{type:"div",props:{style:{color:"#ff0000"}},children:[{type:"Text",props:{variant:"body-16"}}]}]}},expected:{status:"fail",violationCodes:["RULE_UNKNOWN_COMPONENT","RULE_RAW_HTML_DISALLOWED","RULE_INLINE_STYLE_DISALLOWED"]},rationale:{why:"Governance forbids raw HTML tags and inline styling in generated output.",fix:"Replace raw HTML with UDS components and use tokenized component props."}},{id:"invalid-spacing-token",scenario:"Spacing prop uses a non-system token.",kind:"invalid",tags:["tokens","spacing"],output:{tree:{type:"Container",props:{gap:"--uds-spacing-999"},children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_UNKNOWN_SPACING_TOKEN"]},rationale:{why:"Spacing token is outside allowed spacing system.",fix:"Use an allowed token such as --uds-spacing-8/12/16/24."}},{id:"invalid-custom-css-variable",scenario:"Uses non-UDS CSS variable references in component props.",kind:"invalid",tags:["tokens","css-variables","governance"],output:{tree:{type:"Container",props:{surfaceColor:"var(--brand-primary-500)"},children:[{type:"Text",props:{color:"--custom-text-color",variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_CUSTOM_CSS_VAR_DISALLOWED"]},rationale:{why:"Generated output must not introduce custom CSS variables outside --uds-* namespace.",fix:"Use --uds-* references or hardcoded literal values."}},{id:"invalid-tailwind-classname",scenario:"Output includes Tailwind utility classes.",kind:"invalid",tags:["tailwind","className","governance"],output:{tree:{type:"Container",props:{className:"p-4 bg-blue-600 text-white"},children:[{type:"Text",props:{variant:"body-16",text:"Example"}}]}},expected:{status:"fail",violationCodes:["RULE_TAILWIND_CLASS_DISALLOWED"]},rationale:{why:"Figma Make output must not fall back to Tailwind utility classes.",fix:"Use UDS components and governed tokenized props instead of className utilities."}},{id:"invalid-menu-ant-props",scenario:"Menu uses Ant-style props that are not part of the UDS contract.",kind:"invalid",tags:["menu","props","contract-drift"],output:{tree:{type:"Menu",props:{items:[{label:"Dashboard",icon:"House",path:"/"}],selectedKeys:["/"],mode:"inline"}}},expected:{status:"fail",violationCodes:["RULE_FORBIDDEN_PROP"]},rationale:{why:"Menu must use UDS canonical props, not Ant-style API props.",fix:"Use navItems plus activeMode/app state driven selection."}},{id:"invalid-flex-ant-props",scenario:"Flex uses vertical/justify/align aliases from non-UDS APIs.",kind:"invalid",tags:["flex","props","contract-drift"],output:{tree:{type:"Flex",props:{vertical:!0,justify:"space-between",align:"center"},children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_FORBIDDEN_PROP"]},rationale:{why:"Flex layout must use canonical props for deterministic cross-model behavior.",fix:"Use direction, justifyContent, and alignItems props."}},{id:"invalid-composition-parent-child",scenario:"Composition places a form field directly inside Menu.",kind:"invalid",tags:["composition","parent-child","layout"],output:{tree:{type:"Menu",children:[{type:"Field",children:[{type:"TextInput",props:{type:"text"}}]}]}},expected:{status:"fail",violationCodes:["RULE_INVALID_COMPOSITION","RULE_INVALID_PARENT_COMPOSITION"]},rationale:{why:"Field is not an allowed Menu child and Field requires a form/container context.",fix:"Use Menu-approved children or move Field under Container/Card/Modal/Tabs."}},{id:"invalid-ambiguous-prop-alias",scenario:"Uses an ambiguous legacy alias prop instead of canonical prop.",kind:"invalid",tags:["props","aliases","governance"],output:{tree:{type:"Chip",props:{label:"Demo",iconplacement:"left",icon:"User"}}},expected:{status:"fail",violationCodes:["RULE_AMBIGUOUS_PROP_ALIAS"]},rationale:{why:"Alias props create inconsistent generation behavior across models.",fix:"Use canonical prop name `iconPlacement`."}},{id:"invalid-version-mismatch",scenario:"Output version fields do not match current governance contract.",kind:"invalid",tags:["versioning","contract","governance"],output:{manifestVersion:"0.0.1",governanceVersion:"0.0.1",policyVersion:"0.0.1",tree:{type:"Container",children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_VERSION_MISMATCH_MANIFESTVERSION","RULE_VERSION_MISMATCH_GOVERNANCEVERSION","RULE_VERSION_MISMATCH_POLICYVERSION"]},rationale:{why:"Generated output must declare versions that match the active AI contract.",fix:"Use the current manifest/governance/policy versions from UDSGovernance."}},{id:"invalid-schema-node-type",scenario:"Malformed output with missing node type.",kind:"invalid",tags:["schema","malformed"],output:{tree:{type:"",children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["SCHEMA_NODE_TYPE"]},rationale:{why:"Schema requires each node to have a non-empty string `type`.",fix:"Set a valid UDS component type for every node."}}];export{e as UDS_TRAINING_EXAMPLES};
1
+ const e=[{id:"valid-auth-form",scenario:"Simple authentication container with semantic layout and one primary action.",kind:"valid",tags:["form","auth","field-wrapping"],output:{tree:{type:"Container",props:{gap:"--uds-spacing-24"},children:[{type:"Container",children:[{type:"Text",props:{variant:"heading-24"}},{type:"Field",children:[{type:"TextInput",props:{type:"email",iconPosition:"left"}}]},{type:"Field",children:[{type:"TextInput",props:{type:"password"}}]},{type:"Flex",children:[{type:"Button",props:{appearance:"primary",label:"Sign in"}},{type:"Button",props:{appearance:"text",label:"Forgot password?"}}]}]}]}},expected:{status:"pass"},rationale:{why:"Uses allowed composition (Container > Field/Text/Button), valid spacing token, and a single primary action."}},{id:"valid-table-summary",scenario:"Data summary area with table-related indicators and a single primary action.",kind:"valid",tags:["table","status","dashboard"],output:{tree:{type:"Container",children:[{type:"Flex",children:[{type:"Text",props:{variant:"heading-24"}},{type:"Button",props:{appearance:"primary",label:"Create row"}}]},{type:"Table",children:[{type:"Status",props:{variant:"success",text:"Ready"}},{type:"Tag",props:{variant:"blue",label:"Active"}},{type:"DotStatus",props:{status:"positive"}},{type:"ActionMenu",props:{triggerLabel:"Row actions"}}]}]}},expected:{status:"pass"},rationale:{why:"Uses allowed Table children and keeps primary action count within limit."}},{id:"invalid-two-primary-actions",scenario:"Section contains two primary buttons.",kind:"invalid",tags:["actions","policy"],output:{tree:{type:"Container",children:[{type:"Button",props:{appearance:"primary",label:"Save"}},{type:"Button",props:{appearance:"primary",label:"Publish"}}]}},expected:{status:"fail",violationCodes:["RULE_MAX_PRIMARY_ACTIONS"]},rationale:{why:"Violates max primary actions per section.",fix:"Keep one primary action and convert the rest to secondary appearances."}},{id:"invalid-raw-html-and-inline-style",scenario:"Output includes raw HTML and inline style values.",kind:"invalid",tags:["raw-html","inline-style","governance"],output:{tree:{type:"Container",children:[{type:"div",props:{style:{color:"#ff0000"}},children:[{type:"Text",props:{variant:"body-16"}}]}]}},expected:{status:"fail",violationCodes:["RULE_UNKNOWN_COMPONENT","RULE_RAW_HTML_DISALLOWED","RULE_INLINE_STYLE_DISALLOWED"]},rationale:{why:"Governance forbids raw HTML tags and inline styling in generated output.",fix:"Replace raw HTML with UDS components and use tokenized component props."}},{id:"invalid-spacing-token",scenario:"Spacing prop uses a non-system token.",kind:"invalid",tags:["tokens","spacing"],output:{tree:{type:"Container",props:{gap:"--uds-spacing-999"},children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_UNKNOWN_SPACING_TOKEN"]},rationale:{why:"Spacing token is outside allowed spacing system.",fix:"Use an allowed token such as --uds-spacing-8/12/16/24."}},{id:"invalid-custom-css-variable",scenario:"Uses non-UDS CSS variable references in component props.",kind:"invalid",tags:["tokens","css-variables","governance"],output:{tree:{type:"Container",props:{surfaceColor:"var(--brand-primary-500)"},children:[{type:"Text",props:{color:"--custom-text-color",variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_CUSTOM_CSS_VAR_DISALLOWED"]},rationale:{why:"Generated output must not introduce custom CSS variables outside --uds-* namespace.",fix:"Use --uds-* references or hardcoded literal values."}},{id:"invalid-tailwind-classname",scenario:"Output includes Tailwind utility classes.",kind:"invalid",tags:["tailwind","className","governance"],output:{tree:{type:"Container",props:{className:"p-4 bg-blue-600 text-white"},children:[{type:"Text",props:{variant:"body-16",text:"Example"}}]}},expected:{status:"fail",violationCodes:["RULE_TAILWIND_CLASS_DISALLOWED"]},rationale:{why:"Figma Make output must not fall back to Tailwind utility classes.",fix:"Use UDS components and governed tokenized props instead of className utilities."}},{id:"invalid-menu-ant-props",scenario:"Menu uses Ant-style props that are not part of the UDS contract.",kind:"invalid",tags:["menu","props","contract-drift"],output:{tree:{type:"Menu",props:{items:[{label:"Dashboard",icon:"House",path:"/"}],selectedKeys:["/"],mode:"inline"}}},expected:{status:"fail",violationCodes:["RULE_FORBIDDEN_PROP"]},rationale:{why:"Menu must use UDS canonical props, not Ant-style API props.",fix:"Use navItems plus activeMode/app state driven selection."}},{id:"invalid-flex-ant-props",scenario:"Flex uses vertical/justify/align aliases from non-UDS APIs.",kind:"invalid",tags:["flex","props","contract-drift"],output:{tree:{type:"Flex",props:{vertical:!0,justify:"space-between",align:"center"},children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_FORBIDDEN_PROP"]},rationale:{why:"Flex layout must use canonical props for deterministic cross-model behavior.",fix:"Use direction, justifyContent, and alignItems props."}},{id:"invalid-composition-parent-child",scenario:"Composition places a form field directly inside Menu.",kind:"invalid",tags:["composition","parent-child","layout"],output:{tree:{type:"Menu",children:[{type:"Field",children:[{type:"TextInput",props:{type:"text"}}]}]}},expected:{status:"fail",violationCodes:["RULE_INVALID_COMPOSITION","RULE_INVALID_PARENT_COMPOSITION"]},rationale:{why:"Field is not an allowed Menu child and Field requires a form/container context.",fix:"Use Menu-approved children or move Field under Container/Modal/Tabs."}},{id:"invalid-ambiguous-prop-alias",scenario:"Uses an ambiguous legacy alias prop instead of canonical prop.",kind:"invalid",tags:["props","aliases","governance"],output:{tree:{type:"Chip",props:{label:"Demo",iconplacement:"left",icon:"User"}}},expected:{status:"fail",violationCodes:["RULE_AMBIGUOUS_PROP_ALIAS"]},rationale:{why:"Alias props create inconsistent generation behavior across models.",fix:"Use canonical prop name `iconPlacement`."}},{id:"invalid-version-mismatch",scenario:"Output version fields do not match current governance contract.",kind:"invalid",tags:["versioning","contract","governance"],output:{manifestVersion:"0.0.1",governanceVersion:"0.0.1",policyVersion:"0.0.1",tree:{type:"Container",children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["RULE_VERSION_MISMATCH_MANIFESTVERSION","RULE_VERSION_MISMATCH_GOVERNANCEVERSION","RULE_VERSION_MISMATCH_POLICYVERSION"]},rationale:{why:"Generated output must declare versions that match the active AI contract.",fix:"Use the current manifest/governance/policy versions from UDSGovernance."}},{id:"invalid-schema-node-type",scenario:"Malformed output with missing node type.",kind:"invalid",tags:["schema","malformed"],output:{tree:{type:"",children:[{type:"Text",props:{variant:"body-16"}}]}},expected:{status:"fail",violationCodes:["SCHEMA_NODE_TYPE"]},rationale:{why:"Schema requires each node to have a non-empty string `type`.",fix:"Set a valid UDS component type for every node."}}];export{e as UDS_TRAINING_EXAMPLES};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={type:"Container",props:{gap:"--uds-spacing-24"},children:[{type:"Card",props:{gap:"--uds-spacing-16"},children:[{type:"Text",props:{variant:"heading-24"}},{type:"Field",children:[{type:"TextInput",props:{iconPosition:"left"}}]},{type:"Field",children:[{type:"TextInput",props:{type:"password"}}]},{type:"Button",props:{appearance:"primary",label:"Sign in"}}]}]},p={type:"Container",children:[{type:"Button",props:{appearance:"primary",label:"Save"}},{type:"Button",props:{appearance:"primary",label:"Publish"}}]};exports.InvalidPrimaryActionTree=p;exports.ValidAuthFormTree=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={type:"Container",props:{gap:"--uds-spacing-24"},children:[{type:"Container",props:{gap:"--uds-spacing-16"},children:[{type:"Text",props:{variant:"heading-24"}},{type:"Field",children:[{type:"TextInput",props:{iconPosition:"left"}}]},{type:"Field",children:[{type:"TextInput",props:{type:"password"}}]},{type:"Button",props:{appearance:"primary",label:"Sign in"}}]}]},p={type:"Container",children:[{type:"Button",props:{appearance:"primary",label:"Save"}},{type:"Button",props:{appearance:"primary",label:"Publish"}}]};exports.InvalidPrimaryActionTree=p;exports.ValidAuthFormTree=e;
@@ -1 +1 @@
1
- const p={type:"Container",props:{gap:"--uds-spacing-24"},children:[{type:"Card",props:{gap:"--uds-spacing-16"},children:[{type:"Text",props:{variant:"heading-24"}},{type:"Field",children:[{type:"TextInput",props:{iconPosition:"left"}}]},{type:"Field",children:[{type:"TextInput",props:{type:"password"}}]},{type:"Button",props:{appearance:"primary",label:"Sign in"}}]}]},e={type:"Container",children:[{type:"Button",props:{appearance:"primary",label:"Save"}},{type:"Button",props:{appearance:"primary",label:"Publish"}}]};export{e as InvalidPrimaryActionTree,p as ValidAuthFormTree};
1
+ const p={type:"Container",props:{gap:"--uds-spacing-24"},children:[{type:"Container",props:{gap:"--uds-spacing-16"},children:[{type:"Text",props:{variant:"heading-24"}},{type:"Field",children:[{type:"TextInput",props:{iconPosition:"left"}}]},{type:"Field",children:[{type:"TextInput",props:{type:"password"}}]},{type:"Button",props:{appearance:"primary",label:"Sign in"}}]}]},e={type:"Container",children:[{type:"Button",props:{appearance:"primary",label:"Save"}},{type:"Button",props:{appearance:"primary",label:"Publish"}}]};export{e as InvalidPrimaryActionTree,p as ValidAuthFormTree};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>e==="form"?["--uds-spacing-8","--uds-spacing-12","--uds-color-neutral-700","--uds-color-blue-600"]:e==="feedback"?["--uds-spacing-8","--uds-color-green-600","--uds-color-red-600"]:e==="layout"?["--uds-spacing-16","--uds-spacing-24","--uds-radius-8"]:e==="navigation"?["--uds-spacing-8","--uds-color-neutral-600","--uds-color-blue-600"]:["--uds-spacing-8","--uds-color-neutral-700","--uds-radius-8"],r=e=>({name:e.name,category:e.category,intent:e.intent,priority:e.priority,variants:e.variants??[],sizes:e.sizes,slots:e.slots,usage:{preferredContexts:e.preferredContexts,maxPerSection:e.maxPerSection},constraints:e.constraints,accessibility:{role:e.accessibilityRole??"group",keyboardSupport:e.keyboardSupport??["Tab"]},tokenDependencies:e.tokenDependencies??t(e.category)}),a=[{name:"Accordion",category:"layout",intent:"Progressive disclosure for grouped content.",preferredContexts:["settings","details"],accessibilityRole:"region"},{name:"ActionMenu",category:"navigation",intent:"Contextual action list for row/item actions.",preferredContexts:["tables","cards"],accessibilityRole:"menu",keyboardSupport:["Tab","Enter","ArrowUp","ArrowDown","Escape"]},{name:"AppShell",category:"layout",intent:"Top-level application shell composition.",preferredContexts:["app-root"],maxPerSection:1,tokenDependencies:["--uds-spacing-16","--uds-color-neutral-50","--uds-elevation-overlay"],accessibilityRole:"application"},{name:"Avatar",category:"data-display",intent:"Represent people or entities with image/initials.",preferredContexts:["lists","tables","headers"],accessibilityRole:"img"},{name:"Badge",category:"data-display",intent:"Small count/status indicator.",preferredContexts:["notifications","tabs"],maxPerSection:6},{name:"Branding",category:"branding",intent:"Brand identity lockup and context marker.",preferredContexts:["navigation","headers"],maxPerSection:1},{name:"Breadcrumb",category:"navigation",intent:"Hierarchy-aware page context trail.",preferredContexts:["page-header"],maxPerSection:1,accessibilityRole:"navigation"},{name:"Button",category:"action",intent:"Primary and secondary user actions.",preferredContexts:["forms","toolbars","dialogs"],constraints:{onlyOnePrimaryPerSection:!0},tokenDependencies:["--uds-spacing-8","--uds-spacing-12","--uds-color-blue-600","--uds-color-red-600","--uds-radius-8"],accessibilityRole:"button",keyboardSupport:["Tab","Enter","Space"]},{name:"ButtonGroup",category:"action",intent:"Grouped related button actions.",preferredContexts:["forms","dialogs","cards"],accessibilityRole:"group",keyboardSupport:["Tab","Enter","Space"]},{name:"Calendar",category:"form",intent:"Calendar date grid interactions.",preferredContexts:["scheduling","date-selection"]},{name:"Card",category:"layout",intent:"Contained content region with optional actions.",preferredContexts:["dashboards","details"]},{name:"Checkbox",category:"form",intent:"Multi-select boolean control.",preferredContexts:["forms","filters"],accessibilityRole:"checkbox",keyboardSupport:["Tab","Space"]},{name:"CheckboxGroup",category:"form",intent:"Grouped multi-select checkboxes.",preferredContexts:["forms","filters"],accessibilityRole:"group",keyboardSupport:["Tab","Space"]},{name:"Checklist",category:"navigation",intent:"Sidebar checklist for multi-step flows with completion status.",preferredContexts:["application-flow","forms","sidebars"],maxPerSection:1,tokenDependencies:["--uds-surface-primary","--uds-border-primary","--uds-text-primary","--uds-text-secondary","--uds-surface-brand-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-20","--uds-spacing-24"],accessibilityRole:"navigation",keyboardSupport:["Tab","Enter","Space"]},{name:"Chip",category:"form",intent:"Compact selectable/taggable item.",preferredContexts:["filters","tags"],maxPerSection:12,accessibilityRole:"button"},{name:"Code",category:"data-display",intent:"Formatted code snippet display.",preferredContexts:["documentation","developer-tools"],tokenDependencies:["--uds-spacing-12","--uds-color-neutral-900","--uds-radius-8"]},{name:"Container",category:"layout",intent:"Consistent page/content width boundaries.",preferredContexts:["page-layout"],maxPerSection:1},{name:"Datepicker",category:"form",intent:"Date selection input control.",preferredContexts:["forms","filters"],accessibilityRole:"combobox",keyboardSupport:["Tab","Enter","ArrowDown"]},{name:"Dialog",category:"feedback",intent:"Structured dialog surface with actions.",preferredContexts:["confirmations","warnings"],maxPerSection:1,accessibilityRole:"dialog",keyboardSupport:["Tab","Escape","Enter"]},{name:"Divider",category:"layout",intent:"Semantic separation between sections.",preferredContexts:["page-sections","cards"]},{name:"DotStatus",category:"data-display",intent:"Compact status indicator dot.",preferredContexts:["tables","status-lists"]},{name:"Dropdown",category:"form",intent:"Select-style single choice control.",preferredContexts:["forms","filters"],accessibilityRole:"combobox",keyboardSupport:["Tab","Enter","ArrowDown"]},{name:"EmptyState",category:"feedback",intent:"Empty data guidance and next action.",preferredContexts:["tables","search-results"],maxPerSection:1},{name:"EventCard",category:"data-display",intent:"Event summary card with key metadata.",preferredContexts:["scheduling","timelines"]},{name:"Field",category:"form",intent:"Label/helper/error wrapper for form controls.",preferredContexts:["forms"],slots:{control:{required:!0,description:"Input-like child control."},helper:{required:!1},error:{required:!1}},tokenDependencies:["--uds-spacing-8","--uds-spacing-12","--uds-color-neutral-700","--uds-color-red-600"],accessibilityRole:"group"},{name:"FileUpload",category:"form",intent:"Upload surface for file selection/drop.",preferredContexts:["forms","document-intake"]},{name:"Flex",category:"layout",intent:"Primary layout utility for component composition.",preferredContexts:["all-layouts"],maxPerSection:999,tokenDependencies:["--uds-spacing-8","--uds-spacing-16","--uds-spacing-24"]},{name:"Icon",category:"data-display",intent:"Consistent icon rendering wrapper.",preferredContexts:["buttons","status","navigation"],tokenDependencies:["--uds-color-neutral-700","--uds-color-blue-600"],accessibilityRole:"img"},{name:"ImageAspect",category:"layout",intent:"Image with deterministic aspect ratio.",preferredContexts:["cards","media"]},{name:"Input",category:"form",intent:"Alias for TextInput control.",preferredContexts:["forms"],accessibilityRole:"textbox",keyboardSupport:["Tab"]},{name:"Key",category:"data-display",intent:"Keyboard shortcut visual token.",preferredContexts:["help","tooltips"]},{name:"Menu",category:"navigation",intent:"Main app navigation rail/menu.",preferredContexts:["app-shell"],maxPerSection:1,accessibilityRole:"navigation",keyboardSupport:["Tab","Enter","ArrowUp","ArrowDown"]},{name:"MicroCalendar",category:"data-display",intent:"Compact calendar visualization.",preferredContexts:["dashboards","side-panels"]},{name:"Modal",category:"feedback",intent:"Blocking focus-trap overlay with actions.",preferredContexts:["confirmations","forms"],maxPerSection:1,constraints:{disallowedChildren:["Modal"]},tokenDependencies:["--uds-elevation-overlay","--uds-spacing-16","--uds-radius-12"],accessibilityRole:"dialog",keyboardSupport:["Tab","Escape","Enter"]},{name:"Pagination",category:"navigation",intent:"Navigate paged dataset slices.",preferredContexts:["tables","list-pages"],maxPerSection:1,accessibilityRole:"navigation"},{name:"ProgressCircle",category:"data-display",intent:"Circular completion progress indicator.",preferredContexts:["status","dashboard"]},{name:"ProgressIndicator",category:"data-display",intent:"Linear progress indicator.",preferredContexts:["loaders","step-flows"]},{name:"Radio",category:"form",intent:"Single-select option control.",preferredContexts:["forms","filters"],accessibilityRole:"radio",keyboardSupport:["Tab","ArrowUp","ArrowDown","Space"]},{name:"RadioGroup",category:"form",intent:"Grouped single-select radios.",preferredContexts:["forms","filters"],accessibilityRole:"radiogroup",keyboardSupport:["Tab","ArrowUp","ArrowDown","Space"]},{name:"Slider",category:"form",intent:"Bounded numeric range control.",preferredContexts:["filters","settings"],accessibilityRole:"slider",keyboardSupport:["Tab","ArrowLeft","ArrowRight"]},{name:"Status",category:"data-display",intent:"Text + status color indicator.",preferredContexts:["tables","cards"]},{name:"Statistics",category:"data-display",intent:"KPI and metric summary display.",preferredContexts:["dashboards","cards","reporting"],accessibilityRole:"status"},{name:"Steps",category:"navigation",intent:"Multi-step flow progress tracker.",preferredContexts:["wizards","onboarding"],maxPerSection:1},{name:"Table",category:"data-display",intent:"Structured multi-column data presentation.",preferredContexts:["admin","reporting"],maxPerSection:1,slots:{row:{required:!0},cell:{required:!0},header:{required:!0}},tokenDependencies:["--uds-spacing-8","--uds-spacing-12","--uds-color-neutral-100","--uds-color-neutral-700"],accessibilityRole:"table",keyboardSupport:["Tab","ArrowUp","ArrowDown"]},{name:"Tabs",category:"navigation",intent:"Switch between peer content panels.",preferredContexts:["details","settings"],maxPerSection:1,accessibilityRole:"tablist",keyboardSupport:["Tab","ArrowLeft","ArrowRight","Enter"]},{name:"Tag",category:"data-display",intent:"Categorical metadata marker.",preferredContexts:["tables","cards"],maxPerSection:10},{name:"Text",category:"data-display",intent:"Semantic typography primitive.",preferredContexts:["all-content"],maxPerSection:999},{name:"TextInput",category:"form",intent:"Single-line text entry control.",preferredContexts:["forms","search"],accessibilityRole:"textbox",keyboardSupport:["Tab"]},{name:"Textarea",category:"form",intent:"Multi-line text entry control.",preferredContexts:["forms"],accessibilityRole:"textbox",keyboardSupport:["Tab"]},{name:"Toolbar",category:"layout",intent:"Top bar with left/right actions and centered title or branding.",preferredContexts:["app-shell","page-header","navigation"],maxPerSection:1,tokenDependencies:["--uds-surface-primary","--uds-border-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16"],accessibilityRole:"toolbar",keyboardSupport:["Tab"]},{name:"Toast",category:"feedback",intent:"Transient non-blocking notification.",preferredContexts:["system-feedback"],maxPerSection:3,constraints:{disallowedChildren:["Modal","Dialog"]},accessibilityRole:"status"},{name:"Toggle",category:"form",intent:"Binary on/off switch control.",preferredContexts:["settings","filters"],accessibilityRole:"switch",keyboardSupport:["Tab","Space"]},{name:"Tooltip",category:"feedback",intent:"Contextual hover/focus helper text.",preferredContexts:["dense-actions","icons"],maxPerSection:12,accessibilityRole:"tooltip"}],o=Object.fromEntries(a.map(e=>[e.name,r(e)]));exports.ComponentRegistry=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>e==="form"?["--uds-spacing-8","--uds-spacing-12","--uds-color-neutral-700","--uds-color-blue-600"]:e==="feedback"?["--uds-spacing-8","--uds-color-green-600","--uds-color-red-600"]:e==="layout"?["--uds-spacing-16","--uds-spacing-24","--uds-radius-8"]:e==="navigation"?["--uds-spacing-8","--uds-color-neutral-600","--uds-color-blue-600"]:["--uds-spacing-8","--uds-color-neutral-700","--uds-radius-8"],r=e=>({name:e.name,category:e.category,intent:e.intent,priority:e.priority,variants:e.variants??[],sizes:e.sizes,slots:e.slots,usage:{preferredContexts:e.preferredContexts,maxPerSection:e.maxPerSection},constraints:e.constraints,accessibility:{role:e.accessibilityRole??"group",keyboardSupport:e.keyboardSupport??["Tab"]},tokenDependencies:e.tokenDependencies??t(e.category)}),a=[{name:"Accordion",category:"layout",intent:"Progressive disclosure for grouped content.",preferredContexts:["settings","details"],accessibilityRole:"region"},{name:"ActionMenu",category:"navigation",intent:"Contextual action list for row/item actions.",preferredContexts:["tables","cards"],accessibilityRole:"menu",keyboardSupport:["Tab","Enter","ArrowUp","ArrowDown","Escape"]},{name:"AppShell",category:"layout",intent:"Top-level application shell composition.",preferredContexts:["app-root"],maxPerSection:1,tokenDependencies:["--uds-spacing-16","--uds-color-neutral-50","--uds-elevation-overlay"],accessibilityRole:"application"},{name:"Avatar",category:"data-display",intent:"Represent people or entities with image/initials.",preferredContexts:["lists","tables","headers"],accessibilityRole:"img"},{name:"Badge",category:"data-display",intent:"Small count/status indicator.",preferredContexts:["notifications","tabs"],maxPerSection:6},{name:"Branding",category:"branding",intent:"Brand identity lockup and context marker.",preferredContexts:["navigation","headers"],maxPerSection:1},{name:"Breadcrumb",category:"navigation",intent:"Hierarchy-aware page context trail.",preferredContexts:["page-header"],maxPerSection:1,accessibilityRole:"navigation"},{name:"Button",category:"action",intent:"Primary and secondary user actions.",preferredContexts:["forms","toolbars","dialogs"],constraints:{onlyOnePrimaryPerSection:!0},tokenDependencies:["--uds-spacing-8","--uds-spacing-12","--uds-color-blue-600","--uds-color-red-600","--uds-radius-8"],accessibilityRole:"button",keyboardSupport:["Tab","Enter","Space"]},{name:"ButtonGroup",category:"action",intent:"Grouped related button actions.",preferredContexts:["forms","dialogs","cards"],accessibilityRole:"group",keyboardSupport:["Tab","Enter","Space"]},{name:"Calendar",category:"form",intent:"Calendar date grid interactions.",preferredContexts:["scheduling","date-selection"]},{name:"Checkbox",category:"form",intent:"Multi-select boolean control.",preferredContexts:["forms","filters"],accessibilityRole:"checkbox",keyboardSupport:["Tab","Space"]},{name:"CheckboxGroup",category:"form",intent:"Grouped multi-select checkboxes.",preferredContexts:["forms","filters"],accessibilityRole:"group",keyboardSupport:["Tab","Space"]},{name:"Checklist",category:"navigation",intent:"Sidebar checklist for multi-step flows with completion status.",preferredContexts:["application-flow","forms","sidebars"],maxPerSection:1,tokenDependencies:["--uds-surface-primary","--uds-border-primary","--uds-text-primary","--uds-text-secondary","--uds-surface-brand-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-20","--uds-spacing-24"],accessibilityRole:"navigation",keyboardSupport:["Tab","Enter","Space"]},{name:"Chip",category:"form",intent:"Compact selectable/taggable item.",preferredContexts:["filters","tags"],maxPerSection:12,accessibilityRole:"button"},{name:"Code",category:"data-display",intent:"Formatted code snippet display.",preferredContexts:["documentation","developer-tools"],tokenDependencies:["--uds-spacing-12","--uds-color-neutral-900","--uds-radius-8"]},{name:"Container",category:"layout",intent:"Consistent page/content width boundaries.",preferredContexts:["page-layout"],maxPerSection:1},{name:"Datepicker",category:"form",intent:"Date selection input control.",preferredContexts:["forms","filters"],accessibilityRole:"combobox",keyboardSupport:["Tab","Enter","ArrowDown"]},{name:"Dialog",category:"feedback",intent:"Structured dialog surface with actions.",preferredContexts:["confirmations","warnings"],maxPerSection:1,accessibilityRole:"dialog",keyboardSupport:["Tab","Escape","Enter"]},{name:"Divider",category:"layout",intent:"Semantic separation between sections.",preferredContexts:["page-sections","cards"]},{name:"DotStatus",category:"data-display",intent:"Compact status indicator dot.",preferredContexts:["tables","status-lists"]},{name:"Dropdown",category:"form",intent:"Select-style single choice control.",preferredContexts:["forms","filters"],accessibilityRole:"combobox",keyboardSupport:["Tab","Enter","ArrowDown"]},{name:"EmptyState",category:"feedback",intent:"Empty data guidance and next action.",preferredContexts:["tables","search-results"],maxPerSection:1},{name:"EventCard",category:"data-display",intent:"Event summary card with key metadata.",preferredContexts:["scheduling","timelines"]},{name:"Field",category:"form",intent:"Label/helper/error wrapper for form controls.",preferredContexts:["forms"],slots:{control:{required:!0,description:"Input-like child control."},helper:{required:!1},error:{required:!1}},tokenDependencies:["--uds-spacing-8","--uds-spacing-12","--uds-color-neutral-700","--uds-color-red-600"],accessibilityRole:"group"},{name:"FileUpload",category:"form",intent:"Upload surface for file selection/drop.",preferredContexts:["forms","document-intake"]},{name:"Flex",category:"layout",intent:"Primary layout utility for component composition.",preferredContexts:["all-layouts"],maxPerSection:999,tokenDependencies:["--uds-spacing-8","--uds-spacing-16","--uds-spacing-24"]},{name:"Icon",category:"data-display",intent:"Consistent icon rendering wrapper.",preferredContexts:["buttons","status","navigation"],tokenDependencies:["--uds-color-neutral-700","--uds-color-blue-600"],accessibilityRole:"img"},{name:"ImageAspect",category:"layout",intent:"Image with deterministic aspect ratio.",preferredContexts:["cards","media"]},{name:"Input",category:"form",intent:"Alias for TextInput control.",preferredContexts:["forms"],accessibilityRole:"textbox",keyboardSupport:["Tab"]},{name:"Key",category:"data-display",intent:"Keyboard shortcut visual token.",preferredContexts:["help","tooltips"]},{name:"Menu",category:"navigation",intent:"Main app navigation rail/menu.",preferredContexts:["app-shell"],maxPerSection:1,accessibilityRole:"navigation",keyboardSupport:["Tab","Enter","ArrowUp","ArrowDown"]},{name:"MicroCalendar",category:"data-display",intent:"Compact calendar visualization.",preferredContexts:["dashboards","side-panels"]},{name:"Modal",category:"feedback",intent:"Blocking focus-trap overlay with actions.",preferredContexts:["confirmations","forms"],maxPerSection:1,constraints:{disallowedChildren:["Modal"]},tokenDependencies:["--uds-elevation-overlay","--uds-spacing-16","--uds-radius-12"],accessibilityRole:"dialog",keyboardSupport:["Tab","Escape","Enter"]},{name:"Pagination",category:"navigation",intent:"Navigate paged dataset slices.",preferredContexts:["tables","list-pages"],maxPerSection:1,accessibilityRole:"navigation"},{name:"ProgressCircle",category:"data-display",intent:"Circular completion progress indicator.",preferredContexts:["status","dashboard"]},{name:"ProgressIndicator",category:"data-display",intent:"Linear progress indicator.",preferredContexts:["loaders","step-flows"]},{name:"Radio",category:"form",intent:"Single-select option control.",preferredContexts:["forms","filters"],accessibilityRole:"radio",keyboardSupport:["Tab","ArrowUp","ArrowDown","Space"]},{name:"RadioGroup",category:"form",intent:"Grouped single-select radios.",preferredContexts:["forms","filters"],accessibilityRole:"radiogroup",keyboardSupport:["Tab","ArrowUp","ArrowDown","Space"]},{name:"Slider",category:"form",intent:"Bounded numeric range control.",preferredContexts:["filters","settings"],accessibilityRole:"slider",keyboardSupport:["Tab","ArrowLeft","ArrowRight"]},{name:"Status",category:"data-display",intent:"Text + status color indicator.",preferredContexts:["tables","cards"]},{name:"Statistics",category:"data-display",intent:"KPI and metric summary display.",preferredContexts:["dashboards","cards","reporting"],accessibilityRole:"status"},{name:"Steps",category:"navigation",intent:"Multi-step flow progress tracker.",preferredContexts:["wizards","onboarding"],maxPerSection:1},{name:"Table",category:"data-display",intent:"Structured multi-column data presentation.",preferredContexts:["admin","reporting"],maxPerSection:1,slots:{row:{required:!0},cell:{required:!0},header:{required:!0}},tokenDependencies:["--uds-spacing-8","--uds-spacing-12","--uds-color-neutral-100","--uds-color-neutral-700"],accessibilityRole:"table",keyboardSupport:["Tab","ArrowUp","ArrowDown"]},{name:"Tabs",category:"navigation",intent:"Switch between peer content panels.",preferredContexts:["details","settings"],maxPerSection:1,accessibilityRole:"tablist",keyboardSupport:["Tab","ArrowLeft","ArrowRight","Enter"]},{name:"Tag",category:"data-display",intent:"Categorical metadata marker.",preferredContexts:["tables","cards"],maxPerSection:10},{name:"Text",category:"data-display",intent:"Semantic typography primitive.",preferredContexts:["all-content"],maxPerSection:999},{name:"TextInput",category:"form",intent:"Single-line text entry control.",preferredContexts:["forms","search"],accessibilityRole:"textbox",keyboardSupport:["Tab"]},{name:"Textarea",category:"form",intent:"Multi-line text entry control.",preferredContexts:["forms"],accessibilityRole:"textbox",keyboardSupport:["Tab"]},{name:"Toolbar",category:"layout",intent:"Top bar with left/right actions and centered title or branding.",preferredContexts:["app-shell","page-header","navigation"],maxPerSection:1,tokenDependencies:["--uds-surface-primary","--uds-border-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16"],accessibilityRole:"toolbar",keyboardSupport:["Tab"]},{name:"Toast",category:"feedback",intent:"Transient non-blocking notification.",preferredContexts:["system-feedback"],maxPerSection:3,constraints:{disallowedChildren:["Modal","Dialog"]},accessibilityRole:"status"},{name:"Toggle",category:"form",intent:"Binary on/off switch control.",preferredContexts:["settings","filters"],accessibilityRole:"switch",keyboardSupport:["Tab","Space"]},{name:"Tooltip",category:"feedback",intent:"Contextual hover/focus helper text.",preferredContexts:["dense-actions","icons"],maxPerSection:12,accessibilityRole:"tooltip"}],o=Object.fromEntries(a.map(e=>[e.name,r(e)]));exports.ComponentRegistry=o;
@@ -1 +1 @@
1
- const t=e=>e==="form"?["--uds-spacing-8","--uds-spacing-12","--uds-color-neutral-700","--uds-color-blue-600"]:e==="feedback"?["--uds-spacing-8","--uds-color-green-600","--uds-color-red-600"]:e==="layout"?["--uds-spacing-16","--uds-spacing-24","--uds-radius-8"]:e==="navigation"?["--uds-spacing-8","--uds-color-neutral-600","--uds-color-blue-600"]:["--uds-spacing-8","--uds-color-neutral-700","--uds-radius-8"],r=e=>({name:e.name,category:e.category,intent:e.intent,priority:e.priority,variants:e.variants??[],sizes:e.sizes,slots:e.slots,usage:{preferredContexts:e.preferredContexts,maxPerSection:e.maxPerSection},constraints:e.constraints,accessibility:{role:e.accessibilityRole??"group",keyboardSupport:e.keyboardSupport??["Tab"]},tokenDependencies:e.tokenDependencies??t(e.category)}),a=[{name:"Accordion",category:"layout",intent:"Progressive disclosure for grouped content.",preferredContexts:["settings","details"],accessibilityRole:"region"},{name:"ActionMenu",category:"navigation",intent:"Contextual action list for row/item actions.",preferredContexts:["tables","cards"],accessibilityRole:"menu",keyboardSupport:["Tab","Enter","ArrowUp","ArrowDown","Escape"]},{name:"AppShell",category:"layout",intent:"Top-level application shell composition.",preferredContexts:["app-root"],maxPerSection:1,tokenDependencies:["--uds-spacing-16","--uds-color-neutral-50","--uds-elevation-overlay"],accessibilityRole:"application"},{name:"Avatar",category:"data-display",intent:"Represent people or entities with image/initials.",preferredContexts:["lists","tables","headers"],accessibilityRole:"img"},{name:"Badge",category:"data-display",intent:"Small count/status indicator.",preferredContexts:["notifications","tabs"],maxPerSection:6},{name:"Branding",category:"branding",intent:"Brand identity lockup and context marker.",preferredContexts:["navigation","headers"],maxPerSection:1},{name:"Breadcrumb",category:"navigation",intent:"Hierarchy-aware page context trail.",preferredContexts:["page-header"],maxPerSection:1,accessibilityRole:"navigation"},{name:"Button",category:"action",intent:"Primary and secondary user actions.",preferredContexts:["forms","toolbars","dialogs"],constraints:{onlyOnePrimaryPerSection:!0},tokenDependencies:["--uds-spacing-8","--uds-spacing-12","--uds-color-blue-600","--uds-color-red-600","--uds-radius-8"],accessibilityRole:"button",keyboardSupport:["Tab","Enter","Space"]},{name:"ButtonGroup",category:"action",intent:"Grouped related button actions.",preferredContexts:["forms","dialogs","cards"],accessibilityRole:"group",keyboardSupport:["Tab","Enter","Space"]},{name:"Calendar",category:"form",intent:"Calendar date grid interactions.",preferredContexts:["scheduling","date-selection"]},{name:"Card",category:"layout",intent:"Contained content region with optional actions.",preferredContexts:["dashboards","details"]},{name:"Checkbox",category:"form",intent:"Multi-select boolean control.",preferredContexts:["forms","filters"],accessibilityRole:"checkbox",keyboardSupport:["Tab","Space"]},{name:"CheckboxGroup",category:"form",intent:"Grouped multi-select checkboxes.",preferredContexts:["forms","filters"],accessibilityRole:"group",keyboardSupport:["Tab","Space"]},{name:"Checklist",category:"navigation",intent:"Sidebar checklist for multi-step flows with completion status.",preferredContexts:["application-flow","forms","sidebars"],maxPerSection:1,tokenDependencies:["--uds-surface-primary","--uds-border-primary","--uds-text-primary","--uds-text-secondary","--uds-surface-brand-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-20","--uds-spacing-24"],accessibilityRole:"navigation",keyboardSupport:["Tab","Enter","Space"]},{name:"Chip",category:"form",intent:"Compact selectable/taggable item.",preferredContexts:["filters","tags"],maxPerSection:12,accessibilityRole:"button"},{name:"Code",category:"data-display",intent:"Formatted code snippet display.",preferredContexts:["documentation","developer-tools"],tokenDependencies:["--uds-spacing-12","--uds-color-neutral-900","--uds-radius-8"]},{name:"Container",category:"layout",intent:"Consistent page/content width boundaries.",preferredContexts:["page-layout"],maxPerSection:1},{name:"Datepicker",category:"form",intent:"Date selection input control.",preferredContexts:["forms","filters"],accessibilityRole:"combobox",keyboardSupport:["Tab","Enter","ArrowDown"]},{name:"Dialog",category:"feedback",intent:"Structured dialog surface with actions.",preferredContexts:["confirmations","warnings"],maxPerSection:1,accessibilityRole:"dialog",keyboardSupport:["Tab","Escape","Enter"]},{name:"Divider",category:"layout",intent:"Semantic separation between sections.",preferredContexts:["page-sections","cards"]},{name:"DotStatus",category:"data-display",intent:"Compact status indicator dot.",preferredContexts:["tables","status-lists"]},{name:"Dropdown",category:"form",intent:"Select-style single choice control.",preferredContexts:["forms","filters"],accessibilityRole:"combobox",keyboardSupport:["Tab","Enter","ArrowDown"]},{name:"EmptyState",category:"feedback",intent:"Empty data guidance and next action.",preferredContexts:["tables","search-results"],maxPerSection:1},{name:"EventCard",category:"data-display",intent:"Event summary card with key metadata.",preferredContexts:["scheduling","timelines"]},{name:"Field",category:"form",intent:"Label/helper/error wrapper for form controls.",preferredContexts:["forms"],slots:{control:{required:!0,description:"Input-like child control."},helper:{required:!1},error:{required:!1}},tokenDependencies:["--uds-spacing-8","--uds-spacing-12","--uds-color-neutral-700","--uds-color-red-600"],accessibilityRole:"group"},{name:"FileUpload",category:"form",intent:"Upload surface for file selection/drop.",preferredContexts:["forms","document-intake"]},{name:"Flex",category:"layout",intent:"Primary layout utility for component composition.",preferredContexts:["all-layouts"],maxPerSection:999,tokenDependencies:["--uds-spacing-8","--uds-spacing-16","--uds-spacing-24"]},{name:"Icon",category:"data-display",intent:"Consistent icon rendering wrapper.",preferredContexts:["buttons","status","navigation"],tokenDependencies:["--uds-color-neutral-700","--uds-color-blue-600"],accessibilityRole:"img"},{name:"ImageAspect",category:"layout",intent:"Image with deterministic aspect ratio.",preferredContexts:["cards","media"]},{name:"Input",category:"form",intent:"Alias for TextInput control.",preferredContexts:["forms"],accessibilityRole:"textbox",keyboardSupport:["Tab"]},{name:"Key",category:"data-display",intent:"Keyboard shortcut visual token.",preferredContexts:["help","tooltips"]},{name:"Menu",category:"navigation",intent:"Main app navigation rail/menu.",preferredContexts:["app-shell"],maxPerSection:1,accessibilityRole:"navigation",keyboardSupport:["Tab","Enter","ArrowUp","ArrowDown"]},{name:"MicroCalendar",category:"data-display",intent:"Compact calendar visualization.",preferredContexts:["dashboards","side-panels"]},{name:"Modal",category:"feedback",intent:"Blocking focus-trap overlay with actions.",preferredContexts:["confirmations","forms"],maxPerSection:1,constraints:{disallowedChildren:["Modal"]},tokenDependencies:["--uds-elevation-overlay","--uds-spacing-16","--uds-radius-12"],accessibilityRole:"dialog",keyboardSupport:["Tab","Escape","Enter"]},{name:"Pagination",category:"navigation",intent:"Navigate paged dataset slices.",preferredContexts:["tables","list-pages"],maxPerSection:1,accessibilityRole:"navigation"},{name:"ProgressCircle",category:"data-display",intent:"Circular completion progress indicator.",preferredContexts:["status","dashboard"]},{name:"ProgressIndicator",category:"data-display",intent:"Linear progress indicator.",preferredContexts:["loaders","step-flows"]},{name:"Radio",category:"form",intent:"Single-select option control.",preferredContexts:["forms","filters"],accessibilityRole:"radio",keyboardSupport:["Tab","ArrowUp","ArrowDown","Space"]},{name:"RadioGroup",category:"form",intent:"Grouped single-select radios.",preferredContexts:["forms","filters"],accessibilityRole:"radiogroup",keyboardSupport:["Tab","ArrowUp","ArrowDown","Space"]},{name:"Slider",category:"form",intent:"Bounded numeric range control.",preferredContexts:["filters","settings"],accessibilityRole:"slider",keyboardSupport:["Tab","ArrowLeft","ArrowRight"]},{name:"Status",category:"data-display",intent:"Text + status color indicator.",preferredContexts:["tables","cards"]},{name:"Statistics",category:"data-display",intent:"KPI and metric summary display.",preferredContexts:["dashboards","cards","reporting"],accessibilityRole:"status"},{name:"Steps",category:"navigation",intent:"Multi-step flow progress tracker.",preferredContexts:["wizards","onboarding"],maxPerSection:1},{name:"Table",category:"data-display",intent:"Structured multi-column data presentation.",preferredContexts:["admin","reporting"],maxPerSection:1,slots:{row:{required:!0},cell:{required:!0},header:{required:!0}},tokenDependencies:["--uds-spacing-8","--uds-spacing-12","--uds-color-neutral-100","--uds-color-neutral-700"],accessibilityRole:"table",keyboardSupport:["Tab","ArrowUp","ArrowDown"]},{name:"Tabs",category:"navigation",intent:"Switch between peer content panels.",preferredContexts:["details","settings"],maxPerSection:1,accessibilityRole:"tablist",keyboardSupport:["Tab","ArrowLeft","ArrowRight","Enter"]},{name:"Tag",category:"data-display",intent:"Categorical metadata marker.",preferredContexts:["tables","cards"],maxPerSection:10},{name:"Text",category:"data-display",intent:"Semantic typography primitive.",preferredContexts:["all-content"],maxPerSection:999},{name:"TextInput",category:"form",intent:"Single-line text entry control.",preferredContexts:["forms","search"],accessibilityRole:"textbox",keyboardSupport:["Tab"]},{name:"Textarea",category:"form",intent:"Multi-line text entry control.",preferredContexts:["forms"],accessibilityRole:"textbox",keyboardSupport:["Tab"]},{name:"Toolbar",category:"layout",intent:"Top bar with left/right actions and centered title or branding.",preferredContexts:["app-shell","page-header","navigation"],maxPerSection:1,tokenDependencies:["--uds-surface-primary","--uds-border-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16"],accessibilityRole:"toolbar",keyboardSupport:["Tab"]},{name:"Toast",category:"feedback",intent:"Transient non-blocking notification.",preferredContexts:["system-feedback"],maxPerSection:3,constraints:{disallowedChildren:["Modal","Dialog"]},accessibilityRole:"status"},{name:"Toggle",category:"form",intent:"Binary on/off switch control.",preferredContexts:["settings","filters"],accessibilityRole:"switch",keyboardSupport:["Tab","Space"]},{name:"Tooltip",category:"feedback",intent:"Contextual hover/focus helper text.",preferredContexts:["dense-actions","icons"],maxPerSection:12,accessibilityRole:"tooltip"}],o=Object.fromEntries(a.map(e=>[e.name,r(e)]));export{o as ComponentRegistry};
1
+ const t=e=>e==="form"?["--uds-spacing-8","--uds-spacing-12","--uds-color-neutral-700","--uds-color-blue-600"]:e==="feedback"?["--uds-spacing-8","--uds-color-green-600","--uds-color-red-600"]:e==="layout"?["--uds-spacing-16","--uds-spacing-24","--uds-radius-8"]:e==="navigation"?["--uds-spacing-8","--uds-color-neutral-600","--uds-color-blue-600"]:["--uds-spacing-8","--uds-color-neutral-700","--uds-radius-8"],r=e=>({name:e.name,category:e.category,intent:e.intent,priority:e.priority,variants:e.variants??[],sizes:e.sizes,slots:e.slots,usage:{preferredContexts:e.preferredContexts,maxPerSection:e.maxPerSection},constraints:e.constraints,accessibility:{role:e.accessibilityRole??"group",keyboardSupport:e.keyboardSupport??["Tab"]},tokenDependencies:e.tokenDependencies??t(e.category)}),a=[{name:"Accordion",category:"layout",intent:"Progressive disclosure for grouped content.",preferredContexts:["settings","details"],accessibilityRole:"region"},{name:"ActionMenu",category:"navigation",intent:"Contextual action list for row/item actions.",preferredContexts:["tables","cards"],accessibilityRole:"menu",keyboardSupport:["Tab","Enter","ArrowUp","ArrowDown","Escape"]},{name:"AppShell",category:"layout",intent:"Top-level application shell composition.",preferredContexts:["app-root"],maxPerSection:1,tokenDependencies:["--uds-spacing-16","--uds-color-neutral-50","--uds-elevation-overlay"],accessibilityRole:"application"},{name:"Avatar",category:"data-display",intent:"Represent people or entities with image/initials.",preferredContexts:["lists","tables","headers"],accessibilityRole:"img"},{name:"Badge",category:"data-display",intent:"Small count/status indicator.",preferredContexts:["notifications","tabs"],maxPerSection:6},{name:"Branding",category:"branding",intent:"Brand identity lockup and context marker.",preferredContexts:["navigation","headers"],maxPerSection:1},{name:"Breadcrumb",category:"navigation",intent:"Hierarchy-aware page context trail.",preferredContexts:["page-header"],maxPerSection:1,accessibilityRole:"navigation"},{name:"Button",category:"action",intent:"Primary and secondary user actions.",preferredContexts:["forms","toolbars","dialogs"],constraints:{onlyOnePrimaryPerSection:!0},tokenDependencies:["--uds-spacing-8","--uds-spacing-12","--uds-color-blue-600","--uds-color-red-600","--uds-radius-8"],accessibilityRole:"button",keyboardSupport:["Tab","Enter","Space"]},{name:"ButtonGroup",category:"action",intent:"Grouped related button actions.",preferredContexts:["forms","dialogs","cards"],accessibilityRole:"group",keyboardSupport:["Tab","Enter","Space"]},{name:"Calendar",category:"form",intent:"Calendar date grid interactions.",preferredContexts:["scheduling","date-selection"]},{name:"Checkbox",category:"form",intent:"Multi-select boolean control.",preferredContexts:["forms","filters"],accessibilityRole:"checkbox",keyboardSupport:["Tab","Space"]},{name:"CheckboxGroup",category:"form",intent:"Grouped multi-select checkboxes.",preferredContexts:["forms","filters"],accessibilityRole:"group",keyboardSupport:["Tab","Space"]},{name:"Checklist",category:"navigation",intent:"Sidebar checklist for multi-step flows with completion status.",preferredContexts:["application-flow","forms","sidebars"],maxPerSection:1,tokenDependencies:["--uds-surface-primary","--uds-border-primary","--uds-text-primary","--uds-text-secondary","--uds-surface-brand-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-20","--uds-spacing-24"],accessibilityRole:"navigation",keyboardSupport:["Tab","Enter","Space"]},{name:"Chip",category:"form",intent:"Compact selectable/taggable item.",preferredContexts:["filters","tags"],maxPerSection:12,accessibilityRole:"button"},{name:"Code",category:"data-display",intent:"Formatted code snippet display.",preferredContexts:["documentation","developer-tools"],tokenDependencies:["--uds-spacing-12","--uds-color-neutral-900","--uds-radius-8"]},{name:"Container",category:"layout",intent:"Consistent page/content width boundaries.",preferredContexts:["page-layout"],maxPerSection:1},{name:"Datepicker",category:"form",intent:"Date selection input control.",preferredContexts:["forms","filters"],accessibilityRole:"combobox",keyboardSupport:["Tab","Enter","ArrowDown"]},{name:"Dialog",category:"feedback",intent:"Structured dialog surface with actions.",preferredContexts:["confirmations","warnings"],maxPerSection:1,accessibilityRole:"dialog",keyboardSupport:["Tab","Escape","Enter"]},{name:"Divider",category:"layout",intent:"Semantic separation between sections.",preferredContexts:["page-sections","cards"]},{name:"DotStatus",category:"data-display",intent:"Compact status indicator dot.",preferredContexts:["tables","status-lists"]},{name:"Dropdown",category:"form",intent:"Select-style single choice control.",preferredContexts:["forms","filters"],accessibilityRole:"combobox",keyboardSupport:["Tab","Enter","ArrowDown"]},{name:"EmptyState",category:"feedback",intent:"Empty data guidance and next action.",preferredContexts:["tables","search-results"],maxPerSection:1},{name:"EventCard",category:"data-display",intent:"Event summary card with key metadata.",preferredContexts:["scheduling","timelines"]},{name:"Field",category:"form",intent:"Label/helper/error wrapper for form controls.",preferredContexts:["forms"],slots:{control:{required:!0,description:"Input-like child control."},helper:{required:!1},error:{required:!1}},tokenDependencies:["--uds-spacing-8","--uds-spacing-12","--uds-color-neutral-700","--uds-color-red-600"],accessibilityRole:"group"},{name:"FileUpload",category:"form",intent:"Upload surface for file selection/drop.",preferredContexts:["forms","document-intake"]},{name:"Flex",category:"layout",intent:"Primary layout utility for component composition.",preferredContexts:["all-layouts"],maxPerSection:999,tokenDependencies:["--uds-spacing-8","--uds-spacing-16","--uds-spacing-24"]},{name:"Icon",category:"data-display",intent:"Consistent icon rendering wrapper.",preferredContexts:["buttons","status","navigation"],tokenDependencies:["--uds-color-neutral-700","--uds-color-blue-600"],accessibilityRole:"img"},{name:"ImageAspect",category:"layout",intent:"Image with deterministic aspect ratio.",preferredContexts:["cards","media"]},{name:"Input",category:"form",intent:"Alias for TextInput control.",preferredContexts:["forms"],accessibilityRole:"textbox",keyboardSupport:["Tab"]},{name:"Key",category:"data-display",intent:"Keyboard shortcut visual token.",preferredContexts:["help","tooltips"]},{name:"Menu",category:"navigation",intent:"Main app navigation rail/menu.",preferredContexts:["app-shell"],maxPerSection:1,accessibilityRole:"navigation",keyboardSupport:["Tab","Enter","ArrowUp","ArrowDown"]},{name:"MicroCalendar",category:"data-display",intent:"Compact calendar visualization.",preferredContexts:["dashboards","side-panels"]},{name:"Modal",category:"feedback",intent:"Blocking focus-trap overlay with actions.",preferredContexts:["confirmations","forms"],maxPerSection:1,constraints:{disallowedChildren:["Modal"]},tokenDependencies:["--uds-elevation-overlay","--uds-spacing-16","--uds-radius-12"],accessibilityRole:"dialog",keyboardSupport:["Tab","Escape","Enter"]},{name:"Pagination",category:"navigation",intent:"Navigate paged dataset slices.",preferredContexts:["tables","list-pages"],maxPerSection:1,accessibilityRole:"navigation"},{name:"ProgressCircle",category:"data-display",intent:"Circular completion progress indicator.",preferredContexts:["status","dashboard"]},{name:"ProgressIndicator",category:"data-display",intent:"Linear progress indicator.",preferredContexts:["loaders","step-flows"]},{name:"Radio",category:"form",intent:"Single-select option control.",preferredContexts:["forms","filters"],accessibilityRole:"radio",keyboardSupport:["Tab","ArrowUp","ArrowDown","Space"]},{name:"RadioGroup",category:"form",intent:"Grouped single-select radios.",preferredContexts:["forms","filters"],accessibilityRole:"radiogroup",keyboardSupport:["Tab","ArrowUp","ArrowDown","Space"]},{name:"Slider",category:"form",intent:"Bounded numeric range control.",preferredContexts:["filters","settings"],accessibilityRole:"slider",keyboardSupport:["Tab","ArrowLeft","ArrowRight"]},{name:"Status",category:"data-display",intent:"Text + status color indicator.",preferredContexts:["tables","cards"]},{name:"Statistics",category:"data-display",intent:"KPI and metric summary display.",preferredContexts:["dashboards","cards","reporting"],accessibilityRole:"status"},{name:"Steps",category:"navigation",intent:"Multi-step flow progress tracker.",preferredContexts:["wizards","onboarding"],maxPerSection:1},{name:"Table",category:"data-display",intent:"Structured multi-column data presentation.",preferredContexts:["admin","reporting"],maxPerSection:1,slots:{row:{required:!0},cell:{required:!0},header:{required:!0}},tokenDependencies:["--uds-spacing-8","--uds-spacing-12","--uds-color-neutral-100","--uds-color-neutral-700"],accessibilityRole:"table",keyboardSupport:["Tab","ArrowUp","ArrowDown"]},{name:"Tabs",category:"navigation",intent:"Switch between peer content panels.",preferredContexts:["details","settings"],maxPerSection:1,accessibilityRole:"tablist",keyboardSupport:["Tab","ArrowLeft","ArrowRight","Enter"]},{name:"Tag",category:"data-display",intent:"Categorical metadata marker.",preferredContexts:["tables","cards"],maxPerSection:10},{name:"Text",category:"data-display",intent:"Semantic typography primitive.",preferredContexts:["all-content"],maxPerSection:999},{name:"TextInput",category:"form",intent:"Single-line text entry control.",preferredContexts:["forms","search"],accessibilityRole:"textbox",keyboardSupport:["Tab"]},{name:"Textarea",category:"form",intent:"Multi-line text entry control.",preferredContexts:["forms"],accessibilityRole:"textbox",keyboardSupport:["Tab"]},{name:"Toolbar",category:"layout",intent:"Top bar with left/right actions and centered title or branding.",preferredContexts:["app-shell","page-header","navigation"],maxPerSection:1,tokenDependencies:["--uds-surface-primary","--uds-border-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16"],accessibilityRole:"toolbar",keyboardSupport:["Tab"]},{name:"Toast",category:"feedback",intent:"Transient non-blocking notification.",preferredContexts:["system-feedback"],maxPerSection:3,constraints:{disallowedChildren:["Modal","Dialog"]},accessibilityRole:"status"},{name:"Toggle",category:"form",intent:"Binary on/off switch control.",preferredContexts:["settings","filters"],accessibilityRole:"switch",keyboardSupport:["Tab","Space"]},{name:"Tooltip",category:"feedback",intent:"Contextual hover/focus helper text.",preferredContexts:["dense-actions","icons"],maxPerSection:12,accessibilityRole:"tooltip"}],o=Object.fromEntries(a.map(e=>[e.name,r(e)]));export{o as ComponentRegistry};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={AppShell:["Menu","Container","Flex","Card","Text","Button"],Container:["Flex","Card","Table","Text","Button","Field","Divider","Tag"],Field:["TextInput","Input","Dropdown","Datepicker","Textarea","Checkbox","Radio","Toggle","Slider","FileUpload"],Modal:["Text","Button","Divider","Field","TextInput","Dropdown","Datepicker","Textarea","Tag"],Card:["Text","Flex","Button","Tag","Status","Table","Divider","Avatar","ActionMenu","Field"],Table:["Tag","Status","Avatar","Button","ActionMenu","ProgressIndicator","DotStatus"],Tabs:["Text","Tag","Button","Card","Table","Field"],Menu:["ActionMenu","Dropdown","Toggle","Text","Icon"]},a={ActionMenu:["Card","Menu","Table"],Avatar:["Card","Table"],Button:["AppShell","Card","Container","Flex","Modal","Table","Tabs"],Card:["AppShell","Container","Tabs"],Checkbox:["Field"],Container:["AppShell","root"],Datepicker:["Field","Modal"],Divider:["Card","Container","Modal"],DotStatus:["Table"],Dropdown:["Field","Menu","Modal"],Field:["Card","Container","Modal","Tabs"],FileUpload:["Field"],Flex:["AppShell","Card","Container"],Icon:["Menu"],Input:["Field"],Menu:["AppShell","root"],Modal:["AppShell","Container","root"],ProgressIndicator:["Table"],Radio:["Field"],Slider:["Field"],Status:["Card","Table"],Table:["Card","Container","Tabs"],Tag:["Card","Container","Modal","Table","Tabs"],Text:["AppShell","Card","Container","Flex","Menu","Modal","Tabs"],TextInput:["Field","Modal"],Textarea:["Field","Modal"],Toggle:["Field","Menu"]},t=[{parent:"Modal",child:"Modal",reason:"Nested modals create inaccessible focus traps."},{parent:"Dialog",child:"Dialog",reason:"Nested dialogs reduce escape behavior predictability."},{parent:"Toast",child:"Modal",reason:"Toast surfaces must remain non-blocking."},{parent:"Toast",child:"Dialog",reason:"Toast surfaces must remain non-blocking."},{parent:"Table",child:"Table",reason:"Nested tables reduce readability and responsiveness."},{parent:"Button",child:"Button",reason:"Interactive controls cannot be nested."}],o={allowedChildrenByParent:e,allowedParentsByChild:a,disallowedPairs:t};exports.CompositionRules=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={AppShell:["Menu","Container","Flex","Text","Button"],Container:["Flex","Table","Text","Button","Field","Divider","Tag"],Field:["TextInput","Input","Dropdown","Datepicker","Textarea","Checkbox","Radio","Toggle","Slider","FileUpload"],Modal:["Text","Button","Divider","Field","TextInput","Dropdown","Datepicker","Textarea","Tag"],Table:["Tag","Status","Avatar","Button","ActionMenu","ProgressIndicator","DotStatus"],Tabs:["Text","Tag","Button","Table","Field"],Menu:["ActionMenu","Dropdown","Toggle","Text","Icon"]},a={ActionMenu:["Menu","Table"],Avatar:["Table"],Button:["AppShell","Container","Flex","Modal","Table","Tabs"],Checkbox:["Field"],Container:["AppShell","root"],Datepicker:["Field","Modal"],Divider:["Container","Modal"],DotStatus:["Table"],Dropdown:["Field","Menu","Modal"],Field:["Container","Modal","Tabs"],FileUpload:["Field"],Flex:["AppShell","Container"],Icon:["Menu"],Input:["Field"],Menu:["AppShell","root"],Modal:["AppShell","Container","root"],ProgressIndicator:["Table"],Radio:["Field"],Slider:["Field"],Status:["Table"],Table:["Container","Tabs"],Tag:["Container","Modal","Table","Tabs"],Text:["AppShell","Container","Flex","Menu","Modal","Tabs"],TextInput:["Field","Modal"],Textarea:["Field","Modal"],Toggle:["Field","Menu"]},o=[{parent:"Modal",child:"Modal",reason:"Nested modals create inaccessible focus traps."},{parent:"Dialog",child:"Dialog",reason:"Nested dialogs reduce escape behavior predictability."},{parent:"Toast",child:"Modal",reason:"Toast surfaces must remain non-blocking."},{parent:"Toast",child:"Dialog",reason:"Toast surfaces must remain non-blocking."},{parent:"Table",child:"Table",reason:"Nested tables reduce readability and responsiveness."},{parent:"Button",child:"Button",reason:"Interactive controls cannot be nested."}],t={allowedChildrenByParent:e,allowedParentsByChild:a,disallowedPairs:o};exports.CompositionRules=t;
@@ -1 +1 @@
1
- const e={AppShell:["Menu","Container","Flex","Card","Text","Button"],Container:["Flex","Card","Table","Text","Button","Field","Divider","Tag"],Field:["TextInput","Input","Dropdown","Datepicker","Textarea","Checkbox","Radio","Toggle","Slider","FileUpload"],Modal:["Text","Button","Divider","Field","TextInput","Dropdown","Datepicker","Textarea","Tag"],Card:["Text","Flex","Button","Tag","Status","Table","Divider","Avatar","ActionMenu","Field"],Table:["Tag","Status","Avatar","Button","ActionMenu","ProgressIndicator","DotStatus"],Tabs:["Text","Tag","Button","Card","Table","Field"],Menu:["ActionMenu","Dropdown","Toggle","Text","Icon"]},a={ActionMenu:["Card","Menu","Table"],Avatar:["Card","Table"],Button:["AppShell","Card","Container","Flex","Modal","Table","Tabs"],Card:["AppShell","Container","Tabs"],Checkbox:["Field"],Container:["AppShell","root"],Datepicker:["Field","Modal"],Divider:["Card","Container","Modal"],DotStatus:["Table"],Dropdown:["Field","Menu","Modal"],Field:["Card","Container","Modal","Tabs"],FileUpload:["Field"],Flex:["AppShell","Card","Container"],Icon:["Menu"],Input:["Field"],Menu:["AppShell","root"],Modal:["AppShell","Container","root"],ProgressIndicator:["Table"],Radio:["Field"],Slider:["Field"],Status:["Card","Table"],Table:["Card","Container","Tabs"],Tag:["Card","Container","Modal","Table","Tabs"],Text:["AppShell","Card","Container","Flex","Menu","Modal","Tabs"],TextInput:["Field","Modal"],Textarea:["Field","Modal"],Toggle:["Field","Menu"]},t=[{parent:"Modal",child:"Modal",reason:"Nested modals create inaccessible focus traps."},{parent:"Dialog",child:"Dialog",reason:"Nested dialogs reduce escape behavior predictability."},{parent:"Toast",child:"Modal",reason:"Toast surfaces must remain non-blocking."},{parent:"Toast",child:"Dialog",reason:"Toast surfaces must remain non-blocking."},{parent:"Table",child:"Table",reason:"Nested tables reduce readability and responsiveness."},{parent:"Button",child:"Button",reason:"Interactive controls cannot be nested."}],o={allowedChildrenByParent:e,allowedParentsByChild:a,disallowedPairs:t};export{o as CompositionRules};
1
+ const e={AppShell:["Menu","Container","Flex","Text","Button"],Container:["Flex","Table","Text","Button","Field","Divider","Tag"],Field:["TextInput","Input","Dropdown","Datepicker","Textarea","Checkbox","Radio","Toggle","Slider","FileUpload"],Modal:["Text","Button","Divider","Field","TextInput","Dropdown","Datepicker","Textarea","Tag"],Table:["Tag","Status","Avatar","Button","ActionMenu","ProgressIndicator","DotStatus"],Tabs:["Text","Tag","Button","Table","Field"],Menu:["ActionMenu","Dropdown","Toggle","Text","Icon"]},a={ActionMenu:["Menu","Table"],Avatar:["Table"],Button:["AppShell","Container","Flex","Modal","Table","Tabs"],Checkbox:["Field"],Container:["AppShell","root"],Datepicker:["Field","Modal"],Divider:["Container","Modal"],DotStatus:["Table"],Dropdown:["Field","Menu","Modal"],Field:["Container","Modal","Tabs"],FileUpload:["Field"],Flex:["AppShell","Container"],Icon:["Menu"],Input:["Field"],Menu:["AppShell","root"],Modal:["AppShell","Container","root"],ProgressIndicator:["Table"],Radio:["Field"],Slider:["Field"],Status:["Table"],Table:["Container","Tabs"],Tag:["Container","Modal","Table","Tabs"],Text:["AppShell","Container","Flex","Menu","Modal","Tabs"],TextInput:["Field","Modal"],Textarea:["Field","Modal"],Toggle:["Field","Menu"]},o=[{parent:"Modal",child:"Modal",reason:"Nested modals create inaccessible focus traps."},{parent:"Dialog",child:"Dialog",reason:"Nested dialogs reduce escape behavior predictability."},{parent:"Toast",child:"Modal",reason:"Toast surfaces must remain non-blocking."},{parent:"Toast",child:"Dialog",reason:"Toast surfaces must remain non-blocking."},{parent:"Table",child:"Table",reason:"Nested tables reduce readability and responsiveness."},{parent:"Button",child:"Button",reason:"Interactive controls cannot be nested."}],t={allowedChildrenByParent:e,allowedParentsByChild:a,disallowedPairs:o};export{t as CompositionRules};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={AuthForm:{name:"AuthForm",layout:"vertical",requiredComponents:["Card","Field","TextInput","Button","Text"],structure:[{type:"Card",role:"container"},{type:"Text",role:"heading",props:{variant:"heading-24"}},{type:"Field",role:"email-field"},{type:"TextInput",role:"email-input",props:{type:"email"}},{type:"Field",role:"password-field"},{type:"TextInput",role:"password-input",props:{type:"password"}},{type:"Button",role:"primary-submit",props:{appearance:"primary"}}],spacing:"--uds-spacing-16",widthConstraint:"var(--uds-spacing-480, 480px)",rules:{maxPrimaryActionsPerSection:1,requiredFieldWrapper:!0}},ModalConfirmation:{name:"ModalConfirmation",layout:"vertical",requiredComponents:["Modal","Text","Button"],structure:[{type:"Modal",role:"overlay"},{type:"Text",role:"title",props:{variant:"heading-20"}},{type:"Text",role:"body",props:{variant:"body-16"}},{type:"Button",role:"secondary-cancel",props:{appearance:"ghost"}},{type:"Button",role:"primary-confirm",props:{appearance:"primary"}}],spacing:"--uds-spacing-16",widthConstraint:"var(--uds-spacing-640, 640px)",rules:{maxPrimaryActionsPerSection:1,disallowNestedModal:!0}},DataTablePage:{name:"DataTablePage",layout:"vertical",requiredComponents:["Container","Text","Table","Pagination","Button"],structure:[{type:"Container",role:"page-shell"},{type:"Flex",role:"header-row"},{type:"Text",role:"title",props:{variant:"heading-24"}},{type:"Button",role:"primary-page-action",props:{appearance:"primary"}},{type:"Table",role:"data-table"},{type:"Pagination",role:"table-pagination"}],spacing:"--uds-spacing-24",widthConstraint:"100%",rules:{maxPrimaryActionsPerSection:1,tableRequiresPaginationForLargeData:!0}},FilterPanel:{name:"FilterPanel",layout:"vertical",requiredComponents:["Card","Field","Dropdown","Datepicker","Button"],structure:[{type:"Card",role:"panel"},{type:"Field",role:"status-filter"},{type:"Dropdown",role:"status-select"},{type:"Field",role:"date-filter"},{type:"Datepicker",role:"date-select"},{type:"Button",role:"apply-filters",props:{appearance:"primary"}}],spacing:"--uds-spacing-12",widthConstraint:"var(--uds-spacing-320, 320px)",rules:{maxPrimaryActionsPerSection:1,requiredFieldWrapper:!0}},DashboardSection:{name:"DashboardSection",layout:"grid",requiredComponents:["Container","Card","Text","Tag","ProgressIndicator"],structure:[{type:"Container",role:"dashboard-container"},{type:"Flex",role:"section-header"},{type:"Text",role:"section-title",props:{variant:"heading-20"}},{type:"Card",role:"metric-card"},{type:"Tag",role:"metric-status"},{type:"ProgressIndicator",role:"metric-progress"}],spacing:"--uds-spacing-16",widthConstraint:"100%",rules:{maxPrimaryActionsPerSection:1,cardGridColumns:[1,2,3]}}};exports.PatternRegistry=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={AuthForm:{name:"AuthForm",layout:"vertical",requiredComponents:["Container","Field","TextInput","Button","Text"],structure:[{type:"Container",role:"container"},{type:"Text",role:"heading",props:{variant:"heading-24"}},{type:"Field",role:"email-field"},{type:"TextInput",role:"email-input",props:{type:"email"}},{type:"Field",role:"password-field"},{type:"TextInput",role:"password-input",props:{type:"password"}},{type:"Button",role:"primary-submit",props:{appearance:"primary"}}],spacing:"--uds-spacing-16",widthConstraint:"var(--uds-spacing-480, 480px)",rules:{maxPrimaryActionsPerSection:1,requiredFieldWrapper:!0}},ModalConfirmation:{name:"ModalConfirmation",layout:"vertical",requiredComponents:["Modal","Text","Button"],structure:[{type:"Modal",role:"overlay"},{type:"Text",role:"title",props:{variant:"heading-20"}},{type:"Text",role:"body",props:{variant:"body-16"}},{type:"Button",role:"secondary-cancel",props:{appearance:"ghost"}},{type:"Button",role:"primary-confirm",props:{appearance:"primary"}}],spacing:"--uds-spacing-16",widthConstraint:"var(--uds-spacing-640, 640px)",rules:{maxPrimaryActionsPerSection:1,disallowNestedModal:!0}},DataTablePage:{name:"DataTablePage",layout:"vertical",requiredComponents:["Container","Text","Table","Pagination","Button"],structure:[{type:"Container",role:"page-shell"},{type:"Flex",role:"header-row"},{type:"Text",role:"title",props:{variant:"heading-24"}},{type:"Button",role:"primary-page-action",props:{appearance:"primary"}},{type:"Table",role:"data-table"},{type:"Pagination",role:"table-pagination"}],spacing:"--uds-spacing-24",widthConstraint:"100%",rules:{maxPrimaryActionsPerSection:1,tableRequiresPaginationForLargeData:!0}},FilterPanel:{name:"FilterPanel",layout:"vertical",requiredComponents:["Container","Field","Dropdown","Datepicker","Button"],structure:[{type:"Container",role:"panel"},{type:"Field",role:"status-filter"},{type:"Dropdown",role:"status-select"},{type:"Field",role:"date-filter"},{type:"Datepicker",role:"date-select"},{type:"Button",role:"apply-filters",props:{appearance:"primary"}}],spacing:"--uds-spacing-12",widthConstraint:"var(--uds-spacing-320, 320px)",rules:{maxPrimaryActionsPerSection:1,requiredFieldWrapper:!0}},DashboardSection:{name:"DashboardSection",layout:"grid",requiredComponents:["Container","Text","Tag","ProgressIndicator"],structure:[{type:"Container",role:"dashboard-container"},{type:"Flex",role:"section-header"},{type:"Text",role:"section-title",props:{variant:"heading-20"}},{type:"Container",role:"metric-card"},{type:"Tag",role:"metric-status"},{type:"ProgressIndicator",role:"metric-progress"}],spacing:"--uds-spacing-16",widthConstraint:"100%",rules:{maxPrimaryActionsPerSection:1,cardGridColumns:[1,2,3]}}};exports.PatternRegistry=e;
@@ -1 +1 @@
1
- const e={AuthForm:{name:"AuthForm",layout:"vertical",requiredComponents:["Card","Field","TextInput","Button","Text"],structure:[{type:"Card",role:"container"},{type:"Text",role:"heading",props:{variant:"heading-24"}},{type:"Field",role:"email-field"},{type:"TextInput",role:"email-input",props:{type:"email"}},{type:"Field",role:"password-field"},{type:"TextInput",role:"password-input",props:{type:"password"}},{type:"Button",role:"primary-submit",props:{appearance:"primary"}}],spacing:"--uds-spacing-16",widthConstraint:"var(--uds-spacing-480, 480px)",rules:{maxPrimaryActionsPerSection:1,requiredFieldWrapper:!0}},ModalConfirmation:{name:"ModalConfirmation",layout:"vertical",requiredComponents:["Modal","Text","Button"],structure:[{type:"Modal",role:"overlay"},{type:"Text",role:"title",props:{variant:"heading-20"}},{type:"Text",role:"body",props:{variant:"body-16"}},{type:"Button",role:"secondary-cancel",props:{appearance:"ghost"}},{type:"Button",role:"primary-confirm",props:{appearance:"primary"}}],spacing:"--uds-spacing-16",widthConstraint:"var(--uds-spacing-640, 640px)",rules:{maxPrimaryActionsPerSection:1,disallowNestedModal:!0}},DataTablePage:{name:"DataTablePage",layout:"vertical",requiredComponents:["Container","Text","Table","Pagination","Button"],structure:[{type:"Container",role:"page-shell"},{type:"Flex",role:"header-row"},{type:"Text",role:"title",props:{variant:"heading-24"}},{type:"Button",role:"primary-page-action",props:{appearance:"primary"}},{type:"Table",role:"data-table"},{type:"Pagination",role:"table-pagination"}],spacing:"--uds-spacing-24",widthConstraint:"100%",rules:{maxPrimaryActionsPerSection:1,tableRequiresPaginationForLargeData:!0}},FilterPanel:{name:"FilterPanel",layout:"vertical",requiredComponents:["Card","Field","Dropdown","Datepicker","Button"],structure:[{type:"Card",role:"panel"},{type:"Field",role:"status-filter"},{type:"Dropdown",role:"status-select"},{type:"Field",role:"date-filter"},{type:"Datepicker",role:"date-select"},{type:"Button",role:"apply-filters",props:{appearance:"primary"}}],spacing:"--uds-spacing-12",widthConstraint:"var(--uds-spacing-320, 320px)",rules:{maxPrimaryActionsPerSection:1,requiredFieldWrapper:!0}},DashboardSection:{name:"DashboardSection",layout:"grid",requiredComponents:["Container","Card","Text","Tag","ProgressIndicator"],structure:[{type:"Container",role:"dashboard-container"},{type:"Flex",role:"section-header"},{type:"Text",role:"section-title",props:{variant:"heading-20"}},{type:"Card",role:"metric-card"},{type:"Tag",role:"metric-status"},{type:"ProgressIndicator",role:"metric-progress"}],spacing:"--uds-spacing-16",widthConstraint:"100%",rules:{maxPrimaryActionsPerSection:1,cardGridColumns:[1,2,3]}}};export{e as PatternRegistry};
1
+ const e={AuthForm:{name:"AuthForm",layout:"vertical",requiredComponents:["Container","Field","TextInput","Button","Text"],structure:[{type:"Container",role:"container"},{type:"Text",role:"heading",props:{variant:"heading-24"}},{type:"Field",role:"email-field"},{type:"TextInput",role:"email-input",props:{type:"email"}},{type:"Field",role:"password-field"},{type:"TextInput",role:"password-input",props:{type:"password"}},{type:"Button",role:"primary-submit",props:{appearance:"primary"}}],spacing:"--uds-spacing-16",widthConstraint:"var(--uds-spacing-480, 480px)",rules:{maxPrimaryActionsPerSection:1,requiredFieldWrapper:!0}},ModalConfirmation:{name:"ModalConfirmation",layout:"vertical",requiredComponents:["Modal","Text","Button"],structure:[{type:"Modal",role:"overlay"},{type:"Text",role:"title",props:{variant:"heading-20"}},{type:"Text",role:"body",props:{variant:"body-16"}},{type:"Button",role:"secondary-cancel",props:{appearance:"ghost"}},{type:"Button",role:"primary-confirm",props:{appearance:"primary"}}],spacing:"--uds-spacing-16",widthConstraint:"var(--uds-spacing-640, 640px)",rules:{maxPrimaryActionsPerSection:1,disallowNestedModal:!0}},DataTablePage:{name:"DataTablePage",layout:"vertical",requiredComponents:["Container","Text","Table","Pagination","Button"],structure:[{type:"Container",role:"page-shell"},{type:"Flex",role:"header-row"},{type:"Text",role:"title",props:{variant:"heading-24"}},{type:"Button",role:"primary-page-action",props:{appearance:"primary"}},{type:"Table",role:"data-table"},{type:"Pagination",role:"table-pagination"}],spacing:"--uds-spacing-24",widthConstraint:"100%",rules:{maxPrimaryActionsPerSection:1,tableRequiresPaginationForLargeData:!0}},FilterPanel:{name:"FilterPanel",layout:"vertical",requiredComponents:["Container","Field","Dropdown","Datepicker","Button"],structure:[{type:"Container",role:"panel"},{type:"Field",role:"status-filter"},{type:"Dropdown",role:"status-select"},{type:"Field",role:"date-filter"},{type:"Datepicker",role:"date-select"},{type:"Button",role:"apply-filters",props:{appearance:"primary"}}],spacing:"--uds-spacing-12",widthConstraint:"var(--uds-spacing-320, 320px)",rules:{maxPrimaryActionsPerSection:1,requiredFieldWrapper:!0}},DashboardSection:{name:"DashboardSection",layout:"grid",requiredComponents:["Container","Text","Tag","ProgressIndicator"],structure:[{type:"Container",role:"dashboard-container"},{type:"Flex",role:"section-header"},{type:"Text",role:"section-title",props:{variant:"heading-20"}},{type:"Container",role:"metric-card"},{type:"Tag",role:"metric-status"},{type:"ProgressIndicator",role:"metric-progress"}],spacing:"--uds-spacing-16",widthConstraint:"100%",rules:{maxPrimaryActionsPerSection:1,cardGridColumns:[1,2,3]}}};export{e as PatternRegistry};
@@ -68,7 +68,6 @@
68
68
  ],
69
69
  "allowedChildren": [],
70
70
  "allowedParents": [
71
- "Card",
72
71
  "Menu",
73
72
  "Table"
74
73
  ],
@@ -105,7 +104,6 @@
105
104
  "Menu",
106
105
  "Container",
107
106
  "Flex",
108
- "Card",
109
107
  "Text",
110
108
  "Button"
111
109
  ],
@@ -150,7 +148,6 @@
150
148
  ],
151
149
  "allowedChildren": [],
152
150
  "allowedParents": [
153
- "Card",
154
151
  "Table"
155
152
  ],
156
153
  "disallowedChildren": [],
@@ -369,7 +366,6 @@
369
366
  "allowedChildren": [],
370
367
  "allowedParents": [
371
368
  "AppShell",
372
- "Card",
373
369
  "Container",
374
370
  "Flex",
375
371
  "Modal",
@@ -484,53 +480,6 @@
484
480
  ]
485
481
  }
486
482
  },
487
- "Card": {
488
- "name": "Card",
489
- "category": "layout",
490
- "intent": "Contained content section",
491
- "purpose": null,
492
- "tier": null,
493
- "description": "A surface container for grouping related content and actions within a visual boundary, managing elevation, padding, and spacing.",
494
- "roles": [
495
- "region"
496
- ],
497
- "slots": null,
498
- "states": [],
499
- "props": {},
500
- "defaults": {},
501
- "composition": {
502
- "preferredParents": [
503
- "Container",
504
- "Flex"
505
- ],
506
- "allowedChildren": [
507
- "Text",
508
- "Flex",
509
- "Button",
510
- "Tag",
511
- "Status",
512
- "Table",
513
- "Divider",
514
- "Avatar",
515
- "ActionMenu",
516
- "Field"
517
- ],
518
- "allowedParents": [
519
- "AppShell",
520
- "Container",
521
- "Tabs"
522
- ],
523
- "disallowedChildren": [],
524
- "constraints": null
525
- },
526
- "tokens": {
527
- "allowed": [
528
- "--uds-spacing-16",
529
- "--uds-spacing-24",
530
- "--uds-radius-8"
531
- ]
532
- }
533
- },
534
483
  "Checkbox": {
535
484
  "name": "Checkbox",
536
485
  "category": "form",
@@ -844,7 +793,6 @@
844
793
  ],
845
794
  "allowedChildren": [
846
795
  "Flex",
847
- "Card",
848
796
  "Table",
849
797
  "Text",
850
798
  "Button",
@@ -1004,7 +952,6 @@
1004
952
  ],
1005
953
  "allowedChildren": [],
1006
954
  "allowedParents": [
1007
- "Card",
1008
955
  "Container",
1009
956
  "Modal"
1010
957
  ],
@@ -1307,7 +1254,6 @@
1307
1254
  "FileUpload"
1308
1255
  ],
1309
1256
  "allowedParents": [
1310
- "Card",
1311
1257
  "Container",
1312
1258
  "Modal",
1313
1259
  "Tabs"
@@ -1398,7 +1344,6 @@
1398
1344
  "allowedChildren": [],
1399
1345
  "allowedParents": [
1400
1346
  "AppShell",
1401
- "Card",
1402
1347
  "Container"
1403
1348
  ],
1404
1349
  "disallowedChildren": [],
@@ -2114,7 +2059,6 @@
2114
2059
  ],
2115
2060
  "allowedChildren": [],
2116
2061
  "allowedParents": [
2117
- "Card",
2118
2062
  "Table"
2119
2063
  ],
2120
2064
  "disallowedChildren": [],
@@ -2229,7 +2173,6 @@
2229
2173
  "DotStatus"
2230
2174
  ],
2231
2175
  "allowedParents": [
2232
- "Card",
2233
2176
  "Container",
2234
2177
  "Tabs"
2235
2178
  ],
@@ -2291,7 +2234,6 @@
2291
2234
  "Text",
2292
2235
  "Tag",
2293
2236
  "Button",
2294
- "Card",
2295
2237
  "Table",
2296
2238
  "Field"
2297
2239
  ],
@@ -2376,7 +2318,6 @@
2376
2318
  ],
2377
2319
  "allowedChildren": [],
2378
2320
  "allowedParents": [
2379
- "Card",
2380
2321
  "Container",
2381
2322
  "Modal",
2382
2323
  "Table",
@@ -2462,7 +2403,6 @@
2462
2403
  "allowedChildren": [],
2463
2404
  "allowedParents": [
2464
2405
  "AppShell",
2465
- "Card",
2466
2406
  "Container",
2467
2407
  "Flex",
2468
2408
  "Menu",
@@ -2835,13 +2775,11 @@
2835
2775
  "Menu",
2836
2776
  "Container",
2837
2777
  "Flex",
2838
- "Card",
2839
2778
  "Text",
2840
2779
  "Button"
2841
2780
  ],
2842
2781
  "Container": [
2843
2782
  "Flex",
2844
- "Card",
2845
2783
  "Table",
2846
2784
  "Text",
2847
2785
  "Button",
@@ -2872,18 +2810,6 @@
2872
2810
  "Textarea",
2873
2811
  "Tag"
2874
2812
  ],
2875
- "Card": [
2876
- "Text",
2877
- "Flex",
2878
- "Button",
2879
- "Tag",
2880
- "Status",
2881
- "Table",
2882
- "Divider",
2883
- "Avatar",
2884
- "ActionMenu",
2885
- "Field"
2886
- ],
2887
2813
  "Table": [
2888
2814
  "Tag",
2889
2815
  "Status",
@@ -2897,7 +2823,6 @@
2897
2823
  "Text",
2898
2824
  "Tag",
2899
2825
  "Button",
2900
- "Card",
2901
2826
  "Table",
2902
2827
  "Field"
2903
2828
  ],
@@ -2911,28 +2836,20 @@
2911
2836
  },
2912
2837
  "allowedParents": {
2913
2838
  "ActionMenu": [
2914
- "Card",
2915
2839
  "Menu",
2916
2840
  "Table"
2917
2841
  ],
2918
2842
  "Avatar": [
2919
- "Card",
2920
2843
  "Table"
2921
2844
  ],
2922
2845
  "Button": [
2923
2846
  "AppShell",
2924
- "Card",
2925
2847
  "Container",
2926
2848
  "Flex",
2927
2849
  "Modal",
2928
2850
  "Table",
2929
2851
  "Tabs"
2930
2852
  ],
2931
- "Card": [
2932
- "AppShell",
2933
- "Container",
2934
- "Tabs"
2935
- ],
2936
2853
  "Checkbox": [
2937
2854
  "Field"
2938
2855
  ],
@@ -2945,7 +2862,6 @@
2945
2862
  "Modal"
2946
2863
  ],
2947
2864
  "Divider": [
2948
- "Card",
2949
2865
  "Container",
2950
2866
  "Modal"
2951
2867
  ],
@@ -2958,7 +2874,6 @@
2958
2874
  "Modal"
2959
2875
  ],
2960
2876
  "Field": [
2961
- "Card",
2962
2877
  "Container",
2963
2878
  "Modal",
2964
2879
  "Tabs"
@@ -2968,7 +2883,6 @@
2968
2883
  ],
2969
2884
  "Flex": [
2970
2885
  "AppShell",
2971
- "Card",
2972
2886
  "Container"
2973
2887
  ],
2974
2888
  "Icon": [
@@ -2996,16 +2910,13 @@
2996
2910
  "Field"
2997
2911
  ],
2998
2912
  "Status": [
2999
- "Card",
3000
2913
  "Table"
3001
2914
  ],
3002
2915
  "Table": [
3003
- "Card",
3004
2916
  "Container",
3005
2917
  "Tabs"
3006
2918
  ],
3007
2919
  "Tag": [
3008
- "Card",
3009
2920
  "Container",
3010
2921
  "Modal",
3011
2922
  "Table",
@@ -3013,7 +2924,6 @@
3013
2924
  ],
3014
2925
  "Text": [
3015
2926
  "AppShell",
3016
- "Card",
3017
2927
  "Container",
3018
2928
  "Flex",
3019
2929
  "Menu",
@@ -6,6 +6,7 @@ Hard requirements:
6
6
  - Never deep import `@/.../components/*`.
7
7
  - Do not use Tailwind classes or utility CSS.
8
8
  - Do not use ad-hoc `className` styling.
9
+ - Ensure app root is wrapped in `BrowserRouter` (or `RouterProvider`) before rendering route-aware UDS components.
9
10
  - Do not create custom CSS variables.
10
11
  - Use only `--uds-*` variables or hardcoded literals.
11
12
  - Use canonical prop names only (reject Ant-style aliases like `Menu.items`, `Flex.vertical`, `Button.type`).
@@ -15,6 +15,7 @@ Hard rules:
15
15
  - Default `Container` to `appearance=\"transparent\"` and `padding=\"large\"` (24px) unless overridden by explicit requirements.
16
16
 
17
17
  Required layout scaffold:
18
+ - App root must be wrapped in `BrowserRouter` (or `RouterProvider`) before rendering any UDS component that consumes routing.
18
19
  - Root must be:
19
20
  - `AppShell`
20
21
  - `AppShell.Menu`