@adia-ai/a2ui-corpus 0.0.1

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 (579) hide show
  1. package/CHANGELOG.md +98 -0
  2. package/README.md +168 -0
  3. package/catalog-a2ui_0_9.json +12554 -0
  4. package/catalog-a2ui_0_9_rules.txt +54 -0
  5. package/compositions/_schema.json +26 -0
  6. package/compositions/agent/ai-streaming-response.json +19 -0
  7. package/compositions/agent/ai-streaming-response.yaml +32 -0
  8. package/compositions/agent/alert-banner.json +23 -0
  9. package/compositions/agent/alert-banner.yaml +34 -0
  10. package/compositions/agent/chat-interface.json +127 -0
  11. package/compositions/agent/chat-interface.yaml +34 -0
  12. package/compositions/agent/command-palette.json +113 -0
  13. package/compositions/agent/command-palette.yaml +30 -0
  14. package/compositions/agent/empty-state.json +22 -0
  15. package/compositions/agent/empty-state.yaml +35 -0
  16. package/compositions/agent/error-state-retry.json +32 -0
  17. package/compositions/agent/loading-skeleton.json +25 -0
  18. package/compositions/agent/loading-skeleton.yaml +31 -0
  19. package/compositions/agent/notification-preferences.json +177 -0
  20. package/compositions/agent/toast-stack.json +17 -0
  21. package/compositions/agent/toast-stack.yaml +28 -0
  22. package/compositions/data/activity-feed.json +31 -0
  23. package/compositions/data/activity-feed.yaml +43 -0
  24. package/compositions/data/audit-log-viewer.json +75 -0
  25. package/compositions/data/bookmark-list.json +32 -0
  26. package/compositions/data/bookmark-list.yaml +41 -0
  27. package/compositions/data/bulk-action-toolbar.json +28 -0
  28. package/compositions/data/changelog-feed.json +54 -0
  29. package/compositions/data/chart-dashboard.json +26 -0
  30. package/compositions/data/chart-dashboard.yaml +34 -0
  31. package/compositions/data/cohort-retention.json +50 -0
  32. package/compositions/data/column-manager.json +321 -0
  33. package/compositions/data/data-table-paginated.json +29 -0
  34. package/compositions/data/data-table-paginated.yaml +36 -0
  35. package/compositions/data/email-inbox-list.json +30 -0
  36. package/compositions/data/email-inbox-list.yaml +41 -0
  37. package/compositions/data/funnel-analytics.json +34 -0
  38. package/compositions/data/heatmap-calendar.json +122 -0
  39. package/compositions/data/invoice-table.json +26 -0
  40. package/compositions/data/invoice-table.yaml +33 -0
  41. package/compositions/data/kpi-overview.json +28 -0
  42. package/compositions/data/kpi-overview.yaml +42 -0
  43. package/compositions/data/notification-center.json +31 -0
  44. package/compositions/data/notification-center.yaml +41 -0
  45. package/compositions/data/object-inspector.json +53 -0
  46. package/compositions/data/product-specs-card.json +19 -0
  47. package/compositions/data/product-specs-card.yaml +35 -0
  48. package/compositions/data/progress-tracker.json +27 -0
  49. package/compositions/data/progress-tracker.yaml +47 -0
  50. package/compositions/data/review-card.json +21 -0
  51. package/compositions/data/review-card.yaml +34 -0
  52. package/compositions/data/saved-views-filter-bar.json +52 -0
  53. package/compositions/data/shopping-cart-summary.json +28 -0
  54. package/compositions/data/shopping-cart-summary.yaml +43 -0
  55. package/compositions/data/stat-card-dashboard.json +30 -0
  56. package/compositions/data/stat-card-dashboard.yaml +44 -0
  57. package/compositions/data/status-page.json +48 -0
  58. package/compositions/data/virtualized-table.json +50 -0
  59. package/compositions/data/weather-widget.json +20 -0
  60. package/compositions/data/weather-widget.yaml +31 -0
  61. package/compositions/form/data-import-wizard.json +217 -0
  62. package/compositions/forms/change-password-form.json +32 -0
  63. package/compositions/forms/change-password-form.yaml +44 -0
  64. package/compositions/forms/color-picker-panel.json +25 -0
  65. package/compositions/forms/color-picker-panel.yaml +36 -0
  66. package/compositions/forms/contact-form.json +49 -0
  67. package/compositions/forms/contact-form.yaml +54 -0
  68. package/compositions/forms/credit-card-payment-form.json +33 -0
  69. package/compositions/forms/credit-card-payment-form.yaml +46 -0
  70. package/compositions/forms/data-import-mapper.json +247 -0
  71. package/compositions/forms/date-time-picker-form.json +23 -0
  72. package/compositions/forms/date-time-picker-form.yaml +38 -0
  73. package/compositions/forms/destructive-confirm.json +43 -0
  74. package/compositions/forms/feedback-form.json +30 -0
  75. package/compositions/forms/feedback-form.yaml +41 -0
  76. package/compositions/forms/file-upload-form.json +28 -0
  77. package/compositions/forms/file-upload-form.yaml +37 -0
  78. package/compositions/forms/login-form.json +71 -0
  79. package/compositions/forms/login-form.yaml +43 -0
  80. package/compositions/forms/multi-step-wizard.json +27 -0
  81. package/compositions/forms/multi-step-wizard.yaml +37 -0
  82. package/compositions/forms/newsletter-subscription-form.json +28 -0
  83. package/compositions/forms/newsletter-subscription-form.yaml +40 -0
  84. package/compositions/forms/otp-verification-form.json +29 -0
  85. package/compositions/forms/otp-verification-form.yaml +42 -0
  86. package/compositions/forms/password-reset-form.json +28 -0
  87. package/compositions/forms/password-reset-form.yaml +40 -0
  88. package/compositions/forms/permission-matrix.json +40 -0
  89. package/compositions/forms/profile-edit-form.json +32 -0
  90. package/compositions/forms/profile-edit-form.yaml +46 -0
  91. package/compositions/forms/radio-group-form.json +30 -0
  92. package/compositions/forms/radio-group-form.yaml +39 -0
  93. package/compositions/forms/search-filters.json +30 -0
  94. package/compositions/forms/search-filters.yaml +41 -0
  95. package/compositions/forms/settings-toggles-page.json +32 -0
  96. package/compositions/forms/settings-toggles-page.yaml +43 -0
  97. package/compositions/forms/signup-form.json +34 -0
  98. package/compositions/forms/signup-form.yaml +48 -0
  99. package/compositions/forms/slider-range-form.json +17 -0
  100. package/compositions/forms/slider-range-form.yaml +34 -0
  101. package/compositions/forms/tag-input-form.json +24 -0
  102. package/compositions/forms/tag-input-form.yaml +31 -0
  103. package/compositions/forms/team-members-rbac.json +279 -0
  104. package/compositions/layout/accordion-settings.json +56 -0
  105. package/compositions/layout/avatar-group-display.json +20 -0
  106. package/compositions/layout/avatar-group-display.yaml +30 -0
  107. package/compositions/layout/badge-variants-display.json +27 -0
  108. package/compositions/layout/badge-variants-display.yaml +31 -0
  109. package/compositions/layout/bento-overview.json +40 -0
  110. package/compositions/layout/calendar-month-view.json +209 -0
  111. package/compositions/layout/calendar-month-view.yaml +29 -0
  112. package/compositions/layout/code-block.json +21 -0
  113. package/compositions/layout/code-block.yaml +30 -0
  114. package/compositions/layout/comparison-table.json +28 -0
  115. package/compositions/layout/comparison-table.yaml +32 -0
  116. package/compositions/layout/divider-with-label.json +17 -0
  117. package/compositions/layout/divider-with-label.yaml +29 -0
  118. package/compositions/layout/drawer-panel.json +23 -0
  119. package/compositions/layout/drawer-panel.yaml +34 -0
  120. package/compositions/layout/embed-iframe.json +19 -0
  121. package/compositions/layout/embed-iframe.yaml +31 -0
  122. package/compositions/layout/faq-accordion.json +85 -0
  123. package/compositions/layout/faq-accordion.yaml +32 -0
  124. package/compositions/layout/feature-grid.json +33 -0
  125. package/compositions/layout/feature-grid.yaml +42 -0
  126. package/compositions/layout/footer-nav.json +30 -0
  127. package/compositions/layout/footer-nav.yaml +35 -0
  128. package/compositions/layout/hero-cta.json +24 -0
  129. package/compositions/layout/hero-cta.yaml +35 -0
  130. package/compositions/layout/image-gallery.json +20 -0
  131. package/compositions/layout/image-gallery.yaml +43 -0
  132. package/compositions/layout/image-with-caption.json +19 -0
  133. package/compositions/layout/image-with-caption.yaml +29 -0
  134. package/compositions/layout/kanban-board.json +38 -0
  135. package/compositions/layout/kanban-board.yaml +37 -0
  136. package/compositions/layout/keyboard-shortcuts.json +26 -0
  137. package/compositions/layout/keyboard-shortcuts.yaml +42 -0
  138. package/compositions/layout/markdown-editor-preview.json +166 -0
  139. package/compositions/layout/media-player.json +22 -0
  140. package/compositions/layout/media-player.yaml +30 -0
  141. package/compositions/layout/modal-form.json +22 -0
  142. package/compositions/layout/modal-form.yaml +34 -0
  143. package/compositions/layout/onboarding-checklist.json +94 -0
  144. package/compositions/layout/onboarding-checklist.yaml +31 -0
  145. package/compositions/layout/popover-tooltip.json +21 -0
  146. package/compositions/layout/popover-tooltip.yaml +31 -0
  147. package/compositions/layout/pricing-tiers.json +42 -0
  148. package/compositions/layout/pricing-tiers.yaml +41 -0
  149. package/compositions/layout/product-card.json +28 -0
  150. package/compositions/layout/product-card.yaml +35 -0
  151. package/compositions/layout/sidebar-layout.json +24 -0
  152. package/compositions/layout/sidebar-layout.yaml +39 -0
  153. package/compositions/layout/split-pane-layout.json +20 -0
  154. package/compositions/layout/split-pane-layout.yaml +31 -0
  155. package/compositions/layout/tabs-panel.json +25 -0
  156. package/compositions/layout/tabs-panel.yaml +34 -0
  157. package/compositions/layout/testimonial-grid.json +42 -0
  158. package/compositions/layout/testimonial-grid.yaml +39 -0
  159. package/compositions/layout/three-pane-shell.json +316 -0
  160. package/compositions/layout/toolbar-actions.json +22 -0
  161. package/compositions/layout/toolbar-actions.yaml +29 -0
  162. package/compositions/navigation/breadcrumb-nav.json +18 -0
  163. package/compositions/navigation/breadcrumb-nav.yaml +29 -0
  164. package/compositions/navigation/nav-menu-with-icons.json +25 -0
  165. package/compositions/navigation/nav-menu-with-icons.yaml +39 -0
  166. package/compositions/navigation/pagination-controls.json +44 -0
  167. package/compositions/navigation/pagination-controls.yaml +34 -0
  168. package/compositions/navigation/segmented-control-tabs.json +17 -0
  169. package/compositions/navigation/segmented-control-tabs.yaml +29 -0
  170. package/compositions/navigation/workspace-switcher.json +29 -0
  171. package/compositions/settings/api-keys.json +57 -0
  172. package/compositions/settings/feature-flags.json +41 -0
  173. package/compositions/settings/integrations-gallery.json +66 -0
  174. package/compositions/settings/session-device-mgmt.json +52 -0
  175. package/compositions/settings/usage-quota-meter.json +47 -0
  176. package/compositions/settings/webhooks.json +62 -0
  177. package/exemplars/AUDIT-REPORT.md +116 -0
  178. package/exemplars/blocks-reference.md +409 -0
  179. package/exemplars/index.html +21 -0
  180. package/exemplars/prose/auth-login/a2ui.json +2143 -0
  181. package/exemplars/prose/auth-login/auth-login.yaml +38 -0
  182. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-1.json +316 -0
  183. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-10.json +102 -0
  184. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-11.json +100 -0
  185. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-12.json +101 -0
  186. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-13.json +117 -0
  187. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-2.json +132 -0
  188. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-3.json +190 -0
  189. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-4.json +64 -0
  190. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-5.json +68 -0
  191. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-6.json +117 -0
  192. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-7.json +86 -0
  193. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-8.json +218 -0
  194. package/exemplars/prose/auth-login/chunks/prose-auth-login-card-9.json +81 -0
  195. package/exemplars/prose/auth-login/index.html +539 -0
  196. package/exemplars/prose/cta/README.md +3 -0
  197. package/exemplars/prose/cta/a2ui.json +570 -0
  198. package/exemplars/prose/cta/chunks/prose-cta-card-1.json +191 -0
  199. package/exemplars/prose/cta/chunks/prose-cta-card-2.json +96 -0
  200. package/exemplars/prose/cta/cta.yaml +38 -0
  201. package/exemplars/prose/cta/data.json +6 -0
  202. package/exemplars/prose/cta/index.html +143 -0
  203. package/exemplars/prose/feature-grid/README.md +3 -0
  204. package/exemplars/prose/feature-grid/a2ui.json +464 -0
  205. package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-1.json +72 -0
  206. package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-2.json +72 -0
  207. package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-3.json +72 -0
  208. package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-4.json +72 -0
  209. package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-5.json +72 -0
  210. package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-6.json +72 -0
  211. package/exemplars/prose/feature-grid/data.json +13 -0
  212. package/exemplars/prose/feature-grid/feature-grid.yaml +35 -0
  213. package/exemplars/prose/feature-grid/index.html +103 -0
  214. package/exemplars/prose/footer/README.md +3 -0
  215. package/exemplars/prose/footer/a2ui.json +359 -0
  216. package/exemplars/prose/footer/data.json +10 -0
  217. package/exemplars/prose/footer/footer.yaml +32 -0
  218. package/exemplars/prose/footer/index.html +110 -0
  219. package/exemplars/prose/hero/README.md +3 -0
  220. package/exemplars/prose/hero/a2ui.json +982 -0
  221. package/exemplars/prose/hero/chunks/prose-hero-card-1.json +52 -0
  222. package/exemplars/prose/hero/chunks/prose-hero-card-2.json +52 -0
  223. package/exemplars/prose/hero/chunks/prose-hero-card-3.json +50 -0
  224. package/exemplars/prose/hero/chunks/prose-hero-card-4.json +50 -0
  225. package/exemplars/prose/hero/chunks/prose-hero-card-5.json +50 -0
  226. package/exemplars/prose/hero/chunks/prose-hero-card-6.json +70 -0
  227. package/exemplars/prose/hero/chunks/prose-hero-card-7.json +70 -0
  228. package/exemplars/prose/hero/chunks/prose-hero-card-8.json +70 -0
  229. package/exemplars/prose/hero/data.json +6 -0
  230. package/exemplars/prose/hero/hero.yaml +38 -0
  231. package/exemplars/prose/hero/index.html +227 -0
  232. package/exemplars/prose/pricing/README.md +3 -0
  233. package/exemplars/prose/pricing/a2ui.json +1367 -0
  234. package/exemplars/prose/pricing/chunks/prose-pricing-card-1.json +240 -0
  235. package/exemplars/prose/pricing/chunks/prose-pricing-card-2.json +312 -0
  236. package/exemplars/prose/pricing/chunks/prose-pricing-card-3.json +333 -0
  237. package/exemplars/prose/pricing/chunks/prose-pricing-card-4.json +51 -0
  238. package/exemplars/prose/pricing/chunks/prose-pricing-card-5.json +51 -0
  239. package/exemplars/prose/pricing/chunks/prose-pricing-card-6.json +51 -0
  240. package/exemplars/prose/pricing/chunks/prose-pricing-card-7.json +51 -0
  241. package/exemplars/prose/pricing/chunks/prose-pricing-card-8.json +80 -0
  242. package/exemplars/prose/pricing/data.json +9 -0
  243. package/exemplars/prose/pricing/index.html +308 -0
  244. package/exemplars/prose/pricing/pricing.yaml +38 -0
  245. package/exemplars/prose/steps/README.md +3 -0
  246. package/exemplars/prose/steps/a2ui.json +662 -0
  247. package/exemplars/prose/steps/chunks/prose-steps-card-1.json +129 -0
  248. package/exemplars/prose/steps/chunks/prose-steps-card-2.json +114 -0
  249. package/exemplars/prose/steps/chunks/prose-steps-card-3.json +182 -0
  250. package/exemplars/prose/steps/chunks/prose-steps-card-4.json +172 -0
  251. package/exemplars/prose/steps/data.json +31 -0
  252. package/exemplars/prose/steps/index.html +173 -0
  253. package/exemplars/prose/steps/setup.js +12 -0
  254. package/exemplars/prose/steps/steps.yaml +38 -0
  255. package/exemplars/prose/testimonials/README.md +3 -0
  256. package/exemplars/prose/testimonials/a2ui.json +1373 -0
  257. package/exemplars/prose/testimonials/chunks/prose-testimonials-card-1.json +182 -0
  258. package/exemplars/prose/testimonials/chunks/prose-testimonials-card-2.json +145 -0
  259. package/exemplars/prose/testimonials/chunks/prose-testimonials-card-3.json +146 -0
  260. package/exemplars/prose/testimonials/chunks/prose-testimonials-card-4.json +146 -0
  261. package/exemplars/prose/testimonials/chunks/prose-testimonials-card-5.json +146 -0
  262. package/exemplars/prose/testimonials/chunks/prose-testimonials-card-6.json +146 -0
  263. package/exemplars/prose/testimonials/chunks/prose-testimonials-card-7.json +146 -0
  264. package/exemplars/prose/testimonials/chunks/prose-testimonials-card-8.json +173 -0
  265. package/exemplars/prose/testimonials/data.json +14 -0
  266. package/exemplars/prose/testimonials/index.html +294 -0
  267. package/exemplars/prose/testimonials/testimonials.yaml +33 -0
  268. package/exemplars/ui/auth-login/a2ui.json +1821 -0
  269. package/exemplars/ui/auth-login/auth-login.yaml +38 -0
  270. package/exemplars/ui/auth-login/chunks/auth-login-card-1.json +172 -0
  271. package/exemplars/ui/auth-login/chunks/auth-login-card-10.json +123 -0
  272. package/exemplars/ui/auth-login/chunks/auth-login-card-11.json +101 -0
  273. package/exemplars/ui/auth-login/chunks/auth-login-card-12.json +108 -0
  274. package/exemplars/ui/auth-login/chunks/auth-login-card-2.json +153 -0
  275. package/exemplars/ui/auth-login/chunks/auth-login-card-3.json +201 -0
  276. package/exemplars/ui/auth-login/chunks/auth-login-card-4.json +148 -0
  277. package/exemplars/ui/auth-login/chunks/auth-login-card-5.json +91 -0
  278. package/exemplars/ui/auth-login/chunks/auth-login-card-6.json +112 -0
  279. package/exemplars/ui/auth-login/chunks/auth-login-card-7.json +100 -0
  280. package/exemplars/ui/auth-login/chunks/auth-login-card-8.json +99 -0
  281. package/exemplars/ui/auth-login/chunks/auth-login-card-9.json +286 -0
  282. package/exemplars/ui/auth-login/index.html +383 -0
  283. package/fragments/_schema.json +72 -0
  284. package/fragments/action/dual-cta-row.json +29 -0
  285. package/fragments/action/dual-cta-row.yaml +34 -0
  286. package/fragments/action/footer-cancel-save.json +31 -0
  287. package/fragments/action/footer-cancel-save.yaml +34 -0
  288. package/fragments/action/footer-primary-only.json +23 -0
  289. package/fragments/action/footer-primary-only.yaml +26 -0
  290. package/fragments/content/calendar-day-cell.json +29 -0
  291. package/fragments/content/chart-legend.json +122 -0
  292. package/fragments/content/column-config-atom.json +121 -0
  293. package/fragments/content/credential-entry-atom.json +128 -0
  294. package/fragments/content/directory-entry-atom.json +150 -0
  295. package/fragments/content/email-row.json +35 -0
  296. package/fragments/content/email-row.yaml +43 -0
  297. package/fragments/content/faq-item.json +54 -0
  298. package/fragments/content/health-entry-atom.json +87 -0
  299. package/fragments/content/icon-text-row.json +29 -0
  300. package/fragments/content/icon-text-row.yaml +36 -0
  301. package/fragments/content/icon-title-description.json +30 -0
  302. package/fragments/content/icon-title-description.yaml +37 -0
  303. package/fragments/content/image-tile.json +28 -0
  304. package/fragments/content/image-tile.yaml +32 -0
  305. package/fragments/content/incident-row.json +109 -0
  306. package/fragments/content/kbd-shortcut-row.json +29 -0
  307. package/fragments/content/kbd-shortcut-row.yaml +33 -0
  308. package/fragments/content/key-value-row.json +29 -0
  309. package/fragments/content/key-value-row.yaml +36 -0
  310. package/fragments/content/labeled-progress.json +29 -0
  311. package/fragments/content/labeled-progress.yaml +33 -0
  312. package/fragments/content/link-list-column.json +33 -0
  313. package/fragments/content/link-list-column.yaml +41 -0
  314. package/fragments/content/linked-record-row.json +95 -0
  315. package/fragments/content/marketplace-tile-atom.json +149 -0
  316. package/fragments/content/metadata-description-list.json +28 -0
  317. package/fragments/content/metadata-description-list.yaml +36 -0
  318. package/fragments/content/pending-invite-row.json +113 -0
  319. package/fragments/content/release-entry.json +159 -0
  320. package/fragments/content/rollout-entry-atom.json +170 -0
  321. package/fragments/content/signed-in-entry-atom.json +159 -0
  322. package/fragments/content/stage-entry-atom.json +117 -0
  323. package/fragments/content/stat-card.json +31 -0
  324. package/fragments/content/stat-card.yaml +39 -0
  325. package/fragments/content/user-identity-row.json +33 -0
  326. package/fragments/content/user-identity-row.yaml +43 -0
  327. package/fragments/content/user-notification-row.json +35 -0
  328. package/fragments/content/user-notification-row.yaml +50 -0
  329. package/fragments/content/wizard-step-row.json +96 -0
  330. package/fragments/form/labeled-checkbox.json +27 -0
  331. package/fragments/form/labeled-checkbox.yaml +36 -0
  332. package/fragments/form/labeled-input.json +28 -0
  333. package/fragments/form/labeled-input.yaml +38 -0
  334. package/fragments/form/labeled-slider.json +34 -0
  335. package/fragments/form/labeled-slider.yaml +50 -0
  336. package/fragments/form/labeled-textarea.json +28 -0
  337. package/fragments/form/labeled-textarea.yaml +39 -0
  338. package/fragments/form/labeled-toggle.json +29 -0
  339. package/fragments/form/labeled-toggle.yaml +43 -0
  340. package/fragments/form/rating-row.json +31 -0
  341. package/fragments/form/rating-row.yaml +40 -0
  342. package/fragments/layout/card-header-heading.json +39 -0
  343. package/fragments/layout/card-header-heading.yaml +27 -0
  344. package/fragments/layout/card-header-with-badge.json +30 -0
  345. package/fragments/layout/card-header-with-badge.yaml +40 -0
  346. package/fragments/layout/card-header-with-description.json +29 -0
  347. package/fragments/layout/card-header-with-description.yaml +32 -0
  348. package/fragments/layout/pricing-tier-card.json +37 -0
  349. package/fragments/layout/pricing-tier-card.yaml +50 -0
  350. package/fragments/layout/text-card.json +28 -0
  351. package/fragments/layout/text-card.yaml +30 -0
  352. package/manifest.json +6 -0
  353. package/package.json +33 -0
  354. package/patterns/_components.json +3320 -0
  355. package/patterns/_index.json +3232 -0
  356. package/patterns/_schema.json +206 -0
  357. package/patterns/_taxonomy.json +1970 -0
  358. package/patterns/agent/_domain.json +27 -0
  359. package/patterns/agent/alert-banner.json +41 -0
  360. package/patterns/agent/alert-banner.yaml +38 -0
  361. package/patterns/agent/chat-interface.json +205 -0
  362. package/patterns/agent/chat-interface.yaml +58 -0
  363. package/patterns/agent/command-palette.json +169 -0
  364. package/patterns/agent/command-palette.yaml +48 -0
  365. package/patterns/agent/empty-state.json +77 -0
  366. package/patterns/agent/empty-state.yaml +44 -0
  367. package/patterns/agent/error-state.json +67 -0
  368. package/patterns/agent/error-state.yaml +43 -0
  369. package/patterns/agent/loading-skeleton.json +101 -0
  370. package/patterns/agent/loading-skeleton.yaml +41 -0
  371. package/patterns/agent/notifications.json +87 -0
  372. package/patterns/agent/notifications.yaml +41 -0
  373. package/patterns/agent/streaming-response.json +58 -0
  374. package/patterns/agent/streaming-response.yaml +41 -0
  375. package/patterns/agent/toast-notification.json +70 -0
  376. package/patterns/agent/toast-notification.yaml +45 -0
  377. package/patterns/data/_domain.json +35 -0
  378. package/patterns/data/admin-dashboard-with-charts.json +755 -0
  379. package/patterns/data/admin-dashboard-with-charts.yaml +79 -0
  380. package/patterns/data/api-key-table.json +131 -0
  381. package/patterns/data/api-key-table.yaml +43 -0
  382. package/patterns/data/bookmark-list-categories.json +143 -0
  383. package/patterns/data/bookmark-list-categories.yaml +53 -0
  384. package/patterns/data/bookmark-list.json +163 -0
  385. package/patterns/data/bookmark-list.yaml +47 -0
  386. package/patterns/data/chart-dashboard.json +335 -0
  387. package/patterns/data/chart-dashboard.yaml +48 -0
  388. package/patterns/data/dashboard.json +153 -0
  389. package/patterns/data/dashboard.yaml +45 -0
  390. package/patterns/data/data-table-view.json +121 -0
  391. package/patterns/data/data-table-view.yaml +61 -0
  392. package/patterns/data/email-inbox.json +272 -0
  393. package/patterns/data/email-inbox.yaml +48 -0
  394. package/patterns/data/event-calendar-details.json +334 -0
  395. package/patterns/data/event-calendar-details.yaml +57 -0
  396. package/patterns/data/inventory-table.json +119 -0
  397. package/patterns/data/inventory-table.yaml +42 -0
  398. package/patterns/data/leaderboard.json +131 -0
  399. package/patterns/data/leaderboard.yaml +41 -0
  400. package/patterns/data/metrics.json +163 -0
  401. package/patterns/data/metrics.yaml +40 -0
  402. package/patterns/data/notification-center.json +264 -0
  403. package/patterns/data/notification-center.yaml +56 -0
  404. package/patterns/data/onboarding-checklist.json +114 -0
  405. package/patterns/data/onboarding-checklist.yaml +43 -0
  406. package/patterns/data/order-tracking.json +167 -0
  407. package/patterns/data/order-tracking.yaml +48 -0
  408. package/patterns/data/pagination-nav.json +48 -0
  409. package/patterns/data/pagination-nav.yaml +42 -0
  410. package/patterns/data/progress-dashboard.json +195 -0
  411. package/patterns/data/progress-dashboard.yaml +50 -0
  412. package/patterns/data/progress-tracker.json +119 -0
  413. package/patterns/data/progress-tracker.yaml +44 -0
  414. package/patterns/data/restaurant-menu.json +271 -0
  415. package/patterns/data/restaurant-menu.yaml +58 -0
  416. package/patterns/data/stat-cards.json +144 -0
  417. package/patterns/data/stat-cards.yaml +42 -0
  418. package/patterns/data/team-activity.json +170 -0
  419. package/patterns/data/team-activity.yaml +46 -0
  420. package/patterns/forms/_domain.json +32 -0
  421. package/patterns/forms/auth-signup.json +221 -0
  422. package/patterns/forms/auth-signup.yaml +55 -0
  423. package/patterns/forms/bleed-design-settings.json +201 -0
  424. package/patterns/forms/bleed-design-settings.yaml +57 -0
  425. package/patterns/forms/color-picker-demo.json +52 -0
  426. package/patterns/forms/color-picker-demo.yaml +43 -0
  427. package/patterns/forms/color-picker-panel.json +48 -0
  428. package/patterns/forms/color-picker-panel.yaml +38 -0
  429. package/patterns/forms/color-theme-builder.json +198 -0
  430. package/patterns/forms/color-theme-builder.yaml +55 -0
  431. package/patterns/forms/create-form.json +191 -0
  432. package/patterns/forms/create-form.yaml +55 -0
  433. package/patterns/forms/credit-card-payment.json +282 -0
  434. package/patterns/forms/credit-card-payment.yaml +61 -0
  435. package/patterns/forms/data-import.json +111 -0
  436. package/patterns/forms/data-import.yaml +49 -0
  437. package/patterns/forms/date-picker.json +85 -0
  438. package/patterns/forms/date-picker.yaml +44 -0
  439. package/patterns/forms/date-range-picker.json +155 -0
  440. package/patterns/forms/date-range-picker.yaml +54 -0
  441. package/patterns/forms/file-upload-form.json +151 -0
  442. package/patterns/forms/file-upload-form.yaml +60 -0
  443. package/patterns/forms/file-upload-gallery.json +174 -0
  444. package/patterns/forms/file-upload-gallery.yaml +56 -0
  445. package/patterns/forms/image-upload-preview.json +72 -0
  446. package/patterns/forms/image-upload-preview.yaml +42 -0
  447. package/patterns/forms/login-form.json +213 -0
  448. package/patterns/forms/login-form.yaml +61 -0
  449. package/patterns/forms/modal-dialog-form.json +233 -0
  450. package/patterns/forms/modal-dialog-form.yaml +52 -0
  451. package/patterns/forms/newsletter-subscribe.json +69 -0
  452. package/patterns/forms/newsletter-subscribe.yaml +47 -0
  453. package/patterns/forms/notification-filters.json +345 -0
  454. package/patterns/forms/notification-filters.yaml +80 -0
  455. package/patterns/forms/notification-preferences.json +302 -0
  456. package/patterns/forms/notification-preferences.yaml +66 -0
  457. package/patterns/forms/otp-form.json +89 -0
  458. package/patterns/forms/otp-form.yaml +46 -0
  459. package/patterns/forms/otp-verification.json +128 -0
  460. package/patterns/forms/otp-verification.yaml +52 -0
  461. package/patterns/forms/password-reset.json +206 -0
  462. package/patterns/forms/password-reset.yaml +56 -0
  463. package/patterns/forms/price-range-filter.json +133 -0
  464. package/patterns/forms/price-range-filter.yaml +51 -0
  465. package/patterns/forms/radio-group-selection.json +209 -0
  466. package/patterns/forms/radio-group-selection.yaml +51 -0
  467. package/patterns/forms/radio-group.json +143 -0
  468. package/patterns/forms/radio-group.yaml +50 -0
  469. package/patterns/forms/search-filters.json +201 -0
  470. package/patterns/forms/search-filters.yaml +60 -0
  471. package/patterns/forms/settings-page.json +364 -0
  472. package/patterns/forms/settings-page.yaml +64 -0
  473. package/patterns/forms/slider-range.json +119 -0
  474. package/patterns/forms/slider-range.yaml +45 -0
  475. package/patterns/forms/survey-rating-scales.json +450 -0
  476. package/patterns/forms/survey-rating-scales.yaml +69 -0
  477. package/patterns/forms/tag-input.json +112 -0
  478. package/patterns/forms/tag-input.yaml +47 -0
  479. package/patterns/forms/theme-customizer.json +180 -0
  480. package/patterns/forms/theme-customizer.yaml +53 -0
  481. package/patterns/forms/two-factor-auth.json +99 -0
  482. package/patterns/forms/two-factor-auth.yaml +62 -0
  483. package/patterns/forms/volume-control.json +99 -0
  484. package/patterns/forms/volume-control.yaml +47 -0
  485. package/patterns/forms/wizard-steps.json +130 -0
  486. package/patterns/forms/wizard-steps.yaml +58 -0
  487. package/patterns/layout/_domain.json +29 -0
  488. package/patterns/layout/accordion-settings.json +345 -0
  489. package/patterns/layout/accordion-settings.yaml +55 -0
  490. package/patterns/layout/avatar-group.json +136 -0
  491. package/patterns/layout/avatar-group.yaml +47 -0
  492. package/patterns/layout/badge-showcase.json +244 -0
  493. package/patterns/layout/badge-showcase.yaml +46 -0
  494. package/patterns/layout/calendar-view.json +88 -0
  495. package/patterns/layout/calendar-view.yaml +42 -0
  496. package/patterns/layout/code-block.json +88 -0
  497. package/patterns/layout/code-block.yaml +47 -0
  498. package/patterns/layout/consent-banner.json +89 -0
  499. package/patterns/layout/consent-banner.yaml +50 -0
  500. package/patterns/layout/cta-banner.json +99 -0
  501. package/patterns/layout/cta-banner.yaml +46 -0
  502. package/patterns/layout/divider-label.json +68 -0
  503. package/patterns/layout/divider-label.yaml +42 -0
  504. package/patterns/layout/drawer-panel.json +220 -0
  505. package/patterns/layout/drawer-panel.yaml +54 -0
  506. package/patterns/layout/embed-content.json +86 -0
  507. package/patterns/layout/embed-content.yaml +46 -0
  508. package/patterns/layout/faq-accordion.json +159 -0
  509. package/patterns/layout/faq-accordion.yaml +47 -0
  510. package/patterns/layout/feature-carousel.json +263 -0
  511. package/patterns/layout/feature-carousel.yaml +47 -0
  512. package/patterns/layout/feature-grid.json +197 -0
  513. package/patterns/layout/feature-grid.yaml +45 -0
  514. package/patterns/layout/hero-section.json +109 -0
  515. package/patterns/layout/hero-section.yaml +46 -0
  516. package/patterns/layout/image-caption.json +48 -0
  517. package/patterns/layout/image-caption.yaml +37 -0
  518. package/patterns/layout/image-carousel.json +173 -0
  519. package/patterns/layout/image-carousel.yaml +47 -0
  520. package/patterns/layout/image-gallery.json +128 -0
  521. package/patterns/layout/image-gallery.yaml +45 -0
  522. package/patterns/layout/kanban-board.json +292 -0
  523. package/patterns/layout/kanban-board.yaml +58 -0
  524. package/patterns/layout/kbd-shortcuts.json +178 -0
  525. package/patterns/layout/kbd-shortcuts.yaml +43 -0
  526. package/patterns/layout/markdown-editor.json +126 -0
  527. package/patterns/layout/markdown-editor.yaml +46 -0
  528. package/patterns/layout/music-player.json +107 -0
  529. package/patterns/layout/music-player.yaml +42 -0
  530. package/patterns/layout/pagination-demo.json +55 -0
  531. package/patterns/layout/pagination-demo.yaml +44 -0
  532. package/patterns/layout/pagination-table.json +107 -0
  533. package/patterns/layout/pagination-table.yaml +59 -0
  534. package/patterns/layout/popover-demo.json +71 -0
  535. package/patterns/layout/popover-demo.yaml +46 -0
  536. package/patterns/layout/popover-menu.json +117 -0
  537. package/patterns/layout/popover-menu.yaml +45 -0
  538. package/patterns/layout/pricing-tiers.json +354 -0
  539. package/patterns/layout/pricing-tiers.yaml +52 -0
  540. package/patterns/layout/product-card.json +89 -0
  541. package/patterns/layout/product-card.yaml +46 -0
  542. package/patterns/layout/product-carousel.json +251 -0
  543. package/patterns/layout/product-carousel.yaml +47 -0
  544. package/patterns/layout/social-post.json +119 -0
  545. package/patterns/layout/social-post.yaml +45 -0
  546. package/patterns/layout/split-pane.json +69 -0
  547. package/patterns/layout/split-pane.yaml +41 -0
  548. package/patterns/layout/swiper-carousel.json +97 -0
  549. package/patterns/layout/swiper-carousel.yaml +55 -0
  550. package/patterns/layout/tabs-panels.json +173 -0
  551. package/patterns/layout/tabs-panels.yaml +46 -0
  552. package/patterns/layout/team-carousel.json +332 -0
  553. package/patterns/layout/team-carousel.yaml +50 -0
  554. package/patterns/layout/testimonials-carousel.json +281 -0
  555. package/patterns/layout/testimonials-carousel.yaml +50 -0
  556. package/patterns/layout/testimonials-grid.json +286 -0
  557. package/patterns/layout/testimonials-grid.yaml +46 -0
  558. package/patterns/layout/toolbar-buttons.json +179 -0
  559. package/patterns/layout/toolbar-buttons.yaml +47 -0
  560. package/patterns/layout/tooltip-buttons.json +127 -0
  561. package/patterns/layout/tooltip-buttons.yaml +44 -0
  562. package/patterns/layout/user-profile.json +123 -0
  563. package/patterns/layout/user-profile.yaml +45 -0
  564. package/patterns/layout/video-player.json +95 -0
  565. package/patterns/layout/video-player.yaml +45 -0
  566. package/patterns/layout/weather-widget.json +127 -0
  567. package/patterns/layout/weather-widget.yaml +46 -0
  568. package/patterns/navigation/_domain.json +25 -0
  569. package/patterns/navigation/breadcrumb-nav.json +57 -0
  570. package/patterns/navigation/breadcrumb-nav.yaml +39 -0
  571. package/patterns/navigation/nav-menu-icons.json +71 -0
  572. package/patterns/navigation/nav-menu-icons.yaml +38 -0
  573. package/patterns/navigation/section-subnav.json +79 -0
  574. package/patterns/navigation/segmented-control.json +56 -0
  575. package/patterns/navigation/segmented-control.yaml +40 -0
  576. package/patterns/navigation/sidebar-nav.json +207 -0
  577. package/patterns/navigation/sidebar-nav.yaml +44 -0
  578. package/patterns/settings/settings-page.json +280 -0
  579. package/patterns/settings/settings-page.yaml +51 -0
