@adia-ai/web-components 0.6.6 → 0.6.7

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 (101) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/USAGE.md +100 -5
  3. package/bin/doc.mjs +379 -0
  4. package/components/accordion/accordion.examples.md +49 -0
  5. package/components/action-list/action-list.examples.md +33 -0
  6. package/components/agent-artifact/agent-artifact.examples.md +28 -0
  7. package/components/agent-feedback-bar/agent-feedback-bar.examples.md +24 -0
  8. package/components/agent-questions/agent-questions.examples.md +13 -0
  9. package/components/agent-reasoning/agent-reasoning.examples.md +28 -0
  10. package/components/agent-suggestions/agent-suggestions.examples.md +19 -0
  11. package/components/agent-trace/agent-trace.examples.md +19 -0
  12. package/components/alert/alert.examples.md +19 -0
  13. package/components/aside/aside.examples.md +38 -0
  14. package/components/avatar/avatar.examples.md +19 -0
  15. package/components/badge/badge.examples.md +19 -0
  16. package/components/block/block.examples.md +29 -0
  17. package/components/breadcrumb/breadcrumb.examples.md +32 -0
  18. package/components/button/button.examples.md +19 -0
  19. package/components/calendar-picker/calendar-picker.examples.md +23 -0
  20. package/components/canvas/canvas.examples.md +49 -0
  21. package/components/card/card.examples.md +25 -0
  22. package/components/chart/chart.examples.md +19 -0
  23. package/components/chart-legend/chart-legend.examples.md +22 -0
  24. package/components/chat-thread/chat-thread.examples.md +35 -0
  25. package/components/check/check.examples.md +19 -0
  26. package/components/code/code.examples.md +31 -0
  27. package/components/col/col.examples.md +11 -0
  28. package/components/color-input/color-input.examples.md +19 -0
  29. package/components/color-picker/color-picker.examples.md +19 -0
  30. package/components/command/command.examples.md +58 -0
  31. package/components/demo-toggle/demo-toggle.examples.md +19 -0
  32. package/components/description-list/description-list.examples.md +37 -0
  33. package/components/divider/divider.examples.md +31 -0
  34. package/components/drawer/drawer.examples.md +63 -0
  35. package/components/embed/embed.examples.md +19 -0
  36. package/components/empty-state/empty-state.examples.md +21 -0
  37. package/components/feed/feed.examples.md +19 -0
  38. package/components/field/field.examples.md +29 -0
  39. package/components/fields/fields.examples.md +58 -0
  40. package/components/footer/footer.examples.md +18 -0
  41. package/components/grid/grid.examples.md +21 -0
  42. package/components/header/header.examples.md +32 -0
  43. package/components/heatmap/heatmap.examples.md +19 -0
  44. package/components/icon/icon.examples.md +19 -0
  45. package/components/image/image.examples.md +19 -0
  46. package/components/input/input.examples.md +21 -0
  47. package/components/inspector/inspector.examples.md +27 -0
  48. package/components/kbd/kbd.examples.md +29 -0
  49. package/components/link/link.examples.md +25 -0
  50. package/components/list/list.examples.md +33 -0
  51. package/components/menu/menu.examples.md +37 -0
  52. package/components/modal/modal.examples.md +43 -0
  53. package/components/nav/nav.examples.md +39 -0
  54. package/components/nav-group/nav-group.examples.md +35 -0
  55. package/components/nav-item/nav-item.examples.md +25 -0
  56. package/components/noodles/noodles.examples.md +30 -0
  57. package/components/option-card/option-card.examples.md +47 -0
  58. package/components/otp-input/otp-input.examples.md +19 -0
  59. package/components/page/page.examples.md +46 -0
  60. package/components/pagination/pagination.examples.md +19 -0
  61. package/components/pane/pane.examples.md +40 -0
  62. package/components/pipeline-status/pipeline-status.examples.md +19 -0
  63. package/components/popover/popover.examples.md +34 -0
  64. package/components/progress/progress.examples.md +19 -0
  65. package/components/progress-row/progress-row.examples.md +19 -0
  66. package/components/radio/radio.examples.md +19 -0
  67. package/components/range/range.examples.md +19 -0
  68. package/components/rating/rating.examples.md +19 -0
  69. package/components/richtext/richtext.examples.md +19 -0
  70. package/components/row/row.examples.md +11 -0
  71. package/components/search/search.examples.md +19 -0
  72. package/components/section/section.examples.md +37 -0
  73. package/components/segment/segment.examples.md +32 -0
  74. package/components/segmented/segmented.examples.md +31 -0
  75. package/components/select/select.examples.md +49 -0
  76. package/components/skeleton/skeleton.examples.md +19 -0
  77. package/components/slider/slider.examples.md +21 -0
  78. package/components/stack/stack.examples.md +10 -0
  79. package/components/stat/stat.examples.md +19 -0
  80. package/components/step-progress/step-progress.examples.md +19 -0
  81. package/components/stepper/stepper.examples.md +37 -0
  82. package/components/stream/stream.examples.md +19 -0
  83. package/components/swatch/swatch.examples.md +23 -0
  84. package/components/swiper/swiper.examples.md +139 -0
  85. package/components/switch/switch.examples.md +19 -0
  86. package/components/table/table.examples.md +19 -0
  87. package/components/table-toolbar/table-toolbar.examples.md +12 -0
  88. package/components/tabs/tabs.examples.md +49 -0
  89. package/components/tag/tag.examples.md +19 -0
  90. package/components/text/text.examples.md +19 -0
  91. package/components/textarea/textarea.examples.md +23 -0
  92. package/components/timeline/timeline.examples.md +35 -0
  93. package/components/toast/toast.examples.md +19 -0
  94. package/components/toggle-group/toggle-group.examples.md +33 -0
  95. package/components/toggle-scheme/toggle-scheme.examples.md +19 -0
  96. package/components/toolbar/toolbar.examples.md +46 -0
  97. package/components/tooltip/tooltip.examples.md +25 -0
  98. package/components/tree/tree.examples.md +57 -0
  99. package/components/upload/upload.examples.md +19 -0
  100. package/custom-elements.json +9012 -0
  101. package/package.json +7 -1
