snice 4.9.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 (733) 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/comments.d.ts +29 -0
  12. package/adapters/react/comments.d.ts.map +1 -0
  13. package/adapters/react/comments.js +24 -0
  14. package/adapters/react/comments.js.map +1 -0
  15. package/adapters/react/comments.tsx +37 -0
  16. package/adapters/react/components.d.ts +52 -0
  17. package/adapters/react/components.d.ts.map +1 -1
  18. package/adapters/react/components.js +26 -0
  19. package/adapters/react/components.js.map +1 -1
  20. package/adapters/react/components.ts +52 -0
  21. package/adapters/react/countdown.d.ts +31 -0
  22. package/adapters/react/countdown.d.ts.map +1 -0
  23. package/adapters/react/countdown.js +24 -0
  24. package/adapters/react/countdown.js.map +1 -0
  25. package/adapters/react/countdown.tsx +39 -0
  26. package/adapters/react/cropper.d.ts +29 -0
  27. package/adapters/react/cropper.d.ts.map +1 -0
  28. package/adapters/react/cropper.js +24 -0
  29. package/adapters/react/cropper.js.map +1 -0
  30. package/adapters/react/cropper.tsx +37 -0
  31. package/adapters/react/diff.d.ts +31 -0
  32. package/adapters/react/diff.d.ts.map +1 -0
  33. package/adapters/react/diff.js +24 -0
  34. package/adapters/react/diff.js.map +1 -0
  35. package/adapters/react/diff.tsx +39 -0
  36. package/adapters/react/flip-card.d.ts +28 -0
  37. package/adapters/react/flip-card.d.ts.map +1 -0
  38. package/adapters/react/flip-card.js +24 -0
  39. package/adapters/react/flip-card.js.map +1 -0
  40. package/adapters/react/flip-card.tsx +36 -0
  41. package/adapters/react/flow.d.ts +32 -0
  42. package/adapters/react/flow.d.ts.map +1 -0
  43. package/adapters/react/flow.js +24 -0
  44. package/adapters/react/flow.js.map +1 -0
  45. package/adapters/react/flow.tsx +40 -0
  46. package/adapters/react/gantt.d.ts +27 -0
  47. package/adapters/react/gantt.d.ts.map +1 -0
  48. package/adapters/react/gantt.js +24 -0
  49. package/adapters/react/gantt.js.map +1 -0
  50. package/adapters/react/gantt.tsx +35 -0
  51. package/adapters/react/map.d.ts +30 -0
  52. package/adapters/react/map.d.ts.map +1 -0
  53. package/adapters/react/map.js +24 -0
  54. package/adapters/react/map.js.map +1 -0
  55. package/adapters/react/map.tsx +38 -0
  56. package/adapters/react/markdown.d.ts +26 -0
  57. package/adapters/react/markdown.d.ts.map +1 -0
  58. package/adapters/react/markdown.js +24 -0
  59. package/adapters/react/markdown.js.map +1 -0
  60. package/adapters/react/markdown.tsx +34 -0
  61. package/adapters/react/notification-center.d.ts +26 -0
  62. package/adapters/react/notification-center.d.ts.map +1 -0
  63. package/adapters/react/notification-center.js +24 -0
  64. package/adapters/react/notification-center.js.map +1 -0
  65. package/adapters/react/notification-center.tsx +34 -0
  66. package/adapters/react/org-chart.d.ts +28 -0
  67. package/adapters/react/org-chart.d.ts.map +1 -0
  68. package/adapters/react/org-chart.js +24 -0
  69. package/adapters/react/org-chart.js.map +1 -0
  70. package/adapters/react/org-chart.tsx +36 -0
  71. package/adapters/react/pdf-viewer.d.ts +28 -0
  72. package/adapters/react/pdf-viewer.d.ts.map +1 -0
  73. package/adapters/react/pdf-viewer.js +24 -0
  74. package/adapters/react/pdf-viewer.js.map +1 -0
  75. package/adapters/react/pdf-viewer.tsx +36 -0
  76. package/adapters/react/podcast-player.d.ts +40 -0
  77. package/adapters/react/podcast-player.d.ts.map +1 -0
  78. package/adapters/react/podcast-player.js +24 -0
  79. package/adapters/react/podcast-player.js.map +1 -0
  80. package/adapters/react/podcast-player.tsx +48 -0
  81. package/adapters/react/pricing-table.d.ts +27 -0
  82. package/adapters/react/pricing-table.d.ts.map +1 -0
  83. package/adapters/react/pricing-table.js +24 -0
  84. package/adapters/react/pricing-table.js.map +1 -0
  85. package/adapters/react/pricing-table.tsx +35 -0
  86. package/adapters/react/rating.d.ts +30 -0
  87. package/adapters/react/rating.d.ts.map +1 -0
  88. package/adapters/react/rating.js +24 -0
  89. package/adapters/react/rating.js.map +1 -0
  90. package/adapters/react/rating.tsx +38 -0
  91. package/adapters/react/recipe.d.ts +43 -0
  92. package/adapters/react/recipe.d.ts.map +1 -0
  93. package/adapters/react/recipe.js +24 -0
  94. package/adapters/react/recipe.js.map +1 -0
  95. package/adapters/react/recipe.tsx +51 -0
  96. package/adapters/react/sortable.d.ts +28 -0
  97. package/adapters/react/sortable.d.ts.map +1 -0
  98. package/adapters/react/sortable.js +24 -0
  99. package/adapters/react/sortable.js.map +1 -0
  100. package/adapters/react/sortable.tsx +36 -0
  101. package/adapters/react/spotlight.d.ts +27 -0
  102. package/adapters/react/spotlight.d.ts.map +1 -0
  103. package/adapters/react/spotlight.js +24 -0
  104. package/adapters/react/spotlight.js.map +1 -0
  105. package/adapters/react/spotlight.tsx +35 -0
  106. package/adapters/react/spreadsheet.d.ts +27 -0
  107. package/adapters/react/spreadsheet.d.ts.map +1 -0
  108. package/adapters/react/spreadsheet.js +24 -0
  109. package/adapters/react/spreadsheet.js.map +1 -0
  110. package/adapters/react/spreadsheet.tsx +35 -0
  111. package/adapters/react/tag-input.d.ts +33 -0
  112. package/adapters/react/tag-input.d.ts.map +1 -0
  113. package/adapters/react/tag-input.js +24 -0
  114. package/adapters/react/tag-input.js.map +1 -0
  115. package/adapters/react/tag-input.tsx +41 -0
  116. package/adapters/react/testimonial.d.ts +31 -0
  117. package/adapters/react/testimonial.d.ts.map +1 -0
  118. package/adapters/react/testimonial.js +24 -0
  119. package/adapters/react/testimonial.js.map +1 -0
  120. package/adapters/react/testimonial.tsx +39 -0
  121. package/adapters/react/video-player.d.ts +34 -0
  122. package/adapters/react/video-player.d.ts.map +1 -0
  123. package/adapters/react/video-player.js +24 -0
  124. package/adapters/react/video-player.js.map +1 -0
  125. package/adapters/react/video-player.tsx +42 -0
  126. package/adapters/react/waterfall.d.ts +29 -0
  127. package/adapters/react/waterfall.d.ts.map +1 -0
  128. package/adapters/react/waterfall.js +24 -0
  129. package/adapters/react/waterfall.js.map +1 -0
  130. package/adapters/react/waterfall.tsx +37 -0
  131. package/adapters/react/weather.d.ts +27 -0
  132. package/adapters/react/weather.d.ts.map +1 -0
  133. package/adapters/react/weather.js +24 -0
  134. package/adapters/react/weather.js.map +1 -0
  135. package/adapters/react/weather.tsx +35 -0
  136. package/dist/cdn/accordion/snice-accordion.js +1 -1
  137. package/dist/cdn/accordion/snice-accordion.min.js +1 -1
  138. package/dist/cdn/alert/snice-alert.js +1 -1
  139. package/dist/cdn/alert/snice-alert.min.js +1 -1
  140. package/dist/cdn/app-tiles/README.md +27 -0
  141. package/dist/cdn/app-tiles/snice-app-tiles.js +333 -0
  142. package/dist/cdn/app-tiles/snice-app-tiles.js.map +1 -0
  143. package/dist/cdn/app-tiles/snice-app-tiles.min.js +11 -0
  144. package/dist/cdn/app-tiles/snice-app-tiles.min.js.map +1 -0
  145. package/dist/cdn/audio-recorder/snice-audio-recorder.js +1 -1
  146. package/dist/cdn/audio-recorder/snice-audio-recorder.min.js +1 -1
  147. package/dist/cdn/avatar/snice-avatar.js +1 -1
  148. package/dist/cdn/avatar/snice-avatar.min.js +1 -1
  149. package/dist/cdn/badge/snice-badge.js +1 -1
  150. package/dist/cdn/badge/snice-badge.min.js +1 -1
  151. package/dist/cdn/banner/snice-banner.js +1 -1
  152. package/dist/cdn/banner/snice-banner.min.js +1 -1
  153. package/dist/cdn/book/README.md +27 -0
  154. package/dist/cdn/book/snice-book.js +353 -0
  155. package/dist/cdn/book/snice-book.js.map +1 -0
  156. package/dist/cdn/book/snice-book.min.js +13 -0
  157. package/dist/cdn/book/snice-book.min.js.map +1 -0
  158. package/dist/cdn/breadcrumbs/snice-breadcrumbs.js +1 -1
  159. package/dist/cdn/breadcrumbs/snice-breadcrumbs.min.js +1 -1
  160. package/dist/cdn/button/snice-button.js +1 -1
  161. package/dist/cdn/button/snice-button.min.js +1 -1
  162. package/dist/cdn/calendar/snice-calendar.js +1 -1
  163. package/dist/cdn/calendar/snice-calendar.min.js +1 -1
  164. package/dist/cdn/camera/snice-camera.js +1 -1
  165. package/dist/cdn/camera/snice-camera.min.js +1 -1
  166. package/dist/cdn/camera-annotate/snice-camera-annotate.js +1 -1
  167. package/dist/cdn/camera-annotate/snice-camera-annotate.min.js +1 -1
  168. package/dist/cdn/candlestick/snice-candlestick.js +1 -1
  169. package/dist/cdn/candlestick/snice-candlestick.min.js +1 -1
  170. package/dist/cdn/card/snice-card.js +1 -1
  171. package/dist/cdn/card/snice-card.min.js +1 -1
  172. package/dist/cdn/carousel/snice-carousel.js +1 -1
  173. package/dist/cdn/carousel/snice-carousel.min.js +1 -1
  174. package/dist/cdn/chart/snice-chart.js +1 -1
  175. package/dist/cdn/chart/snice-chart.min.js +1 -1
  176. package/dist/cdn/chat/snice-chat.js +1 -1
  177. package/dist/cdn/chat/snice-chat.min.js +1 -1
  178. package/dist/cdn/checkbox/snice-checkbox.js +1 -1
  179. package/dist/cdn/checkbox/snice-checkbox.min.js +1 -1
  180. package/dist/cdn/chip/snice-chip.js +1 -1
  181. package/dist/cdn/chip/snice-chip.min.js +1 -1
  182. package/dist/cdn/code-block/snice-code-block.js +1 -1
  183. package/dist/cdn/code-block/snice-code-block.min.js +1 -1
  184. package/dist/cdn/color-display/snice-color-display.js +1 -1
  185. package/dist/cdn/color-display/snice-color-display.min.js +1 -1
  186. package/dist/cdn/color-picker/snice-color-picker.js +1 -1
  187. package/dist/cdn/color-picker/snice-color-picker.min.js +1 -1
  188. package/dist/cdn/command-palette/snice-command-palette.js +1 -1
  189. package/dist/cdn/command-palette/snice-command-palette.min.js +1 -1
  190. package/dist/cdn/comments/README.md +27 -0
  191. package/dist/cdn/comments/snice-comments.js +544 -0
  192. package/dist/cdn/comments/snice-comments.js.map +1 -0
  193. package/dist/cdn/comments/snice-comments.min.js +100 -0
  194. package/dist/cdn/comments/snice-comments.min.js.map +1 -0
  195. package/dist/cdn/countdown/README.md +27 -0
  196. package/dist/cdn/countdown/snice-countdown.js +235 -0
  197. package/dist/cdn/countdown/snice-countdown.js.map +1 -0
  198. package/dist/cdn/countdown/snice-countdown.min.js +14 -0
  199. package/dist/cdn/countdown/snice-countdown.min.js.map +1 -0
  200. package/dist/cdn/cropper/README.md +27 -0
  201. package/dist/cdn/cropper/snice-cropper.js +352 -0
  202. package/dist/cdn/cropper/snice-cropper.js.map +1 -0
  203. package/dist/cdn/cropper/snice-cropper.min.js +25 -0
  204. package/dist/cdn/cropper/snice-cropper.min.js.map +1 -0
  205. package/dist/cdn/date-picker/snice-date-picker.js +1 -1
  206. package/dist/cdn/date-picker/snice-date-picker.min.js +1 -1
  207. package/dist/cdn/diff/README.md +27 -0
  208. package/dist/cdn/diff/snice-diff.js +441 -0
  209. package/dist/cdn/diff/snice-diff.js.map +1 -0
  210. package/dist/cdn/diff/snice-diff.min.js +54 -0
  211. package/dist/cdn/diff/snice-diff.min.js.map +1 -0
  212. package/dist/cdn/divider/snice-divider.js +1 -1
  213. package/dist/cdn/divider/snice-divider.min.js +1 -1
  214. package/dist/cdn/doc/snice-doc.js +1 -1
  215. package/dist/cdn/doc/snice-doc.min.js +1 -1
  216. package/dist/cdn/draw/snice-draw.js +1 -1
  217. package/dist/cdn/draw/snice-draw.min.js +1 -1
  218. package/dist/cdn/drawer/snice-drawer.js +1 -1
  219. package/dist/cdn/drawer/snice-drawer.min.js +1 -1
  220. package/dist/cdn/empty-state/snice-empty-state.js +1 -1
  221. package/dist/cdn/empty-state/snice-empty-state.min.js +1 -1
  222. package/dist/cdn/file-gallery/snice-file-gallery.js +1 -1
  223. package/dist/cdn/file-gallery/snice-file-gallery.min.js +1 -1
  224. package/dist/cdn/file-upload/snice-file-upload.js +1 -1
  225. package/dist/cdn/file-upload/snice-file-upload.min.js +1 -1
  226. package/dist/cdn/flip-card/README.md +27 -0
  227. package/dist/cdn/flip-card/snice-flip-card.js +183 -0
  228. package/dist/cdn/flip-card/snice-flip-card.js.map +1 -0
  229. package/dist/cdn/flip-card/snice-flip-card.min.js +22 -0
  230. package/dist/cdn/flip-card/snice-flip-card.min.js.map +1 -0
  231. package/dist/cdn/flow/README.md +27 -0
  232. package/dist/cdn/flow/snice-flow.js +822 -0
  233. package/dist/cdn/flow/snice-flow.js.map +1 -0
  234. package/dist/cdn/flow/snice-flow.min.js +17 -0
  235. package/dist/cdn/flow/snice-flow.min.js.map +1 -0
  236. package/dist/cdn/funnel/snice-funnel.js +1 -1
  237. package/dist/cdn/funnel/snice-funnel.min.js +1 -1
  238. package/dist/cdn/gantt/README.md +27 -0
  239. package/dist/cdn/gantt/snice-gantt.js +436 -0
  240. package/dist/cdn/gantt/snice-gantt.js.map +1 -0
  241. package/dist/cdn/gantt/snice-gantt.min.js +60 -0
  242. package/dist/cdn/gantt/snice-gantt.min.js.map +1 -0
  243. package/dist/cdn/gauge/snice-gauge.js +1 -1
  244. package/dist/cdn/gauge/snice-gauge.min.js +1 -1
  245. package/dist/cdn/heatmap/snice-heatmap.js +1 -1
  246. package/dist/cdn/heatmap/snice-heatmap.min.js +1 -1
  247. package/dist/cdn/image/snice-image.js +1 -1
  248. package/dist/cdn/image/snice-image.min.js +1 -1
  249. package/dist/cdn/input/snice-input.js +1 -1
  250. package/dist/cdn/input/snice-input.min.js +1 -1
  251. package/dist/cdn/kanban/snice-kanban.js +1 -1
  252. package/dist/cdn/kanban/snice-kanban.min.js +1 -1
  253. package/dist/cdn/kpi/snice-kpi.js +1 -1
  254. package/dist/cdn/kpi/snice-kpi.min.js +1 -1
  255. package/dist/cdn/layout/snice-layout.js +1 -1
  256. package/dist/cdn/layout/snice-layout.min.js +1 -1
  257. package/dist/cdn/link/snice-link.js +1 -1
  258. package/dist/cdn/link/snice-link.min.js +1 -1
  259. package/dist/cdn/link-preview/snice-link-preview.js +1 -1
  260. package/dist/cdn/link-preview/snice-link-preview.min.js +1 -1
  261. package/dist/cdn/list/snice-list.js +1 -1
  262. package/dist/cdn/list/snice-list.min.js +1 -1
  263. package/dist/cdn/location/snice-location.js +1 -1
  264. package/dist/cdn/location/snice-location.min.js +1 -1
  265. package/dist/cdn/login/snice-login.js +1 -1
  266. package/dist/cdn/login/snice-login.min.js +1 -1
  267. package/dist/cdn/map/README.md +27 -0
  268. package/dist/cdn/map/snice-map.js +415 -0
  269. package/dist/cdn/map/snice-map.js.map +1 -0
  270. package/dist/cdn/map/snice-map.min.js +52 -0
  271. package/dist/cdn/map/snice-map.min.js.map +1 -0
  272. package/dist/cdn/markdown/README.md +27 -0
  273. package/dist/cdn/markdown/snice-markdown.js +317 -0
  274. package/dist/cdn/markdown/snice-markdown.js.map +1 -0
  275. package/dist/cdn/markdown/snice-markdown.min.js +11 -0
  276. package/dist/cdn/markdown/snice-markdown.min.js.map +1 -0
  277. package/dist/cdn/masonry/snice-masonry.js +1 -1
  278. package/dist/cdn/masonry/snice-masonry.min.js +1 -1
  279. package/dist/cdn/menu/snice-menu.js +1 -1
  280. package/dist/cdn/menu/snice-menu.min.js +1 -1
  281. package/dist/cdn/modal/snice-modal.js +1 -1
  282. package/dist/cdn/modal/snice-modal.min.js +1 -1
  283. package/dist/cdn/music-player/snice-music-player.js +1 -1
  284. package/dist/cdn/music-player/snice-music-player.min.js +1 -1
  285. package/dist/cdn/nav/snice-nav.js +1 -1
  286. package/dist/cdn/nav/snice-nav.min.js +1 -1
  287. package/dist/cdn/network-graph/snice-network-graph.js +1 -1
  288. package/dist/cdn/network-graph/snice-network-graph.min.js +1 -1
  289. package/dist/cdn/notification-center/README.md +27 -0
  290. package/dist/cdn/notification-center/snice-notification-center.js +204 -0
  291. package/dist/cdn/notification-center/snice-notification-center.js.map +1 -0
  292. package/dist/cdn/notification-center/snice-notification-center.min.js +33 -0
  293. package/dist/cdn/notification-center/snice-notification-center.min.js.map +1 -0
  294. package/dist/cdn/org-chart/README.md +27 -0
  295. package/dist/cdn/org-chart/snice-org-chart.js +294 -0
  296. package/dist/cdn/org-chart/snice-org-chart.js.map +1 -0
  297. package/dist/cdn/org-chart/snice-org-chart.min.js +32 -0
  298. package/dist/cdn/org-chart/snice-org-chart.min.js.map +1 -0
  299. package/dist/cdn/pagination/snice-pagination.js +1 -1
  300. package/dist/cdn/pagination/snice-pagination.min.js +1 -1
  301. package/dist/cdn/paint/snice-paint.js +1 -1
  302. package/dist/cdn/paint/snice-paint.min.js +1 -1
  303. package/dist/cdn/pdf-viewer/README.md +27 -0
  304. package/dist/cdn/pdf-viewer/snice-pdf-viewer.js +594 -0
  305. package/dist/cdn/pdf-viewer/snice-pdf-viewer.js.map +1 -0
  306. package/dist/cdn/pdf-viewer/snice-pdf-viewer.min.js +88 -0
  307. package/dist/cdn/pdf-viewer/snice-pdf-viewer.min.js.map +1 -0
  308. package/dist/cdn/podcast-player/README.md +27 -0
  309. package/dist/cdn/podcast-player/snice-podcast-player.js +835 -0
  310. package/dist/cdn/podcast-player/snice-podcast-player.js.map +1 -0
  311. package/dist/cdn/podcast-player/snice-podcast-player.min.js +209 -0
  312. package/dist/cdn/podcast-player/snice-podcast-player.min.js.map +1 -0
  313. package/dist/cdn/pricing-table/README.md +27 -0
  314. package/dist/cdn/pricing-table/snice-pricing-table.js +491 -0
  315. package/dist/cdn/pricing-table/snice-pricing-table.js.map +1 -0
  316. package/dist/cdn/pricing-table/snice-pricing-table.min.js +141 -0
  317. package/dist/cdn/pricing-table/snice-pricing-table.min.js.map +1 -0
  318. package/dist/cdn/progress/snice-progress.js +1 -1
  319. package/dist/cdn/progress/snice-progress.min.js +1 -1
  320. package/dist/cdn/qr-code/snice-qr-code.js +1 -1
  321. package/dist/cdn/qr-code/snice-qr-code.min.js +1 -1
  322. package/dist/cdn/qr-reader/snice-qr-reader.js +1 -1
  323. package/dist/cdn/qr-reader/snice-qr-reader.min.js +1 -1
  324. package/dist/cdn/radio/snice-radio.js +1 -1
  325. package/dist/cdn/radio/snice-radio.min.js +1 -1
  326. package/dist/cdn/rating/README.md +27 -0
  327. package/dist/cdn/rating/snice-rating.js +210 -0
  328. package/dist/cdn/rating/snice-rating.js.map +1 -0
  329. package/dist/cdn/rating/snice-rating.min.js +25 -0
  330. package/dist/cdn/rating/snice-rating.min.js.map +1 -0
  331. package/dist/cdn/recipe/README.md +27 -0
  332. package/dist/cdn/recipe/snice-recipe.js +619 -0
  333. package/dist/cdn/recipe/snice-recipe.js.map +1 -0
  334. package/dist/cdn/recipe/snice-recipe.min.js +185 -0
  335. package/dist/cdn/recipe/snice-recipe.min.js.map +1 -0
  336. package/dist/cdn/runtime/snice-runtime.esm.js +3 -3
  337. package/dist/cdn/runtime/snice-runtime.esm.js.map +1 -1
  338. package/dist/cdn/runtime/snice-runtime.esm.min.js +3 -3
  339. package/dist/cdn/runtime/snice-runtime.esm.min.js.map +1 -1
  340. package/dist/cdn/runtime/snice-runtime.js +3 -3
  341. package/dist/cdn/runtime/snice-runtime.js.map +1 -1
  342. package/dist/cdn/runtime/snice-runtime.min.js +3 -3
  343. package/dist/cdn/runtime/snice-runtime.min.js.map +1 -1
  344. package/dist/cdn/sankey/snice-sankey.js +1 -1
  345. package/dist/cdn/sankey/snice-sankey.min.js +1 -1
  346. package/dist/cdn/select/snice-select.js +1 -1
  347. package/dist/cdn/select/snice-select.min.js +1 -1
  348. package/dist/cdn/skeleton/snice-skeleton.js +1 -1
  349. package/dist/cdn/skeleton/snice-skeleton.min.js +1 -1
  350. package/dist/cdn/slider/snice-slider.js +1 -1
  351. package/dist/cdn/slider/snice-slider.min.js +1 -1
  352. package/dist/cdn/sortable/README.md +27 -0
  353. package/dist/cdn/sortable/snice-sortable.js +254 -0
  354. package/dist/cdn/sortable/snice-sortable.js.map +1 -0
  355. package/dist/cdn/sortable/snice-sortable.min.js +12 -0
  356. package/dist/cdn/sortable/snice-sortable.min.js.map +1 -0
  357. package/dist/cdn/sparkline/snice-sparkline.js +1 -1
  358. package/dist/cdn/sparkline/snice-sparkline.min.js +1 -1
  359. package/dist/cdn/spinner/snice-spinner.js +1 -1
  360. package/dist/cdn/spinner/snice-spinner.min.js +1 -1
  361. package/dist/cdn/split-pane/snice-split-pane.js +1 -1
  362. package/dist/cdn/split-pane/snice-split-pane.min.js +1 -1
  363. package/dist/cdn/spotlight/README.md +27 -0
  364. package/dist/cdn/spotlight/snice-spotlight.js +397 -0
  365. package/dist/cdn/spotlight/snice-spotlight.js.map +1 -0
  366. package/dist/cdn/spotlight/snice-spotlight.min.js +8 -0
  367. package/dist/cdn/spotlight/snice-spotlight.min.js.map +1 -0
  368. package/dist/cdn/spreadsheet/README.md +27 -0
  369. package/dist/cdn/spreadsheet/snice-spreadsheet.js +1171 -0
  370. package/dist/cdn/spreadsheet/snice-spreadsheet.js.map +1 -0
  371. package/dist/cdn/spreadsheet/snice-spreadsheet.min.js +30 -0
  372. package/dist/cdn/spreadsheet/snice-spreadsheet.min.js.map +1 -0
  373. package/dist/cdn/stepper/snice-stepper.js +1 -1
  374. package/dist/cdn/stepper/snice-stepper.min.js +1 -1
  375. package/dist/cdn/switch/snice-switch.js +1 -1
  376. package/dist/cdn/switch/snice-switch.min.js +1 -1
  377. package/dist/cdn/table/snice-table.js +1 -1
  378. package/dist/cdn/table/snice-table.min.js +1 -1
  379. package/dist/cdn/tabs/snice-tabs.js +1 -1
  380. package/dist/cdn/tabs/snice-tabs.min.js +1 -1
  381. package/dist/cdn/tag-input/README.md +27 -0
  382. package/dist/cdn/tag-input/snice-tag-input.js +387 -0
  383. package/dist/cdn/tag-input/snice-tag-input.js.map +1 -0
  384. package/dist/cdn/tag-input/snice-tag-input.min.js +65 -0
  385. package/dist/cdn/tag-input/snice-tag-input.min.js.map +1 -0
  386. package/dist/cdn/terminal/snice-terminal.js +1 -1
  387. package/dist/cdn/terminal/snice-terminal.min.js +1 -1
  388. package/dist/cdn/testimonial/README.md +27 -0
  389. package/dist/cdn/testimonial/snice-testimonial.js +187 -0
  390. package/dist/cdn/testimonial/snice-testimonial.js.map +1 -0
  391. package/dist/cdn/testimonial/snice-testimonial.min.js +21 -0
  392. package/dist/cdn/testimonial/snice-testimonial.min.js.map +1 -0
  393. package/dist/cdn/textarea/snice-textarea.js +1 -1
  394. package/dist/cdn/textarea/snice-textarea.min.js +1 -1
  395. package/dist/cdn/time-range-picker/snice-time-range-picker.js +1 -1
  396. package/dist/cdn/time-range-picker/snice-time-range-picker.min.js +1 -1
  397. package/dist/cdn/timeline/snice-timeline.js +1 -1
  398. package/dist/cdn/timeline/snice-timeline.min.js +1 -1
  399. package/dist/cdn/timer/snice-timer.js +1 -1
  400. package/dist/cdn/timer/snice-timer.min.js +1 -1
  401. package/dist/cdn/toast/snice-toast.js +1 -1
  402. package/dist/cdn/toast/snice-toast.min.js +1 -1
  403. package/dist/cdn/tooltip/snice-tooltip.js +1 -1
  404. package/dist/cdn/tooltip/snice-tooltip.min.js +1 -1
  405. package/dist/cdn/tree/snice-tree.js +1 -1
  406. package/dist/cdn/tree/snice-tree.min.js +1 -1
  407. package/dist/cdn/treemap/snice-treemap.js +1 -1
  408. package/dist/cdn/treemap/snice-treemap.min.js +1 -1
  409. package/dist/cdn/video-player/README.md +27 -0
  410. package/dist/cdn/video-player/snice-video-player.js +721 -0
  411. package/dist/cdn/video-player/snice-video-player.js.map +1 -0
  412. package/dist/cdn/video-player/snice-video-player.min.js +153 -0
  413. package/dist/cdn/video-player/snice-video-player.min.js.map +1 -0
  414. package/dist/cdn/virtual-scroller/snice-virtual-scroller.js +1 -1
  415. package/dist/cdn/virtual-scroller/snice-virtual-scroller.min.js +1 -1
  416. package/dist/cdn/waterfall/README.md +27 -0
  417. package/dist/cdn/waterfall/snice-waterfall.js +292 -0
  418. package/dist/cdn/waterfall/snice-waterfall.js.map +1 -0
  419. package/dist/cdn/waterfall/snice-waterfall.min.js +12 -0
  420. package/dist/cdn/waterfall/snice-waterfall.min.js.map +1 -0
  421. package/dist/cdn/weather/README.md +27 -0
  422. package/dist/cdn/weather/snice-weather.js +194 -0
  423. package/dist/cdn/weather/snice-weather.js.map +1 -0
  424. package/dist/cdn/weather/snice-weather.min.js +42 -0
  425. package/dist/cdn/weather/snice-weather.min.js.map +1 -0
  426. package/dist/components/app-tiles/snice-app-tiles.d.ts +36 -0
  427. package/dist/components/app-tiles/snice-app-tiles.js +265 -0
  428. package/dist/components/app-tiles/snice-app-tiles.js.map +1 -0
  429. package/dist/components/app-tiles/snice-app-tiles.types.d.ts +22 -0
  430. package/dist/components/book/snice-book.d.ts +46 -0
  431. package/dist/components/book/snice-book.js +285 -0
  432. package/dist/components/book/snice-book.js.map +1 -0
  433. package/dist/components/book/snice-book.types.d.ts +21 -0
  434. package/dist/components/comments/snice-comments.d.ts +62 -0
  435. package/dist/components/comments/snice-comments.js +476 -0
  436. package/dist/components/comments/snice-comments.js.map +1 -0
  437. package/dist/components/comments/snice-comments.types.d.ts +64 -0
  438. package/dist/components/countdown/snice-countdown.d.ts +21 -0
  439. package/dist/components/countdown/snice-countdown.js +168 -0
  440. package/dist/components/countdown/snice-countdown.js.map +1 -0
  441. package/dist/components/countdown/snice-countdown.types.d.ts +18 -0
  442. package/dist/components/cropper/snice-cropper.d.ts +32 -0
  443. package/dist/components/cropper/snice-cropper.js +285 -0
  444. package/dist/components/cropper/snice-cropper.js.map +1 -0
  445. package/dist/components/cropper/snice-cropper.types.d.ts +26 -0
  446. package/dist/components/diff/snice-diff.d.ts +32 -0
  447. package/dist/components/diff/snice-diff.js +374 -0
  448. package/dist/components/diff/snice-diff.js.map +1 -0
  449. package/dist/components/diff/snice-diff.types.d.ts +26 -0
  450. package/dist/components/flip-card/snice-flip-card.d.ts +15 -0
  451. package/dist/components/flip-card/snice-flip-card.js +116 -0
  452. package/dist/components/flip-card/snice-flip-card.js.map +1 -0
  453. package/dist/components/flip-card/snice-flip-card.types.d.ts +16 -0
  454. package/dist/components/flow/snice-flow.d.ts +91 -0
  455. package/dist/components/flow/snice-flow.js +755 -0
  456. package/dist/components/flow/snice-flow.js.map +1 -0
  457. package/dist/components/flow/snice-flow.types.d.ts +64 -0
  458. package/dist/components/gantt/snice-gantt.d.ts +34 -0
  459. package/dist/components/gantt/snice-gantt.js +369 -0
  460. package/dist/components/gantt/snice-gantt.js.map +1 -0
  461. package/dist/components/gantt/snice-gantt.types.d.ts +37 -0
  462. package/dist/components/map/snice-map.d.ts +44 -0
  463. package/dist/components/map/snice-map.js +348 -0
  464. package/dist/components/map/snice-map.js.map +1 -0
  465. package/dist/components/map/snice-map.types.d.ts +41 -0
  466. package/dist/components/markdown/snice-markdown.d.ts +24 -0
  467. package/dist/components/markdown/snice-markdown.js +250 -0
  468. package/dist/components/markdown/snice-markdown.js.map +1 -0
  469. package/dist/components/markdown/snice-markdown.types.d.ts +16 -0
  470. package/dist/components/notification-center/snice-notification-center.d.ts +18 -0
  471. package/dist/components/notification-center/snice-notification-center.js +137 -0
  472. package/dist/components/notification-center/snice-notification-center.js.map +1 -0
  473. package/dist/components/notification-center/snice-notification-center.types.d.ts +24 -0
  474. package/dist/components/org-chart/snice-org-chart.d.ts +28 -0
  475. package/dist/components/org-chart/snice-org-chart.js +227 -0
  476. package/dist/components/org-chart/snice-org-chart.js.map +1 -0
  477. package/dist/components/org-chart/snice-org-chart.types.d.ts +28 -0
  478. package/dist/components/pdf-viewer/pdf.min.mjs +21 -0
  479. package/dist/components/pdf-viewer/pdf.worker.min.mjs +21 -0
  480. package/dist/components/pdf-viewer/snice-pdf-viewer.d.ts +59 -0
  481. package/dist/components/pdf-viewer/snice-pdf-viewer.js +527 -0
  482. package/dist/components/pdf-viewer/snice-pdf-viewer.js.map +1 -0
  483. package/dist/components/pdf-viewer/snice-pdf-viewer.types.d.ts +25 -0
  484. package/dist/components/podcast-player/snice-podcast-player.d.ts +72 -0
  485. package/dist/components/podcast-player/snice-podcast-player.js +768 -0
  486. package/dist/components/podcast-player/snice-podcast-player.js.map +1 -0
  487. package/dist/components/podcast-player/snice-podcast-player.types.d.ts +79 -0
  488. package/dist/components/pricing-table/snice-pricing-table.d.ts +51 -0
  489. package/dist/components/pricing-table/snice-pricing-table.js +422 -0
  490. package/dist/components/pricing-table/snice-pricing-table.js.map +1 -0
  491. package/dist/components/pricing-table/snice-pricing-table.types.d.ts +49 -0
  492. package/dist/components/rating/snice-rating.d.ts +15 -0
  493. package/dist/components/rating/snice-rating.js +143 -0
  494. package/dist/components/rating/snice-rating.js.map +1 -0
  495. package/dist/components/rating/snice-rating.types.d.ts +15 -0
  496. package/dist/components/recipe/snice-recipe.d.ts +53 -0
  497. package/dist/components/recipe/snice-recipe.js +552 -0
  498. package/dist/components/recipe/snice-recipe.js.map +1 -0
  499. package/dist/components/recipe/snice-recipe.types.d.ts +56 -0
  500. package/dist/components/sortable/snice-sortable.d.ts +24 -0
  501. package/dist/components/sortable/snice-sortable.js +187 -0
  502. package/dist/components/sortable/snice-sortable.js.map +1 -0
  503. package/dist/components/sortable/snice-sortable.types.d.ts +20 -0
  504. package/dist/components/spotlight/snice-spotlight.d.ts +42 -0
  505. package/dist/components/spotlight/snice-spotlight.js +330 -0
  506. package/dist/components/spotlight/snice-spotlight.js.map +1 -0
  507. package/dist/components/spotlight/snice-spotlight.types.d.ts +26 -0
  508. package/dist/components/spreadsheet/snice-spreadsheet.d.ts +102 -0
  509. package/dist/components/spreadsheet/snice-spreadsheet.js +1104 -0
  510. package/dist/components/spreadsheet/snice-spreadsheet.js.map +1 -0
  511. package/dist/components/spreadsheet/snice-spreadsheet.types.d.ts +54 -0
  512. package/dist/components/tag-input/snice-tag-input.d.ts +40 -0
  513. package/dist/components/tag-input/snice-tag-input.js +320 -0
  514. package/dist/components/tag-input/snice-tag-input.js.map +1 -0
  515. package/dist/components/tag-input/snice-tag-input.types.d.ts +29 -0
  516. package/dist/components/testimonial/snice-testimonial.d.ts +15 -0
  517. package/dist/components/testimonial/snice-testimonial.js +120 -0
  518. package/dist/components/testimonial/snice-testimonial.js.map +1 -0
  519. package/dist/components/testimonial/snice-testimonial.types.d.ts +10 -0
  520. package/dist/components/video-player/snice-video-player.d.ts +78 -0
  521. package/dist/components/video-player/snice-video-player.js +654 -0
  522. package/dist/components/video-player/snice-video-player.js.map +1 -0
  523. package/dist/components/video-player/snice-video-player.types.d.ts +47 -0
  524. package/dist/components/waterfall/snice-waterfall.d.ts +30 -0
  525. package/dist/components/waterfall/snice-waterfall.js +225 -0
  526. package/dist/components/waterfall/snice-waterfall.js.map +1 -0
  527. package/dist/components/waterfall/snice-waterfall.types.d.ts +23 -0
  528. package/dist/components/weather/snice-weather.d.ts +10 -0
  529. package/dist/components/weather/snice-weather.js +127 -0
  530. package/dist/components/weather/snice-weather.js.map +1 -0
  531. package/dist/components/weather/snice-weather.types.d.ts +22 -0
  532. package/dist/index.cjs +1 -1
  533. package/dist/index.esm.js +1 -1
  534. package/dist/index.iife.js +1 -1
  535. package/dist/symbols.cjs +1 -1
  536. package/dist/symbols.esm.js +1 -1
  537. package/dist/transitions.cjs +1 -1
  538. package/dist/transitions.esm.js +1 -1
  539. package/docs/ai/DEVELOPMENT.md +1 -1
  540. package/docs/ai/api.md +6 -3
  541. package/docs/ai/components/accordion.md +0 -34
  542. package/docs/ai/components/app-tiles.md +77 -0
  543. package/docs/ai/components/audio-recorder.md +2 -0
  544. package/docs/ai/components/badge.md +7 -0
  545. package/docs/ai/components/book.md +78 -0
  546. package/docs/ai/components/button.md +5 -0
  547. package/docs/ai/components/chart.md +0 -24
  548. package/docs/ai/components/chat.md +7 -95
  549. package/docs/ai/components/code-block.md +3 -82
  550. package/docs/ai/components/color-display.md +3 -3
  551. package/docs/ai/components/color-picker.md +4 -4
  552. package/docs/ai/components/comments.md +75 -0
  553. package/docs/ai/components/countdown.md +54 -0
  554. package/docs/ai/components/cropper.md +57 -0
  555. package/docs/ai/components/date-picker.md +15 -9
  556. package/docs/ai/components/diff.md +66 -0
  557. package/docs/ai/components/divider.md +1 -1
  558. package/docs/ai/components/draw.md +5 -5
  559. package/docs/ai/components/drawer.md +5 -5
  560. package/docs/ai/components/empty-state.md +2 -2
  561. package/docs/ai/components/file-gallery.md +16 -87
  562. package/docs/ai/components/file-upload.md +6 -6
  563. package/docs/ai/components/flip-card.md +52 -0
  564. package/docs/ai/components/flow.md +104 -0
  565. package/docs/ai/components/funnel.md +3 -3
  566. package/docs/ai/components/gantt.md +63 -0
  567. package/docs/ai/components/gauge.md +1 -1
  568. package/docs/ai/components/heatmap.md +5 -5
  569. package/docs/ai/components/input.md +20 -18
  570. package/docs/ai/components/kanban.md +2 -2
  571. package/docs/ai/components/kpi.md +4 -53
  572. package/docs/ai/components/layout.md +10 -235
  573. package/docs/ai/components/link-preview.md +20 -29
  574. package/docs/ai/components/link.md +27 -47
  575. package/docs/ai/components/list.md +51 -31
  576. package/docs/ai/components/location.md +15 -27
  577. package/docs/ai/components/login.md +43 -94
  578. package/docs/ai/components/map.md +72 -0
  579. package/docs/ai/components/markdown.md +63 -0
  580. package/docs/ai/components/masonry.md +10 -6
  581. package/docs/ai/components/menu.md +40 -72
  582. package/docs/ai/components/modal.md +25 -42
  583. package/docs/ai/components/music-player.md +37 -89
  584. package/docs/ai/components/nav.md +25 -39
  585. package/docs/ai/components/network-graph.md +39 -43
  586. package/docs/ai/components/notification-center.md +79 -0
  587. package/docs/ai/components/org-chart.md +62 -0
  588. package/docs/ai/components/pagination.md +16 -18
  589. package/docs/ai/components/pdf-viewer.md +57 -0
  590. package/docs/ai/components/podcast-player.md +94 -0
  591. package/docs/ai/components/pricing-table.md +87 -0
  592. package/docs/ai/components/progress.md +23 -39
  593. package/docs/ai/components/qr-code.md +37 -84
  594. package/docs/ai/components/qr-reader.md +51 -61
  595. package/docs/ai/components/radio.md +27 -39
  596. package/docs/ai/components/rating.md +56 -0
  597. package/docs/ai/components/recipe.md +90 -0
  598. package/docs/ai/components/skeleton.md +0 -8
  599. package/docs/ai/components/slider.md +10 -50
  600. package/docs/ai/components/sortable.md +57 -0
  601. package/docs/ai/components/sparkline.md +26 -152
  602. package/docs/ai/components/spinner.md +0 -21
  603. package/docs/ai/components/split-pane.md +16 -38
  604. package/docs/ai/components/spotlight.md +61 -0
  605. package/docs/ai/components/spreadsheet.md +138 -0
  606. package/docs/ai/components/stepper.md +37 -183
  607. package/docs/ai/components/switch.md +28 -35
  608. package/docs/ai/components/table.md +43 -172
  609. package/docs/ai/components/tabs.md +31 -52
  610. package/docs/ai/components/tag-input.md +70 -0
  611. package/docs/ai/components/terminal.md +34 -116
  612. package/docs/ai/components/testimonial.md +56 -0
  613. package/docs/ai/components/textarea.md +11 -43
  614. package/docs/ai/components/theme.md +120 -0
  615. package/docs/ai/components/time-range-picker.md +17 -49
  616. package/docs/ai/components/timeline.md +7 -46
  617. package/docs/ai/components/timer.md +41 -37
  618. package/docs/ai/components/toast.md +19 -90
  619. package/docs/ai/components/tooltip.md +17 -104
  620. package/docs/ai/components/tree.md +38 -162
  621. package/docs/ai/components/treemap.md +23 -44
  622. package/docs/ai/components/video-player.md +91 -0
  623. package/docs/ai/components/virtual-scroller.md +23 -46
  624. package/docs/ai/components/waterfall.md +56 -0
  625. package/docs/ai/components/weather.md +78 -0
  626. package/docs/ai/decorators.md +25 -3
  627. package/docs/ai/patterns.md +17 -1
  628. package/docs/components/accordion.md +8 -6
  629. package/docs/components/alert.md +2 -0
  630. package/docs/components/app-tiles.md +162 -0
  631. package/docs/components/audio-recorder.md +6 -0
  632. package/docs/components/avatar.md +225 -0
  633. package/docs/components/badge.md +2 -0
  634. package/docs/components/banner.md +2 -0
  635. package/docs/components/book.md +184 -0
  636. package/docs/components/breadcrumbs.md +2 -0
  637. package/docs/components/button.md +15 -0
  638. package/docs/components/calendar.md +2 -0
  639. package/docs/components/camera-annotate.md +2 -0
  640. package/docs/components/camera.md +2 -0
  641. package/docs/components/candlestick.md +2 -0
  642. package/docs/components/card.md +2 -0
  643. package/docs/components/carousel.md +205 -36
  644. package/docs/components/chart.md +2 -0
  645. package/docs/components/chat.md +2 -0
  646. package/docs/components/checkbox.md +2 -0
  647. package/docs/components/chip.md +2 -0
  648. package/docs/components/code-block.md +2 -0
  649. package/docs/components/color-display.md +2 -0
  650. package/docs/components/color-picker.md +6 -4
  651. package/docs/components/command-palette.md +2 -0
  652. package/docs/components/comments.md +235 -0
  653. package/docs/components/countdown.md +121 -0
  654. package/docs/components/cropper.md +152 -0
  655. package/docs/components/date-picker.md +201 -0
  656. package/docs/components/diff.md +177 -0
  657. package/docs/components/divider.md +132 -0
  658. package/docs/components/doc.md +2 -0
  659. package/docs/components/draw.md +2 -0
  660. package/docs/components/drawer.md +2 -0
  661. package/docs/components/empty-state.md +2 -0
  662. package/docs/components/file-gallery.md +2 -0
  663. package/docs/components/file-upload.md +2 -0
  664. package/docs/components/flip-card.md +169 -0
  665. package/docs/components/flow.md +208 -0
  666. package/docs/components/funnel.md +2 -0
  667. package/docs/components/gantt.md +187 -0
  668. package/docs/components/gauge.md +2 -0
  669. package/docs/components/heatmap.md +2 -0
  670. package/docs/components/image.md +2 -0
  671. package/docs/components/input.md +242 -0
  672. package/docs/components/kanban.md +2 -0
  673. package/docs/components/kpi.md +2 -0
  674. package/docs/components/layout.md +84 -0
  675. package/docs/components/link-preview.md +66 -92
  676. package/docs/components/link.md +73 -157
  677. package/docs/components/list.md +140 -44
  678. package/docs/components/location.md +96 -283
  679. package/docs/components/login.md +131 -498
  680. package/docs/components/map.md +203 -0
  681. package/docs/components/markdown.md +220 -0
  682. package/docs/components/masonry.md +57 -102
  683. package/docs/components/menu.md +87 -494
  684. package/docs/components/modal.md +83 -436
  685. package/docs/components/music-player.md +116 -221
  686. package/docs/components/nav.md +107 -170
  687. package/docs/components/network-graph.md +83 -111
  688. package/docs/components/notification-center.md +256 -0
  689. package/docs/components/org-chart.md +275 -0
  690. package/docs/components/pagination.md +75 -218
  691. package/docs/components/paint.md +108 -73
  692. package/docs/components/pdf-viewer.md +204 -0
  693. package/docs/components/podcast-player.md +277 -0
  694. package/docs/components/pricing-table.md +249 -0
  695. package/docs/components/progress.md +169 -0
  696. package/docs/components/qr-code.md +95 -378
  697. package/docs/components/qr-reader.md +83 -258
  698. package/docs/components/radio.md +151 -0
  699. package/docs/components/rating.md +154 -0
  700. package/docs/components/recipe.md +323 -0
  701. package/docs/components/sankey.md +84 -107
  702. package/docs/components/select.md +114 -485
  703. package/docs/components/skeleton.md +96 -0
  704. package/docs/components/slider.md +92 -235
  705. package/docs/components/sortable.md +267 -0
  706. package/docs/components/sparkline.md +76 -222
  707. package/docs/components/spinner.md +37 -18
  708. package/docs/components/split-pane.md +62 -226
  709. package/docs/components/spotlight.md +240 -0
  710. package/docs/components/spreadsheet.md +405 -0
  711. package/docs/components/stepper.md +72 -306
  712. package/docs/components/switch.md +69 -293
  713. package/docs/components/table.md +250 -0
  714. package/docs/components/tabs.md +92 -471
  715. package/docs/components/tag-input.md +257 -0
  716. package/docs/components/terminal.md +87 -391
  717. package/docs/components/testimonial.md +185 -0
  718. package/docs/components/textarea.md +96 -181
  719. package/docs/components/theme.md +216 -0
  720. package/docs/components/time-range-picker.md +99 -151
  721. package/docs/components/timeline.md +67 -115
  722. package/docs/components/timer.md +44 -86
  723. package/docs/components/toast.md +93 -432
  724. package/docs/components/tooltip.md +75 -419
  725. package/docs/components/tree.md +110 -436
  726. package/docs/components/treemap.md +86 -129
  727. package/docs/components/video-player.md +336 -0
  728. package/docs/components/virtual-scroller.md +86 -226
  729. package/docs/components/waterfall.md +217 -0
  730. package/docs/components/weather.md +239 -0
  731. package/package.json +1 -1
  732. package/docs/ai/components/popover.md +0 -70
  733. 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 CHANGED
