@ctrl-ui/react 0.8.1 → 0.8.4

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/README.md +32 -23
  2. package/dist/action-bar.d.ts +11 -12
  3. package/dist/activity.d.ts +24 -25
  4. package/dist/audio-recorder.d.ts +16 -16
  5. package/dist/audio-visualizer.d.ts +3 -4
  6. package/dist/blocks/chat.d.ts +3 -4
  7. package/dist/blocks/chat.js +6 -3
  8. package/dist/blocks/coding-agent.d.ts +11 -12
  9. package/dist/blocks/coding-agent.js +10 -9
  10. package/dist/blocks/file-explorer-data.d.ts +11 -12
  11. package/dist/blocks/file-explorer.d.ts +3 -3
  12. package/dist/blocks/settings-data.d.ts +8 -9
  13. package/dist/blocks/settings.d.ts +4 -4
  14. package/dist/blocks/theme-toggle.d.ts +11 -12
  15. package/dist/blocks/theme-toggle.js +14 -4
  16. package/dist/chat-composer-attachment.d.ts +20 -21
  17. package/dist/chat-composer-attachment.js +24 -20
  18. package/dist/chat-composer-editor/extensions/mention.d.ts +5 -6
  19. package/dist/chat-composer-editor/ghost.d.ts +3 -4
  20. package/dist/chat-composer-editor/schema.d.ts +2 -3
  21. package/dist/chat-composer-editor/serialize.d.ts +3 -4
  22. package/dist/chat-composer-editor/types.d.ts +5 -6
  23. package/dist/chat-composer-editor.d.ts +2 -3
  24. package/dist/chat-composer-editor.js +18 -4
  25. package/dist/chat-composer.d.ts +17 -18
  26. package/dist/chat-composer.js +14 -8
  27. package/dist/chat-layout.d.ts +12 -21
  28. package/dist/chat-layout.js +28 -83
  29. package/dist/chat-message.d.ts +14 -15
  30. package/dist/context-model.d.ts +7 -8
  31. package/dist/context.d.ts +21 -22
  32. package/dist/control-props.d.ts +10 -11
  33. package/dist/control-variants.d.ts +6 -7
  34. package/dist/dynamic-notification-glass.d.ts +3 -4
  35. package/dist/dynamic-notification-liquid.d.ts +3 -4
  36. package/dist/dynamic-notification-siri-wave.d.ts +2 -3
  37. package/dist/dynamic-notification.d.ts +28 -29
  38. package/dist/email/email.d.ts +6 -7
  39. package/dist/email/email.js +12 -3
  40. package/dist/email/length.d.ts +3 -0
  41. package/dist/email/length.js +34 -0
  42. package/dist/email/templates.d.ts +7 -8
  43. package/dist/email/templates.js +5 -5
  44. package/dist/email/theme.d.ts +16 -5
  45. package/dist/email/theme.js +21 -6
  46. package/dist/environment-variables.d.ts +35 -36
  47. package/dist/extensions/create-track-highlight.d.ts +3 -4
  48. package/dist/extensions/supports-anchor-transitions.d.ts +2 -3
  49. package/dist/extensions/track-highlight.d.ts +3 -4
  50. package/dist/hooks/use-audio-recorder.d.ts +14 -15
  51. package/dist/hooks/use-chat-composer.d.ts +5 -6
  52. package/dist/hooks/use-chat-message.d.ts +7 -8
  53. package/dist/hooks/use-color-area.d.ts +5 -6
  54. package/dist/hooks/use-copy-to-clipboard.d.ts +7 -8
  55. package/dist/hooks/use-dropzone.d.ts +11 -12
  56. package/dist/hooks/use-dynamic-notification.d.ts +6 -7
  57. package/dist/hooks/use-environment-variables.d.ts +9 -10
  58. package/dist/hooks/use-keyboard-navigation.d.ts +3 -0
  59. package/dist/hooks/use-keyboard-navigation.js +22 -0
  60. package/dist/hooks/use-mobile.d.ts +2 -3
  61. package/dist/hooks/use-textarea-trigger-menu.d.ts +2 -3
  62. package/dist/hooks/use-trigger-menu.d.ts +7 -8
  63. package/dist/hooks/use-user-ask.d.ts +6 -7
  64. package/dist/inline-attachment.d.ts +16 -17
  65. package/dist/inline-citation.d.ts +22 -23
  66. package/dist/knob-contracts/accordion-knobs.d.ts +3 -4
  67. package/dist/knob-contracts/accordion-knobs.js +1 -0
  68. package/dist/knob-contracts/action-bar-knobs.d.ts +3 -4
  69. package/dist/knob-contracts/activity-knobs.d.ts +3 -4
  70. package/dist/knob-contracts/alert-knobs.d.ts +3 -4
  71. package/dist/knob-contracts/alert-knobs.js +12 -1
  72. package/dist/knob-contracts/audio-recorder-knobs.d.ts +3 -4
  73. package/dist/knob-contracts/audio-visualizer-knobs.d.ts +3 -4
  74. package/dist/knob-contracts/avatar-knobs.d.ts +3 -4
  75. package/dist/knob-contracts/avatar-knobs.js +2 -1
  76. package/dist/knob-contracts/badge-knobs.d.ts +3 -4
  77. package/dist/knob-contracts/button-group-knobs.d.ts +3 -4
  78. package/dist/knob-contracts/button-knobs.d.ts +3 -4
  79. package/dist/knob-contracts/button-knobs.js +1 -0
  80. package/dist/knob-contracts/calendar-knobs.d.ts +3 -4
  81. package/dist/knob-contracts/card-knobs.d.ts +3 -4
  82. package/dist/knob-contracts/chat-composer-attachment-knobs.d.ts +3 -4
  83. package/dist/knob-contracts/chat-composer-attachment-knobs.js +3 -1
  84. package/dist/knob-contracts/chat-composer-knobs.d.ts +3 -4
  85. package/dist/knob-contracts/chat-composer-knobs.js +1 -0
  86. package/dist/knob-contracts/chat-layout-knobs.d.ts +3 -4
  87. package/dist/knob-contracts/chat-layout-knobs.js +2 -3
  88. package/dist/knob-contracts/chat-message-knobs.d.ts +3 -4
  89. package/dist/knob-contracts/choice-knobs.d.ts +3 -4
  90. package/dist/knob-contracts/choice-knobs.js +2 -1
  91. package/dist/knob-contracts/code-diff-knobs.d.ts +3 -4
  92. package/dist/knob-contracts/code-diff-knobs.js +1 -0
  93. package/dist/knob-contracts/code-knobs.d.ts +3 -4
  94. package/dist/knob-contracts/code-knobs.js +3 -1
  95. package/dist/knob-contracts/collapsible-knobs.d.ts +3 -4
  96. package/dist/knob-contracts/color-picker-knobs.d.ts +3 -4
  97. package/dist/knob-contracts/context-knobs.d.ts +3 -4
  98. package/dist/knob-contracts/dockable-panel-knobs.d.ts +3 -4
  99. package/dist/knob-contracts/dockable-panel-knobs.js +1 -0
  100. package/dist/knob-contracts/dropzone-knobs.d.ts +3 -4
  101. package/dist/knob-contracts/dropzone-knobs.js +1 -0
  102. package/dist/knob-contracts/dynamic-notification-knobs.d.ts +3 -4
  103. package/dist/knob-contracts/empty-knobs.d.ts +3 -4
  104. package/dist/knob-contracts/empty-knobs.js +14 -1
  105. package/dist/knob-contracts/environment-variables-knobs.d.ts +3 -4
  106. package/dist/knob-contracts/environment-variables-knobs.js +2 -1
  107. package/dist/knob-contracts/field-knobs.d.ts +3 -4
  108. package/dist/knob-contracts/gradient-editor-knobs.d.ts +3 -4
  109. package/dist/knob-contracts/gradient-editor-knobs.js +3 -1
  110. package/dist/knob-contracts/infinite-canvas-knobs.d.ts +3 -4
  111. package/dist/knob-contracts/inline-attachment-knobs.d.ts +3 -4
  112. package/dist/knob-contracts/inline-attachment-knobs.js +2 -1
  113. package/dist/knob-contracts/inline-citation-knobs.d.ts +3 -4
  114. package/dist/knob-contracts/inline-citation-knobs.js +1 -0
  115. package/dist/knob-contracts/item-knobs.d.ts +3 -4
  116. package/dist/knob-contracts/kbd-knobs.d.ts +3 -4
  117. package/dist/knob-contracts/markdown-block-knobs.d.ts +3 -4
  118. package/dist/knob-contracts/markdown-block-knobs.js +2 -0
  119. package/dist/knob-contracts/markdown-knobs.d.ts +3 -4
  120. package/dist/knob-contracts/markdown-knobs.js +1 -0
  121. package/dist/knob-contracts/morphing-panel-knobs.d.ts +3 -4
  122. package/dist/knob-contracts/pagination-knobs.d.ts +3 -4
  123. package/dist/knob-contracts/phone-input-knobs.d.ts +3 -4
  124. package/dist/knob-contracts/phone-input-knobs.js +1 -0
  125. package/dist/knob-contracts/popup-knobs.d.ts +3 -4
  126. package/dist/knob-contracts/progressive-blur-knobs.d.ts +3 -4
  127. package/dist/knob-contracts/progressive-blur-knobs.js +1 -0
  128. package/dist/knob-contracts/range-knobs.d.ts +3 -4
  129. package/dist/knob-contracts/resizable-knobs.d.ts +3 -4
  130. package/dist/knob-contracts/resizable-knobs.js +1 -0
  131. package/dist/knob-contracts/rich-tooltip-knobs.d.ts +3 -4
  132. package/dist/knob-contracts/scroll-area-knobs.d.ts +3 -4
  133. package/dist/knob-contracts/separator-knobs.d.ts +3 -4
  134. package/dist/knob-contracts/sidebar-knobs.d.ts +3 -4
  135. package/dist/knob-contracts/sidebar-knobs.js +1 -0
  136. package/dist/knob-contracts/skeleton-knobs.d.ts +3 -4
  137. package/dist/knob-contracts/skeleton-knobs.js +9 -1
  138. package/dist/knob-contracts/source-badge-knobs.d.ts +3 -4
  139. package/dist/knob-contracts/spinner-knobs.d.ts +3 -4
  140. package/dist/knob-contracts/stepper-knobs.d.ts +3 -4
  141. package/dist/knob-contracts/stepper-knobs.js +1 -0
  142. package/dist/knob-contracts/switch-knobs.d.ts +3 -4
  143. package/dist/knob-contracts/switch-knobs.js +7 -1
  144. package/dist/knob-contracts/table-knobs.d.ts +3 -4
  145. package/dist/knob-contracts/table-of-contents-knobs.d.ts +3 -4
  146. package/dist/knob-contracts/table-of-contents-knobs.js +25 -0
  147. package/dist/knob-contracts/tabs-knobs.d.ts +3 -4
  148. package/dist/knob-contracts/tabs-knobs.js +2 -1
  149. package/dist/knob-contracts/task-list-knobs.d.ts +3 -4
  150. package/dist/knob-contracts/task-list-knobs.js +1 -0
  151. package/dist/knob-contracts/thread-rail-knobs.d.ts +3 -4
  152. package/dist/knob-contracts/timeline-knobs.d.ts +3 -4
  153. package/dist/knob-contracts/toolbar-knobs.d.ts +3 -4
  154. package/dist/knob-contracts/toolbar-knobs.js +1 -0
  155. package/dist/knob-contracts/track-highlight-knobs.d.ts +3 -4
  156. package/dist/knob-contracts/transcript-divider-knobs.d.ts +3 -4
  157. package/dist/knob-contracts/tree-knobs.d.ts +3 -4
  158. package/dist/knob-contracts/user-ask-knobs.d.ts +3 -4
  159. package/dist/knob-contracts/user-ask-knobs.js +1 -0
  160. package/dist/lib/cn.d.ts +2 -3
  161. package/dist/lib/code-tokens.d.ts +12 -13
  162. package/dist/lib/color.d.ts +26 -27
  163. package/dist/lib/contrast.d.ts +12 -13
  164. package/dist/lib/diff.d.ts +14 -15
  165. package/dist/lib/dropzone-validation.d.ts +25 -26
  166. package/dist/lib/env-file.d.ts +12 -13
  167. package/dist/lib/format-audio-recorder-duration.d.ts +2 -3
  168. package/dist/lib/liquid-glass-optics.d.ts +2 -3
  169. package/dist/lib/phone-input-format.d.ts +3 -4
  170. package/dist/lib/phone-input-format.js +1 -1
  171. package/dist/lib/phone-number.d.ts +8 -9
  172. package/dist/lib/trigger-detect.d.ts +4 -5
  173. package/dist/markdown-block.d.ts +11 -12
  174. package/dist/scripts/contrast-eval.d.ts +16 -17
  175. package/dist/scripts/contrast-eval.js +13 -7
  176. package/dist/skin-provider.d.ts +14 -0
  177. package/dist/skin-provider.js +21 -0
  178. package/dist/skin.d.ts +14 -33
  179. package/dist/skin.js +3 -46
  180. package/dist/source-badge.d.ts +7 -8
  181. package/dist/styles/index.css +2 -4
  182. package/dist/styles/recipes/accordion.css +8 -2
  183. package/dist/styles/recipes/action-bar.css +5 -2
  184. package/dist/styles/recipes/alert.css +95 -16
  185. package/dist/styles/recipes/avatar.css +17 -1
  186. package/dist/styles/recipes/badge.css +0 -1
  187. package/dist/styles/recipes/button.css +34 -8
  188. package/dist/styles/recipes/calendar.css +0 -6
  189. package/dist/styles/recipes/chat-composer-attachment.css +51 -53
  190. package/dist/styles/recipes/chat-composer.css +26 -21
  191. package/dist/styles/recipes/chat-layout.css +21 -62
  192. package/dist/styles/recipes/chat-message.css +11 -5
  193. package/dist/styles/recipes/choice.css +9 -2
  194. package/dist/styles/recipes/code-diff.css +8 -1
  195. package/dist/styles/recipes/code.css +39 -17
  196. package/dist/styles/recipes/collapsible.css +0 -3
  197. package/dist/styles/recipes/color-picker-details.css +1 -2
  198. package/dist/styles/recipes/color-picker-values.css +0 -4
  199. package/dist/styles/recipes/dockable-panel.css +8 -1
  200. package/dist/styles/recipes/dropzone.css +9 -2
  201. package/dist/styles/recipes/empty.css +118 -17
  202. package/dist/styles/recipes/environment-variables.css +8 -1
  203. package/dist/styles/recipes/field-parts.css +1 -6
  204. package/dist/styles/recipes/field.css +9 -5
  205. package/dist/styles/recipes/gradient-editor.css +16 -5
  206. package/dist/styles/recipes/inline-attachment.css +13 -8
  207. package/dist/styles/recipes/inline-citation.css +8 -4
  208. package/dist/styles/recipes/item.css +1 -1
  209. package/dist/styles/recipes/kbd.css +8 -0
  210. package/dist/styles/recipes/markdown-block.css +16 -2
  211. package/dist/styles/recipes/markdown.css +12 -0
  212. package/dist/styles/recipes/morphing-panel.css +1 -1
  213. package/dist/styles/recipes/pagination.css +0 -4
  214. package/dist/styles/recipes/phone-input.css +8 -4
  215. package/dist/styles/recipes/popup-lists.css +11 -0
  216. package/dist/styles/recipes/popup-toast.css +1 -29
  217. package/dist/styles/recipes/popup.css +2 -2
  218. package/dist/styles/recipes/progressive-blur.css +28 -7
  219. package/dist/styles/recipes/range.css +50 -1
  220. package/dist/styles/recipes/resizable.css +8 -10
  221. package/dist/styles/recipes/rich-tooltip.css +0 -4
  222. package/dist/styles/recipes/scroll-area.css +8 -2
  223. package/dist/styles/recipes/sidebar-menu.css +150 -0
  224. package/dist/styles/recipes/sidebar.css +56 -110
  225. package/dist/styles/recipes/skeleton.css +85 -3
  226. package/dist/styles/recipes/source-badge.css +0 -3
  227. package/dist/styles/recipes/stepper.css +8 -1
  228. package/dist/styles/recipes/switch.css +89 -17
  229. package/dist/styles/recipes/table-of-contents.css +211 -45
  230. package/dist/styles/recipes/table.css +0 -1
  231. package/dist/styles/recipes/tabs.css +19 -2
  232. package/dist/styles/recipes/task-list.css +8 -2
  233. package/dist/styles/recipes/thread-rail.css +0 -4
  234. package/dist/styles/recipes/toolbar.css +18 -4
  235. package/dist/styles/recipes/track-highlight.css +63 -5
  236. package/dist/styles/recipes/tree.css +2 -0
  237. package/dist/styles/recipes/user-ask.css +8 -4
  238. package/dist/styles/theme.css +130 -138
  239. package/dist/surface-variants.d.ts +4 -5
  240. package/dist/task-list.d.ts +16 -17
  241. package/dist/thread-rail.d.ts +21 -22
  242. package/dist/transcript-divider.d.ts +6 -7
  243. package/dist/ui/accordion.d.ts +10 -11
  244. package/dist/ui/alert-dialog.d.ts +11 -12
  245. package/dist/ui/alert-dialog.js +8 -6
  246. package/dist/ui/alert.d.ts +9 -10
  247. package/dist/ui/alert.js +3 -3
  248. package/dist/ui/aspect-ratio.d.ts +3 -4
  249. package/dist/ui/autocomplete.d.ts +19 -20
  250. package/dist/ui/autocomplete.js +5 -3
  251. package/dist/ui/avatar.d.ts +9 -10
  252. package/dist/ui/badge.d.ts +9 -10
  253. package/dist/ui/button-group.d.ts +7 -8
  254. package/dist/ui/button-group.js +3 -2
  255. package/dist/ui/button.d.ts +17 -18
  256. package/dist/ui/button.js +20 -5
  257. package/dist/ui/calendar.d.ts +3 -4
  258. package/dist/ui/card.d.ts +16 -17
  259. package/dist/ui/checkbox-group.d.ts +4 -5
  260. package/dist/ui/checkbox-group.js +3 -2
  261. package/dist/ui/checkbox.d.ts +3 -4
  262. package/dist/ui/code-diff.d.ts +8 -9
  263. package/dist/ui/code.d.ts +32 -23
  264. package/dist/ui/code.js +41 -20
  265. package/dist/ui/collapsible.d.ts +7 -8
  266. package/dist/ui/color-picker.d.ts +40 -41
  267. package/dist/ui/color-picker.js +5 -3
  268. package/dist/ui/combobox-disabled-selection.d.ts +3 -4
  269. package/dist/ui/combobox.d.ts +21 -20
  270. package/dist/ui/combobox.js +5 -3
  271. package/dist/ui/command.d.ts +19 -18
  272. package/dist/ui/command.js +38 -12
  273. package/dist/ui/context-menu.d.ts +30 -31
  274. package/dist/ui/context-menu.js +8 -5
  275. package/dist/ui/dialog.d.ts +13 -13
  276. package/dist/ui/dialog.js +10 -8
  277. package/dist/ui/dockable-panel-geometry.d.ts +7 -8
  278. package/dist/ui/dockable-panel.d.ts +21 -22
  279. package/dist/ui/drawer.d.ts +17 -18
  280. package/dist/ui/drawer.js +7 -6
  281. package/dist/ui/dropdown-menu.d.ts +36 -29
  282. package/dist/ui/dropdown-menu.js +116 -9
  283. package/dist/ui/dropzone.d.ts +24 -24
  284. package/dist/ui/empty.d.ts +14 -14
  285. package/dist/ui/empty.js +3 -3
  286. package/dist/ui/field.d.ts +26 -27
  287. package/dist/ui/form.d.ts +4 -5
  288. package/dist/ui/gradient-editor.d.ts +16 -17
  289. package/dist/ui/hover-card.d.ts +6 -7
  290. package/dist/ui/hover-card.js +5 -3
  291. package/dist/ui/infinite-canvas.d.ts +11 -12
  292. package/dist/ui/input-group.d.ts +6 -7
  293. package/dist/ui/input-otp.d.ts +7 -8
  294. package/dist/ui/input.d.ts +3 -4
  295. package/dist/ui/item.d.ts +20 -21
  296. package/dist/ui/kbd.d.ts +7 -5
  297. package/dist/ui/kbd.js +4 -2
  298. package/dist/ui/markdown-elements.d.ts +20 -21
  299. package/dist/ui/markdown.d.ts +5 -6
  300. package/dist/ui/menubar.d.ts +25 -26
  301. package/dist/ui/menubar.js +8 -5
  302. package/dist/ui/meter.d.ts +11 -12
  303. package/dist/ui/morphing-panel.d.ts +8 -9
  304. package/dist/ui/native-select.d.ts +3 -4
  305. package/dist/ui/native-select.js +1 -1
  306. package/dist/ui/navigation-menu.d.ts +17 -18
  307. package/dist/ui/navigation-menu.js +5 -3
  308. package/dist/ui/number-field.d.ts +15 -16
  309. package/dist/ui/pagination.d.ts +10 -11
  310. package/dist/ui/phone-input.d.ts +5 -6
  311. package/dist/ui/phone-input.js +40 -37
  312. package/dist/ui/popover.d.ts +11 -12
  313. package/dist/ui/popover.js +5 -3
  314. package/dist/ui/progress.d.ts +11 -12
  315. package/dist/ui/progressive-blur.d.ts +4 -5
  316. package/dist/ui/radio-group.d.ts +5 -6
  317. package/dist/ui/resizable.d.ts +12 -13
  318. package/dist/ui/responsive-dialog.d.ts +11 -12
  319. package/dist/ui/rich-tooltip-tour.d.ts +5 -6
  320. package/dist/ui/rich-tooltip.d.ts +21 -23
  321. package/dist/ui/rich-tooltip.js +5 -5
  322. package/dist/ui/scroll-area.d.ts +7 -8
  323. package/dist/ui/scroll-area.js +9 -6
  324. package/dist/ui/select.d.ts +21 -14
  325. package/dist/ui/select.js +7 -4
  326. package/dist/ui/separator.d.ts +2 -3
  327. package/dist/ui/sheet.d.ts +8 -9
  328. package/dist/ui/sheet.js +7 -5
  329. package/dist/ui/sidebar-menu.d.ts +24 -15
  330. package/dist/ui/sidebar-menu.js +30 -4
  331. package/dist/ui/sidebar-provider.d.ts +32 -7
  332. package/dist/ui/sidebar-provider.js +82 -22
  333. package/dist/ui/sidebar-resize-rail.d.ts +8 -0
  334. package/dist/ui/sidebar-resize-rail.js +192 -0
  335. package/dist/ui/sidebar.d.ts +20 -14
  336. package/dist/ui/sidebar.js +122 -57
  337. package/dist/ui/skeleton.d.ts +7 -4
  338. package/dist/ui/skeleton.js +9 -2
  339. package/dist/ui/slider.d.ts +6 -5
  340. package/dist/ui/slider.js +16 -13
  341. package/dist/ui/spinner.d.ts +3 -4
  342. package/dist/ui/stepper.d.ts +22 -23
  343. package/dist/ui/switch.d.ts +3 -4
  344. package/dist/ui/switch.js +12 -1
  345. package/dist/ui/table-of-contents.d.ts +7 -8
  346. package/dist/ui/table-of-contents.js +4 -2
  347. package/dist/ui/table.d.ts +17 -18
  348. package/dist/ui/tabs.d.ts +14 -11
  349. package/dist/ui/textarea.d.ts +3 -4
  350. package/dist/ui/timeline.d.ts +18 -19
  351. package/dist/ui/toast.d.ts +9 -9
  352. package/dist/ui/toast.js +21 -14
  353. package/dist/ui/toggle.d.ts +5 -6
  354. package/dist/ui/toggle.js +3 -2
  355. package/dist/ui/toolbar.d.ts +15 -16
  356. package/dist/ui/toolbar.js +15 -4
  357. package/dist/ui/tooltip.d.ts +6 -13
  358. package/dist/ui/tooltip.js +7 -8
  359. package/dist/ui/tree.d.ts +18 -19
  360. package/dist/ui/tree.js +3 -2
  361. package/dist/ui/trigger-menu.d.ts +15 -16
  362. package/dist/ui/trigger-menu.js +5 -3
  363. package/dist/ui/use-switch-drag.d.ts +7 -0
  364. package/dist/ui/use-switch-drag.js +104 -0
  365. package/dist/user-ask.d.ts +24 -25
  366. package/package.json +15 -15
  367. package/dist/code-block-editor.d.ts +0 -59
  368. package/dist/code-block-editor.js +0 -250
  369. package/dist/knob-contracts/code-block-editor-knobs.d.ts +0 -5
  370. package/dist/knob-contracts/code-block-editor-knobs.js +0 -11
  371. package/dist/lib/code-block-shiki.d.ts +0 -9
  372. package/dist/lib/code-block-shiki.js +0 -6
  373. package/dist/skin.config.d.ts +0 -5
  374. package/dist/skin.config.js +0 -12
  375. package/dist/styles/recipes/code-block-editor.css +0 -136
  376. package/dist/styles/skin-theme.css +0 -137
  377. package/dist/styles/skin.css +0 -143
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/choice-knobs.d.ts
2
- declare const choiceKnobs: readonly ["--cui-choice-radius", "--cui-choice-border-color", "--cui-choice-checked-background", "--cui-choice-checked-border-color"];
3
- type ChoiceKnobStyle = Partial<Record<(typeof choiceKnobs)[number], string>>;
4
- //#endregion
5
- export { ChoiceKnobStyle, choiceKnobs };
2
+ export declare const choiceKnobs: readonly ["--cui-choice-radius", "--cui-choice-border-color", "--cui-choice-checked-background", "--cui-choice-checked-border-color", "--cui-choice-shadow"];
3
+ export type ChoiceKnobStyle = Partial<Record<(typeof choiceKnobs)[number], string>>;
4
+ //#endregion
@@ -3,7 +3,8 @@ const choiceKnobs = [
3
3
  "--cui-choice-radius",
4
4
  "--cui-choice-border-color",
5
5
  "--cui-choice-checked-background",
6
- "--cui-choice-checked-border-color"
6
+ "--cui-choice-checked-border-color",
7
+ "--cui-choice-shadow"
7
8
  ];
