@lostgradient/cinder 0.1.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (551) hide show
  1. package/CHANGELOG.md +62 -0
  2. package/README.md +163 -0
  3. package/components.json +390 -3
  4. package/dist/_internal/chart/chart-focus-ring.d.ts +57 -0
  5. package/dist/_internal/chart/chart-utilities.d.ts +2 -0
  6. package/dist/_internal/chart/heatmap-utilities.d.ts +60 -0
  7. package/dist/components/accordion/index.js +14 -1
  8. package/dist/components/alert/alert.schema.js +3 -3
  9. package/dist/components/alert/alert.types.d.ts +3 -2
  10. package/dist/components/alert/index.js +3 -2
  11. package/dist/components/alert-dialog/index.js +11 -2
  12. package/dist/components/area-chart/area-chart.css +57 -7
  13. package/dist/components/area-chart/index.js +283 -40
  14. package/dist/components/avatar-group/avatar-group.css +2 -3
  15. package/dist/components/badge/badge.css +17 -0
  16. package/dist/components/badge/badge.schema.js +6 -1
  17. package/dist/components/badge/badge.types.d.ts +7 -0
  18. package/dist/components/badge/index.js +4 -2
  19. package/dist/components/bar-chart/bar-chart.css +57 -7
  20. package/dist/components/bar-chart/index.js +233 -45
  21. package/dist/components/button/button.css +5 -3
  22. package/dist/components/button/index.js +11 -2
  23. package/dist/components/capability-gate/capability-gate.css +131 -0
  24. package/dist/components/capability-gate/capability-gate.schema.d.ts +3 -0
  25. package/dist/components/capability-gate/capability-gate.schema.js +128 -0
  26. package/dist/components/capability-gate/capability-gate.svelte.d.ts +19 -0
  27. package/dist/components/capability-gate/capability-gate.types.d.ts +70 -0
  28. package/dist/components/capability-gate/capability-gate.variables.d.ts +2 -0
  29. package/dist/components/capability-gate/capability-gate.variables.js +61 -0
  30. package/dist/components/capability-gate/index.d.ts +5 -0
  31. package/dist/components/capability-gate/index.js +285 -0
  32. package/dist/components/card/card.css +4 -0
  33. package/dist/components/card/card.schema.js +5 -1
  34. package/dist/components/card/card.svelte.d.ts +1 -1
  35. package/dist/components/card/card.types.d.ts +4 -0
  36. package/dist/components/card/index.d.ts +1 -1
  37. package/dist/components/card/index.js +8 -4
  38. package/dist/components/chat/index.css +2 -2
  39. package/dist/components/chat/index.js +159 -81
  40. package/dist/components/choice-grid/choice-grid-context.d.ts +23 -0
  41. package/dist/components/choice-grid/choice-grid.css +27 -0
  42. package/dist/components/choice-grid/choice-grid.schema.d.ts +3 -0
  43. package/dist/components/choice-grid/choice-grid.schema.js +121 -0
  44. package/dist/components/choice-grid/choice-grid.svelte.d.ts +20 -0
  45. package/dist/components/choice-grid/choice-grid.types.d.ts +122 -0
  46. package/dist/components/choice-grid/choice-grid.variables.d.ts +2 -0
  47. package/dist/components/choice-grid/choice-grid.variables.js +61 -0
  48. package/dist/components/choice-grid/index.d.ts +13 -0
  49. package/dist/components/choice-grid/index.js +466 -0
  50. package/dist/components/choice-grid-item/choice-grid-item.css +139 -0
  51. package/dist/components/choice-grid-item/choice-grid-item.schema.d.ts +3 -0
  52. package/dist/components/choice-grid-item/choice-grid-item.schema.js +93 -0
  53. package/dist/components/choice-grid-item/choice-grid-item.svelte.d.ts +17 -0
  54. package/dist/components/choice-grid-item/choice-grid-item.types.d.ts +24 -0
  55. package/dist/components/choice-grid-item/choice-grid-item.variables.d.ts +2 -0
  56. package/dist/components/choice-grid-item/choice-grid-item.variables.js +61 -0
  57. package/dist/components/choice-grid-item/index.d.ts +5 -0
  58. package/dist/components/choice-grid-item/index.js +203 -0
  59. package/dist/components/color-field/color-field.css +6 -9
  60. package/dist/components/color-picker/color-picker.css +31 -24
  61. package/dist/components/color-swatch-picker/color-swatch-picker.css +6 -9
  62. package/dist/components/confirm-dialog/index.js +11 -2
  63. package/dist/components/context-menu/index.js +114 -43
  64. package/dist/components/context-menu-trigger/index.js +6 -4
  65. package/dist/components/data-table/data-table.css +30 -0
  66. package/dist/components/data-table/data-table.schema.d.ts +3 -0
  67. package/dist/components/data-table/data-table.schema.js +103 -0
  68. package/dist/components/data-table/data-table.svelte.d.ts +39 -0
  69. package/dist/components/data-table/data-table.types.d.ts +86 -0
  70. package/dist/components/data-table/data-table.variables.d.ts +2 -0
  71. package/dist/components/data-table/data-table.variables.js +61 -0
  72. package/dist/components/data-table/index.d.ts +5 -0
  73. package/dist/components/data-table/index.js +591 -0
  74. package/dist/components/diff-viewer/index.js +14 -3
  75. package/dist/components/dropdown/index.js +115 -46
  76. package/dist/components/dropdown-item/dropdown-item.schema.js +13 -1
  77. package/dist/components/dropdown-item/dropdown-item.svelte.d.ts +1 -1
  78. package/dist/components/dropdown-item/dropdown-item.types.d.ts +46 -2
  79. package/dist/components/dropdown-item/index.d.ts +1 -1
  80. package/dist/components/dropdown-item/index.js +97 -28
  81. package/dist/components/floating-action-button/floating-action-button.css +4 -2
  82. package/dist/components/json-schema-editor/index.js +29 -4
  83. package/dist/components/keyboard-shortcuts/index.d.ts +5 -0
  84. package/dist/components/keyboard-shortcuts/index.js +238 -0
  85. package/dist/components/keyboard-shortcuts/keyboard-shortcuts.css +84 -0
  86. package/dist/components/keyboard-shortcuts/keyboard-shortcuts.schema.d.ts +3 -0
  87. package/dist/components/keyboard-shortcuts/keyboard-shortcuts.schema.js +87 -0
  88. package/dist/components/keyboard-shortcuts/keyboard-shortcuts.svelte.d.ts +17 -0
  89. package/dist/components/keyboard-shortcuts/keyboard-shortcuts.types.d.ts +42 -0
  90. package/dist/components/keyboard-shortcuts/keyboard-shortcuts.variables.d.ts +2 -0
  91. package/dist/components/keyboard-shortcuts/keyboard-shortcuts.variables.js +61 -0
  92. package/dist/components/line-chart/index.js +283 -40
  93. package/dist/components/line-chart/line-chart.css +57 -8
  94. package/dist/components/markdown-editor/index.js +129 -51
  95. package/dist/components/matrix-chart/index.d.ts +5 -0
  96. package/dist/components/matrix-chart/index.js +1232 -0
  97. package/dist/components/matrix-chart/matrix-chart.css +50 -0
  98. package/dist/components/matrix-chart/matrix-chart.schema.d.ts +3 -0
  99. package/dist/components/matrix-chart/matrix-chart.schema.js +123 -0
  100. package/dist/components/matrix-chart/matrix-chart.svelte.d.ts +20 -0
  101. package/dist/components/matrix-chart/matrix-chart.types.d.ts +52 -0
  102. package/dist/components/matrix-chart/matrix-chart.variables.d.ts +2 -0
  103. package/dist/components/matrix-chart/matrix-chart.variables.js +61 -0
  104. package/dist/components/media-controls/index.d.ts +5 -0
  105. package/dist/components/media-controls/index.js +338 -0
  106. package/dist/components/media-controls/media-controls.css +112 -0
  107. package/dist/components/media-controls/media-controls.schema.d.ts +3 -0
  108. package/dist/components/media-controls/media-controls.schema.js +125 -0
  109. package/dist/components/media-controls/media-controls.svelte.d.ts +18 -0
  110. package/dist/components/media-controls/media-controls.types.d.ts +77 -0
  111. package/dist/components/media-controls/media-controls.variables.d.ts +2 -0
  112. package/dist/components/media-controls/media-controls.variables.js +61 -0
  113. package/dist/components/navigation-bar/navigation-bar.schema.js +5 -5
  114. package/dist/components/navigation-bar/navigation-bar.types.d.ts +2 -1
  115. package/dist/components/pricing-card/index.d.ts +5 -0
  116. package/dist/components/pricing-card/index.js +406 -0
  117. package/dist/components/pricing-card/pricing-card.css +173 -0
  118. package/dist/components/pricing-card/pricing-card.schema.d.ts +3 -0
  119. package/dist/components/pricing-card/pricing-card.schema.js +100 -0
  120. package/dist/components/pricing-card/pricing-card.svelte.d.ts +18 -0
  121. package/dist/components/pricing-card/pricing-card.types.d.ts +47 -0
  122. package/dist/components/pricing-card/pricing-card.variables.d.ts +2 -0
  123. package/dist/components/pricing-card/pricing-card.variables.js +61 -0
  124. package/dist/components/review-editor/index.js +212 -132
  125. package/dist/components/share-card/index.d.ts +5 -0
  126. package/dist/components/share-card/index.js +446 -0
  127. package/dist/components/share-card/share-card.css +115 -0
  128. package/dist/components/share-card/share-card.schema.d.ts +3 -0
  129. package/dist/components/share-card/share-card.schema.js +113 -0
  130. package/dist/components/share-card/share-card.svelte.d.ts +18 -0
  131. package/dist/components/share-card/share-card.types.d.ts +66 -0
  132. package/dist/components/share-card/share-card.variables.d.ts +2 -0
  133. package/dist/components/share-card/share-card.variables.js +61 -0
  134. package/dist/components/shortcut-hint/index.d.ts +5 -0
  135. package/dist/components/shortcut-hint/index.js +197 -0
  136. package/dist/components/shortcut-hint/shortcut-hint.css +26 -0
  137. package/dist/components/shortcut-hint/shortcut-hint.schema.d.ts +3 -0
  138. package/dist/components/shortcut-hint/shortcut-hint.schema.js +96 -0
  139. package/dist/components/shortcut-hint/shortcut-hint.svelte.d.ts +17 -0
  140. package/dist/components/shortcut-hint/shortcut-hint.types.d.ts +33 -0
  141. package/dist/components/shortcut-hint/shortcut-hint.variables.d.ts +2 -0
  142. package/dist/components/shortcut-hint/shortcut-hint.variables.js +61 -0
  143. package/dist/components/skip-link/index.d.ts +4 -0
  144. package/dist/components/skip-link/index.js +180 -0
  145. package/dist/components/skip-link/skip-link.schema.d.ts +3 -0
  146. package/dist/components/skip-link/skip-link.schema.js +76 -0
  147. package/dist/components/skip-link/skip-link.svelte.d.ts +19 -0
  148. package/dist/components/skip-link/skip-link.types.d.ts +38 -0
  149. package/dist/components/skip-link/skip-link.variables.d.ts +2 -0
  150. package/dist/components/skip-link/skip-link.variables.js +61 -0
  151. package/dist/components/spectrogram/index.d.ts +5 -0
  152. package/dist/components/spectrogram/index.js +1156 -0
  153. package/dist/components/spectrogram/spectrogram.css +43 -0
  154. package/dist/components/spectrogram/spectrogram.schema.d.ts +3 -0
  155. package/dist/components/spectrogram/spectrogram.schema.js +103 -0
  156. package/dist/components/spectrogram/spectrogram.svelte.d.ts +21 -0
  157. package/dist/components/spectrogram/spectrogram.types.d.ts +60 -0
  158. package/dist/components/spectrogram/spectrogram.variables.d.ts +2 -0
  159. package/dist/components/spectrogram/spectrogram.variables.js +61 -0
  160. package/dist/components/spectrum-chart/index.d.ts +5 -0
  161. package/dist/components/spectrum-chart/index.js +1056 -0
  162. package/dist/components/spectrum-chart/spectrum-chart.css +49 -0
  163. package/dist/components/spectrum-chart/spectrum-chart.schema.d.ts +3 -0
  164. package/dist/components/spectrum-chart/spectrum-chart.schema.js +97 -0
  165. package/dist/components/spectrum-chart/spectrum-chart.svelte.d.ts +21 -0
  166. package/dist/components/spectrum-chart/spectrum-chart.types.d.ts +41 -0
  167. package/dist/components/spectrum-chart/spectrum-chart.variables.d.ts +2 -0
  168. package/dist/components/spectrum-chart/spectrum-chart.variables.js +61 -0
  169. package/dist/components/status-dot/status-dot.css +8 -0
  170. package/dist/components/status-dot/status-dot.schema.js +3 -3
  171. package/dist/components/status-dot/status-dot.types.d.ts +5 -2
  172. package/dist/components/subscription-badge/index.d.ts +5 -0
  173. package/dist/components/subscription-badge/index.js +383 -0
  174. package/dist/components/subscription-badge/subscription-badge.css +18 -0
  175. package/dist/components/subscription-badge/subscription-badge.schema.d.ts +3 -0
  176. package/dist/components/subscription-badge/subscription-badge.schema.js +77 -0
  177. package/dist/components/subscription-badge/subscription-badge.svelte.d.ts +19 -0
  178. package/dist/components/subscription-badge/subscription-badge.types.d.ts +28 -0
  179. package/dist/components/subscription-badge/subscription-badge.variables.d.ts +2 -0
  180. package/dist/components/subscription-badge/subscription-badge.variables.js +61 -0
  181. package/dist/components/tab/index.js +14 -1
  182. package/dist/components/table/index.js +26 -17
  183. package/dist/components/table-cell/index.js +18 -9
  184. package/dist/components/table-cell/table-cell.schema.js +5 -1
  185. package/dist/components/table-cell/table-cell.types.d.ts +16 -1
  186. package/dist/components/tabs/index.js +14 -1
  187. package/dist/components/waveform/index.d.ts +5 -0
  188. package/dist/components/waveform/index.js +1075 -0
  189. package/dist/components/waveform/waveform.css +53 -0
  190. package/dist/components/waveform/waveform.schema.d.ts +3 -0
  191. package/dist/components/waveform/waveform.schema.js +98 -0
  192. package/dist/components/waveform/waveform.svelte.d.ts +20 -0
  193. package/dist/components/waveform/waveform.types.d.ts +42 -0
  194. package/dist/components/waveform/waveform.variables.d.ts +2 -0
  195. package/dist/components/waveform/waveform.variables.js +61 -0
  196. package/dist/index.d.ts +33 -2
  197. package/dist/index.js +144 -115
  198. package/dist/server/components/accordion/index.js +14 -1
  199. package/dist/server/components/alert/alert.schema.js +3 -3
  200. package/dist/server/components/alert/index.js +3 -2
  201. package/dist/server/components/alert-dialog/index.js +12 -3
  202. package/dist/server/components/area-chart/index.css +50 -3
  203. package/dist/server/components/area-chart/index.js +181 -2
  204. package/dist/server/components/avatar-group/index.css +1 -1
  205. package/dist/server/components/badge/badge.schema.js +6 -1
  206. package/dist/server/components/badge/index.css +4 -0
  207. package/dist/server/components/badge/index.js +3 -1
  208. package/dist/server/components/bar-chart/index.css +50 -3
  209. package/dist/server/components/bar-chart/index.js +166 -2
  210. package/dist/server/components/button/index.css +1 -1
  211. package/dist/server/components/button/index.js +12 -3
  212. package/dist/server/components/capability-gate/capability-gate.schema.js +110 -0
  213. package/dist/server/components/capability-gate/capability-gate.variables.js +43 -0
  214. package/dist/server/components/capability-gate/index.css +121 -0
  215. package/dist/server/components/capability-gate/index.js +168 -0
  216. package/dist/server/components/card/card.schema.js +5 -1
  217. package/dist/server/components/card/index.css +9 -1
  218. package/dist/server/components/card/index.js +3 -2
  219. package/dist/server/components/chat/index.css +2 -2
  220. package/dist/server/components/chat/index.js +78 -19
  221. package/dist/server/components/choice-grid/choice-grid.schema.js +103 -0
  222. package/dist/server/components/choice-grid/choice-grid.variables.js +43 -0
  223. package/dist/server/components/choice-grid/index.css +103 -0
  224. package/dist/server/components/choice-grid/index.js +383 -0
  225. package/dist/server/components/choice-grid-item/choice-grid-item.schema.js +75 -0
  226. package/dist/server/components/choice-grid-item/choice-grid-item.variables.js +43 -0
  227. package/dist/server/components/choice-grid-item/index.css +86 -0
  228. package/dist/server/components/choice-grid-item/index.js +139 -0
  229. package/dist/server/components/color-field/index.css +2 -4
  230. package/dist/server/components/color-picker/index.css +14 -10
  231. package/dist/server/components/color-swatch-picker/index.css +2 -4
  232. package/dist/server/components/confirm-dialog/index.js +12 -3
  233. package/dist/server/components/context-menu/index.js +72 -20
  234. package/dist/server/components/context-menu-trigger/index.js +6 -4
  235. package/dist/server/components/data-table/data-table.schema.js +85 -0
  236. package/dist/server/components/data-table/data-table.variables.js +43 -0
  237. package/dist/server/components/data-table/index.css +182 -0
  238. package/dist/server/components/data-table/index.js +469 -0
  239. package/dist/server/components/diff-viewer/index.js +14 -3
  240. package/dist/server/components/dropdown/index.js +67 -17
  241. package/dist/server/components/dropdown-item/dropdown-item.schema.js +13 -1
  242. package/dist/server/components/dropdown-item/index.js +67 -17
  243. package/dist/server/components/floating-action-button/index.css +1 -1
  244. package/dist/server/components/json-schema-editor/index.js +29 -4
  245. package/dist/server/components/keyboard-shortcuts/index.css +86 -0
  246. package/dist/server/components/keyboard-shortcuts/index.js +149 -0
  247. package/dist/server/components/keyboard-shortcuts/keyboard-shortcuts.schema.js +69 -0
  248. package/dist/server/components/keyboard-shortcuts/keyboard-shortcuts.variables.js +43 -0
  249. package/dist/server/components/line-chart/index.css +50 -3
  250. package/dist/server/components/line-chart/index.js +181 -2
  251. package/dist/server/components/markdown-editor/index.js +78 -19
  252. package/dist/server/components/matrix-chart/index.css +52 -0
  253. package/dist/server/components/matrix-chart/index.js +1026 -0
  254. package/dist/server/components/matrix-chart/matrix-chart.schema.js +105 -0
  255. package/dist/server/components/matrix-chart/matrix-chart.variables.js +43 -0
  256. package/dist/server/components/media-controls/index.css +109 -0
  257. package/dist/server/components/media-controls/index.js +192 -0
  258. package/dist/server/components/media-controls/media-controls.schema.js +107 -0
  259. package/dist/server/components/media-controls/media-controls.variables.js +43 -0
  260. package/dist/server/components/navigation-bar/navigation-bar.schema.js +5 -5
  261. package/dist/server/components/pricing-card/index.css +131 -0
  262. package/dist/server/components/pricing-card/index.js +258 -0
  263. package/dist/server/components/pricing-card/pricing-card.schema.js +82 -0
  264. package/dist/server/components/pricing-card/pricing-card.variables.js +43 -0
  265. package/dist/server/components/review-editor/index.css +2 -2
  266. package/dist/server/components/review-editor/index.js +80 -19
  267. package/dist/server/components/share-card/index.css +113 -0
  268. package/dist/server/components/share-card/index.js +270 -0
  269. package/dist/server/components/share-card/share-card.schema.js +95 -0
  270. package/dist/server/components/share-card/share-card.variables.js +43 -0
  271. package/dist/server/components/shortcut-hint/index.css +28 -0
  272. package/dist/server/components/shortcut-hint/index.js +134 -0
  273. package/dist/server/components/shortcut-hint/shortcut-hint.schema.js +78 -0
  274. package/dist/server/components/shortcut-hint/shortcut-hint.variables.js +43 -0
  275. package/dist/server/components/skip-link/index.js +141 -0
  276. package/dist/server/components/skip-link/skip-link.schema.js +58 -0
  277. package/dist/server/components/skip-link/skip-link.variables.js +43 -0
  278. package/dist/server/components/spectrogram/index.css +45 -0
  279. package/dist/server/components/spectrogram/index.js +970 -0
  280. package/dist/server/components/spectrogram/spectrogram.schema.js +85 -0
  281. package/dist/server/components/spectrogram/spectrogram.variables.js +43 -0
  282. package/dist/server/components/spectrum-chart/index.css +51 -0
  283. package/dist/server/components/spectrum-chart/index.js +871 -0
  284. package/dist/server/components/spectrum-chart/spectrum-chart.schema.js +79 -0
  285. package/dist/server/components/spectrum-chart/spectrum-chart.variables.js +43 -0
  286. package/dist/server/components/status-dot/index.css +8 -0
  287. package/dist/server/components/status-dot/status-dot.schema.js +3 -3
  288. package/dist/server/components/subscription-badge/index.css +2 -0
  289. package/dist/server/components/subscription-badge/index.js +339 -0
  290. package/dist/server/components/subscription-badge/subscription-badge.schema.js +59 -0
  291. package/dist/server/components/subscription-badge/subscription-badge.variables.js +43 -0
  292. package/dist/server/components/tab/index.js +14 -1
  293. package/dist/server/components/table/index.js +13 -8
  294. package/dist/server/components/table-cell/index.js +13 -8
  295. package/dist/server/components/table-cell/table-cell.schema.js +5 -1
  296. package/dist/server/components/tabs/index.js +14 -1
  297. package/dist/server/components/waveform/index.css +55 -0
  298. package/dist/server/components/waveform/index.js +907 -0
  299. package/dist/server/components/waveform/waveform.schema.js +80 -0
  300. package/dist/server/components/waveform/waveform.variables.js +43 -0
  301. package/dist/server/index.css +1137 -55
  302. package/dist/server/index.js +4225 -1750
  303. package/package.json +380 -2
  304. package/src/_internal/chart/chart-focus-ring.ts +209 -0
  305. package/src/_internal/chart/chart-utilities.ts +4 -0
  306. package/src/_internal/chart/heatmap-utilities.ts +159 -0
  307. package/src/components/accordion/accordion.examples.json +1 -0
  308. package/src/components/alert/README.md +5 -5
  309. package/src/components/alert/alert.schema.json +2 -2
  310. package/src/components/alert/alert.schema.ts +3 -2
  311. package/src/components/alert/alert.svelte +5 -1
  312. package/src/components/alert/alert.types.ts +3 -2
  313. package/src/components/area-chart/README.md +62 -0
  314. package/src/components/area-chart/area-chart.css +57 -7
  315. package/src/components/area-chart/area-chart.svelte +128 -10
  316. package/src/components/avatar-group/avatar-group.css +2 -3
  317. package/src/components/avatar-group/avatar-group.examples.json +1 -0
  318. package/src/components/backdrop/README.md +56 -0
  319. package/src/components/badge/README.md +6 -5
  320. package/src/components/badge/badge.css +17 -0
  321. package/src/components/badge/badge.schema.json +5 -0
  322. package/src/components/badge/badge.schema.ts +6 -0
  323. package/src/components/badge/badge.svelte +2 -0
  324. package/src/components/badge/badge.types.ts +7 -0
  325. package/src/components/bar-chart/README.md +65 -0
  326. package/src/components/bar-chart/bar-chart.css +57 -7
  327. package/src/components/bar-chart/bar-chart.svelte +94 -13
  328. package/src/components/button/button.css +5 -3
  329. package/src/components/button/button.examples.json +1 -0
  330. package/src/components/button/button.svelte +15 -0
  331. package/src/components/capability-gate/README.md +60 -0
  332. package/src/components/capability-gate/capability-gate.css +131 -0
  333. package/src/components/capability-gate/capability-gate.examples.json +19 -0
  334. package/src/components/capability-gate/capability-gate.schema.json +68 -0
  335. package/src/components/capability-gate/capability-gate.schema.ts +72 -0
  336. package/src/components/capability-gate/capability-gate.svelte +186 -0
  337. package/src/components/capability-gate/capability-gate.types.ts +83 -0
  338. package/src/components/capability-gate/capability-gate.variables.json +1 -0
  339. package/src/components/capability-gate/capability-gate.variables.ts +3 -0
  340. package/src/components/capability-gate/index.ts +10 -0
  341. package/src/components/card/README.md +1 -0
  342. package/src/components/card/card.css +4 -0
  343. package/src/components/card/card.examples.json +6 -0
  344. package/src/components/card/card.schema.json +4 -0
  345. package/src/components/card/card.schema.ts +5 -0
  346. package/src/components/card/card.svelte +9 -2
  347. package/src/components/card/card.types.ts +4 -0
  348. package/src/components/card/index.ts +1 -1
  349. package/src/components/chat/README.md +81 -0
  350. package/src/components/chat/container/chat-jump-controls.svelte +12 -9
  351. package/src/components/chat/input/chat-input.svelte +7 -8
  352. package/src/components/chat/message/chat-message.svelte +15 -20
  353. package/src/components/chat/message/tool-call-group.svelte +10 -4
  354. package/src/components/choice-grid/README.md +66 -0
  355. package/src/components/choice-grid/choice-grid-context.ts +30 -0
  356. package/src/components/choice-grid/choice-grid.css +27 -0
  357. package/src/components/choice-grid/choice-grid.examples.json +31 -0
  358. package/src/components/choice-grid/choice-grid.schema.json +61 -0
  359. package/src/components/choice-grid/choice-grid.schema.ts +70 -0
  360. package/src/components/choice-grid/choice-grid.svelte +272 -0
  361. package/src/components/choice-grid/choice-grid.types.ts +152 -0
  362. package/src/components/choice-grid/choice-grid.variables.json +1 -0
  363. package/src/components/choice-grid/choice-grid.variables.ts +3 -0
  364. package/src/components/choice-grid/index.ts +22 -0
  365. package/src/components/choice-grid-item/README.md +41 -0
  366. package/src/components/choice-grid-item/choice-grid-item.css +139 -0
  367. package/src/components/choice-grid-item/choice-grid-item.schema.json +32 -0
  368. package/src/components/choice-grid-item/choice-grid-item.schema.ts +38 -0
  369. package/src/components/choice-grid-item/choice-grid-item.svelte +139 -0
  370. package/src/components/choice-grid-item/choice-grid-item.types.ts +30 -0
  371. package/src/components/choice-grid-item/choice-grid-item.variables.json +1 -0
  372. package/src/components/choice-grid-item/choice-grid-item.variables.ts +3 -0
  373. package/src/components/choice-grid-item/index.ts +6 -0
  374. package/src/components/click-away-listener/README.md +50 -0
  375. package/src/components/color-field/color-field.css +6 -9
  376. package/src/components/color-picker/color-picker.css +31 -24
  377. package/src/components/color-swatch-picker/color-swatch-picker.css +6 -9
  378. package/src/components/command-menu/README.md +61 -0
  379. package/src/components/confirm-dialog/confirm-dialog.examples.json +6 -0
  380. package/src/components/context-menu/README.md +55 -0
  381. package/src/components/context-menu-trigger/README.md +50 -0
  382. package/src/components/context-menu-trigger/context-menu-trigger.svelte +5 -3
  383. package/src/components/data-table/README.md +67 -0
  384. package/src/components/data-table/data-table.css +30 -0
  385. package/src/components/data-table/data-table.examples.json +19 -0
  386. package/src/components/data-table/data-table.schema.json +43 -0
  387. package/src/components/data-table/data-table.schema.ts +50 -0
  388. package/src/components/data-table/data-table.svelte +106 -0
  389. package/src/components/data-table/data-table.types.ts +89 -0
  390. package/src/components/data-table/data-table.variables.json +1 -0
  391. package/src/components/data-table/data-table.variables.ts +3 -0
  392. package/src/components/data-table/index.ts +6 -0
  393. package/src/components/diff-viewer/README.md +59 -0
  394. package/src/components/diff-viewer/front-matter-header.svelte +20 -4
  395. package/src/components/dropdown-group/README.md +52 -0
  396. package/src/components/dropdown-item/README.md +10 -7
  397. package/src/components/dropdown-item/dropdown-item.schema.json +12 -0
  398. package/src/components/dropdown-item/dropdown-item.schema.ts +14 -0
  399. package/src/components/dropdown-item/dropdown-item.svelte +108 -25
  400. package/src/components/dropdown-item/dropdown-item.types.ts +58 -2
  401. package/src/components/dropdown-item/index.ts +6 -1
  402. package/src/components/floating-action-button/README.md +53 -0
  403. package/src/components/floating-action-button/floating-action-button.css +4 -2
  404. package/src/components/form-section/form-section.examples.json +6 -0
  405. package/src/components/hover-card/README.md +60 -0
  406. package/src/components/json-schema-editor/README.md +59 -0
  407. package/src/components/kanban-board/README.md +62 -0
  408. package/src/components/keyboard-shortcuts/README.md +51 -0
  409. package/src/components/keyboard-shortcuts/index.ts +10 -0
  410. package/src/components/keyboard-shortcuts/keyboard-shortcuts.css +84 -0
  411. package/src/components/keyboard-shortcuts/keyboard-shortcuts.examples.json +13 -0
  412. package/src/components/keyboard-shortcuts/keyboard-shortcuts.schema.json +27 -0
  413. package/src/components/keyboard-shortcuts/keyboard-shortcuts.schema.ts +31 -0
  414. package/src/components/keyboard-shortcuts/keyboard-shortcuts.svelte +91 -0
  415. package/src/components/keyboard-shortcuts/keyboard-shortcuts.types.ts +46 -0
  416. package/src/components/keyboard-shortcuts/keyboard-shortcuts.variables.json +1 -0
  417. package/src/components/keyboard-shortcuts/keyboard-shortcuts.variables.ts +3 -0
  418. package/src/components/line-chart/README.md +61 -0
  419. package/src/components/line-chart/line-chart.css +57 -8
  420. package/src/components/line-chart/line-chart.svelte +128 -10
  421. package/src/components/link/README.md +55 -0
  422. package/src/components/markdown-editor/README.md +70 -0
  423. package/src/components/markdown-editor/editor-toolbar/toolbar-button.svelte +9 -4
  424. package/src/components/markdown-editor/editor-toolbar/toolbar-dropdown.svelte +9 -4
  425. package/src/components/markdown-editor/prosemirror.css +4 -2
  426. package/src/components/matrix-chart/README.md +61 -0
  427. package/src/components/matrix-chart/index.ts +10 -0
  428. package/src/components/matrix-chart/matrix-chart.css +50 -0
  429. package/src/components/matrix-chart/matrix-chart.examples.json +19 -0
  430. package/src/components/matrix-chart/matrix-chart.schema.json +63 -0
  431. package/src/components/matrix-chart/matrix-chart.schema.ts +67 -0
  432. package/src/components/matrix-chart/matrix-chart.svelte +336 -0
  433. package/src/components/matrix-chart/matrix-chart.types.ts +56 -0
  434. package/src/components/matrix-chart/matrix-chart.variables.json +1 -0
  435. package/src/components/matrix-chart/matrix-chart.variables.ts +3 -0
  436. package/src/components/media-controls/README.md +60 -0
  437. package/src/components/media-controls/index.ts +6 -0
  438. package/src/components/media-controls/media-controls.css +112 -0
  439. package/src/components/media-controls/media-controls.examples.json +19 -0
  440. package/src/components/media-controls/media-controls.schema.json +65 -0
  441. package/src/components/media-controls/media-controls.schema.ts +69 -0
  442. package/src/components/media-controls/media-controls.svelte +238 -0
  443. package/src/components/media-controls/media-controls.types.ts +80 -0
  444. package/src/components/media-controls/media-controls.variables.json +1 -0
  445. package/src/components/media-controls/media-controls.variables.ts +3 -0
  446. package/src/components/menu-bar/README.md +53 -0
  447. package/src/components/navigation-bar/README.md +1 -1
  448. package/src/components/navigation-bar/navigation-bar.schema.json +4 -4
  449. package/src/components/navigation-bar/navigation-bar.schema.ts +4 -4
  450. package/src/components/navigation-bar/navigation-bar.types.ts +2 -1
  451. package/src/components/pricing-card/README.md +55 -0
  452. package/src/components/pricing-card/index.ts +6 -0
  453. package/src/components/pricing-card/pricing-card.css +173 -0
  454. package/src/components/pricing-card/pricing-card.examples.json +19 -0
  455. package/src/components/pricing-card/pricing-card.schema.json +40 -0
  456. package/src/components/pricing-card/pricing-card.schema.ts +44 -0
  457. package/src/components/pricing-card/pricing-card.svelte +70 -0
  458. package/src/components/pricing-card/pricing-card.types.ts +49 -0
  459. package/src/components/pricing-card/pricing-card.variables.json +1 -0
  460. package/src/components/pricing-card/pricing-card.variables.ts +3 -0
  461. package/src/components/review-editor/README.md +64 -0
  462. package/src/components/review-editor/comment-composer.svelte +8 -8
  463. package/src/components/review-editor/comment-list.svelte +10 -1
  464. package/src/components/search-field/search-field.examples.json +13 -0
  465. package/src/components/segment/README.md +55 -0
  466. package/src/components/share-card/README.md +58 -0
  467. package/src/components/share-card/index.ts +6 -0
  468. package/src/components/share-card/share-card.css +115 -0
  469. package/src/components/share-card/share-card.examples.json +19 -0
  470. package/src/components/share-card/share-card.schema.json +53 -0
  471. package/src/components/share-card/share-card.schema.ts +57 -0
  472. package/src/components/share-card/share-card.svelte +330 -0
  473. package/src/components/share-card/share-card.types.ts +69 -0
  474. package/src/components/share-card/share-card.variables.json +1 -0
  475. package/src/components/share-card/share-card.variables.ts +3 -0
  476. package/src/components/shortcut-hint/README.md +52 -0
  477. package/src/components/shortcut-hint/index.ts +6 -0
  478. package/src/components/shortcut-hint/shortcut-hint.css +26 -0
  479. package/src/components/shortcut-hint/shortcut-hint.examples.json +13 -0
  480. package/src/components/shortcut-hint/shortcut-hint.schema.json +36 -0
  481. package/src/components/shortcut-hint/shortcut-hint.schema.ts +40 -0
  482. package/src/components/shortcut-hint/shortcut-hint.svelte +62 -0
  483. package/src/components/shortcut-hint/shortcut-hint.types.ts +35 -0
  484. package/src/components/shortcut-hint/shortcut-hint.variables.json +1 -0
  485. package/src/components/shortcut-hint/shortcut-hint.variables.ts +3 -0
  486. package/src/components/side-navigation/side-navigation.examples.json +6 -0
  487. package/src/components/skip-link/README.md +50 -0
  488. package/src/components/skip-link/index.ts +5 -0
  489. package/src/components/skip-link/skip-link.examples.json +13 -0
  490. package/src/components/skip-link/skip-link.schema.json +16 -0
  491. package/src/components/skip-link/skip-link.schema.ts +20 -0
  492. package/src/components/skip-link/skip-link.svelte +86 -0
  493. package/src/components/skip-link/skip-link.types.ts +40 -0
  494. package/src/components/skip-link/skip-link.variables.json +1 -0
  495. package/src/components/skip-link/skip-link.variables.ts +3 -0
  496. package/src/components/spectrogram/README.md +58 -0
  497. package/src/components/spectrogram/index.ts +10 -0
  498. package/src/components/spectrogram/spectrogram.css +43 -0
  499. package/src/components/spectrogram/spectrogram.examples.json +13 -0
  500. package/src/components/spectrogram/spectrogram.schema.json +43 -0
  501. package/src/components/spectrogram/spectrogram.schema.ts +47 -0
  502. package/src/components/spectrogram/spectrogram.svelte +284 -0
  503. package/src/components/spectrogram/spectrogram.types.ts +63 -0
  504. package/src/components/spectrogram/spectrogram.variables.json +1 -0
  505. package/src/components/spectrogram/spectrogram.variables.ts +3 -0
  506. package/src/components/spectrum-chart/README.md +57 -0
  507. package/src/components/spectrum-chart/index.ts +10 -0
  508. package/src/components/spectrum-chart/spectrum-chart.css +49 -0
  509. package/src/components/spectrum-chart/spectrum-chart.examples.json +13 -0
  510. package/src/components/spectrum-chart/spectrum-chart.schema.json +37 -0
  511. package/src/components/spectrum-chart/spectrum-chart.schema.ts +41 -0
  512. package/src/components/spectrum-chart/spectrum-chart.svelte +247 -0
  513. package/src/components/spectrum-chart/spectrum-chart.types.ts +44 -0
  514. package/src/components/spectrum-chart/spectrum-chart.variables.json +1 -0
  515. package/src/components/spectrum-chart/spectrum-chart.variables.ts +3 -0
  516. package/src/components/status-dot/README.md +7 -7
  517. package/src/components/status-dot/status-dot.css +8 -0
  518. package/src/components/status-dot/status-dot.schema.json +2 -2
  519. package/src/components/status-dot/status-dot.schema.ts +3 -2
  520. package/src/components/status-dot/status-dot.types.ts +13 -2
  521. package/src/components/subscription-badge/README.md +50 -0
  522. package/src/components/subscription-badge/index.ts +6 -0
  523. package/src/components/subscription-badge/subscription-badge.css +18 -0
  524. package/src/components/subscription-badge/subscription-badge.examples.json +19 -0
  525. package/src/components/subscription-badge/subscription-badge.schema.json +16 -0
  526. package/src/components/subscription-badge/subscription-badge.schema.ts +21 -0
  527. package/src/components/subscription-badge/subscription-badge.svelte +69 -0
  528. package/src/components/subscription-badge/subscription-badge.types.ts +37 -0
  529. package/src/components/subscription-badge/subscription-badge.variables.json +1 -0
  530. package/src/components/subscription-badge/subscription-badge.variables.ts +3 -0
  531. package/src/components/table-cell/README.md +6 -5
  532. package/src/components/table-cell/table-cell.schema.json +4 -0
  533. package/src/components/table-cell/table-cell.schema.ts +5 -0
  534. package/src/components/table-cell/table-cell.svelte +9 -3
  535. package/src/components/table-cell/table-cell.types.ts +16 -1
  536. package/src/components/tag-input/README.md +75 -0
  537. package/src/components/typography/README.md +51 -0
  538. package/src/components/waveform/README.md +57 -0
  539. package/src/components/waveform/index.ts +6 -0
  540. package/src/components/waveform/waveform.css +53 -0
  541. package/src/components/waveform/waveform.examples.json +19 -0
  542. package/src/components/waveform/waveform.schema.json +38 -0
  543. package/src/components/waveform/waveform.schema.ts +42 -0
  544. package/src/components/waveform/waveform.svelte +286 -0
  545. package/src/components/waveform/waveform.types.ts +45 -0
  546. package/src/components/waveform/waveform.variables.json +1 -0
  547. package/src/components/waveform/waveform.variables.ts +3 -0
  548. package/src/index.ts +85 -2
  549. package/src/styles/components.css +13 -0
  550. package/src/styles/shell.css +3 -0
  551. package/src/styles/tokens-base.css +59 -22
