snice 4.8.0 → 4.10.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 (864) hide show
  1. package/adapters/react/app-tiles.d.ts +28 -0
  2. package/adapters/react/app-tiles.d.ts.map +1 -0
  3. package/adapters/react/app-tiles.js +24 -0
  4. package/adapters/react/app-tiles.js.map +1 -0
  5. package/adapters/react/app-tiles.tsx +36 -0
  6. package/adapters/react/book.d.ts +28 -0
  7. package/adapters/react/book.d.ts.map +1 -0
  8. package/adapters/react/book.js +24 -0
  9. package/adapters/react/book.js.map +1 -0
  10. package/adapters/react/book.tsx +36 -0
  11. package/adapters/react/camera-annotate.d.ts +27 -0
  12. package/adapters/react/camera-annotate.d.ts.map +1 -0
  13. package/adapters/react/camera-annotate.js +24 -0
  14. package/adapters/react/camera-annotate.js.map +1 -0
  15. package/adapters/react/camera-annotate.tsx +35 -0
  16. package/adapters/react/candlestick.d.ts +34 -0
  17. package/adapters/react/candlestick.d.ts.map +1 -0
  18. package/adapters/react/candlestick.js +24 -0
  19. package/adapters/react/candlestick.js.map +1 -0
  20. package/adapters/react/candlestick.tsx +42 -0
  21. package/adapters/react/comments.d.ts +29 -0
  22. package/adapters/react/comments.d.ts.map +1 -0
  23. package/adapters/react/comments.js +24 -0
  24. package/adapters/react/comments.js.map +1 -0
  25. package/adapters/react/comments.tsx +37 -0
  26. package/adapters/react/components.d.ts +66 -0
  27. package/adapters/react/components.d.ts.map +1 -1
  28. package/adapters/react/components.js +33 -0
  29. package/adapters/react/components.js.map +1 -1
  30. package/adapters/react/components.ts +66 -0
  31. package/adapters/react/countdown.d.ts +31 -0
  32. package/adapters/react/countdown.d.ts.map +1 -0
  33. package/adapters/react/countdown.js +24 -0
  34. package/adapters/react/countdown.js.map +1 -0
  35. package/adapters/react/countdown.tsx +39 -0
  36. package/adapters/react/cropper.d.ts +29 -0
  37. package/adapters/react/cropper.d.ts.map +1 -0
  38. package/adapters/react/cropper.js +24 -0
  39. package/adapters/react/cropper.js.map +1 -0
  40. package/adapters/react/cropper.tsx +37 -0
  41. package/adapters/react/diff.d.ts +31 -0
  42. package/adapters/react/diff.d.ts.map +1 -0
  43. package/adapters/react/diff.js +24 -0
  44. package/adapters/react/diff.js.map +1 -0
  45. package/adapters/react/diff.tsx +39 -0
  46. package/adapters/react/flip-card.d.ts +28 -0
  47. package/adapters/react/flip-card.d.ts.map +1 -0
  48. package/adapters/react/flip-card.js +24 -0
  49. package/adapters/react/flip-card.js.map +1 -0
  50. package/adapters/react/flip-card.tsx +36 -0
  51. package/adapters/react/flow.d.ts +32 -0
  52. package/adapters/react/flow.d.ts.map +1 -0
  53. package/adapters/react/flow.js +24 -0
  54. package/adapters/react/flow.js.map +1 -0
  55. package/adapters/react/flow.tsx +40 -0
  56. package/adapters/react/funnel.d.ts +31 -0
  57. package/adapters/react/funnel.d.ts.map +1 -0
  58. package/adapters/react/funnel.js +24 -0
  59. package/adapters/react/funnel.js.map +1 -0
  60. package/adapters/react/funnel.tsx +39 -0
  61. package/adapters/react/gantt.d.ts +27 -0
  62. package/adapters/react/gantt.d.ts.map +1 -0
  63. package/adapters/react/gantt.js +24 -0
  64. package/adapters/react/gantt.js.map +1 -0
  65. package/adapters/react/gantt.tsx +35 -0
  66. package/adapters/react/map.d.ts +30 -0
  67. package/adapters/react/map.d.ts.map +1 -0
  68. package/adapters/react/map.js +24 -0
  69. package/adapters/react/map.js.map +1 -0
  70. package/adapters/react/map.tsx +38 -0
  71. package/adapters/react/markdown.d.ts +26 -0
  72. package/adapters/react/markdown.d.ts.map +1 -0
  73. package/adapters/react/markdown.js +24 -0
  74. package/adapters/react/markdown.js.map +1 -0
  75. package/adapters/react/markdown.tsx +34 -0
  76. package/adapters/react/network-graph.d.ts +32 -0
  77. package/adapters/react/network-graph.d.ts.map +1 -0
  78. package/adapters/react/network-graph.js +24 -0
  79. package/adapters/react/network-graph.js.map +1 -0
  80. package/adapters/react/network-graph.tsx +40 -0
  81. package/adapters/react/notification-center.d.ts +26 -0
  82. package/adapters/react/notification-center.d.ts.map +1 -0
  83. package/adapters/react/notification-center.js +24 -0
  84. package/adapters/react/notification-center.js.map +1 -0
  85. package/adapters/react/notification-center.tsx +34 -0
  86. package/adapters/react/org-chart.d.ts +28 -0
  87. package/adapters/react/org-chart.d.ts.map +1 -0
  88. package/adapters/react/org-chart.js +24 -0
  89. package/adapters/react/org-chart.js.map +1 -0
  90. package/adapters/react/org-chart.tsx +36 -0
  91. package/adapters/react/pdf-viewer.d.ts +28 -0
  92. package/adapters/react/pdf-viewer.d.ts.map +1 -0
  93. package/adapters/react/pdf-viewer.js +24 -0
  94. package/adapters/react/pdf-viewer.js.map +1 -0
  95. package/adapters/react/pdf-viewer.tsx +36 -0
  96. package/adapters/react/podcast-player.d.ts +40 -0
  97. package/adapters/react/podcast-player.d.ts.map +1 -0
  98. package/adapters/react/podcast-player.js +24 -0
  99. package/adapters/react/podcast-player.js.map +1 -0
  100. package/adapters/react/podcast-player.tsx +48 -0
  101. package/adapters/react/pricing-table.d.ts +27 -0
  102. package/adapters/react/pricing-table.d.ts.map +1 -0
  103. package/adapters/react/pricing-table.js +24 -0
  104. package/adapters/react/pricing-table.js.map +1 -0
  105. package/adapters/react/pricing-table.tsx +35 -0
  106. package/adapters/react/rating.d.ts +30 -0
  107. package/adapters/react/rating.d.ts.map +1 -0
  108. package/adapters/react/rating.js +24 -0
  109. package/adapters/react/rating.js.map +1 -0
  110. package/adapters/react/rating.tsx +38 -0
  111. package/adapters/react/recipe.d.ts +43 -0
  112. package/adapters/react/recipe.d.ts.map +1 -0
  113. package/adapters/react/recipe.js +24 -0
  114. package/adapters/react/recipe.js.map +1 -0
  115. package/adapters/react/recipe.tsx +51 -0
  116. package/adapters/react/sankey.d.ts +31 -0
  117. package/adapters/react/sankey.d.ts.map +1 -0
  118. package/adapters/react/sankey.js +24 -0
  119. package/adapters/react/sankey.js.map +1 -0
  120. package/adapters/react/sankey.tsx +39 -0
  121. package/adapters/react/sortable.d.ts +28 -0
  122. package/adapters/react/sortable.d.ts.map +1 -0
  123. package/adapters/react/sortable.js +24 -0
  124. package/adapters/react/sortable.js.map +1 -0
  125. package/adapters/react/sortable.tsx +36 -0
  126. package/adapters/react/spotlight.d.ts +27 -0
  127. package/adapters/react/spotlight.d.ts.map +1 -0
  128. package/adapters/react/spotlight.js +24 -0
  129. package/adapters/react/spotlight.js.map +1 -0
  130. package/adapters/react/spotlight.tsx +35 -0
  131. package/adapters/react/spreadsheet.d.ts +27 -0
  132. package/adapters/react/spreadsheet.d.ts.map +1 -0
  133. package/adapters/react/spreadsheet.js +24 -0
  134. package/adapters/react/spreadsheet.js.map +1 -0
  135. package/adapters/react/spreadsheet.tsx +35 -0
  136. package/adapters/react/tag-input.d.ts +33 -0
  137. package/adapters/react/tag-input.d.ts.map +1 -0
  138. package/adapters/react/tag-input.js +24 -0
  139. package/adapters/react/tag-input.js.map +1 -0
  140. package/adapters/react/tag-input.tsx +41 -0
  141. package/adapters/react/testimonial.d.ts +31 -0
  142. package/adapters/react/testimonial.d.ts.map +1 -0
  143. package/adapters/react/testimonial.js +24 -0
  144. package/adapters/react/testimonial.js.map +1 -0
  145. package/adapters/react/testimonial.tsx +39 -0
  146. package/adapters/react/time-range-picker.d.ts +33 -0
  147. package/adapters/react/time-range-picker.d.ts.map +1 -0
  148. package/adapters/react/time-range-picker.js +24 -0
  149. package/adapters/react/time-range-picker.js.map +1 -0
  150. package/adapters/react/time-range-picker.tsx +41 -0
  151. package/adapters/react/treemap.d.ts +30 -0
  152. package/adapters/react/treemap.d.ts.map +1 -0
  153. package/adapters/react/treemap.js +24 -0
  154. package/adapters/react/treemap.js.map +1 -0
  155. package/adapters/react/treemap.tsx +38 -0
  156. package/adapters/react/video-player.d.ts +34 -0
  157. package/adapters/react/video-player.d.ts.map +1 -0
  158. package/adapters/react/video-player.js +24 -0
  159. package/adapters/react/video-player.js.map +1 -0
  160. package/adapters/react/video-player.tsx +42 -0
  161. package/adapters/react/virtual-scroller.d.ts +1 -0
  162. package/adapters/react/virtual-scroller.d.ts.map +1 -1
  163. package/adapters/react/virtual-scroller.js +1 -1
  164. package/adapters/react/virtual-scroller.js.map +1 -1
  165. package/adapters/react/virtual-scroller.tsx +2 -1
  166. package/adapters/react/waterfall.d.ts +29 -0
  167. package/adapters/react/waterfall.d.ts.map +1 -0
  168. package/adapters/react/waterfall.js +24 -0
  169. package/adapters/react/waterfall.js.map +1 -0
  170. package/adapters/react/waterfall.tsx +37 -0
  171. package/adapters/react/weather.d.ts +27 -0
  172. package/adapters/react/weather.d.ts.map +1 -0
  173. package/adapters/react/weather.js +24 -0
  174. package/adapters/react/weather.js.map +1 -0
  175. package/adapters/react/weather.tsx +35 -0
  176. package/dist/cdn/accordion/snice-accordion.js +1 -1
  177. package/dist/cdn/accordion/snice-accordion.min.js +1 -1
  178. package/dist/cdn/alert/snice-alert.js +1 -1
  179. package/dist/cdn/alert/snice-alert.min.js +1 -1
  180. package/dist/cdn/app-tiles/README.md +27 -0
  181. package/dist/cdn/app-tiles/snice-app-tiles.js +333 -0
  182. package/dist/cdn/app-tiles/snice-app-tiles.js.map +1 -0
  183. package/dist/cdn/app-tiles/snice-app-tiles.min.js +11 -0
  184. package/dist/cdn/app-tiles/snice-app-tiles.min.js.map +1 -0
  185. package/dist/cdn/audio-recorder/snice-audio-recorder.js +1 -1
  186. package/dist/cdn/audio-recorder/snice-audio-recorder.min.js +1 -1
  187. package/dist/cdn/avatar/snice-avatar.js +1 -1
  188. package/dist/cdn/avatar/snice-avatar.min.js +1 -1
  189. package/dist/cdn/badge/snice-badge.js +1 -1
  190. package/dist/cdn/badge/snice-badge.min.js +1 -1
  191. package/dist/cdn/banner/snice-banner.js +1 -1
  192. package/dist/cdn/banner/snice-banner.min.js +1 -1
  193. package/dist/cdn/book/README.md +27 -0
  194. package/dist/cdn/book/snice-book.js +353 -0
  195. package/dist/cdn/book/snice-book.js.map +1 -0
  196. package/dist/cdn/book/snice-book.min.js +13 -0
  197. package/dist/cdn/book/snice-book.min.js.map +1 -0
  198. package/dist/cdn/breadcrumbs/snice-breadcrumbs.js +2 -2
  199. package/dist/cdn/breadcrumbs/snice-breadcrumbs.js.map +1 -1
  200. package/dist/cdn/breadcrumbs/snice-breadcrumbs.min.js +13 -13
  201. package/dist/cdn/breadcrumbs/snice-breadcrumbs.min.js.map +1 -1
  202. package/dist/cdn/button/snice-button.js +1 -1
  203. package/dist/cdn/button/snice-button.min.js +1 -1
  204. package/dist/cdn/calendar/snice-calendar.js +1 -1
  205. package/dist/cdn/calendar/snice-calendar.min.js +1 -1
  206. package/dist/cdn/camera/snice-camera.js +1 -1
  207. package/dist/cdn/camera/snice-camera.min.js +1 -1
  208. package/dist/cdn/camera-annotate/README.md +27 -0
  209. package/dist/cdn/camera-annotate/snice-camera-annotate.js +730 -0
  210. package/dist/cdn/camera-annotate/snice-camera-annotate.js.map +1 -0
  211. package/dist/cdn/camera-annotate/snice-camera-annotate.min.js +144 -0
  212. package/dist/cdn/camera-annotate/snice-camera-annotate.min.js.map +1 -0
  213. package/dist/cdn/candlestick/README.md +27 -0
  214. package/dist/cdn/candlestick/snice-candlestick.js +717 -0
  215. package/dist/cdn/candlestick/snice-candlestick.js.map +1 -0
  216. package/dist/cdn/candlestick/snice-candlestick.min.js +22 -0
  217. package/dist/cdn/candlestick/snice-candlestick.min.js.map +1 -0
  218. package/dist/cdn/card/snice-card.js +1 -1
  219. package/dist/cdn/card/snice-card.min.js +1 -1
  220. package/dist/cdn/carousel/snice-carousel.js +1 -1
  221. package/dist/cdn/carousel/snice-carousel.min.js +1 -1
  222. package/dist/cdn/chart/snice-chart.js +1 -1
  223. package/dist/cdn/chart/snice-chart.min.js +1 -1
  224. package/dist/cdn/chat/snice-chat.js +1 -1
  225. package/dist/cdn/chat/snice-chat.min.js +1 -1
  226. package/dist/cdn/checkbox/snice-checkbox.js +1 -1
  227. package/dist/cdn/checkbox/snice-checkbox.min.js +1 -1
  228. package/dist/cdn/chip/snice-chip.js +1 -1
  229. package/dist/cdn/chip/snice-chip.min.js +1 -1
  230. package/dist/cdn/code-block/snice-code-block.js +1 -1
  231. package/dist/cdn/code-block/snice-code-block.min.js +1 -1
  232. package/dist/cdn/color-display/snice-color-display.js +1 -1
  233. package/dist/cdn/color-display/snice-color-display.min.js +1 -1
  234. package/dist/cdn/color-picker/snice-color-picker.js +1 -1
  235. package/dist/cdn/color-picker/snice-color-picker.min.js +1 -1
  236. package/dist/cdn/command-palette/snice-command-palette.js +1 -1
  237. package/dist/cdn/command-palette/snice-command-palette.min.js +1 -1
  238. package/dist/cdn/comments/README.md +27 -0
  239. package/dist/cdn/comments/snice-comments.js +544 -0
  240. package/dist/cdn/comments/snice-comments.js.map +1 -0
  241. package/dist/cdn/comments/snice-comments.min.js +100 -0
  242. package/dist/cdn/comments/snice-comments.min.js.map +1 -0
  243. package/dist/cdn/countdown/README.md +27 -0
  244. package/dist/cdn/countdown/snice-countdown.js +235 -0
  245. package/dist/cdn/countdown/snice-countdown.js.map +1 -0
  246. package/dist/cdn/countdown/snice-countdown.min.js +14 -0
  247. package/dist/cdn/countdown/snice-countdown.min.js.map +1 -0
  248. package/dist/cdn/cropper/README.md +27 -0
  249. package/dist/cdn/cropper/snice-cropper.js +352 -0
  250. package/dist/cdn/cropper/snice-cropper.js.map +1 -0
  251. package/dist/cdn/cropper/snice-cropper.min.js +25 -0
  252. package/dist/cdn/cropper/snice-cropper.min.js.map +1 -0
  253. package/dist/cdn/date-picker/snice-date-picker.js +1 -1
  254. package/dist/cdn/date-picker/snice-date-picker.min.js +1 -1
  255. package/dist/cdn/diff/README.md +27 -0
  256. package/dist/cdn/diff/snice-diff.js +441 -0
  257. package/dist/cdn/diff/snice-diff.js.map +1 -0
  258. package/dist/cdn/diff/snice-diff.min.js +54 -0
  259. package/dist/cdn/diff/snice-diff.min.js.map +1 -0
  260. package/dist/cdn/divider/snice-divider.js +1 -1
  261. package/dist/cdn/divider/snice-divider.min.js +1 -1
  262. package/dist/cdn/doc/snice-doc.js +1 -1
  263. package/dist/cdn/doc/snice-doc.min.js +1 -1
  264. package/dist/cdn/draw/snice-draw.js +1 -1
  265. package/dist/cdn/draw/snice-draw.min.js +1 -1
  266. package/dist/cdn/drawer/snice-drawer.js +1 -1
  267. package/dist/cdn/drawer/snice-drawer.min.js +1 -1
  268. package/dist/cdn/empty-state/snice-empty-state.js +1 -1
  269. package/dist/cdn/empty-state/snice-empty-state.min.js +1 -1
  270. package/dist/cdn/file-gallery/snice-file-gallery.js +1 -1
  271. package/dist/cdn/file-gallery/snice-file-gallery.min.js +1 -1
  272. package/dist/cdn/file-upload/snice-file-upload.js +1 -1
  273. package/dist/cdn/file-upload/snice-file-upload.min.js +1 -1
  274. package/dist/cdn/flip-card/README.md +27 -0
  275. package/dist/cdn/flip-card/snice-flip-card.js +183 -0
  276. package/dist/cdn/flip-card/snice-flip-card.js.map +1 -0
  277. package/dist/cdn/flip-card/snice-flip-card.min.js +22 -0
  278. package/dist/cdn/flip-card/snice-flip-card.min.js.map +1 -0
  279. package/dist/cdn/flow/README.md +27 -0
  280. package/dist/cdn/flow/snice-flow.js +822 -0
  281. package/dist/cdn/flow/snice-flow.js.map +1 -0
  282. package/dist/cdn/flow/snice-flow.min.js +17 -0
  283. package/dist/cdn/flow/snice-flow.min.js.map +1 -0
  284. package/dist/cdn/funnel/README.md +27 -0
  285. package/dist/cdn/funnel/snice-funnel.js +424 -0
  286. package/dist/cdn/funnel/snice-funnel.js.map +1 -0
  287. package/dist/cdn/funnel/snice-funnel.min.js +20 -0
  288. package/dist/cdn/funnel/snice-funnel.min.js.map +1 -0
  289. package/dist/cdn/gantt/README.md +27 -0
  290. package/dist/cdn/gantt/snice-gantt.js +436 -0
  291. package/dist/cdn/gantt/snice-gantt.js.map +1 -0
  292. package/dist/cdn/gantt/snice-gantt.min.js +60 -0
  293. package/dist/cdn/gantt/snice-gantt.min.js.map +1 -0
  294. package/dist/cdn/gauge/snice-gauge.js +1 -1
  295. package/dist/cdn/gauge/snice-gauge.min.js +1 -1
  296. package/dist/cdn/heatmap/snice-heatmap.js +1 -1
  297. package/dist/cdn/heatmap/snice-heatmap.min.js +1 -1
  298. package/dist/cdn/image/snice-image.js +1 -1
  299. package/dist/cdn/image/snice-image.min.js +1 -1
  300. package/dist/cdn/input/snice-input.js +1 -1
  301. package/dist/cdn/input/snice-input.min.js +1 -1
  302. package/dist/cdn/kanban/snice-kanban.js +1 -1
  303. package/dist/cdn/kanban/snice-kanban.min.js +1 -1
  304. package/dist/cdn/kpi/snice-kpi.js +1 -1
  305. package/dist/cdn/kpi/snice-kpi.min.js +1 -1
  306. package/dist/cdn/layout/README.md +2 -2
  307. package/dist/cdn/layout/snice-layout.js +23 -6
  308. package/dist/cdn/layout/snice-layout.js.map +1 -1
  309. package/dist/cdn/layout/snice-layout.min.js +2 -2
  310. package/dist/cdn/layout/snice-layout.min.js.map +1 -1
  311. package/dist/cdn/link/snice-link.js +1 -1
  312. package/dist/cdn/link/snice-link.min.js +1 -1
  313. package/dist/cdn/link-preview/snice-link-preview.js +1 -1
  314. package/dist/cdn/link-preview/snice-link-preview.min.js +1 -1
  315. package/dist/cdn/list/README.md +6 -2
  316. package/dist/cdn/list/snice-list.js +87 -10
  317. package/dist/cdn/list/snice-list.js.map +1 -1
  318. package/dist/cdn/list/snice-list.min.js +20 -6
  319. package/dist/cdn/list/snice-list.min.js.map +1 -1
  320. package/dist/cdn/location/snice-location.js +1 -1
  321. package/dist/cdn/location/snice-location.min.js +1 -1
  322. package/dist/cdn/login/snice-login.js +1 -1
  323. package/dist/cdn/login/snice-login.min.js +1 -1
  324. package/dist/cdn/map/README.md +27 -0
  325. package/dist/cdn/map/snice-map.js +415 -0
  326. package/dist/cdn/map/snice-map.js.map +1 -0
  327. package/dist/cdn/map/snice-map.min.js +52 -0
  328. package/dist/cdn/map/snice-map.min.js.map +1 -0
  329. package/dist/cdn/markdown/README.md +27 -0
  330. package/dist/cdn/markdown/snice-markdown.js +317 -0
  331. package/dist/cdn/markdown/snice-markdown.js.map +1 -0
  332. package/dist/cdn/markdown/snice-markdown.min.js +11 -0
  333. package/dist/cdn/markdown/snice-markdown.min.js.map +1 -0
  334. package/dist/cdn/masonry/snice-masonry.js +1 -1
  335. package/dist/cdn/masonry/snice-masonry.min.js +1 -1
  336. package/dist/cdn/menu/snice-menu.js +1 -1
  337. package/dist/cdn/menu/snice-menu.min.js +1 -1
  338. package/dist/cdn/modal/snice-modal.js +1 -1
  339. package/dist/cdn/modal/snice-modal.min.js +1 -1
  340. package/dist/cdn/music-player/snice-music-player.js +1 -1
  341. package/dist/cdn/music-player/snice-music-player.min.js +1 -1
  342. package/dist/cdn/nav/README.md +2 -2
  343. package/dist/cdn/nav/snice-nav.js +23 -6
  344. package/dist/cdn/nav/snice-nav.js.map +1 -1
  345. package/dist/cdn/nav/snice-nav.min.js +2 -2
  346. package/dist/cdn/nav/snice-nav.min.js.map +1 -1
  347. package/dist/cdn/network-graph/README.md +27 -0
  348. package/dist/cdn/network-graph/snice-network-graph.js +788 -0
  349. package/dist/cdn/network-graph/snice-network-graph.js.map +1 -0
  350. package/dist/cdn/network-graph/snice-network-graph.min.js +13 -0
  351. package/dist/cdn/network-graph/snice-network-graph.min.js.map +1 -0
  352. package/dist/cdn/notification-center/README.md +27 -0
  353. package/dist/cdn/notification-center/snice-notification-center.js +204 -0
  354. package/dist/cdn/notification-center/snice-notification-center.js.map +1 -0
  355. package/dist/cdn/notification-center/snice-notification-center.min.js +33 -0
  356. package/dist/cdn/notification-center/snice-notification-center.min.js.map +1 -0
  357. package/dist/cdn/org-chart/README.md +27 -0
  358. package/dist/cdn/org-chart/snice-org-chart.js +294 -0
  359. package/dist/cdn/org-chart/snice-org-chart.js.map +1 -0
  360. package/dist/cdn/org-chart/snice-org-chart.min.js +32 -0
  361. package/dist/cdn/org-chart/snice-org-chart.min.js.map +1 -0
  362. package/dist/cdn/pagination/README.md +2 -2
  363. package/dist/cdn/pagination/snice-pagination.js +13 -13
  364. package/dist/cdn/pagination/snice-pagination.js.map +1 -1
  365. package/dist/cdn/pagination/snice-pagination.min.js +14 -14
  366. package/dist/cdn/pagination/snice-pagination.min.js.map +1 -1
  367. package/dist/cdn/paint/snice-paint.js +1 -1
  368. package/dist/cdn/paint/snice-paint.min.js +1 -1
  369. package/dist/cdn/pdf-viewer/README.md +27 -0
  370. package/dist/cdn/pdf-viewer/snice-pdf-viewer.js +594 -0
  371. package/dist/cdn/pdf-viewer/snice-pdf-viewer.js.map +1 -0
  372. package/dist/cdn/pdf-viewer/snice-pdf-viewer.min.js +88 -0
  373. package/dist/cdn/pdf-viewer/snice-pdf-viewer.min.js.map +1 -0
  374. package/dist/cdn/podcast-player/README.md +27 -0
  375. package/dist/cdn/podcast-player/snice-podcast-player.js +835 -0
  376. package/dist/cdn/podcast-player/snice-podcast-player.js.map +1 -0
  377. package/dist/cdn/podcast-player/snice-podcast-player.min.js +209 -0
  378. package/dist/cdn/podcast-player/snice-podcast-player.min.js.map +1 -0
  379. package/dist/cdn/pricing-table/README.md +27 -0
  380. package/dist/cdn/pricing-table/snice-pricing-table.js +491 -0
  381. package/dist/cdn/pricing-table/snice-pricing-table.js.map +1 -0
  382. package/dist/cdn/pricing-table/snice-pricing-table.min.js +141 -0
  383. package/dist/cdn/pricing-table/snice-pricing-table.min.js.map +1 -0
  384. package/dist/cdn/progress/snice-progress.js +1 -1
  385. package/dist/cdn/progress/snice-progress.min.js +1 -1
  386. package/dist/cdn/qr-code/snice-qr-code.js +1 -1
  387. package/dist/cdn/qr-code/snice-qr-code.min.js +1 -1
  388. package/dist/cdn/qr-reader/snice-qr-reader.js +1 -1
  389. package/dist/cdn/qr-reader/snice-qr-reader.min.js +1 -1
  390. package/dist/cdn/radio/snice-radio.js +1 -1
  391. package/dist/cdn/radio/snice-radio.min.js +1 -1
  392. package/dist/cdn/rating/README.md +27 -0
  393. package/dist/cdn/rating/snice-rating.js +210 -0
  394. package/dist/cdn/rating/snice-rating.js.map +1 -0
  395. package/dist/cdn/rating/snice-rating.min.js +25 -0
  396. package/dist/cdn/rating/snice-rating.min.js.map +1 -0
  397. package/dist/cdn/recipe/README.md +27 -0
  398. package/dist/cdn/recipe/snice-recipe.js +619 -0
  399. package/dist/cdn/recipe/snice-recipe.js.map +1 -0
  400. package/dist/cdn/recipe/snice-recipe.min.js +185 -0
  401. package/dist/cdn/recipe/snice-recipe.min.js.map +1 -0
  402. package/dist/cdn/runtime/snice-runtime.esm.js +3 -3
  403. package/dist/cdn/runtime/snice-runtime.esm.js.map +1 -1
  404. package/dist/cdn/runtime/snice-runtime.esm.min.js +3 -3
  405. package/dist/cdn/runtime/snice-runtime.esm.min.js.map +1 -1
  406. package/dist/cdn/runtime/snice-runtime.js +3 -3
  407. package/dist/cdn/runtime/snice-runtime.js.map +1 -1
  408. package/dist/cdn/runtime/snice-runtime.min.js +3 -3
  409. package/dist/cdn/runtime/snice-runtime.min.js.map +1 -1
  410. package/dist/cdn/sankey/README.md +27 -0
  411. package/dist/cdn/sankey/snice-sankey.js +679 -0
  412. package/dist/cdn/sankey/snice-sankey.js.map +1 -0
  413. package/dist/cdn/sankey/snice-sankey.min.js +21 -0
  414. package/dist/cdn/sankey/snice-sankey.min.js.map +1 -0
  415. package/dist/cdn/select/snice-select.js +1 -1
  416. package/dist/cdn/select/snice-select.min.js +1 -1
  417. package/dist/cdn/skeleton/snice-skeleton.js +1 -1
  418. package/dist/cdn/skeleton/snice-skeleton.min.js +1 -1
  419. package/dist/cdn/slider/snice-slider.js +1 -1
  420. package/dist/cdn/slider/snice-slider.min.js +1 -1
  421. package/dist/cdn/sortable/README.md +27 -0
  422. package/dist/cdn/sortable/snice-sortable.js +254 -0
  423. package/dist/cdn/sortable/snice-sortable.js.map +1 -0
  424. package/dist/cdn/sortable/snice-sortable.min.js +12 -0
  425. package/dist/cdn/sortable/snice-sortable.min.js.map +1 -0
  426. package/dist/cdn/sparkline/snice-sparkline.js +1 -1
  427. package/dist/cdn/sparkline/snice-sparkline.min.js +1 -1
  428. package/dist/cdn/spinner/snice-spinner.js +1 -1
  429. package/dist/cdn/spinner/snice-spinner.min.js +1 -1
  430. package/dist/cdn/split-pane/snice-split-pane.js +1 -1
  431. package/dist/cdn/split-pane/snice-split-pane.min.js +1 -1
  432. package/dist/cdn/spotlight/README.md +27 -0
  433. package/dist/cdn/spotlight/snice-spotlight.js +397 -0
  434. package/dist/cdn/spotlight/snice-spotlight.js.map +1 -0
  435. package/dist/cdn/spotlight/snice-spotlight.min.js +8 -0
  436. package/dist/cdn/spotlight/snice-spotlight.min.js.map +1 -0
  437. package/dist/cdn/spreadsheet/README.md +27 -0
  438. package/dist/cdn/spreadsheet/snice-spreadsheet.js +1171 -0
  439. package/dist/cdn/spreadsheet/snice-spreadsheet.js.map +1 -0
  440. package/dist/cdn/spreadsheet/snice-spreadsheet.min.js +30 -0
  441. package/dist/cdn/spreadsheet/snice-spreadsheet.min.js.map +1 -0
  442. package/dist/cdn/stepper/README.md +6 -2
  443. package/dist/cdn/stepper/snice-stepper.js +77 -10
  444. package/dist/cdn/stepper/snice-stepper.js.map +1 -1
  445. package/dist/cdn/stepper/snice-stepper.min.js +13 -9
  446. package/dist/cdn/stepper/snice-stepper.min.js.map +1 -1
  447. package/dist/cdn/switch/snice-switch.js +1 -1
  448. package/dist/cdn/switch/snice-switch.min.js +1 -1
  449. package/dist/cdn/table/snice-table.js +1 -1
  450. package/dist/cdn/table/snice-table.min.js +1 -1
  451. package/dist/cdn/tabs/snice-tabs.js +1 -1
  452. package/dist/cdn/tabs/snice-tabs.min.js +1 -1
  453. package/dist/cdn/tag-input/README.md +27 -0
  454. package/dist/cdn/tag-input/snice-tag-input.js +387 -0
  455. package/dist/cdn/tag-input/snice-tag-input.js.map +1 -0
  456. package/dist/cdn/tag-input/snice-tag-input.min.js +65 -0
  457. package/dist/cdn/tag-input/snice-tag-input.min.js.map +1 -0
  458. package/dist/cdn/terminal/snice-terminal.js +1 -1
  459. package/dist/cdn/terminal/snice-terminal.min.js +1 -1
  460. package/dist/cdn/testimonial/README.md +27 -0
  461. package/dist/cdn/testimonial/snice-testimonial.js +187 -0
  462. package/dist/cdn/testimonial/snice-testimonial.js.map +1 -0
  463. package/dist/cdn/testimonial/snice-testimonial.min.js +21 -0
  464. package/dist/cdn/testimonial/snice-testimonial.min.js.map +1 -0
  465. package/dist/cdn/textarea/snice-textarea.js +1 -1
  466. package/dist/cdn/textarea/snice-textarea.min.js +1 -1
  467. package/dist/cdn/time-range-picker/README.md +27 -0
  468. package/dist/cdn/time-range-picker/snice-time-range-picker.js +635 -0
  469. package/dist/cdn/time-range-picker/snice-time-range-picker.js.map +1 -0
  470. package/dist/cdn/time-range-picker/snice-time-range-picker.min.js +34 -0
  471. package/dist/cdn/time-range-picker/snice-time-range-picker.min.js.map +1 -0
  472. package/dist/cdn/timeline/snice-timeline.js +1 -1
  473. package/dist/cdn/timeline/snice-timeline.min.js +1 -1
  474. package/dist/cdn/timer/snice-timer.js +1 -1
  475. package/dist/cdn/timer/snice-timer.min.js +1 -1
  476. package/dist/cdn/toast/snice-toast.js +1 -1
  477. package/dist/cdn/toast/snice-toast.min.js +1 -1
  478. package/dist/cdn/tooltip/snice-tooltip.js +1 -1
  479. package/dist/cdn/tooltip/snice-tooltip.min.js +1 -1
  480. package/dist/cdn/tree/README.md +5 -1
  481. package/dist/cdn/tree/snice-tree.js +4 -8
  482. package/dist/cdn/tree/snice-tree.js.map +1 -1
  483. package/dist/cdn/tree/snice-tree.min.js +5 -5
  484. package/dist/cdn/tree/snice-tree.min.js.map +1 -1
  485. package/dist/cdn/treemap/README.md +27 -0
  486. package/dist/cdn/treemap/snice-treemap.js +522 -0
  487. package/dist/cdn/treemap/snice-treemap.js.map +1 -0
  488. package/dist/cdn/treemap/snice-treemap.min.js +14 -0
  489. package/dist/cdn/treemap/snice-treemap.min.js.map +1 -0
  490. package/dist/cdn/video-player/README.md +27 -0
  491. package/dist/cdn/video-player/snice-video-player.js +721 -0
  492. package/dist/cdn/video-player/snice-video-player.js.map +1 -0
  493. package/dist/cdn/video-player/snice-video-player.min.js +153 -0
  494. package/dist/cdn/video-player/snice-video-player.min.js.map +1 -0
  495. package/dist/cdn/virtual-scroller/README.md +2 -2
  496. package/dist/cdn/virtual-scroller/snice-virtual-scroller.js +47 -16
  497. package/dist/cdn/virtual-scroller/snice-virtual-scroller.js.map +1 -1
  498. package/dist/cdn/virtual-scroller/snice-virtual-scroller.min.js +9 -9
  499. package/dist/cdn/virtual-scroller/snice-virtual-scroller.min.js.map +1 -1
  500. package/dist/cdn/waterfall/README.md +27 -0
  501. package/dist/cdn/waterfall/snice-waterfall.js +292 -0
  502. package/dist/cdn/waterfall/snice-waterfall.js.map +1 -0
  503. package/dist/cdn/waterfall/snice-waterfall.min.js +12 -0
  504. package/dist/cdn/waterfall/snice-waterfall.min.js.map +1 -0
  505. package/dist/cdn/weather/README.md +27 -0
  506. package/dist/cdn/weather/snice-weather.js +194 -0
  507. package/dist/cdn/weather/snice-weather.js.map +1 -0
  508. package/dist/cdn/weather/snice-weather.min.js +42 -0
  509. package/dist/cdn/weather/snice-weather.min.js.map +1 -0
  510. package/dist/components/app-tiles/snice-app-tiles.d.ts +36 -0
  511. package/dist/components/app-tiles/snice-app-tiles.js +265 -0
  512. package/dist/components/app-tiles/snice-app-tiles.js.map +1 -0
  513. package/dist/components/app-tiles/snice-app-tiles.types.d.ts +22 -0
  514. package/dist/components/book/snice-book.d.ts +46 -0
  515. package/dist/components/book/snice-book.js +285 -0
  516. package/dist/components/book/snice-book.js.map +1 -0
  517. package/dist/components/book/snice-book.types.d.ts +21 -0
  518. package/dist/components/breadcrumbs/snice-breadcrumbs.js +1 -1
  519. package/dist/components/breadcrumbs/snice-breadcrumbs.js.map +1 -1
  520. package/dist/components/camera-annotate/snice-camera-annotate.d.ts +68 -0
  521. package/dist/components/camera-annotate/snice-camera-annotate.js +663 -0
  522. package/dist/components/camera-annotate/snice-camera-annotate.js.map +1 -0
  523. package/dist/components/camera-annotate/snice-camera-annotate.types.d.ts +50 -0
  524. package/dist/components/candlestick/snice-candlestick.d.ts +78 -0
  525. package/dist/components/candlestick/snice-candlestick.js +650 -0
  526. package/dist/components/candlestick/snice-candlestick.js.map +1 -0
  527. package/dist/components/candlestick/snice-candlestick.types.d.ts +40 -0
  528. package/dist/components/comments/snice-comments.d.ts +62 -0
  529. package/dist/components/comments/snice-comments.js +476 -0
  530. package/dist/components/comments/snice-comments.js.map +1 -0
  531. package/dist/components/comments/snice-comments.types.d.ts +64 -0
  532. package/dist/components/countdown/snice-countdown.d.ts +21 -0
  533. package/dist/components/countdown/snice-countdown.js +168 -0
  534. package/dist/components/countdown/snice-countdown.js.map +1 -0
  535. package/dist/components/countdown/snice-countdown.types.d.ts +18 -0
  536. package/dist/components/cropper/snice-cropper.d.ts +32 -0
  537. package/dist/components/cropper/snice-cropper.js +285 -0
  538. package/dist/components/cropper/snice-cropper.js.map +1 -0
  539. package/dist/components/cropper/snice-cropper.types.d.ts +26 -0
  540. package/dist/components/diff/snice-diff.d.ts +32 -0
  541. package/dist/components/diff/snice-diff.js +374 -0
  542. package/dist/components/diff/snice-diff.js.map +1 -0
  543. package/dist/components/diff/snice-diff.types.d.ts +26 -0
  544. package/dist/components/flip-card/snice-flip-card.d.ts +15 -0
  545. package/dist/components/flip-card/snice-flip-card.js +116 -0
  546. package/dist/components/flip-card/snice-flip-card.js.map +1 -0
  547. package/dist/components/flip-card/snice-flip-card.types.d.ts +16 -0
  548. package/dist/components/flow/snice-flow.d.ts +91 -0
  549. package/dist/components/flow/snice-flow.js +755 -0
  550. package/dist/components/flow/snice-flow.js.map +1 -0
  551. package/dist/components/flow/snice-flow.types.d.ts +64 -0
  552. package/dist/components/funnel/snice-funnel.d.ts +37 -0
  553. package/dist/components/funnel/snice-funnel.js +357 -0
  554. package/dist/components/funnel/snice-funnel.js.map +1 -0
  555. package/dist/components/funnel/snice-funnel.types.d.ts +28 -0
  556. package/dist/components/gantt/snice-gantt.d.ts +34 -0
  557. package/dist/components/gantt/snice-gantt.js +369 -0
  558. package/dist/components/gantt/snice-gantt.js.map +1 -0
  559. package/dist/components/gantt/snice-gantt.types.d.ts +37 -0
  560. package/dist/components/list/snice-list-item.d.ts +2 -0
  561. package/dist/components/list/snice-list-item.js +20 -2
  562. package/dist/components/list/snice-list-item.js.map +1 -1
  563. package/dist/components/map/snice-map.d.ts +44 -0
  564. package/dist/components/map/snice-map.js +348 -0
  565. package/dist/components/map/snice-map.js.map +1 -0
  566. package/dist/components/map/snice-map.types.d.ts +41 -0
  567. package/dist/components/markdown/snice-markdown.d.ts +24 -0
  568. package/dist/components/markdown/snice-markdown.js +250 -0
  569. package/dist/components/markdown/snice-markdown.js.map +1 -0
  570. package/dist/components/markdown/snice-markdown.types.d.ts +16 -0
  571. package/dist/components/nav/snice-nav.js +22 -5
  572. package/dist/components/nav/snice-nav.js.map +1 -1
  573. package/dist/components/network-graph/snice-network-graph.d.ts +80 -0
  574. package/dist/components/network-graph/snice-network-graph.js +721 -0
  575. package/dist/components/network-graph/snice-network-graph.js.map +1 -0
  576. package/dist/components/network-graph/snice-network-graph.types.d.ts +49 -0
  577. package/dist/components/notification-center/snice-notification-center.d.ts +18 -0
  578. package/dist/components/notification-center/snice-notification-center.js +137 -0
  579. package/dist/components/notification-center/snice-notification-center.js.map +1 -0
  580. package/dist/components/notification-center/snice-notification-center.types.d.ts +24 -0
  581. package/dist/components/org-chart/snice-org-chart.d.ts +28 -0
  582. package/dist/components/org-chart/snice-org-chart.js +227 -0
  583. package/dist/components/org-chart/snice-org-chart.js.map +1 -0
  584. package/dist/components/org-chart/snice-org-chart.types.d.ts +28 -0
  585. package/dist/components/pagination/snice-pagination.js +12 -12
  586. package/dist/components/pdf-viewer/pdf.min.mjs +21 -0
  587. package/dist/components/pdf-viewer/pdf.worker.min.mjs +21 -0
  588. package/dist/components/pdf-viewer/snice-pdf-viewer.d.ts +59 -0
  589. package/dist/components/pdf-viewer/snice-pdf-viewer.js +527 -0
  590. package/dist/components/pdf-viewer/snice-pdf-viewer.js.map +1 -0
  591. package/dist/components/pdf-viewer/snice-pdf-viewer.types.d.ts +25 -0
  592. package/dist/components/podcast-player/snice-podcast-player.d.ts +72 -0
  593. package/dist/components/podcast-player/snice-podcast-player.js +768 -0
  594. package/dist/components/podcast-player/snice-podcast-player.js.map +1 -0
  595. package/dist/components/podcast-player/snice-podcast-player.types.d.ts +79 -0
  596. package/dist/components/pricing-table/snice-pricing-table.d.ts +51 -0
  597. package/dist/components/pricing-table/snice-pricing-table.js +422 -0
  598. package/dist/components/pricing-table/snice-pricing-table.js.map +1 -0
  599. package/dist/components/pricing-table/snice-pricing-table.types.d.ts +49 -0
  600. package/dist/components/rating/snice-rating.d.ts +15 -0
  601. package/dist/components/rating/snice-rating.js +143 -0
  602. package/dist/components/rating/snice-rating.js.map +1 -0
  603. package/dist/components/rating/snice-rating.types.d.ts +15 -0
  604. package/dist/components/recipe/snice-recipe.d.ts +53 -0
  605. package/dist/components/recipe/snice-recipe.js +552 -0
  606. package/dist/components/recipe/snice-recipe.js.map +1 -0
  607. package/dist/components/recipe/snice-recipe.types.d.ts +56 -0
  608. package/dist/components/sankey/snice-sankey.d.ts +46 -0
  609. package/dist/components/sankey/snice-sankey.js +612 -0
  610. package/dist/components/sankey/snice-sankey.js.map +1 -0
  611. package/dist/components/sankey/snice-sankey.types.d.ts +59 -0
  612. package/dist/components/sortable/snice-sortable.d.ts +24 -0
  613. package/dist/components/sortable/snice-sortable.js +187 -0
  614. package/dist/components/sortable/snice-sortable.js.map +1 -0
  615. package/dist/components/sortable/snice-sortable.types.d.ts +20 -0
  616. package/dist/components/spotlight/snice-spotlight.d.ts +42 -0
  617. package/dist/components/spotlight/snice-spotlight.js +330 -0
  618. package/dist/components/spotlight/snice-spotlight.js.map +1 -0
  619. package/dist/components/spotlight/snice-spotlight.types.d.ts +26 -0
  620. package/dist/components/spreadsheet/snice-spreadsheet.d.ts +102 -0
  621. package/dist/components/spreadsheet/snice-spreadsheet.js +1104 -0
  622. package/dist/components/spreadsheet/snice-spreadsheet.js.map +1 -0
  623. package/dist/components/spreadsheet/snice-spreadsheet.types.d.ts +54 -0
  624. package/dist/components/stepper/snice-stepper.js +9 -3
  625. package/dist/components/stepper/snice-stepper.js.map +1 -1
  626. package/dist/components/tag-input/snice-tag-input.d.ts +40 -0
  627. package/dist/components/tag-input/snice-tag-input.js +320 -0
  628. package/dist/components/tag-input/snice-tag-input.js.map +1 -0
  629. package/dist/components/tag-input/snice-tag-input.types.d.ts +29 -0
  630. package/dist/components/testimonial/snice-testimonial.d.ts +15 -0
  631. package/dist/components/testimonial/snice-testimonial.js +120 -0
  632. package/dist/components/testimonial/snice-testimonial.js.map +1 -0
  633. package/dist/components/testimonial/snice-testimonial.types.d.ts +10 -0
  634. package/dist/components/time-range-picker/snice-time-range-picker.d.ts +67 -0
  635. package/dist/components/time-range-picker/snice-time-range-picker.js +568 -0
  636. package/dist/components/time-range-picker/snice-time-range-picker.js.map +1 -0
  637. package/dist/components/time-range-picker/snice-time-range-picker.types.d.ts +39 -0
  638. package/dist/components/treemap/snice-treemap.d.ts +49 -0
  639. package/dist/components/treemap/snice-treemap.js +455 -0
  640. package/dist/components/treemap/snice-treemap.js.map +1 -0
  641. package/dist/components/treemap/snice-treemap.types.d.ts +42 -0
  642. package/dist/components/video-player/snice-video-player.d.ts +78 -0
  643. package/dist/components/video-player/snice-video-player.js +654 -0
  644. package/dist/components/video-player/snice-video-player.js.map +1 -0
  645. package/dist/components/video-player/snice-video-player.types.d.ts +47 -0
  646. package/dist/components/virtual-scroller/snice-virtual-scroller.d.ts +5 -0
  647. package/dist/components/virtual-scroller/snice-virtual-scroller.js +47 -16
  648. package/dist/components/virtual-scroller/snice-virtual-scroller.js.map +1 -1
  649. package/dist/components/waterfall/snice-waterfall.d.ts +30 -0
  650. package/dist/components/waterfall/snice-waterfall.js +225 -0
  651. package/dist/components/waterfall/snice-waterfall.js.map +1 -0
  652. package/dist/components/waterfall/snice-waterfall.types.d.ts +23 -0
  653. package/dist/components/weather/snice-weather.d.ts +10 -0
  654. package/dist/components/weather/snice-weather.js +127 -0
  655. package/dist/components/weather/snice-weather.js.map +1 -0
  656. package/dist/components/weather/snice-weather.types.d.ts +22 -0
  657. package/dist/index.cjs +1 -1
  658. package/dist/index.cjs.map +1 -1
  659. package/dist/index.esm.js +1 -1
  660. package/dist/index.esm.js.map +1 -1
  661. package/dist/index.iife.js +1 -1
  662. package/dist/index.iife.js.map +1 -1
  663. package/dist/symbols.cjs +1 -1
  664. package/dist/symbols.esm.js +1 -1
  665. package/dist/transitions.cjs +1 -1
  666. package/dist/transitions.esm.js +1 -1
  667. package/docs/ai/DEVELOPMENT.md +1 -1
  668. package/docs/ai/api.md +6 -3
  669. package/docs/ai/components/accordion.md +0 -34
  670. package/docs/ai/components/app-tiles.md +77 -0
  671. package/docs/ai/components/audio-recorder.md +2 -0
  672. package/docs/ai/components/badge.md +7 -0
  673. package/docs/ai/components/book.md +78 -0
  674. package/docs/ai/components/button.md +5 -0
  675. package/docs/ai/components/camera-annotate.md +82 -0
  676. package/docs/ai/components/candlestick.md +79 -0
  677. package/docs/ai/components/chart.md +0 -24
  678. package/docs/ai/components/chat.md +7 -95
  679. package/docs/ai/components/code-block.md +3 -82
  680. package/docs/ai/components/color-display.md +3 -3
  681. package/docs/ai/components/color-picker.md +4 -4
  682. package/docs/ai/components/comments.md +75 -0
  683. package/docs/ai/components/countdown.md +54 -0
  684. package/docs/ai/components/cropper.md +57 -0
  685. package/docs/ai/components/date-picker.md +15 -9
  686. package/docs/ai/components/diff.md +66 -0
  687. package/docs/ai/components/divider.md +1 -1
  688. package/docs/ai/components/draw.md +5 -5
  689. package/docs/ai/components/drawer.md +5 -5
  690. package/docs/ai/components/empty-state.md +2 -2
  691. package/docs/ai/components/file-gallery.md +16 -87
  692. package/docs/ai/components/file-upload.md +6 -6
  693. package/docs/ai/components/flip-card.md +52 -0
  694. package/docs/ai/components/flow.md +104 -0
  695. package/docs/ai/components/funnel.md +86 -0
  696. package/docs/ai/components/gantt.md +63 -0
  697. package/docs/ai/components/gauge.md +1 -1
  698. package/docs/ai/components/heatmap.md +5 -5
  699. package/docs/ai/components/input.md +20 -18
  700. package/docs/ai/components/kanban.md +2 -2
  701. package/docs/ai/components/kpi.md +4 -53
  702. package/docs/ai/components/layout.md +10 -235
  703. package/docs/ai/components/link-preview.md +20 -29
  704. package/docs/ai/components/link.md +27 -47
  705. package/docs/ai/components/list.md +51 -31
  706. package/docs/ai/components/location.md +15 -27
  707. package/docs/ai/components/login.md +43 -94
  708. package/docs/ai/components/map.md +72 -0
  709. package/docs/ai/components/markdown.md +63 -0
  710. package/docs/ai/components/masonry.md +10 -6
  711. package/docs/ai/components/menu.md +40 -72
  712. package/docs/ai/components/modal.md +25 -42
  713. package/docs/ai/components/music-player.md +37 -89
  714. package/docs/ai/components/nav.md +25 -39
  715. package/docs/ai/components/network-graph.md +83 -0
  716. package/docs/ai/components/notification-center.md +79 -0
  717. package/docs/ai/components/org-chart.md +62 -0
  718. package/docs/ai/components/pagination.md +16 -18
  719. package/docs/ai/components/pdf-viewer.md +57 -0
  720. package/docs/ai/components/podcast-player.md +94 -0
  721. package/docs/ai/components/pricing-table.md +87 -0
  722. package/docs/ai/components/progress.md +23 -39
  723. package/docs/ai/components/qr-code.md +37 -84
  724. package/docs/ai/components/qr-reader.md +51 -61
  725. package/docs/ai/components/radio.md +27 -39
  726. package/docs/ai/components/rating.md +56 -0
  727. package/docs/ai/components/recipe.md +90 -0
  728. package/docs/ai/components/sankey.md +63 -0
  729. package/docs/ai/components/skeleton.md +0 -8
  730. package/docs/ai/components/slider.md +10 -50
  731. package/docs/ai/components/sortable.md +57 -0
  732. package/docs/ai/components/sparkline.md +26 -152
  733. package/docs/ai/components/spinner.md +0 -21
  734. package/docs/ai/components/split-pane.md +16 -38
  735. package/docs/ai/components/spotlight.md +61 -0
  736. package/docs/ai/components/spreadsheet.md +138 -0
  737. package/docs/ai/components/stepper.md +37 -183
  738. package/docs/ai/components/switch.md +28 -35
  739. package/docs/ai/components/table.md +43 -172
  740. package/docs/ai/components/tabs.md +31 -52
  741. package/docs/ai/components/tag-input.md +70 -0
  742. package/docs/ai/components/terminal.md +34 -116
  743. package/docs/ai/components/testimonial.md +56 -0
  744. package/docs/ai/components/textarea.md +11 -43
  745. package/docs/ai/components/theme.md +120 -0
  746. package/docs/ai/components/time-range-picker.md +46 -0
  747. package/docs/ai/components/timeline.md +7 -46
  748. package/docs/ai/components/timer.md +41 -37
  749. package/docs/ai/components/toast.md +19 -90
  750. package/docs/ai/components/tooltip.md +17 -104
  751. package/docs/ai/components/tree.md +38 -162
  752. package/docs/ai/components/treemap.md +57 -0
  753. package/docs/ai/components/video-player.md +91 -0
  754. package/docs/ai/components/virtual-scroller.md +23 -46
  755. package/docs/ai/components/waterfall.md +56 -0
  756. package/docs/ai/components/weather.md +78 -0
  757. package/docs/ai/decorators.md +25 -3
  758. package/docs/ai/patterns.md +17 -1
  759. package/docs/components/accordion.md +8 -6
  760. package/docs/components/alert.md +2 -0
  761. package/docs/components/app-tiles.md +162 -0
  762. package/docs/components/audio-recorder.md +6 -0
  763. package/docs/components/avatar.md +225 -0
  764. package/docs/components/badge.md +2 -0
  765. package/docs/components/banner.md +2 -0
  766. package/docs/components/book.md +184 -0
  767. package/docs/components/breadcrumbs.md +2 -0
  768. package/docs/components/button.md +15 -0
  769. package/docs/components/calendar.md +2 -0
  770. package/docs/components/camera-annotate.md +188 -0
  771. package/docs/components/camera.md +2 -0
  772. package/docs/components/candlestick.md +198 -0
  773. package/docs/components/card.md +2 -0
  774. package/docs/components/carousel.md +205 -36
  775. package/docs/components/chart.md +2 -0
  776. package/docs/components/chat.md +2 -0
  777. package/docs/components/checkbox.md +2 -0
  778. package/docs/components/chip.md +2 -0
  779. package/docs/components/code-block.md +2 -0
  780. package/docs/components/color-display.md +2 -0
  781. package/docs/components/color-picker.md +6 -4
  782. package/docs/components/command-palette.md +2 -0
  783. package/docs/components/comments.md +235 -0
  784. package/docs/components/countdown.md +121 -0
  785. package/docs/components/cropper.md +152 -0
  786. package/docs/components/date-picker.md +201 -0
  787. package/docs/components/diff.md +177 -0
  788. package/docs/components/divider.md +132 -0
  789. package/docs/components/doc.md +2 -0
  790. package/docs/components/draw.md +2 -0
  791. package/docs/components/drawer.md +2 -0
  792. package/docs/components/empty-state.md +2 -0
  793. package/docs/components/file-gallery.md +2 -0
  794. package/docs/components/file-upload.md +2 -0
  795. package/docs/components/flip-card.md +169 -0
  796. package/docs/components/flow.md +208 -0
  797. package/docs/components/funnel.md +193 -0
  798. package/docs/components/gantt.md +187 -0
  799. package/docs/components/gauge.md +2 -0
  800. package/docs/components/heatmap.md +2 -0
  801. package/docs/components/image.md +2 -0
  802. package/docs/components/input.md +242 -0
  803. package/docs/components/kanban.md +2 -0
  804. package/docs/components/kpi.md +2 -0
  805. package/docs/components/layout.md +84 -0
  806. package/docs/components/link-preview.md +66 -92
  807. package/docs/components/link.md +73 -157
  808. package/docs/components/list.md +140 -44
  809. package/docs/components/location.md +96 -283
  810. package/docs/components/login.md +131 -498
  811. package/docs/components/map.md +203 -0
  812. package/docs/components/markdown.md +220 -0
  813. package/docs/components/masonry.md +57 -102
  814. package/docs/components/menu.md +87 -494
  815. package/docs/components/modal.md +83 -436
  816. package/docs/components/music-player.md +116 -221
  817. package/docs/components/nav.md +107 -170
  818. package/docs/components/network-graph.md +187 -0
  819. package/docs/components/notification-center.md +256 -0
  820. package/docs/components/org-chart.md +275 -0
  821. package/docs/components/pagination.md +75 -218
  822. package/docs/components/paint.md +108 -73
  823. package/docs/components/pdf-viewer.md +204 -0
  824. package/docs/components/podcast-player.md +277 -0
  825. package/docs/components/pricing-table.md +249 -0
  826. package/docs/components/progress.md +169 -0
  827. package/docs/components/qr-code.md +95 -378
  828. package/docs/components/qr-reader.md +83 -258
  829. package/docs/components/radio.md +151 -0
  830. package/docs/components/rating.md +154 -0
  831. package/docs/components/recipe.md +323 -0
  832. package/docs/components/sankey.md +178 -0
  833. package/docs/components/select.md +114 -485
  834. package/docs/components/skeleton.md +96 -0
  835. package/docs/components/slider.md +92 -235
  836. package/docs/components/sortable.md +267 -0
  837. package/docs/components/sparkline.md +76 -222
  838. package/docs/components/spinner.md +37 -18
  839. package/docs/components/split-pane.md +62 -226
  840. package/docs/components/spotlight.md +240 -0
  841. package/docs/components/spreadsheet.md +405 -0
  842. package/docs/components/stepper.md +72 -306
  843. package/docs/components/switch.md +69 -293
  844. package/docs/components/table.md +250 -0
  845. package/docs/components/tabs.md +92 -471
  846. package/docs/components/tag-input.md +257 -0
  847. package/docs/components/terminal.md +87 -391
  848. package/docs/components/testimonial.md +185 -0
  849. package/docs/components/textarea.md +96 -181
  850. package/docs/components/theme.md +216 -0
  851. package/docs/components/time-range-picker.md +161 -0
  852. package/docs/components/timeline.md +67 -115
  853. package/docs/components/timer.md +44 -86
  854. package/docs/components/toast.md +93 -432
  855. package/docs/components/tooltip.md +75 -419
  856. package/docs/components/tree.md +110 -436
  857. package/docs/components/treemap.md +155 -0
  858. package/docs/components/video-player.md +336 -0
  859. package/docs/components/virtual-scroller.md +86 -226
  860. package/docs/components/waterfall.md +217 -0
  861. package/docs/components/weather.md +239 -0
  862. package/package.json +1 -1
  863. package/docs/ai/components/popover.md +0 -70
  864. package/docs/components/popover.md +0 -333