@@ -0,0 +1,57 @@
1
+ # tree — Examples
2
+
3
+ ## nested items
4
+
5
+ ```html
6
+ <tree-ui>
7
+ <tree-item-ui text="src" icon="folder">
8
+ <tree-item-ui text="components" icon="folder">
9
+ <tree-item-ui text="button.js" icon="file"></tree-item-ui>
10
+ <tree-item-ui text="input.js" icon="file"></tree-item-ui>
11
+ <tree-item-ui text="modal.js" icon="file"></tree-item-ui>
12
+ </tree-item-ui>
13
+ <tree-item-ui text="styles" icon="folder">
14
+ <tree-item-ui text="tokens.css" icon="file"></tree-item-ui>
15
+ <tree-item-ui text="styles.css" icon="file"></tree-item-ui>
16
+ </tree-item-ui>
17
+ <tree-item-ui text="index.js" icon="file"></tree-item-ui>
18
+ </tree-item-ui>
19
+ </tree-ui>
20
+ ```
21
+
22
+ ## selection
23
+
24
+ ```html
25
+ <tree-ui>
26
+ <tree-item-ui text="Dashboard" icon="chart-bar"></tree-item-ui>
27
+ <tree-item-ui text="Settings" icon="gear">
28
+ <tree-item-ui text="General" icon="sliders"></tree-item-ui>
29
+ <tree-item-ui text="Security" icon="lock"></tree-item-ui>
30
+ <tree-item-ui text="Notifications" icon="bell"></tree-item-ui>
31
+ </tree-item-ui>
32
+ <tree-item-ui text="Profile" icon="user"></tree-item-ui>
33
+ <tree-item-ui text="Help" icon="question"></tree-item-ui>
34
+ </tree-ui>
35
+ ```
36
+
37
+ ## expand / collapse
38
+
39
+ ```html
40
+ <tree-ui>
41
+ <tree-item-ui text="Page" icon="browser" open>
42
+ <tree-item-ui text="Header" icon="layout">
43
+ <tree-item-ui text="Logo" icon="image"></tree-item-ui>
44
+ <tree-item-ui text="Navigation" icon="list"></tree-item-ui>
45
+ </tree-item-ui>
46
+ <tree-item-ui text="Hero Section" icon="image" open>
47
+ <tree-item-ui text="Title" icon="text-aa"></tree-item-ui>
48
+ <tree-item-ui text="Subtitle" icon="text-aa"></tree-item-ui>
49
+ <tree-item-ui text="CTA Button" icon="cursor-click"></tree-item-ui>
50
+ </tree-item-ui>
51
+ <tree-item-ui text="Footer" icon="layout">
52
+ <tree-item-ui text="Links" icon="link"></tree-item-ui>
53
+ <tree-item-ui text="Copyright" icon="text-aa"></tree-item-ui>
54
+ </tree-item-ui>
55
+ </tree-item-ui>
56
+ </tree-ui>
57
+ ```
@@ -0,0 +1,19 @@
1
+ # upload — Examples
2
+
3
+ ## Default
4
+
5
+ ```html
6
+ <upload-ui></upload-ui>
7
+ ```
8
+
9
+ ## accept
10
+
11
+ ```html
12
+ <upload-ui accept="image/*"></upload-ui>
13
+ ```
14
+
15
+ ## multiple
16
+
17
+ ```html
18
+ <upload-ui multiple></upload-ui>
19
+ ```