@@ -0,0 +1,5 @@
1
+ import './share-card.css';
2
+ import ShareCard from './share-card.svelte';
3
+ export default ShareCard;
4
+ export type { ShareCardAction, ShareCardProps } from './share-card.types.ts';
5
+ export { ShareCard };
@@ -0,0 +1,446 @@
1
+ var __create = Object.create;
2
+ var __getProtoOf = Object.getPrototypeOf;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ function __accessProp(key) {
7
+ return this[key];
8
+ }
9
+ var __toESMCache_node;
10
+ var __toESMCache_esm;
11
+ var __toESM = (mod, isNodeMode, target) => {
12
+ var canCache = mod != null && typeof mod === "object";
13
+ if (canCache) {
14
+ var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
15
+ var cached = cache.get(mod);
16
+ if (cached)
17
+ return cached;
18
+ }
19
+ target = mod != null ? __create(__getProtoOf(mod)) : {};
20
+ const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
21
+ for (let key of __getOwnPropNames(mod))
22
+ if (!__hasOwnProp.call(to, key))
23
+ __defProp(to, key, {
24
+ get: __accessProp.bind(mod, key),
25
+ enumerable: true
26
+ });
27
+ if (canCache)
28
+ cache.set(mod, to);
29
+ return to;
30
+ };
31
+ var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
32
+ var __returnValue = (v) => v;
33
+ function __exportSetter(name, newValue) {
34
+ this[name] = __returnValue.bind(null, newValue);
35
+ }
36
+ var __export = (target, all) => {
37
+ for (var name in all)
38
+ __defProp(target, name, {
39
+ get: all[name],
40
+ enumerable: true,
41
+ configurable: true,
42
+ set: __exportSetter.bind(all, name)
43
+ });
44
+ };
45
+ var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
46
+ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
47
+ get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
48
+ }) : x)(function(x) {
49
+ if (typeof require !== "undefined")
50
+ return require.apply(this, arguments);
51
+ throw Error('Dynamic require of "' + x + '" is not supported');
52
+ });
53
+
54
+ // src/components/share-card/index.ts
55
+ import"@lostgradient/cinder/share-card/styles";
56
+
57
+ // src/components/share-card/share-card.svelte
58
+ import"svelte/internal/disclose-version";
59
+ import * as $2 from "svelte/internal/client";
60
+ import { onDestroy } from "svelte";
61
+
62
+ // ../../node_modules/esm-env/true.js
63
+ var true_default = true;
64
+ // src/utilities/class-names.ts
65
+ function classNames(...parts) {
66
+ return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
67
+ }
68
+
69
+ // src/utilities/clipboard.ts
70
+ async function copyToClipboard(text) {
71
+ if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
72
+ try {
73
+ await navigator.clipboard.writeText(text);
74
+ return true;
75
+ } catch {}
76
+ }
77
+ return legacyCopy(text);
78
+ }
79
+ function legacyCopy(text) {
80
+ if (typeof document === "undefined")
81
+ return false;
82
+ const textarea = document.createElement("textarea");
83
+ textarea.value = text;
84
+ textarea.setAttribute("readonly", "");
85
+ textarea.style.position = "absolute";
86
+ textarea.style.left = "-9999px";
87
+ document.body.appendChild(textarea);
88
+ textarea.select();
89
+ let succeeded = false;
90
+ try {
91
+ succeeded = document.execCommand("copy");
92
+ } catch {
93
+ succeeded = false;
94
+ }
95
+ textarea.remove();
96
+ return succeeded;
97
+ }
98
+
99
+ // src/components/_visually-hidden-live-region.svelte
100
+ import"svelte/internal/disclose-version";
101
+ import * as $ from "svelte/internal/client";
102
+ var root = $.from_html(`<div aria-atomic="true"> </div>`);
103
+ function _visually_hidden_live_region($$anchor, $$props) {
104
+ $.push($$props, true);
105
+ let message = $.prop($$props, "message", 3, ""), priority = $.prop($$props, "priority", 3, "polite");
106
+ let rendered = $.state("");
107
+ let setTimeoutId = null;
108
+ let version = 0;
109
+ let isDestroyed = false;
110
+ $.user_effect(() => {
111
+ return () => {
112
+ isDestroyed = true;
113
+ if (setTimeoutId) {
114
+ clearTimeout(setTimeoutId);
115
+ setTimeoutId = null;
116
+ }
117
+ };
118
+ });
119
+ $.user_effect(() => {
120
+ const next = message();
121
+ const current = ++version;
122
+ if (setTimeoutId) {
123
+ clearTimeout(setTimeoutId);
124
+ setTimeoutId = null;
125
+ }
126
+ $.set(rendered, "");
127
+ if (next === "")
128
+ return;
129
+ setTimeoutId = setTimeout(() => {
130
+ if (isDestroyed || version !== current)
131
+ return;
132
+ $.set(rendered, next, true);
133
+ setTimeoutId = null;
134
+ }, 0);
135
+ });
136
+ var div = root();
137
+ var text = $.child(div, true);
138
+ $.reset(div);
139
+ $.template_effect(($0) => {
140
+ $.set_attribute(div, "role", priority() === "assertive" ? "alert" : "status");
141
+ $.set_attribute(div, "aria-live", priority() === "assertive" ? "assertive" : "polite");
142
+ $.set_class(div, 1, $0);
143
+ $.set_text(text, $.get(rendered));
144
+ }, [() => $.clsx(classNames("cinder-sr-only", $$props.class))]);
145
+ $.append($$anchor, div);
146
+ $.pop();
147
+ }
148
+
149
+ // src/components/share-card/share-card.svelte
150
+ var root_1 = $2.from_html(`<div class="cinder-share-card__preview"><!></div>`);
151
+ var root_3 = $2.from_html(`<p class="cinder-share-card__title"> </p>`);
152
+ var root_4 = $2.from_html(`<p class="cinder-share-card__description"> </p>`);
153
+ var root_2 = $2.from_html(`<div class="cinder-share-card__meta"><!> <!></div>`);
154
+ var root_7 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><polyline points="20,6 9,17 4,12"></polyline></svg></span> `, 1);
155
+ var root_8 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg></span> `, 1);
156
+ var root_6 = $2.from_html(`<button type="button" class="cinder-share-card__action"><!></button>`);
157
+ var root_10 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><polyline points="20,6 9,17 4,12"></polyline></svg></span> `, 1);
158
+ var root_11 = $2.from_html(`<span class="cinder-share-card__action-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cinder-share-card__icon"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></span> `, 1);
159
+ var root_9 = $2.from_html(`<button type="button" class="cinder-share-card__action"><!></button>`);
160
+ var root2 = $2.from_html(`<div><!> <!> <div class="cinder-share-card__value"><span class="cinder-share-card__value-text"> </span></div> <div class="cinder-share-card__actions" role="group" aria-label="Share actions"></div></div> <!>`, 1);
161
+ function Share_card($$anchor, $$props) {
162
+ $2.push($$props, true);
163
+ let copyLinkLabel = $2.prop($$props, "copyLinkLabel", 3, "Copy link"), copiedLabel = $2.prop($$props, "copiedLabel", 3, "Copied!"), shareLabel = $2.prop($$props, "shareLabel", 3, "Share"), confirmDuration = $2.prop($$props, "confirmDuration", 3, 2000), rest = $2.rest_props($$props, [
164
+ "$$slots",
165
+ "$$events",
166
+ "$$legacy",
167
+ "value",
168
+ "title",
169
+ "description",
170
+ "actions",
171
+ "copyLinkLabel",
172
+ "copiedLabel",
173
+ "shareLabel",
174
+ "confirmDuration",
175
+ "preview",
176
+ "class"
177
+ ]);
178
+ let copiedKey = $2.state(null);
179
+ let resetTimer;
180
+ let announcement = $2.state("");
181
+ const canNativeShare = $2.derived(() => true_default && typeof navigator !== "undefined" && typeof navigator.share === "function");
182
+ let announceTimer;
183
+ function clearTimer() {
184
+ if (resetTimer !== undefined) {
185
+ clearTimeout(resetTimer);
186
+ resetTimer = undefined;
187
+ }
188
+ if (announceTimer !== undefined) {
189
+ clearTimeout(announceTimer);
190
+ announceTimer = undefined;
191
+ }
192
+ }
193
+ function announce(message) {
194
+ if (announceTimer !== undefined)
195
+ clearTimeout(announceTimer);
196
+ $2.set(announcement, message, true);
197
+ announceTimer = setTimeout(() => {
198
+ $2.set(announcement, "");
199
+ }, confirmDuration());
200
+ }
201
+ async function handleCopy(key, text, successMessage = copiedLabel()) {
202
+ let succeeded = false;
203
+ try {
204
+ succeeded = await copyToClipboard(text);
205
+ } catch {
206
+ succeeded = false;
207
+ }
208
+ if (!succeeded) {
209
+ clearTimer();
210
+ $2.set(copiedKey, null);
211
+ announce("Copy failed");
212
+ return;
213
+ }
214
+ clearTimer();
215
+ $2.set(copiedKey, key, true);
216
+ announce(successMessage);
217
+ resetTimer = setTimeout(() => {
218
+ $2.set(copiedKey, null);
219
+ }, confirmDuration());
220
+ }
221
+ function looksLikeUrl(candidate) {
222
+ return /^https?:\/\//i.test(candidate.trim());
223
+ }
224
+ function buildShareData() {
225
+ const shareData = looksLikeUrl($$props.value) ? { url: $$props.value } : { text: $$props.value };
226
+ if ($$props.title)
227
+ shareData.title = $$props.title;
228
+ return shareData;
229
+ }
230
+ async function handleNativeShare() {
231
+ if (!$2.get(canNativeShare)) {
232
+ await handleCopy("share-fallback", $$props.value);
233
+ return;
234
+ }
235
+ const shareData = buildShareData();
236
+ if (typeof navigator.canShare === "function" && !navigator.canShare(shareData)) {
237
+ await handleCopy("share-fallback", $$props.value);
238
+ return;
239
+ }
240
+ try {
241
+ await navigator.share(shareData);
242
+ announce("Shared successfully");
243
+ } catch (error) {
244
+ if (error instanceof DOMException && error.name === "AbortError")
245
+ return;
246
+ await handleCopy("share-fallback", $$props.value, "Share failed. Copied to clipboard instead.");
247
+ }
248
+ }
249
+ const valueRegionLabel = $2.derived(() => looksLikeUrl($$props.value) ? "Link to share" : "Text to share");
250
+ onDestroy(() => {
251
+ clearTimer();
252
+ });
253
+ const resolvedActions = $2.derived(() => {
254
+ if ($$props.actions)
255
+ return $$props.actions;
256
+ const defaultActions = [
257
+ {
258
+ key: "copy-link",
259
+ label: copyLinkLabel(),
260
+ copyValue: $$props.value
261
+ }
262
+ ];
263
+ if ($2.get(canNativeShare)) {
264
+ defaultActions.push({
265
+ key: "native-share",
266
+ label: shareLabel(),
267
+ useNativeShare: true
268
+ });
269
+ }
270
+ return defaultActions;
271
+ });
272
+ var fragment = root2();
273
+ var div = $2.first_child(fragment);
274
+ $2.attribute_effect(div, ($0) => ({ ...rest, class: $0 }), [() => classNames("cinder-share-card", $$props.class)]);
275
+ var node = $2.child(div);
276
+ {
277
+ var consequent = ($$anchor2) => {
278
+ var div_1 = root_1();
279
+ var node_1 = $2.child(div_1);
280
+ $2.snippet(node_1, () => $$props.preview);
281
+ $2.reset(div_1);
282
+ $2.append($$anchor2, div_1);
283
+ };
284
+ $2.if(node, ($$render) => {
285
+ if ($$props.preview)
286
+ $$render(consequent);
287
+ });
288
+ }
289
+ var node_2 = $2.sibling(node, 2);
290
+ {
291
+ var consequent_3 = ($$anchor2) => {
292
+ var div_2 = root_2();
293
+ var node_3 = $2.child(div_2);
294
+ {
295
+ var consequent_1 = ($$anchor3) => {
296
+ var p = root_3();
297
+ var text_1 = $2.child(p, true);
298
+ $2.reset(p);
299
+ $2.template_effect(() => $2.set_text(text_1, $$props.title));
300
+ $2.append($$anchor3, p);
301
+ };
302
+ $2.if(node_3, ($$render) => {
303
+ if ($$props.title)
304
+ $$render(consequent_1);
305
+ });
306
+ }
307
+ var node_4 = $2.sibling(node_3, 2);
308
+ {
309
+ var consequent_2 = ($$anchor3) => {
310
+ var p_1 = root_4();
311
+ var text_2 = $2.child(p_1, true);
312
+ $2.reset(p_1);
313
+ $2.template_effect(() => $2.set_text(text_2, $$props.description));
314
+ $2.append($$anchor3, p_1);
315
+ };
316
+ $2.if(node_4, ($$render) => {
317
+ if ($$props.description)
318
+ $$render(consequent_2);
319
+ });
320
+ }
321
+ $2.reset(div_2);
322
+ $2.append($$anchor2, div_2);
323
+ };
324
+ $2.if(node_2, ($$render) => {
325
+ if ($$props.title || $$props.description)
326
+ $$render(consequent_3);
327
+ });
328
+ }
329
+ var div_3 = $2.sibling(node_2, 2);
330
+ var span = $2.child(div_3);
331
+ var text_3 = $2.child(span, true);
332
+ $2.reset(span);
333
+ $2.reset(div_3);
334
+ var div_4 = $2.sibling(div_3, 2);
335
+ $2.each(div_4, 21, () => $2.get(resolvedActions), (action) => action.key, ($$anchor2, action) => {
336
+ var fragment_1 = $2.comment();
337
+ var node_5 = $2.first_child(fragment_1);
338
+ {
339
+ var consequent_5 = ($$anchor3) => {
340
+ const shareCopied = $2.derived(() => $2.get(copiedKey) === "share-fallback");
341
+ var button = root_6();
342
+ var node_6 = $2.child(button);
343
+ {
344
+ var consequent_4 = ($$anchor4) => {
345
+ var fragment_2 = root_7();
346
+ var text_4 = $2.sibling($2.first_child(fragment_2));
347
+ $2.template_effect(() => $2.set_text(text_4, ` ${copiedLabel() ?? ""}`));
348
+ $2.append($$anchor4, fragment_2);
349
+ };
350
+ var alternate = ($$anchor4) => {
351
+ var fragment_3 = root_8();
352
+ var text_5 = $2.sibling($2.first_child(fragment_3));
353
+ $2.template_effect(() => $2.set_text(text_5, ` ${$2.get(action).label ?? ""}`));
354
+ $2.append($$anchor4, fragment_3);
355
+ };
356
+ $2.if(node_6, ($$render) => {
357
+ if ($2.get(shareCopied))
358
+ $$render(consequent_4);
359
+ else
360
+ $$render(alternate, -1);
361
+ });
362
+ }
363
+ $2.reset(button);
364
+ $2.template_effect(() => {
365
+ $2.set_attribute(button, "data-cinder-action", $2.get(action).key);
366
+ $2.set_attribute(button, "data-cinder-copied", $2.get(shareCopied) ? "" : undefined);
367
+ $2.set_attribute(button, "aria-label", $2.get(shareCopied) ? copiedLabel() : $2.get(action).label);
368
+ });
369
+ $2.delegated("click", button, () => {
370
+ $2.get(action).onClick?.();
371
+ handleNativeShare();
372
+ });
373
+ $2.append($$anchor3, button);
374
+ };
375
+ var alternate_2 = ($$anchor3) => {
376
+ var button_1 = root_9();
377
+ var node_7 = $2.child(button_1);
378
+ {
379
+ var consequent_6 = ($$anchor4) => {
380
+ var fragment_4 = root_10();
381
+ var text_6 = $2.sibling($2.first_child(fragment_4));
382
+ $2.template_effect(() => $2.set_text(text_6, ` ${copiedLabel() ?? ""}`));
383
+ $2.append($$anchor4, fragment_4);
384
+ };
385
+ var alternate_1 = ($$anchor4) => {
386
+ var fragment_5 = root_11();
387
+ var text_7 = $2.sibling($2.first_child(fragment_5));
388
+ $2.template_effect(() => $2.set_text(text_7, ` ${$2.get(action).label ?? ""}`));
389
+ $2.append($$anchor4, fragment_5);
390
+ };
391
+ $2.if(node_7, ($$render) => {
392
+ if ($2.get(copiedKey) === $2.get(action).key)
393
+ $$render(consequent_6);
394
+ else
395
+ $$render(alternate_1, -1);
396
+ });
397
+ }
398
+ $2.reset(button_1);
399
+ $2.template_effect(() => {
400
+ $2.set_attribute(button_1, "data-cinder-action", $2.get(action).key);
401
+ $2.set_attribute(button_1, "data-cinder-copied", $2.get(copiedKey) === $2.get(action).key ? "" : undefined);
402
+ $2.set_attribute(button_1, "aria-label", $2.get(copiedKey) === $2.get(action).key ? copiedLabel() : $2.get(action).label);
403
+ });
404
+ $2.delegated("click", button_1, () => {
405
+ $2.get(action).onClick?.();
406
+ if ($2.get(action).copyValue !== undefined) {
407
+ handleCopy($2.get(action).key, $2.get(action).copyValue);
408
+ }
409
+ });
410
+ $2.append($$anchor3, button_1);
411
+ };
412
+ $2.if(node_5, ($$render) => {
413
+ if ($2.get(action).key === "native-share" || $2.get(action).useNativeShare)
414
+ $$render(consequent_5);
415
+ else
416
+ $$render(alternate_2, -1);
417
+ });
418
+ }
419
+ $2.append($$anchor2, fragment_1);
420
+ });
421
+ $2.reset(div_4);
422
+ $2.reset(div);
423
+ var node_8 = $2.sibling(div, 2);
424
+ _visually_hidden_live_region(node_8, {
425
+ get message() {
426
+ return $2.get(announcement);
427
+ }
428
+ });
429
+ $2.template_effect(() => {
430
+ $2.set_attribute(div_3, "aria-label", $2.get(valueRegionLabel));
431
+ $2.set_attribute(span, "title", $$props.value);
432
+ $2.set_text(text_3, $$props.value);
433
+ });
434
+ $2.append($$anchor, fragment);
435
+ $2.pop();
436
+ }
437
+ $2.delegate(["click"]);
438
+
439
+ // src/components/share-card/index.ts
440
+ var share_card_default = Share_card;
441
+ export {
442
+ share_card_default as default,
443
+ Share_card as ShareCard
444
+ };
445
+
446
+ //# debugId=D6EA2C2DE6BF30CE64756E2164756E21
@@ -0,0 +1,115 @@
1
+ @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
2
+ @layer cinder.components {
3
+ .cinder-share-card {
4
+ display: flex;
5
+ flex-direction: column;
6
+ gap: var(--cinder-space-2);
7
+ padding: var(--cinder-space-3);
8
+ border: 1px solid var(--cinder-border);
9
+ border-radius: var(--cinder-radius-md);
10
+ background-color: var(--cinder-surface);
11
+ color: var(--cinder-text);
12
+ }
13
+
14
+ .cinder-share-card__preview {
15
+ border-radius: var(--cinder-radius-sm);
16
+ overflow: hidden;
17
+ border: 1px solid var(--cinder-border);
18
+ }
19
+
20
+ .cinder-share-card__meta {
21
+ display: flex;
22
+ flex-direction: column;
23
+ gap: var(--cinder-space-1);
24
+ }
25
+
26
+ .cinder-share-card__title {
27
+ font-weight: 600;
28
+ font-size: var(--cinder-text-sm);
29
+ margin: 0;
30
+ color: var(--cinder-text);
31
+ }
32
+
33
+ .cinder-share-card__description {
34
+ font-size: var(--cinder-text-xs);
35
+ color: var(--cinder-text-muted);
36
+ margin: 0;
37
+ }
38
+
39
+ .cinder-share-card__value {
40
+ display: flex;
41
+ align-items: center;
42
+ gap: var(--cinder-space-1);
43
+ padding: var(--cinder-space-1) var(--cinder-space-2);
44
+ border: 1px solid var(--cinder-border);
45
+ border-radius: var(--cinder-radius-sm);
46
+ background-color: var(--cinder-surface-inset);
47
+ font-size: var(--cinder-text-xs);
48
+ font-family: var(--cinder-font-mono, monospace);
49
+ min-width: 0;
50
+ }
51
+
52
+ .cinder-share-card__value-text {
53
+ overflow: hidden;
54
+ text-overflow: ellipsis;
55
+ white-space: nowrap;
56
+ flex: 1;
57
+ min-width: 0;
58
+ color: var(--cinder-text-muted);
59
+ user-select: all;
60
+ }
61
+
62
+ .cinder-share-card__actions {
63
+ display: flex;
64
+ flex-wrap: wrap;
65
+ gap: var(--cinder-space-1);
66
+ }
67
+
68
+ .cinder-share-card__action {
69
+ display: inline-flex;
70
+ align-items: center;
71
+ gap: var(--cinder-space-1);
72
+ padding: var(--cinder-space-1) var(--cinder-space-2);
73
+ border: 1px solid var(--cinder-border);
74
+ border-radius: var(--cinder-radius-sm);
75
+ background-color: var(--cinder-surface);
76
+ color: var(--cinder-text);
77
+ cursor: pointer;
78
+ font-size: var(--cinder-text-sm);
79
+ font-weight: 500;
80
+ transition:
81
+ background-color 0.15s ease,
82
+ border-color 0.15s ease;
83
+ white-space: nowrap;
84
+ }
85
+
86
+ @media (hover: hover) {
87
+ .cinder-share-card__action:hover {
88
+ background-color: var(--cinder-surface-raised);
89
+ border-color: var(--cinder-border-strong);
90
+ }
91
+ }
92
+
93
+ .cinder-share-card__action:focus-visible {
94
+ outline: var(--cinder-ring-width) solid transparent;
95
+ box-shadow:
96
+ 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color),
97
+ 0 0 0 calc(var(--cinder-ring-offset) + var(--cinder-ring-width)) var(--cinder-ring-color);
98
+ }
99
+
100
+ .cinder-share-card__action[data-cinder-copied] {
101
+ color: var(--cinder-color-success-fg);
102
+ border-color: var(--cinder-color-success-border);
103
+ }
104
+
105
+ .cinder-share-card__action-icon {
106
+ display: inline-flex;
107
+ align-items: center;
108
+ flex-shrink: 0;
109
+ }
110
+
111
+ .cinder-share-card__icon {
112
+ width: 1em;
113
+ height: 1em;
114
+ }
115
+ }
@@ -0,0 +1,3 @@
1
+ import type { ComponentSchema } from '../../schema-types';
2
+ declare const _default: ComponentSchema;
3
+ export default _default;
@@ -0,0 +1,113 @@
1
+ var __create = Object.create;
2
+ var __getProtoOf = Object.getPrototypeOf;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ function __accessProp(key) {
7
+ return this[key];
8
+ }
9
+ var __toESMCache_node;
10
+ var __toESMCache_esm;
11
+ var __toESM = (mod, isNodeMode, target) => {
12
+ var canCache = mod != null && typeof mod === "object";
13
+ if (canCache) {
14
+ var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
15
+ var cached = cache.get(mod);
16
+ if (cached)
17
+ return cached;
18
+ }
19
+ target = mod != null ? __create(__getProtoOf(mod)) : {};
20
+ const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
21
+ for (let key of __getOwnPropNames(mod))
22
+ if (!__hasOwnProp.call(to, key))
23
+ __defProp(to, key, {
24
+ get: __accessProp.bind(mod, key),
25
+ enumerable: true
26
+ });
27
+ if (canCache)
28
+ cache.set(mod, to);
29
+ return to;
30
+ };
31
+ var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
32
+ var __returnValue = (v) => v;
33
+ function __exportSetter(name, newValue) {
34
+ this[name] = __returnValue.bind(null, newValue);
35
+ }
36
+ var __export = (target, all) => {
37
+ for (var name in all)
38
+ __defProp(target, name, {
39
+ get: all[name],
40
+ enumerable: true,
41
+ configurable: true,
42
+ set: __exportSetter.bind(all, name)
43
+ });
44
+ };
45
+ var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
46
+ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
47
+ get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
48
+ }) : x)(function(x) {
49
+ if (typeof require !== "undefined")
50
+ return require.apply(this, arguments);
51
+ throw Error('Dynamic require of "' + x + '" is not supported');
52
+ });
53
+
54
+ // src/components/share-card/share-card.schema.ts
55
+ var schema = {
56
+ $schema: "https://json-schema.org/draft/2020-12/schema",
57
+ type: "object",
58
+ properties: {
59
+ value: {
60
+ type: "string",
61
+ description: "The URL or text to share/copy."
62
+ },
63
+ title: {
64
+ type: "string",
65
+ description: "Human-readable title for the share card."
66
+ },
67
+ description: {
68
+ type: "string",
69
+ description: "Additional descriptive text."
70
+ },
71
+ copyLinkLabel: {
72
+ type: "string",
73
+ description: "Label for the copy-link button."
74
+ },
75
+ copiedLabel: {
76
+ type: "string",
77
+ description: "Label shown after a successful copy."
78
+ },
79
+ shareLabel: {
80
+ type: "string",
81
+ description: "Label for the native-share button."
82
+ },
83
+ confirmDuration: {
84
+ type: "number",
85
+ description: "Duration in ms to show the copied confirmation state.",
86
+ default: 2000
87
+ },
88
+ class: {
89
+ type: "string",
90
+ description: "Additional class names merged with `.cinder-share-card`."
91
+ }
92
+ },
93
+ additionalProperties: false,
94
+ required: ["value"],
95
+ metadata: {
96
+ unsupportedProps: [
97
+ {
98
+ name: "actions",
99
+ reason: "unknown-shape"
100
+ },
101
+ {
102
+ name: "preview",
103
+ reason: "function-or-snippet"
104
+ }
105
+ ]
106
+ }
107
+ };
108
+ var share_card_schema_default = schema;
109
+ export {
110
+ share_card_schema_default as default
111
+ };
112
+
113
+ //# debugId=C8758E3697505CB264756E2164756E21