@@ -1,213 +1,161 @@
1
+ [//]: # (AI: For a low-token version of this doc, use docs/ai/components/time-range-picker.md instead)
2
+
1
3
  # Time Range Picker
4
+ `<snice-time-range-picker>`
2
5
 
3
- The `<snice-time-range-picker>` component provides a vertically stacked time slot picker for selecting time ranges within a single day. Users can click and drag to select contiguous time ranges, or click individual slots.
6
+ A vertically stacked time slot picker for selecting time ranges within a single day via click and drag.
4
7
 
5
8
  ## Basic Usage
6
9
 
7
- ```html
8
- <snice-time-range-picker
9
- start-time="08:00"
10
- end-time="18:00">
11
- </snice-time-range-picker>
12
- ```
13
-
14
- ## Properties
15
-
16
- | Property | Attribute | Type | Default | Description |
17
- |----------|-----------|------|---------|-------------|
18
- | `granularity` | `granularity` | `5 \| 15 \| 30 \| 60` | `15` | Time interval in minutes for each slot |
19
- | `startTime` | `start-time` | `string` | `'00:00'` | Start time of the day in HH:MM format |
20
- | `endTime` | `end-time` | `string` | `'23:59'` | End time of the day in HH:MM format |
21
- | `value` | `value` | `string` | `''` | JSON string of selected time ranges |
22
- | `disabledRanges` | `disabled-ranges` | `string` | `''` | JSON string of disabled time ranges |
23
- | `format` | `format` | `'12h' \| '24h'` | `'24h'` | Time display format |
24
- | `multiple` | `multiple` | `boolean` | `false` | Allow multiple non-contiguous range selections |
25
- | `readonly` | `readonly` | `boolean` | `false` | Prevent interaction but show selections |
26
- | `disabled` | `disabled` | `boolean` | `false` | Disable all interaction |
27
-
28
- ## Time Range Format
29
-
30
- Both `value` and `disabled-ranges` use JSON arrays of time range objects:
31
-
32
10
  ```typescript
33
- interface TimeRange {
34
- start: string; // "HH:MM" format
35
- end: string; // "HH:MM" format
36
- }
37
- ```
38
-
39
- Example:
40
- ```json
41
- [{"start": "09:00", "end": "11:00"}, {"start": "14:00", "end": "16:00"}]
11
+ import 'snice/components/time-range-picker/snice-time-range-picker';
42
12
  ```
43
13
 
44
- ## Events
45
-
46
- ### `@snice/time-range-change`
47
-
48
- Fired when the selection changes.
49
-
50
- ```javascript
51
- picker.addEventListener('@snice/time-range-change', (e) => {
52
- console.log('Selected ranges:', e.detail.ranges);
53
- // [{start: "09:00", end: "10:30"}, ...]
54
- });
14
+ ```html
15
+ <snice-time-range-picker start-time="08:00" end-time="18:00"></snice-time-range-picker>
55
16
  ```
56
17
 
57
- **Detail:**
58
- - `ranges` - Array of selected `TimeRange` objects
59
- - `component` - Reference to the picker element
18
+ ## Importing
60
19
 
61
- ### `@snice/time-range-select`
62
-
63
- Fired when a drag selection begins.
64
-
65
- ```javascript
66
- picker.addEventListener('@snice/time-range-select', (e) => {
67
- console.log('Drag started at:', e.detail.start);
68
- });
20
+ **ESM (bundler)**
21
+ ```typescript
22
+ import 'snice/components/time-range-picker/snice-time-range-picker';
69
23
  ```
70
24
 
71
- **Detail:**
72
- - `start` - The time where dragging started
73
- - `component` - Reference to the picker element
74
-
75
- ### `@snice/time-range-complete`
76
-
77
- Fired when a drag selection completes.
78
-
79
- ```javascript
80
- picker.addEventListener('@snice/time-range-complete', (e) => {
81
- console.log('Completed range:', e.detail.range);
82
- console.log('All ranges:', e.detail.ranges);
83
- });
25
+ **CDN**
26
+ ```html
27
+ <script src="snice-runtime.min.js"></script>
28
+ <script src="snice-time-range-picker.min.js"></script>
84
29
  ```
85
30
 
86
- **Detail:**
87
- - `range` - The just-completed `TimeRange`
88
- - `ranges` - All currently selected ranges
89
- - `component` - Reference to the picker element
90
-
91
- ## Methods
92
-
93
- ### `getSelectedRanges(): TimeRange[]`
94
-
95
- Returns an array of currently selected time ranges.
96
-
97
- ```javascript
98
- const ranges = picker.getSelectedRanges();
99
- // [{start: "09:00", end: "10:30"}]
100
- ```
31
+ ## Examples
101
32
 
102
- ### `setSelectedRanges(ranges: TimeRange[]): void`
33
+ ### Granularity
103
34
 
104
- Programmatically sets the selected time ranges.
35
+ Use the `granularity` attribute to set the time interval in minutes for each slot.
105
36
 
106
- ```javascript
107
- picker.setSelectedRanges([
108
- { start: '09:00', end: '11:00' },
109
- { start: '14:00', end: '16:00' }
110
- ]);
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>
111
42
  ```
112
43
 
113
- ### `clearSelection(): void`
44
+ ### 12-Hour Format
114
45
 
115
- Clears all selected time ranges.
46
+ Use the `format` attribute to switch between 12-hour and 24-hour time display.
116
47
 
117
- ```javascript
118
- picker.clearSelection();
48
+ ```html
49
+ <snice-time-range-picker format="12h" start-time="08:00" end-time="18:00"></snice-time-range-picker>
119
50
  ```
120
51
 
121
- ### `isSlotDisabled(time: string): boolean`
52
+ ### Multiple Ranges
122
53
 
123
- Checks if a specific time slot is disabled.
54
+ Set the `multiple` attribute to allow selecting non-contiguous ranges.
124
55
 
125
- ```javascript
126
- picker.isSlotDisabled('12:00'); // true if in disabled ranges
56
+ ```html
57
+ <snice-time-range-picker multiple granularity="30" start-time="08:00" end-time="18:00"></snice-time-range-picker>
127
58
  ```
128
59
 
129
- ## Examples
60
+ ### Disabled Ranges
130
61
 
131
- ### Appointment Booking
62
+ Use the `disabled-ranges` attribute (JSON string) to block out unavailable time slots.
132
63
 
133
64
  ```html
134
65
  <snice-time-range-picker
135
66
  granularity="30"
136
- format="12h"
137
67
  start-time="08:00"
138
68
  end-time="18:00"
139
69
  disabled-ranges='[{"start":"12:00","end":"13:00"}]'>
140
70
  </snice-time-range-picker>
141
71
  ```
142
72
 
143
- ### Working Hours Configuration
73
+ ### Pre-selected Values
74
+
75
+ Use the `value` attribute (JSON string) to set initial selections.
144
76
 
145
77
  ```html
146
78
  <snice-time-range-picker
147
79
  multiple
148
- granularity="60"
149
- start-time="06:00"
150
- end-time="22:00">
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"}]'>
151
84
  </snice-time-range-picker>
152
85
  ```
153
86
 
154
- ### Fine-Grained Scheduling
87
+ ### Readonly and Disabled
155
88
 
156
89
  ```html
157
- <snice-time-range-picker
158
- granularity="5"
159
- start-time="09:00"
160
- end-time="10:00">
161
- </snice-time-range-picker>
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>
162
92
  ```
163
93
 
164
- ### Pre-selected Schedule
94
+ ### Event Handling
165
95
 
166
- ```html
167
- <snice-time-range-picker
168
- granularity="30"
169
- format="12h"
170
- start-time="08:00"
171
- end-time="18:00"
172
- value='[{"start":"09:00","end":"11:30"},{"start":"14:00","end":"16:30"}]'
173
- multiple>
174
- </snice-time-range-picker>
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
+ });
175
106
  ```
176
107
 
177
- ## Interaction
108
+ ### Programmatic Control
178
109
 
179
- ### Mouse
180
- - **Click** a slot to select it individually
181
- - **Click and drag** across slots to select a contiguous range
182
- - In multiple mode, existing selections are preserved when adding new ranges
110
+ ```javascript
111
+ const picker = document.querySelector('snice-time-range-picker');
183
112
 
