@heyramzi/ui 1.54.1 → 2.0.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 (664) hide show
  1. package/COMPONENTS.md +3 -2
  2. package/README.md +34 -9
  3. package/package.json +200 -7
  4. package/scripts/sync-shadcn.mjs +2 -2
  5. package/src/ai/ai-button/AiButton.svelte +1 -1
  6. package/src/ai/confirmation/Confirmation.svelte +1 -1
  7. package/src/ai/confirmation/ConfirmationAction.svelte +1 -1
  8. package/src/ai/confirmation/ConfirmationActions.svelte +1 -1
  9. package/src/ai/confirmation/ConfirmationTitle.svelte +1 -1
  10. package/src/ai/generation-progress/GenerationProgress.svelte +13 -13
  11. package/src/ai/loading-state/PixelLoader.svelte +1 -1
  12. package/src/ai/prompt-input/PromptInput.svelte +1 -1
  13. package/src/ai/prompt-input/PromptInputBody.svelte +1 -1
  14. package/src/ai/prompt-input/PromptInputSubmit.svelte +1 -1
  15. package/src/ai/prompt-input/PromptInputTextarea.svelte +1 -1
  16. package/src/ai/prompt-input/PromptInputToolbar.svelte +1 -1
  17. package/src/ai/reasoning/Reasoning.svelte +1 -1
  18. package/src/ai/reasoning/ReasoningContent.svelte +1 -1
  19. package/src/ai/reasoning/ReasoningTrigger.svelte +1 -1
  20. package/src/ai/response/Response.svelte +1 -1
  21. package/src/ai/suggestion/Suggestion.svelte +1 -1
  22. package/src/ai/suggestion/Suggestions.svelte +1 -1
  23. package/src/ai/thinking-dots/ThinkingDots.svelte +1 -1
  24. package/src/ai/typing-dots/TypingDots.svelte +1 -1
  25. package/src/ai/voice-waveform/VoiceWaveform.svelte +1 -1
  26. package/src/ambient.d.ts +8 -0
  27. package/src/brand/brand.test.ts +67 -0
  28. package/src/brand/index.ts +137 -0
  29. package/src/canvas/README.md +236 -0
  30. package/src/canvas/card/card-frame.svelte +61 -0
  31. package/src/canvas/card/card.css +39 -0
  32. package/src/canvas/card/resize-handles.svelte +119 -0
  33. package/src/canvas/card/resize.ts +33 -0
  34. package/src/canvas/chrome/chrome-zoom.svelte +120 -0
  35. package/src/canvas/chrome/chrome.css +231 -0
  36. package/src/canvas/chrome/lock-badge.svelte +18 -0
  37. package/src/canvas/chrome/side-handles.svelte +30 -0
  38. package/src/canvas/chrome/size-chip.svelte +45 -0
  39. package/src/canvas/chrome/snap-guides.svelte +69 -0
  40. package/src/canvas/components/icons/ToolIcon.svelte +30 -0
  41. package/src/canvas/components/shared/svg/PreviewSvg.svelte +67 -0
  42. package/src/canvas/components/shared/svg/ShapeOutline.svelte +76 -0
  43. package/src/canvas/components/shared/svg/StrokeNode.svelte +69 -0
  44. package/src/canvas/components/shared/svg/TextRule.svelte +37 -0
  45. package/src/canvas/edges/bend-handle.svelte +76 -0
  46. package/src/canvas/edges/edge-gradient.svelte +30 -0
  47. package/src/canvas/edges/edge-path.test.ts +58 -0
  48. package/src/canvas/edges/edge-path.ts +293 -0
  49. package/src/canvas/edges/gradient-edge.svelte +43 -0
  50. package/src/canvas/editor/context-menu.test.ts +65 -0
  51. package/src/canvas/editor/context-menu.ts +48 -0
  52. package/src/canvas/editor/dispatch.svelte.test.ts +243 -0
  53. package/src/canvas/editor/dispatch.svelte.ts +205 -0
  54. package/src/canvas/editor/editor-context.ts +62 -0
  55. package/src/canvas/editor/editor-mode.ts +67 -0
  56. package/src/canvas/editor/frame.ts +98 -0
  57. package/src/canvas/editor/hand-context.ts +15 -0
  58. package/src/canvas/editor/history-core.test.ts +239 -0
  59. package/src/canvas/editor/history-core.ts +247 -0
  60. package/src/canvas/editor/keymap.test.ts +161 -0
  61. package/src/canvas/editor/keymap.ts +151 -0
  62. package/src/canvas/editor/layout-actions.test.ts +156 -0
  63. package/src/canvas/editor/layout-actions.ts +219 -0
  64. package/src/canvas/editor/lock.test.ts +68 -0
  65. package/src/canvas/editor/lock.ts +87 -0
  66. package/src/canvas/editor/rebase.test.ts +208 -0
  67. package/src/canvas/editor/rebase.ts +272 -0
  68. package/src/canvas/editor/style.ts +184 -0
  69. package/src/canvas/editor/text-field-context.ts +41 -0
  70. package/src/canvas/editor/z-order.test.ts +75 -0
  71. package/src/canvas/editor/z-order.ts +87 -0
  72. package/src/canvas/headless/alignment.test.ts +59 -0
  73. package/src/canvas/headless/alignment.ts +23 -0
  74. package/src/canvas/headless/break-apart-find.ts +418 -0
  75. package/src/canvas/headless/break-apart-pieces.ts +104 -0
  76. package/src/canvas/headless/break-apart-plan.ts +439 -0
  77. package/src/canvas/headless/break-apart-style.ts +106 -0
  78. package/src/canvas/headless/break-apart.ts +244 -0
  79. package/src/canvas/headless/canvas-cleanup.test.ts +181 -0
  80. package/src/canvas/headless/canvas-cleanup.ts +102 -0
  81. package/src/canvas/headless/edge-anchors.test.ts +70 -0
  82. package/src/canvas/headless/edge-anchors.ts +143 -0
  83. package/src/canvas/headless/edge-memo.test.ts +58 -0
  84. package/src/canvas/headless/edge-memo.ts +32 -0
  85. package/src/canvas/headless/edge-serialization.test.ts +55 -0
  86. package/src/canvas/headless/edge-serialization.ts +32 -0
  87. package/src/canvas/headless/figure-geometry.ts +293 -0
  88. package/src/canvas/headless/fit-viewport.test.ts +85 -0
  89. package/src/canvas/headless/fit-viewport.ts +137 -0
  90. package/src/canvas/headless/grid.test.ts +34 -0
  91. package/src/canvas/headless/grid.ts +94 -0
  92. package/src/canvas/headless/icon-node.test.ts +23 -0
  93. package/src/canvas/headless/icon-node.ts +66 -0
  94. package/src/canvas/headless/index.ts +9 -0
  95. package/src/canvas/headless/linkify.test.ts +23 -0
  96. package/src/canvas/headless/linkify.ts +25 -0
  97. package/src/canvas/headless/pen-marks.ts +133 -0
  98. package/src/canvas/headless/sketch.test.ts +99 -0
  99. package/src/canvas/headless/sketch.ts +302 -0
  100. package/src/canvas/headless/snap-guides.test.ts +61 -0
  101. package/src/canvas/headless/snap-guides.ts +146 -0
  102. package/src/canvas/headless/svg-figure.test.ts +49 -0
  103. package/src/canvas/headless/svg-figure.ts +176 -0
  104. package/src/canvas/headless/table-layout.test.ts +158 -0
  105. package/src/canvas/headless/table-layout.ts +309 -0
  106. package/src/canvas/index.ts +35 -0
  107. package/src/canvas/lod/lod-mode.svelte.ts +30 -0
  108. package/src/canvas/lod/lod-switch.svelte +140 -0
  109. package/src/canvas/lod/render-all.svelte.ts +52 -0
  110. package/src/canvas/ops/arrange.ts +108 -0
  111. package/src/canvas/ops/ops.test.ts +98 -0
  112. package/src/canvas/ops/ops.ts +347 -0
  113. package/src/canvas/pen/PenField.svelte +128 -0
  114. package/src/canvas/pen/PenField.test.ts +87 -0
  115. package/src/canvas/pen/PenOverlay.svelte +172 -0
  116. package/src/canvas/pen/ShapeNode.svelte +64 -0
  117. package/src/canvas/pen/TextNode.svelte +97 -0
  118. package/src/canvas/pen/colors.ts +28 -0
  119. package/src/canvas/pen/eraser.ts +46 -0
  120. package/src/canvas/pen/geometry.ts +148 -0
  121. package/src/canvas/pen/host-field.test.svelte +13 -0
  122. package/src/canvas/pen/index.ts +40 -0
  123. package/src/canvas/pen/ops.ts +16 -0
  124. package/src/canvas/pen/pen-session.ts +177 -0
  125. package/src/canvas/pen/pen.css +149 -0
  126. package/src/canvas/pen/plugin.ts +139 -0
  127. package/src/canvas/pen/shapes.ts +104 -0
  128. package/src/canvas/pen/stroke-path.ts +54 -0
  129. package/src/canvas/pen/types.ts +96 -0
  130. package/src/canvas/pen/ui.ts +26 -0
  131. package/src/canvas/plugin.test.ts +45 -0
  132. package/src/canvas/plugin.ts +159 -0
  133. package/src/canvas/screen/GlyphIcon.svelte +25 -0
  134. package/src/canvas/screen/PartView.svelte +176 -0
  135. package/src/canvas/screen/ScreenBody.svelte +142 -0
  136. package/src/canvas/screen/ScreenCard.svelte +32 -0
  137. package/src/canvas/screen/glyphs/button.svg +1 -0
  138. package/src/canvas/screen/glyphs/close.svg +1 -0
  139. package/src/canvas/screen/glyphs/down.svg +1 -0
  140. package/src/canvas/screen/glyphs/header.svg +1 -0
  141. package/src/canvas/screen/glyphs/hills.svg +1 -0
  142. package/src/canvas/screen/glyphs/image.svg +1 -0
  143. package/src/canvas/screen/glyphs/input.svg +1 -0
  144. package/src/canvas/screen/glyphs/list.svg +1 -0
  145. package/src/canvas/screen/glyphs/modal.svg +1 -0
  146. package/src/canvas/screen/glyphs/plus.svg +1 -0
  147. package/src/canvas/screen/glyphs/up.svg +1 -0
  148. package/src/canvas/screen/glyphs.ts +40 -0
  149. package/src/canvas/screen/labels.ts +41 -0
  150. package/src/canvas/screen/parts.ts +164 -0
  151. package/src/canvas/screen/plugin.ts +67 -0
  152. package/src/canvas/screen/screen.css +593 -0
  153. package/src/canvas/screen/types.ts +47 -0
  154. package/src/canvas/screen/ui.ts +13 -0
  155. package/src/canvas/test-utils.ts +18 -0
  156. package/src/canvas/types.ts +53 -0
  157. package/src/canvas/ui/CanvasToolbar.svelte +169 -0
  158. package/src/canvas/ui/FrameLayer.svelte +116 -0
  159. package/src/canvas/ui/PenLayer.svelte +39 -0
  160. package/src/canvas/ui/StylePanel.svelte +268 -0
  161. package/src/canvas/ui/canvas-grid.svelte +156 -0
  162. package/src/canvas/ui/canvas-ui.css +350 -0
  163. package/src/canvas/ui/forward-wheel.ts +29 -0
  164. package/src/canvas/ui/icons.ts +124 -0
  165. package/src/canvas/ui/place-panel.ts +80 -0
  166. package/src/canvas/ui/shortcut-tip.test.ts +16 -0
  167. package/src/canvas/ui/shortcut-tip.ts +17 -0
  168. package/src/canvas/ui/tools.ts +146 -0
  169. package/src/charts/README.md +104 -0
  170. package/src/charts/ambient.d.ts +4 -0
  171. package/src/charts/animated-value.css +7 -0
  172. package/src/charts/animated-value.svelte +110 -0
  173. package/src/charts/area-chart.css +29 -0
  174. package/src/charts/area-chart.svelte +204 -0
  175. package/src/charts/bar-chart.css +119 -0
  176. package/src/charts/bar-chart.svelte +275 -0
  177. package/src/charts/charts.css +201 -0
  178. package/src/charts/crosshair.svelte +35 -0
  179. package/src/charts/dashboard/chart.ts +5 -0
  180. package/src/charts/dashboard/dashboard-empty.svelte +55 -0
  181. package/src/charts/dashboard/dashboard-section.svelte +58 -0
  182. package/src/charts/dashboard/data-panel.svelte +81 -0
  183. package/src/charts/dashboard/data-sort-head.svelte +102 -0
  184. package/src/charts/dashboard/data-table.svelte +278 -0
  185. package/src/charts/dashboard/data-table.ts +26 -0
  186. package/src/charts/dashboard/index.ts +25 -0
  187. package/src/charts/dashboard/panel-grid.svelte +43 -0
  188. package/src/charts/dashboard/period-filter.svelte +53 -0
  189. package/src/charts/dashboard/rating-chip.svelte +35 -0
  190. package/src/charts/dashboard/stat-band.svelte +47 -0
  191. package/src/charts/dashboard/stat-tile.svelte +176 -0
  192. package/src/charts/dashboard/windows.ts +8 -0
  193. package/src/charts/donut-chart.css +56 -0
  194. package/src/charts/donut-chart.svelte +158 -0
  195. package/src/charts/edge-fade.svelte +43 -0
  196. package/src/charts/edge-fade.ts +16 -0
  197. package/src/charts/figure.css +100 -0
  198. package/src/charts/figure.svelte +122 -0
  199. package/src/charts/gauge-chart.css +94 -0
  200. package/src/charts/gauge-chart.svelte +302 -0
  201. package/src/charts/hover-band.test.ts +30 -0
  202. package/src/charts/hover-band.ts +21 -0
  203. package/src/charts/hover-focus.svelte +85 -0
  204. package/src/charts/index.ts +31 -0
  205. package/src/charts/legend.css +136 -0
  206. package/src/charts/legend.svelte +112 -0
  207. package/src/charts/line-chart.css +26 -0
  208. package/src/charts/line-chart.svelte +256 -0
  209. package/src/charts/motion.ts +19 -0
  210. package/src/charts/number-chart.css +179 -0
  211. package/src/charts/number-chart.svelte +187 -0
  212. package/src/charts/primitives/chart-container.svelte +57 -0
  213. package/src/charts/primitives/chart-style.svelte +36 -0
  214. package/src/charts/primitives/chart-tooltip.svelte +161 -0
  215. package/src/charts/primitives/chart-utils.ts +54 -0
  216. package/src/charts/primitives/index.ts +11 -0
  217. package/src/charts/reference-line.css +18 -0
  218. package/src/charts/reference-line.svelte +31 -0
  219. package/src/charts/reveal.svelte +61 -0
  220. package/src/charts/ring-chart.css +104 -0
  221. package/src/charts/ring-chart.svelte +166 -0
  222. package/src/charts/sparkline.css +45 -0
  223. package/src/charts/sparkline.svelte +141 -0
  224. package/src/charts/stat-card.css +105 -0
  225. package/src/charts/stat-card.svelte +267 -0
  226. package/src/charts/time-series-chart.css +28 -0
  227. package/src/charts/time-series-chart.svelte +179 -0
  228. package/src/charts/trend-pill.css +38 -0
  229. package/src/charts/trend-pill.svelte +48 -0
  230. package/src/components/copy/clipboard.ts +13 -9
  231. package/src/components/copy/copy-button.svelte +2 -2
  232. package/src/components/data-table/row-arrow.svelte +1 -1
  233. package/src/components/data-table/sortable-head.svelte +1 -1
  234. package/src/components/docs/doc-page.svelte +1 -1
  235. package/src/components/docs/on-this-page.svelte +2 -2
  236. package/src/components/field-row/field-row.svelte +1 -1
  237. package/src/components/hold-to-confirm/hold-to-confirm.svelte +1 -1
  238. package/src/components/language-flag/language-flag.svelte +1 -1
  239. package/src/components/list-page/detail-empty.svelte +1 -1
  240. package/src/components/list-page/detail-header.svelte +1 -1
  241. package/src/components/list-page/detail-panel.svelte +1 -1
  242. package/src/components/list-page/detail-row.svelte +1 -1
  243. package/src/components/list-page/detail-stack.svelte +1 -1
  244. package/src/components/list-page/empty-state.svelte +1 -1
  245. package/src/components/list-page/filter-item.svelte +1 -1
  246. package/src/components/list-page/filter-popover.svelte +2 -2
  247. package/src/components/list-page/filter-section.ts +1 -1
  248. package/src/components/list-page/grouped-list.svelte +1 -1
  249. package/src/components/list-page/list-page-shell.svelte +1 -1
  250. package/src/components/list-page/list-table.ts +1 -1
  251. package/src/components/list-page/master-detail.svelte +1 -1
  252. package/src/components/list-page/notice-bar.svelte +1 -1
  253. package/src/components/list-page/prev-next.svelte +1 -1
  254. package/src/components/list-page/rail-body.svelte +1 -1
  255. package/src/components/list-page/rail-empty.svelte +1 -1
  256. package/src/components/list-page/rail-head.svelte +1 -1
  257. package/src/components/list-page/rail-row.svelte +1 -1
  258. package/src/components/list-page/section-label.svelte +2 -2
  259. package/src/components/list-page/toolbar-search.svelte +1 -1
  260. package/src/components/list-page/toolbar-trigger.ts +1 -1
  261. package/src/components/mark/mark.svelte +1 -1
  262. package/src/components/open-in/open-in.svelte +1 -1
  263. package/src/components/picker/mark-picker.svelte +1 -1
  264. package/src/components/picker/picker.svelte +1 -1
  265. package/src/components/section-card/section-card.svelte +1 -1
  266. package/src/components/segmented/animated-tabs.svelte +1 -1
  267. package/src/components/segmented/section-runs.svelte +1 -1
  268. package/src/components/segmented/segment.svelte +5 -5
  269. package/src/components/segmented/segmented-filter.svelte +1 -1
  270. package/src/components/segmented/segmented-nav.svelte +1 -1
  271. package/src/components/segmented/segmented-overflow.svelte +1 -1
  272. package/src/components/segmented/segmented-track.svelte +1 -1
  273. package/src/components/star-rating-input/star-rating-input.svelte +1 -1
  274. package/src/components/table-view/table-view.svelte +1 -1
  275. package/src/components/theme/theme-provider.svelte +6 -4
  276. package/src/components/toolbar/index.ts +5 -0
  277. package/src/components/toolbar/toolbar.svelte +168 -0
  278. package/src/components/toolbar/toolbar.test.ts +66 -0
  279. package/src/editor/README.md +58 -0
  280. package/src/editor/ambient.d.ts +1 -0
  281. package/src/editor/block-id.ts +77 -0
  282. package/src/editor/block-ops.test.ts +237 -0
  283. package/src/editor/block-ops.ts +157 -0
  284. package/src/editor/content.css +418 -0
  285. package/src/editor/editor-toolbar.svelte +303 -0
  286. package/src/editor/editor.svelte +462 -0
  287. package/src/editor/extensions.ts +145 -0
  288. package/src/editor/image-toolbar.svelte +123 -0
  289. package/src/editor/index.ts +17 -0
  290. package/src/editor/inline-editor.svelte +261 -0
  291. package/src/editor/markdown-escaping.test.ts +158 -0
  292. package/src/editor/markdown-marks.test.ts +89 -0
  293. package/src/editor/markdown-test-helpers.ts +13 -0
  294. package/src/editor/markdown-youtube.test.ts +93 -0
  295. package/src/editor/markdown.test.ts +250 -0
  296. package/src/editor/markdown.ts +511 -0
  297. package/src/editor/renderer.svelte +92 -0
  298. package/src/editor/serializer.test.ts +133 -0
  299. package/src/editor/serializer.ts +370 -0
  300. package/src/editor/slash-items.ts +115 -0
  301. package/src/editor/slash-menu.svelte +159 -0
  302. package/src/editor/youtube-url.ts +35 -0
  303. package/src/effects/animated-beam/AnimatedBeam.svelte +1 -1
  304. package/src/effects/border-beam/register-properties.ts +4 -2
  305. package/src/effects/image-comparison/ImageComparison.svelte +1 -1
  306. package/src/effects/image-reveal/ImageReveal.svelte +1 -1
  307. package/src/effects/interactive-hover-button/InteractiveHoverButton.svelte +13 -13
  308. package/src/effects/magic-card/MagicCard.svelte +1 -1
  309. package/src/effects/marquee/Marquee.svelte +1 -1
  310. package/src/effects/progressive-blur/ProgressiveBlur.svelte +1 -1
  311. package/src/effects/reveal/AnimatedGroup.svelte +1 -1
  312. package/src/effects/reveal/InView.svelte +1 -1
  313. package/src/effects/reveal/TextEffect.svelte +1 -1
  314. package/src/effects/shader-gradient/ShaderGradient.svelte +1 -1
  315. package/src/effects/spotlight/Spotlight.svelte +1 -1
  316. package/src/effects/theme-toggle/ThemeToggle.svelte +4 -4
  317. package/src/lib/result.ts +19 -0
  318. package/src/lib/utils.ts +18 -0
  319. package/src/onboarding/README.md +120 -0
  320. package/src/onboarding/define-tours.test.ts +50 -0
  321. package/src/onboarding/define-tours.ts +31 -0
  322. package/src/onboarding/demo.svelte +86 -0
  323. package/src/onboarding/index.ts +12 -0
  324. package/src/onboarding/onboarding-provider.svelte +120 -0
  325. package/src/onboarding/onboarding.svelte.ts +24 -0
  326. package/src/onboarding/pick.test.ts +79 -0
  327. package/src/onboarding/pick.ts +36 -0
  328. package/src/onboarding/stores.test.ts +103 -0
  329. package/src/onboarding/stores.ts +58 -0
  330. package/src/onboarding/tour-card.svelte +70 -0
  331. package/src/onboarding/tour-runner.svelte +197 -0
  332. package/src/onboarding/types.ts +34 -0
  333. package/src/onboarding/wait.ts +29 -0
  334. package/src/shadcn/accordion/accordion-content.svelte +1 -1
  335. package/src/shadcn/accordion/accordion-item.svelte +1 -1
  336. package/src/shadcn/accordion/accordion-trigger.svelte +1 -1
  337. package/src/shadcn/accordion/accordion.svelte +1 -1
  338. package/src/shadcn/alert/alert-description.svelte +1 -1
  339. package/src/shadcn/alert/alert-title.svelte +1 -1
  340. package/src/shadcn/alert/alert.svelte +1 -1
  341. package/src/shadcn/alert-dialog/alert-dialog-action.svelte +1 -1
  342. package/src/shadcn/alert-dialog/alert-dialog-cancel.svelte +1 -1
  343. package/src/shadcn/alert-dialog/alert-dialog-content.svelte +1 -1
  344. package/src/shadcn/alert-dialog/alert-dialog-description.svelte +1 -1
  345. package/src/shadcn/alert-dialog/alert-dialog-footer.svelte +1 -1
  346. package/src/shadcn/alert-dialog/alert-dialog-header.svelte +1 -1
  347. package/src/shadcn/alert-dialog/alert-dialog-overlay.svelte +1 -1
  348. package/src/shadcn/alert-dialog/alert-dialog-title.svelte +1 -1
  349. package/src/shadcn/attachment/attachment-action.svelte +1 -1
  350. package/src/shadcn/attachment/attachment-actions.svelte +1 -1
  351. package/src/shadcn/attachment/attachment-content.svelte +1 -1
  352. package/src/shadcn/attachment/attachment-description.svelte +1 -1
  353. package/src/shadcn/attachment/attachment-group.svelte +1 -1
  354. package/src/shadcn/attachment/attachment-media.svelte +1 -1
  355. package/src/shadcn/attachment/attachment-title.svelte +1 -1
  356. package/src/shadcn/attachment/attachment-trigger.svelte +1 -1
  357. package/src/shadcn/attachment/attachment.svelte +1 -1
  358. package/src/shadcn/avatar/avatar-badge.svelte +1 -1
  359. package/src/shadcn/avatar/avatar-fallback.svelte +1 -1
  360. package/src/shadcn/avatar/avatar-group-count.svelte +1 -1
  361. package/src/shadcn/avatar/avatar-group.svelte +1 -1
  362. package/src/shadcn/avatar/avatar-image.svelte +1 -1
  363. package/src/shadcn/avatar/avatar.svelte +1 -1
  364. package/src/shadcn/badge/badge.svelte +1 -1
  365. package/src/shadcn/breadcrumb/breadcrumb-ellipsis.svelte +1 -1
  366. package/src/shadcn/breadcrumb/breadcrumb-item.svelte +1 -1
  367. package/src/shadcn/breadcrumb/breadcrumb-link.svelte +1 -1
  368. package/src/shadcn/breadcrumb/breadcrumb-list.svelte +1 -1
  369. package/src/shadcn/breadcrumb/breadcrumb-page.svelte +1 -1
  370. package/src/shadcn/breadcrumb/breadcrumb-separator.svelte +1 -1
  371. package/src/shadcn/breadcrumb/breadcrumb.svelte +1 -1
  372. package/src/shadcn/bubble/bubble-content.svelte +1 -1
  373. package/src/shadcn/bubble/bubble-group.svelte +1 -1
  374. package/src/shadcn/bubble/bubble-reactions.svelte +1 -1
  375. package/src/shadcn/bubble/bubble.svelte +1 -1
  376. package/src/shadcn/button/button.svelte +1 -1
  377. package/src/shadcn/calendar/calendar-cell.svelte +1 -1
  378. package/src/shadcn/calendar/calendar-day.svelte +1 -1
  379. package/src/shadcn/calendar/calendar-grid-body.svelte +1 -1
  380. package/src/shadcn/calendar/calendar-grid-head.svelte +1 -1
  381. package/src/shadcn/calendar/calendar-grid-row.svelte +1 -1
  382. package/src/shadcn/calendar/calendar-grid.svelte +1 -1
  383. package/src/shadcn/calendar/calendar-head-cell.svelte +1 -1
  384. package/src/shadcn/calendar/calendar-header.svelte +1 -1
  385. package/src/shadcn/calendar/calendar-heading.svelte +1 -1
  386. package/src/shadcn/calendar/calendar-month-select.svelte +1 -1
  387. package/src/shadcn/calendar/calendar-month.svelte +1 -1
  388. package/src/shadcn/calendar/calendar-months.svelte +1 -1
  389. package/src/shadcn/calendar/calendar-nav.svelte +1 -1
  390. package/src/shadcn/calendar/calendar-next-button.svelte +1 -1
  391. package/src/shadcn/calendar/calendar-prev-button.svelte +1 -1
  392. package/src/shadcn/calendar/calendar-year-select.svelte +1 -1
  393. package/src/shadcn/calendar/calendar.svelte +1 -1
  394. package/src/shadcn/card/card-action.svelte +1 -1
  395. package/src/shadcn/card/card-content.svelte +1 -1
  396. package/src/shadcn/card/card-description.svelte +1 -1
  397. package/src/shadcn/card/card-footer.svelte +1 -1
  398. package/src/shadcn/card/card-header.svelte +1 -1
  399. package/src/shadcn/card/card-title.svelte +1 -1
  400. package/src/shadcn/card/card.svelte +1 -1
  401. package/src/shadcn/checkbox/checkbox.svelte +1 -1
  402. package/src/shadcn/code-block/code-block-actions.svelte +1 -1
  403. package/src/shadcn/code-block/code-block-content.svelte +1 -1
  404. package/src/shadcn/code-block/code-block-footer.svelte +1 -1
  405. package/src/shadcn/code-block/code-block-header.svelte +1 -1
  406. package/src/shadcn/code-block/code-block-line.svelte +1 -1
  407. package/src/shadcn/code-block/code-block-title.svelte +1 -1
  408. package/src/shadcn/code-block/code-block.svelte +1 -1
  409. package/src/shadcn/command/command-dialog.svelte +1 -1
  410. package/src/shadcn/command/command-empty.svelte +1 -1
  411. package/src/shadcn/command/command-group.svelte +1 -1
  412. package/src/shadcn/command/command-input.svelte +2 -2
  413. package/src/shadcn/command/command-item.svelte +1 -1
  414. package/src/shadcn/command/command-link-item.svelte +1 -1
  415. package/src/shadcn/command/command-list.svelte +1 -1
  416. package/src/shadcn/command/command-separator.svelte +1 -1
  417. package/src/shadcn/command/command-shortcut.svelte +1 -1
  418. package/src/shadcn/command/command.svelte +1 -1
  419. package/src/shadcn/context-menu/context-menu-checkbox-item.svelte +1 -1
  420. package/src/shadcn/context-menu/context-menu-content.svelte +2 -2
  421. package/src/shadcn/context-menu/context-menu-group-heading.svelte +1 -1
  422. package/src/shadcn/context-menu/context-menu-item.svelte +1 -1
  423. package/src/shadcn/context-menu/context-menu-label.svelte +1 -1
  424. package/src/shadcn/context-menu/context-menu-radio-item.svelte +1 -1
  425. package/src/shadcn/context-menu/context-menu-separator.svelte +1 -1
  426. package/src/shadcn/context-menu/context-menu-shortcut.svelte +1 -1
  427. package/src/shadcn/context-menu/context-menu-sub-content.svelte +1 -1
  428. package/src/shadcn/context-menu/context-menu-sub-trigger.svelte +1 -1
  429. package/src/shadcn/context-menu/context-menu-trigger.svelte +1 -1
  430. package/src/shadcn/dialog/dialog-content.svelte +1 -1
  431. package/src/shadcn/dialog/dialog-description.svelte +1 -1
  432. package/src/shadcn/dialog/dialog-footer.svelte +1 -1
  433. package/src/shadcn/dialog/dialog-header.svelte +1 -1
  434. package/src/shadcn/dialog/dialog-overlay.svelte +1 -1
  435. package/src/shadcn/dialog/dialog-title.svelte +1 -1
  436. package/src/shadcn/dropdown-menu/dropdown-menu-checkbox-item.svelte +1 -1
  437. package/src/shadcn/dropdown-menu/dropdown-menu-content.svelte +1 -1
  438. package/src/shadcn/dropdown-menu/dropdown-menu-group-heading.svelte +1 -1
  439. package/src/shadcn/dropdown-menu/dropdown-menu-item.svelte +1 -1
  440. package/src/shadcn/dropdown-menu/dropdown-menu-label.svelte +1 -1
  441. package/src/shadcn/dropdown-menu/dropdown-menu-radio-item.svelte +1 -1
  442. package/src/shadcn/dropdown-menu/dropdown-menu-separator.svelte +1 -1
  443. package/src/shadcn/dropdown-menu/dropdown-menu-shortcut.svelte +1 -1
  444. package/src/shadcn/dropdown-menu/dropdown-menu-sub-content.svelte +1 -1
  445. package/src/shadcn/dropdown-menu/dropdown-menu-sub-trigger.svelte +1 -1
  446. package/src/shadcn/empty/empty-content.svelte +1 -1
  447. package/src/shadcn/empty/empty-description.svelte +1 -1
  448. package/src/shadcn/empty/empty-header.svelte +1 -1
  449. package/src/shadcn/empty/empty-media.svelte +1 -1
  450. package/src/shadcn/empty/empty-title.svelte +1 -1
  451. package/src/shadcn/empty/empty.svelte +1 -1
  452. package/src/shadcn/field/field-content.svelte +1 -1
  453. package/src/shadcn/field/field-description.svelte +1 -1
  454. package/src/shadcn/field/field-error.svelte +1 -1
  455. package/src/shadcn/field/field-group.svelte +1 -1
  456. package/src/shadcn/field/field-label.svelte +1 -1
  457. package/src/shadcn/field/field-legend.svelte +1 -1
  458. package/src/shadcn/field/field-separator.svelte +1 -1
  459. package/src/shadcn/field/field-set.svelte +1 -1
  460. package/src/shadcn/field/field-title.svelte +1 -1
  461. package/src/shadcn/field/field.svelte +1 -1
  462. package/src/shadcn/field/simple-field.svelte +1 -1
  463. package/src/shadcn/hover-card/hover-card-content.svelte +1 -1
  464. package/src/shadcn/input/input.svelte +1 -1
  465. package/src/shadcn/input/secret-input.svelte +1 -1
  466. package/src/shadcn/input-otp/input-otp-group.svelte +1 -1
  467. package/src/shadcn/input-otp/input-otp-separator.svelte +1 -1
  468. package/src/shadcn/input-otp/input-otp-slot.svelte +1 -1
  469. package/src/shadcn/input-otp/input-otp.svelte +1 -1
  470. package/src/shadcn/kbd/kbd-group.svelte +1 -1
  471. package/src/shadcn/kbd/kbd.svelte +1 -1
  472. package/src/shadcn/label/label.svelte +1 -1
  473. package/src/shadcn/marker/marker-content.svelte +1 -1
  474. package/src/shadcn/marker/marker-icon.svelte +1 -1
  475. package/src/shadcn/marker/marker.svelte +1 -1
  476. package/src/shadcn/message/message-avatar.svelte +1 -1
  477. package/src/shadcn/message/message-content.svelte +1 -1
  478. package/src/shadcn/message/message-footer.svelte +1 -1
  479. package/src/shadcn/message/message-group.svelte +1 -1
  480. package/src/shadcn/message/message-header.svelte +1 -1
  481. package/src/shadcn/message/message.svelte +1 -1
  482. package/src/shadcn/message-scroller/message-scroller-button.svelte +1 -1
  483. package/src/shadcn/message-scroller/message-scroller-content.svelte +1 -1
  484. package/src/shadcn/message-scroller/message-scroller-item.svelte +1 -1
  485. package/src/shadcn/message-scroller/message-scroller-viewport.svelte +1 -1
  486. package/src/shadcn/message-scroller/message-scroller.svelte +1 -1
  487. package/src/shadcn/popover/popover-content.svelte +1 -1
  488. package/src/shadcn/popover/popover-description.svelte +1 -1
  489. package/src/shadcn/popover/popover-header.svelte +1 -1
  490. package/src/shadcn/popover/popover-title.svelte +1 -1
  491. package/src/shadcn/popover/popover-trigger.svelte +1 -1
  492. package/src/shadcn/progress/progress.svelte +1 -1
  493. package/src/shadcn/radio-group/radio-group-item.svelte +1 -1
  494. package/src/shadcn/radio-group/radio-group.svelte +1 -1
  495. package/src/shadcn/scroll-area/scroll-area-scrollbar.svelte +1 -1
  496. package/src/shadcn/scroll-area/scroll-area.svelte +1 -1
  497. package/src/shadcn/select/select-content.svelte +2 -2
  498. package/src/shadcn/select/select-group-heading.svelte +1 -1
  499. package/src/shadcn/select/select-group.svelte +1 -1
  500. package/src/shadcn/select/select-item.svelte +1 -1
  501. package/src/shadcn/select/select-label.svelte +1 -1
  502. package/src/shadcn/select/select-scroll-down-button.svelte +1 -1
  503. package/src/shadcn/select/select-scroll-up-button.svelte +1 -1
  504. package/src/shadcn/select/select-separator.svelte +1 -1
  505. package/src/shadcn/select/select-trigger.svelte +1 -1
  506. package/src/shadcn/separator/separator.svelte +1 -1
  507. package/src/shadcn/sheet/sheet-content.svelte +1 -1
  508. package/src/shadcn/sheet/sheet-description.svelte +1 -1
  509. package/src/shadcn/sheet/sheet-footer.svelte +1 -1
  510. package/src/shadcn/sheet/sheet-header.svelte +1 -1
  511. package/src/shadcn/sheet/sheet-overlay.svelte +1 -1
  512. package/src/shadcn/sheet/sheet-title.svelte +1 -1
  513. package/src/shadcn/sidebar/sidebar-content.svelte +1 -1
  514. package/src/shadcn/sidebar/sidebar-footer.svelte +1 -1
  515. package/src/shadcn/sidebar/sidebar-group-action.svelte +1 -1
  516. package/src/shadcn/sidebar/sidebar-group-content.svelte +1 -1
  517. package/src/shadcn/sidebar/sidebar-group-label.svelte +1 -1
  518. package/src/shadcn/sidebar/sidebar-group.svelte +1 -1
  519. package/src/shadcn/sidebar/sidebar-header.svelte +1 -1
  520. package/src/shadcn/sidebar/sidebar-input.svelte +1 -1
  521. package/src/shadcn/sidebar/sidebar-inset.svelte +1 -1
  522. package/src/shadcn/sidebar/sidebar-menu-action.svelte +1 -1
  523. package/src/shadcn/sidebar/sidebar-menu-badge.svelte +1 -1
  524. package/src/shadcn/sidebar/sidebar-menu-button.svelte +1 -1
  525. package/src/shadcn/sidebar/sidebar-menu-item.svelte +1 -1
  526. package/src/shadcn/sidebar/sidebar-menu-skeleton.svelte +1 -1
  527. package/src/shadcn/sidebar/sidebar-menu-sub-button.svelte +1 -1
  528. package/src/shadcn/sidebar/sidebar-menu-sub-item.svelte +1 -1
  529. package/src/shadcn/sidebar/sidebar-menu-sub.svelte +1 -1
  530. package/src/shadcn/sidebar/sidebar-menu.svelte +1 -1
  531. package/src/shadcn/sidebar/sidebar-provider.svelte +1 -1
  532. package/src/shadcn/sidebar/sidebar-rail.svelte +1 -1
  533. package/src/shadcn/sidebar/sidebar-separator.svelte +1 -1
  534. package/src/shadcn/sidebar/sidebar-trigger.svelte +1 -1
  535. package/src/shadcn/sidebar/sidebar.svelte +1 -1
  536. package/src/shadcn/skeleton/skeleton.svelte +1 -1
  537. package/src/shadcn/slider/slider.svelte +1 -1
  538. package/src/shadcn/spinner/spinner.svelte +1 -1
  539. package/src/shadcn/switch/switch.svelte +1 -1
  540. package/src/shadcn/table/table-body.svelte +1 -1
  541. package/src/shadcn/table/table-caption.svelte +1 -1
  542. package/src/shadcn/table/table-cell.svelte +1 -1
  543. package/src/shadcn/table/table-footer.svelte +1 -1
  544. package/src/shadcn/table/table-head.svelte +1 -1
  545. package/src/shadcn/table/table-header.svelte +1 -1
  546. package/src/shadcn/table/table-row.svelte +1 -1
  547. package/src/shadcn/table/table.svelte +1 -1
  548. package/src/shadcn/tabs/tabs-content.svelte +1 -1
  549. package/src/shadcn/tabs/tabs-list.svelte +1 -1
  550. package/src/shadcn/tabs/tabs-trigger.svelte +1 -1
  551. package/src/shadcn/tabs/tabs.svelte +1 -1
  552. package/src/shadcn/textarea/textarea.svelte +1 -1
  553. package/src/shadcn/toggle/toggle.svelte +1 -1
  554. package/src/shadcn/toggle-group/toggle-group-item.svelte +1 -1
  555. package/src/shadcn/toggle-group/toggle-group.svelte +1 -1
  556. package/src/shadcn/tooltip/tooltip-content.svelte +2 -2
  557. package/src/shadcn/trace/trace-collapsible-content.svelte +1 -1
  558. package/src/shadcn/trace/trace-collapsible-trigger.svelte +1 -1
  559. package/src/shadcn/trace/trace-collapsible.svelte +1 -1
  560. package/src/shadcn/trace/trace-description.svelte +1 -1
  561. package/src/shadcn/trace/trace-icon.svelte +1 -1
  562. package/src/shadcn/trace/trace-line.svelte +1 -1
  563. package/src/shadcn/trace/trace-title.svelte +1 -1
  564. package/src/shadcn/trace/trace.svelte +1 -1
  565. package/src/slides/Controls.svelte +138 -0
  566. package/src/slides/Deck.svelte +271 -0
  567. package/src/slides/Fragment.svelte +71 -0
  568. package/src/slides/Overview.svelte +113 -0
  569. package/src/slides/Presenter.svelte +292 -0
  570. package/src/slides/README.md +89 -0
  571. package/src/slides/Slide.svelte +179 -0
  572. package/src/slides/SlideList.svelte +19 -0
  573. package/src/slides/ambient.d.ts +1 -0
  574. package/src/slides/bridges.ts +69 -0
  575. package/src/slides/deck-controller.svelte.ts +292 -0
  576. package/src/slides/demo-slides.svelte +358 -0
  577. package/src/slides/demo.svelte +176 -0
  578. package/src/slides/export/capture.ts +113 -0
  579. package/src/slides/export/ffmpeg.ts +120 -0
  580. package/src/slides/export/index.ts +9 -0
  581. package/src/slides/export/launch.ts +10 -0
  582. package/src/slides/export/pdf.ts +152 -0
  583. package/src/slides/export/types.ts +48 -0
  584. package/src/slides/index.ts +19 -0
  585. package/src/slides/labels.ts +48 -0
  586. package/src/slides/layout.ts +51 -0
  587. package/src/slides/model.ts +47 -0
  588. package/src/slides/navigation.ts +100 -0
  589. package/src/slides/theme.css +205 -0
  590. package/src/slides/types.ts +86 -0
  591. package/src/tasks/README.md +312 -0
  592. package/src/tasks/ambient.d.ts +3 -0
  593. package/src/tasks/board-order.ts +137 -0
  594. package/src/tasks/dates.ts +31 -0
  595. package/src/tasks/define-statuses.ts +32 -0
  596. package/src/tasks/demo.svelte +389 -0
  597. package/src/tasks/detail/detail-demo.svelte +186 -0
  598. package/src/tasks/detail/detail-types.ts +54 -0
  599. package/src/tasks/detail/task-chip.svelte +28 -0
  600. package/src/tasks/detail/task-detail.svelte +315 -0
  601. package/src/tasks/detail/task-property.svelte +17 -0
  602. package/src/tasks/detail/task-thread.svelte +258 -0
  603. package/src/tasks/gantt/gantt-bar.svelte +243 -0
  604. package/src/tasks/gantt/gantt-grid.svelte +94 -0
  605. package/src/tasks/gantt/gantt-group-row.svelte +55 -0
  606. package/src/tasks/gantt/gantt-header.svelte +71 -0
  607. package/src/tasks/gantt/gantt-task-row.svelte +186 -0
  608. package/src/tasks/gantt/gantt.css +22 -0
  609. package/src/tasks/gantt/gantt.test.ts +77 -0
  610. package/src/tasks/gantt/logic.test.ts +163 -0
  611. package/src/tasks/gantt/logic.ts +248 -0
  612. package/src/tasks/inbox/inbox-card.svelte +283 -0
  613. package/src/tasks/inbox/inbox-draft.svelte +84 -0
  614. package/src/tasks/inbox/inbox-logic.ts +55 -0
  615. package/src/tasks/inbox/inbox-statuses.ts +48 -0
  616. package/src/tasks/inbox/inbox-trace.svelte +45 -0
  617. package/src/tasks/inbox/inbox-types.ts +108 -0
  618. package/src/tasks/inbox/inbox.svelte +203 -0
  619. package/src/tasks/inbox/index.ts +23 -0
  620. package/src/tasks/index.ts +85 -0
  621. package/src/tasks/kanban-board.svelte +561 -0
  622. package/src/tasks/kanban-column.svelte +117 -0
  623. package/src/tasks/kanban-drag.ts +38 -0
  624. package/src/tasks/kanban-types.ts +65 -0
  625. package/src/tasks/presets/sales.ts +16 -0
  626. package/src/tasks/record/demo-data.ts +286 -0
  627. package/src/tasks/record/field-section.svelte +53 -0
  628. package/src/tasks/record/fields.ts +142 -0
  629. package/src/tasks/record/format.ts +87 -0
  630. package/src/tasks/record/gutter.ts +2 -0
  631. package/src/tasks/record/index.ts +54 -0
  632. package/src/tasks/record/info-list.svelte +316 -0
  633. package/src/tasks/record/kinds.ts +42 -0
  634. package/src/tasks/record/logic.ts +324 -0
  635. package/src/tasks/record/next-up.svelte +70 -0
  636. package/src/tasks/record/project-list.svelte +133 -0
  637. package/src/tasks/record/record-demo.svelte +324 -0
  638. package/src/tasks/record/record-header.svelte +70 -0
  639. package/src/tasks/record/record-shell.svelte +138 -0
  640. package/src/tasks/record/record-stats.svelte +48 -0
  641. package/src/tasks/record/record-timeline.svelte +231 -0
  642. package/src/tasks/record/record.test.ts +350 -0
  643. package/src/tasks/record/steps-rail.svelte +474 -0
  644. package/src/tasks/record/types.ts +280 -0
  645. package/src/tasks/record/where-we-are.svelte +121 -0
  646. package/src/tasks/reorder.ts +19 -0
  647. package/src/tasks/side-panel-types.ts +16 -0
  648. package/src/tasks/side-panel.svelte +193 -0
  649. package/src/tasks/status-badge.svelte +63 -0
  650. package/src/tasks/status-dot.svelte +228 -0
  651. package/src/tasks/status-icon.svelte +30 -0
  652. package/src/tasks/status-types.ts +40 -0
  653. package/src/tasks/task-gantt.svelte +230 -0
  654. package/src/tasks/task-list.svelte +470 -0
  655. package/src/tasks/task-types.ts +33 -0
  656. package/src/tasks/time/duration.ts +69 -0
  657. package/src/tasks/time/time-chip.svelte +62 -0
  658. package/src/tasks/time/time-dot.svelte +58 -0
  659. package/src/tasks/time/time-ring.svelte +74 -0
  660. package/src/tasks/time/time-tracker.svelte +565 -0
  661. package/src/tasks/time/time-types.ts +74 -0
  662. package/src/tasks/use-kanban-dnd.svelte.ts +173 -0
  663. package/src/tokens/base.css +5 -5
  664. package/src/tokens/palette.css +115 -120