package/docs/components/theme.md ADDED
@@ -0,0 +1,216 @@
1
+ [//]: # (AI: For a low-token version of this doc, use docs/ai/components/theme.md instead)
2
+
3
+ # Theme
4
+ `theme.css`
5
+
6
+ Provides all design tokens for Snice components via CSS custom properties. Includes light and dark themes with automatic system preference detection.
7
+
8
+ ## Basic Usage
9
+
10
+ ```html
11
+ <link rel="stylesheet" href="snice/components/theme/theme.css">
12
+ ```
13
+
14
+ ## Importing
15
+
16
+ **ESM (bundler)**
17
+ ```typescript
18
+ import 'snice/components/theme/theme.css';
19
+ ```
20
+
21
+ **CDN**
22
+ ```html
23
+ <link rel="stylesheet" href="theme.min.css">
24
+ ```
25
+
26
+ ## Examples
27
+
28
+ ### Light Theme (Default)
29
+
30
+ The light theme is applied by default on `:root`.
31
+
32
+ ```html
33
+ <html>
34
+ <head>
35
+ <link rel="stylesheet" href="theme.css">
36
+ </head>
37
+ <body>
38
+ <!-- Light theme by default -->
39
+ </body>
40
+ </html>
41
+ ```
42
+
43
+ ### Dark Theme
44
+
45
+ Set `data-theme="dark"` on any element to apply dark theme tokens.
46
+
47
+ ```html
48
+ <html data-theme="dark">
49
+ <!-- Dark theme applied -->
50
+ </html>
51
+ ```
52
+
53
+ ### Force Light Theme
54
+
55
+ Set `data-theme="light"` to override system preference and force light theme.
56
+
57
+ ```html
58
+ <html data-theme="light">
59
+ <!-- Always light, regardless of system preference -->
60
+ </html>
61
+ ```
62
+
63
+ ### Automatic Theme (System Preference)
64
+
65
+ Without a `data-theme` attribute, the theme follows the user's system preference via `prefers-color-scheme`.
66
+
67
+ ```html
68
+ <html>
69
+ <!-- Follows OS dark/light setting automatically -->
70
+ </html>
71
+ ```
72
+
73
+ ### Scoped Dark Section
74
+
75
+ Apply dark theme to a section of the page.
76
+
77
+ ```html
78
+ <body>
79
+ <div>Light content here</div>
80
+ <div data-theme="dark" style="padding: 2rem; background: var(--snice-color-background);">
81
+ <p style="color: var(--snice-color-text);">Dark section</p>
82
+ </div>
83
+ </body>
84
+ ```
85
+
86
+ ### Theme Toggle
87
+
88
+ ```html
89
+ <button id="toggle">Toggle Theme</button>
90
+
91
+ <script>
92
+ document.getElementById('toggle').addEventListener('click', () => {
93
+ const current = document.documentElement.getAttribute('data-theme');
94
+ document.documentElement.setAttribute('data-theme', current === 'dark' ? 'light' : 'dark');
95
+ });
96
+ </script>
97
+ ```
98
+
99
+ ## CSS Custom Properties
100
+
101
+ ### Colors
102
+
103
+ | Property | Description |
104
+ |----------|-------------|
105
+ | `--snice-color-primary` | Primary brand color |
106
+ | `--snice-color-success` | Success state color |
107
+ | `--snice-color-warning` | Warning state color |
108
+ | `--snice-color-danger` | Danger/error state color |
109
+ | `--snice-color-neutral` | Neutral color |
110
+ | `--snice-color-text` | Primary text color |
111
+ | `--snice-color-text-secondary` | Secondary text color |
112
+ | `--snice-color-text-tertiary` | Tertiary text color |
113
+ | `--snice-color-text-inverse` | Text on dark/colored backgrounds |
114
+ | `--snice-color-background` | Page background |
115
+ | `--snice-color-background-secondary` | Secondary background |
116
+ | `--snice-color-background-tertiary` | Tertiary background |
117
+ | `--snice-color-background-element` | Element background |
118
+ | `--snice-color-background-input` | Input field background |
119
+ | `--snice-color-border` | Default border color |
120
+ | `--snice-color-border-hover` | Hovered border color |
121
+ | `--snice-color-border-focus` | Focused border color |
122
+
123
+ ### Spacing
124
+
125
+ | Property | Value |
126
+ |----------|-------|
127
+ | `--snice-spacing-3xs` | `0.125rem` (2px) |
128
+ | `--snice-spacing-2xs` | `0.25rem` (4px) |
129
+ | `--snice-spacing-xs` | `0.5rem` (8px) |
130
+ | `--snice-spacing-sm` | `0.75rem` (12px) |
131
+ | `--snice-spacing-md` | `1rem` (16px) |
132
+ | `--snice-spacing-lg` | `1.5rem` (24px) |
133
+ | `--snice-spacing-xl` | `2rem` (32px) |
134
+ | `--snice-spacing-2xl` | `3rem` (48px) |
135
+ | `--snice-spacing-3xl` | `4rem` (64px) |
136
+
137
+ ### Typography
138
+
139
+ | Property | Description |
140
+ |----------|-------------|
141
+ | `--snice-font-family` | System font stack |
142
+ | `--snice-font-family-mono` | Monospace font stack |
143
+ | `--snice-font-size-2xs` | 10px |
144
+ | `--snice-font-size-xs` | 12px |
145
+ | `--snice-font-size-sm` | 14px |
146
+ | `--snice-font-size-md` | 16px |
147
+ | `--snice-font-size-lg` | 18px |
148
+ | `--snice-font-size-xl` | 20px |
149
+ | `--snice-font-size-2xl` | 24px |
150
+ | `--snice-font-size-3xl` | 30px |
151
+ | `--snice-font-size-4xl` | 36px |
152
+ | `--snice-font-weight-light` | 300 |
153
+ | `--snice-font-weight-normal` | 400 |
154
+ | `--snice-font-weight-medium` | 500 |
155
+ | `--snice-font-weight-semibold` | 600 |
156
+ | `--snice-font-weight-bold` | 700 |
157
+
158
+ ### Border Radius
159
+
160
+ | Property | Value |
161
+ |----------|-------|
162
+ | `--snice-border-radius-sm` | `0.125rem` (2px) |
163
+ | `--snice-border-radius-md` | `0.25rem` (4px) |
164
+ | `--snice-border-radius-lg` | `0.5rem` (8px) |
165
+ | `--snice-border-radius-xl` | `1rem` (16px) |
166
+ | `--snice-border-radius-circle` | `50%` |
167
+ | `--snice-border-radius-pill` | `9999px` |
168
+
169
+ ### Shadows
170
+
171
+ | Property | Description |
172
+ |----------|-------------|
173
+ | `--snice-shadow-xs` | Extra small shadow |
174
+ | `--snice-shadow-sm` | Small shadow |
175
+ | `--snice-shadow-md` | Medium shadow |
176
+ | `--snice-shadow-lg` | Large shadow |
177
+ | `--snice-shadow-xl` | Extra large shadow |
178
+ | `--snice-shadow-2xl` | Double extra large shadow |
179
+
180
+ ### Transitions
181
+
182
+ | Property | Value |
183
+ |----------|-------|
184
+ | `--snice-transition-fast` | `150ms` |
185
+ | `--snice-transition-medium` | `250ms` |
186
+ | `--snice-transition-slow` | `350ms` |
187
+
188
+ ### Z-Index
189
+
190
+ | Property | Value |
191
+ |----------|-------|
192
+ | `--snice-z-index-dropdown` | `1000` |
193
+ | `--snice-z-index-sticky` | `1020` |
194
+ | `--snice-z-index-fixed` | `1030` |
195
+ | `--snice-z-index-modal-backdrop` | `1040` |
196
+ | `--snice-z-index-modal` | `1050` |
197
+ | `--snice-z-index-popover` | `1060` |
198
+ | `--snice-z-index-tooltip` | `1070` |
199
+
200
+ ### Focus
201
+
202
+ | Property | Description |
203
+ |----------|-------------|
204
+ | `--snice-focus-ring-width` | Focus ring width (2px) |
205
+ | `--snice-focus-ring-color` | Focus ring color |
206
+ | `--snice-focus-ring-offset` | Focus ring offset (2px) |
207
+
208
+ ### Color Primitives
209
+
210
+ The theme defines color scales in HSL format (gray, blue, green, red, yellow) with shades from 50 to 950. These are used internally by the semantic tokens above.
211
+
212
+ ```css
213
+ --snice-color-blue-500: 217 91% 60%;
214
+ /* Use with hsl(): */
215
+ color: hsl(var(--snice-color-blue-500));
216
+ ```
package/docs/components/time-range-picker.md ADDED
@@ -0,0 +1,161 @@
1
+ [//]: # (AI: For a low-token version of this doc, use docs/ai/components/time-range-picker.md instead)
2
+
3
+ # Time Range Picker
4
+ `<snice-time-range-picker>`
5
+
6
+ A vertically stacked time slot picker for selecting time ranges within a single day via click and drag.
7
+
8
+ ## Basic Usage
9
+
10
+ ```typescript
11
+ import 'snice/components/time-range-picker/snice-time-range-picker';
12
+ ```
13
+
14
+ ```html
15
+ <snice-time-range-picker start-time="08:00" end-time="18:00"></snice-time-range-picker>
16
+ ```
17
+
18
+ ## Importing
19
+
20
+ **ESM (bundler)**
21
+ ```typescript
22
+ import 'snice/components/time-range-picker/snice-time-range-picker';
23
+ ```
24
+
25
+ **CDN**
26
+ ```html
27
+ <script src="snice-runtime.min.js"></script>
28
+ <script src="snice-time-range-picker.min.js"></script>
29
+ ```
30
+
31
+ ## Examples
32
+
33
+ ### Granularity
34
+
35
+ Use the `granularity` attribute to set the time interval in minutes for each slot.
36
+
37
+ ```html
38
+ <snice-time-range-picker granularity="5"></snice-time-range-picker>
39
+ <snice-time-range-picker granularity="15"></snice-time-range-picker>
40
+ <snice-time-range-picker granularity="30"></snice-time-range-picker>
41
+ <snice-time-range-picker granularity="60"></snice-time-range-picker>
42
+ ```
43
+
44
+ ### 12-Hour Format
45
+
46
+ Use the `format` attribute to switch between 12-hour and 24-hour time display.
47
+
48
+ ```html
49
+ <snice-time-range-picker format="12h" start-time="08:00" end-time="18:00"></snice-time-range-picker>
50
+ ```
51
+
52
+ ### Multiple Ranges
53
+
54
+ Set the `multiple` attribute to allow selecting non-contiguous ranges.
55
+
56
+ ```html
57
+ <snice-time-range-picker multiple granularity="30" start-time="08:00" end-time="18:00"></snice-time-range-picker>
58
+ ```
59
+
60
+ ### Disabled Ranges
61
+
62
+ Use the `disabled-ranges` attribute (JSON string) to block out unavailable time slots.
63
+
64
+ ```html
65
+ <snice-time-range-picker
66
+ granularity="30"
67
+ start-time="08:00"
68
+ end-time="18:00"
69
+ disabled-ranges='[{"start":"12:00","end":"13:00"}]'>
70
+ </snice-time-range-picker>
71
+ ```
72
+
73
+ ### Pre-selected Values
74
+
75
+ Use the `value` attribute (JSON string) to set initial selections.
76
+
77
+ ```html
78
+ <snice-time-range-picker
79
+ multiple
80
+ granularity="30"
81
+ start-time="08:00"
82
+ end-time="18:00"
83
+ value='[{"start":"09:00","end":"11:30"},{"start":"14:00","end":"16:30"}]'>
84
+ </snice-time-range-picker>
85
+ ```
86
+
87
+ ### Readonly and Disabled
88
+
89
+ ```html
90
+ <snice-time-range-picker readonly value='[{"start":"09:00","end":"12:00"}]'></snice-time-range-picker>
91
+ <snice-time-range-picker disabled></snice-time-range-picker>
92
+ ```
93
+
94
+ ### Event Handling
95
+
96
+ ```javascript
97
+ const picker = document.querySelector('snice-time-range-picker');
98
+
99
+ picker.addEventListener('time-range-change', (e) => {
100
+ console.log('Selected ranges:', e.detail.ranges);
101
+ });
102
+
103
+ picker.addEventListener('time-range-complete', (e) => {
104
+ console.log('Completed range:', e.detail.range);
105
+ });
106
+ ```
107
+
108
+ ### Programmatic Control
109
+
110
+ ```javascript
111
+ const picker = document.querySelector('snice-time-range-picker');
112
+
113
+ picker.setSelectedRanges([
114
+ { start: '09:00', end: '11:00' },
115
+ { start: '14:00', end: '16:00' }
116
+ ]);
117
+
118
+ const ranges = picker.getSelectedRanges();
119
+ picker.clearSelection();
120
+ picker.isSlotDisabled('12:00'); // true if disabled
121
+ ```
122
+
123
+ ## Properties
124
+
125
+ | Property | Type | Default | Description |
126
+ |----------|------|---------|-------------|
127
+ | `granularity` | `5 \| 15 \| 30 \| 60` | `15` | Time interval per slot (minutes) |
128
+ | `startTime` (attr: `start-time`) | `string` | `'00:00'` | Day start time (HH:MM) |
129
+ | `endTime` (attr: `end-time`) | `string` | `'23:59'` | Day end time (HH:MM) |
130
+ | `value` | `string` | `''` | JSON array of selected ranges |
131
+ | `disabledRanges` (attr: `disabled-ranges`) | `string` | `''` | JSON array of disabled ranges |
132
+ | `format` | `'12h' \| '24h'` | `'24h'` | Time display format |
133
+ | `multiple` | `boolean` | `false` | Allow multiple non-contiguous ranges |
134
+ | `readonly` | `boolean` | `false` | Show selections but prevent interaction |
135
+ | `disabled` | `boolean` | `false` | Disable all interaction |
136
+
137
+ ## Events
138
+
139
+ | Event | Detail | Description |
140
+ |-------|--------|-------------|
141
+ | `time-range-change` | `{ ranges: TimeRange[], component }` | Selection changed |
142
+ | `time-range-select` | `{ start: string, component }` | Drag selection started |
143
+ | `time-range-complete` | `{ range: TimeRange, ranges: TimeRange[], component }` | Drag selection completed |
144
+
145
+ ## Methods
146
+
147
+ | Method | Arguments | Description |
148
+ |--------|-----------|-------------|
149
+ | `getSelectedRanges()` | -- | Returns `TimeRange[]` |
150
+ | `setSelectedRanges()` | `ranges: TimeRange[]` | Set selected ranges |
151
+ | `clearSelection()` | -- | Clear all selections |
152
+ | `isSlotDisabled()` | `time: string` | Check if slot is disabled, returns `boolean` |
153
+
154
+ ### TimeRange Interface
155
+
156
+ ```typescript
157
+ interface TimeRange {
158
+ start: string; // "HH:MM"
159
+ end: string; // "HH:MM"
160
+ }
161
+ ```
package/docs/components/timeline.md CHANGED
@@ -1,75 +1,51 @@
1
- # Timeline Component
1
+ [//]: # (AI: For a low-token version of this doc, use docs/ai/components/timeline.md instead)
2
2
 
3
- The `<snice-timeline>` component displays events in chronological order with markers, timestamps, and descriptions.
3
+ # Timeline
4
+ `<snice-timeline>`
5
+
6
+ Displays events in chronological order with markers, timestamps, and descriptions.
4
7
 
5
8
  ## Basic Usage
6
9
 
10
+ ```typescript
11
+ import 'snice/components/timeline/snice-timeline';
12
+ ```
13
+
7
14
  ```html
8
15
  <snice-timeline id="timeline"></snice-timeline>
9
16
 
10
17
  <script>
11
- const timeline = document.getElementById('timeline');
12
- timeline.items = [
13
- {
14
- timestamp: '2024-01-15',
15
- title: 'Event Title',
16
- description: 'Event description'
17
- }
18
+ document.getElementById('timeline').items = [
19
+ { timestamp: '2024-01-15', title: 'Project Started', description: 'Initial planning phase' },
20
+ { timestamp: '2024-01-20', title: 'Design Complete', description: 'Mockups approved' }
18
21
  ];
19
22
  </script>
20
23
  ```
21
24
 
22
- ## Properties
23
-
24
- | Property | Type | Default | Description |
25
- |----------|------|---------|-------------|
26
- | `orientation` | `'vertical' \| 'horizontal'` | `'vertical'` | Timeline orientation |
27
- | `position` | `'left' \| 'right' \| 'alternate'` | `'left'` | Item position (vertical only) |
28
- | `items` | `TimelineItem[]` | `[]` | Timeline items |
29
- | `reverse` | `boolean` | `false` | Reverse item order |
30
-
31
- ## TimelineItem Interface
25
+ ## Importing
32
26
 
27
+ **ESM (bundler)**
33
28
  ```typescript
34
- interface TimelineItem {
35
- timestamp?: string;
36
- title: string;
37
- description?: string;
38
- icon?: string;
39
- variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
40
- }
29
+ import 'snice/components/timeline/snice-timeline';
41
30
  ```
42
31
 
43
- ## Examples
44
-
45
- ### Vertical Timeline
46
-
32
+ **CDN**
47
33
  ```html
48
- <snice-timeline id="timeline"></snice-timeline>
49
-
50
- <script>
51
- document.getElementById('timeline').items = [
52
- {
53
- timestamp: '2024-01-15 09:00',
54
- title: 'Project Started',
55
- description: 'Initial planning phase'
56
- },
57
- {
58
- timestamp: '2024-01-20 14:30',
59
- title: 'Design Complete',
60
- description: 'Mockups approved'
61
- }
62
- ];
63
- </script>
34
+ <script src="snice-runtime.min.js"></script>
35
+ <script src="snice-timeline.min.js"></script>
64
36
  ```
65
37
 
66
- ### Horizontal Timeline
38
+ ## Examples
39
+
40
+ ### Horizontal
41
+
42
+ Use the `orientation` attribute for a horizontal layout.
67
43
 
68
44
  ```html
69
- <snice-timeline orientation="horizontal" id="horizontal-timeline"></snice-timeline>
45
+ <snice-timeline orientation="horizontal" id="h-timeline"></snice-timeline>
70
46
 
71
47
  <script>
72
- document.getElementById('horizontal-timeline').items = [
48
+ document.getElementById('h-timeline').items = [
73
49
  { title: 'Step 1', description: 'First step' },
74
50
  { title: 'Step 2', description: 'Second step' },
75
51
  { title: 'Step 3', description: 'Third step' }
@@ -79,6 +55,8 @@ interface TimelineItem {
79
55
 
80
56
  ### Alternate Position
81
57
 
58
+ Use `position="alternate"` for a zigzag layout.
59
+
82
60
  ```html
83
61
  <snice-timeline position="alternate" id="alt-timeline"></snice-timeline>
84
62
 
@@ -93,100 +71,74 @@ interface TimelineItem {
93
71
 
94
72
  ### With Variants
95
73
 
74
+ Use the `variant` property on items to set marker colors.
75
+
96
76
  ```html
97
77
  <snice-timeline id="variant-timeline"></snice-timeline>
98
78
 
99
79
  <script>
100
80
  document.getElementById('variant-timeline').items = [
101
- {
102
- title: 'Completed',
103
- variant: 'success',
104
- description: 'Task finished successfully'
105
- },
106
- {
107
- title: 'Warning',
108
- variant: 'warning',
109
- description: 'Attention needed'
110
- },
111
- {
112
- title: 'Error',
113
- variant: 'error',
114
- description: 'Action failed'
115
- }
81
+ { title: 'Completed', variant: 'success', description: 'Task finished' },
82
+ { title: 'Warning', variant: 'warning', description: 'Attention needed' },
83
+ { title: 'Error', variant: 'error', description: 'Action failed' }
116
84
  ];
117
85
  </script>
118
86
  ```
119
87
 
120
88
  ### Custom Icons
121
89
 
90
+ Use the `icon` property on items for custom marker icons.
91
+
122
92
  ```html
123
93
  <snice-timeline id="icon-timeline"></snice-timeline>
124
94
 
125
95
  <script>
126
96
  document.getElementById('icon-timeline').items = [
127
- { title: 'Planning', icon: '📋' },
128
- { title: 'Development', icon: '💻' },
129
- { title: 'Launch', icon: '🚀' }
97
+ { title: 'Planning', icon: '1' },
98
+ { title: 'Development', icon: '2' },
99
+ { title: 'Launch', icon: '3' }
130
100
  ];
131
101
  </script>
132
102
  ```
133
103
 
134
104
  ### Reversed Order
135
105
 
136
- ```html
137
- <snice-timeline reverse id="reversed-timeline"></snice-timeline>
106
+ Set the `reverse` attribute to reverse item display order.
138
107
 
139
- <script>
140
- document.getElementById('reversed-timeline').items = [
141
- { title: 'Latest Event', timestamp: '2024-03-01' },
142
- { title: 'Earlier Event', timestamp: '2024-02-01' },
143
- { title: 'First Event', timestamp: '2024-01-01' }
144
- ];
145
- </script>
108
+ ```html
109
+ <snice-timeline reverse id="reversed"></snice-timeline>
146
110
  ```
147
111
 
148
- ## Styling
149
-
150
- The component exposes several CSS parts for styling:
151
-
152
- ```css
153
- snice-timeline::part(container) {
154
- /* Timeline container */
155
- }
156
-
157
- snice-timeline::part(item) {
158
- /* Timeline item */
159
- }
160
-
161
- snice-timeline::part(marker) {
162
- /* Item marker/circle */
163
- }
164
-
165
- snice-timeline::part(icon) {
166
- /* Marker icon */
167
- }
168
-
169
- snice-timeline::part(content) {
170
- /* Item content area */
171
- }
112
+ ## Properties
172
113
 
173
- snice-timeline::part(timestamp) {
174
- /* Timestamp text */
175
- }
114
+ | Property | Type | Default | Description |
115
+ |----------|------|---------|-------------|
116
+ | `orientation` | `'vertical' \| 'horizontal'` | `'vertical'` | Timeline orientation |
117
+ | `position` | `'left' \| 'right' \| 'alternate'` | `'left'` | Item position (vertical only) |
118
+ | `items` | `TimelineItem[]` | `[]` | Timeline items |
119
+ | `reverse` | `boolean` | `false` | Reverse item order |
176
120
 
177
- snice-timeline::part(title) {
178
- /* Title text */
179
- }
121
+ ### TimelineItem Interface
180
122
 
181
- snice-timeline::part(description) {
182
- /* Description text */
123
+ ```typescript
124
+ interface TimelineItem {
125
+ timestamp?: string;
126
+ title: string;
127
+ description?: string;
128
+ icon?: string;
129
+ variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
183
130
  }
184
131
  ```
185
132
 
186
- ## Notes
187
-
188
- - Items without timestamps will still render but won't display a timestamp
189
- - Items without descriptions will only show the title
190
- - Default icons are provided for each variant
191
- - Horizontal timelines work best with 3-5 items
192
- - Alternate positioning creates a zigzag layout
133
+ ## CSS Parts
134
+
135
+ | Part | Description |
136
+ |------|-------------|
137
+ | `container` | Timeline container |
138
+ | `item` | Individual timeline item |
139
+ | `marker` | Item marker circle |
140
+ | `icon` | Marker icon |
141
+ | `content` | Item content area |
142
+ | `timestamp` | Timestamp text |
143
+ | `title` | Title text |
144
+ | `description` | Description text |