8
9
  //#endregion
9
10
  export { choiceKnobs };
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/code-diff-knobs.d.ts
2
- declare const codeDiffKnobs: readonly ["--cui-code-diff-radius", "--cui-code-diff-shadow", "--cui-code-diff-background", "--cui-code-diff-border-color", "--cui-code-diff-foreground", "--cui-code-diff-add-background", "--cui-code-diff-del-background", "--cui-code-diff-expand-button-radius", "--cui-code-diff-expand-button-background", "--cui-code-diff-expand-button-foreground", "--cui-code-diff-expand-button-shadow", "--cui-code-diff-expand-button-hover-background", "--cui-code-diff-expand-button-hover-foreground"];
3
- type CodeDiffKnobStyle = Partial<Record<(typeof codeDiffKnobs)[number], string>>;
4
- //#endregion
5
- export { CodeDiffKnobStyle, codeDiffKnobs };
2
+ export declare const codeDiffKnobs: readonly ["--cui-code-diff-radius", "--cui-code-diff-shadow", "--cui-code-diff-background", "--cui-code-diff-border-color", "--cui-code-diff-border-width", "--cui-code-diff-foreground", "--cui-code-diff-add-background", "--cui-code-diff-del-background", "--cui-code-diff-expand-button-radius", "--cui-code-diff-expand-button-background", "--cui-code-diff-expand-button-foreground", "--cui-code-diff-expand-button-shadow", "--cui-code-diff-expand-button-hover-background", "--cui-code-diff-expand-button-hover-foreground"];
3
+ export type CodeDiffKnobStyle = Partial<Record<(typeof codeDiffKnobs)[number], string>>;
4
+ //#endregion
@@ -4,6 +4,7 @@ const codeDiffKnobs = [
4
4
  "--cui-code-diff-shadow",
5
5
  "--cui-code-diff-background",
6
6
  "--cui-code-diff-border-color",
7
+ "--cui-code-diff-border-width",
7
8
  "--cui-code-diff-foreground",
8
9
  "--cui-code-diff-add-background",
9
10
  "--cui-code-diff-del-background",
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/code-knobs.d.ts
2
- declare const codeKnobs: readonly ["--cui-code-radius", "--cui-code-background", "--cui-code-border-color", "--cui-code-shadow", "--cui-code-title-foreground", "--cui-code-text-foreground"];
3
- type CodeKnobStyle = Partial<Record<(typeof codeKnobs)[number], string>>;
4
- //#endregion
5
- export { CodeKnobStyle, codeKnobs };
2
+ export declare const codeKnobs: readonly ["--cui-code-radius", "--cui-code-background", "--cui-code-border-color", "--cui-code-border-width", "--cui-code-shadow", "--cui-code-title-foreground", "--cui-code-text-foreground", "--cui-code-line-highlight-background"];
3
+ export type CodeKnobStyle = Partial<Record<(typeof codeKnobs)[number], string>>;
4
+ //#endregion
@@ -3,9 +3,11 @@ const codeKnobs = [
3
3
  "--cui-code-radius",
4
4
  "--cui-code-background",
5
5
  "--cui-code-border-color",
6
+ "--cui-code-border-width",
6
7
  "--cui-code-shadow",
7
8
  "--cui-code-title-foreground",
8
- "--cui-code-text-foreground"
9
+ "--cui-code-text-foreground",
10
+ "--cui-code-line-highlight-background"
9
11
  ];
10
12
  //#endregion
11
13
  export { codeKnobs };
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/collapsible-knobs.d.ts
2
- declare const collapsibleKnobs: readonly [];
3
- type CollapsibleKnobStyle = Partial<Record<(typeof collapsibleKnobs)[number], string>>;
4
- //#endregion
5
- export { CollapsibleKnobStyle, collapsibleKnobs };
2
+ export declare const collapsibleKnobs: readonly [];
3
+ export type CollapsibleKnobStyle = Partial<Record<(typeof collapsibleKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/color-picker-knobs.d.ts
2
- declare const colorPickerKnobs: readonly ["--cui-color-picker-output-swatch-radius", "--cui-color-picker-swatch-radius", "--cui-color-picker-area-radius", "--cui-color-picker-trigger-radius", "--cui-color-picker-trigger-shadow", "--cui-color-picker-slider-thumb-radius", "--cui-color-picker-slider-thumb-background"];
3
- type ColorPickerKnobStyle = Partial<Record<(typeof colorPickerKnobs)[number], string>>;
4
- //#endregion
5
- export { ColorPickerKnobStyle, colorPickerKnobs };
2
+ export declare const colorPickerKnobs: readonly ["--cui-color-picker-output-swatch-radius", "--cui-color-picker-swatch-radius", "--cui-color-picker-area-radius", "--cui-color-picker-trigger-radius", "--cui-color-picker-trigger-shadow", "--cui-color-picker-slider-thumb-radius", "--cui-color-picker-slider-thumb-background"];
3
+ export type ColorPickerKnobStyle = Partial<Record<(typeof colorPickerKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/context-knobs.d.ts
2
- declare const contextKnobs: readonly ["--cui-context-graph-radius", "--cui-context-track-fill", "--cui-context-segment-tool-fill", "--cui-context-segment-message-fill", "--cui-context-segment-source-fill", "--cui-context-segment-reasoning-fill", "--cui-context-overage-fill", "--cui-context-limit-marker-color"];
3
- type ContextKnobStyle = Partial<Record<(typeof contextKnobs)[number], string>>;
4
- //#endregion
5
- export { ContextKnobStyle, contextKnobs };
2
+ export declare const contextKnobs: readonly ["--cui-context-graph-radius", "--cui-context-track-fill", "--cui-context-segment-tool-fill", "--cui-context-segment-message-fill", "--cui-context-segment-source-fill", "--cui-context-segment-reasoning-fill", "--cui-context-overage-fill", "--cui-context-limit-marker-color"];
3
+ export type ContextKnobStyle = Partial<Record<(typeof contextKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/dockable-panel-knobs.d.ts
2
- declare const dockablePanelKnobs: readonly ["--cui-dockable-panel-radius", "--cui-dockable-panel-background", "--cui-dockable-panel-foreground", "--cui-dockable-panel-border-color", "--cui-dockable-panel-shadow", "--cui-dockable-panel-drop-zone-active-background", "--cui-dockable-panel-drop-zone-active-border-color"];
3
- type DockablePanelKnobStyle = Partial<Record<(typeof dockablePanelKnobs)[number], string>>;
4
- //#endregion
5
- export { DockablePanelKnobStyle, dockablePanelKnobs };
2
+ export declare const dockablePanelKnobs: readonly ["--cui-dockable-panel-radius", "--cui-dockable-panel-background", "--cui-dockable-panel-foreground", "--cui-dockable-panel-border-color", "--cui-dockable-panel-border-width", "--cui-dockable-panel-shadow", "--cui-dockable-panel-drop-zone-active-background", "--cui-dockable-panel-drop-zone-active-border-color"];
3
+ export type DockablePanelKnobStyle = Partial<Record<(typeof dockablePanelKnobs)[number], string>>;
4
+ //#endregion
@@ -4,6 +4,7 @@ const dockablePanelKnobs = [
4
4
  "--cui-dockable-panel-background",
5
5
  "--cui-dockable-panel-foreground",
6
6
  "--cui-dockable-panel-border-color",
7
+ "--cui-dockable-panel-border-width",
7
8
  "--cui-dockable-panel-shadow",
8
9
  "--cui-dockable-panel-drop-zone-active-background",
9
10
  "--cui-dockable-panel-drop-zone-active-border-color"
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/dropzone-knobs.d.ts
2
- declare const dropzoneKnobs: readonly ["--cui-dropzone-surface-radius", "--cui-dropzone-surface-foreground", "--cui-dropzone-surface-border-color", "--cui-dropzone-accept-border-color", "--cui-dropzone-reject-border-color", "--cui-dropzone-overlay-background"];
3
- type DropzoneKnobStyle = Partial<Record<(typeof dropzoneKnobs)[number], string>>;
4
- //#endregion
5
- export { DropzoneKnobStyle, dropzoneKnobs };
2
+ export declare const dropzoneKnobs: readonly ["--cui-dropzone-surface-radius", "--cui-dropzone-surface-foreground", "--cui-dropzone-surface-border-color", "--cui-dropzone-surface-border-width", "--cui-dropzone-accept-border-color", "--cui-dropzone-reject-border-color", "--cui-dropzone-overlay-background"];
3
+ export type DropzoneKnobStyle = Partial<Record<(typeof dropzoneKnobs)[number], string>>;
4
+ //#endregion
@@ -3,6 +3,7 @@ const dropzoneKnobs = [
3
3
  "--cui-dropzone-surface-radius",
4
4
  "--cui-dropzone-surface-foreground",
5
5
  "--cui-dropzone-surface-border-color",
6
+ "--cui-dropzone-surface-border-width",
6
7
  "--cui-dropzone-accept-border-color",
7
8
  "--cui-dropzone-reject-border-color",
8
9
  "--cui-dropzone-overlay-background"
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/dynamic-notification-knobs.d.ts
2
- declare const dynamicNotificationKnobs: readonly ["--cui-dynamic-notification-content-easing", "--cui-dynamic-notification-expanded-radius", "--cui-dynamic-notification-morph-easing", "--cui-dynamic-notification-glass-foreground", "--cui-dynamic-notification-glass-ring-color", "--cui-dynamic-notification-liquid-foreground", "--cui-dynamic-notification-surface-background", "--cui-dynamic-notification-surface-foreground", "--cui-dynamic-notification-surface-ring-color", "--cui-dynamic-notification-surface-shadow", "--cui-dynamic-notification-indicator-end", "--cui-dynamic-notification-indicator-middle", "--cui-dynamic-notification-indicator-start"];
3
- type DynamicNotificationKnobStyle = Partial<Record<(typeof dynamicNotificationKnobs)[number], string>>;
4
- //#endregion
5
- export { DynamicNotificationKnobStyle, dynamicNotificationKnobs };
2
+ export declare const dynamicNotificationKnobs: readonly ["--cui-dynamic-notification-content-easing", "--cui-dynamic-notification-expanded-radius", "--cui-dynamic-notification-morph-easing", "--cui-dynamic-notification-glass-foreground", "--cui-dynamic-notification-glass-ring-color", "--cui-dynamic-notification-liquid-foreground", "--cui-dynamic-notification-surface-background", "--cui-dynamic-notification-surface-foreground", "--cui-dynamic-notification-surface-ring-color", "--cui-dynamic-notification-surface-shadow", "--cui-dynamic-notification-indicator-end", "--cui-dynamic-notification-indicator-middle", "--cui-dynamic-notification-indicator-start"];
3
+ export type DynamicNotificationKnobStyle = Partial<Record<(typeof dynamicNotificationKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/empty-knobs.d.ts
2
- declare const emptyKnobs: readonly ["--cui-empty-radius", "--cui-empty-background", "--cui-empty-border-color", "--cui-empty-border-width", "--cui-empty-border-style", "--cui-empty-media-radius", "--cui-empty-media-background"];
3
- type EmptyKnobStyle = Partial<Record<(typeof emptyKnobs)[number], string>>;
4
- //#endregion
5
- export { EmptyKnobStyle, emptyKnobs };
2
+ export declare const emptyKnobs: readonly ["--cui-empty-radius", "--cui-empty-background", "--cui-empty-border-color", "--cui-empty-border-width", "--cui-empty-border-style", "--cui-empty-media-radius", "--cui-empty-media-background", "--cui-empty-shadow", "--cui-empty-foreground", "--cui-empty-description-foreground", "--cui-empty-media-foreground", "--cui-empty-padding", "--cui-empty-gap", "--cui-empty-header-gap", "--cui-empty-content-gap", "--cui-empty-content-size", "--cui-empty-media-size", "--cui-empty-media-icon-size", "--cui-empty-font-size", "--cui-empty-title-font-weight"];
3
+ export type EmptyKnobStyle = Partial<Record<(typeof emptyKnobs)[number], string>>;
4
+ //#endregion
@@ -6,7 +6,20 @@ const emptyKnobs = [
6
6
  "--cui-empty-border-width",
7
7
  "--cui-empty-border-style",
8
8
  "--cui-empty-media-radius",
9
- "--cui-empty-media-background"
9
+ "--cui-empty-media-background",
10
+ "--cui-empty-shadow",
11
+ "--cui-empty-foreground",
12
+ "--cui-empty-description-foreground",
13
+ "--cui-empty-media-foreground",
14
+ "--cui-empty-padding",
15
+ "--cui-empty-gap",
16
+ "--cui-empty-header-gap",
17
+ "--cui-empty-content-gap",
18
+ "--cui-empty-content-size",
19
+ "--cui-empty-media-size",
20
+ "--cui-empty-media-icon-size",
21
+ "--cui-empty-font-size",
22
+ "--cui-empty-title-font-weight"
10
23
  ];
11
24
  //#endregion
12
25
  export { emptyKnobs };
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/environment-variables-knobs.d.ts
2
- declare const environmentVariablesKnobs: readonly ["--cui-environment-variables-title-foreground", "--cui-environment-variables-meta-foreground", "--cui-environment-variables-error-foreground", "--cui-environment-variables-message-background", "--cui-environment-variables-message-foreground", "--cui-environment-variables-message-border-color"];
3
- type EnvironmentVariablesKnobStyle = Partial<Record<(typeof environmentVariablesKnobs)[number], string>>;
4
- //#endregion
5
- export { EnvironmentVariablesKnobStyle, environmentVariablesKnobs };
2
+ export declare const environmentVariablesKnobs: readonly ["--cui-environment-variables-title-foreground", "--cui-environment-variables-meta-foreground", "--cui-environment-variables-error-foreground", "--cui-environment-variables-message-background", "--cui-environment-variables-message-foreground", "--cui-environment-variables-message-border-color", "--cui-environment-variables-message-border-width"];
3
+ export type EnvironmentVariablesKnobStyle = Partial<Record<(typeof environmentVariablesKnobs)[number], string>>;
4
+ //#endregion
@@ -5,7 +5,8 @@ const environmentVariablesKnobs = [
5
5
  "--cui-environment-variables-error-foreground",
6
6
  "--cui-environment-variables-message-background",
7
7
  "--cui-environment-variables-message-foreground",
8
- "--cui-environment-variables-message-border-color"
8
+ "--cui-environment-variables-message-border-color",
9
+ "--cui-environment-variables-message-border-width"
9
10
  ];
10
11
  //#endregion
11
12
  export { environmentVariablesKnobs };
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/field-knobs.d.ts
2
- declare const fieldKnobs: readonly ["--cui-field-radius", "--cui-field-background", "--cui-field-foreground", "--cui-field-border-color", "--cui-field-border-width", "--cui-field-shadow", "--cui-field-backdrop-filter", "--cui-field-focus-border-color", "--cui-field-height", "--cui-field-padding-inline", "--cui-field-font-size"];
3
- type FieldKnobStyle = Partial<Record<(typeof fieldKnobs)[number], string>>;
4
- //#endregion
5
- export { FieldKnobStyle, fieldKnobs };
2
+ export declare const fieldKnobs: readonly ["--cui-field-radius", "--cui-field-background", "--cui-field-foreground", "--cui-field-border-color", "--cui-field-border-width", "--cui-field-shadow", "--cui-field-backdrop-filter", "--cui-field-focus-border-color", "--cui-field-height", "--cui-field-padding-inline", "--cui-field-font-size"];
3
+ export type FieldKnobStyle = Partial<Record<(typeof fieldKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/gradient-editor-knobs.d.ts
2
- declare const gradientEditorKnobs: readonly ["--cui-gradient-editor-preview-radius", "--cui-gradient-editor-preview-ring-color", "--cui-gradient-editor-track-radius", "--cui-gradient-editor-stop-radius", "--cui-gradient-editor-stop-border-color", "--cui-gradient-editor-stop-shadow", "--cui-gradient-editor-add-radius", "--cui-gradient-editor-add-border-color"];
3
- type GradientEditorKnobStyle = Partial<Record<(typeof gradientEditorKnobs)[number], string>>;
4
- //#endregion
5
- export { GradientEditorKnobStyle, gradientEditorKnobs };
2
+ export declare const gradientEditorKnobs: readonly ["--cui-gradient-editor-preview-radius", "--cui-gradient-editor-preview-ring-color", "--cui-gradient-editor-track-radius", "--cui-gradient-editor-stop-radius", "--cui-gradient-editor-stop-border-color", "--cui-gradient-editor-stop-border-width", "--cui-gradient-editor-stop-shadow", "--cui-gradient-editor-add-radius", "--cui-gradient-editor-add-border-color", "--cui-gradient-editor-add-border-width"];
3
+ export type GradientEditorKnobStyle = Partial<Record<(typeof gradientEditorKnobs)[number], string>>;
4
+ //#endregion
@@ -5,9 +5,11 @@ const gradientEditorKnobs = [
5
5
  "--cui-gradient-editor-track-radius",
6
6
  "--cui-gradient-editor-stop-radius",
7
7
  "--cui-gradient-editor-stop-border-color",
8
+ "--cui-gradient-editor-stop-border-width",
8
9
  "--cui-gradient-editor-stop-shadow",
9
10
  "--cui-gradient-editor-add-radius",
10
- "--cui-gradient-editor-add-border-color"
11
+ "--cui-gradient-editor-add-border-color",
12
+ "--cui-gradient-editor-add-border-width"
11
13
  ];
12
14
  //#endregion
13
15
  export { gradientEditorKnobs };
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/infinite-canvas-knobs.d.ts
2
- declare const infiniteCanvasKnobs: readonly ["--cui-infinite-canvas-radius", "--cui-infinite-canvas-background", "--cui-infinite-canvas-grid-dot-color", "--cui-infinite-canvas-border-color", "--cui-infinite-canvas-controls-radius", "--cui-infinite-canvas-controls-background", "--cui-infinite-canvas-controls-border-color", "--cui-infinite-canvas-controls-shadow"];
3
- type InfiniteCanvasKnobStyle = Partial<Record<(typeof infiniteCanvasKnobs)[number], string>>;
4
- //#endregion
5
- export { InfiniteCanvasKnobStyle, infiniteCanvasKnobs };
2
+ export declare const infiniteCanvasKnobs: readonly ["--cui-infinite-canvas-radius", "--cui-infinite-canvas-background", "--cui-infinite-canvas-grid-dot-color", "--cui-infinite-canvas-border-color", "--cui-infinite-canvas-controls-radius", "--cui-infinite-canvas-controls-background", "--cui-infinite-canvas-controls-border-color", "--cui-infinite-canvas-controls-shadow"];
3
+ export type InfiniteCanvasKnobStyle = Partial<Record<(typeof infiniteCanvasKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/inline-attachment-knobs.d.ts
2
- declare const inlineAttachmentKnobs: readonly ["--cui-inline-attachment-radius", "--cui-inline-attachment-background", "--cui-inline-attachment-ring-color", "--cui-inline-attachment-shadow", "--cui-inline-attachment-hover-shadow", "--cui-inline-attachment-content-radius", "--cui-inline-attachment-content-background", "--cui-inline-attachment-content-foreground", "--cui-inline-attachment-content-shadow"];
3
- type InlineAttachmentKnobStyle = Partial<Record<(typeof inlineAttachmentKnobs)[number], string>>;
4
- //#endregion
5
- export { InlineAttachmentKnobStyle, inlineAttachmentKnobs };
2
+ export declare const inlineAttachmentKnobs: readonly ["--cui-inline-attachment-radius", "--cui-inline-attachment-background", "--cui-inline-attachment-ring-color", "--cui-inline-attachment-shadow", "--cui-inline-attachment-hover-shadow", "--cui-inline-attachment-content-radius", "--cui-inline-attachment-content-background", "--cui-inline-attachment-content-foreground", "--cui-inline-attachment-content-shadow", "--cui-inline-attachment-image-outline-color"];
3
+ export type InlineAttachmentKnobStyle = Partial<Record<(typeof inlineAttachmentKnobs)[number], string>>;
4
+ //#endregion
@@ -8,7 +8,8 @@ const inlineAttachmentKnobs = [
8
8
  "--cui-inline-attachment-content-radius",
9
9
  "--cui-inline-attachment-content-background",
10
10
  "--cui-inline-attachment-content-foreground",
11
- "--cui-inline-attachment-content-shadow"
11
+ "--cui-inline-attachment-content-shadow",
12
+ "--cui-inline-attachment-image-outline-color"
12
13
  ];
13
14
  //#endregion
14
15
  export { inlineAttachmentKnobs };
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/inline-citation-knobs.d.ts
2
- declare const inlineCitationKnobs: readonly ["--cui-inline-citation-trigger-radius", "--cui-inline-citation-trigger-background", "--cui-inline-citation-trigger-foreground", "--cui-inline-citation-trigger-border-color", "--cui-inline-citation-trigger-hover-background", "--cui-inline-citation-trigger-hover-foreground", "--cui-inline-citation-navigation-background", "--cui-inline-citation-quote-background", "--cui-inline-citation-quote-radius"];
3
- type InlineCitationKnobStyle = Partial<Record<(typeof inlineCitationKnobs)[number], string>>;
4
- //#endregion
5
- export { InlineCitationKnobStyle, inlineCitationKnobs };
2
+ export declare const inlineCitationKnobs: readonly ["--cui-inline-citation-trigger-radius", "--cui-inline-citation-trigger-background", "--cui-inline-citation-trigger-foreground", "--cui-inline-citation-trigger-border-color", "--cui-inline-citation-trigger-border-width", "--cui-inline-citation-trigger-hover-background", "--cui-inline-citation-trigger-hover-foreground", "--cui-inline-citation-navigation-background", "--cui-inline-citation-quote-background", "--cui-inline-citation-quote-radius"];
3
+ export type InlineCitationKnobStyle = Partial<Record<(typeof inlineCitationKnobs)[number], string>>;
4
+ //#endregion
@@ -4,6 +4,7 @@ const inlineCitationKnobs = [
4
4
  "--cui-inline-citation-trigger-background",
5
5
  "--cui-inline-citation-trigger-foreground",
6
6
  "--cui-inline-citation-trigger-border-color",
7
+ "--cui-inline-citation-trigger-border-width",
7
8
  "--cui-inline-citation-trigger-hover-background",
8
9
  "--cui-inline-citation-trigger-hover-foreground",
9
10
  "--cui-inline-citation-navigation-background",
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/item-knobs.d.ts
2
- declare const itemKnobs: readonly ["--cui-item-radius", "--cui-item-hover-background", "--cui-item-hover-border-color", "--cui-item-border-width", "--cui-item-active-scale"];
3
- type ItemKnobStyle = Partial<Record<(typeof itemKnobs)[number], string>>;
4
- //#endregion
5
- export { ItemKnobStyle, itemKnobs };
2
+ export declare const itemKnobs: readonly ["--cui-item-radius", "--cui-item-hover-background", "--cui-item-hover-border-color", "--cui-item-border-width", "--cui-item-active-scale"];
3
+ export type ItemKnobStyle = Partial<Record<(typeof itemKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/kbd-knobs.d.ts
2
- declare const kbdKnobs: readonly ["--cui-kbd-radius", "--cui-kbd-background", "--cui-kbd-foreground", "--cui-kbd-border-color", "--cui-kbd-shadow"];
3
- type KbdKnobStyle = Partial<Record<(typeof kbdKnobs)[number], string>>;
4
- //#endregion
5
- export { KbdKnobStyle, kbdKnobs };
2
+ export declare const kbdKnobs: readonly ["--cui-kbd-radius", "--cui-kbd-background", "--cui-kbd-foreground", "--cui-kbd-border-color", "--cui-kbd-shadow"];
3
+ export type KbdKnobStyle = Partial<Record<(typeof kbdKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/markdown-block-knobs.d.ts
2
- declare const markdownBlockKnobs: readonly ["--cui-markdown-block-radius", "--cui-markdown-block-background", "--cui-markdown-block-border-color", "--cui-markdown-block-shadow", "--cui-markdown-block-header-border-color", "--cui-markdown-block-icon-background"];
3
- type MarkdownBlockKnobStyle = Partial<Record<(typeof markdownBlockKnobs)[number], string>>;
4
- //#endregion
5
- export { MarkdownBlockKnobStyle, markdownBlockKnobs };
2
+ export declare const markdownBlockKnobs: readonly ["--cui-markdown-block-radius", "--cui-markdown-block-background", "--cui-markdown-block-border-color", "--cui-markdown-block-border-width", "--cui-markdown-block-shadow", "--cui-markdown-block-header-border-color", "--cui-markdown-block-header-border-width", "--cui-markdown-block-icon-background"];
3
+ export type MarkdownBlockKnobStyle = Partial<Record<(typeof markdownBlockKnobs)[number], string>>;
4
+ //#endregion
@@ -3,8 +3,10 @@ const markdownBlockKnobs = [
3
3
  "--cui-markdown-block-radius",
4
4
  "--cui-markdown-block-background",
5
5
  "--cui-markdown-block-border-color",
6
+ "--cui-markdown-block-border-width",
6
7
  "--cui-markdown-block-shadow",
7
8
  "--cui-markdown-block-header-border-color",
9
+ "--cui-markdown-block-header-border-width",
8
10
  "--cui-markdown-block-icon-background"
9
11
  ];
10
12
  //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/markdown-knobs.d.ts
2
- declare const markdownKnobs: readonly ["--cui-markdown-foreground", "--cui-markdown-blockquote-border-color", "--cui-markdown-blockquote-foreground", "--cui-markdown-inline-code-background", "--cui-markdown-inline-code-foreground", "--cui-markdown-inline-code-radius", "--cui-markdown-link-foreground", "--cui-markdown-table-cell-border-color", "--cui-markdown-table-header-background"];
3
- type MarkdownKnobStyle = Partial<Record<(typeof markdownKnobs)[number], string>>;
4
- //#endregion
5
- export { MarkdownKnobStyle, markdownKnobs };
2
+ export declare const markdownKnobs: readonly ["--cui-markdown-foreground", "--cui-markdown-blockquote-border-color", "--cui-markdown-blockquote-foreground", "--cui-markdown-inline-code-background", "--cui-markdown-inline-code-foreground", "--cui-markdown-inline-code-radius", "--cui-markdown-link-foreground", "--cui-markdown-image-outline-color", "--cui-markdown-table-cell-border-color", "--cui-markdown-table-header-background"];
3
+ export type MarkdownKnobStyle = Partial<Record<(typeof markdownKnobs)[number], string>>;
4
+ //#endregion
@@ -7,6 +7,7 @@ const markdownKnobs = [
7
7
  "--cui-markdown-inline-code-foreground",
8
8
  "--cui-markdown-inline-code-radius",
9
9
  "--cui-markdown-link-foreground",
10
+ "--cui-markdown-image-outline-color",
10
11
  "--cui-markdown-table-cell-border-color",
11
12
  "--cui-markdown-table-header-background"
12
13
  ];
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/morphing-panel-knobs.d.ts
2
- declare const morphingPanelKnobs: readonly ["--cui-morphing-panel-radius", "--cui-morphing-panel-background", "--cui-morphing-panel-foreground", "--cui-morphing-panel-border-color", "--cui-morphing-panel-shadow", "--cui-morphing-panel-trigger-hover-background"];
3
- type MorphingPanelKnobStyle = Partial<Record<(typeof morphingPanelKnobs)[number], string>>;
4
- //#endregion
5
- export { MorphingPanelKnobStyle, morphingPanelKnobs };
2
+ export declare const morphingPanelKnobs: readonly ["--cui-morphing-panel-radius", "--cui-morphing-panel-background", "--cui-morphing-panel-foreground", "--cui-morphing-panel-border-color", "--cui-morphing-panel-shadow", "--cui-morphing-panel-trigger-hover-background"];
3
+ export type MorphingPanelKnobStyle = Partial<Record<(typeof morphingPanelKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/pagination-knobs.d.ts
2
- declare const paginationKnobs: readonly ["--cui-pagination-link-radius", "--cui-pagination-link-background", "--cui-pagination-link-hover-background", "--cui-pagination-link-foreground", "--cui-pagination-link-shadow"];
3
- type PaginationKnobStyle = Partial<Record<(typeof paginationKnobs)[number], string>>;
4
- //#endregion
5
- export { PaginationKnobStyle, paginationKnobs };
2
+ export declare const paginationKnobs: readonly ["--cui-pagination-link-radius", "--cui-pagination-link-background", "--cui-pagination-link-hover-background", "--cui-pagination-link-foreground", "--cui-pagination-link-shadow"];
3
+ export type PaginationKnobStyle = Partial<Record<(typeof paginationKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/phone-input-knobs.d.ts
2
- declare const phoneInputKnobs: readonly ["--cui-phone-input-country-border-color", "--cui-phone-input-trigger-hover-background", "--cui-phone-input-trigger-focus-background", "--cui-phone-input-metadata-foreground", "--cui-phone-input-chevron-foreground"];
3
- type PhoneInputKnobStyle = Partial<Record<(typeof phoneInputKnobs)[number], string>>;
4
- //#endregion
5
- export { PhoneInputKnobStyle, phoneInputKnobs };
2
+ export declare const phoneInputKnobs: readonly ["--cui-phone-input-country-border-color", "--cui-phone-input-country-border-width", "--cui-phone-input-trigger-hover-background", "--cui-phone-input-trigger-focus-background", "--cui-phone-input-metadata-foreground", "--cui-phone-input-chevron-foreground"];
3
+ export type PhoneInputKnobStyle = Partial<Record<(typeof phoneInputKnobs)[number], string>>;
4
+ //#endregion
@@ -1,6 +1,7 @@
1
1
  //#region src/knob-contracts/phone-input-knobs.ts
2
2
  const phoneInputKnobs = [
3
3
  "--cui-phone-input-country-border-color",
4
+ "--cui-phone-input-country-border-width",
4
5
  "--cui-phone-input-trigger-hover-background",
5
6
  "--cui-phone-input-trigger-focus-background",
6
7
  "--cui-phone-input-metadata-foreground",
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/popup-knobs.d.ts
2
- declare const popupKnobs: readonly ["--cui-popup-radius", "--cui-popup-background", "--cui-popup-foreground", "--cui-popup-border-color", "--cui-popup-border-width", "--cui-popup-shadow", "--cui-popup-backdrop-filter", "--cui-popup-backdrop-background", "--cui-popup-item-radius", "--cui-popup-item-foreground", "--cui-popup-item-highlight-background", "--cui-popup-item-highlight-foreground", "--cui-popup-item-highlight-muted-foreground", "--cui-popup-item-disabled-opacity", "--cui-popup-separator-color", "--cui-popup-shortcut-foreground"];
3
- type PopupKnobStyle = Partial<Record<(typeof popupKnobs)[number], string>>;
4
- //#endregion
5
- export { PopupKnobStyle, popupKnobs };
2
+ export declare const popupKnobs: readonly ["--cui-popup-radius", "--cui-popup-background", "--cui-popup-foreground", "--cui-popup-border-color", "--cui-popup-border-width", "--cui-popup-shadow", "--cui-popup-backdrop-filter", "--cui-popup-backdrop-background", "--cui-popup-item-radius", "--cui-popup-item-foreground", "--cui-popup-item-highlight-background", "--cui-popup-item-highlight-foreground", "--cui-popup-item-highlight-muted-foreground", "--cui-popup-item-disabled-opacity", "--cui-popup-separator-color", "--cui-popup-shortcut-foreground"];
3
+ export type PopupKnobStyle = Partial<Record<(typeof popupKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/progressive-blur-knobs.d.ts
2
- declare const progressiveBlurKnobs: readonly ["--cui-progressive-blur-size", "--cui-progressive-blur-backdrop-blur", "--cui-progressive-blur-transition-duration", "--cui-progressive-blur-transition-delay"];
3
- type ProgressiveBlurKnobStyle = Partial<Record<(typeof progressiveBlurKnobs)[number], string>>;
4
- //#endregion
5
- export { ProgressiveBlurKnobStyle, progressiveBlurKnobs };
2
+ export declare const progressiveBlurKnobs: readonly ["--cui-progressive-blur-size", "--cui-progressive-blur-backdrop-blur", "--cui-progressive-blur-fade-size", "--cui-progressive-blur-transition-duration", "--cui-progressive-blur-transition-delay"];
3
+ export type ProgressiveBlurKnobStyle = Partial<Record<(typeof progressiveBlurKnobs)[number], string>>;
4
+ //#endregion
@@ -2,6 +2,7 @@
2
2
  const progressiveBlurKnobs = [
3
3
  "--cui-progressive-blur-size",
4
4
  "--cui-progressive-blur-backdrop-blur",
5
+ "--cui-progressive-blur-fade-size",
5
6
  "--cui-progressive-blur-transition-duration",
6
7
  "--cui-progressive-blur-transition-delay"
7
8
  ];
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/range-knobs.d.ts
2
- declare const rangeKnobs: readonly ["--cui-range-track-radius", "--cui-range-track-background", "--cui-range-indicator-radius", "--cui-range-indicator-background", "--cui-range-thumb-radius", "--cui-range-thumb-background", "--cui-range-thumb-border-color", "--cui-range-thumb-shadow"];
3
- type RangeKnobStyle = Partial<Record<(typeof rangeKnobs)[number], string>>;
4
- //#endregion
5
- export { RangeKnobStyle, rangeKnobs };
2
+ export declare const rangeKnobs: readonly ["--cui-range-track-radius", "--cui-range-track-background", "--cui-range-indicator-radius", "--cui-range-indicator-background", "--cui-range-thumb-radius", "--cui-range-thumb-background", "--cui-range-thumb-border-color", "--cui-range-thumb-shadow"];
3
+ export type RangeKnobStyle = Partial<Record<(typeof rangeKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/resizable-knobs.d.ts
2
- declare const resizableKnobs: readonly ["--cui-resizable-group-background", "--cui-resizable-group-radius", "--cui-resizable-group-border-color", "--cui-resizable-handle-color", "--cui-resizable-handle-hover-background", "--cui-resizable-handle-active-background", "--cui-resizable-grip-radius", "--cui-resizable-grip-background", "--cui-resizable-grip-foreground"];
3
- type ResizableKnobStyle = Partial<Record<(typeof resizableKnobs)[number], string>>;
4
- //#endregion
5
- export { ResizableKnobStyle, resizableKnobs };
2
+ export declare const resizableKnobs: readonly ["--cui-resizable-group-background", "--cui-resizable-group-radius", "--cui-resizable-group-border-color", "--cui-resizable-group-border-width", "--cui-resizable-handle-color", "--cui-resizable-handle-hover-background", "--cui-resizable-handle-active-background", "--cui-resizable-grip-radius", "--cui-resizable-grip-background", "--cui-resizable-grip-foreground"];
3
+ export type ResizableKnobStyle = Partial<Record<(typeof resizableKnobs)[number], string>>;
4
+ //#endregion
@@ -3,6 +3,7 @@ const resizableKnobs = [
3
3
  "--cui-resizable-group-background",
4
4
  "--cui-resizable-group-radius",
5
5
  "--cui-resizable-group-border-color",
6
+ "--cui-resizable-group-border-width",
6
7
  "--cui-resizable-handle-color",
7
8
  "--cui-resizable-handle-hover-background",
8
9
  "--cui-resizable-handle-active-background",
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/rich-tooltip-knobs.d.ts
2
- declare const richTooltipKnobs: readonly ["--cui-rich-tooltip-content-background", "--cui-rich-tooltip-content-foreground", "--cui-rich-tooltip-content-radius", "--cui-rich-tooltip-content-shadow", "--cui-rich-tooltip-dot-background", "--cui-rich-tooltip-action-radius", "--cui-rich-tooltip-action-background", "--cui-rich-tooltip-action-foreground"];
3
- type RichTooltipKnobStyle = Partial<Record<(typeof richTooltipKnobs)[number], string>>;
4
- //#endregion
5
- export { RichTooltipKnobStyle, richTooltipKnobs };
2
+ export declare const richTooltipKnobs: readonly ["--cui-rich-tooltip-content-background", "--cui-rich-tooltip-content-foreground", "--cui-rich-tooltip-content-radius", "--cui-rich-tooltip-content-shadow", "--cui-rich-tooltip-dot-background", "--cui-rich-tooltip-action-radius", "--cui-rich-tooltip-action-background", "--cui-rich-tooltip-action-foreground"];
3
+ export type RichTooltipKnobStyle = Partial<Record<(typeof richTooltipKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/scroll-area-knobs.d.ts
2
- declare const scrollAreaKnobs: readonly ["--cui-scroll-area-thumb-radius", "--cui-scroll-area-thumb-background", "--cui-scroll-area-corner-background"];
3
- type ScrollAreaKnobStyle = Partial<Record<(typeof scrollAreaKnobs)[number], string>>;
4
- //#endregion
5
- export { ScrollAreaKnobStyle, scrollAreaKnobs };
2
+ export declare const scrollAreaKnobs: readonly ["--cui-scroll-area-thumb-radius", "--cui-scroll-area-thumb-background", "--cui-scroll-area-corner-background"];
3
+ export type ScrollAreaKnobStyle = Partial<Record<(typeof scrollAreaKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/separator-knobs.d.ts
2
- declare const separatorKnobs: readonly ["--cui-separator-root-background"];
3
- type SeparatorKnobStyle = Partial<Record<(typeof separatorKnobs)[number], string>>;
4
- //#endregion
5
- export { SeparatorKnobStyle, separatorKnobs };
2
+ export declare const separatorKnobs: readonly ["--cui-separator-root-background"];
3
+ export type SeparatorKnobStyle = Partial<Record<(typeof separatorKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/sidebar-knobs.d.ts
2
- declare const sidebarKnobs: readonly ["--cui-sidebar-rail-divider-background", "--cui-sidebar-wrapper-background", "--cui-sidebar-wrapper-background-image", "--cui-sidebar-menu-button-radius", "--cui-sidebar-inner-background", "--cui-sidebar-inner-border-color", "--cui-sidebar-inner-background-image", "--cui-sidebar-inner-border-width", "--cui-sidebar-inner-radius", "--cui-sidebar-inner-shadow", "--cui-sidebar-inset-background", "--cui-sidebar-inset-background-image", "--cui-sidebar-inset-shadow", "--cui-sidebar-group-label-foreground", "--cui-sidebar-menu-button-foreground", "--cui-sidebar-menu-button-hover-background", "--cui-sidebar-menu-button-hover-foreground", "--cui-sidebar-menu-button-hover-shadow", "--cui-sidebar-menu-button-active-background", "--cui-sidebar-menu-button-active-foreground", "--cui-sidebar-menu-button-active-shadow"];
3
- type SidebarKnobStyle = Partial<Record<(typeof sidebarKnobs)[number], string>>;
4
- //#endregion
5
- export { SidebarKnobStyle, sidebarKnobs };
2
+ export declare const sidebarKnobs: readonly ["--cui-sidebar-rail-divider-background", "--cui-sidebar-wrapper-background", "--cui-sidebar-wrapper-background-image", "--cui-sidebar-menu-button-radius", "--cui-sidebar-inner-background", "--cui-sidebar-inner-border-color", "--cui-sidebar-inner-background-image", "--cui-sidebar-inner-backdrop-filter", "--cui-sidebar-inner-border-width", "--cui-sidebar-inner-radius", "--cui-sidebar-inner-shadow", "--cui-sidebar-inset-background", "--cui-sidebar-inset-background-image", "--cui-sidebar-inset-shadow", "--cui-sidebar-group-label-foreground", "--cui-sidebar-menu-button-foreground", "--cui-sidebar-menu-button-hover-background", "--cui-sidebar-menu-button-hover-foreground", "--cui-sidebar-menu-button-hover-shadow", "--cui-sidebar-menu-button-active-background", "--cui-sidebar-menu-button-active-foreground", "--cui-sidebar-menu-button-active-shadow"];
3
+ export type SidebarKnobStyle = Partial<Record<(typeof sidebarKnobs)[number], string>>;
4
+ //#endregion
@@ -7,6 +7,7 @@ const sidebarKnobs = [
7
7
  "--cui-sidebar-inner-background",
8
8
  "--cui-sidebar-inner-border-color",
9
9
  "--cui-sidebar-inner-background-image",
10
+ "--cui-sidebar-inner-backdrop-filter",
10
11
  "--cui-sidebar-inner-border-width",
11
12
  "--cui-sidebar-inner-radius",
12
13
  "--cui-sidebar-inner-shadow",
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/skeleton-knobs.d.ts
2
- declare const skeletonKnobs: readonly ["--cui-skeleton-radius", "--cui-skeleton-background"];
3
- type SkeletonKnobStyle = Partial<Record<(typeof skeletonKnobs)[number], string>>;
4
- //#endregion
5
- export { SkeletonKnobStyle, skeletonKnobs };
2
+ export declare const skeletonKnobs: readonly ["--cui-skeleton-radius", "--cui-skeleton-background", "--cui-skeleton-background-image", "--cui-skeleton-highlight-background", "--cui-skeleton-animation-duration", "--cui-skeleton-easing", "--cui-skeleton-pulse-opacity"];
3
+ export type SkeletonKnobStyle = Partial<Record<(typeof skeletonKnobs)[number], string>>;
4
+ //#endregion
@@ -1,4 +1,12 @@
1
1
  //#region src/knob-contracts/skeleton-knobs.ts
2
- const skeletonKnobs = ["--cui-skeleton-radius", "--cui-skeleton-background"];
2
+ const skeletonKnobs = [
3
+ "--cui-skeleton-radius",
4
+ "--cui-skeleton-background",
5
+ "--cui-skeleton-background-image",
6
+ "--cui-skeleton-highlight-background",
7
+ "--cui-skeleton-animation-duration",
8
+ "--cui-skeleton-easing",
9
+ "--cui-skeleton-pulse-opacity"
10
+ ];
3
11
  //#endregion
4
12
  export { skeletonKnobs };
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/source-badge-knobs.d.ts
2
- declare const sourceBadgeKnobs: readonly ["--cui-source-badge-background", "--cui-source-badge-foreground", "--cui-source-badge-hover-background", "--cui-source-badge-hover-foreground", "--cui-source-badge-favicon-background", "--cui-source-badge-favicon-radius"];
3
- type SourceBadgeKnobStyle = Partial<Record<(typeof sourceBadgeKnobs)[number], string>>;
4
- //#endregion
5
- export { SourceBadgeKnobStyle, sourceBadgeKnobs };
2
+ export declare const sourceBadgeKnobs: readonly ["--cui-source-badge-background", "--cui-source-badge-foreground", "--cui-source-badge-hover-background", "--cui-source-badge-hover-foreground", "--cui-source-badge-favicon-background", "--cui-source-badge-favicon-radius"];
3
+ export type SourceBadgeKnobStyle = Partial<Record<(typeof sourceBadgeKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/spinner-knobs.d.ts
2
- declare const spinnerKnobs: readonly ["--cui-spinner-foreground"];
3
- type SpinnerKnobStyle = Partial<Record<(typeof spinnerKnobs)[number], string>>;
4
- //#endregion
5
- export { SpinnerKnobStyle, spinnerKnobs };
2
+ export declare const spinnerKnobs: readonly ["--cui-spinner-foreground"];
3
+ export type SpinnerKnobStyle = Partial<Record<(typeof spinnerKnobs)[number], string>>;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/knob-contracts/stepper-knobs.d.ts
2
- declare const stepperKnobs: readonly ["--cui-stepper-indicator-radius", "--cui-stepper-indicator-background", "--cui-stepper-indicator-foreground", "--cui-stepper-indicator-border-color", "--cui-stepper-separator-background", "--cui-stepper-title-foreground"];
3
- type StepperKnobStyle = Partial<Record<(typeof stepperKnobs)[number], string>>;
4
- //#endregion
5
- export { StepperKnobStyle, stepperKnobs };
2
+ export declare const stepperKnobs: readonly ["--cui-stepper-indicator-radius", "--cui-stepper-indicator-background", "--cui-stepper-indicator-foreground", "--cui-stepper-indicator-border-color", "--cui-stepper-indicator-border-width", "--cui-stepper-separator-background", "--cui-stepper-title-foreground"];
3
+ export type StepperKnobStyle = Partial<Record<(typeof stepperKnobs)[number], string>>;
4
+ //#endregion