package/COMPONENTS.md CHANGED
@@ -67,6 +67,7 @@ Generic pieces built on the primitives, imported from `@heyramzi/ui/components/<
67
67
  - `icon` — Icon, a Phosphor component at a size
68
68
  - `language-flag` — LanguageFlag
69
69
  - `list-page` — ListPageShell, MasterDetail, GroupedList, RailRow and the rest of the master-detail page kit, NoticeBar, EmptyState, FilterPopover, setSectionHost
70
+ - `toolbar` — Toolbar: one row at any width; search, tabs and the view switch fold into menus in a narrow pane
70
71
  - `locale-switch` — LocaleSwitch, a language switch on SegmentedFilter
71
72
  - `mark` — Mark, a logo or photo glyph with an initial fallback
72
73
  - `open-in` — OpenIn, a link out to a tool that takes the tool's name, label and mark as a prop
@@ -134,6 +135,6 @@ Generic pieces built on the primitives, imported from `@heyramzi/ui/components/<
134
135
 
135
136
  ---
136
137
 
137
- Skipped on purpose: brand assets (logos, marks, brand renderer), kanban, list, gantt and status (they live in `@heyramzi/tasks`), and charts
138
- (they live in `@heyramzi/charts`). The bot avatars
138
+ Skipped on purpose: brand assets (logos, marks, brand renderer), kanban, list, gantt and status (they live in `@heyramzi/ui/tasks`), and charts
139
+ (they live in `@heyramzi/ui/charts`). The bot avatars
139
140
  are in `src/agents`, imported from `@heyramzi/ui/agents`.
