@teamofsilicons/silicon-ui 0.0.0-stage → 0.2.0

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 (354) hide show
  1. package/LICENSE +22 -0
  2. package/README.md +81 -2
  3. package/check.mjs +236 -0
  4. package/components/accordion/accordion.d.ts +13 -0
  5. package/components/accordion/accordion.js +35 -0
  6. package/components/accordion/accordion.module.css +15 -0
  7. package/components/action-button/action-button.d.ts +11 -0
  8. package/components/action-button/action-button.js +57 -0
  9. package/components/action-button/action-button.module.css +15 -0
  10. package/components/activity-heatmap/activity-heatmap.d.ts +37 -0
  11. package/components/activity-heatmap/activity-heatmap.js +303 -0
  12. package/components/activity-heatmap/activity-heatmap.module.css +83 -0
  13. package/components/alert/alert.d.ts +13 -0
  14. package/components/alert/alert.js +79 -0
  15. package/components/alert/alert.module.css +15 -0
  16. package/components/animated-counter/animated-counter.d.ts +13 -0
  17. package/components/animated-counter/animated-counter.js +73 -0
  18. package/components/animated-counter/animated-counter.module.css +12 -0
  19. package/components/announcement-bar/announcement-bar.d.ts +53 -0
  20. package/components/announcement-bar/announcement-bar.js +187 -0
  21. package/components/announcement-bar/announcement-bar.module.css +60 -0
  22. package/components/avatar/avatar.d.ts +8 -0
  23. package/components/avatar/avatar.js +18 -0
  24. package/components/avatar/avatar.module.css +60 -0
  25. package/components/avatar-group/avatar-group.d.ts +13 -0
  26. package/components/avatar-group/avatar-group.js +24 -0
  27. package/components/avatar-group/avatar-group.module.css +27 -0
  28. package/components/badge/badge.d.ts +10 -0
  29. package/components/badge/badge.js +66 -0
  30. package/components/badge/badge.module.css +52 -0
  31. package/components/bar-chart/bar-chart.d.ts +32 -0
  32. package/components/bar-chart/bar-chart.js +327 -0
  33. package/components/bar-chart/bar-chart.module.css +49 -0
  34. package/components/billing-toggle/billing-toggle.d.ts +35 -0
  35. package/components/billing-toggle/billing-toggle.js +83 -0
  36. package/components/billing-toggle/billing-toggle.module.css +139 -0
  37. package/components/bottom-sheet/bottom-sheet.d.ts +27 -0
  38. package/components/bottom-sheet/bottom-sheet.js +386 -0
  39. package/components/bottom-sheet/bottom-sheet.module.css +69 -0
  40. package/components/breadcrumb/breadcrumb.d.ts +13 -0
  41. package/components/breadcrumb/breadcrumb.js +19 -0
  42. package/components/breadcrumb/breadcrumb.module.css +12 -0
  43. package/components/brush-chart/brush-chart.d.ts +45 -0
  44. package/components/brush-chart/brush-chart.js +426 -0
  45. package/components/brush-chart/brush-chart.module.css +69 -0
  46. package/components/button/button.d.ts +10 -0
  47. package/components/button/button.js +97 -0
  48. package/components/button/button.module.css +39 -0
  49. package/components/button-group/button-group.d.ts +59 -0
  50. package/components/button-group/button-group.js +280 -0
  51. package/components/button-group/button-group.module.css +87 -0
  52. package/components/button-link/button-link.d.ts +24 -0
  53. package/components/button-link/button-link.js +11 -0
  54. package/components/button-link/button-link.module.css +7 -0
  55. package/components/calendar/calendar.d.ts +22 -0
  56. package/components/calendar/calendar.js +253 -0
  57. package/components/calendar/calendar.module.css +51 -0
  58. package/components/card/card.d.ts +19 -0
  59. package/components/card/card.js +108 -0
  60. package/components/card/card.module.css +51 -0
  61. package/components/card-stack/card-stack.d.ts +34 -0
  62. package/components/card-stack/card-stack.js +291 -0
  63. package/components/card-stack/card-stack.module.css +63 -0
  64. package/components/carousel/carousel.d.ts +28 -0
  65. package/components/carousel/carousel.js +332 -0
  66. package/components/carousel/carousel.module.css +42 -0
  67. package/components/chat-thread/chat-thread.d.ts +135 -0
  68. package/components/chat-thread/chat-thread.js +406 -0
  69. package/components/chat-thread/chat-thread.module.css +242 -0
  70. package/components/checkbox/checkbox.d.ts +7 -0
  71. package/components/checkbox/checkbox.js +23 -0
  72. package/components/checkbox/checkbox.module.css +15 -0
  73. package/components/chip-group/chip-group.d.ts +24 -0
  74. package/components/chip-group/chip-group.js +196 -0
  75. package/components/chip-group/chip-group.module.css +38 -0
  76. package/components/code-block/code-block.d.ts +11 -0
  77. package/components/code-block/code-block.js +133 -0
  78. package/components/code-block/code-block.module.css +43 -0
  79. package/components/color-picker/color-picker.d.ts +40 -0
  80. package/components/color-picker/color-picker.js +449 -0
  81. package/components/color-picker/color-picker.module.css +111 -0
  82. package/components/combobox/combobox.d.ts +19 -0
  83. package/components/combobox/combobox.js +167 -0
  84. package/components/combobox/combobox.module.css +28 -0
  85. package/components/command-palette/command-palette.d.ts +20 -0
  86. package/components/command-palette/command-palette.js +151 -0
  87. package/components/command-palette/command-palette.module.css +94 -0
  88. package/components/comment-thread/comment-thread.d.ts +120 -0
  89. package/components/comment-thread/comment-thread.js +343 -0
  90. package/components/comment-thread/comment-thread.module.css +195 -0
  91. package/components/confirm-morph/confirm-morph.d.ts +65 -0
  92. package/components/confirm-morph/confirm-morph.js +355 -0
  93. package/components/confirm-morph/confirm-morph.module.css +146 -0
  94. package/components/context-menu/context-menu.d.ts +18 -0
  95. package/components/context-menu/context-menu.js +148 -0
  96. package/components/context-menu/context-menu.module.css +17 -0
  97. package/components/copy-button/copy-button.d.ts +10 -0
  98. package/components/copy-button/copy-button.js +69 -0
  99. package/components/copy-button/copy-button.module.css +21 -0
  100. package/components/countdown/countdown.d.ts +31 -0
  101. package/components/countdown/countdown.js +177 -0
  102. package/components/countdown/countdown.module.css +49 -0
  103. package/components/date-picker/date-picker.d.ts +17 -0
  104. package/components/date-picker/date-picker.js +100 -0
  105. package/components/date-picker/date-picker.module.css +34 -0
  106. package/components/date-range-picker/date-range-picker.d.ts +44 -0
  107. package/components/date-range-picker/date-range-picker.js +534 -0
  108. package/components/date-range-picker/date-range-picker.module.css +214 -0
  109. package/components/dialog/dialog.d.ts +11 -0
  110. package/components/dialog/dialog.js +52 -0
  111. package/components/dialog/dialog.module.css +36 -0
  112. package/components/donut-chart/donut-chart.d.ts +46 -0
  113. package/components/donut-chart/donut-chart.js +382 -0
  114. package/components/donut-chart/donut-chart.module.css +48 -0
  115. package/components/drawer/drawer.d.ts +20 -0
  116. package/components/drawer/drawer.js +111 -0
  117. package/components/drawer/drawer.module.css +97 -0
  118. package/components/dropdown-menu/dropdown-menu.d.ts +16 -0
  119. package/components/dropdown-menu/dropdown-menu.js +39 -0
  120. package/components/dropdown-menu/dropdown-menu.module.css +38 -0
  121. package/components/elastic-slider/elastic-slider.d.ts +39 -0
  122. package/components/elastic-slider/elastic-slider.js +261 -0
  123. package/components/elastic-slider/elastic-slider.module.css +40 -0
  124. package/components/empty-state/empty-state.d.ts +12 -0
  125. package/components/empty-state/empty-state.js +69 -0
  126. package/components/empty-state/empty-state.module.css +13 -0
  127. package/components/expandable-card/expandable-card.d.ts +13 -0
  128. package/components/expandable-card/expandable-card.js +89 -0
  129. package/components/expandable-card/expandable-card.module.css +22 -0
  130. package/components/expanding-button-group/expanding-button-group.d.ts +41 -0
  131. package/components/expanding-button-group/expanding-button-group.js +258 -0
  132. package/components/expanding-button-group/expanding-button-group.module.css +44 -0
  133. package/components/expanding-search/expanding-search.d.ts +38 -0
  134. package/components/expanding-search/expanding-search.js +242 -0
  135. package/components/expanding-search/expanding-search.module.css +52 -0
  136. package/components/file-dropzone/file-dropzone.d.ts +44 -0
  137. package/components/file-dropzone/file-dropzone.js +379 -0
  138. package/components/file-dropzone/file-dropzone.module.css +115 -0
  139. package/components/file-upload/file-upload.d.ts +22 -0
  140. package/components/file-upload/file-upload.js +192 -0
  141. package/components/file-upload/file-upload.module.css +49 -0
  142. package/components/filter-toolbar/filter-toolbar.d.ts +48 -0
  143. package/components/filter-toolbar/filter-toolbar.js +446 -0
  144. package/components/filter-toolbar/filter-toolbar.module.css +70 -0
  145. package/components/floating-button-group/floating-button-group.d.ts +51 -0
  146. package/components/floating-button-group/floating-button-group.js +215 -0
  147. package/components/floating-button-group/floating-button-group.module.css +74 -0
  148. package/components/gauge/gauge.d.ts +18 -0
  149. package/components/gauge/gauge.js +101 -0
  150. package/components/gauge/gauge.module.css +22 -0
  151. package/components/hold-to-confirm/hold-to-confirm.d.ts +25 -0
  152. package/components/hold-to-confirm/hold-to-confirm.js +165 -0
  153. package/components/hold-to-confirm/hold-to-confirm.module.css +20 -0
  154. package/components/hover-card/hover-card.d.ts +38 -0
  155. package/components/hover-card/hover-card.js +145 -0
  156. package/components/hover-card/hover-card.module.css +20 -0
  157. package/components/image-compare/image-compare.d.ts +27 -0
  158. package/components/image-compare/image-compare.js +267 -0
  159. package/components/image-compare/image-compare.module.css +25 -0
  160. package/components/in-view-title/in-view-title.d.ts +17 -0
  161. package/components/in-view-title/in-view-title.js +70 -0
  162. package/components/in-view-title/in-view-title.module.css +13 -0
  163. package/components/inline-edit/inline-edit.d.ts +27 -0
  164. package/components/inline-edit/inline-edit.js +315 -0
  165. package/components/inline-edit/inline-edit.module.css +73 -0
  166. package/components/input/input.d.ts +7 -0
  167. package/components/input/input.js +60 -0
  168. package/components/input/input.module.css +22 -0
  169. package/components/json-viewer/json-viewer.d.ts +48 -0
  170. package/components/json-viewer/json-viewer.js +463 -0
  171. package/components/json-viewer/json-viewer.module.css +92 -0
  172. package/components/line-chart/line-chart.d.ts +58 -0
  173. package/components/line-chart/line-chart.js +383 -0
  174. package/components/line-chart/line-chart.module.css +60 -0
  175. package/components/mention-input/mention-input.d.ts +72 -0
  176. package/components/mention-input/mention-input.js +417 -0
  177. package/components/mention-input/mention-input.module.css +134 -0
  178. package/components/metric-card/metric-card.d.ts +8 -0
  179. package/components/metric-card/metric-card.js +44 -0
  180. package/components/metric-card/metric-card.module.css +18 -0
  181. package/components/money-input/money-input.d.ts +48 -0
  182. package/components/money-input/money-input.js +503 -0
  183. package/components/money-input/money-input.module.css +77 -0
  184. package/components/morph-select/morph-select.d.ts +50 -0
  185. package/components/morph-select/morph-select.js +395 -0
  186. package/components/morph-select/morph-select.module.css +88 -0
  187. package/components/multi-select/multi-select.d.ts +18 -0
  188. package/components/multi-select/multi-select.js +105 -0
  189. package/components/multi-select/multi-select.module.css +37 -0
  190. package/components/notification-center/notification-center.d.ts +24 -0
  191. package/components/notification-center/notification-center.js +146 -0
  192. package/components/notification-center/notification-center.module.css +79 -0
  193. package/components/number-field/number-field.d.ts +41 -0
  194. package/components/number-field/number-field.js +455 -0
  195. package/components/number-field/number-field.module.css +71 -0
  196. package/components/otp-input/otp-input.d.ts +13 -0
  197. package/components/otp-input/otp-input.js +129 -0
  198. package/components/otp-input/otp-input.module.css +28 -0
  199. package/components/pagination/pagination.d.ts +7 -0
  200. package/components/pagination/pagination.js +60 -0
  201. package/components/pagination/pagination.module.css +16 -0
  202. package/components/password-field/password-field.d.ts +14 -0
  203. package/components/password-field/password-field.js +51 -0
  204. package/components/password-field/password-field.module.css +27 -0
  205. package/components/password-strength/password-strength.d.ts +107 -0
  206. package/components/password-strength/password-strength.js +161 -0
  207. package/components/password-strength/password-strength.module.css +57 -0
  208. package/components/phone-input/phone-input.d.ts +73 -0
  209. package/components/phone-input/phone-input.js +612 -0
  210. package/components/phone-input/phone-input.module.css +98 -0
  211. package/components/popover/popover.d.ts +6 -0
  212. package/components/popover/popover.js +19 -0
  213. package/components/popover/popover.module.css +32 -0
  214. package/components/progress/progress.d.ts +8 -0
  215. package/components/progress/progress.js +42 -0
  216. package/components/progress/progress.module.css +1 -0
  217. package/components/radio-cards/radio-cards.d.ts +35 -0
  218. package/components/radio-cards/radio-cards.js +110 -0
  219. package/components/radio-cards/radio-cards.module.css +84 -0
  220. package/components/radio-group/radio-group.d.ts +13 -0
  221. package/components/radio-group/radio-group.js +55 -0
  222. package/components/radio-group/radio-group.module.css +30 -0
  223. package/components/resizable-panels/resizable-panels.d.ts +37 -0
  224. package/components/resizable-panels/resizable-panels.js +338 -0
  225. package/components/resizable-panels/resizable-panels.module.css +40 -0
  226. package/components/rich-text-editor/rich-text-editor.d.ts +55 -0
  227. package/components/rich-text-editor/rich-text-editor.js +1733 -0
  228. package/components/rich-text-editor/rich-text-editor.module.css +201 -0
  229. package/components/ridgeline/ridgeline.d.ts +37 -0
  230. package/components/ridgeline/ridgeline.js +346 -0
  231. package/components/ridgeline/ridgeline.module.css +58 -0
  232. package/components/scroll-area/scroll-area.d.ts +40 -0
  233. package/components/scroll-area/scroll-area.js +153 -0
  234. package/components/scroll-area/scroll-area.module.css +79 -0
  235. package/components/search-field/search-field.d.ts +7 -0
  236. package/components/search-field/search-field.js +20 -0
  237. package/components/search-field/search-field.module.css +17 -0
  238. package/components/segmented-control/segmented-control.d.ts +16 -0
  239. package/components/segmented-control/segmented-control.js +56 -0
  240. package/components/segmented-control/segmented-control.module.css +15 -0
  241. package/components/select/select.d.ts +15 -0
  242. package/components/select/select.js +36 -0
  243. package/components/select/select.module.css +35 -0
  244. package/components/shortcut-recorder/shortcut-recorder.d.ts +108 -0
  245. package/components/shortcut-recorder/shortcut-recorder.js +380 -0
  246. package/components/shortcut-recorder/shortcut-recorder.module.css +85 -0
  247. package/components/signature-pad/signature-pad.d.ts +72 -0
  248. package/components/signature-pad/signature-pad.js +450 -0
  249. package/components/signature-pad/signature-pad.module.css +84 -0
  250. package/components/skeleton/skeleton.d.ts +13 -0
  251. package/components/skeleton/skeleton.js +53 -0
  252. package/components/skeleton/skeleton.module.css +11 -0
  253. package/components/slider/slider.d.ts +45 -0
  254. package/components/slider/slider.js +347 -0
  255. package/components/slider/slider.module.css +45 -0
  256. package/components/slope-chart/slope-chart.d.ts +38 -0
  257. package/components/slope-chart/slope-chart.js +183 -0
  258. package/components/slope-chart/slope-chart.module.css +51 -0
  259. package/components/slot-text/slot-text.d.ts +26 -0
  260. package/components/slot-text/slot-text.js +119 -0
  261. package/components/slot-text/slot-text.module.css +19 -0
  262. package/components/sortable-data-table/sortable-data-table.d.ts +38 -0
  263. package/components/sortable-data-table/sortable-data-table.js +240 -0
  264. package/components/sortable-data-table/sortable-data-table.module.css +116 -0
  265. package/components/sparkline/sparkline.d.ts +19 -0
  266. package/components/sparkline/sparkline.js +239 -0
  267. package/components/sparkline/sparkline.module.css +26 -0
  268. package/components/split-button/split-button.d.ts +19 -0
  269. package/components/split-button/split-button.js +33 -0
  270. package/components/split-button/split-button.module.css +51 -0
  271. package/components/stepper/stepper.d.ts +36 -0
  272. package/components/stepper/stepper.js +108 -0
  273. package/components/stepper/stepper.module.css +74 -0
  274. package/components/streamgraph/streamgraph.d.ts +51 -0
  275. package/components/streamgraph/streamgraph.js +376 -0
  276. package/components/streamgraph/streamgraph.module.css +55 -0
  277. package/components/swipe-actions/swipe-actions.d.ts +35 -0
  278. package/components/swipe-actions/swipe-actions.js +330 -0
  279. package/components/swipe-actions/swipe-actions.module.css +64 -0
  280. package/components/switch/switch.d.ts +7 -0
  281. package/components/switch/switch.js +45 -0
  282. package/components/switch/switch.module.css +12 -0
  283. package/components/tabs/tabs.d.ts +8 -0
  284. package/components/tabs/tabs.js +138 -0
  285. package/components/tabs/tabs.module.css +27 -0
  286. package/components/tag-input/tag-input.d.ts +15 -0
  287. package/components/tag-input/tag-input.js +150 -0
  288. package/components/tag-input/tag-input.module.css +34 -0
  289. package/components/text-morph/text-morph.d.ts +13 -0
  290. package/components/text-morph/text-morph.js +69 -0
  291. package/components/text-morph/text-morph.module.css +8 -0
  292. package/components/text-reveal/text-reveal.d.ts +14 -0
  293. package/components/text-reveal/text-reveal.js +20 -0
  294. package/components/text-reveal/text-reveal.module.css +13 -0
  295. package/components/text-shimmer/text-shimmer.d.ts +18 -0
  296. package/components/text-shimmer/text-shimmer.js +90 -0
  297. package/components/text-shimmer/text-shimmer.module.css +9 -0
  298. package/components/textarea/textarea.d.ts +7 -0
  299. package/components/textarea/textarea.js +56 -0
  300. package/components/textarea/textarea.module.css +22 -0
  301. package/components/theme-switch/theme-switch.d.ts +11 -0
  302. package/components/theme-switch/theme-switch.js +37 -0
  303. package/components/theme-switch/theme-switch.module.css +31 -0
  304. package/components/time-picker/time-picker.d.ts +13 -0
  305. package/components/time-picker/time-picker.js +95 -0
  306. package/components/time-picker/time-picker.module.css +23 -0
  307. package/components/timeline/timeline.d.ts +47 -0
  308. package/components/timeline/timeline.js +171 -0
  309. package/components/timeline/timeline.module.css +51 -0
  310. package/components/toast/toast.d.ts +8 -0
  311. package/components/toast/toast.js +118 -0
  312. package/components/toast/toast.module.css +100 -0
  313. package/components/toast-stack/toast-stack.d.ts +57 -0
  314. package/components/toast-stack/toast-stack.js +399 -0
  315. package/components/toast-stack/toast-stack.module.css +61 -0
  316. package/components/tooltip/tooltip.d.ts +8 -0
  317. package/components/tooltip/tooltip.js +62 -0
  318. package/components/tooltip/tooltip.module.css +18 -0
  319. package/components/tree-view/tree-view.d.ts +17 -0
  320. package/components/tree-view/tree-view.js +147 -0
  321. package/components/tree-view/tree-view.module.css +22 -0
  322. package/components/treemap/treemap.d.ts +35 -0
  323. package/components/treemap/treemap.js +375 -0
  324. package/components/treemap/treemap.module.css +59 -0
  325. package/components/usage-meter/usage-meter.d.ts +24 -0
  326. package/components/usage-meter/usage-meter.js +296 -0
  327. package/components/usage-meter/usage-meter.module.css +61 -0
  328. package/components/user-menu/user-menu.d.ts +62 -0
  329. package/components/user-menu/user-menu.js +316 -0
  330. package/components/user-menu/user-menu.module.css +97 -0
  331. package/components/waffle-chart/waffle-chart.d.ts +39 -0
  332. package/components/waffle-chart/waffle-chart.js +244 -0
  333. package/components/waffle-chart/waffle-chart.module.css +52 -0
  334. package/components.json +1330 -0
  335. package/eslint.js +53 -0
  336. package/lib/escape.d.ts +19 -0
  337. package/lib/escape.js +50 -0
  338. package/lib/media.d.ts +353 -0
  339. package/lib/media.js +65 -0
  340. package/lib/menu-highlight.d.ts +28 -0
  341. package/lib/menu-highlight.js +43 -0
  342. package/lib/motion-tokens.d.ts +60 -0
  343. package/lib/motion-tokens.js +25 -0
  344. package/lib/return-focus.d.ts +9 -0
  345. package/lib/return-focus.js +53 -0
  346. package/lib/silicon-provider.d.ts +60 -0
  347. package/lib/silicon-provider.js +47 -0
  348. package/lib/use-copy-feedback.d.ts +8 -0
  349. package/lib/use-copy-feedback.js +36 -0
  350. package/lib/use-today.d.ts +2 -0
  351. package/lib/use-today.js +29 -0
  352. package/package.json +76 -4
  353. package/styles.css +218 -0
  354. package/styles.css.d.ts +1 -0