184
- ### Touch
185
- - **Tap** a slot to select it
186
- - **Touch and drag** to select a range
113
+ picker.setSelectedRanges([
114
+ { start: '09:00', end: '11:00' },
115
+ { start: '14:00', end: '16:00' }
116
+ ]);
187
117
 
188
- ### Keyboard
189
- - **Enter / Space** - Toggle selection of focused slot
190
- - **Arrow Up / Down** - Navigate between slots
191
- - **Escape** - Clear all selections
118
+ const ranges = picker.getSelectedRanges();
119
+ picker.clearSelection();
120
+ picker.isSlotDisabled('12:00'); // true if disabled
121
+ ```
122
+
123
+ ## Properties
192
124
 
193
- ## Accessibility
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 |
194
136
 
195
- - Each slot has `role="option"` with appropriate `aria-selected` and `aria-disabled` attributes
196
- - Keyboard-navigable with visible focus indicators
197
- - Disabled slots have `tabindex="-1"` and are skipped during keyboard navigation
137
+ ## Events
198
138
 
199
- ## Styling
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 |
200
144
 
201
- The component uses CSS custom properties from the Snice theme system:
145
+ ## Methods
202
146
 
203
- | Variable | Usage |
204
- |----------|-------|
205
- | `--snice-color-primary` | Selected slot background |
206
- | `--snice-color-text-inverse` | Selected slot text |
207
- | `--snice-color-border` | Slot borders |
208
- | `--snice-color-background` | Component background |
209
- | `--snice-color-background-element` | Disabled slot background / hover |
210
- | `--snice-color-text-tertiary` | Disabled slot text |
211
- | `--snice-font-family` | Font family |
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` |
212
153
 
213
- All values include fallbacks for use without the theme loaded.
154
+ ### TimeRange Interface
155
+
156
+ ```typescript
157
+ interface TimeRange {
158
+ start: string; // "HH:MM"
159
+ end: string; // "HH:MM"
160
+ }
161
+ ```