package/README.md CHANGED
@@ -33,21 +33,46 @@ Import the style layer once, after Tailwind:
33
33
  @import "@heyramzi/ui/animations";
34
34
  ```
35
35
 
36
- `tokens.css` carries the palette, the semantic tokens and the craft layer
36
+ `tokens.css` carries a neutral palette, the semantic tokens and the craft layer
37
37
  (radius, elevation, focus, motion). `animations` carries the keyframes the
38
38
  components reference. If you use the Attachment or Message component, also
39
39
  import `@heyramzi/ui/shadcn/utilities.css`.
40
40
 
41
- Retheme by overriding any variable on `:root`, for example
42
- `--color-brand-indigo` or `--radius-lg`. Dark mode keys off a `.dark`
43
- class on `html`.
41
+ ## A brand
44
42
 
45
- Rich text lives in [`@heyramzi/rich-editor`](https://github.com/heyramzi/ui/tree/main/packages/rich-editor),
46
- so the kit doesn't pull Tiptap into every app.
43
+ The default look is neutral, and its colours are named by role: `brand`, `ink`, `surface`,
44
+ `line`, `raised`, `paper`, `highlight` and `signal` (`bg-brand`, `text-ink`, `border-line`).
45
+ A client's look is one typed file with no build step:
47
46
 
48
- Charts live in their own package now,
49
- [`@heyramzi/charts`](https://github.com/heyramzi/ui/tree/main/packages/charts). It reads
50
- the same tokens, so import `tokens.css` once and both work.
47
+ ```ts
48
+ // brand.ts
49
+ import { defineBrand } from "@heyramzi/ui/brand";
50
+
51
+ export const brand = defineBrand({
52
+ colors: { brand: "oklch(0.5 0.2 272)", ink: "oklch(0.12 0.04 258)" },
53
+ fonts: { sans: '"Satoshi", system-ui, sans-serif' },
54
+ });
55
+ ```
56
+
57
+ Apply it with `brandStyle(brand)` on `<html style>` (right on first paint), `applyBrand(brand)`
58
+ in the browser, or `brandCss(brand)` in a stylesheet. A brand names only the roles it changes; light
59
+ and dark both follow from the tokens, and the tint scales (`brand-100` to `brand-800`) derive
60
+ from the three hues.
61
+
62
+ ## Subpaths
63
+
64
+ One package, six larger parts, each imported from its own subpath:
65
+
66
+ | Subpath | What it is |
67
+ | --- | --- |
68
+ | `@heyramzi/ui/tasks` | Board, list, gantt, status badges, task detail, record, time tracker, inbox |
69
+ | `@heyramzi/ui/charts` | LayerChart charts, sparklines, stat cards, and `/charts/dashboard` |
70
+ | `@heyramzi/ui/slides` | Decks on a fixed canvas, plus `/slides/model` and `/slides/export` |
71
+ | `@heyramzi/ui/editor` | The Tiptap editor, its renderer, `/editor/markdown`, `/editor/block-ops` |
72
+ | `@heyramzi/ui/onboarding` | Page tours |
73
+ | `@heyramzi/ui/canvas` | The xyflow canvas with a pen and headless ops. Add `@xyflow/svelte` yourself |
74
+
75
+ Each has a README next to its source under `src/<subpath>/`.
51
76
 
52
77
  React and other framework ports are out of scope. The source is Svelte 5
53
78
  runes only.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@heyramzi/ui",
3
- "version": "1.54.1",
4
- "description": "Svelte 5 UI primitives: effects, animations, and shared component CSS.",
3
+ "version": "2.0.0",
4
+ "description": "Svelte 5 UI for apps: primitives, effects and animations, plus tasks, charts, slides, an editor, onboarding and a canvas as subpaths.",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -29,6 +29,11 @@
29
29
  "default": "./src/index.ts"
30
30
  },
31
31
  "./tokens.css": "./src/tokens/index.css",
32
+ "./brand": {
33
+ "svelte": "./src/brand/index.ts",
34
+ "types": "./src/brand/index.ts",
35
+ "default": "./src/brand/index.ts"
36
+ },
32
37
  "./lib/*.js": {
33
38
  "svelte": "./src/lib/*.ts",
34
39
  "types": "./src/lib/*.ts",
@@ -166,25 +171,208 @@
166
171
  "types": "./src/agents/index.ts",
167
172
  "default": "./src/agents/index.ts"
168
173
  },
169
- "./agents/demo.svelte": "./src/agents/demo.svelte"
174
+ "./agents/demo.svelte": "./src/agents/demo.svelte",
175
+ "./tasks": {
176
+ "svelte": "./src/tasks/index.ts",
177
+ "types": "./src/tasks/index.ts",
178
+ "default": "./src/tasks/index.ts"
179
+ },
180
+ "./tasks/kanban": {
181
+ "svelte": "./src/tasks/kanban-board.svelte",
182
+ "types": "./src/tasks/kanban-board.svelte",
183
+ "default": "./src/tasks/kanban-board.svelte"
184
+ },
185
+ "./tasks/list": {
186
+ "svelte": "./src/tasks/task-list.svelte",
187
+ "types": "./src/tasks/task-list.svelte",
188
+ "default": "./src/tasks/task-list.svelte"
189
+ },
190
+ "./tasks/gantt": {
191
+ "svelte": "./src/tasks/task-gantt.svelte",
192
+ "types": "./src/tasks/task-gantt.svelte",
193
+ "default": "./src/tasks/task-gantt.svelte"
194
+ },
195
+ "./tasks/status": {
196
+ "svelte": "./src/tasks/status-badge.svelte",
197
+ "types": "./src/tasks/status-badge.svelte",
198
+ "default": "./src/tasks/status-badge.svelte"
199
+ },
200
+ "./tasks/status-dot": {
201
+ "svelte": "./src/tasks/status-dot.svelte",
202
+ "types": "./src/tasks/status-dot.svelte",
203
+ "default": "./src/tasks/status-dot.svelte"
204
+ },
205
+ "./tasks/statuses": {
206
+ "svelte": "./src/tasks/define-statuses.ts",
207
+ "types": "./src/tasks/define-statuses.ts",
208
+ "default": "./src/tasks/define-statuses.ts"
209
+ },
210
+ "./tasks/time": {
211
+ "svelte": "./src/tasks/time/time-tracker.svelte",
212
+ "types": "./src/tasks/time/time-tracker.svelte",
213
+ "default": "./src/tasks/time/time-tracker.svelte"
214
+ },
215
+ "./tasks/inbox": {
216
+ "svelte": "./src/tasks/inbox/index.ts",
217
+ "types": "./src/tasks/inbox/index.ts",
218
+ "default": "./src/tasks/inbox/index.ts"
219
+ },
220
+ "./tasks/side-panel": {
221
+ "svelte": "./src/tasks/side-panel.svelte",
222
+ "types": "./src/tasks/side-panel.svelte",
223
+ "default": "./src/tasks/side-panel.svelte"
224
+ },
225
+ "./tasks/presets/sales": {
226
+ "svelte": "./src/tasks/presets/sales.ts",
227
+ "types": "./src/tasks/presets/sales.ts",
228
+ "default": "./src/tasks/presets/sales.ts"
229
+ },
230
+ "./tasks/detail": {
231
+ "svelte": "./src/tasks/detail/task-detail.svelte",
232
+ "types": "./src/tasks/detail/task-detail.svelte",
233
+ "default": "./src/tasks/detail/task-detail.svelte"
234
+ },
235
+ "./tasks/detail-demo.svelte": "./src/tasks/detail/detail-demo.svelte",
236
+ "./tasks/record": {
237
+ "svelte": "./src/tasks/record/index.ts",
238
+ "types": "./src/tasks/record/index.ts",
239
+ "default": "./src/tasks/record/index.ts"
240
+ },
241
+ "./tasks/record-demo.svelte": "./src/tasks/record/record-demo.svelte",
242
+ "./tasks/demo": {
243
+ "svelte": "./src/tasks/demo.svelte",
244
+ "default": "./src/tasks/demo.svelte"
245
+ },
246
+ "./tasks/demo.svelte": "./src/tasks/demo.svelte",
247
+ "./charts": {
248
+ "svelte": "./src/charts/index.ts",
249
+ "types": "./src/charts/index.ts",
250
+ "default": "./src/charts/index.ts"
251
+ },
252
+ "./charts/dashboard": {
253
+ "svelte": "./src/charts/dashboard/index.ts",
254
+ "types": "./src/charts/dashboard/index.ts",
255
+ "default": "./src/charts/dashboard/index.ts"
256
+ },
257
+ "./slides": {
258
+ "types": "./src/slides/index.ts",
259
+ "svelte": "./src/slides/index.ts",
260
+ "default": "./src/slides/index.ts"
261
+ },
262
+ "./slides/model": {
263
+ "types": "./src/slides/model.ts",
264
+ "default": "./src/slides/model.ts"
265
+ },
266
+ "./slides/export": {
267
+ "types": "./src/slides/export/index.ts",
268
+ "default": "./src/slides/export/index.ts"
269
+ },
270
+ "./slides/demo": {
271
+ "svelte": "./src/slides/demo.svelte",
272
+ "default": "./src/slides/demo.svelte"
273
+ },
274
+ "./slides/demo.svelte": "./src/slides/demo.svelte",
275
+ "./slides/demo-slides": {
276
+ "svelte": "./src/slides/demo-slides.svelte",
277
+ "default": "./src/slides/demo-slides.svelte"
278
+ },
279
+ "./slides/demo-slides.svelte": "./src/slides/demo-slides.svelte",
280
+ "./editor": {
281
+ "svelte": "./src/editor/index.ts",
282
+ "types": "./src/editor/index.ts",
283
+ "default": "./src/editor/index.ts"
284
+ },
285
+ "./editor/serializer": {
286
+ "types": "./src/editor/serializer.ts",
287
+ "default": "./src/editor/serializer.ts"
288
+ },
289
+ "./editor/markdown": {
290
+ "types": "./src/editor/markdown.ts",
291
+ "default": "./src/editor/markdown.ts"
292
+ },
293
+ "./editor/block-ops": {
294
+ "types": "./src/editor/block-ops.ts",
295
+ "default": "./src/editor/block-ops.ts"
296
+ },
297
+ "./editor/inline-editor": {
298
+ "svelte": "./src/editor/inline-editor.svelte",
299
+ "default": "./src/editor/inline-editor.svelte"
300
+ },
301
+ "./editor/content.css": {
302
+ "style": "./src/editor/content.css",
303
+ "default": "./src/editor/content.css"
304
+ },
305
+ "./onboarding": {
306
+ "svelte": "./src/onboarding/index.ts",
307
+ "types": "./src/onboarding/index.ts",
308
+ "default": "./src/onboarding/index.ts"
309
+ },
310
+ "./onboarding/stores": {
311
+ "svelte": "./src/onboarding/stores.ts",
312
+ "types": "./src/onboarding/stores.ts",
313
+ "default": "./src/onboarding/stores.ts"
314
+ },
315
+ "./onboarding/demo": {
316
+ "svelte": "./src/onboarding/demo.svelte",
317
+ "default": "./src/onboarding/demo.svelte"
318
+ },
319
+ "./onboarding/demo.svelte": "./src/onboarding/demo.svelte",
320
+ "./canvas": {
321
+ "types": "./src/canvas/index.ts",
322
+ "svelte": "./src/canvas/index.ts",
323
+ "default": "./src/canvas/index.ts"
324
+ },
325
+ "./canvas/*.svelte": {
326
+ "types": "./src/canvas/*.svelte",
327
+ "svelte": "./src/canvas/*.svelte",
328
+ "default": "./src/canvas/*.svelte"
329
+ },
330
+ "./canvas/*.css": "./src/canvas/*.css",
331
+ "./canvas/*.js": {
332
+ "types": "./src/canvas/*.ts",
333
+ "svelte": "./src/canvas/*.ts",
334
+ "default": "./src/canvas/*.ts"
335
+ }
170
336
  },
171
337
  "dependencies": {
172
- "@heyramzi/utils": "^1.8.1",
338
+ "@dagrejs/dagre": "^3.1.1",
173
339
  "@shadcn-svelte/primitives": "^0.0.1",
340
+ "@tiptap/core": "^3.31.4",
341
+ "@tiptap/extension-drag-handle": "^3.31.4",
342
+ "@tiptap/extension-image": "^3.31.4",
343
+ "@tiptap/extension-placeholder": "^3.31.4",
344
+ "@tiptap/pm": "^3.31.4",
345
+ "@tiptap/starter-kit": "^3.31.4",
346
+ "@zag-js/svelte": "^1.46.0",
347
+ "@zag-js/tour": "^1.46.0",
348
+ "clsx": "^2.1.1",
349
+ "d3-scale": "^4.0.2",
350
+ "d3-shape": "^3.2.0",
351
+ "layerchart": "^2.5.1",
352
+ "markdown-it": "^15.0.2",
174
353
  "marked": "^18.1.0",
354
+ "perfect-freehand": "^1.2.3",
175
355
  "phosphor-svelte": "^3.1.0",
356
+ "roughjs": "^4.6.6",
176
357
  "shiki": "^4.5.0",
177
- "tailwind-variants": "^3.3.1"
358
+ "tailwind-merge": "^3.7.0",
359
+ "tailwind-variants": "^3.3.1",
360
+ "zod": "^4.6.5"
178
361
  },
179
362
  "devDependencies": {
180
363
  "@internationalized/date": "^3.12.4",
181
364
  "@sveltejs/vite-plugin-svelte": "^7.3.1",
365
+ "@types/d3-scale": "^4.0.9",
366
+ "@types/d3-shape": "^3.2.0",
182
367
  "@types/node": "^26.6.4",
368
+ "@xyflow/svelte": "^1.7.0",
183
369
  "bits-ui": "^2.19.5",
184
370
  "jsdom": "^30.1.2",
185
371
  "mode-watcher": "^1.1.0",
186
372
  "svelte": "^5.57.2",
373
+ "svelte-check": "^4.7.6",
187
374
  "svelte-sonner": "^1.2.1",
375
+ "typescript": "~7.0.2",
188
376
  "vite-plus": "^1.0.0",
189
377
  "vitest": "^5.0.3"
190
378
  },
@@ -194,7 +382,8 @@
194
382
  "bits-ui": "^2.19.5",
195
383
  "mode-watcher": "^1.1.0",
196
384
  "svelte": "^5.57.2",
197
- "svelte-sonner": "^1.2.1"
385
+ "svelte-sonner": "^1.2.1",
386
+ "@xyflow/svelte": "^1.7.0"
198
387
  },
199
388
  "peerDependenciesMeta": {
200
389
  "mode-watcher": {
@@ -208,6 +397,9 @@
208
397
  },
209
398
  "@tabler/icons-svelte-runes": {
210
399
  "optional": true
400
+ },
401
+ "@xyflow/svelte": {
402
+ "optional": true
211
403
  }
212
404
  },
213
405
  "scripts": {
@@ -215,6 +407,7 @@
215
407
  "sync:transitions": "node scripts/sync-transitions.mjs",
216
408
  "sync:shadcn": "node scripts/sync-shadcn.mjs",
217
409
  "sync": "pnpm sync:transitions && pnpm sync:shadcn",
218
- "sync:check": "node scripts/sync-transitions.mjs --check && node scripts/sync-shadcn.mjs --check"
410
+ "sync:check": "node scripts/sync-transitions.mjs --check && node scripts/sync-shadcn.mjs --check",
411
+ "check": "svelte-check --tsconfig ./tsconfig.json"
219
412
  }
220
413
  }
package/scripts/sync-shadcn.mjs CHANGED
@@ -39,7 +39,7 @@ const LOCAL_ONLY = new Set(["hooks"]);
39
39
  /* The registry's aliases, resolved to what this package imports. Absolute
40
40
  * `#src/` form, so a nested target resolves without counting `../`. */