@@ -0,0 +1,1330 @@
1
+ [
2
+ {
3
+ "name": "accordion",
4
+ "import": "@teamofsilicons/silicon-ui/accordion",
5
+ "title": "Accordion",
6
+ "description": "Progressively reveal supporting information in place.",
7
+ "exports": [
8
+ "AccordionItem",
9
+ "AccordionProps",
10
+ "Accordion"
11
+ ]
12
+ },
13
+ {
14
+ "name": "action-button",
15
+ "import": "@teamofsilicons/silicon-ui/action-button",
16
+ "title": "Action button",
17
+ "description": "A compact button for frequent toolbar actions.",
18
+ "exports": [
19
+ "ActionButtonProps",
20
+ "ActionButton"
21
+ ]
22
+ },
23
+ {
24
+ "name": "activity-heatmap",
25
+ "import": "@teamofsilicons/silicon-ui/activity-heatmap",
26
+ "title": "Activity heatmap",
27
+ "description": "See a year of activity at a glance, one square per day.",
28
+ "exports": [
29
+ "ActivityDay",
30
+ "ActivityHeatmapProps",
31
+ "ActivityHeatmap"
32
+ ]
33
+ },
34
+ {
35
+ "name": "alert",
36
+ "import": "@teamofsilicons/silicon-ui/alert",
37
+ "title": "Alert",
38
+ "description": "A persistent message that helps people recover or continue.",
39
+ "exports": [
40
+ "AlertTone",
41
+ "AlertProps",
42
+ "Alert"
43
+ ]
44
+ },
45
+ {
46
+ "name": "animated-counter",
47
+ "import": "@teamofsilicons/silicon-ui/animated-counter",
48
+ "title": "Animated counter",
49
+ "description": "Give changing totals a clear sense of movement.",
50
+ "exports": [
51
+ "AnimatedCounterProps",
52
+ "AnimatedCounter"
53
+ ]
54
+ },
55
+ {
56
+ "name": "announcement-bar",
57
+ "import": "@teamofsilicons/silicon-ui/announcement-bar",
58
+ "title": "Announcement bar",
59
+ "description": "A top banner that rotates messages, counts down, and collapses smoothly when dismissed.",
60
+ "exports": [
61
+ "AnnouncementAction",
62
+ "Announcement",
63
+ "AnnouncementBarProps",
64
+ "clearAnnouncementDismissal",
65
+ "AnnouncementBar"
66
+ ]
67
+ },
68
+ {
69
+ "name": "avatar",
70
+ "import": "@teamofsilicons/silicon-ui/avatar",
71
+ "title": "Avatar",
72
+ "description": "A compact identity marker for people and accounts.",
73
+ "exports": [
74
+ "AvatarProps",
75
+ "Avatar"
76
+ ]
77
+ },
78
+ {
79
+ "name": "avatar-group",
80
+ "import": "@teamofsilicons/silicon-ui/avatar-group",
81
+ "title": "Avatar group",
82
+ "description": "Show a team or set of contributors in a small space.",
83
+ "exports": [
84
+ "AvatarGroupMember",
85
+ "AvatarGroupProps",
86
+ "AvatarGroup"
87
+ ]
88
+ },
89
+ {
90
+ "name": "badge",
91
+ "import": "@teamofsilicons/silicon-ui/badge",
92
+ "title": "Badge",
93
+ "description": "A small label for status, category, or metadata.",
94
+ "exports": [
95
+ "BadgeTone",
96
+ "BadgeSize",
97
+ "BadgeProps",
98
+ "Badge"
99
+ ]
100
+ },
101
+ {
102
+ "name": "bar-chart",
103
+ "import": "@teamofsilicons/silicon-ui/bar-chart",
104
+ "title": "Bar chart",
105
+ "description": "Compare one measure across days and scrub any bar for its value.",
106
+ "exports": [
107
+ "BarChartDatum",
108
+ "BarChartProps",
109
+ "BarChart"
110
+ ]
111
+ },
112
+ {
113
+ "name": "billing-toggle",
114
+ "import": "@teamofsilicons/silicon-ui/billing-toggle",
115
+ "title": "Billing toggle",
116
+ "description": "A monthly and yearly switch with a savings badge and prices that roll to the new amount.",
117
+ "exports": [
118
+ "BillingToggleOption",
119
+ "BillingToggleProps",
120
+ "BillingToggle",
121
+ "BillingPriceProps",
122
+ "BillingPrice"
123
+ ]
124
+ },
125
+ {
126
+ "name": "bottom-sheet",
127
+ "import": "@teamofsilicons/silicon-ui/bottom-sheet",
128
+ "title": "Bottom sheet",
129
+ "description": "A sheet that rests at a peek or full height and follows your finger.",
130
+ "exports": [
131
+ "BottomSheetProps",
132
+ "BottomSheet",
133
+ "BottomSheetClose"
134
+ ]
135
+ },
136
+ {
137
+ "name": "breadcrumb",
138
+ "import": "@teamofsilicons/silicon-ui/breadcrumb",
139
+ "title": "Breadcrumb",
140
+ "description": "Show where a page sits in a hierarchy.",
141
+ "exports": [
142
+ "BreadcrumbItem",
143
+ "BreadcrumbProps",
144
+ "Breadcrumb"
145
+ ]
146
+ },
147
+ {
148
+ "name": "brush-chart",
149
+ "import": "@teamofsilicons/silicon-ui/brush-chart",
150
+ "title": "Brush chart",
151
+ "description": "A dense time series with an overview strip: drag a window to zoom, resize it by its handles, and read events in place.",
152
+ "exports": [
153
+ "BrushChartDatum",
154
+ "BrushChartAnnotation",
155
+ "BrushChartProps",
156
+ "BrushChart"
157
+ ]
158
+ },
159
+ {
160
+ "name": "button",
161
+ "import": "@teamofsilicons/silicon-ui/button",
162
+ "title": "Button",
163
+ "description": "A clear, responsive action with quiet secondary states.",
164
+ "exports": [
165
+ "ButtonVariant",
166
+ "ButtonSize",
167
+ "ButtonProps",
168
+ "Button"
169
+ ]
170
+ },
171
+ {
172
+ "name": "button-group",
173
+ "import": "@teamofsilicons/silicon-ui/button-group",
174
+ "title": "Button group",
175
+ "description": "Related actions joined into one surface with hairline dividers: a hover highlight glides between segments, the pressed one answers in place, and an attached menu can close the row.",
176
+ "exports": [
177
+ "ButtonGroupVariant",
178
+ "ButtonGroupSize",
179
+ "ButtonGroupOrientation",
180
+ "ButtonGroupItem",
181
+ "ButtonGroupMenuItem",
182
+ "ButtonGroupMenu",
183
+ "ButtonGroupProps",
184
+ "ButtonGroup"
185
+ ]
186
+ },
187
+ {
188
+ "name": "button-link",
189
+ "import": "@teamofsilicons/silicon-ui/button-link",
190
+ "title": "Button link",
191
+ "description": "A link that looks exactly like a button, for actions that go somewhere.",
192
+ "exports": [
193
+ "ButtonLinkProps",
194
+ "ButtonLink"
195
+ ]
196
+ },
197
+ {
198
+ "name": "calendar",
199
+ "import": "@teamofsilicons/silicon-ui/calendar",
200
+ "title": "Calendar",
201
+ "description": "Browse dates in a clear, compact month view.",
202
+ "exports": [
203
+ "CalendarDateMatcher",
204
+ "CalendarProps",
205
+ "Calendar",
206
+ "useToday",
207
+ "addDays",
208
+ "addMonths",
209
+ "sameDay",
210
+ "startOfDay"
211
+ ]
212
+ },
213
+ {
214
+ "name": "card",
215
+ "import": "@teamofsilicons/silicon-ui/card",
216
+ "title": "Card",
217
+ "description": "A contained group of related content and actions.",
218
+ "exports": [
219
+ "CardProps",
220
+ "Card"
221
+ ]
222
+ },
223
+ {
224
+ "name": "card-stack",
225
+ "import": "@teamofsilicons/silicon-ui/card-stack",
226
+ "title": "Card stack",
227
+ "description": "Review a deck one card at a time, with a throw and an undo.",
228
+ "exports": [
229
+ "CardDecision",
230
+ "CardStackProps",
231
+ "CardStack"
232
+ ]
233
+ },
234
+ {
235
+ "name": "carousel",
236
+ "import": "@teamofsilicons/silicon-ui/carousel",
237
+ "title": "Carousel",
238
+ "description": "Browse a row of slides by dragging, flicking, or arrowing through them.",
239
+ "exports": [
240
+ "CarouselProps",
241
+ "Carousel"
242
+ ]
243
+ },
244
+ {
245
+ "name": "chat-thread",
246
+ "import": "@teamofsilicons/silicon-ui/chat-thread",
247
+ "title": "Chat thread",
248
+ "description": "A chat thread with grouped messages, reactions, read receipts, typing, and a composer with attachments.",
249
+ "exports": [
250
+ "ChatParticipant",
251
+ "ChatAttachment",
252
+ "ChatReaction",
253
+ "ChatMessageStatus",
254
+ "ChatMessage",
255
+ "ChatDraft",
256
+ "ChatComposerLabels",
257
+ "ChatThreadLabels",
258
+ "ChatThreadHandle",
259
+ "ChatThreadProps",
260
+ "formatBytes",
261
+ "ChatComposerProps",
262
+ "ChatComposerHandle",
263
+ "ChatComposer",
264
+ "ChatThread"
265
+ ]
266
+ },
267
+ {
268
+ "name": "checkbox",
269
+ "import": "@teamofsilicons/silicon-ui/checkbox",
270
+ "title": "Checkbox",
271
+ "description": "A binary choice with a precise, legible state.",
272
+ "exports": [
273
+ "CheckboxProps",
274
+ "Checkbox"
275
+ ]
276
+ },
277
+ {
278
+ "name": "chip-group",
279
+ "import": "@teamofsilicons/silicon-ui/chip-group",
280
+ "title": "Chip group",
281
+ "description": "Filter by a few facets with chips that morph as you pick them.",
282
+ "exports": [
283
+ "ChipOption",
284
+ "ChipGroupProps",
285
+ "ChipGroup"
286
+ ]
287
+ },
288
+ {
289
+ "name": "code-block",
290
+ "import": "@teamofsilicons/silicon-ui/code-block",
291
+ "title": "Code block",
292
+ "description": "Present code with legible hierarchy and copy access.",
293
+ "exports": [
294
+ "CodeBlockProps",
295
+ "CodeBlock"
296
+ ]
297
+ },
298
+ {
299
+ "name": "color-picker",
300
+ "import": "@teamofsilicons/silicon-ui/color-picker",
301
+ "title": "Color picker",
302
+ "description": "A swatch that grows into a picker with format morphing, eyedropper, saved swatches, and contrast readout.",
303
+ "exports": [
304
+ "ColorFormat",
305
+ "ColorSwatch",
306
+ "ColorPickerProps",
307
+ "Hsva",
308
+ "toHex",
309
+ "parseColor",
310
+ "ColorPicker"
311
+ ]
312
+ },
313
+ {
314
+ "name": "combobox",
315
+ "import": "@teamofsilicons/silicon-ui/combobox",
316
+ "title": "Combobox",
317
+ "description": "Search and select from a list without leaving the field.",
318
+ "exports": [
319
+ "ComboboxOption",
320
+ "ComboboxProps",
321
+ "Combobox"
322
+ ]
323
+ },
324
+ {
325
+ "name": "command-palette",
326
+ "import": "@teamofsilicons/silicon-ui/command-palette",
327
+ "title": "Command palette",
328
+ "description": "A complete keyboard driven action surface with search, grouped results, and shortcuts.",
329
+ "exports": [
330
+ "CommandItem",
331
+ "CommandPaletteProps",
332
+ "CommandPalette"
333
+ ]
334
+ },
335
+ {
336
+ "name": "comment-thread",
337
+ "import": "@teamofsilicons/silicon-ui/comment-thread",
338
+ "title": "Comment thread",
339
+ "description": "Threaded comments with replies, reactions, mentions, inline edit, and resolve.",
340
+ "exports": [
341
+ "CommentAuthor",
342
+ "CommentReaction",
343
+ "ThreadComment",
344
+ "CommentThreadEvent",
345
+ "CommentThreadLabels",
346
+ "CommentThreadProps",
347
+ "CommentThread"
348
+ ]
349
+ },
350
+ {
351
+ "name": "confirm-morph",
352
+ "import": "@teamofsilicons/silicon-ui/confirm-morph",
353
+ "title": "Confirm morph",
354
+ "description": "A destructive button that morphs into an inline confirmation, a spinner, and a result with undo.",
355
+ "exports": [
356
+ "ConfirmMorphState",
357
+ "ConfirmMorphMode",
358
+ "ConfirmMorphProps",
359
+ "ConfirmMorph"
360
+ ]
361
+ },
362
+ {
363
+ "name": "context-menu",
364
+ "import": "@teamofsilicons/silicon-ui/context-menu",
365
+ "title": "Context menu",
366
+ "description": "Secondary actions kept close to the selected object.",
367
+ "exports": [
368
+ "ContextMenuItem",
369
+ "ContextMenuProps",
370
+ "ContextMenu",
371
+ "contextMenuExampleItems"
372
+ ]
373
+ },
374
+ {
375
+ "name": "copy-button",
376
+ "import": "@teamofsilicons/silicon-ui/copy-button",
377
+ "title": "Copy button",
378
+ "description": "Copy a value with immediate confirmation.",
379
+ "exports": [
380
+ "CopyButtonProps",
381
+ "CopyButton"
382
+ ]
383
+ },
384
+ {
385
+ "name": "countdown",
386
+ "import": "@teamofsilicons/silicon-ui/countdown",
387
+ "title": "Countdown",
388
+ "description": "A launch countdown with rolling digits that morphs into a live state at zero.",
389
+ "exports": [
390
+ "CountdownUnit",
391
+ "CountdownProps",
392
+ "toEpoch",
393
+ "Countdown"
394
+ ]
395
+ },
396
+ {
397
+ "name": "date-picker",
398
+ "import": "@teamofsilicons/silicon-ui/date-picker",
399
+ "title": "Date picker",
400
+ "description": "Choose a date without losing context.",
401
+ "exports": [
402
+ "DatePickerProps",
403
+ "DatePicker"
404
+ ]
405
+ },
406
+ {
407
+ "name": "date-range-picker",
408
+ "import": "@teamofsilicons/silicon-ui/date-range-picker",
409
+ "title": "Date range picker",
410
+ "description": "A range picker that grows from its trigger into two months with presets and a stretching range highlight.",
411
+ "exports": [
412
+ "DateRange",
413
+ "DateRangePreset",
414
+ "DateRangePickerProps",
415
+ "defaultDateRangePresets",
416
+ "DateRangePicker",
417
+ "useToday"
418
+ ]
419
+ },
420
+ {
421
+ "name": "dialog",
422
+ "import": "@teamofsilicons/silicon-ui/dialog",
423
+ "title": "Dialog",
424
+ "description": "A focused surface for decisions that need attention.",
425
+ "exports": [
426
+ "Dialog",
427
+ "DialogTrigger",
428
+ "DialogClose",
429
+ "DialogContentProps",
430
+ "DialogContent"
431
+ ]
432
+ },
433
+ {
434
+ "name": "donut-chart",
435
+ "import": "@teamofsilicons/silicon-ui/donut-chart",
436
+ "title": "Donut chart",
437
+ "description": "A donut whose arcs morph between datasets, with the active value rolling into the center.",
438
+ "exports": [
439
+ "DonutChartDatum",
440
+ "DonutChartProps",
441
+ "DonutChart"
442
+ ]
443
+ },
444
+ {
445
+ "name": "drawer",
446
+ "import": "@teamofsilicons/silicon-ui/drawer",
447
+ "title": "Drawer",
448
+ "description": "A temporary side surface for focused work.",
449
+ "exports": [
450
+ "useDrawerItem",
451
+ "Drawer",
452
+ "DrawerTrigger",
453
+ "DrawerClose",
454
+ "DrawerContentProps",
455
+ "DrawerContent"
456
+ ]
457
+ },
458
+ {
459
+ "name": "dropdown-menu",
460
+ "import": "@teamofsilicons/silicon-ui/dropdown-menu",
461
+ "title": "Dropdown menu",
462
+ "description": "A focused list of actions anchored to a trigger.",
463
+ "exports": [
464
+ "DropdownItem",
465
+ "DropdownMenuProps",
466
+ "DropdownMenu"
467
+ ]
468
+ },
469
+ {
470
+ "name": "elastic-slider",
471
+ "import": "@teamofsilicons/silicon-ui/elastic-slider",
472
+ "title": "Elastic slider",
473
+ "description": "A slider that stretches like rubber past its ends, with a swaying value tag and detents the thumb clicks into.",
474
+ "exports": [
475
+ "ElasticSliderMark",
476
+ "ElasticSliderProps",
477
+ "ElasticSlider"
478
+ ]
479
+ },
480
+ {
481
+ "name": "empty-state",
482
+ "import": "@teamofsilicons/silicon-ui/empty-state",
483
+ "title": "Empty state",
484
+ "description": "A useful next step when there is nothing to show yet.",
485
+ "exports": [
486
+ "EmptyStateProps",
487
+ "EmptyState"
488
+ ]
489
+ },
490
+ {
491
+ "name": "expandable-card",
492
+ "import": "@teamofsilicons/silicon-ui/expandable-card",
493
+ "title": "Expandable card",
494
+ "description": "Give a dense card more room when requested.",
495
+ "exports": [
496
+ "ExpandableCardProps",
497
+ "ExpandableCard"
498
+ ]
499
+ },
500
+ {
501
+ "name": "expanding-button-group",
502
+ "import": "@teamofsilicons/silicon-ui/expanding-button-group",
503
+ "title": "Expanding button group",
504
+ "description": "Icon buttons in a compact group: the one you point at or focus grows to reveal its label while its neighbours slide aside, and an action confirms in place.",
505
+ "exports": [
506
+ "ExpandingButtonGroupSize",
507
+ "ExpandingButtonGroupTone",
508
+ "ExpandingButtonGroupItem",
509
+ "ExpandingButtonGroupProps",
510
+ "ExpandingButtonGroup"
511
+ ]
512
+ },
513
+ {
514
+ "name": "expanding-search",
515
+ "import": "@teamofsilicons/silicon-ui/expanding-search",
516
+ "title": "Expanding search",
517
+ "description": "An icon that morphs into a search field with results beneath it.",
518
+ "exports": [
519
+ "ExpandingSearchItem",
520
+ "ExpandingSearchProps",
521
+ "ExpandingSearch"
522
+ ]
523
+ },
524
+ {
525
+ "name": "file-dropzone",
526
+ "import": "@teamofsilicons/silicon-ui/file-dropzone",
527
+ "title": "File dropzone",
528
+ "description": "A generous target for dropping one or more files.",
529
+ "exports": [
530
+ "FileDropzoneStatus",
531
+ "FileDropzoneItem",
532
+ "FileDropzoneUpload",
533
+ "FileDropzoneProps",
534
+ "formatFileSize",
535
+ "FileDropzone"
536
+ ]
537
+ },
538
+ {
539
+ "name": "file-upload",
540
+ "import": "@teamofsilicons/silicon-ui/file-upload",
541
+ "title": "File upload",
542
+ "description": "A complete file selection flow with constraints, progress, and error feedback.",
543
+ "exports": [
544
+ "FileUploadItem",
545
+ "FileUploadProps",
546
+ "FileUpload"
547
+ ]
548
+ },
549
+ {
550
+ "name": "filter-toolbar",
551
+ "import": "@teamofsilicons/silicon-ui/filter-toolbar",
552
+ "title": "Filter toolbar",
553
+ "description": "Keep collection filters close and easy to reset.",
554
+ "exports": [
555
+ "FilterChip",
556
+ "FilterOption",
557
+ "FilterField",
558
+ "FilterMenuProps",
559
+ "FilterToolbarProps",
560
+ "FilterMenu",
561
+ "FilterToolbar"
562
+ ]
563
+ },
564
+ {
565
+ "name": "floating-button-group",
566
+ "import": "@teamofsilicons/silicon-ui/floating-button-group",
567
+ "title": "Floating button group",
568
+ "description": "Separate soft buttons in a quiet tray, with one shared highlight that morphs from button to button as you move, and a pressed state that settles in place.",
569
+ "exports": [
570
+ "FloatingButtonGroupVariant",
571
+ "FloatingButtonGroupSize",
572
+ "FloatingButtonGroupOrientation",
573
+ "FloatingButtonGroupAction",
574
+ "FloatingButtonGroupSeparator",
575
+ "FloatingButtonGroupItem",
576
+ "FloatingButtonGroupProps",
577
+ "FloatingButtonGroup"
578
+ ]
579
+ },
580
+ {
581
+ "name": "gauge",
582
+ "import": "@teamofsilicons/silicon-ui/gauge",
583
+ "title": "Gauge",
584
+ "description": "Show a value against a known range.",
585
+ "exports": [
586
+ "GaugeThreshold",
587
+ "GaugeProps",
588
+ "Gauge"
589
+ ]
590
+ },
591
+ {
592
+ "name": "hold-to-confirm",
593
+ "import": "@teamofsilicons/silicon-ui/hold-to-confirm",
594
+ "title": "Hold to confirm",
595
+ "description": "Confirm a destructive action by holding, not tapping.",
596
+ "exports": [
597
+ "HoldToConfirmProps",
598
+ "HoldToConfirm"
599
+ ]
600
+ },
601
+ {
602
+ "name": "hover-card",
603
+ "import": "@teamofsilicons/silicon-ui/hover-card",
604
+ "title": "Hover card",
605
+ "description": "Preview a person or link on hover or focus without leaving the page.",
606
+ "exports": [
607
+ "HoverCardProps",
608
+ "HoverCard",
609
+ "HoverCardStat",
610
+ "HoverCardProfileProps",
611
+ "HoverCardProfile"
612
+ ]
613
+ },
614
+ {
615
+ "name": "image-compare",
616
+ "import": "@teamofsilicons/silicon-ui/image-compare",
617
+ "title": "Image compare",
618
+ "description": "Drag a divider across two images to see what changed.",
619
+ "exports": [
620
+ "ImageCompareProps",
621
+ "ImageCompare"
622
+ ]
623
+ },
624
+ {
625
+ "name": "in-view-title",
626
+ "import": "@teamofsilicons/silicon-ui/in-view-title",
627
+ "title": "In-view title",
628
+ "description": "Bring a section title in as it scrolls into view.",
629
+ "exports": [
630
+ "InViewTitleVariant",
631
+ "InViewTitleProps",
632
+ "InViewTitle"
633
+ ]
634
+ },
635
+ {
636
+ "name": "inline-edit",
637
+ "import": "@teamofsilicons/silicon-ui/inline-edit",
638
+ "title": "Inline edit",
639
+ "description": "Rename in place: the text becomes a field without moving.",
640
+ "exports": [
641
+ "InlineEditProps",
642
+ "InlineEdit"
643
+ ]
644
+ },
645
+ {
646
+ "name": "input",
647
+ "import": "@teamofsilicons/silicon-ui/input",
648
+ "title": "Input",
649
+ "description": "A single line field with clear labels and useful states.",
650
+ "exports": [
651
+ "InputProps",
652
+ "Input"
653
+ ]
654
+ },
655
+ {
656
+ "name": "json-viewer",
657
+ "import": "@teamofsilicons/silicon-ui/json-viewer",
658
+ "title": "JSON viewer",
659
+ "description": "A collapsible JSON tree with search, paging for long arrays, and copy value or path.",
660
+ "exports": [
661
+ "JsonValueType",
662
+ "JsonViewerCopyDetail",
663
+ "JsonViewerProps",
664
+ "JsonViewer"
665
+ ]
666
+ },
667
+ {
668
+ "name": "line-chart",
669
+ "import": "@teamofsilicons/silicon-ui/line-chart",
670
+ "title": "Line chart",
671
+ "description": "A multi-series line chart with a gliding crosshair, legend toggles, and paths that morph between ranges.",
672
+ "exports": [
673
+ "LineChartSeries",
674
+ "LineChartDatum",
675
+ "LineChartProps",
676
+ "LineChart"
677
+ ]
678
+ },
679
+ {
680
+ "name": "mention-input",
681
+ "import": "@teamofsilicons/silicon-ui/mention-input",
682
+ "title": "Mention input",
683
+ "description": "A textarea with @people and #channel mentions that act as single tokens, with suggestions at the caret.",
684
+ "exports": [
685
+ "MentionKind",
686
+ "MentionPerson",
687
+ "MentionChannel",
688
+ "Mention",
689
+ "MentionValue",
690
+ "MentionInputHandle",
691
+ "MentionInputProps",
692
+ "mentionText",
693
+ "serializeMentions",
694
+ "MentionInput"
695
+ ]
696
+ },
697
+ {
698
+ "name": "metric-card",
699
+ "import": "@teamofsilicons/silicon-ui/metric-card",
700
+ "title": "Metric card",
701
+ "description": "A compact summary for a number that needs context.",
702
+ "exports": [
703
+ "MetricCardProps",
704
+ "MetricCard"
705
+ ]
706
+ },
707
+ {
708
+ "name": "money-input",
709
+ "import": "@teamofsilicons/silicon-ui/money-input",
710
+ "title": "Money input",
711
+ "description": "A currency field with live grouping, stable width, rolling digits, and minor-unit output.",
712
+ "exports": [
713
+ "MoneyInputDetails",
714
+ "MoneyInputProps",
715
+ "MoneyInput"
716
+ ]
717
+ },
718
+ {
719
+ "name": "morph-select",
720
+ "import": "@teamofsilicons/silicon-ui/morph-select",
721
+ "title": "Morph select",
722
+ "description": "A select whose trigger grows into the list, with a gliding highlight and type-ahead.",
723
+ "exports": [
724
+ "MorphSelectOption",
725
+ "MorphSelectGroup",
726
+ "MorphSelectItem",
727
+ "MorphSelectProps",
728
+ "MorphSelect"
729
+ ]
730
+ },
731
+ {
732
+ "name": "multi-select",
733
+ "import": "@teamofsilicons/silicon-ui/multi-select",
734
+ "title": "Multi-select",
735
+ "description": "Select several values while keeping the field readable.",
736
+ "exports": [
737
+ "MultiSelectOption",
738
+ "MultiSelectProps",
739
+ "MultiSelect"
740
+ ]
741
+ },
742
+ {
743
+ "name": "notification-center",
744
+ "import": "@teamofsilicons/silicon-ui/notification-center",
745
+ "title": "Notification center",
746
+ "description": "A home for updates with read state, grouped information, and animated disclosure.",
747
+ "exports": [
748
+ "NotificationItem",
749
+ "NotificationCenterProps",
750
+ "NotificationCenter"
751
+ ]
752
+ },
753
+ {
754
+ "name": "number-field",
755
+ "import": "@teamofsilicons/silicon-ui/number-field",
756
+ "title": "Number field",
757
+ "description": "Enter a bounded number with clear increment controls.",
758
+ "exports": [
759
+ "NumberFieldAffix",
760
+ "NumberFieldProps",
761
+ "NumberFieldSize",
762
+ "NumberField"
763
+ ]
764
+ },
765
+ {
766
+ "name": "otp-input",
767
+ "import": "@teamofsilicons/silicon-ui/otp-input",
768
+ "title": "OTP input",
769
+ "description": "A six digit verification flow with paste support and keyboard navigation.",
770
+ "exports": [
771
+ "OtpInputProps",
772
+ "OtpInput"
773
+ ]
774
+ },
775
+ {
776
+ "name": "pagination",
777
+ "import": "@teamofsilicons/silicon-ui/pagination",
778
+ "title": "Pagination",
779
+ "description": "Move through a long collection with clear bounds.",
780
+ "exports": [
781
+ "PaginationProps",
782
+ "Pagination"
783
+ ]
784
+ },
785
+ {
786
+ "name": "password-field",
787
+ "import": "@teamofsilicons/silicon-ui/password-field",
788
+ "title": "Password field",
789
+ "description": "Capture sensitive text with a visible reveal control.",
790
+ "exports": [
791
+ "PasswordFieldMessages",
792
+ "defaultPasswordFieldMessages",
793
+ "PasswordFieldProps",
794
+ "PasswordField"
795
+ ]
796
+ },
797
+ {
798
+ "name": "password-strength",
799
+ "import": "@teamofsilicons/silicon-ui/password-strength",
800
+ "title": "Password strength",
801
+ "description": "Show how strong a new password is while it is typed.",
802
+ "exports": [
803
+ "PasswordRule",
804
+ "PasswordStrengthResult",
805
+ "PasswordStrengthLevels",
806
+ "PasswordStrengthMessages",
807
+ "defaultPasswordStrengthMessages",
808
+ "PasswordStrengthMessagesInput",
809
+ "PasswordStrengthProps",
810
+ "countCodePoints",
811
+ "PasswordRuleLabels",
812
+ "PasswordRuleOptions",
813
+ "createPasswordRules",
814
+ "defaultPasswordRules",
815
+ "EstimateStrengthOptions",
816
+ "estimateStrength",
817
+ "PasswordStrength"
818
+ ]
819
+ },
820
+ {
821
+ "name": "phone-input",
822
+ "import": "@teamofsilicons/silicon-ui/phone-input",
823
+ "title": "Phone input",
824
+ "description": "A phone field with a country picker, formatting as you type, and E.164 output.",
825
+ "exports": [
826
+ "PhoneCountry",
827
+ "PHONE_COUNTRIES",
828
+ "flagOf",
829
+ "formatNational",
830
+ "PhoneStatus",
831
+ "parsePhoneNumber",
832
+ "formatPhoneNumber",
833
+ "PhoneInputDetails",
834
+ "PhoneInputProps",
835
+ "PhoneInput"
836
+ ]
837
+ },
838
+ {
839
+ "name": "popover",
840
+ "import": "@teamofsilicons/silicon-ui/popover",
841
+ "title": "Popover",
842
+ "description": "A small anchored surface for contextual information.",
843
+ "exports": [
844
+ "Popover",
845
+ "PopoverClose",
846
+ "PopoverTrigger",
847
+ "PopoverContent"
848
+ ]
849
+ },
850
+ {
851
+ "name": "progress",
852
+ "import": "@teamofsilicons/silicon-ui/progress",
853
+ "title": "Progress",
854
+ "description": "Show how much of a known task is complete.",
855
+ "exports": [
856
+ "ProgressProps",
857
+ "Progress"
858
+ ]
859
+ },
860
+ {
861
+ "name": "radio-cards",
862
+ "import": "@teamofsilicons/silicon-ui/radio-cards",
863
+ "title": "Radio cards",
864
+ "description": "Selectable option cards with a sliding selection ring, price and description slots, and radio keyboard behavior.",
865
+ "exports": [
866
+ "RadioCardOption",
867
+ "RadioCardsProps",
868
+ "RadioCards"
869
+ ]
870
+ },
871
+ {
872
+ "name": "radio-group",
873
+ "import": "@teamofsilicons/silicon-ui/radio-group",
874
+ "title": "Radio group",
875
+ "description": "Choose one option from a visible set.",
876
+ "exports": [
877
+ "RadioGroupProps",
878
+ "RadioGroup"
879
+ ]
880
+ },
881
+ {
882
+ "name": "resizable-panels",
883
+ "import": "@teamofsilicons/silicon-ui/resizable-panels",
884
+ "title": "Resizable panels",
885
+ "description": "Trade space between panes by dragging the divider between them.",
886
+ "exports": [
887
+ "ResizablePanelProps",
888
+ "ResizablePanelsProps",
889
+ "ResizablePanel",
890
+ "ResizablePanels"
891
+ ]
892
+ },
893
+ {
894
+ "name": "rich-text-editor",
895
+ "import": "@teamofsilicons/silicon-ui/rich-text-editor",
896
+ "title": "Rich text editor",
897
+ "description": "A lightweight editor with markdown shortcuts, a floating toolbar, a slash menu, and HTML and markdown output.",
898
+ "exports": [
899
+ "BlockType",
900
+ "normalizeUrl",
901
+ "markdownToHtml",
902
+ "htmlToMarkdown",
903
+ "sanitizeHtml",
904
+ "RichTextValue",
905
+ "RichTextEditorHandle",
906
+ "RichTextEditorProps",
907
+ "RichTextEditor"
908
+ ]
909
+ },
910
+ {
911
+ "name": "ridgeline",
912
+ "import": "@teamofsilicons/silicon-ui/ridgeline",
913
+ "title": "Ridgeline",
914
+ "description": "Overlapping distributions, one ridge per group: hover to lift a ridge and read its quartiles, switch datasets and every curve morphs.",
915
+ "exports": [
916
+ "RidgelineSeries",
917
+ "RidgelineProps",
918
+ "Ridgeline"
919
+ ]
920
+ },
921
+ {
922
+ "name": "scroll-area",
923
+ "import": "@teamofsilicons/silicon-ui/scroll-area",
924
+ "title": "Scroll area",
925
+ "description": "A native scroll container with thin overlay scrollbars and edge fades that appear only when content overflows.",
926
+ "exports": [
927
+ "ScrollAreaEdges",
928
+ "ScrollAreaProps",
929
+ "ScrollArea"
930
+ ]
931
+ },
932
+ {
933
+ "name": "search-field",
934
+ "import": "@teamofsilicons/silicon-ui/search-field",
935
+ "title": "Search field",
936
+ "description": "A recognizable search entry point with clear affordances.",
937
+ "exports": [
938
+ "SearchFieldProps",
939
+ "SearchField"
940
+ ]
941
+ },
942
+ {
943
+ "name": "segmented-control",
944
+ "import": "@teamofsilicons/silicon-ui/segmented-control",
945
+ "title": "Segmented control",
946
+ "description": "Switch between a small set of related views.",
947
+ "exports": [
948
+ "Segment",
949
+ "SegmentedControlProps"
950
+ ]
951
+ },
952
+ {
953
+ "name": "select",
954
+ "import": "@teamofsilicons/silicon-ui/select",
955
+ "title": "Select",
956
+ "description": "A compact choice field with a keyboard friendly menu.",
957
+ "exports": [
958
+ "SelectProps",
959
+ "Select"
960
+ ]
961
+ },
962
+ {
963
+ "name": "shortcut-recorder",
964
+ "import": "@teamofsilicons/silicon-ui/shortcut-recorder",
965
+ "title": "Shortcut recorder",
966
+ "description": "Record key combinations into key caps, with conflict warnings, Kbd, and a searchable cheatsheet.",
967
+ "exports": [
968
+ "Platform",
969
+ "ShortcutToken",
970
+ "keyId",
971
+ "normalizeShortcut",
972
+ "shortcutFromEvent",
973
+ "matchesShortcut",
974
+ "shortcutTokens",
975
+ "formatShortcut",
976
+ "usePlatform",
977
+ "usePressedKeys",
978
+ "ShortcutKbdProps",
979
+ "ShortcutKbd",
980
+ "Kbd",
981
+ "KbdProps",
982
+ "ShortcutKeysProps",
983
+ "ShortcutKeys",
984
+ "ShortcutBinding",
985
+ "ShortcutRecorderProps",
986
+ "ShortcutRecorder",
987
+ "ShortcutListItem",
988
+ "ShortcutListGroup",
989
+ "ShortcutListProps",
990
+ "ShortcutList"
991
+ ]
992
+ },
993
+ {
994
+ "name": "signature-pad",
995
+ "import": "@teamofsilicons/silicon-ui/signature-pad",
996
+ "title": "Signature pad",
997
+ "description": "Smooth ink that thins with speed, with undo, replay, and PNG or SVG export.",
998
+ "exports": [
999
+ "InkPoint",
1000
+ "InkColor",
1001
+ "InkWidth",
1002
+ "InkStroke",
1003
+ "OutlineOptions",
1004
+ "PAD_WIDTH",
1005
+ "getStrokeOutline",
1006
+ "outlineToPath",
1007
+ "strokePath",
1008
+ "signatureToSvg",
1009
+ "signatureToPng",
1010
+ "SignaturePadProps",
1011
+ "SignaturePad"
1012
+ ]
1013
+ },
1014
+ {
1015
+ "name": "skeleton",
1016
+ "import": "@teamofsilicons/silicon-ui/skeleton",
1017
+ "title": "Skeleton",
1018
+ "description": "Reserve space while content is still loading.",
1019
+ "exports": [
1020
+ "SkeletonProps",
1021
+ "Skeleton"
1022
+ ]
1023
+ },
1024
+ {
1025
+ "name": "slider",
1026
+ "import": "@teamofsilicons/silicon-ui/slider",
1027
+ "title": "Slider",
1028
+ "description": "Pick a value or a range on a track that follows your finger.",
1029
+ "exports": [
1030
+ "SliderValue",
1031
+ "SliderMark",
1032
+ "SliderProps",
1033
+ "Slider"
1034
+ ]
1035
+ },
1036
+ {
1037
+ "name": "slope-chart",
1038
+ "import": "@teamofsilicons/silicon-ui/slope-chart",
1039
+ "title": "Slope chart",
1040
+ "description": "Before and after on two axes: lines draw in, rank moves sit beside each value, and switching datasets slides every line to its new slope.",
1041
+ "exports": [
1042
+ "SlopeItem",
1043
+ "SlopeChartProps",
1044
+ "SlopeChart"
1045
+ ]
1046
+ },
1047
+ {
1048
+ "name": "slot-text",
1049
+ "import": "@teamofsilicons/silicon-ui/slot-text",
1050
+ "title": "Slot text",
1051
+ "description": "Text and numbers that spin into their new value on staggered slot machine reels.",
1052
+ "exports": [
1053
+ "SlotTextProps",
1054
+ "SlotText"
1055
+ ]
1056
+ },
1057
+ {
1058
+ "name": "sortable-data-table",
1059
+ "import": "@teamofsilicons/silicon-ui/sortable-data-table",
1060
+ "title": "Sortable data table",
1061
+ "description": "Compare structured records with sortable columns.",
1062
+ "exports": [
1063
+ "SortDirection",
1064
+ "SortState",
1065
+ "DataColumn",
1066
+ "SortableDataTableProps",
1067
+ "SortableDataTable"
1068
+ ]
1069
+ },
1070
+ {
1071
+ "name": "sparkline",
1072
+ "import": "@teamofsilicons/silicon-ui/sparkline",
1073
+ "title": "Sparkline",
1074
+ "description": "Show a compact trend beside a value.",
1075
+ "exports": [
1076
+ "SparklineProps",
1077
+ "Sparkline"
1078
+ ]
1079
+ },
1080
+ {
1081
+ "name": "split-button",
1082
+ "import": "@teamofsilicons/silicon-ui/split-button",
1083
+ "title": "Split button",
1084
+ "description": "A primary action with a menu of nearby alternatives.",
1085
+ "exports": [
1086
+ "SplitButtonAction",
1087
+ "SplitButtonProps",
1088
+ "SplitButton"
1089
+ ]
1090
+ },
1091
+ {
1092
+ "name": "stepper",
1093
+ "import": "@teamofsilicons/silicon-ui/stepper",
1094
+ "title": "Stepper",
1095
+ "description": "Show where a person is in a multi-step flow and what is done.",
1096
+ "exports": [
1097
+ "StepperOrientation",
1098
+ "StepperStatus",
1099
+ "StepperStep",
1100
+ "StepperProps",
1101
+ "Stepper"
1102
+ ]
1103
+ },
1104
+ {
1105
+ "name": "streamgraph",
1106
+ "import": "@teamofsilicons/silicon-ui/streamgraph",
1107
+ "title": "Streamgraph",
1108
+ "description": "Layered streams on a wiggle baseline that morph between ranges, with a layer you can isolate and read week by week.",
1109
+ "exports": [
1110
+ "StreamgraphSeries",
1111
+ "StreamgraphDatum",
1112
+ "StreamgraphProps",
1113
+ "Streamgraph"
1114
+ ]
1115
+ },
1116
+ {
1117
+ "name": "swipe-actions",
1118
+ "import": "@teamofsilicons/silicon-ui/swipe-actions",
1119
+ "title": "Swipe actions",
1120
+ "description": "Reveal row actions with a swipe, or from the same actions in a menu.",
1121
+ "exports": [
1122
+ "SwipeAction",
1123
+ "SwipeActionsProps",
1124
+ "SwipeActionsRowProps",
1125
+ "SwipeActions",
1126
+ "SwipeActionsRow"
1127
+ ]
1128
+ },
1129
+ {
1130
+ "name": "switch",
1131
+ "import": "@teamofsilicons/silicon-ui/switch",
1132
+ "title": "Switch",
1133
+ "description": "A tactile toggle for settings that take effect immediately.",
1134
+ "exports": [
1135
+ "SwitchProps",
1136
+ "Switch"
1137
+ ]
1138
+ },
1139
+ {
1140
+ "name": "tabs",
1141
+ "import": "@teamofsilicons/silicon-ui/tabs",
1142
+ "title": "Tabs",
1143
+ "description": "Switch between related content in the same context.",
1144
+ "exports": [
1145
+ "Tabs",
1146
+ "TabsList",
1147
+ "TabsTrigger",
1148
+ "TabsContent"
1149
+ ]
1150
+ },
1151
+ {
1152
+ "name": "tag-input",
1153
+ "import": "@teamofsilicons/silicon-ui/tag-input",
1154
+ "title": "Tag input",
1155
+ "description": "Turn short text values into removable tags.",
1156
+ "exports": [
1157
+ "TagInputProps",
1158
+ "TagInput"
1159
+ ]
1160
+ },
1161
+ {
1162
+ "name": "text-morph",
1163
+ "import": "@teamofsilicons/silicon-ui/text-morph",
1164
+ "title": "Text morph",
1165
+ "description": "Morph a label into its next state, letter by letter.",
1166
+ "exports": [
1167
+ "TextMorphProps",
1168
+ "TextMorph"
1169
+ ]
1170
+ },
1171
+ {
1172
+ "name": "text-reveal",
1173
+ "import": "@teamofsilicons/silicon-ui/text-reveal",
1174
+ "title": "Text reveal",
1175
+ "description": "Reveal a short piece of content with restrained motion.",
1176
+ "exports": [
1177
+ "TextRevealProps",
1178
+ "TextReveal"
1179
+ ]
1180
+ },
1181
+ {
1182
+ "name": "text-shimmer",
1183
+ "import": "@teamofsilicons/silicon-ui/text-shimmer",
1184
+ "title": "Text shimmer",
1185
+ "description": "Show ongoing work with a calm light across the words.",
1186
+ "exports": [
1187
+ "TextShimmerProps",
1188
+ "TextShimmer"
1189
+ ]
1190
+ },
1191
+ {
1192
+ "name": "textarea",
1193
+ "import": "@teamofsilicons/silicon-ui/textarea",
1194
+ "title": "Textarea",
1195
+ "description": "A multiline field for notes, descriptions, and longer text.",
1196
+ "exports": [
1197
+ "TextareaProps",
1198
+ "Textarea"
1199
+ ]
1200
+ },
1201
+ {
1202
+ "name": "theme-switch",
1203
+ "import": "@teamofsilicons/silicon-ui/theme-switch",
1204
+ "title": "Theme switcher",
1205
+ "description": "Four smooth ways to move between light and dark appearance.",
1206
+ "exports": [
1207
+ "ThemeSwitchVariant",
1208
+ "Theme",
1209
+ "ThemeSwitchProps",
1210
+ "ThemeSwitch"
1211
+ ]
1212
+ },
1213
+ {
1214
+ "name": "time-picker",
1215
+ "import": "@teamofsilicons/silicon-ui/time-picker",
1216
+ "title": "Time picker",
1217
+ "description": "Choose a time with sensible keyboard behavior.",
1218
+ "exports": [
1219
+ "TimePickerProps",
1220
+ "TimePicker"
1221
+ ]
1222
+ },
1223
+ {
1224
+ "name": "timeline",
1225
+ "import": "@teamofsilicons/silicon-ui/timeline",
1226
+ "title": "Timeline",
1227
+ "description": "Follow what happened, newest first, grouped by day.",
1228
+ "exports": [
1229
+ "TimelineEvent",
1230
+ "TimelineProps",
1231
+ "Timeline"
1232
+ ]
1233
+ },
1234
+ {
1235
+ "name": "toast",
1236
+ "import": "@teamofsilicons/silicon-ui/toast",
1237
+ "title": "Toast",
1238
+ "description": "Brief confirmation for a completed background action.",
1239
+ "exports": [
1240
+ "ToastProps"
1241
+ ]
1242
+ },
1243
+ {
1244
+ "name": "toast-stack",
1245
+ "import": "@teamofsilicons/silicon-ui/toast-stack",
1246
+ "title": "Toast stack",
1247
+ "description": "Stack short results at the edge until you reach for them.",
1248
+ "exports": [
1249
+ "ToastType",
1250
+ "ToastAction",
1251
+ "ToastOptions",
1252
+ "ToastStackApi",
1253
+ "ToastStackProviderProps",
1254
+ "ToastStackProps",
1255
+ "ToastStackProvider",
1256
+ "useToastStack",
1257
+ "ToastStack"
1258
+ ]
1259
+ },
1260
+ {
1261
+ "name": "tooltip",
1262
+ "import": "@teamofsilicons/silicon-ui/tooltip",
1263
+ "title": "Tooltip",
1264
+ "description": "Short supporting text for unfamiliar controls.",
1265
+ "exports": [
1266
+ "TooltipProps",
1267
+ "Tooltip"
1268
+ ]
1269
+ },
1270
+ {
1271
+ "name": "tree-view",
1272
+ "import": "@teamofsilicons/silicon-ui/tree-view",
1273
+ "title": "Tree view",
1274
+ "description": "Navigate nested folders and structured content.",
1275
+ "exports": [
1276
+ "TreeNode",
1277
+ "TreeViewProps",
1278
+ "TreeView"
1279
+ ]
1280
+ },
1281
+ {
1282
+ "name": "treemap",
1283
+ "import": "@teamofsilicons/silicon-ui/treemap",
1284
+ "title": "Treemap",
1285
+ "description": "A squarified treemap: click to drill and the tiles grow to fill the view, with a breadcrumb back and metrics that morph every tile.",
1286
+ "exports": [
1287
+ "TreemapNode",
1288
+ "TreemapProps",
1289
+ "Treemap"
1290
+ ]
1291
+ },
1292
+ {
1293
+ "name": "usage-meter",
1294
+ "import": "@teamofsilicons/silicon-ui/usage-meter",
1295
+ "title": "Usage meter",
1296
+ "description": "Show what fills an allowance and how close it is to the limit.",
1297
+ "exports": [
1298
+ "UsageMeterSegment",
1299
+ "UsageMeterProps",
1300
+ "UsageMeter"
1301
+ ]
1302
+ },
1303
+ {
1304
+ "name": "user-menu",
1305
+ "import": "@teamofsilicons/silicon-ui/user-menu",
1306
+ "title": "User menu",
1307
+ "description": "Your account, settings, theme, and sign out behind the avatar. Opens as a bottom sheet on phones.",
1308
+ "exports": [
1309
+ "UserStatus",
1310
+ "ThemePreference",
1311
+ "userStatuses",
1312
+ "UserMenuUser",
1313
+ "UserMenuItem",
1314
+ "UserMenuProps",
1315
+ "PresenceDot",
1316
+ "UserMenu"
1317
+ ]
1318
+ },
1319
+ {
1320
+ "name": "waffle-chart",
1321
+ "import": "@teamofsilicons/silicon-ui/waffle-chart",
1322
+ "title": "Waffle chart",
1323
+ "description": "A ten by ten unit chart where every cell is one percent, and cells fly to their new group when the data changes.",
1324
+ "exports": [
1325
+ "WaffleCategory",
1326
+ "WaffleChartProps",
1327
+ "WaffleChart"
1328
+ ]
1329
+ }
1330
+ ]