@adia-ai/web-components 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 (468) hide show
  1. package/README.md +195 -0
  2. package/a2ui/dockables/action.js +152 -0
  3. package/a2ui/dockables/base.js +30 -0
  4. package/a2ui/dockables/controller.js +97 -0
  5. package/a2ui/dockables/data-source.js +103 -0
  6. package/a2ui/dockables/index.js +6 -0
  7. package/a2ui/dockables/lifecycle.js +84 -0
  8. package/a2ui/dockables/provider.js +59 -0
  9. package/a2ui/index.js +19 -0
  10. package/a2ui/manifest-runtime.js +226 -0
  11. package/a2ui/registry.js +200 -0
  12. package/a2ui/renderer.js +361 -0
  13. package/a2ui/root.js +152 -0
  14. package/a2ui/stream.js +243 -0
  15. package/a2ui/surface-manifest.js +294 -0
  16. package/a2ui/surface.js +222 -0
  17. package/a2ui/wire-factory.js +134 -0
  18. package/a2ui/wiring-engine.js +209 -0
  19. package/a2ui/wiring-registry.js +342 -0
  20. package/components/accordion/accordion.a2ui.json +129 -0
  21. package/components/accordion/accordion.css +133 -0
  22. package/components/accordion/accordion.js +125 -0
  23. package/components/accordion/accordion.yaml +527 -0
  24. package/components/action-list/action-list.a2ui.json +64 -0
  25. package/components/action-list/action-list.css +115 -0
  26. package/components/action-list/action-list.js +149 -0
  27. package/components/action-list/action-list.yaml +56 -0
  28. package/components/agent-artifact/agent-artifact.a2ui.json +99 -0
  29. package/components/agent-artifact/agent-artifact.css +94 -0
  30. package/components/agent-artifact/agent-artifact.js +169 -0
  31. package/components/agent-artifact/agent-artifact.yaml +71 -0
  32. package/components/agent-feedback-bar/agent-feedback-bar.a2ui.json +91 -0
  33. package/components/agent-feedback-bar/agent-feedback-bar.css +33 -0
  34. package/components/agent-feedback-bar/agent-feedback-bar.js +152 -0
  35. package/components/agent-feedback-bar/agent-feedback-bar.yaml +65 -0
  36. package/components/agent-questions/agent-questions.a2ui.json +89 -0
  37. package/components/agent-questions/agent-questions.css +146 -0
  38. package/components/agent-questions/agent-questions.js +189 -0
  39. package/components/agent-questions/agent-questions.yaml +63 -0
  40. package/components/agent-reasoning/agent-reasoning.a2ui.json +100 -0
  41. package/components/agent-reasoning/agent-reasoning.css +273 -0
  42. package/components/agent-reasoning/agent-reasoning.js +469 -0
  43. package/components/agent-reasoning/agent-reasoning.yaml +70 -0
  44. package/components/agent-suggestions/agent-suggestions.a2ui.json +87 -0
  45. package/components/agent-suggestions/agent-suggestions.css +18 -0
  46. package/components/agent-suggestions/agent-suggestions.js +87 -0
  47. package/components/agent-suggestions/agent-suggestions.yaml +59 -0
  48. package/components/agent-trace/agent-trace.a2ui.json +78 -0
  49. package/components/agent-trace/agent-trace.css +275 -0
  50. package/components/agent-trace/agent-trace.js +216 -0
  51. package/components/agent-trace/agent-trace.yaml +53 -0
  52. package/components/alert/alert.a2ui.json +211 -0
  53. package/components/alert/alert.css +88 -0
  54. package/components/alert/alert.js +96 -0
  55. package/components/alert/alert.yaml +205 -0
  56. package/components/avatar/avatar.a2ui.json +215 -0
  57. package/components/avatar/avatar.css +159 -0
  58. package/components/avatar/avatar.js +157 -0
  59. package/components/avatar/avatar.yaml +559 -0
  60. package/components/badge/badge.a2ui.json +169 -0
  61. package/components/badge/badge.css +78 -0
  62. package/components/badge/badge.js +53 -0
  63. package/components/badge/badge.yaml +612 -0
  64. package/components/block/block.a2ui.json +135 -0
  65. package/components/block/block.css +29 -0
  66. package/components/block/block.js +23 -0
  67. package/components/block/block.yaml +115 -0
  68. package/components/breadcrumb/breadcrumb.a2ui.json +86 -0
  69. package/components/breadcrumb/breadcrumb.css +78 -0
  70. package/components/breadcrumb/breadcrumb.js +44 -0
  71. package/components/breadcrumb/breadcrumb.yaml +84 -0
  72. package/components/button/button.a2ui.json +172 -0
  73. package/components/button/button.css +168 -0
  74. package/components/button/button.js +60 -0
  75. package/components/button/button.yaml +120 -0
  76. package/components/calendar-picker/calendar-picker.a2ui.json +139 -0
  77. package/components/calendar-picker/calendar-picker.css +321 -0
  78. package/components/calendar-picker/calendar-picker.js +324 -0
  79. package/components/calendar-picker/calendar-picker.yaml +243 -0
  80. package/components/canvas/canvas.a2ui.json +75 -0
  81. package/components/canvas/canvas.css +52 -0
  82. package/components/canvas/canvas.js +179 -0
  83. package/components/canvas/canvas.yaml +62 -0
  84. package/components/card/card.a2ui.json +276 -0
  85. package/components/card/card.css +362 -0
  86. package/components/card/card.js +58 -0
  87. package/components/card/card.yaml +527 -0
  88. package/components/chart/chart.a2ui.json +298 -0
  89. package/components/chart/chart.css +512 -0
  90. package/components/chart/chart.js +1075 -0
  91. package/components/chart/chart.yaml +540 -0
  92. package/components/chat/chat-input.css +141 -0
  93. package/components/chat/chat-input.js +242 -0
  94. package/components/chat/chat.a2ui.json +181 -0
  95. package/components/chat/chat.css +193 -0
  96. package/components/chat/chat.js +155 -0
  97. package/components/chat/chat.yaml +230 -0
  98. package/components/check/check.a2ui.json +134 -0
  99. package/components/check/check.css +126 -0
  100. package/components/check/check.js +58 -0
  101. package/components/check/check.yaml +109 -0
  102. package/components/code/code.a2ui.json +153 -0
  103. package/components/code/code.css +133 -0
  104. package/components/code/code.js +114 -0
  105. package/components/code/code.yaml +163 -0
  106. package/components/col/col.a2ui.json +104 -0
  107. package/components/col/col.css +36 -0
  108. package/components/col/col.js +19 -0
  109. package/components/col/col.yaml +364 -0
  110. package/components/color-picker/color-picker.a2ui.json +100 -0
  111. package/components/color-picker/color-picker.css +182 -0
  112. package/components/color-picker/color-picker.js +537 -0
  113. package/components/color-picker/color-picker.yaml +105 -0
  114. package/components/command/command.a2ui.json +221 -0
  115. package/components/command/command.css +251 -0
  116. package/components/command/command.js +284 -0
  117. package/components/command/command.yaml +186 -0
  118. package/components/description-list/description-list.a2ui.json +89 -0
  119. package/components/description-list/description-list.css +70 -0
  120. package/components/description-list/description-list.js +75 -0
  121. package/components/description-list/description-list.yaml +59 -0
  122. package/components/divider/divider.a2ui.json +126 -0
  123. package/components/divider/divider.css +102 -0
  124. package/components/divider/divider.js +47 -0
  125. package/components/divider/divider.yaml +366 -0
  126. package/components/drawer/drawer.a2ui.json +199 -0
  127. package/components/drawer/drawer.css +342 -0
  128. package/components/drawer/drawer.js +263 -0
  129. package/components/drawer/drawer.yaml +366 -0
  130. package/components/embed/embed.a2ui.json +150 -0
  131. package/components/embed/embed.css +28 -0
  132. package/components/embed/embed.js +63 -0
  133. package/components/embed/embed.yaml +224 -0
  134. package/components/empty-state/empty-state.a2ui.json +133 -0
  135. package/components/empty-state/empty-state.css +58 -0
  136. package/components/empty-state/empty-state.js +87 -0
  137. package/components/empty-state/empty-state.yaml +314 -0
  138. package/components/footer/footer.a2ui.json +79 -0
  139. package/components/footer/footer.yaml +239 -0
  140. package/components/grid/grid.a2ui.json +171 -0
  141. package/components/grid/grid.css +37 -0
  142. package/components/grid/grid.js +21 -0
  143. package/components/grid/grid.yaml +577 -0
  144. package/components/header/header.a2ui.json +76 -0
  145. package/components/header/header.yaml +336 -0
  146. package/components/heatmap/heatmap.a2ui.json +150 -0
  147. package/components/heatmap/heatmap.css +146 -0
  148. package/components/heatmap/heatmap.js +246 -0
  149. package/components/heatmap/heatmap.yaml +131 -0
  150. package/components/icon/icon.a2ui.json +79 -0
  151. package/components/icon/icon.css +20 -0
  152. package/components/icon/icon.js +26 -0
  153. package/components/icon/icon.yaml +233 -0
  154. package/components/image/image.a2ui.json +261 -0
  155. package/components/image/image.css +76 -0
  156. package/components/image/image.js +102 -0
  157. package/components/image/image.yaml +477 -0
  158. package/components/index.js +85 -0
  159. package/components/input/input.a2ui.json +284 -0
  160. package/components/input/input.css +162 -0
  161. package/components/input/input.js +148 -0
  162. package/components/input/input.yaml +496 -0
  163. package/components/inspector/inspector.a2ui.json +67 -0
  164. package/components/inspector/inspector.css +31 -0
  165. package/components/inspector/inspector.js +133 -0
  166. package/components/inspector/inspector.yaml +58 -0
  167. package/components/kbd/kbd.a2ui.json +96 -0
  168. package/components/kbd/kbd.css +62 -0
  169. package/components/kbd/kbd.js +24 -0
  170. package/components/kbd/kbd.yaml +213 -0
  171. package/components/list/list.a2ui.json +145 -0
  172. package/components/list/list.css +103 -0
  173. package/components/list/list.js +236 -0
  174. package/components/list/list.yaml +122 -0
  175. package/components/menu/menu.a2ui.json +146 -0
  176. package/components/menu/menu.css +146 -0
  177. package/components/menu/menu.js +296 -0
  178. package/components/menu/menu.yaml +123 -0
  179. package/components/modal/modal.a2ui.json +136 -0
  180. package/components/modal/modal.css +153 -0
  181. package/components/modal/modal.js +181 -0
  182. package/components/modal/modal.yaml +114 -0
  183. package/components/noodles/noodles.a2ui.json +145 -0
  184. package/components/noodles/noodles.css +118 -0
  185. package/components/noodles/noodles.js +470 -0
  186. package/components/noodles/noodles.yaml +123 -0
  187. package/components/otp-input/otp-input.a2ui.json +104 -0
  188. package/components/otp-input/otp-input.css +78 -0
  189. package/components/otp-input/otp-input.js +170 -0
  190. package/components/otp-input/otp-input.yaml +218 -0
  191. package/components/pagination/pagination.a2ui.json +122 -0
  192. package/components/pagination/pagination.css +162 -0
  193. package/components/pagination/pagination.js +185 -0
  194. package/components/pagination/pagination.yaml +165 -0
  195. package/components/pane/pane.a2ui.json +94 -0
  196. package/components/pane/pane.css +166 -0
  197. package/components/pane/pane.js +140 -0
  198. package/components/pane/pane.yaml +197 -0
  199. package/components/pipeline-status/pipeline-status.a2ui.json +90 -0
  200. package/components/pipeline-status/pipeline-status.css +162 -0
  201. package/components/pipeline-status/pipeline-status.js +176 -0
  202. package/components/pipeline-status/pipeline-status.yaml +99 -0
  203. package/components/popover/popover.a2ui.json +181 -0
  204. package/components/popover/popover.css +57 -0
  205. package/components/popover/popover.js +170 -0
  206. package/components/popover/popover.yaml +257 -0
  207. package/components/progress/progress.a2ui.json +199 -0
  208. package/components/progress/progress.css +88 -0
  209. package/components/progress/progress.js +64 -0
  210. package/components/progress/progress.yaml +342 -0
  211. package/components/progress-row/progress-row.a2ui.json +100 -0
  212. package/components/progress-row/progress-row.css +57 -0
  213. package/components/progress-row/progress-row.js +92 -0
  214. package/components/progress-row/progress-row.yaml +87 -0
  215. package/components/radio/radio.a2ui.json +232 -0
  216. package/components/radio/radio.css +102 -0
  217. package/components/radio/radio.js +73 -0
  218. package/components/radio/radio.yaml +248 -0
  219. package/components/range/range.a2ui.json +151 -0
  220. package/components/range/range.css +148 -0
  221. package/components/range/range.js +177 -0
  222. package/components/range/range.yaml +188 -0
  223. package/components/rating/rating.a2ui.json +105 -0
  224. package/components/rating/rating.css +92 -0
  225. package/components/rating/rating.js +138 -0
  226. package/components/rating/rating.yaml +74 -0
  227. package/components/richtext/richtext.a2ui.json +82 -0
  228. package/components/richtext/richtext.css +225 -0
  229. package/components/richtext/richtext.js +74 -0
  230. package/components/richtext/richtext.yaml +89 -0
  231. package/components/row/row.a2ui.json +102 -0
  232. package/components/row/row.css +51 -0
  233. package/components/row/row.js +39 -0
  234. package/components/row/row.yaml +358 -0
  235. package/components/search/search.a2ui.json +186 -0
  236. package/components/search/search.css +28 -0
  237. package/components/search/search.js +124 -0
  238. package/components/search/search.yaml +154 -0
  239. package/components/section/section.a2ui.json +78 -0
  240. package/components/section/section.yaml +338 -0
  241. package/components/segment/segment.a2ui.json +100 -0
  242. package/components/segment/segment.css +81 -0
  243. package/components/segment/segment.js +32 -0
  244. package/components/segment/segment.yaml +216 -0
  245. package/components/segmented/segmented.a2ui.json +106 -0
  246. package/components/segmented/segmented.css +67 -0
  247. package/components/segmented/segmented.js +149 -0
  248. package/components/segmented/segmented.yaml +91 -0
  249. package/components/select/select.a2ui.json +203 -0
  250. package/components/select/select.css +277 -0
  251. package/components/select/select.js +388 -0
  252. package/components/select/select.yaml +375 -0
  253. package/components/skeleton/skeleton.a2ui.json +120 -0
  254. package/components/skeleton/skeleton.css +47 -0
  255. package/components/skeleton/skeleton.js +43 -0
  256. package/components/skeleton/skeleton.yaml +153 -0
  257. package/components/slider/slider.a2ui.json +162 -0
  258. package/components/slider/slider.css +137 -0
  259. package/components/slider/slider.js +162 -0
  260. package/components/slider/slider.yaml +299 -0
  261. package/components/stack/stack.a2ui.json +62 -0
  262. package/components/stack/stack.css +28 -0
  263. package/components/stack/stack.js +18 -0
  264. package/components/stack/stack.yaml +54 -0
  265. package/components/stat/stat.a2ui.json +246 -0
  266. package/components/stat/stat.css +101 -0
  267. package/components/stat/stat.js +91 -0
  268. package/components/stat/stat.yaml +206 -0
  269. package/components/stepper/stepper.a2ui.json +77 -0
  270. package/components/stepper/stepper.css +243 -0
  271. package/components/stepper/stepper.js +118 -0
  272. package/components/stepper/stepper.yaml +73 -0
  273. package/components/stream/stream.a2ui.json +98 -0
  274. package/components/stream/stream.css +37 -0
  275. package/components/stream/stream.js +99 -0
  276. package/components/stream/stream.yaml +87 -0
  277. package/components/swiper/swiper.a2ui.json +140 -0
  278. package/components/swiper/swiper.css +267 -0
  279. package/components/swiper/swiper.js +285 -0
  280. package/components/swiper/swiper.yaml +268 -0
  281. package/components/switch/switch.a2ui.json +134 -0
  282. package/components/switch/switch.css +104 -0
  283. package/components/switch/switch.js +53 -0
  284. package/components/switch/switch.yaml +322 -0
  285. package/components/table/cell-types.js +296 -0
  286. package/components/table/table.a2ui.json +458 -0
  287. package/components/table/table.css +531 -0
  288. package/components/table/table.js +1392 -0
  289. package/components/table/table.yaml +528 -0
  290. package/components/tabs/tab.js +34 -0
  291. package/components/tabs/tabs.a2ui.json +174 -0
  292. package/components/tabs/tabs.css +162 -0
  293. package/components/tabs/tabs.js +226 -0
  294. package/components/tabs/tabs.yaml +255 -0
  295. package/components/tag/tag.a2ui.json +148 -0
  296. package/components/tag/tag.css +118 -0
  297. package/components/tag/tag.js +88 -0
  298. package/components/tag/tag.yaml +125 -0
  299. package/components/text/text.a2ui.json +99 -0
  300. package/components/text/text.css +65 -0
  301. package/components/text/text.js +35 -0
  302. package/components/text/text.yaml +360 -0
  303. package/components/textarea/textarea.a2ui.json +91 -0
  304. package/components/textarea/textarea.css +93 -0
  305. package/components/textarea/textarea.js +114 -0
  306. package/components/textarea/textarea.yaml +79 -0
  307. package/components/timeline/timeline.a2ui.json +82 -0
  308. package/components/timeline/timeline.css +389 -0
  309. package/components/timeline/timeline.js +171 -0
  310. package/components/timeline/timeline.yaml +185 -0
  311. package/components/toast/toast.a2ui.json +199 -0
  312. package/components/toast/toast.css +211 -0
  313. package/components/toast/toast.js +146 -0
  314. package/components/toast/toast.yaml +184 -0
  315. package/components/toggle-group/toggle-group.a2ui.json +126 -0
  316. package/components/toggle-group/toggle-group.css +102 -0
  317. package/components/toggle-group/toggle-group.js +147 -0
  318. package/components/toggle-group/toggle-group.yaml +98 -0
  319. package/components/toolbar/toolbar.a2ui.json +131 -0
  320. package/components/toolbar/toolbar.css +132 -0
  321. package/components/toolbar/toolbar.js +366 -0
  322. package/components/toolbar/toolbar.yaml +238 -0
  323. package/components/tooltip/tooltip.a2ui.json +148 -0
  324. package/components/tooltip/tooltip.css +39 -0
  325. package/components/tooltip/tooltip.js +96 -0
  326. package/components/tooltip/tooltip.yaml +201 -0
  327. package/components/tree/tree.a2ui.json +119 -0
  328. package/components/tree/tree.css +133 -0
  329. package/components/tree/tree.js +253 -0
  330. package/components/tree/tree.yaml +92 -0
  331. package/components/upload/upload.a2ui.json +185 -0
  332. package/components/upload/upload.css +115 -0
  333. package/components/upload/upload.js +189 -0
  334. package/components/upload/upload.yaml +302 -0
  335. package/core/anchor.js +187 -0
  336. package/core/controller.js +182 -0
  337. package/core/element.js +257 -0
  338. package/core/form.js +217 -0
  339. package/core/icons.js +180 -0
  340. package/core/markdown.js +95 -0
  341. package/core/polyfills.js +23 -0
  342. package/core/provider.js +262 -0
  343. package/core/signals.js +113 -0
  344. package/core/template.js +226 -0
  345. package/core/transport.js +77 -0
  346. package/package.json +38 -0
  347. package/patterns/adia-chat/adia-chat.a2ui.json +149 -0
  348. package/patterns/adia-chat/adia-chat.css +10 -0
  349. package/patterns/adia-chat/adia-chat.js +297 -0
  350. package/patterns/adia-chat/adia-chat.yaml +118 -0
  351. package/patterns/adia-chat/css/adia-chat.empty.css +12 -0
  352. package/patterns/adia-chat/css/adia-chat.layout.css +60 -0
  353. package/patterns/adia-chat/css/adia-chat.markdown.css +74 -0
  354. package/patterns/adia-chat/css/adia-chat.messages.css +87 -0
  355. package/patterns/adia-chat/css/adia-chat.streaming.css +30 -0
  356. package/patterns/adia-chat/css/adia-chat.tokens.css +95 -0
  357. package/patterns/adia-chat/index.html +93 -0
  358. package/patterns/adia-editor/adia-editor.a2ui.json +58 -0
  359. package/patterns/adia-editor/adia-editor.css +6 -0
  360. package/patterns/adia-editor/adia-editor.js +56 -0
  361. package/patterns/adia-editor/adia-editor.yaml +36 -0
  362. package/patterns/adia-editor/css/adia-editor.layout.css +86 -0
  363. package/patterns/adia-editor/css/adia-editor.tokens.css +28 -0
  364. package/patterns/adia-editor/index.html +179 -0
  365. package/patterns/app-nav/app-nav.a2ui.json +89 -0
  366. package/patterns/app-nav/app-nav.css +92 -0
  367. package/patterns/app-nav/app-nav.js +99 -0
  368. package/patterns/app-nav/app-nav.yaml +54 -0
  369. package/patterns/app-nav-group/app-nav-group.a2ui.json +82 -0
  370. package/patterns/app-nav-group/app-nav-group.css +261 -0
  371. package/patterns/app-nav-group/app-nav-group.js +116 -0
  372. package/patterns/app-nav-group/app-nav-group.yaml +59 -0
  373. package/patterns/app-nav-item/app-nav-item.a2ui.json +83 -0
  374. package/patterns/app-nav-item/app-nav-item.css +156 -0
  375. package/patterns/app-nav-item/app-nav-item.js +42 -0
  376. package/patterns/app-nav-item/app-nav-item.yaml +62 -0
  377. package/patterns/app-shell/app-shell.a2ui.json +114 -0
  378. package/patterns/app-shell/app-shell.css +14 -0
  379. package/patterns/app-shell/app-shell.js +251 -0
  380. package/patterns/app-shell/app-shell.yaml +66 -0
  381. package/patterns/app-shell/css/app-shell.collapsed.css +86 -0
  382. package/patterns/app-shell/css/app-shell.helpers.css +42 -0
  383. package/patterns/app-shell/css/app-shell.main.css +58 -0
  384. package/patterns/app-shell/css/app-shell.shell.css +44 -0
  385. package/patterns/app-shell/css/app-shell.sidebar.css +116 -0
  386. package/patterns/app-shell/css/app-shell.templates.css +214 -0
  387. package/patterns/app-shell/css/app-shell.tokens.css +116 -0
  388. package/patterns/app-shell/index.html +112 -0
  389. package/patterns/gen-ui/gen-ui.a2ui.json +72 -0
  390. package/patterns/gen-ui/gen-ui.css +83 -0
  391. package/patterns/gen-ui/gen-ui.js +136 -0
  392. package/patterns/gen-ui/gen-ui.yaml +43 -0
  393. package/patterns/index.js +10 -0
  394. package/patterns/section-nav/section-nav.a2ui.json +91 -0
  395. package/patterns/section-nav/section-nav.css +59 -0
  396. package/patterns/section-nav/section-nav.js +42 -0
  397. package/patterns/section-nav/section-nav.yaml +58 -0
  398. package/patterns/section-nav-group/section-nav-group.a2ui.json +95 -0
  399. package/patterns/section-nav-group/section-nav-group.css +74 -0
  400. package/patterns/section-nav-group/section-nav-group.js +84 -0
  401. package/patterns/section-nav-group/section-nav-group.yaml +66 -0
  402. package/patterns/section-nav-item/section-nav-item.a2ui.json +97 -0
  403. package/patterns/section-nav-item/section-nav-item.css +96 -0
  404. package/patterns/section-nav-item/section-nav-item.js +66 -0
  405. package/patterns/section-nav-item/section-nav-item.yaml +70 -0
  406. package/styles/colors/index.css +6 -0
  407. package/styles/colors/parameters.css +52 -0
  408. package/styles/colors/primitives-accent.css +89 -0
  409. package/styles/colors/primitives-brand.css +89 -0
  410. package/styles/colors/primitives-danger.css +89 -0
  411. package/styles/colors/primitives-info.css +89 -0
  412. package/styles/colors/primitives-neutral.css +91 -0
  413. package/styles/colors/primitives-shared.css +57 -0
  414. package/styles/colors/primitives-success.css +89 -0
  415. package/styles/colors/primitives-warning.css +89 -0
  416. package/styles/colors/primitives.css +17 -0
  417. package/styles/colors/scrims.css +182 -0
  418. package/styles/colors/semantics.css +595 -0
  419. package/styles/colors/surfaces.css +43 -0
  420. package/styles/fonts.css +99 -0
  421. package/styles/layouts/admin.css +7 -0
  422. package/styles/prose.css +186 -0
  423. package/styles/styles.css +193 -0
  424. package/styles/themes.css +155 -0
  425. package/styles/tokens.css +304 -0
  426. package/styles/typography.css +853 -0
  427. package/traits/active-state.js +24 -0
  428. package/traits/anchor-positioning.js +66 -0
  429. package/traits/attention-pulse.js +30 -0
  430. package/traits/confetti-burst.js +65 -0
  431. package/traits/confetti.js +57 -0
  432. package/traits/count-up.js +42 -0
  433. package/traits/define.js +76 -0
  434. package/traits/dirty-state.js +38 -0
  435. package/traits/drag-ghost.js +38 -0
  436. package/traits/draggable.js +73 -0
  437. package/traits/fade-presence.js +52 -0
  438. package/traits/focus-trap.js +63 -0
  439. package/traits/focusable.js +38 -0
  440. package/traits/glow-focus.js +33 -0
  441. package/traits/gradient-shift.js +32 -0
  442. package/traits/haptic-feedback.js +28 -0
  443. package/traits/hotkey.js +62 -0
  444. package/traits/hoverable.js +26 -0
  445. package/traits/index.js +55 -0
  446. package/traits/inertia-drag.js +133 -0
  447. package/traits/intersection-observer.js +33 -0
  448. package/traits/keyboard-nav.js +36 -0
  449. package/traits/magnetic-hover.js +37 -0
  450. package/traits/noise-texture.js +30 -0
  451. package/traits/parallax.js +42 -0
  452. package/traits/portal.js +27 -0
  453. package/traits/pressable.js +75 -0
  454. package/traits/resizable.js +100 -0
  455. package/traits/resize-observer.js +31 -0
  456. package/traits/ripple.js +53 -0
  457. package/traits/roving-tabindex.js +67 -0
  458. package/traits/scale-press.js +43 -0
  459. package/traits/scroll-lock.js +27 -0
  460. package/traits/shimmer-loading.js +44 -0
  461. package/traits/snap-to-grid.js +28 -0
  462. package/traits/sound-feedback.js +30 -0
  463. package/traits/spring-animate.js +56 -0
  464. package/traits/tilt-hover.js +37 -0
  465. package/traits/tossable.js +178 -0
  466. package/traits/typeahead.js +63 -0
  467. package/traits/typewriter.js +35 -0
  468. package/traits/validation.js +118 -0