41
41
  const ALIASES = [
42
- ["$UTILS$.js", "@heyramzi/utils"],
42
+ ["$UTILS$.js", "../src/lib/utils.js"],
43
43
  ["$UI$/", "../src/shadcn"],
44
44
  ["$HOOKS$/", "../src/shadcn/hooks"],
45
45
  ["$LIB$/", "../src/shadcn/hooks"],
@@ -91,7 +91,7 @@ const NOT_SHIPPED = new Set([
91
91
  "resizable",
92
92
  // Its `pascalToKebab` has no importer, in the registry or here.
93
93
  "casing",
94
- // `cn` ships from @heyramzi/utils in vibe-kit, so a copy here would be a stray.
94
+ // The registry's `utils` is ours: src/lib/utils.ts, so a sync never overwrites it.
95
95
  "utils",
96
96
  "questionnaire",
97
97
  ]);
package/src/ai/ai-button/AiButton.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
  // =========================
21
21
  // IMPORTS
22
22
  // =========================
23
- import { cn } from "@heyramzi/utils";
23
+ import { cn } from "../../lib/utils.js";
24
24
  import { Sparkle } from "phosphor-svelte";
25
25
  import { Spinner } from "../../shadcn/spinner/index.js";
26
26
  import { Button } from "../../shadcn/button/index.js";
package/src/ai/confirmation/Confirmation.svelte CHANGED
@@ -12,7 +12,7 @@
12
12
  </script>
13
13
 
14
14
  <script lang="ts">
15
- import { cn } from "@heyramzi/utils";
15
+ import { cn } from "../../lib/utils.js";
16
16
  import { setConfirmationContext } from "./confirmation-context.svelte.js";
17
17
 
18
18
  let {
package/src/ai/confirmation/ConfirmationAction.svelte CHANGED
@@ -8,7 +8,7 @@
8
8
  </script>
9
9
 
10
10
  <script lang="ts">
11
- import { cn } from "@heyramzi/utils";
11
+ import { cn } from "../../lib/utils.js";
12
12
  import { Button } from "../../shadcn/button/index.js";
13
13
  import { getConfirmationContext } from "./confirmation-context.svelte.js";
14
14
 
package/src/ai/confirmation/ConfirmationActions.svelte CHANGED
@@ -9,7 +9,7 @@
9
9
  </script>
10
10
 
11
11
  <script lang="ts">
12
- import { cn } from "@heyramzi/utils";
12
+ import { cn } from "../../lib/utils.js";
13
13
  import { getConfirmationContext } from "./confirmation-context.svelte.js";
14
14
 
15
15
  let { class: className, children, ...rest }: ConfirmationActionsProps = $props();
package/src/ai/confirmation/ConfirmationTitle.svelte CHANGED
@@ -9,7 +9,7 @@
9
9
  </script>
10
10
 
11
11
  <script lang="ts">
12
- import { cn } from "@heyramzi/utils";
12
+ import { cn } from "../../lib/utils.js";
13
13
 
14
14
  let { class: className, children, ...rest }: ConfirmationTitleProps = $props();
15
15
  </script>
package/src/ai/generation-progress/GenerationProgress.svelte CHANGED
@@ -19,7 +19,7 @@
19
19
  // =========================
20
20
  // IMPORTS
21
21
  // =========================
22
- import { cn } from "@heyramzi/utils";
22
+ import { cn } from "../../lib/utils.js";
23
23
 
24
24
  // =========================
25
25
  // PROPS
@@ -111,10 +111,10 @@
111
111
  /* ── Surface ─────────────────────────────────────────── */
112
112
  .gen {
113
113
  --shimmer-dur: 2200ms;
114
- --shimmer-base: var(--color-brand-indigo);
114
+ --shimmer-base: var(--color-brand);
115
115
  /* The band is darker than the base on a pale tint and lighter on ink.
116
116
  Otherwise the sweep looks like the label dropping out. */
117
- --shimmer-highlight: color-mix(in oklab, black 45%, var(--color-brand-indigo));
117
+ --shimmer-highlight: color-mix(in oklab, black 45%, var(--color-brand));
118
118
  --shimmer-band: 400%;
119
119
  --shimmer-ease: linear;
120
120
  --digit-dur: var(--duration-very-slow);
@@ -126,11 +126,11 @@
126
126
 
127
127
  padding: 0.625rem 0.875rem;
128
128
  border-radius: var(--radius-lg);
129
- background: color-mix(in oklab, var(--color-brand-indigo) 10%, transparent);
129
+ background: color-mix(in oklab, var(--color-brand) 10%, transparent);
130
130
  }
131
131
 
132
132
  :global(.dark) .gen {
133
- --shimmer-highlight: color-mix(in oklab, white 70%, var(--color-brand-indigo));
133
+ --shimmer-highlight: color-mix(in oklab, white 70%, var(--color-brand));
134
134
  }
135
135
 
136
136
  .gen-failed {
@@ -150,7 +150,7 @@
150
150
  width: 0.375rem;
151
151
  height: 0.375rem;
152
152
  border-radius: 9999px;
153
- background: var(--color-brand-indigo);
153
+ background: var(--color-brand);
154
154
  animation: gen-pulse 1.8s var(--ease-in-out, ease-in-out) infinite;
155
155
  }
156
156
 
@@ -166,14 +166,14 @@
166
166
  line-height: 1.4;
167
167
  }
168
168
 
169
- /* terra-600, not --color-destructive: that token is tuned for fills, and at
169
+ /* signal-600, not --color-destructive: that token is tuned for fills, and at
170
170
  L=0.6 small text on the pale tint fails. Dark mode uses the lighter step. */
171
171
  .gen-failed .gen-label {
172
- color: var(--color-terra-600);
172
+ color: var(--color-signal-600);
173
173
  }
174
174
 
175
175
  :global(.dark) .gen-failed .gen-label {
176
- color: var(--color-terra-400);
176
+ color: var(--color-signal-400);
177
177
  }
178
178
 
179
179
  .gen-meta {
@@ -183,7 +183,7 @@
183
183
  font-size: 0.75rem;
184
184
  font-weight: 500;
185
185
  font-variant-numeric: tabular-nums;
186
- color: var(--color-brand-indigo);
186
+ color: var(--color-brand);
187
187
  }
188
188
 
189
189
  .gen-count {
@@ -203,7 +203,7 @@
203
203
  margin-top: 0.5rem;
204
204
  height: 0.25rem;
205
205
  border-radius: 9999px;
206
- background: color-mix(in oklab, var(--color-brand-indigo) 22%, transparent);
206
+ background: color-mix(in oklab, var(--color-brand) 22%, transparent);
207
207
  }
208
208
 
209
209
  .gen-fill {
@@ -211,7 +211,7 @@
211
211
  height: 100%;
212
212
  transform-origin: left;
213
213
  border-radius: 9999px;
214
- background: var(--color-brand-indigo);
214
+ background: var(--color-brand);
215
215
  transition: transform var(--duration-slow, 400ms) var(--ease-smooth-out, ease);
216
216
  }
217
217
 
@@ -232,7 +232,7 @@
232
232
  text-overflow: ellipsis;
233
233
  /* Mix toward the foreground, not transparent: a 70% indigo wash on its
234
234
  own track measured 2.9:1. This stays quieter than the label and AA. */
235
- color: color-mix(in oklab, var(--color-brand-indigo) 70%, var(--color-foreground));
235
+ color: color-mix(in oklab, var(--color-brand) 70%, var(--color-foreground));
236
236
  animation: gen-step-in var(--duration-quick, 150ms) var(--ease-in-out, ease-in-out) both;
237
237
  }
