sparkdesign 0.4.5 → 0.4.7

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 (377) hide show
  1. package/AI_README.md +60 -0
  2. package/README.md +74 -22
  3. package/cli/dist/commands/add.js +23 -13
  4. package/cli/dist/commands/diff.js +8 -4
  5. package/cli/dist/commands/init.js +85 -10
  6. package/cli/dist/commands/list.js +8 -4
  7. package/cli/dist/index.js +9 -6
  8. package/cli/dist/utils/config.js +16 -8
  9. package/cli/dist/utils/package-manager.js +75 -0
  10. package/cli/dist/utils/registry.js +8 -4
  11. package/cli/dist/utils/tokens.js +33 -25
  12. package/cli/dist/utils/transform.js +9 -5
  13. package/cli/dist/utils/tsconfig.js +182 -0
  14. package/cli/registry/AGENTS.md +25 -0
  15. package/cli/registry/__tests__/chat/thinking-indicator.test.tsx +2 -2
  16. package/cli/registry/agent-manifest.json +794 -0
  17. package/cli/registry/basic/alert.tsx +76 -0
  18. package/cli/registry/basic/aspect-ratio.tsx +8 -0
  19. package/cli/registry/basic/breadcrumb.tsx +117 -0
  20. package/cli/registry/basic/button-group.tsx +79 -0
  21. package/cli/registry/basic/button.tsx +1 -1
  22. package/cli/registry/basic/calendar.tsx +221 -0
  23. package/cli/registry/basic/card.tsx +103 -0
  24. package/cli/registry/basic/carousel.tsx +241 -0
  25. package/cli/registry/basic/chart.tsx +372 -0
  26. package/cli/registry/basic/checkbox.tsx +42 -0
  27. package/cli/registry/basic/collapsible-card.tsx +2 -2
  28. package/cli/registry/basic/combobox.tsx +75 -0
  29. package/cli/registry/basic/command.tsx +184 -0
  30. package/cli/registry/basic/context-menu.tsx +239 -0
  31. package/cli/registry/basic/data-table.tsx +73 -0
  32. package/cli/registry/basic/date-picker.tsx +13 -0
  33. package/cli/registry/basic/dialog.tsx +169 -0
  34. package/cli/registry/basic/direction.tsx +25 -0
  35. package/cli/registry/basic/drawer.tsx +164 -0
  36. package/cli/registry/basic/dropdown-menu.tsx +0 -4
  37. package/cli/registry/basic/empty.tsx +104 -0
  38. package/cli/registry/basic/field.tsx +248 -0
  39. package/cli/registry/basic/hover-card.tsx +58 -0
  40. package/cli/registry/basic/input-group.tsx +168 -0
  41. package/cli/registry/basic/input-otp.tsx +75 -0
  42. package/cli/registry/basic/input.tsx +27 -0
  43. package/cli/registry/basic/item.tsx +204 -0
  44. package/cli/registry/basic/label.tsx +24 -0
  45. package/cli/registry/basic/menubar.tsx +274 -0
  46. package/cli/registry/basic/native-select.tsx +62 -0
  47. package/cli/registry/basic/navigation-menu.tsx +168 -0
  48. package/cli/registry/basic/popover.tsx +59 -0
  49. package/cli/registry/basic/scroll-area.tsx +58 -0
  50. package/cli/registry/basic/select.tsx +2 -1
  51. package/cli/registry/basic/separator.tsx +26 -0
  52. package/cli/registry/basic/sheet.tsx +18 -0
  53. package/cli/registry/basic/textarea.tsx +25 -0
  54. package/cli/registry/basic/toggle.tsx +1 -1
  55. package/cli/registry/basic/typography.tsx +1 -1
  56. package/cli/registry/chat/chat-input/chat-input-folder-selector.tsx +1 -1
  57. package/cli/registry/chat/chat-input/chat-input-textarea.tsx +1 -1
  58. package/cli/registry/chat/chat-input/compound.tsx +4 -3
  59. package/cli/registry/chat/chat-input/context.tsx +4 -1
  60. package/cli/registry/chat/chat-input/folder-permission-dialog.tsx +2 -2
  61. package/cli/registry/chat/code-block-part.tsx +1 -1
  62. package/cli/registry/chat/conversation-anchor-nav.tsx +349 -0
  63. package/cli/registry/chat/file-attachment.tsx +2 -1
  64. package/cli/registry/chat/file-review-part.tsx +21 -21
  65. package/cli/registry/chat/image-generating.tsx +1 -1
  66. package/cli/registry/chat/markdown.tsx +2 -2
  67. package/cli/registry/chat/queue-indicator.tsx +1 -0
  68. package/cli/registry/chat/response/context.tsx +1 -1
  69. package/cli/registry/chat/streaming-markdown-block.tsx +12 -8
  70. package/cli/registry/chat/thinking-indicator.tsx +1 -1
  71. package/cli/registry/chat/tool-invocation-card.tsx +4 -1
  72. package/cli/registry/lib/file-icon-maps.ts +22 -22
  73. package/cli/registry/meta.json +518 -0
  74. package/cli/registry/tokens/index.css +8 -5
  75. package/cli/registry/tokens/ontology.json +404 -0
  76. package/cli/registry/tokens/scale/presets/compact.css +16 -5
  77. package/cli/registry/tokens/scale/presets/dense.css +13 -2
  78. package/cli/registry/tokens/scale/presets/sharp.css +18 -6
  79. package/cli/registry/tokens/scale/presets/soft.css +23 -1
  80. package/cli/registry/tokens/theme-base.css +235 -0
  81. package/{dist/tokens/themes/dark-qoder.css → cli/registry/tokens/themes/dark-mint.css} +1 -1
  82. package/cli/registry/tokens/themes/dark-parchment.css +104 -103
  83. package/{dist/tokens/themes/light-qoder.css → cli/registry/tokens/themes/light-mint.css} +1 -1
  84. package/cli/registry/tokens/themes/light-parchment.css +103 -102
  85. package/dist/registry/basic/alert-dialog.d.ts +7 -5
  86. package/dist/registry/basic/alert.d.ts +24 -0
  87. package/dist/registry/basic/aspect-ratio.d.ts +16 -0
  88. package/dist/registry/basic/avatar.d.ts +7 -5
  89. package/dist/registry/basic/breadcrumb.d.ts +24 -0
  90. package/dist/registry/basic/button-group.d.ts +26 -0
  91. package/dist/registry/basic/button.d.ts +1 -1
  92. package/dist/registry/basic/calendar.d.ts +22 -0
  93. package/dist/registry/basic/card.d.ts +27 -0
  94. package/dist/registry/basic/carousel.d.ts +19 -0
  95. package/dist/registry/basic/chart.d.ts +55 -0
  96. package/dist/registry/basic/checkbox.d.ts +21 -0
  97. package/dist/registry/basic/collapse.d.ts +7 -5
  98. package/dist/registry/basic/collapsible-card.d.ts +7 -6
  99. package/dist/registry/basic/collapsible.d.ts +7 -5
  100. package/dist/registry/basic/combobox.d.ts +26 -0
  101. package/dist/registry/basic/command.d.ts +18 -0
  102. package/dist/registry/basic/context-menu.d.ts +44 -0
  103. package/dist/registry/basic/data-table.d.ts +26 -0
  104. package/dist/registry/basic/date-picker.d.ts +18 -0
  105. package/dist/registry/basic/dialog.d.ts +39 -0
  106. package/dist/registry/basic/direction.d.ts +19 -0
  107. package/dist/registry/basic/drawer.d.ts +37 -0
  108. package/dist/registry/basic/dropdown-menu.d.ts +7 -5
  109. package/dist/registry/basic/empty.d.ts +22 -0
  110. package/dist/registry/basic/field.d.ts +24 -0
  111. package/dist/registry/basic/hover-card.d.ts +22 -0
  112. package/dist/registry/basic/icons-inline.d.ts +7 -5
  113. package/dist/registry/basic/input-group.d.ts +27 -0
  114. package/dist/registry/basic/input-otp.d.ts +22 -0
  115. package/dist/registry/basic/input.d.ts +15 -0
  116. package/dist/registry/basic/item.d.ts +34 -0
  117. package/dist/registry/basic/kbd.d.ts +7 -5
  118. package/dist/registry/basic/label.d.ts +16 -0
  119. package/dist/registry/basic/menubar.d.ts +37 -0
  120. package/dist/registry/basic/native-select.d.ts +18 -0
  121. package/dist/registry/basic/navigation-menu.d.ts +25 -0
  122. package/dist/registry/basic/pagination.d.ts +7 -5
  123. package/dist/registry/basic/popover.d.ts +23 -0
  124. package/dist/registry/basic/progress.d.ts +7 -5
  125. package/dist/registry/basic/radio-group.d.ts +7 -5
  126. package/dist/registry/basic/resizable.d.ts +7 -5
  127. package/dist/registry/basic/scroll-area.d.ts +5 -0
  128. package/dist/registry/basic/select.d.ts +7 -5
  129. package/dist/registry/basic/separator.d.ts +16 -0
  130. package/dist/registry/basic/sheet.d.ts +13 -0
  131. package/dist/registry/basic/slider.d.ts +7 -5
  132. package/dist/registry/basic/sonner.d.ts +7 -5
  133. package/dist/registry/basic/switch.d.ts +7 -5
  134. package/dist/registry/basic/tabs.d.ts +7 -5
  135. package/dist/registry/basic/tag.d.ts +7 -5
  136. package/dist/registry/basic/textarea.d.ts +15 -0
  137. package/dist/registry/basic/theme-from-document.d.ts +7 -5
  138. package/dist/registry/basic/toggle.d.ts +1 -1
  139. package/dist/registry/basic/tooltip.d.ts +7 -5
  140. package/dist/registry/basic/typography.d.ts +7 -5
  141. package/dist/registry/chat/ask-user-part.d.ts +9 -3
  142. package/dist/registry/chat/browser-action-part.d.ts +9 -3
  143. package/dist/registry/chat/chat-input/compound.d.ts +7 -5
  144. package/dist/registry/chat/chat-input/context.d.ts +10 -6
  145. package/dist/registry/chat/chat-input/index.d.ts +7 -5
  146. package/dist/registry/chat/chat-input/types.d.ts +9 -3
  147. package/dist/registry/chat/chat-input/useAutoResizeTextarea.d.ts +9 -3
  148. package/dist/registry/chat/code-block-part.d.ts +9 -3
  149. package/dist/registry/chat/conversation-anchor-nav.d.ts +72 -0
  150. package/dist/registry/chat/file-attachment.d.ts +7 -5
  151. package/dist/registry/chat/file-review-part.d.ts +9 -4
  152. package/dist/registry/chat/generated-images-grid.d.ts +9 -3
  153. package/dist/registry/chat/generation-status-bar.d.ts +8 -4
  154. package/dist/registry/chat/hint-banner.d.ts +9 -3
  155. package/dist/registry/chat/mermaid-part.d.ts +9 -3
  156. package/dist/registry/chat/plan-part.d.ts +9 -3
  157. package/dist/registry/chat/reasoning-step/index.d.ts +8 -6
  158. package/dist/registry/chat/reasoning-step/types.d.ts +9 -3
  159. package/dist/registry/chat/related-prompts.d.ts +9 -3
  160. package/dist/registry/chat/response/index.d.ts +8 -6
  161. package/dist/registry/chat/response/types.d.ts +9 -3
  162. package/dist/registry/chat/task-part.d.ts +9 -3
  163. package/dist/registry/chat/terminal-code-block-part.d.ts +9 -3
  164. package/dist/registry/chat/tool-invocation-card.d.ts +2 -0
  165. package/dist/registry/chat/user-question/UserQuestionCard.d.ts +9 -3
  166. package/dist/registry/chat/user-question/UserQuestionFooter.d.ts +9 -3
  167. package/dist/registry/chat/user-question/UserQuestionHeader.d.ts +9 -3
  168. package/dist/registry/chat/user-question/types.d.ts +8 -5
  169. package/dist/registry/lib/file-icon-maps.d.ts +7 -7
  170. package/dist/registry/lib/utils.d.ts +8 -6
  171. package/dist/scale/presets/compact.css +16 -5
  172. package/dist/scale/presets/dense.css +13 -2
  173. package/dist/scale/presets/sharp.css +18 -6
  174. package/dist/scale/presets/soft.css +23 -1
  175. package/dist/spark-design.cjs.js +40 -36
  176. package/dist/spark-design.es.js +8653 -8663
  177. package/dist/sparkdesign.css +2 -0
  178. package/dist/src/components/basic/Alert/index.d.ts +13 -0
  179. package/dist/src/components/basic/AlertDialog/index.d.ts +7 -5
  180. package/dist/src/components/basic/AspectRatio/index.d.ts +13 -0
  181. package/dist/src/components/basic/Avatar/index.d.ts +9 -3
  182. package/dist/src/components/basic/Breadcrumb/index.d.ts +12 -0
  183. package/dist/src/components/basic/Button/index.d.ts +9 -3
  184. package/dist/src/components/basic/ButtonGroup/index.d.ts +13 -0
  185. package/dist/src/components/basic/Calendar/index.d.ts +13 -0
  186. package/dist/src/components/basic/Card/index.d.ts +13 -0
  187. package/dist/src/components/basic/Carousel/index.d.ts +12 -0
  188. package/dist/src/components/basic/Chart/index.d.ts +13 -0
  189. package/dist/src/components/basic/Checkbox/index.d.ts +13 -0
  190. package/dist/src/components/basic/Collapse/index.d.ts +7 -4
  191. package/dist/src/components/basic/Collapsible/index.d.ts +9 -4
  192. package/dist/src/components/basic/CollapsibleCard/index.d.ts +9 -3
  193. package/dist/src/components/basic/CollapsibleSection/index.d.ts +7 -7
  194. package/dist/src/components/basic/Combobox/index.d.ts +13 -0
  195. package/dist/src/components/basic/Command/index.d.ts +12 -0
  196. package/dist/src/components/basic/ContextMenu/index.d.ts +19 -0
  197. package/dist/src/components/basic/DataTable/index.d.ts +13 -0
  198. package/dist/src/components/basic/DatePicker/index.d.ts +13 -0
  199. package/dist/src/components/basic/Dialog/index.d.ts +16 -0
  200. package/dist/src/components/basic/Direction/index.d.ts +13 -0
  201. package/dist/src/components/basic/Drawer/index.d.ts +16 -0
  202. package/dist/src/components/basic/DropdownMenu/index.d.ts +7 -5
  203. package/dist/src/components/basic/EllipsisText/index.d.ts +7 -15
  204. package/dist/src/components/basic/Empty/index.d.ts +12 -0
  205. package/dist/src/components/basic/Field/index.d.ts +12 -0
  206. package/dist/src/components/basic/HoverCard/index.d.ts +16 -0
  207. package/dist/src/components/basic/IconButton/index.d.ts +9 -3
  208. package/dist/src/components/basic/Input/index.d.ts +13 -0
  209. package/dist/src/components/basic/InputGroup/index.d.ts +12 -0
  210. package/dist/src/components/basic/InputOTP/index.d.ts +12 -0
  211. package/dist/src/components/basic/Item/index.d.ts +12 -0
  212. package/dist/src/components/basic/Kbd/index.d.ts +9 -3
  213. package/dist/src/components/basic/Label/index.d.ts +13 -0
  214. package/dist/src/components/basic/Menubar/index.d.ts +12 -0
  215. package/dist/src/components/basic/NativeSelect/index.d.ts +12 -0
  216. package/dist/src/components/basic/NavigationMenu/index.d.ts +12 -0
  217. package/dist/src/components/basic/OptionList/index.d.ts +9 -3
  218. package/dist/src/components/basic/Pagination/index.d.ts +9 -3
  219. package/dist/src/components/basic/Popover/index.d.ts +16 -0
  220. package/dist/src/components/basic/Progress/index.d.ts +9 -3
  221. package/dist/src/components/basic/RadioGroup/index.d.ts +9 -3
  222. package/dist/src/components/basic/Resizable/index.d.ts +9 -3
  223. package/dist/src/components/basic/ScrollArea/index.d.ts +12 -0
  224. package/dist/src/components/basic/Scrollbar/index.d.ts +9 -3
  225. package/dist/src/components/basic/Select/index.d.ts +7 -4
  226. package/dist/src/components/basic/Separator/index.d.ts +13 -0
  227. package/dist/src/components/basic/Sheet/index.d.ts +13 -0
  228. package/dist/src/components/basic/ShimmeringText/index.d.ts +9 -3
  229. package/dist/src/components/basic/Skeleton/index.d.ts +9 -3
  230. package/dist/src/components/basic/Slider/index.d.ts +9 -3
  231. package/dist/src/components/basic/Spinner/index.d.ts +9 -3
  232. package/dist/src/components/basic/Switch/index.d.ts +8 -5
  233. package/dist/src/components/basic/Table/index.d.ts +9 -3
  234. package/dist/src/components/basic/Tabs/index.d.ts +9 -3
  235. package/dist/src/components/basic/Tag/index.d.ts +7 -4
  236. package/dist/src/components/basic/Textarea/index.d.ts +13 -0
  237. package/dist/src/components/basic/Toggle/index.d.ts +9 -3
  238. package/dist/src/components/basic/Tooltip/index.d.ts +7 -4
  239. package/dist/src/components/basic/Typography/index.d.ts +9 -3
  240. package/dist/src/components/chat/ConversationAnchorNav/index.d.ts +13 -0
  241. package/dist/src/components/chat/GeneratedImagesGrid/index.d.ts +9 -3
  242. package/dist/src/components/chat/GenerationStatusBar/index.d.ts +9 -3
  243. package/dist/src/components/chat/Markdown/demo-content.d.ts +1 -1
  244. package/dist/src/components/chat/Markdown/index.d.ts +9 -3
  245. package/dist/src/components/chat/Response/StreamingMarkdownBlock.d.ts +9 -3
  246. package/dist/src/components/chat/Response/index.d.ts +8 -6
  247. package/dist/src/components/chat/StreamingMarkdownBlock/index.d.ts +13 -0
  248. package/dist/src/components/chat/UserMessage/index.d.ts +9 -3
  249. package/dist/src/components/index.d.ts +64 -9
  250. package/dist/src/icons/context.d.ts +7 -6
  251. package/dist/src/icons/types.d.ts +7 -5
  252. package/dist/src/lib/ThemeStyleContext.d.ts +9 -9
  253. package/dist/src/lib/file-icon.d.ts +7 -6
  254. package/dist/src/lib/i18n.d.ts +7 -6
  255. package/dist/src/lib/index.d.ts +9 -3
  256. package/dist/src/lib/utils.d.ts +7 -5
  257. package/dist/theme-base.css +7 -8
  258. package/dist/theme.css +2 -2
  259. package/dist/themes/{dark-qoder.css → dark-mint.css} +1 -1
  260. package/dist/themes/{light-qoder.css → light-mint.css} +1 -1
  261. package/dist/tokens/AGENTS.md +48 -0
  262. package/dist/tokens/index.css +10 -19
  263. package/dist/tokens/scale/presets/compact.css +16 -5
  264. package/dist/tokens/scale/presets/dense.css +13 -2
  265. package/dist/tokens/scale/presets/sharp.css +18 -6
  266. package/dist/tokens/scale/presets/soft.css +23 -1
  267. package/dist/tokens/theme-base.css +7 -8
  268. package/dist/tokens/theme.css +2 -2
  269. package/dist/tokens/themes/dark-mint.css +133 -0
  270. package/dist/tokens/themes/light-mint.css +132 -0
  271. package/docs/agent/component-selection.md +60 -0
  272. package/docs/agent/token-ontology.md +37 -0
  273. package/package.json +41 -9
  274. package/registry/agent-manifest.json +794 -0
  275. package/registry/tokens/ontology.json +404 -0
  276. package/cli/registry/tokens/themes/dark-qoder.css +0 -132
  277. package/cli/registry/tokens/themes/light-qoder.css +0 -131
  278. package/dist/_basePickBy-DnQN8w3y.js +0 -151
  279. package/dist/_basePickBy-a-kPMlkg.cjs +0 -1
  280. package/dist/_baseUniq-B-N2NQ50.js +0 -614
  281. package/dist/_baseUniq-Cc_zbSif.cjs +0 -1
  282. package/dist/arc-BQBhijZ6.js +0 -83
  283. package/dist/arc-mWQt0Yph.cjs +0 -1
  284. package/dist/architectureDiagram-VXUJARFQ-BMZEucno.cjs +0 -36
  285. package/dist/architectureDiagram-VXUJARFQ-DTdjD3Bp.js +0 -4661
  286. package/dist/blockDiagram-VD42YOAC-CzHn0yob.js +0 -2256
  287. package/dist/blockDiagram-VD42YOAC-DDxdHAlz.cjs +0 -122
  288. package/dist/c4Diagram-YG6GDRKO-4Gz0I4gj.cjs +0 -10
  289. package/dist/c4Diagram-YG6GDRKO-BIy--yVN.js +0 -1580
  290. package/dist/channel-BQn0o8bs.js +0 -5
  291. package/dist/channel-DaN7XniJ.cjs +0 -1
  292. package/dist/chunk-4BX2VUAB-BlQFTQqz.cjs +0 -1
  293. package/dist/chunk-4BX2VUAB-Czitj3Kc.js +0 -8
  294. package/dist/chunk-55IACEB6-DXacNZbO.js +0 -8
  295. package/dist/chunk-55IACEB6-DnDxpye9.cjs +0 -1
  296. package/dist/chunk-B4BG7PRW-CBdN0q_V.js +0 -1375
  297. package/dist/chunk-B4BG7PRW-DbGvUkGO.cjs +0 -165
  298. package/dist/chunk-DI55MBZ5-D1YJMs6x.cjs +0 -220
  299. package/dist/chunk-DI55MBZ5-NCQTvayw.js +0 -1370
  300. package/dist/chunk-FMBD7UC4-CsGMbrtr.js +0 -19
  301. package/dist/chunk-FMBD7UC4-Di7cUUh5.cjs +0 -15
  302. package/dist/chunk-QN33PNHL-0j5LC8Lm.cjs +0 -1
  303. package/dist/chunk-QN33PNHL-3GERZBRm.js +0 -19
  304. package/dist/chunk-QZHKN3VN-AVEY9ImQ.js +0 -15
  305. package/dist/chunk-QZHKN3VN-s8Z0a8mc.cjs +0 -1
  306. package/dist/chunk-TZMSLE5B-CAf87HPt.cjs +0 -1
  307. package/dist/chunk-TZMSLE5B-sbiflal0.js +0 -64
  308. package/dist/classDiagram-2ON5EDUG-Ct9JLIN2.cjs +0 -1
  309. package/dist/classDiagram-2ON5EDUG-Dzfrft3a.js +0 -16
  310. package/dist/classDiagram-v2-WZHVMYZB-Ct9JLIN2.cjs +0 -1
  311. package/dist/classDiagram-v2-WZHVMYZB-Dzfrft3a.js +0 -16
  312. package/dist/clone-Cde_NQ8V.js +0 -8
  313. package/dist/clone-DCNjWuM2.cjs +0 -1
  314. package/dist/cose-bilkent-S5V4N54A-0uLijMro.cjs +0 -1
  315. package/dist/cose-bilkent-S5V4N54A-Bb08N431.js +0 -2608
  316. package/dist/cytoscape.esm-CNUX3VTg.cjs +0 -321
  317. package/dist/cytoscape.esm-Cvf3sx9F.js +0 -18704
  318. package/dist/dagre-6UL2VRFP-CY_Wz5Zd.js +0 -444
  319. package/dist/dagre-6UL2VRFP-Dxe7_qZc.cjs +0 -4
  320. package/dist/defaultLocale-BgPVtth8.js +0 -171
  321. package/dist/defaultLocale-C4wbwF1n.cjs +0 -1
  322. package/dist/diagram-PSM6KHXK-D2bdb7MT.js +0 -531
  323. package/dist/diagram-PSM6KHXK-YF69SUjY.cjs +0 -24
  324. package/dist/diagram-QEK2KX5R-BpUSoh0-.js +0 -217
  325. package/dist/diagram-QEK2KX5R-DZPGteon.cjs +0 -43
  326. package/dist/diagram-S2PKOQOG-ht-zdvFG.cjs +0 -24
  327. package/dist/diagram-S2PKOQOG-zFeLJ50Z.js +0 -142
  328. package/dist/erDiagram-Q2GNP2WA-B38iJ6ts.js +0 -841
  329. package/dist/erDiagram-Q2GNP2WA-RgS80DDU.cjs +0 -60
  330. package/dist/flowDiagram-NV44I4VS-BHilOs2p.cjs +0 -162
  331. package/dist/flowDiagram-NV44I4VS-BrBJcoce.js +0 -1620
  332. package/dist/ganttDiagram-JELNMOA3-pZiJeFio.cjs +0 -267
  333. package/dist/ganttDiagram-JELNMOA3-tw6FhkWJ.js +0 -2670
  334. package/dist/gitGraphDiagram-V2S2FVAM-BWn5uIK5.js +0 -699
  335. package/dist/gitGraphDiagram-V2S2FVAM-DKKeG-9R.cjs +0 -65
  336. package/dist/graph-DIbblrZP.cjs +0 -1
  337. package/dist/graph-DPcK91G3.js +0 -247
  338. package/dist/infoDiagram-HS3SLOUP-B8gwwhct.cjs +0 -2
  339. package/dist/infoDiagram-HS3SLOUP-D47PNcP_.js +0 -24
  340. package/dist/init-CHZsXQcr.cjs +0 -1
  341. package/dist/init-DjUOC4st.js +0 -16
  342. package/dist/journeyDiagram-XKPGCS4Q-BG3cfhyU.js +0 -834
  343. package/dist/journeyDiagram-XKPGCS4Q-D8DVLJof.cjs +0 -139
  344. package/dist/kanban-definition-3W4ZIXB7-4OCnEouP.cjs +0 -89
  345. package/dist/kanban-definition-3W4ZIXB7-CWi_ssF9.js +0 -719
  346. package/dist/layout-Byuh8f-J.cjs +0 -1
  347. package/dist/layout-CdLdvj1j.js +0 -1335
  348. package/dist/linear-C2Q_PI9B.js +0 -259
  349. package/dist/linear-C69aPBW1.cjs +0 -1
  350. package/dist/mermaid.core-DBwAx_jp.cjs +0 -249
  351. package/dist/mermaid.core-gFR0XUlD.js +0 -15300
  352. package/dist/mindmap-definition-VGOIOE7T-8P7obVV4.cjs +0 -68
  353. package/dist/mindmap-definition-VGOIOE7T-DnOa7WJ9.js +0 -784
  354. package/dist/ordinal-B6-f3MAq.js +0 -61
  355. package/dist/ordinal-CagbB1m8.cjs +0 -1
  356. package/dist/pieDiagram-ADFJNKIX-5NAlvhMo.js +0 -161
  357. package/dist/pieDiagram-ADFJNKIX-CQBG4yR9.cjs +0 -30
  358. package/dist/qoder-design.css +0 -2
  359. package/dist/quadrantDiagram-AYHSOK5B-Oe4y7RZ0.cjs +0 -7
  360. package/dist/quadrantDiagram-AYHSOK5B-rh2DPEP1.js +0 -1022
  361. package/dist/requirementDiagram-UZGBJVZJ-DcWaCuXr.js +0 -850
  362. package/dist/requirementDiagram-UZGBJVZJ-gfdlrFiq.cjs +0 -64
  363. package/dist/sankeyDiagram-TZEHDZUN-CQIKFwD0.js +0 -810
  364. package/dist/sankeyDiagram-TZEHDZUN-DvPtzQvC.cjs +0 -10
  365. package/dist/sequenceDiagram-WL72ISMW-BNrsMagL.cjs +0 -145
  366. package/dist/sequenceDiagram-WL72ISMW-iCX3ckKx.js +0 -2511
  367. package/dist/stateDiagram-FKZM4ZOC-DBvJ_eeL.cjs +0 -1
  368. package/dist/stateDiagram-FKZM4ZOC-ZVsJlaHJ.js +0 -263
  369. package/dist/stateDiagram-v2-4FDKWEC3-CB_nTHcE.js +0 -16
  370. package/dist/stateDiagram-v2-4FDKWEC3-Xkx17v6T.cjs +0 -1
  371. package/dist/timeline-definition-IT6M3QCI-BmGkYQiz.cjs +0 -61
  372. package/dist/timeline-definition-IT6M3QCI-Ck8zTt6w.js +0 -795
  373. package/dist/tokens/CLAUDE.md +0 -305
  374. package/dist/treemap-GDKQZRPO-B9sfERx8.js +0 -17922
  375. package/dist/treemap-GDKQZRPO-BVfJRs0Z.cjs +0 -160
  376. package/dist/xychartDiagram-PRI3JC2R-By_S8NzN.js +0 -1340
  377. package/dist/xychartDiagram-PRI3JC2R-CNfDrGxM.cjs +0 -7