package/patterns/adia-editor/index.html ADDED
@@ -0,0 +1,179 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>AdiaUI — Editor</title>
7
+ <link rel="stylesheet" href="../../styles/tokens.css" />
8
+ <link rel="stylesheet" href="../../styles/styles.css" />
9
+ <link rel="stylesheet" href="adia-editor.css" />
10
+ <style>
11
+ body {
12
+ font-family: var(--a-font-family);
13
+ margin: 0;
14
+ height: 100dvh;
15
+ display: flex;
16
+ flex-direction: column;
17
+ }
18
+ </style>
19
+ </head>
20
+ <body>
21
+
22
+ <adia-editor-ui style="flex:1;">
23
+ <header>
24
+ <span data-title>AdiaUI</span>
25
+ <span data-spacer></span>
26
+ <button-ui icon="moon" variant="ghost" size="sm"></button-ui>
27
+ <button-ui icon="gear" variant="ghost" size="sm"></button-ui>
28
+ </header>
29
+
30
+ <div data-editor-body>
31
+
32
+ <!-- ═══ LEFT PANE — Navigator ═══ -->
33
+ <pane-ui data-left resizable>
34
+ <header>Navigator</header>
35
+ <section>
36
+ <header>Layers</header>
37
+ <tree-ui>
38
+ <tree-item-ui text="Page" icon="folder">
39
+ <tree-item-ui text="Header" icon="folder">
40
+ <tree-item-ui text="Logo" icon="folder"></tree-item-ui>
41
+ <tree-item-ui text="Nav" icon="folder">
42
+ <tree-item-ui text="Home" icon="folder"></tree-item-ui>
43
+ <tree-item-ui text="About" icon="folder"></tree-item-ui>
44
+ <tree-item-ui text="Contact" icon="folder"></tree-item-ui>
45
+ </tree-item-ui>
46
+ </tree-item-ui>
47
+ <tree-item-ui text="Hero" icon="folder">
48
+ <tree-item-ui text="Heading" icon="folder"></tree-item-ui>
49
+ <tree-item-ui text="Subheading" icon="folder"></tree-item-ui>
50
+ <tree-item-ui text="CTA Button" icon="folder"></tree-item-ui>
51
+ </tree-item-ui>
52
+ <tree-item-ui text="Card Grid" icon="folder">
53
+ <tree-item-ui text="Card 1" icon="folder"></tree-item-ui>
54
+ <tree-item-ui text="Card 2" icon="folder"></tree-item-ui>
55
+ <tree-item-ui text="Card 3" icon="folder"></tree-item-ui>
56
+ </tree-item-ui>
57
+ <tree-item-ui text="Footer" icon="folder">
58
+ <tree-item-ui text="Links" icon="folder"></tree-item-ui>
59
+ <tree-item-ui text="Copyright" icon="folder"></tree-item-ui>
60
+ </tree-item-ui>
61
+ </tree-item-ui>
62
+ </tree-ui>
63
+ </section>
64
+ </pane-ui>
65
+
66
+ <!-- ═══ CANVAS ═══ -->
67
+ <div data-canvas>Canvas</div>
68
+
69
+ <!-- ═══ RIGHT PANE — Inspector ═══ -->
70
+ <pane-ui data-right resizable>
71
+ <header>Inspector</header>
72
+
73
+ <section>
74
+ <header>Layout</header>
75
+ <div data-col style="padding:var(--a-space-2);">
76
+ <div style="display:grid; grid-template-columns:1fr 1fr; gap:var(--a-space-2);">
77
+ <input-ui prefix="X" placeholder="0" suffix="px"></input-ui>
78
+ <input-ui prefix="Y" placeholder="0" suffix="px"></input-ui>
79
+ <input-ui prefix="W" placeholder="auto" suffix="px"></input-ui>
80
+ <input-ui prefix="H" placeholder="auto" suffix="px"></input-ui>
81
+ </div>
82
+ <select-ui id="display-select" label="Display" placeholder="block"></select-ui>
83
+ <select-ui id="position-select" label="Position" placeholder="relative"></select-ui>
84
+ </div>
85
+ </section>
86
+
87
+ <section>
88
+ <header>Spacing</header>
89
+ <div data-col style="padding:var(--a-space-2);">
90
+ <div style="display:grid; grid-template-columns:1fr 1fr; gap:var(--a-space-2);">
91
+ <range-ui label="Padding" value="16" min="0" max="64" step="1" suffix="px"></range-ui>
92
+ <range-ui label="Margin" value="0" min="0" max="64" step="1" suffix="px"></range-ui>
93
+ <range-ui label="Gap" value="8" min="0" max="48" step="1" suffix="px"></range-ui>
94
+ <range-ui label="Radius" value="6" min="0" max="32" step="1" suffix="px"></range-ui>
95
+ </div>
96
+ </div>
97
+ </section>
98
+
99
+ <section>
100
+ <header>Typography</header>
101
+ <div data-col style="padding:var(--a-space-2);">
102
+ <select-ui id="font-select" label="Family" placeholder="GT Standard"></select-ui>
103
+ <div style="display:grid; grid-template-columns:1fr 1fr; gap:var(--a-space-2);">
104
+ <range-ui label="Size" value="14" min="8" max="72" step="1" suffix="px"></range-ui>
105
+ <range-ui label="Weight" value="400" min="100" max="900" step="100"></range-ui>
106
+ <range-ui label="Leading" value="1.5" min="0.8" max="2.5" step="0.05"></range-ui>
107
+ <range-ui label="Tracking" value="0" min="-0.05" max="0.1" step="0.005" suffix="em"></range-ui>
108
+ </div>
109
+ <segmented-ui value="left">
110
+ <segment-ui value="left" text="Left"></segment-ui>
111
+ <segment-ui value="center" text="Center"></segment-ui>
112
+ <segment-ui value="right" text="Right"></segment-ui>
113
+ </segmented-ui>
114
+ </div>
115
+ </section>
116
+
117
+ <section>
118
+ <header>Appearance</header>
119
+ <div data-col style="padding:var(--a-space-2);">
120
+ <input-ui label="Background" placeholder="#000000" prefix="#"></input-ui>
121
+ <input-ui label="Border" placeholder="none"></input-ui>
122
+ <range-ui label="Opacity" value="1" min="0" max="1" step="0.01"></range-ui>
123
+ <select-ui id="overflow-select" label="Overflow" placeholder="visible"></select-ui>
124
+ </div>
125
+ </section>
126
+
127
+ <footer>
128
+ <button-ui text="Apply" variant="primary" stretch></button-ui>
129
+ </footer>
130
+ </pane-ui>
131
+
132
+ </div>
133
+
134
+ <footer>
135
+ <span>Ready</span>
136
+ <span data-spacer></span>
137
+ <span>1280 × 800</span>
138
+ <span>100%</span>
139
+ </footer>
140
+ </adia-editor-ui>
141
+
142
+ <script type="module">
143
+ import '../../components/index.js';
144
+ import '../../patterns/index.js';
145
+
146
+ customElements.whenDefined('select-ui').then(() => {
147
+ document.getElementById('display-select').options = [
148
+ { value: 'block', label: 'Block' },
149
+ { value: 'flex', label: 'Flex' },
150
+ { value: 'grid', label: 'Grid' },
151
+ { value: 'inline', label: 'Inline' },
152
+ { value: 'none', label: 'None' },
153
+ ];
154
+ document.getElementById('position-select').options = [
155
+ { value: 'relative', label: 'Relative' },
156
+ { value: 'absolute', label: 'Absolute' },
157
+ { value: 'fixed', label: 'Fixed' },
158
+ { value: 'sticky', label: 'Sticky' },
159
+ ];
160
+ document.getElementById('font-select').options = [
161
+ { label: 'Sans', options: [
162
+ { value: 'gt-standard', label: 'GT Standard' },
163
+ { value: 'supply-sans', label: 'Supply Sans' },
164
+ ]},
165
+ { label: 'Mono', options: [
166
+ { value: 'gt-standard-mono', label: 'GT Standard Mono' },
167
+ { value: 'supply-mono', label: 'Supply Mono' },
168
+ ]},
169
+ ];
170
+ document.getElementById('overflow-select').options = [
171
+ { value: 'visible', label: 'Visible' },
172
+ { value: 'hidden', label: 'Hidden' },
173
+ { value: 'auto', label: 'Auto' },
174
+ { value: 'scroll', label: 'Scroll' },
175
+ ];
176
+ });
177
+ </script>
178
+ </body>
179
+ </html>
package/patterns/app-nav/app-nav.a2ui.json ADDED
@@ -0,0 +1,89 @@
1
+ {
2
+ "$schema": "https://json-schema.org/draft/2020-12/schema",
3
+ "$id": "https://adiaui.dev/a2ui/v0_9/components/AppNav.json",
4
+ "title": "AppNav",
5
+ "description": "Collapsible navigation sidebar. Manages selection state across\napp-nav-item-ui children and opens popover menus for app-nav-group-ui\nchildren when collapsed.\n",
6
+ "type": "object",
7
+ "allOf": [
8
+ {
9
+ "$ref": "common_types.json#/$defs/ComponentCommon"
10
+ },
11
+ {
12
+ "$ref": "common_types.json#/$defs/CatalogComponentCommon"
13
+ }
14
+ ],
15
+ "properties": {
16
+ "collapsed": {
17
+ "description": "When true, labels and badges hide; only icons show. Groups use popovers instead of inline expansion.",
18
+ "type": "boolean",
19
+ "default": false
20
+ },
21
+ "component": {
22
+ "const": "AppNav"
23
+ },
24
+ "divider": {
25
+ "description": "Render auto-dividers between groups.",
26
+ "type": "boolean",
27
+ "default": false
28
+ }
29
+ },
30
+ "required": [
31
+ "component"
32
+ ],
33
+ "unevaluatedProperties": false,
34
+ "x-adiaui": {
35
+ "anti_patterns": [],
36
+ "category": "nav",
37
+ "events": {
38
+ "nav-select": {
39
+ "description": "Fired when a child app-nav-item-ui is selected (via click or the .select() method).",
40
+ "detail": {
41
+ "item": "HTMLElement",
42
+ "text": "string",
43
+ "value": "string"
44
+ }
45
+ }
46
+ },
47
+ "examples": [],
48
+ "keywords": [
49
+ "app-nav",
50
+ "sidebar",
51
+ "navigation",
52
+ "nav",
53
+ "menu"
54
+ ],
55
+ "name": "AdiaAppNav",
56
+ "related": [
57
+ "AppShell",
58
+ "AppNavGroup",
59
+ "AppNavItem"
60
+ ],
61
+ "slots": {
62
+ "default": {
63
+ "description": "app-nav-group-ui and app-nav-item-ui children."
64
+ }
65
+ },
66
+ "states": [
67
+ {
68
+ "description": "Default, interactive.",
69
+ "name": "idle"
70
+ },
71
+ {
72
+ "description": "Narrow-width mode; groups open popovers instead of expanding.",
73
+ "attribute": "collapsed",
74
+ "name": "collapsed"
75
+ }
76
+ ],
77
+ "synonyms": {
78
+ "sidebar": [
79
+ "app-nav",
80
+ "nav",
81
+ "navigation"
82
+ ]
83
+ },
84
+ "tag": "app-nav-ui",
85
+ "tokens": {},
86
+ "traits": [],
87
+ "version": 1
88
+ }
89
+ }
package/patterns/app-nav/app-nav.css ADDED
@@ -0,0 +1,92 @@
1
+ /* ═══════════════════════════════════════════
2
+ NAV-UI — root container
3
+ ═══════════════════════════════════════════ */
4
+
5
+ @scope (app-nav-ui) {
6
+ :where(:scope) {
7
+ --nav-width: auto;
8
+ --nav-width-collapsed: 48px;
9
+ --nav-bg: transparent;
10
+ --nav-border: var(--a-border-subtle);
11
+ --nav-font-size: var(--a-ui-size);
12
+ --nav-gap: var(--a-space-1);
13
+ --nav-px: var(--a-space-2);
14
+ --nav-py: var(--a-space-2);
15
+ }
16
+
17
+ :scope {
18
+ box-sizing: border-box;
19
+ display: flex;
20
+ flex-direction: column;
21
+ gap: var(--nav-gap);
22
+ width: var(--nav-width);
23
+ padding: var(--nav-py) var(--nav-px);
24
+ background: var(--nav-bg);
25
+ font-size: var(--nav-font-size);
26
+ overflow-y: auto;
27
+ overflow-x: hidden;
28
+ scrollbar-width: none;
29
+ transition: width var(--nav-duration) var(--nav-easing);
30
+ }
31
+
32
+ :scope::-webkit-scrollbar { display: none; }
33
+
34
+ :scope[collapsed] {
35
+ width: var(--nav-width-collapsed);
36
+ --nav-px: var(--a-space-1);
37
+ }
38
+
39
+ @container sidebar (max-width: 96px) {
40
+ :scope {
41
+ --nav-px: var(--a-space-1);
42
+ }
43
+ }
44
+
45
+ /* Group headings */
46
+ [data-nav-label] {
47
+ display: block;
48
+ padding: var(--nav-label-py) var(--nav-label-px);
49
+ font-size: var(--nav-label-font-size);
50
+ font-weight: var(--nav-label-weight);
51
+ color: var(--nav-label-fg);
52
+ text-transform: uppercase;
53
+ letter-spacing: 0.06em;
54
+ white-space: nowrap;
55
+ overflow: hidden;
56
+ }
57
+
58
+ /* Dividers */
59
+ [data-nav-divider] {
60
+ border: none;
61
+ height: 1px;
62
+ background: var(--nav-divider-bg);
63
+ margin: var(--nav-divider-my) 0;
64
+ }
65
+
66
+ /* Auto-dividers between groups when <app-nav-ui divider>. Keeps explicit
67
+ <hr data-nav-divider> working for hand-placed dividers. */
68
+ :scope[divider] > app-nav-group-ui + app-nav-group-ui,
69
+ :scope[divider] > app-nav-item-ui + app-nav-group-ui,
70
+ :scope[divider] > app-nav-group-ui + app-nav-item-ui {
71
+ border-top: 1px solid var(--nav-divider-bg);
72
+ margin-top: var(--nav-divider-my);
73
+ padding-top: var(--nav-divider-my);
74
+ }
75
+
76
+ /* Spacer — pushes items below to bottom */
77
+ [data-nav-spacer] {
78
+ flex: 1;
79
+ }
80
+
81
+ /* Collapsed: hide labels, dividers, spacer keeps working */
82
+ :scope[collapsed] [data-nav-label],
83
+ :scope[collapsed] [data-nav-divider] {
84
+ display: none;
85
+ }
86
+
87
+ @container sidebar (max-width: 96px) {
88
+ [data-nav-label], [data-nav-divider] {
89
+ display: none;
90
+ }
91
+ }
92
+ }
package/patterns/app-nav/app-nav.js ADDED
@@ -0,0 +1,99 @@
1
+ /**
2
+ * <app-nav-ui> — Collapsible navigation sidebar.
3
+ *
4
+ * Structure:
5
+ * <app-nav-ui>
6
+ * <app-nav-group-ui icon="gear" text="Settings" badge="3">
7
+ * <app-nav-item-ui text="General" value="/settings/general"></app-nav-item-ui>
8
+ * </app-nav-group-ui>
9
+ * <app-nav-item-ui icon="user" text="Profile" value="/profile"></app-nav-item-ui>
10
+ * </app-nav-ui>
11
+ *
12
+ * When [collapsed], labels and badges hide; groups open a popover with their
13
+ * children instead of expanding inline.
14
+ *
15
+ * Event: nav-select (detail: { item, text, value })
16
+ */
17
+
18
+ import { AdiaElement } from '@core/element.js';
19
+
20
+ class AdiaAppNav extends AdiaElement {
21
+ static properties = {
22
+ collapsed: { type: Boolean, default: false, reflect: true },
23
+ divider: { type: Boolean, default: false, reflect: true },
24
+ };
25
+
26
+ static template = () => null;
27
+
28
+ #ro = null;
29
+
30
+ connected() {
31
+ this.setAttribute('role', 'navigation');
32
+ this.addEventListener('click', this.#onClick);
33
+ this.#ro = new ResizeObserver(() => this.#updateTooltips());
34
+ this.#ro.observe(this);
35
+ }
36
+
37
+ render() {
38
+ this.#updateTooltips();
39
+ }
40
+
41
+ #updateTooltips() {
42
+ const isCollapsed = this.collapsed || this.getBoundingClientRect().width <= 96;
43
+ for (const group of this.querySelectorAll(':scope > app-nav-group-ui')) {
44
+ const header = group.querySelector(':scope > [slot="header"]');
45
+ if (header) header.title = isCollapsed ? group.text : '';
46
+ }
47
+ for (const item of this.querySelectorAll(':scope > app-nav-item-ui')) {
48
+ item.title = isCollapsed ? item.text : '';
49
+ }
50
+ }
51
+
52
+ get selectedItem() {
53
+ return this.querySelector('app-nav-item-ui[selected]');
54
+ }
55
+
56
+ select(item) {
57
+ const prev = this.selectedItem;
58
+ if (prev && prev !== item) prev.removeAttribute('selected');
59
+ item.setAttribute('selected', '');
60
+ this.dispatchEvent(new CustomEvent('nav-select', {
61
+ bubbles: true,
62
+ detail: { item, text: item.text, value: item.value },
63
+ }));
64
+ }
65
+
66
+ toggle() {
67
+ this.collapsed = !this.collapsed;
68
+ }
69
+
70
+ #onClick = (e) => {
71
+ const item = e.target.closest('app-nav-item-ui');
72
+ if (item && this.contains(item)) {
73
+ this.select(item);
74
+ return;
75
+ }
76
+
77
+ const group = e.target.closest('app-nav-group-ui');
78
+ if (group && this.contains(group)) {
79
+ const isCollapsed = this.collapsed || this.getBoundingClientRect().width <= 96;
80
+ if (isCollapsed) {
81
+ group.showPopover();
82
+ } else {
83
+ const header = group.querySelector(':scope > [slot="header"]');
84
+ if (header && (e.target === header || header.contains(e.target))) {
85
+ group.open = !group.open;
86
+ }
87
+ }
88
+ }
89
+ };
90
+
91
+ disconnected() {
92
+ this.removeEventListener('click', this.#onClick);
93
+ this.#ro?.disconnect();
94
+ this.#ro = null;
95
+ }
96
+ }
97
+ customElements.define('app-nav-ui', AdiaAppNav);
98
+
99
+ export { AdiaAppNav };
package/patterns/app-nav/app-nav.yaml ADDED
@@ -0,0 +1,54 @@
1
+ $schema: ../../../../scripts/schemas/component.yaml.schema.json
2
+ name: AdiaAppNav
3
+ tag: app-nav-ui
4
+ component: AppNav
5
+ category: nav
6
+ version: 1
7
+ description: |
8
+ Collapsible navigation sidebar. Manages selection state across
9
+ app-nav-item-ui children and opens popover menus for app-nav-group-ui
10
+ children when collapsed.
11
+
12
+ props:
13
+ collapsed:
14
+ type: boolean
15
+ default: false
16
+ reflect: true
17
+ description: When true, labels and badges hide; only icons show. Groups use popovers instead of inline expansion.
18
+
19
+ divider:
20
+ type: boolean
21
+ default: false
22
+ reflect: true
23
+ description: Render auto-dividers between groups.
24
+
25
+ events:
26
+ nav-select:
27
+ description: Fired when a child app-nav-item-ui is selected (via click or the .select() method).
28
+ detail:
29
+ item: HTMLElement
30
+ text: string
31
+ value: string
32
+
33
+ slots:
34
+ default:
35
+ description: app-nav-group-ui and app-nav-item-ui children.
36
+
37
+ states:
38
+ - name: idle
39
+ description: Default, interactive.
40
+ - name: collapsed
41
+ attribute: collapsed
42
+ description: Narrow-width mode; groups open popovers instead of expanding.
43
+
44
+ traits: []
45
+
46
+ a2ui:
47
+ rules:
48
+ - app-nav-ui is the only valid parent of app-nav-group-ui.
49
+ - app-nav-item-ui may be a direct child of app-nav-ui OR nested inside app-nav-group-ui.
50
+
51
+ keywords: [app-nav, sidebar, navigation, nav, menu]
52
+ synonyms:
53
+ sidebar: [app-nav, nav, navigation]
54
+ related: [AppShell, AppNavGroup, AppNavItem]
package/patterns/app-nav-group/app-nav-group.a2ui.json ADDED
@@ -0,0 +1,82 @@
1
+ {
2
+ "$schema": "https://json-schema.org/draft/2020-12/schema",
3
+ "$id": "https://adiaui.dev/a2ui/v0_9/components/AppNavGroup.json",
4
+ "title": "AppNavGroup",
5
+ "description": "Collapsible group inside app-nav-ui. Has icon, label, optional badge, and\na caret indicating open/closed. When the parent app-nav-ui is collapsed,\nclicking the group opens a popover with its children instead of toggling\ninline expansion.\n",
6
+ "type": "object",
7
+ "allOf": [
8
+ {
9
+ "$ref": "common_types.json#/$defs/ComponentCommon"
10
+ },
11
+ {
12
+ "$ref": "common_types.json#/$defs/CatalogComponentCommon"
13
+ }
14
+ ],
15
+ "properties": {
16
+ "badge": {
17
+ "description": "Optional badge text (e.g. unread count).",
18
+ "type": "string",
19
+ "default": ""
20
+ },
21
+ "component": {
22
+ "const": "AppNavGroup"
23
+ },
24
+ "icon": {
25
+ "description": "Phosphor icon name rendered in the group header.",
26
+ "type": "string",
27
+ "default": ""
28
+ },
29
+ "open": {
30
+ "description": "Expanded state. Toggled by header click; ignored when parent nav is collapsed (popover used instead).",
31
+ "type": "boolean",
32
+ "default": false
33
+ },
34
+ "text": {
35
+ "description": "Group label text.",
36
+ "type": "string",
37
+ "default": ""
38
+ }
39
+ },
40
+ "required": [
41
+ "component"
42
+ ],
43
+ "unevaluatedProperties": false,
44
+ "x-adiaui": {
45
+ "anti_patterns": [],
46
+ "category": "nav",
47
+ "events": {},
48
+ "examples": [],
49
+ "keywords": [
50
+ "app-nav-group",
51
+ "nav",
52
+ "group",
53
+ "menu-section"
54
+ ],
55
+ "name": "AdiaAppNavGroup",
56
+ "related": [
57
+ "AppNav",
58
+ "AppNavItem"
59
+ ],
60
+ "slots": {
61
+ "default": {
62
+ "description": "app-nav-item-ui children rendered beneath the group header."
63
+ }
64
+ },
65
+ "states": [
66
+ {
67
+ "description": "Default, collapsed or open based on [open].",
68
+ "name": "idle"
69
+ },
70
+ {
71
+ "description": "Group is expanded; children visible.",
72
+ "attribute": "open",
73
+ "name": "open"
74
+ }
75
+ ],
76
+ "synonyms": {},
77
+ "tag": "app-nav-group-ui",
78
+ "tokens": {},
79
+ "traits": [],
80
+ "version": 1
81
+ }
82
+ }