238
238
 
package/src/ai/loading-state/PixelLoader.svelte CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  <script lang="ts">
16
16
  import { untrack } from "svelte";
17
- import { cn } from "@heyramzi/utils";
17
+ import { cn } from "../../lib/utils.js";
18
18
 
19
19
  let {
20
20
  label = "Working",
package/src/ai/prompt-input/PromptInput.svelte CHANGED
@@ -14,7 +14,7 @@
14
14
  </script>
15
15
 
16
16
  <script lang="ts">
17
- import { cn } from "@heyramzi/utils";
17
+ import { cn } from "../../lib/utils.js";
18
18
  import { fade } from "svelte/transition";
19
19
 
20
20
  let {
package/src/ai/prompt-input/PromptInputBody.svelte CHANGED
@@ -9,7 +9,7 @@
9
9
  </script>
10
10
 
11
11
  <script lang="ts">
12
- import { cn } from "@heyramzi/utils";
12
+ import { cn } from "../../lib/utils.js";
13
13
 
14
14
  let { class: className, children, ...rest }: PromptInputBodyProps = $props();
15
15
  </script>
package/src/ai/prompt-input/PromptInputSubmit.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
  </script>
21
21
 
22
22
  <script lang="ts">
23
- import { cn } from "@heyramzi/utils";
23
+ import { cn } from "../../lib/utils.js";
24
24
  import { Button } from "../../shadcn/button/index.js";
25
25
  import { Spinner } from "../../shadcn/spinner/index.js";
26
26
  import SendIcon from "phosphor-svelte/lib/PaperPlaneRight";
package/src/ai/prompt-input/PromptInputTextarea.svelte CHANGED
@@ -15,7 +15,7 @@
15
15
  </script>
16
16
 
17
17
  <script lang="ts">
18
- import { cn } from "@heyramzi/utils";
18
+ import { cn } from "../../lib/utils.js";
19
19
 
20
20
  let {
21
21
  class: className,
package/src/ai/prompt-input/PromptInputToolbar.svelte CHANGED
@@ -9,7 +9,7 @@
9
9
  </script>
10
10
 
11
11
  <script lang="ts">
12
- import { cn } from "@heyramzi/utils";
12
+ import { cn } from "../../lib/utils.js";
13
13
 
14
14
  let { class: className, children, ...rest }: PromptInputToolbarProps = $props();
15
15
  </script>
package/src/ai/reasoning/Reasoning.svelte CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
  <script lang="ts">
13
13
  import { untrack } from "svelte";
14
- import { cn } from "@heyramzi/utils";
14
+ import { cn } from "../../lib/utils.js";
15
15
  import { Collapsible } from "../../shadcn/collapsible/index.js";
16
16
  import { setReasoningContext } from "./reasoning-context.svelte.js";
17
17
 
package/src/ai/reasoning/ReasoningContent.svelte CHANGED
@@ -8,7 +8,7 @@
8
8
  </script>
9
9
 
10
10
  <script lang="ts">
11
- import { cn } from "@heyramzi/utils";
11
+ import { cn } from "../../lib/utils.js";
12
12
  import { CollapsibleContent } from "../../shadcn/collapsible/index.js";
13
13
 
14
14
  let { class: className, children, ...rest }: ReasoningContentProps = $props();
package/src/ai/reasoning/ReasoningTrigger.svelte CHANGED
@@ -8,7 +8,7 @@
8
8
  </script>
9
9
 
10
10
  <script lang="ts">
11
- import { cn } from "@heyramzi/utils";
11
+ import { cn } from "../../lib/utils.js";
12
12
  import BrainIcon from "phosphor-svelte/lib/Brain";
13
13
  import ChevronDownIcon from "phosphor-svelte/lib/CaretDown";
14
14
  import { CollapsibleTrigger } from "../../shadcn/collapsible/index.js";
package/src/ai/response/Response.svelte CHANGED
@@ -81,7 +81,7 @@
81
81
  // =========================
82
82
 
83
83
  import "./Response.css";
84
- import { cn } from "@heyramzi/utils";
84
+ import { cn } from "../../lib/utils.js";
85
85
 
86
86
  // =========================
87
87
  // PROPS
package/src/ai/suggestion/Suggestion.svelte CHANGED
@@ -10,7 +10,7 @@
10
10
  </script>
11
11
 
12
12
  <script lang="ts">
13
- import { cn } from "@heyramzi/utils";
13
+ import { cn } from "../../lib/utils.js";
14
14
 
15
15
  let {
16
16
  suggestion,
package/src/ai/suggestion/Suggestions.svelte CHANGED
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { cn } from "@heyramzi/utils";
2
+ import { cn } from "../../lib/utils.js";
3
3
  import type { Snippet } from "svelte";
4
4
  import type { HTMLAttributes } from "svelte/elements";
5
5
 
package/src/ai/thinking-dots/ThinkingDots.svelte CHANGED
@@ -3,7 +3,7 @@
3
3
  // IMPORTS
4
4
  // =========================
5
5
 
6
- import { cn } from "@heyramzi/utils";
6
+ import { cn } from "../../lib/utils.js";
7
7
  import type { HTMLAttributes } from "svelte/elements";
8
8
  import TypingDots from "../typing-dots/TypingDots.svelte";
9
9
 
package/src/ai/typing-dots/TypingDots.svelte CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
  <script lang="ts">
12
12
  import "./TypingDots.css";
13
- import { cn } from "@heyramzi/utils";
13
+ import { cn } from "../../lib/utils.js";
14
14
 
15
15
  let { size = 4, class: className, ...rest }: TypingDotsProps = $props();
16
16
  </script>
package/src/ai/voice-waveform/VoiceWaveform.svelte CHANGED
@@ -4,7 +4,7 @@
4
4
  // =========================
5
5
 
6
6
  import "./VoiceWaveform.css";
7
- import { cn } from "@heyramzi/utils";
7
+ import { cn } from "../../lib/utils.js";
8
8
  import type { HTMLAttributes } from "svelte/elements";
9
9
 
10
10
  // =========================