@jonsoc/ui 1.1.34 → 1.1.46

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 (201) hide show
  1. package/package.json +5 -1
  2. package/script/colors.txt +234 -234
  3. package/src/assets/favicon/favicon-v3.svg +6 -6
  4. package/src/assets/favicon/favicon.svg +6 -6
  5. package/src/assets/favicon/site.webmanifest +21 -21
  6. package/src/assets/icons/file-types/auto_light.svg +12 -12
  7. package/src/assets/icons/file-types/cursor.svg +1 -1
  8. package/src/assets/icons/file-types/cursor_light.svg +1 -1
  9. package/src/assets/icons/file-types/drone_light.svg +4 -4
  10. package/src/assets/icons/file-types/folder-admin-open.svg +6 -6
  11. package/src/assets/icons/file-types/folder-admin.svg +6 -6
  12. package/src/assets/icons/file-types/folder-circleci-open.svg +7 -7
  13. package/src/assets/icons/file-types/folder-circleci.svg +7 -7
  14. package/src/assets/icons/file-types/folder-flow-open.svg +6 -6
  15. package/src/assets/icons/file-types/folder-flow.svg +6 -6
  16. package/src/assets/icons/file-types/folder-gh-workflows-open.svg +6 -6
  17. package/src/assets/icons/file-types/folder-gh-workflows.svg +6 -6
  18. package/src/assets/icons/file-types/folder-github-open.svg +6 -6
  19. package/src/assets/icons/file-types/folder-github.svg +6 -6
  20. package/src/assets/icons/file-types/folder-intellij-open.svg +39 -39
  21. package/src/assets/icons/file-types/folder-intellij.svg +39 -39
  22. package/src/assets/icons/file-types/folder-macos-open.svg +6 -6
  23. package/src/assets/icons/file-types/folder-macos.svg +6 -6
  24. package/src/assets/icons/file-types/folder-next-open.svg +6 -6
  25. package/src/assets/icons/file-types/folder-next.svg +6 -6
  26. package/src/assets/icons/file-types/folder-nuxt-open.svg +6 -6
  27. package/src/assets/icons/file-types/folder-nuxt.svg +6 -6
  28. package/src/assets/icons/file-types/folder-open.svg +5 -5
  29. package/src/assets/icons/file-types/folder-scripts-open.svg +6 -6
  30. package/src/assets/icons/file-types/folder-scripts.svg +6 -6
  31. package/src/assets/icons/file-types/folder-target-open.svg +10 -10
  32. package/src/assets/icons/file-types/folder-target.svg +10 -10
  33. package/src/assets/icons/file-types/folder-turborepo-open.svg +15 -15
  34. package/src/assets/icons/file-types/folder-turborepo.svg +15 -15
  35. package/src/assets/icons/file-types/folder-vercel-open.svg +5 -5
  36. package/src/assets/icons/file-types/folder-vercel.svg +5 -5
  37. package/src/assets/icons/file-types/folder.svg +5 -5
  38. package/src/assets/icons/file-types/go_gopher.svg +35 -35
  39. package/src/assets/icons/file-types/nano-staged_light.svg +4 -4
  40. package/src/assets/icons/file-types/opa.svg +9 -9
  41. package/src/assets/icons/file-types/quarto.svg +5 -5
  42. package/src/assets/icons/file-types/rome.svg +6 -6
  43. package/src/assets/icons/file-types/stitches_light.svg +10 -10
  44. package/src/assets/icons/file-types/stylelint_light.svg +13 -13
  45. package/src/assets/icons/file-types/systemd.svg +0 -0
  46. package/src/assets/icons/file-types/systemd_light.svg +0 -0
  47. package/src/assets/icons/file-types/unocss.svg +5 -5
  48. package/src/assets/icons/file-types/vlang.svg +6 -6
  49. package/src/assets/icons/provider/abacus.svg +14 -14
  50. package/src/assets/icons/provider/aihubmix.svg +3 -3
  51. package/src/assets/icons/provider/alibaba-cn.svg +3 -3
  52. package/src/assets/icons/provider/alibaba.svg +3 -3
  53. package/src/assets/icons/provider/amazon-bedrock.svg +3 -3
  54. package/src/assets/icons/provider/anthropic.svg +2 -2
  55. package/src/assets/icons/provider/azure-cognitive-services.svg +24 -24
  56. package/src/assets/icons/provider/azure.svg +3 -3
  57. package/src/assets/icons/provider/bailing.svg +3 -3
  58. package/src/assets/icons/provider/baseten.svg +3 -3
  59. package/src/assets/icons/provider/cerebras.svg +4 -4
  60. package/src/assets/icons/provider/chutes.svg +24 -24
  61. package/src/assets/icons/provider/cloudflare-ai-gateway.svg +4 -4
  62. package/src/assets/icons/provider/cloudflare-workers-ai.svg +4 -4
  63. package/src/assets/icons/provider/cohere.svg +5 -5
  64. package/src/assets/icons/provider/cortecs.svg +24 -24
  65. package/src/assets/icons/provider/deepinfra.svg +4 -4
  66. package/src/assets/icons/provider/deepseek.svg +3 -3
  67. package/src/assets/icons/provider/fastrouter.svg +3 -3
  68. package/src/assets/icons/provider/fireworks-ai.svg +3 -3
  69. package/src/assets/icons/provider/friendli.svg +3 -3
  70. package/src/assets/icons/provider/github-copilot.svg +3 -3
  71. package/src/assets/icons/provider/github-models.svg +3 -3
  72. package/src/assets/icons/provider/google-vertex-anthropic.svg +24 -24
  73. package/src/assets/icons/provider/google-vertex.svg +10 -10
  74. package/src/assets/icons/provider/google.svg +3 -3
  75. package/src/assets/icons/provider/groq.svg +3 -3
  76. package/src/assets/icons/provider/helicone.svg +6 -6
  77. package/src/assets/icons/provider/huggingface.svg +3 -3
  78. package/src/assets/icons/provider/iflowcn.svg +3 -3
  79. package/src/assets/icons/provider/inception.svg +4 -4
  80. package/src/assets/icons/provider/inference.svg +3 -3
  81. package/src/assets/icons/provider/io-net.svg +5 -5
  82. package/src/assets/icons/provider/kimi-for-coding.svg +3 -3
  83. package/src/assets/icons/provider/llama.svg +3 -3
  84. package/src/assets/icons/provider/lmstudio.svg +24 -24
  85. package/src/assets/icons/provider/lucidquery.svg +3 -3
  86. package/src/assets/icons/provider/minimax-cn.svg +3 -3
  87. package/src/assets/icons/provider/minimax.svg +3 -3
  88. package/src/assets/icons/provider/mistral.svg +3 -3
  89. package/src/assets/icons/provider/modelscope.svg +5 -5
  90. package/src/assets/icons/provider/moonshotai-cn.svg +3 -3
  91. package/src/assets/icons/provider/moonshotai.svg +3 -3
  92. package/src/assets/icons/provider/morph.svg +24 -24
  93. package/src/assets/icons/provider/nano-gpt.svg +2 -2
  94. package/src/assets/icons/provider/nebius.svg +4 -4
  95. package/src/assets/icons/provider/nvidia.svg +3 -3
  96. package/src/assets/icons/provider/ollama-cloud.svg +7 -7
  97. package/src/assets/icons/provider/openai.svg +3 -3
  98. package/src/assets/icons/provider/opencode.svg +4 -4
  99. package/src/assets/icons/provider/openrouter.svg +8 -8
  100. package/src/assets/icons/provider/ovhcloud.svg +3 -3
  101. package/src/assets/icons/provider/perplexity.svg +3 -3
  102. package/src/assets/icons/provider/poe.svg +7 -7
  103. package/src/assets/icons/provider/requesty.svg +24 -24
  104. package/src/assets/icons/provider/sap-ai-core.svg +24 -24
  105. package/src/assets/icons/provider/scaleway.svg +5 -5
  106. package/src/assets/icons/provider/siliconflow-cn.svg +3 -3
  107. package/src/assets/icons/provider/siliconflow.svg +3 -3
  108. package/src/assets/icons/provider/submodel.svg +3 -3
  109. package/src/assets/icons/provider/synthetic.svg +24 -24
  110. package/src/assets/icons/provider/togetherai.svg +4 -4
  111. package/src/assets/icons/provider/upstage.svg +24 -24
  112. package/src/assets/icons/provider/v0.svg +3 -3
  113. package/src/assets/icons/provider/venice.svg +4 -4
  114. package/src/assets/icons/provider/vercel.svg +3 -3
  115. package/src/assets/icons/provider/vultr.svg +6 -6
  116. package/src/assets/icons/provider/wandb.svg +24 -24
  117. package/src/assets/icons/provider/xai.svg +3 -3
  118. package/src/assets/icons/provider/xiaomi.svg +3 -3
  119. package/src/assets/icons/provider/zai-coding-plan.svg +3 -3
  120. package/src/assets/icons/provider/zai.svg +3 -3
  121. package/src/assets/icons/provider/zenmux.svg +3 -3
  122. package/src/assets/icons/provider/zhipuai-coding-plan.svg +3 -3
  123. package/src/assets/icons/provider/zhipuai.svg +3 -3
  124. package/src/components/accordion.css +98 -98
  125. package/src/components/avatar.css +41 -41
  126. package/src/components/basic-tool.css +97 -97
  127. package/src/components/button.css +165 -165
  128. package/src/components/card.css +29 -29
  129. package/src/components/checkbox.css +121 -121
  130. package/src/components/code.css +4 -4
  131. package/src/components/collapsible.css +97 -97
  132. package/src/components/dialog.css +185 -185
  133. package/src/components/diff-changes.css +41 -41
  134. package/src/components/diff.css +35 -35
  135. package/src/components/dropdown-menu.css +125 -125
  136. package/src/components/file-icon.css +5 -5
  137. package/src/components/file-icons/sprite.svg +11707 -11707
  138. package/src/components/hover-card.css +61 -61
  139. package/src/components/icon-button.css +140 -140
  140. package/src/components/icon.css +34 -34
  141. package/src/components/image-preview.css +63 -63
  142. package/src/components/inline-input.css +17 -17
  143. package/src/components/keybind.css +18 -18
  144. package/src/components/list.css +278 -278
  145. package/src/components/logo.css +4 -4
  146. package/src/components/markdown.css +209 -209
  147. package/src/components/message-nav.css +122 -122
  148. package/src/components/message-part.css +803 -803
  149. package/src/components/popover.css +98 -98
  150. package/src/components/progress-circle.css +12 -12
  151. package/src/components/provider-icon.css +5 -5
  152. package/src/components/provider-icons/sprite.svg +882 -882
  153. package/src/components/radio-group.css +157 -157
  154. package/src/components/resize-handle.css +46 -46
  155. package/src/components/select.css +202 -202
  156. package/src/components/session-review.css +323 -323
  157. package/src/components/session-turn.css +514 -514
  158. package/src/components/spinner.css +6 -6
  159. package/src/components/sticky-accordion-header.css +16 -16
  160. package/src/components/switch.css +132 -132
  161. package/src/components/tabs.css +359 -359
  162. package/src/components/tag.css +37 -37
  163. package/src/components/text-field.css +134 -134
  164. package/src/components/toast.css +205 -205
  165. package/src/components/tooltip.css +74 -74
  166. package/src/components/typewriter.css +14 -14
  167. package/src/styles/animations.css +130 -130
  168. package/src/styles/base.css +393 -393
  169. package/src/styles/colors.css +592 -592
  170. package/src/styles/index.css +52 -52
  171. package/src/styles/tailwind/colors.css +244 -244
  172. package/src/styles/tailwind/index.css +72 -72
  173. package/src/styles/tailwind/utilities.css +113 -113
  174. package/src/styles/theme.css +592 -592
  175. package/src/styles/utilities.css +131 -131
  176. package/src/assets/fonts/cascadia-code-nerd-font-bold.woff2 +0 -1
  177. package/src/assets/fonts/cascadia-code-nerd-font.woff2 +0 -1
  178. package/src/assets/fonts/fira-code-nerd-font-bold.woff2 +0 -1
  179. package/src/assets/fonts/fira-code-nerd-font.woff2 +0 -1
  180. package/src/assets/fonts/geist-mono-bold.woff2 +0 -1
  181. package/src/assets/fonts/geist-mono-medium.woff2 +0 -1
  182. package/src/assets/fonts/geist-mono.woff2 +0 -1
  183. package/src/assets/fonts/hack-nerd-font-bold.woff2 +0 -1
  184. package/src/assets/fonts/hack-nerd-font.woff2 +0 -1
  185. package/src/assets/fonts/ibm-plex-mono-bold.woff2 +0 -1
  186. package/src/assets/fonts/ibm-plex-mono-medium.woff2 +0 -1
  187. package/src/assets/fonts/ibm-plex-mono.woff2 +0 -1
  188. package/src/assets/fonts/inconsolata-nerd-font-bold.woff2 +0 -1
  189. package/src/assets/fonts/inconsolata-nerd-font.woff2 +0 -1
  190. package/src/assets/fonts/intel-one-mono-nerd-font-bold.woff2 +0 -1
  191. package/src/assets/fonts/intel-one-mono-nerd-font.woff2 +0 -1
  192. package/src/assets/fonts/jetbrains-mono-nerd-font-bold.woff2 +0 -1
  193. package/src/assets/fonts/jetbrains-mono-nerd-font.woff2 +0 -1
  194. package/src/assets/fonts/meslo-lgs-nerd-font-bold.woff2 +0 -1
  195. package/src/assets/fonts/meslo-lgs-nerd-font.woff2 +0 -1
  196. package/src/assets/fonts/roboto-mono-nerd-font-bold.woff2 +0 -1
  197. package/src/assets/fonts/roboto-mono-nerd-font.woff2 +0 -1
  198. package/src/assets/fonts/source-code-pro-nerd-font-bold.woff2 +0 -1
  199. package/src/assets/fonts/source-code-pro-nerd-font.woff2 +0 -1
  200. package/src/assets/fonts/ubuntu-mono-nerd-font-bold.woff2 +0 -1
  201. package/src/assets/fonts/ubuntu-mono-nerd-font.woff2 +0 -1
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M19.2587 5.29983C20.814 5.24008 23.9615 5.44575 26.4795 7.70668C28.5451 9.56134 29.2567 12.9997 28.7754 15.6659C28.3341 18.1098 27.2944 20.1094 27.7016 21.9609C28.1088 23.8124 29.1453 24.7252 30.027 25.1086C30.8787 25.4787 31.7019 25.3677 31.5452 26.0712C31.3884 26.7747 30.3233 27.0341 29.5455 27.0341C29.1191 27.0341 27.8294 26.9228 27.2572 26.5525C26.581 26.1149 26.4303 25.7228 26.1729 25.4075C26.1292 25.354 26.0521 25.3913 26.0624 25.4595C26.1797 26.2351 26.503 27.551 27.0276 28.3672C27.4521 29.0274 27.6275 29.5089 28.6 30.3236C29.5726 31.1381 30.0268 31.8787 29.0813 32.4033C28.2412 32.8691 26.4152 31.9159 25.3414 30.737C24.3749 29.6759 23.7019 28.367 23.4358 27.5154C23.2935 27.0601 23.151 26.2768 23.0087 25.6362C22.99 25.5519 22.8746 25.5655 22.8721 25.6518C22.8249 27.2822 22.5686 28.8393 22.1939 30.5087C21.9241 31.7105 21.2681 33.1747 20.6756 34.0635C19.9532 35.1471 18.8808 35.4853 18.0836 35.1891C17.446 34.952 17.8985 34.1463 18.0836 33.4487C18.2687 32.7513 18.6391 31.2923 18.8886 29.694C19.1144 28.2472 19.1741 26.8151 19.0735 25.4582C19.0673 25.3754 18.9402 25.3627 18.9144 25.4416C18.7066 26.078 18.3149 27.133 18.0292 27.7747C17.4332 29.1128 16.9922 29.7001 15.7702 31.1073C14.6712 32.3727 11.5105 34.1622 11.1045 32.4033C10.9935 31.922 11.5755 31.7112 12.1122 31.2923C12.9191 30.6629 13.5933 29.5459 14.2325 28.1819C14.8065 26.9571 15.0983 25.7724 15.1429 25.016C15.1472 24.943 15.0556 24.9155 15.0145 24.9758C14.7488 25.3656 14.3575 25.893 13.9266 26.3303C13.2067 27.0611 12.4083 27.8134 11.4824 28.1819C9.99368 28.7744 8.47556 28.367 8.58655 27.2934C8.67931 26.3963 9.68069 26.582 10.9272 25.222C12.1492 23.889 12.5564 22.8519 12.6305 21.704C12.6896 20.7857 11.7912 18.606 11.3345 17.6309C10.6063 16.0756 10.0681 11.6617 12.2603 8.81785C15.0004 5.26311 18.2959 5.33684 19.2587 5.29983ZM14.9842 11.5161C13.9647 11.5161 13.4549 12.2987 13.4549 13.2639C13.4549 14.2292 14.0213 15.0117 14.9842 15.0117C15.9471 15.0117 16.5135 14.2292 16.5135 13.2639C16.5135 12.2987 16.0038 11.5161 14.9842 11.5161Z" fill="currentColor"/>
3
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M19.2587 5.29983C20.814 5.24008 23.9615 5.44575 26.4795 7.70668C28.5451 9.56134 29.2567 12.9997 28.7754 15.6659C28.3341 18.1098 27.2944 20.1094 27.7016 21.9609C28.1088 23.8124 29.1453 24.7252 30.027 25.1086C30.8787 25.4787 31.7019 25.3677 31.5452 26.0712C31.3884 26.7747 30.3233 27.0341 29.5455 27.0341C29.1191 27.0341 27.8294 26.9228 27.2572 26.5525C26.581 26.1149 26.4303 25.7228 26.1729 25.4075C26.1292 25.354 26.0521 25.3913 26.0624 25.4595C26.1797 26.2351 26.503 27.551 27.0276 28.3672C27.4521 29.0274 27.6275 29.5089 28.6 30.3236C29.5726 31.1381 30.0268 31.8787 29.0813 32.4033C28.2412 32.8691 26.4152 31.9159 25.3414 30.737C24.3749 29.6759 23.7019 28.367 23.4358 27.5154C23.2935 27.0601 23.151 26.2768 23.0087 25.6362C22.99 25.5519 22.8746 25.5655 22.8721 25.6518C22.8249 27.2822 22.5686 28.8393 22.1939 30.5087C21.9241 31.7105 21.2681 33.1747 20.6756 34.0635C19.9532 35.1471 18.8808 35.4853 18.0836 35.1891C17.446 34.952 17.8985 34.1463 18.0836 33.4487C18.2687 32.7513 18.6391 31.2923 18.8886 29.694C19.1144 28.2472 19.1741 26.8151 19.0735 25.4582C19.0673 25.3754 18.9402 25.3627 18.9144 25.4416C18.7066 26.078 18.3149 27.133 18.0292 27.7747C17.4332 29.1128 16.9922 29.7001 15.7702 31.1073C14.6712 32.3727 11.5105 34.1622 11.1045 32.4033C10.9935 31.922 11.5755 31.7112 12.1122 31.2923C12.9191 30.6629 13.5933 29.5459 14.2325 28.1819C14.8065 26.9571 15.0983 25.7724 15.1429 25.016C15.1472 24.943 15.0556 24.9155 15.0145 24.9758C14.7488 25.3656 14.3575 25.893 13.9266 26.3303C13.2067 27.0611 12.4083 27.8134 11.4824 28.1819C9.99368 28.7744 8.47556 28.367 8.58655 27.2934C8.67931 26.3963 9.68069 26.582 10.9272 25.222C12.1492 23.889 12.5564 22.8519 12.6305 21.704C12.6896 20.7857 11.7912 18.606 11.3345 17.6309C10.6063 16.0756 10.0681 11.6617 12.2603 8.81785C15.0004 5.26311 18.2959 5.33684 19.2587 5.29983ZM14.9842 11.5161C13.9647 11.5161 13.4549 12.2987 13.4549 13.2639C13.4549 14.2292 14.0213 15.0117 14.9842 15.0117C15.9471 15.0117 16.5135 14.2292 16.5135 13.2639C16.5135 12.2987 16.0038 11.5161 14.9842 11.5161Z" fill="currentColor"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M20.1312 7.5L17.4088 11.1912H5.81625L8.5375 7.5H20.1325H20.1312ZM34.0675 28.81L31.3475 32.5H19.795L22.5125 28.81H34.0675ZM35 7.5L16.58 32.5H5L23.42 7.5H35Z" fill="currentColor"/>
3
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M20.1312 7.5L17.4088 11.1912H5.81625L8.5375 7.5H20.1325H20.1312ZM34.0675 28.81L31.3475 32.5H19.795L22.5125 28.81H34.0675ZM35 7.5L16.58 32.5H5L23.42 7.5H35Z" fill="currentColor"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M20.1312 7.50002L17.4088 11.1913H5.81625L8.5375 7.50002H20.1325H20.1312ZM34.0675 28.81L31.3475 32.5H19.795L22.5125 28.81H34.0675ZM35 7.50002L16.58 32.5H5L23.42 7.50002H35Z" fill="currentColor"/>
3
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M20.1312 7.50002L17.4088 11.1913H5.81625L8.5375 7.50002H20.1325H20.1312ZM34.0675 28.81L31.3475 32.5H19.795L22.5125 28.81H34.0675ZM35 7.50002L16.58 32.5H5L23.42 7.50002H35Z" fill="currentColor"/>
3
+ </svg>
@@ -1,98 +1,98 @@
1
- [data-component="accordion"] {
2
- display: flex;
3
- flex-direction: column;
4
- align-items: flex-start;
5
- gap: 8px;
6
- align-self: stretch;
7
-
8
- [data-slot="accordion-item"] {
9
- width: 100%;
10
- display: flex;
11
- flex-direction: column;
12
- align-items: flex-start;
13
- align-self: stretch;
14
- overflow: clip;
15
-
16
- [data-slot="accordion-header"] {
17
- width: 100%;
18
- display: flex;
19
- align-items: center;
20
- margin: 0;
21
- padding: 0;
22
-
23
- [data-slot="accordion-trigger"] {
24
- width: 100%;
25
- display: flex;
26
- height: 32px;
27
- padding: 8px 12px;
28
- justify-content: space-between;
29
- align-items: center;
30
- align-self: stretch;
31
- cursor: default;
32
- user-select: none;
33
-
34
- background-color: var(--surface-base);
35
- border: 1px solid var(--border-weak-base);
36
- border-radius: var(--radius-md);
37
- overflow: clip;
38
- color: var(--text-strong);
39
- transition: background-color 0.15s ease;
40
-
41
- /* text-12-regular */
42
- font-family: var(--font-family-sans);
43
- font-size: var(--font-size-small);
44
- font-style: normal;
45
- font-weight: var(--font-weight-regular);
46
- line-height: var(--line-height-large); /* 166.667% */
47
- letter-spacing: var(--letter-spacing-normal);
48
-
49
- &:hover {
50
- background-color: var(--surface-base);
51
- }
52
- &:focus-visible {
53
- outline: none;
54
- }
55
- &[data-disabled] {
56
- cursor: not-allowed;
57
- }
58
- }
59
- }
60
-
61
- &[data-expanded] {
62
- [data-slot="accordion-trigger"] {
63
- border-bottom-left-radius: 0;
64
- border-bottom-right-radius: 0;
65
- }
66
-
67
- [data-slot="accordion-content"] {
68
- border: 1px solid var(--border-weak-base);
69
- border-top: none;
70
- border-bottom-left-radius: var(--radius-md);
71
- border-bottom-right-radius: var(--radius-md);
72
- }
73
- }
74
-
75
- [data-slot="accordion-content"] {
76
- overflow: hidden;
77
- width: 100%;
78
- }
79
- }
80
- }
81
-
82
- @keyframes slideDown {
83
- from {
84
- height: 0;
85
- }
86
- to {
87
- height: var(--kb-accordion-content-height);
88
- }
89
- }
90
-
91
- @keyframes slideUp {
92
- from {
93
- height: var(--kb-accordion-content-height);
94
- }
95
- to {
96
- height: 0;
97
- }
98
- }
1
+ [data-component="accordion"] {
2
+ display: flex;
3
+ flex-direction: column;
4
+ align-items: flex-start;
5
+ gap: 8px;
6
+ align-self: stretch;
7
+
8
+ [data-slot="accordion-item"] {
9
+ width: 100%;
10
+ display: flex;
11
+ flex-direction: column;
12
+ align-items: flex-start;
13
+ align-self: stretch;
14
+ overflow: clip;
15
+
16
+ [data-slot="accordion-header"] {
17
+ width: 100%;
18
+ display: flex;
19
+ align-items: center;
20
+ margin: 0;
21
+ padding: 0;
22
+
23
+ [data-slot="accordion-trigger"] {
24
+ width: 100%;
25
+ display: flex;
26
+ height: 32px;
27
+ padding: 8px 12px;
28
+ justify-content: space-between;
29
+ align-items: center;
30
+ align-self: stretch;
31
+ cursor: default;
32
+ user-select: none;
33
+
34
+ background-color: var(--surface-base);
35
+ border: 1px solid var(--border-weak-base);
36
+ border-radius: var(--radius-md);
37
+ overflow: clip;
38
+ color: var(--text-strong);
39
+ transition: background-color 0.15s ease;
40
+
41
+ /* text-12-regular */
42
+ font-family: var(--font-family-sans);
43
+ font-size: var(--font-size-small);
44
+ font-style: normal;
45
+ font-weight: var(--font-weight-regular);
46
+ line-height: var(--line-height-large); /* 166.667% */
47
+ letter-spacing: var(--letter-spacing-normal);
48
+
49
+ &:hover {
50
+ background-color: var(--surface-base);
51
+ }
52
+ &:focus-visible {
53
+ outline: none;
54
+ }
55
+ &[data-disabled] {
56
+ cursor: not-allowed;
57
+ }
58
+ }
59
+ }
60
+
61
+ &[data-expanded] {
62
+ [data-slot="accordion-trigger"] {
63
+ border-bottom-left-radius: 0;
64
+ border-bottom-right-radius: 0;
65
+ }
66
+
67
+ [data-slot="accordion-content"] {
68
+ border: 1px solid var(--border-weak-base);
69
+ border-top: none;
70
+ border-bottom-left-radius: var(--radius-md);
71
+ border-bottom-right-radius: var(--radius-md);
72
+ }
73
+ }
74
+
75
+ [data-slot="accordion-content"] {
76
+ overflow: hidden;
77
+ width: 100%;
78
+ }
79
+ }
80
+ }
81
+
82
+ @keyframes slideDown {
83
+ from {
84
+ height: 0;
85
+ }
86
+ to {
87
+ height: var(--kb-accordion-content-height);
88
+ }
89
+ }
90
+
91
+ @keyframes slideUp {
92
+ from {
93
+ height: var(--kb-accordion-content-height);
94
+ }
95
+ to {
96
+ height: 0;
97
+ }
98
+ }
@@ -1,41 +1,41 @@
1
- [data-component="avatar"] {
2
- --avatar-bg: var(--color-surface-info-base);
3
- --avatar-fg: var(--color-text-base);
4
- display: flex;
5
- align-items: center;
6
- justify-content: center;
7
- flex-shrink: 0;
8
- border-radius: var(--radius-sm);
9
- border: 1px solid var(--color-border-weak-base);
10
- font-family: var(--font-mono);
11
- font-weight: 500;
12
- text-transform: uppercase;
13
- background-color: var(--avatar-bg);
14
- color: var(--avatar-fg);
15
- }
16
-
17
- [data-component="avatar"][data-has-image] {
18
- background-color: transparent;
19
- border: none;
20
- }
21
-
22
- [data-component="avatar"][data-size="small"] {
23
- width: 1.25rem;
24
- height: 1.25rem;
25
- font-size: 0.75rem;
26
- line-height: 1;
27
- }
28
-
29
- [data-component="avatar"][data-size="normal"] {
30
- width: 1.5rem;
31
- height: 1.5rem;
32
- font-size: 1.125rem;
33
- line-height: 1.5rem;
34
- }
35
-
36
- [data-component="avatar"][data-size="large"] {
37
- width: 2rem;
38
- height: 2rem;
39
- font-size: 1.25rem;
40
- line-height: 2rem;
41
- }
1
+ [data-component="avatar"] {
2
+ --avatar-bg: var(--color-surface-info-base);
3
+ --avatar-fg: var(--color-text-base);
4
+ display: flex;
5
+ align-items: center;
6
+ justify-content: center;
7
+ flex-shrink: 0;
8
+ border-radius: var(--radius-sm);
9
+ border: 1px solid var(--color-border-weak-base);
10
+ font-family: var(--font-mono);
11
+ font-weight: 500;
12
+ text-transform: uppercase;
13
+ background-color: var(--avatar-bg);
14
+ color: var(--avatar-fg);
15
+ }
16
+
17
+ [data-component="avatar"][data-has-image] {
18
+ background-color: transparent;
19
+ border: none;
20
+ }
21
+
22
+ [data-component="avatar"][data-size="small"] {
23
+ width: 1.25rem;
24
+ height: 1.25rem;
25
+ font-size: 0.75rem;
26
+ line-height: 1;
27
+ }
28
+
29
+ [data-component="avatar"][data-size="normal"] {
30
+ width: 1.5rem;
31
+ height: 1.5rem;
32
+ font-size: 1.125rem;
33
+ line-height: 1.5rem;
34
+ }
35
+
36
+ [data-component="avatar"][data-size="large"] {
37
+ width: 2rem;
38
+ height: 2rem;
39
+ font-size: 1.25rem;
40
+ line-height: 2rem;
41
+ }
@@ -1,97 +1,97 @@
1
- [data-component="tool-trigger"] {
2
- content-visibility: auto;
3
- width: 100%;
4
- display: flex;
5
- align-items: center;
6
- align-self: stretch;
7
- gap: 20px;
8
- justify-content: space-between;
9
-
10
- [data-slot="basic-tool-tool-trigger-content"] {
11
- width: 100%;
12
- display: flex;
13
- align-items: center;
14
- align-self: stretch;
15
- gap: 20px;
16
- }
17
-
18
- [data-slot="icon-svg"] {
19
- flex-shrink: 0;
20
- }
21
-
22
- [data-slot="basic-tool-tool-info"] {
23
- flex-grow: 1;
24
- min-width: 0;
25
- }
26
-
27
- [data-slot="basic-tool-tool-info-structured"] {
28
- width: 100%;
29
- display: flex;
30
- align-items: center;
31
- gap: 8px;
32
- justify-content: space-between;
33
- }
34
-
35
- [data-slot="basic-tool-tool-info-main"] {
36
- display: flex;
37
- align-items: center;
38
- gap: 8px;
39
- min-width: 0;
40
- overflow: hidden;
41
- }
42
-
43
- [data-slot="basic-tool-tool-title"] {
44
- flex-shrink: 0;
45
- font-family: var(--font-family-sans);
46
- font-size: var(--font-size-small);
47
- font-style: normal;
48
- font-weight: var(--font-weight-medium);
49
- line-height: var(--line-height-large);
50
- letter-spacing: var(--letter-spacing-normal);
51
- color: var(--text-base);
52
-
53
- &.capitalize {
54
- text-transform: capitalize;
55
- }
56
- }
57
-
58
- [data-slot="basic-tool-tool-subtitle"] {
59
- flex-shrink: 1;
60
- min-width: 0;
61
- overflow: hidden;
62
- text-overflow: ellipsis;
63
- white-space: nowrap;
64
- font-family: var(--font-family-sans);
65
- font-size: var(--font-size-small);
66
- font-style: normal;
67
- font-weight: var(--font-weight-medium);
68
- line-height: var(--line-height-large);
69
- letter-spacing: var(--letter-spacing-normal);
70
- color: var(--text-weak);
71
-
72
- &.clickable {
73
- cursor: pointer;
74
- text-decoration: underline;
75
- transition: color 0.15s ease;
76
-
77
- &:hover {
78
- color: var(--text-base);
79
- }
80
- }
81
- }
82
-
83
- [data-slot="basic-tool-tool-arg"] {
84
- flex-shrink: 1;
85
- min-width: 0;
86
- overflow: hidden;
87
- text-overflow: ellipsis;
88
- white-space: nowrap;
89
- font-family: var(--font-family-sans);
90
- font-size: var(--font-size-small);
91
- font-style: normal;
92
- font-weight: var(--font-weight-regular);
93
- line-height: var(--line-height-large);
94
- letter-spacing: var(--letter-spacing-normal);
95
- color: var(--text-weak);
96
- }
97
- }
1
+ [data-component="tool-trigger"] {
2
+ content-visibility: auto;
3
+ width: 100%;
4
+ display: flex;
5
+ align-items: center;
6
+ align-self: stretch;
7
+ gap: 20px;
8
+ justify-content: space-between;
9
+
10
+ [data-slot="basic-tool-tool-trigger-content"] {
11
+ width: 100%;
12
+ display: flex;
13
+ align-items: center;
14
+ align-self: stretch;
15
+ gap: 20px;
16
+ }
17
+
18
+ [data-slot="icon-svg"] {
19
+ flex-shrink: 0;
20
+ }
21
+
22
+ [data-slot="basic-tool-tool-info"] {
23
+ flex-grow: 1;
24
+ min-width: 0;
25
+ }
26
+
27
+ [data-slot="basic-tool-tool-info-structured"] {
28
+ width: 100%;
29
+ display: flex;
30
+ align-items: center;
31
+ gap: 8px;
32
+ justify-content: space-between;
33
+ }
34
+
35
+ [data-slot="basic-tool-tool-info-main"] {
36
+ display: flex;
37
+ align-items: center;
38
+ gap: 8px;
39
+ min-width: 0;
40
+ overflow: hidden;
41
+ }
42
+
43
+ [data-slot="basic-tool-tool-title"] {
44
+ flex-shrink: 0;
45
+ font-family: var(--font-family-sans);
46
+ font-size: var(--font-size-small);
47
+ font-style: normal;
48
+ font-weight: var(--font-weight-medium);
49
+ line-height: var(--line-height-large);
50
+ letter-spacing: var(--letter-spacing-normal);
51
+ color: var(--text-base);
52
+
53
+ &.capitalize {
54
+ text-transform: capitalize;
55
+ }
56
+ }
57
+
58
+ [data-slot="basic-tool-tool-subtitle"] {
59
+ flex-shrink: 1;
60
+ min-width: 0;
61
+ overflow: hidden;
62
+ text-overflow: ellipsis;
63
+ white-space: nowrap;
64
+ font-family: var(--font-family-sans);
65
+ font-size: var(--font-size-small);
66
+ font-style: normal;
67
+ font-weight: var(--font-weight-medium);
68
+ line-height: var(--line-height-large);
69
+ letter-spacing: var(--letter-spacing-normal);
70
+ color: var(--text-weak);
71
+
72
+ &.clickable {
73
+ cursor: pointer;
74
+ text-decoration: underline;
75
+ transition: color 0.15s ease;
76
+
77
+ &:hover {
78
+ color: var(--text-base);
79
+ }
80
+ }
81
+ }
82
+
83
+ [data-slot="basic-tool-tool-arg"] {
84
+ flex-shrink: 1;
85
+ min-width: 0;
86
+ overflow: hidden;
87
+ text-overflow: ellipsis;
88
+ white-space: nowrap;
89
+ font-family: var(--font-family-sans);
90
+ font-size: var(--font-size-small);
91
+ font-style: normal;
92
+ font-weight: var(--font-weight-regular);
93
+ line-height: var(--line-height-large);
94
+ letter-spacing: var(--letter-spacing-normal);
95
+ color: var(--text-weak);
96
+ }
97
+ }