@@ -0,0 +1,96 @@
1
+ {
2
+ "$schema": "../_schema.json",
3
+ "name": "wizard-step-row",
4
+ "version": 1,
5
+ "kind": "fragment",
6
+ "semantic_role": "list-item-atom",
7
+ "description": "Flat row with icon, title, badge. Used inside larger step-list compositions.",
8
+ "shape": "Row(Icon,Text,Badge)",
9
+ "tags": {
10
+ "purpose": [
11
+ "row-atom"
12
+ ],
13
+ "layout": "row"
14
+ },
15
+ "keywords": [
16
+ "step row atom",
17
+ "checklist step atom"
18
+ ],
19
+ "slots": [
20
+ {
21
+ "name": "icon",
22
+ "targetId": "wsr-icon",
23
+ "attribute": "name",
24
+ "required": true,
25
+ "defaultValue": "circle"
26
+ },
27
+ {
28
+ "name": "title",
29
+ "targetId": "wsr-title",
30
+ "attribute": "textContent",
31
+ "required": true,
32
+ "defaultValue": "Step"
33
+ },
34
+ {
35
+ "name": "badgeLabel",
36
+ "targetId": "wsr-badge",
37
+ "attribute": "text",
38
+ "required": false,
39
+ "defaultValue": "todo"
40
+ },
41
+ {
42
+ "name": "badgeVariant",
43
+ "targetId": "wsr-badge",
44
+ "attribute": "variant",
45
+ "required": false,
46
+ "defaultValue": "neutral"
47
+ }
48
+ ],
49
+ "template": [
50
+ {
51
+ "id": "wsr-root",
52
+ "component": "Row",
53
+ "gap": "2",
54
+ "align": "center",
55
+ "children": [
56
+ "wsr-icon",
57
+ "wsr-title",
58
+ "wsr-badge"
59
+ ]
60
+ },
61
+ {
62
+ "id": "wsr-icon",
63
+ "component": "Icon",
64
+ "name": "circle"
65
+ },
66
+ {
67
+ "id": "wsr-title",
68
+ "component": "Text",
69
+ "textContent": "Step",
70
+ "grow": true
71
+ },
72
+ {
73
+ "id": "wsr-badge",
74
+ "component": "Badge",
75
+ "text": "todo",
76
+ "variant": "neutral"
77
+ }
78
+ ],
79
+ "links": {
80
+ "uses_components": [
81
+ "Row",
82
+ "Icon",
83
+ "Text",
84
+ "Badge"
85
+ ],
86
+ "used_by": [],
87
+ "related": [
88
+ "icon-text-row"
89
+ ]
90
+ },
91
+ "metrics": {
92
+ "leverage": 4,
93
+ "pattern_count": 1,
94
+ "instance_count": 4
95
+ }
96
+ }
@@ -0,0 +1,27 @@
1
+ {
2
+ "$schema": "../_schema.json",
3
+ "name": "labeled-checkbox",
4
+ "version": 2,
5
+ "kind": "fragment",
6
+ "semantic_role": "consent-field",
7
+ "description": "Checkbox wrapped in a field-ui (inline mode) for consent, opt-ins, boolean preferences.",
8
+ "shape": "Field(CheckBox)",
9
+ "tags": {
10
+ "purpose": ["form-field", "consent"],
11
+ "layout": "inline"
12
+ },
13
+ "keywords": ["checkbox", "consent", "agree", "accept", "terms", "opt-in", "toggle"],
14
+ "slots": [
15
+ { "name": "label", "targetId": "fcb-field", "attribute": "label", "required": true },
16
+ { "name": "name", "targetId": "fcb-in", "attribute": "name", "required": true },
17
+ { "name": "checked", "targetId": "fcb-in", "attribute": "checked", "defaultValue": false }
18
+ ],
19
+ "template": [
20
+ { "id": "fcb-field", "component": "Field", "label": "Label", "inline": true, "children": ["fcb-in"] },
21
+ { "id": "fcb-in", "component": "CheckBox", "name": "field", "checked": false }
22
+ ],
23
+ "links": {
24
+ "uses_components": ["Field", "CheckBox"]
25
+ },
26
+ "metrics": { "leverage": 4.0 }
27
+ }
@@ -0,0 +1,36 @@
1
+ # Generated by scripts/generate-yaml-scaffolds.mjs
2
+ # Narrative doc — JSON sibling remains the canonical machine source.
3
+ # Fill in TODO sections by hand.
4
+
5
+ $schema: ../../../../../scripts/schemas/fragment.yaml.schema.json
6
+ kind: fragment
7
+ name: labeled-checkbox
8
+ description: >-
9
+ Checkbox with an inline label. Use for terms acceptance, opt-ins, boolean preferences in forms.
10
+ keywords:
11
+ - checkbox
12
+ - consent
13
+ - agree
14
+ - accept
15
+ - terms
16
+ - opt-in
17
+ - toggle
18
+ slots:
19
+ label:
20
+ required: true
21
+ target: fcb-in.label
22
+ description: "TODO: describe 'label' slot"
23
+ name:
24
+ required: true
25
+ target: fcb-in.name
26
+ description: "TODO: describe 'name' slot"
27
+ checked:
28
+ required: false
29
+ target: fcb-in.checked
30
+ description: "TODO: describe 'checked' slot"
31
+ leverage: 0
32
+ used_by: []
33
+ use-cases:
34
+ - "TODO: describe when to reach for this fragment"
35
+ components:
36
+ - CheckBox
@@ -0,0 +1,28 @@
1
+ {
2
+ "$schema": "../_schema.json",
3
+ "name": "labeled-input",
4
+ "version": 2,
5
+ "kind": "fragment",
6
+ "semantic_role": "form-field",
7
+ "description": "Single-line input wrapped in a field-ui for proper label/control association. The atomic form field; composes into any form.",
8
+ "shape": "Field(Input)",
9
+ "tags": {
10
+ "purpose": ["form-field"],
11
+ "layout": "stacked"
12
+ },
13
+ "keywords": ["input", "field", "form", "text", "label"],
14
+ "slots": [
15
+ { "name": "label", "targetId": "fi-field", "attribute": "label", "required": true },
16
+ { "name": "name", "targetId": "fi-in", "attribute": "name", "required": true },
17
+ { "name": "placeholder", "targetId": "fi-in", "attribute": "placeholder" },
18
+ { "name": "type", "targetId": "fi-in", "attribute": "type", "defaultValue": "text" }
19
+ ],
20
+ "template": [
21
+ { "id": "fi-field", "component": "Field", "label": "Label", "children": ["fi-in"] },
22
+ { "id": "fi-in", "component": "Input", "name": "field", "placeholder": "" }
23
+ ],
24
+ "links": {
25
+ "uses_components": ["Field", "Input"]
26
+ },
27
+ "metrics": { "leverage": 20.0, "pattern_count": 12, "instance_count": 40 }
28
+ }
@@ -0,0 +1,38 @@
1
+ # Generated by scripts/generate-yaml-scaffolds.mjs
2
+ # Narrative doc — JSON sibling remains the canonical machine source.
3
+ # Fill in TODO sections by hand.
4
+
5
+ $schema: ../../../../../scripts/schemas/fragment.yaml.schema.json
6
+ kind: fragment
7
+ name: labeled-input
8
+ description: >-
9
+ Single-line input with a label and placeholder. The atomic form field; composes into any form.
10
+ keywords:
11
+ - input
12
+ - field
13
+ - form
14
+ - text
15
+ - label
16
+ slots:
17
+ label:
18
+ required: true
19
+ target: fi-in.label
20
+ description: "TODO: describe 'label' slot"
21
+ name:
22
+ required: true
23
+ target: fi-in.name
24
+ description: "TODO: describe 'name' slot"
25
+ placeholder:
26
+ required: false
27
+ target: fi-in.placeholder
28
+ description: "TODO: describe 'placeholder' slot"
29
+ type:
30
+ required: false
31
+ target: fi-in.type
32
+ description: "TODO: describe 'type' slot"
33
+ leverage: 0
34
+ used_by: []
35
+ use-cases:
36
+ - "TODO: describe when to reach for this fragment"
37
+ components:
38
+ - Input
@@ -0,0 +1,34 @@
1
+ {
2
+ "$schema": "../_schema.json",
3
+ "name": "labeled-slider",
4
+ "version": 1,
5
+ "kind": "fragment",
6
+ "semantic_role": "slider-with-label",
7
+ "description": "Slider input preceded by a caption label and followed by a muted value readout — for volume, price ranges, settings, intensity controls.",
8
+ "shape": "Column(Text[v=caption],Slider,Text[v=body])",
9
+ "tags": {
10
+ "purpose": ["slider-row", "range-control"],
11
+ "layout": "stacked"
12
+ },
13
+ "keywords": ["slider", "range", "volume", "intensity", "control", "min", "max"],
14
+ "slots": [
15
+ { "name": "label", "targetId": "ls-label", "attribute": "textContent", "required": true, "defaultValue": "Value" },
16
+ { "name": "name", "targetId": "ls-slider", "attribute": "name", "required": false, "defaultValue": "value" },
17
+ { "name": "min", "targetId": "ls-slider", "attribute": "min", "required": false, "defaultValue": 0 },
18
+ { "name": "max", "targetId": "ls-slider", "attribute": "max", "required": false, "defaultValue": 100 },
19
+ { "name": "value", "targetId": "ls-slider", "attribute": "value", "required": false, "defaultValue": 50 },
20
+ { "name": "readout", "targetId": "ls-readout", "attribute": "textContent", "required": false, "defaultValue": "50%" }
21
+ ],
22
+ "template": [
23
+ { "id": "ls-root", "component": "Column", "children": ["ls-label", "ls-slider", "ls-readout"], "gap": "2" },
24
+ { "id": "ls-label", "component": "Text", "variant": "caption", "textContent": "Value" },
25
+ { "id": "ls-slider", "component": "Slider", "name": "value", "min": 0, "max": 100, "value": 50 },
26
+ { "id": "ls-readout", "component": "Text", "variant": "body", "color": "muted", "textContent": "50%" }
27
+ ],
28
+ "links": {
29
+ "uses_components": ["Column", "Text", "Slider"],
30
+ "used_by": [],
31
+ "related": ["labeled-input", "labeled-progress"]
32
+ },
33
+ "metrics": { "leverage": 3.0, "pattern_count": 1, "instance_count": 1 }
34
+ }
@@ -0,0 +1,50 @@
1
+ # Generated by scripts/generate-yaml-scaffolds.mjs
2
+ # Narrative doc — JSON sibling remains the canonical machine source.
3
+ # Fill in TODO sections by hand.
4
+
5
+ $schema: ../../../../../scripts/schemas/fragment.yaml.schema.json
6
+ kind: fragment
7
+ name: labeled-slider
8
+ description: >-
9
+ Slider input preceded by a caption label and followed by a muted value readout — for volume, price ranges, settings, intensity controls.
10
+ keywords:
11
+ - slider
12
+ - range
13
+ - volume
14
+ - intensity
15
+ - control
16
+ - min
17
+ - max
18
+ slots:
19
+ label:
20
+ required: true
21
+ target: ls-label.textContent
22
+ description: "TODO: describe 'label' slot"
23
+ name:
24
+ required: false
25
+ target: ls-slider.name
26
+ description: "TODO: describe 'name' slot"
27
+ min:
28
+ required: false
29
+ target: ls-slider.min
30
+ description: "TODO: describe 'min' slot"
31
+ max:
32
+ required: false
33
+ target: ls-slider.max
34
+ description: "TODO: describe 'max' slot"
35
+ value:
36
+ required: false
37
+ target: ls-slider.value
38
+ description: "TODO: describe 'value' slot"
39
+ readout:
40
+ required: false
41
+ target: ls-readout.textContent
42
+ description: "TODO: describe 'readout' slot"
43
+ leverage: 0
44
+ used_by: []
45
+ use-cases:
46
+ - "TODO: describe when to reach for this fragment"
47
+ components:
48
+ - Column
49
+ - Text
50
+ - Slider
@@ -0,0 +1,28 @@
1
+ {
2
+ "$schema": "../_schema.json",
3
+ "name": "labeled-textarea",
4
+ "version": 2,
5
+ "kind": "fragment",
6
+ "semantic_role": "multiline-form-field",
7
+ "description": "Multi-line text input wrapped in a field-ui. Use for messages, descriptions, comments — any free-form text longer than a line.",
8
+ "shape": "Field(TextArea)",
9
+ "tags": {
10
+ "purpose": ["form-field", "multiline"],
11
+ "layout": "stacked"
12
+ },
13
+ "keywords": ["textarea", "message", "comment", "description", "multiline", "notes"],
14
+ "slots": [
15
+ { "name": "label", "targetId": "fta-field", "attribute": "label", "required": true },
16
+ { "name": "name", "targetId": "fta-in", "attribute": "name", "required": true },
17
+ { "name": "placeholder", "targetId": "fta-in", "attribute": "placeholder" },
18
+ { "name": "rows", "targetId": "fta-in", "attribute": "rows", "defaultValue": 4 }
19
+ ],
20
+ "template": [
21
+ { "id": "fta-field", "component": "Field", "label": "Label", "children": ["fta-in"] },
22
+ { "id": "fta-in", "component": "TextArea", "name": "field", "placeholder": "", "rows": 4 }
23
+ ],
24
+ "links": {
25
+ "uses_components": ["Field", "TextArea"]
26
+ },
27
+ "metrics": { "leverage": 8.0 }
28
+ }
@@ -0,0 +1,39 @@
1
+ # Generated by scripts/generate-yaml-scaffolds.mjs
2
+ # Narrative doc — JSON sibling remains the canonical machine source.
3
+ # Fill in TODO sections by hand.
4
+
5
+ $schema: ../../../../../scripts/schemas/fragment.yaml.schema.json
6
+ kind: fragment
7
+ name: labeled-textarea
8
+ description: >-
9
+ Multi-line text input with a label. Use for messages, descriptions, comments — any free-form text longer than a line.
10
+ keywords:
11
+ - textarea
12
+ - message
13
+ - comment
14
+ - description
15
+ - multiline
16
+ - notes
17
+ slots:
18
+ label:
19
+ required: true
20
+ target: fta-in.label
21
+ description: "TODO: describe 'label' slot"
22
+ name:
23
+ required: true
24
+ target: fta-in.name
25
+ description: "TODO: describe 'name' slot"
26
+ placeholder:
27
+ required: false
28
+ target: fta-in.placeholder
29
+ description: "TODO: describe 'placeholder' slot"
30
+ rows:
31
+ required: false
32
+ target: fta-in.rows
33
+ description: "TODO: describe 'rows' slot"
34
+ leverage: 0
35
+ used_by: []
36
+ use-cases:
37
+ - "TODO: describe when to reach for this fragment"
38
+ components:
39
+ - TextArea
@@ -0,0 +1,29 @@
1
+ {
2
+ "$schema": "../_schema.json",
3
+ "name": "labeled-toggle",
4
+ "version": 1,
5
+ "kind": "fragment",
6
+ "semantic_role": "boolean-preference",
7
+ "description": "Toggle switch with a label and optional description. Canonical row for settings pages and preference panels.",
8
+ "shape": "Row(Column(Text,Text),Toggle)",
9
+ "tags": {
10
+ "purpose": ["form-field", "preference", "toggle"],
11
+ "layout": "row"
12
+ },
13
+ "keywords": ["toggle", "switch", "setting", "preference", "enable", "disable", "notification"],
14
+ "slots": [
15
+ { "name": "label", "targetId": "tg-label", "attribute": "textContent", "required": true },
16
+ { "name": "description", "targetId": "tg-desc", "attribute": "textContent" },
17
+ { "name": "name", "targetId": "tg-sw", "attribute": "name", "required": true },
18
+ { "name": "checked", "targetId": "tg-sw", "attribute": "checked", "defaultValue": false }
19
+ ],
20
+ "template": [
21
+ { "id": "tg-root", "component": "Row", "children": ["tg-col", "tg-sw"], "gap": "3" },
22
+ { "id": "tg-col", "component": "Column", "children": ["tg-label", "tg-desc"], "gap": "0" },
23
+ { "id": "tg-label", "component": "Text", "variant": "body", "textContent": "Setting" },
24
+ { "id": "tg-desc", "component": "Text", "variant": "caption", "color": "muted", "textContent": "" },
25
+ { "id": "tg-sw", "component": "Toggle", "name": "field", "checked": false }
26
+ ],
27
+ "links": { "uses_components": ["Row", "Column", "Text", "Toggle"] },
28
+ "metrics": { "leverage": 6.0 }
29
+ }
@@ -0,0 +1,43 @@
1
+ # Generated by scripts/generate-yaml-scaffolds.mjs
2
+ # Narrative doc — JSON sibling remains the canonical machine source.
3
+ # Fill in TODO sections by hand.
4
+
5
+ $schema: ../../../../../scripts/schemas/fragment.yaml.schema.json
6
+ kind: fragment
7
+ name: labeled-toggle
8
+ description: >-
9
+ Toggle switch with a label and optional description. Canonical row for settings pages and preference panels.
10
+ keywords:
11
+ - toggle
12
+ - switch
13
+ - setting
14
+ - preference
15
+ - enable
16
+ - disable
17
+ - notification
18
+ slots:
19
+ label:
20
+ required: true
21
+ target: tg-label.textContent
22
+ description: "TODO: describe 'label' slot"
23
+ description:
24
+ required: false
25
+ target: tg-desc.textContent
26
+ description: "TODO: describe 'description' slot"
27
+ name:
28
+ required: true
29
+ target: tg-sw.name
30
+ description: "TODO: describe 'name' slot"
31
+ checked:
32
+ required: false
33
+ target: tg-sw.checked
34
+ description: "TODO: describe 'checked' slot"
35
+ leverage: 0
36
+ used_by: []
37
+ use-cases:
38
+ - "TODO: describe when to reach for this fragment"
39
+ components:
40
+ - Row
41
+ - Column
42
+ - Text
43
+ - Toggle
@@ -0,0 +1,31 @@
1
+ {
2
+ "$schema": "../_schema.json",
3
+ "name": "rating-row",
4
+ "version": 1,
5
+ "kind": "fragment",
6
+ "semantic_role": "rating-with-label",
7
+ "description": "Star rating paired with an inline label — for review forms, product cards, testimonial summaries. Defaults to 5-star scale with half-step precision.",
8
+ "shape": "Row(Text[v=body],Rating)",
9
+ "tags": {
10
+ "purpose": ["rating-row", "review", "feedback"],
11
+ "layout": "inline"
12
+ },
13
+ "keywords": ["rating", "stars", "review", "score", "feedback"],
14
+ "slots": [
15
+ { "name": "label", "targetId": "rr-label", "attribute": "textContent", "required": true, "defaultValue": "Rating" },
16
+ { "name": "value", "targetId": "rr-rating", "attribute": "value", "required": true, "defaultValue": 0 },
17
+ { "name": "max", "targetId": "rr-rating", "attribute": "max", "required": false, "defaultValue": 5 },
18
+ { "name": "readonly", "targetId": "rr-rating", "attribute": "readonly", "required": false, "defaultValue": false }
19
+ ],
20
+ "template": [
21
+ { "id": "rr-root", "component": "Row", "children": ["rr-label", "rr-rating"], "gap": "3", "align": "center" },
22
+ { "id": "rr-label", "component": "Text", "variant": "body", "textContent": "Rating" },
23
+ { "id": "rr-rating", "component": "Rating", "value": 0, "max": 5 }
24
+ ],
25
+ "links": {
26
+ "uses_components": ["Row", "Text", "Rating"],
27
+ "used_by": [],
28
+ "related": []
29
+ },
30
+ "metrics": { "leverage": 4.0, "pattern_count": 1, "instance_count": 1 }
31
+ }
@@ -0,0 +1,40 @@
1
+ # Generated by scripts/generate-yaml-scaffolds.mjs
2
+ # Narrative doc — JSON sibling remains the canonical machine source.
3
+ # Fill in TODO sections by hand.
4
+
5
+ $schema: ../../../../../scripts/schemas/fragment.yaml.schema.json
6
+ kind: fragment
7
+ name: rating-row
8
+ description: >-
9
+ Star rating paired with an inline label — for review forms, product cards, testimonial summaries. Defaults to 5-star scale with half-step precision.
10
+ keywords:
11
+ - rating
12
+ - stars
13
+ - review
14
+ - score
15
+ - feedback
16
+ slots:
17
+ label:
18
+ required: true
19
+ target: rr-label.textContent
20
+ description: "TODO: describe 'label' slot"
21
+ value:
22
+ required: true
23
+ target: rr-rating.value
24
+ description: "TODO: describe 'value' slot"
25
+ max:
26
+ required: false
27
+ target: rr-rating.max
28
+ description: "TODO: describe 'max' slot"
29
+ readonly:
30
+ required: false
31
+ target: rr-rating.readonly
32
+ description: "TODO: describe 'readonly' slot"
33
+ leverage: 0
34
+ used_by: []
35
+ use-cases:
36
+ - "TODO: describe when to reach for this fragment"
37
+ components:
38
+ - Row
39
+ - Text
40
+ - Rating
@@ -0,0 +1,39 @@
1
+ {
2
+ "$schema": "../_schema.json",
3
+ "name": "card-header-heading",
4
+ "version": 1,
5
+ "kind": "fragment",
6
+ "semantic_role": "card-titlebar",
7
+ "description": "Minimal card header with a single section-level heading. The canonical titlebar for any Card. Use when the card needs a title but no subcopy or actions.",
8
+ "shape": "Header(Text[slot=heading,v=section])",
9
+ "tags": {
10
+ "purpose": ["titlebar", "card-header"],
11
+ "layout": "inline"
12
+ },
13
+ "keywords": ["card", "header", "title", "heading", "titlebar"],
14
+ "slots": [
15
+ {
16
+ "name": "heading",
17
+ "targetId": "h-text",
18
+ "attribute": "textContent",
19
+ "required": true,
20
+ "description": "The card's title text"
21
+ }
22
+ ],
23
+ "template": [
24
+ { "id": "h-root", "component": "Header", "children": ["h-text"] },
25
+ { "id": "h-text", "component": "Text", "slot": "heading", "variant": "section", "textContent": "Title" }
26
+ ],
27
+ "links": {
28
+ "uses_components": ["Header", "Text"],
29
+ "uses_fragments": [],
30
+ "used_by": [],
31
+ "related": ["card-header-with-description"],
32
+ "spawned_from": []
33
+ },
34
+ "metrics": {
35
+ "leverage": 32.0,
36
+ "pattern_count": 16,
37
+ "instance_count": 25
38
+ }
39
+ }
@@ -0,0 +1,27 @@
1
+ # Generated by scripts/generate-yaml-scaffolds.mjs
2
+ # Narrative doc — JSON sibling remains the canonical machine source.
3
+ # Fill in TODO sections by hand.
4
+
5
+ $schema: ../../../../../scripts/schemas/fragment.yaml.schema.json
6
+ kind: fragment
7
+ name: card-header-heading
8
+ description: >-
9
+ Minimal card header with a single section-level heading. The canonical titlebar for any Card. Use when the card needs a title but no subcopy or actions.
10
+ keywords:
11
+ - card
12
+ - header
13
+ - title
14
+ - heading
15
+ - titlebar
16
+ slots:
17
+ heading:
18
+ required: true
19
+ target: h-text.textContent
20
+ description: "The card's title text"
21
+ leverage: 0
22
+ used_by: []
23
+ use-cases:
24
+ - "TODO: describe when to reach for this fragment"
25
+ components:
26
+ - Header
27
+ - Text
@@ -0,0 +1,30 @@
1
+ {
2
+ "$schema": "../_schema.json",
3
+ "name": "card-header-with-badge",
4
+ "version": 1,
5
+ "kind": "fragment",
6
+ "semantic_role": "titled-card-header",
7
+ "description": "Card header with a section-level heading plus a status badge — for kanban columns, product cards with stock status, task cards with priority, item cards with state tags.",
8
+ "shape": "Header(Text[v=section],Badge[v=success])",
9
+ "tags": {
10
+ "purpose": ["titlebar", "card-header", "status"],
11
+ "layout": "inline"
12
+ },
13
+ "keywords": ["card", "header", "title", "badge", "status", "tag", "label", "pill", "column"],
14
+ "slots": [
15
+ { "name": "heading", "targetId": "hb-title", "attribute": "textContent", "required": true, "defaultValue": "Title" },
16
+ { "name": "badgeLabel", "targetId": "hb-badge", "attribute": "textContent", "required": true, "defaultValue": "Status" },
17
+ { "name": "badgeVariant", "targetId": "hb-badge", "attribute": "variant", "required": false, "defaultValue": "success" }
18
+ ],
19
+ "template": [
20
+ { "id": "hb-root", "component": "Header", "children": ["hb-title", "hb-badge"] },
21
+ { "id": "hb-title", "component": "Text", "variant": "section", "textContent": "Title" },
22
+ { "id": "hb-badge", "component": "Badge", "variant": "success", "textContent": "Status" }
23
+ ],
24
+ "links": {
25
+ "uses_components": ["Header", "Text", "Badge"],
26
+ "used_by": [],
27
+ "related": ["card-header-heading", "card-header-with-description"]
28
+ },
29
+ "metrics": { "leverage": 6.0, "pattern_count": 2, "instance_count": 2 }
30
+ }