@@ -1,305 +0,0 @@
1
- # CLAUDE.md - Tokens 设计令牌模块
2
-
3
- > 代码是机器相,文档是语义相,两相必须同构。
4
- > 修改代码 → 检查 L3 → 检查 L2 → 检查 L1
5
-
6
- ---
7
-
8
- ## 模块概述
9
-
10
- **tokens** 是设计系统的核心,定义双维度主题:布局风格 + 颜色主题。
11
-
12
- ---
13
-
14
- ## 目录结构
15
-
16
- ```
17
- tokens/
18
- ├── index.css # 统一入口 (推荐)
19
- ├── scale.css # [DEPRECATED] 向后兼容入口
20
- ├── scale/ # 布局风格 token (data-style)
21
- │ ├── config.css # 可配置基础变量 (用户可覆盖)
22
- │ ├── computed.css # 映射到实际变量
23
- │ ├── index.css # scale 统一入口
24
- │ └── presets/ # 预设风格
25
- │ ├── compact.css # 紧凑风格
26
- │ ├── soft.css # 柔和风格
27
- │ ├── sharp.css # 锐利风格
28
- │ └── dense.css # 密集风格
29
- ├── theme-base.css # @theme 映射 + 动画 + 公共样式
30
- ├── theme.css # [DEPRECATED] 向后兼容入口
31
- ├── scrollbar-utility.css # 滚动条工具样式
32
- └── themes/ # 颜色主题文件 (可按需引入)
33
- ├── light-qoder.css # Qoder 亮色 (默认)
34
- ├── dark-qoder.css # Qoder 暗色
35
- ├── light-parchment.css # 羊皮纸亮色
36
- └── dark-parchment.css # 羊皮纸暗色
37
- ```
38
-
39
- ---
40
-
41
- ## 双维度主题系统
42
-
43
- ### 维度 1: 布局风格 (data-style)
44
-
45
- | 风格 | 描述 | Spacing | Radius | Font Size |
46
- |------|------|---------|--------|-----------|
47
- | `neutral` | 平衡的标准 | 100% | 100% | 100% |
48
- | `compact` | 优化效率 | 75% | 67% | -1px |
49
- | `soft` | 舒适至上 | 150% | 150% | +10% |
50
- | `sharp` | 几何精度 | 100% | 0 | 100% |
51
- | `dense` | 信息密集 | 50% | 50% | -2px |
52
-
53
- ### 维度 2: 颜色主题 (data-theme)
54
-
55
- **主题**与**亮暗色**区分:`data-theme` 为颜色主题的机制(取值为主题名);**亮色**与**暗色**为内置两套主题(`light` / `dark`),与布局风格 (data-style) 独立,可扩展自定义主题。
56
-
57
- | 主题 | 描述 |
58
- |------|------|
59
- | `light` | 亮色(内置) |
60
- | `dark` | 暗色(内置) |
61
- | *自定义* | 可扩展 |
62
-
63
- ---
64
-
65
- ## scale/ - 布局风格令牌
66
-
67
- ### 配置化架构
68
-
69
- scale 模块采用双层设计,支持用户自定义配置:
70
-
71
- 1. **config.css** - 定义可覆盖的基础变量 (`--config-*`)
72
- 2. **computed.css** - 将配置映射到实际变量 (`--spacing-*`, `--radius-*`)
73
- 3. **presets/** - 预设风格,覆盖部分配置
74
-
75
- ### 用户自定义配置
76
-
77
- ```css
78
- /* 只引入配置层 + 计算层,不引入预设 */
79
- @import "./tokens/scale/config.css";
80
- @import "./tokens/scale/computed.css";
81
-
82
- /* 覆盖配置 */
83
- :root {
84
- --config-radius-default: 10px; /* 自定义默认圆角 */
85
- --config-spacing-4: 18px; /* 自定义间距 */
86
- --config-font-size-base: 16px; /* 自定义基础字号 */
87
- }
88
- ```
89
-
90
- ### 可配置变量列表
91
-
92
- | 类别 | 变量前缀 | 示例 |
93
- |------|---------|------|
94
- | 间距 | `--config-spacing-*` | `--config-spacing-4: 16px` |
95
- | 圆角 | `--config-radius-*` | `--config-radius-default: 6px` |
96
- | 字号 | `--config-font-size-*` | `--config-font-size-base: 14px` |
97
- | 动画 | `--config-motion-*` | `--config-motion-duration-base: 200ms` |
98
- | 字体 | `--config-font-*` | `--config-font-mono: ...` |
99
-
100
- ### 结构原则(只覆盖差异)
101
-
102
- - **:root / neutral**:完整基准 scale
103
- - **soft**:仅覆盖 `--radius`,继承 spacing 与 font
104
- - **compact 与 sharp**:共用同一 spacing + font 块,再分别补 radius(compact 有圆角,sharp 直角 + 等宽字体)
105
- - **dense**:独立完整 scale(与基准差异大,单独列出)
106
-
107
- ### Token 类别
108
-
109
- 1. **Spacing Scale**:`--spacing-0` 到 `--spacing-96`
110
- 2. **Radius Scale**:`--radius-none` 到 `--radius-full`
111
- 3. **Font Size Scale**:`--font-size-xs` 到 `--font-size-9xl`
112
-
113
- ### 按钮与 spacing 的搭配关系
114
-
115
- 按钮使用 `h-7/9/11` + `px-2/3/4`,各主题通过 scale 同时控制高度与左右 padding,使 **padding-x / height** 比例约在 0.28~0.36,视觉一致:
116
-
117
- - **neutral**:28/36/44 + 8/12/16 → 比例 ~0.29 / 0.33 / 0.36
118
- - **compact / sharp**:28/32/40 + 8/10/14 → 比例 ~0.29 / 0.31 / 0.35
119
- - **dense**:24/28/32 + 6/8/12 → 比例 ~0.25 / 0.29 / 0.375
120
-
121
- ### Tailwind 兼容
122
-
123
- 所有 token 直接映射到 Tailwind 类名:
124
-
125
- ```html
126
- <!-- 直接使用 Tailwind 类名 -->
127
- <div className="p-4 rounded-md text-base">
128
- ```
129
-
130
- ### 使用方式
131
-
132
- ```html
133
- <body data-style="soft">
134
- <!-- spacing-4 = 24px (150% of 16px) -->
135
- <!-- radius-md = 12px (150% of 6px) -->
136
- </body>
137
- ```
138
-
139
- ---
140
-
141
- ## theme-base.css - Tailwind 映射与公共样式
142
-
143
- 此文件定义 Token → Tailwind 的映射契约,不包含具体颜色值。
144
-
145
- ### 内容
146
-
147
- 1. **@custom-variant dark**:定义 dark 变体选择器
148
- 2. **@theme inline**:text/radius/spacing 映射(随 data-style 变化)
149
- 3. **@theme**:颜色变量映射 `--color-*: var(--token-color-*)`
150
- 4. **动画**:accordion-down/up/right/left
151
- 5. **字体**:Seti 图标字体
152
-
153
- ---
154
-
155
- ## themes/*.css - 颜色主题文件
156
-
157
- ### 命名与 @theme 无自引用
158
-
159
- 颜色「源」变量在 `:root` / `[data-theme="..."]` 中统一使用 **`--token-color-*`** 命名;`@theme` 块内仅做**单向映射** `--color-*: var(--token-color-*)`,避免 `--color-xxx: var(--color-xxx)` 自循环导致按需引入(CLI init/add)时取不到值。
160
-
161
- - **组件与样式**:继续使用公开 API `var(--color-primary)` 等,由 @theme 解析到 `--token-color-*`。
162
- - **扩展新主题**:在主题块内定义 `--token-color-*`,不要在该主题块内再定义 `--color-*`。
163
-
164
- ### Token 类别
165
-
166
- 1. **Primary**:主色调
167
- 2. **Text**:文本色(primary/secondary/tertiary/quaternary/base)
168
- 3. **Border**:边框色(primary/secondary/tertiary)
169
- 4. **Fill**:填充色(primary/secondary/tertiary/quaternary/disable)
170
- 5. **Background**:背景色(container/elevated/layout/spotlight/mask/base/highlight)
171
- 6. **Semantic**:语义色(link/error/info/success/warning)
172
- 7. **Accent**:强调色(pink/purple/yellow/orange/teal/blue/mauve/slate/lavender/sage)
173
- 8. **Diff**:diff 颜色(insert/remove)
174
-
175
- ### 扩展新主题
176
-
177
- **方式 1:创建独立文件**
178
-
179
- ```css
180
- /* my-custom-theme.css */
181
- [data-theme="my-theme"] {
182
- --token-color-primary: #3B82F6;
183
- --token-color-primary-hover: #2563EB;
184
- /* ... 覆盖需要的颜色变量 */
185
- }
186
- ```
187
-
188
- 用户引入:
189
- ```css
190
- @import "./tokens/scale.css";
191
- @import "./tokens/theme-base.css";
192
- @import "./my-custom-theme.css";
193
- ```
194
-
195
- **方式 2:添加到 themes/ 目录**
196
-
197
- 如果要作为内置主题,在 `themes/` 目录下创建新文件,并在 `index.css` 中添加引入。
198
-
199
- ---
200
-
201
- ## 引入方式
202
-
203
- ### 1. 全量引入(推荐)
204
-
205
- ```css
206
- @import "./tokens/index.css";
207
- ```
208
-
209
- ### 2. 按需引入
210
-
211
- ```css
212
- /* 只需要 light/dark 主题 */
213
- @import "./tokens/scale/index.css";
214
- @import "./tokens/theme-base.css";
215
- @import "./tokens/themes/light-qoder.css";
216
- @import "./tokens/themes/dark-qoder.css";
217
- ```
218
-
219
- ### 3. 自定义布局配置
220
-
221
- ```css
222
- /* 使用自定义布局配置 */
223
- @import "./tokens/scale/config.css";
224
- @import "./tokens/scale/computed.css";
225
- @import "./tokens/theme-base.css";
226
- @import "./tokens/themes/light-qoder.css";
227
-
228
- :root {
229
- --config-radius-default: 10px; /* 覆盖配置 */
230
- }
231
- ```
232
-
233
- ### 4. 自定义颜色主题
234
-
235
- ```css
236
- /* 使用自定义颜色主题 */
237
- @import "./tokens/scale/index.css";
238
- @import "./tokens/theme-base.css";
239
- @import "./my-brand-theme.css";
240
- ```
241
-
242
- ---
243
-
244
- ## 使用规范
245
-
246
- ### 组件中使用 Token
247
-
248
- ```tsx
249
- // ✅ 正确 - 使用 CSS 变量
250
- <div className="bg-[var(--color-primary)] text-[var(--color-text)]" />
251
-
252
- // ❌ 错误 - 硬编码颜色
253
- <div className="bg-[#1890FF] text-[#333]" />
254
- ```
255
-
256
- ### Tailwind v4 @theme 映射
257
-
258
- `theme.css` 末尾的 `@theme` 块将 CSS 变量映射到 Tailwind 4 的原生 token 系统,支持:
259
-
260
- ```tsx
261
- // Tailwind 4 原生支持
262
- <div className="bg-primary text-text" />
263
- ```
264
-
265
- ### 构建与消费模式
266
-
267
- Token 文件同时服务两种消费模式:
268
-
269
- | 模式 | token 文件作用 | 消费者 Tailwind 要求 |
270
- |------|---------------|---------------------|
271
- | **NPM 预编译**(当前) | `@tailwindcss/cli` 读取 → 编译进 `dist/qoder-design.css` | 不需要 |
272
- | **按需引入**(CLI 复制源码) | 消费者 `@import` token 文件进自己的 CSS | 需要 Tailwind 4 |
273
-
274
- `@theme` 块是两种模式的共用桥梁:NPM 模式下编译进预编译 CSS,按需引入模式下由消费者的 Tailwind 处理。
275
-
276
- ---
277
-
278
- ## L3 协议
279
-
280
- ### scale/
281
- - **config.css**:定义可覆盖的 `--config-*` 变量
282
- - **computed.css**:映射 `--config-*` 到实际变量
283
- - **presets/**:预设风格,只覆盖差异部分
284
- - 新增风格需遵循 spacing/radius/font-size 三类完整性
285
-
286
- ### theme-base.css
287
- - 定义 @theme 映射,不包含具体颜色值
288
- - 新增 Tailwind 映射时确保双向一致
289
-
290
- ### themes/*.css
291
- - 每个主题独立文件,便于按需引入
292
- - 扩展主题时必须覆盖完整颜色类别
293
- - 修改颜色值需确保对比度符合无障碍标准
294
-
295
- ---
296
-
297
- ## 开发检查清单
298
-
299
- - [ ] 新增风格时更新 scale/presets/
300
- - [ ] 新增配置项时更新 scale/config.css 和 scale/computed.css
301
- - [ ] 新增颜色主题时创建 themes/*.css 并更新 index.css
302
- - [ ] Token 命名遵循 `--token-color-{name}` 格式(颜色)
303
- - [ ] Token 命名遵循 `--config-{category}-{name}` 格式(布局配置)
304
- - [ ] 测试多主题切换
305
- - [ ] L2 文档已更新(此文件)