@sanity/ui 4.0.0-v4.1 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (665) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +25 -7
  3. package/dist/_system-CTe2lb5l.d.ts +40 -0
  4. package/dist/_system-CTe2lb5l.d.ts.map +1 -0
  5. package/dist/arrow-CHE8-_G7.js +161 -0
  6. package/dist/arrow-CHE8-_G7.js.map +1 -0
  7. package/dist/autocomplete.d.ts +140 -0
  8. package/dist/autocomplete.d.ts.map +1 -0
  9. package/dist/autocomplete.js +475 -0
  10. package/dist/autocomplete.js.map +1 -0
  11. package/dist/breadcrumbs.d.ts +18 -0
  12. package/dist/breadcrumbs.d.ts.map +1 -0
  13. package/dist/breadcrumbs.js +116 -0
  14. package/dist/breadcrumbs.js.map +1 -0
  15. package/dist/button-dnqMFkWg.d.ts +76 -0
  16. package/dist/button-dnqMFkWg.d.ts.map +1 -0
  17. package/dist/button-mxfSqr0n.js +179 -0
  18. package/dist/button-mxfSqr0n.js.map +1 -0
  19. package/dist/card-C0a0wQTc.d.ts +7 -0
  20. package/dist/card-C0a0wQTc.d.ts.map +1 -0
  21. package/dist/code.d.ts +20 -0
  22. package/dist/code.d.ts.map +1 -0
  23. package/dist/code.js +90 -0
  24. package/dist/code.js.map +1 -0
  25. package/dist/codeFontStyle-DYUujk7K.js +11 -0
  26. package/dist/codeFontStyle-DYUujk7K.js.map +1 -0
  27. package/dist/component-DVlwaWB-.d.ts +25 -0
  28. package/dist/component-DVlwaWB-.d.ts.map +1 -0
  29. package/dist/element-BYgCE_iK.js +51 -0
  30. package/dist/element-BYgCE_iK.js.map +1 -0
  31. package/dist/factory-BA3gEfyI.js +3056 -0
  32. package/dist/factory-BA3gEfyI.js.map +1 -0
  33. package/dist/flex-C-5JHi1C.js +76 -0
  34. package/dist/flex-C-5JHi1C.js.map +1 -0
  35. package/dist/font-EtfxKPUz.d.ts +49 -0
  36. package/dist/font-EtfxKPUz.d.ts.map +1 -0
  37. package/dist/getElementRef-5HZQ-Owu.js +91 -0
  38. package/dist/getElementRef-5HZQ-Owu.js.map +1 -0
  39. package/dist/getScopedTheme-C-sZsyAz.js +267 -0
  40. package/dist/getScopedTheme-C-sZsyAz.js.map +1 -0
  41. package/dist/getTheme_v2-y09KqtEb.js +487 -0
  42. package/dist/getTheme_v2-y09KqtEb.js.map +1 -0
  43. package/dist/grid-BXHFJhf_.js +115 -0
  44. package/dist/grid-BXHFJhf_.js.map +1 -0
  45. package/dist/helpers-bwfx1e-Y.js +67 -0
  46. package/dist/helpers-bwfx1e-Y.js.map +1 -0
  47. package/dist/hotkeys-CmmTQZpn.js +165 -0
  48. package/dist/hotkeys-CmmTQZpn.js.map +1 -0
  49. package/dist/index.d.ts +1192 -2168
  50. package/dist/index.d.ts.map +1 -0
  51. package/dist/index.js +2069 -4481
  52. package/dist/index.js.map +1 -1
  53. package/dist/layer-B98ynOf2.js +61 -0
  54. package/dist/layer-B98ynOf2.js.map +1 -0
  55. package/dist/layer-ChlP9Ik6.d.ts +242 -0
  56. package/dist/layer-ChlP9Ik6.d.ts.map +1 -0
  57. package/dist/menu.d.ts +146 -0
  58. package/dist/menu.d.ts.map +1 -0
  59. package/dist/menu.js +614 -0
  60. package/dist/menu.js.map +1 -0
  61. package/dist/popover-CMlQeKn0.d.ts +96 -0
  62. package/dist/popover-CMlQeKn0.d.ts.map +1 -0
  63. package/dist/popover-PorX5Jv9.js +419 -0
  64. package/dist/popover-PorX5Jv9.js.map +1 -0
  65. package/dist/popover.d.ts +2 -0
  66. package/dist/popover.js +3 -0
  67. package/dist/refractor-CC48DwHi.js +20 -0
  68. package/dist/refractor-CC48DwHi.js.map +1 -0
  69. package/dist/responsiveFont-hN1mZFjm.js +55 -0
  70. package/dist/responsiveFont-hN1mZFjm.js.map +1 -0
  71. package/dist/rgba-BSYaEUW6.d.ts +846 -0
  72. package/dist/rgba-BSYaEUW6.d.ts.map +1 -0
  73. package/dist/selectable-B0GUIL74.d.ts +7 -0
  74. package/dist/selectable-B0GUIL74.d.ts.map +1 -0
  75. package/dist/stack-iW9HuGLg.js +112 -0
  76. package/dist/stack-iW9HuGLg.js.map +1 -0
  77. package/dist/styles-css.d.ts +2 -0
  78. package/dist/styles-css.js +4 -0
  79. package/dist/styles.css +28 -0
  80. package/dist/textInput-udxyGbm1.js +321 -0
  81. package/dist/textInput-udxyGbm1.js.map +1 -0
  82. package/dist/theme.d.ts +240 -459
  83. package/dist/theme.d.ts.map +1 -0
  84. package/dist/theme.js +55 -870
  85. package/dist/theme.js.map +1 -1
  86. package/dist/toast.d.ts +73 -0
  87. package/dist/toast.d.ts.map +1 -0
  88. package/dist/toast.js +297 -0
  89. package/dist/toast.js.map +1 -0
  90. package/dist/tooltip.d.ts +88 -0
  91. package/dist/tooltip.d.ts.map +1 -0
  92. package/dist/tooltip.js +447 -0
  93. package/dist/tooltip.js.map +1 -0
  94. package/dist/useClickOutsideEvent-lEVhDFCQ.js +36 -0
  95. package/dist/useClickOutsideEvent-lEVhDFCQ.js.map +1 -0
  96. package/dist/useElementSize-BJvbGHq8.js +51 -0
  97. package/dist/useElementSize-BJvbGHq8.js.map +1 -0
  98. package/dist/useLayer-BAVfmbNN.js +712 -0
  99. package/dist/useLayer-BAVfmbNN.js.map +1 -0
  100. package/package.json +72 -196
  101. package/dist/_chunks-es/Refractor.js +0 -25
  102. package/dist/_chunks-es/Refractor.js.map +0 -1
  103. package/dist/css/index.css +0 -2
  104. package/dist/css/index.css.map +0 -1
  105. package/dist/css/index.d.ts +0 -1398
  106. package/dist/css/index.js +0 -18882
  107. package/dist/css/index.js.map +0 -1
  108. package/exports/css.ts +0 -1
  109. package/exports/index.ts +0 -1
  110. package/exports/theme.ts +0 -1
  111. package/src/core/Root.tsx +0 -88
  112. package/src/core/RootProvider.tsx +0 -40
  113. package/src/core/__workshop__/Boundary.tsx +0 -28
  114. package/src/core/__workshop__/index.ts +0 -16
  115. package/src/core/components/autocomplete/Autocomplete.tsx +0 -690
  116. package/src/core/components/autocomplete/AutocompleteOption.tsx +0 -45
  117. package/src/core/components/autocomplete/__workshop__/Async.tsx +0 -156
  118. package/src/core/components/autocomplete/__workshop__/ConstrainedHeight.tsx +0 -131
  119. package/src/core/components/autocomplete/__workshop__/Custom.tsx +0 -104
  120. package/src/core/components/autocomplete/__workshop__/Example.tsx +0 -91
  121. package/src/core/components/autocomplete/__workshop__/FocusAndBlur.tsx +0 -36
  122. package/src/core/components/autocomplete/__workshop__/Fullscreen.tsx +0 -292
  123. package/src/core/components/autocomplete/__workshop__/index.ts +0 -41
  124. package/src/core/components/autocomplete/__workshop__/mock/apiStore.ts +0 -49
  125. package/src/core/components/autocomplete/__workshop__/mock/countries.ts +0 -245
  126. package/src/core/components/autocomplete/__workshop__/types.ts +0 -4
  127. package/src/core/components/autocomplete/autocompleteReducer.ts +0 -47
  128. package/src/core/components/autocomplete/constants.ts +0 -28
  129. package/src/core/components/autocomplete/types.ts +0 -103
  130. package/src/core/components/breadcrumbs/Breadcrumbs.tsx +0 -131
  131. package/src/core/components/breadcrumbs/__workshop__/Example.tsx +0 -61
  132. package/src/core/components/breadcrumbs/__workshop__/index.ts +0 -16
  133. package/src/core/components/dialog/Dialog.tsx +0 -232
  134. package/src/core/components/dialog/DialogCard.tsx +0 -233
  135. package/src/core/components/dialog/DialogContext.ts +0 -21
  136. package/src/core/components/dialog/DialogProvider.tsx +0 -34
  137. package/src/core/components/dialog/__workshop__/Activate.tsx +0 -141
  138. package/src/core/components/dialog/__workshop__/AutoFocus.tsx +0 -29
  139. package/src/core/components/dialog/__workshop__/Layering.tsx +0 -41
  140. package/src/core/components/dialog/__workshop__/Nested.tsx +0 -71
  141. package/src/core/components/dialog/__workshop__/OnScroll.tsx +0 -51
  142. package/src/core/components/dialog/__workshop__/Panes.tsx +0 -89
  143. package/src/core/components/dialog/__workshop__/Position.tsx +0 -38
  144. package/src/core/components/dialog/__workshop__/Props.tsx +0 -79
  145. package/src/core/components/dialog/__workshop__/Provider.tsx +0 -11
  146. package/src/core/components/dialog/__workshop__/Wrapped.tsx +0 -76
  147. package/src/core/components/dialog/__workshop__/index.ts +0 -21
  148. package/src/core/components/dialog/isTargetWithinScope.ts +0 -14
  149. package/src/core/components/dialog/types.ts +0 -2
  150. package/src/core/components/dialog/useDialog.ts +0 -11
  151. package/src/core/components/hotkeys/Hotkeys.tsx +0 -60
  152. package/src/core/components/hotkeys/__workshop__/Plain.tsx +0 -9
  153. package/src/core/components/hotkeys/__workshop__/index.ts +0 -16
  154. package/src/core/components/menu/Menu.test.tsx +0 -129
  155. package/src/core/components/menu/Menu.tsx +0 -179
  156. package/src/core/components/menu/MenuButton.tsx +0 -230
  157. package/src/core/components/menu/MenuContext.ts +0 -19
  158. package/src/core/components/menu/MenuDivider.tsx +0 -32
  159. package/src/core/components/menu/MenuGroup.tsx +0 -236
  160. package/src/core/components/menu/MenuItem.tsx +0 -184
  161. package/src/core/components/menu/__workshop__/AsComponent.tsx +0 -45
  162. package/src/core/components/menu/__workshop__/AvatarMenu.tsx +0 -57
  163. package/src/core/components/menu/__workshop__/ClosableMenuButton.tsx +0 -47
  164. package/src/core/components/menu/__workshop__/ConstrainedInBoundary.tsx +0 -133
  165. package/src/core/components/menu/__workshop__/CustomMenuItem.tsx +0 -45
  166. package/src/core/components/menu/__workshop__/CustomSelectedState.tsx +0 -35
  167. package/src/core/components/menu/__workshop__/DisableFocusOnClose.tsx +0 -40
  168. package/src/core/components/menu/__workshop__/Groups.tsx +0 -156
  169. package/src/core/components/menu/__workshop__/MenuButton.tsx +0 -85
  170. package/src/core/components/menu/__workshop__/MenuGroupRight.tsx +0 -65
  171. package/src/core/components/menu/__workshop__/NestedMenu.tsx +0 -22
  172. package/src/core/components/menu/__workshop__/OnCloseMenuButton.tsx +0 -50
  173. package/src/core/components/menu/__workshop__/SelectedItem.tsx +0 -69
  174. package/src/core/components/menu/__workshop__/ShouldFocus.tsx +0 -42
  175. package/src/core/components/menu/__workshop__/Tones.tsx +0 -31
  176. package/src/core/components/menu/__workshop__/WithoutArrow.tsx +0 -32
  177. package/src/core/components/menu/__workshop__/index.ts +0 -91
  178. package/src/core/components/menu/helpers.ts +0 -82
  179. package/src/core/components/menu/useMenu.ts +0 -21
  180. package/src/core/components/menu/useMenuController.ts +0 -241
  181. package/src/core/components/tab/Tab.tsx +0 -109
  182. package/src/core/components/tab/TabList.tsx +0 -90
  183. package/src/core/components/tab/TabPanel.tsx +0 -47
  184. package/src/core/components/tab/__workshop__/Example.tsx +0 -79
  185. package/src/core/components/tab/__workshop__/index.ts +0 -16
  186. package/src/core/components/toast/Toast.test.tsx +0 -103
  187. package/src/core/components/toast/Toast.tsx +0 -191
  188. package/src/core/components/toast/ToastContext.ts +0 -7
  189. package/src/core/components/toast/ToastLayer.tsx +0 -54
  190. package/src/core/components/toast/ToastProvider.tsx +0 -112
  191. package/src/core/components/toast/__workshop__/Hook.tsx +0 -71
  192. package/src/core/components/toast/__workshop__/Toast.tsx +0 -28
  193. package/src/core/components/toast/__workshop__/index.ts +0 -21
  194. package/src/core/components/toast/toastState.ts +0 -6
  195. package/src/core/components/toast/types.ts +0 -24
  196. package/src/core/components/toast/useToast.ts +0 -23
  197. package/src/core/components/tree/Tree.tsx +0 -248
  198. package/src/core/components/tree/TreeContext.ts +0 -10
  199. package/src/core/components/tree/TreeGroup.tsx +0 -46
  200. package/src/core/components/tree/TreeItem.tsx +0 -237
  201. package/src/core/components/tree/__workshop__/Basic.tsx +0 -105
  202. package/src/core/components/tree/__workshop__/TabFromElement.tsx +0 -84
  203. package/src/core/components/tree/__workshop__/basic.perf.ts +0 -19
  204. package/src/core/components/tree/__workshop__/index.ts +0 -23
  205. package/src/core/components/tree/helpers.ts +0 -105
  206. package/src/core/components/tree/types.ts +0 -24
  207. package/src/core/components/tree/useTree.ts +0 -17
  208. package/src/core/components/virtualList/VirtualList.tsx +0 -209
  209. package/src/core/components/virtualList/__workshop__/ChangingProps.tsx +0 -36
  210. package/src/core/components/virtualList/__workshop__/ElementScroll.tsx +0 -24
  211. package/src/core/components/virtualList/__workshop__/InfiniteList.tsx +0 -48
  212. package/src/core/components/virtualList/__workshop__/WindowScrolll.tsx +0 -22
  213. package/src/core/components/virtualList/__workshop__/index.ts +0 -31
  214. package/src/core/constants.ts +0 -67
  215. package/src/core/helpers/animation.ts +0 -27
  216. package/src/core/helpers/element.ts +0 -55
  217. package/src/core/helpers/focus.ts +0 -92
  218. package/src/core/helpers/props.ts +0 -28
  219. package/src/core/helpers/scroll.ts +0 -15
  220. package/src/core/hooks/useClickOutsideEvent.test.tsx +0 -114
  221. package/src/core/hooks/useClickOutsideEvent.ts +0 -67
  222. package/src/core/hooks/useCustomValidity.ts +0 -13
  223. package/src/core/hooks/useDelayed.test.ts +0 -67
  224. package/src/core/hooks/useDelayedState.ts +0 -28
  225. package/src/core/hooks/useElementSize.ts +0 -19
  226. package/src/core/hooks/useGlobalKeyDown.ts +0 -17
  227. package/src/core/hooks/useMatchMedia.ts +0 -28
  228. package/src/core/hooks/useMediaIndex/__workshop__/Test.tsx +0 -14
  229. package/src/core/hooks/useMediaIndex/__workshop__/index.ts +0 -16
  230. package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +0 -21
  231. package/src/core/hooks/useMediaIndex/useMediaIndex.ts +0 -107
  232. package/src/core/hooks/useMounted.ts +0 -15
  233. package/src/core/hooks/usePrefersDark.hydration.test.tsx +0 -56
  234. package/src/core/hooks/usePrefersDark.test.tsx +0 -20
  235. package/src/core/hooks/usePrefersDark.ts +0 -16
  236. package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +0 -56
  237. package/src/core/hooks/usePrefersReducedMotion.test.tsx +0 -20
  238. package/src/core/hooks/usePrefersReducedMotion.ts +0 -16
  239. package/src/core/hooks/useResponsiveProp.ts +0 -28
  240. package/src/core/index.ts +0 -118
  241. package/src/core/lib/createGlobalScopedContext.ts +0 -37
  242. package/src/core/lib/globalScope.ts +0 -19
  243. package/src/core/lib/isArray.ts +0 -3
  244. package/src/core/lib/isRecord.ts +0 -3
  245. package/src/core/middleware/origin.ts +0 -47
  246. package/src/core/observers/elementSize.ts +0 -116
  247. package/src/core/observers/resize.ts +0 -9
  248. package/src/core/primitives/arrow/Arrow.tsx +0 -74
  249. package/src/core/primitives/arrow/cmds.ts +0 -91
  250. package/src/core/primitives/avatar/Avatar.tsx +0 -147
  251. package/src/core/primitives/avatar/AvatarCounter.tsx +0 -69
  252. package/src/core/primitives/avatar/AvatarStack.tsx +0 -79
  253. package/src/core/primitives/avatar/__workshop__/AsButton.tsx +0 -21
  254. package/src/core/primitives/avatar/__workshop__/Stack.tsx +0 -29
  255. package/src/core/primitives/avatar/__workshop__/WithinButton.tsx +0 -55
  256. package/src/core/primitives/avatar/__workshop__/WithinMenuItem.tsx +0 -72
  257. package/src/core/primitives/avatar/__workshop__/index.ts +0 -31
  258. package/src/core/primitives/avatar/types.ts +0 -2
  259. package/src/core/primitives/badge/Badge.test.tsx +0 -16
  260. package/src/core/primitives/badge/Badge.tsx +0 -61
  261. package/src/core/primitives/badge/__workshop__/Props.tsx +0 -30
  262. package/src/core/primitives/badge/__workshop__/Tones.tsx +0 -16
  263. package/src/core/primitives/badge/__workshop__/index.ts +0 -21
  264. package/src/core/primitives/box/Box.tsx +0 -222
  265. package/src/core/primitives/box/__workshop__/Props.tsx +0 -25
  266. package/src/core/primitives/box/__workshop__/Responsive.tsx +0 -20
  267. package/src/core/primitives/box/__workshop__/index.ts +0 -21
  268. package/src/core/primitives/button/Button.test.tsx +0 -30
  269. package/src/core/primitives/button/Button.tsx +0 -193
  270. package/src/core/primitives/button/__workshop__/Custom.tsx +0 -27
  271. package/src/core/primitives/button/__workshop__/CustomIcons.tsx +0 -30
  272. package/src/core/primitives/button/__workshop__/Disabled.tsx +0 -54
  273. package/src/core/primitives/button/__workshop__/MixedChildren.tsx +0 -12
  274. package/src/core/primitives/button/__workshop__/Props.tsx +0 -77
  275. package/src/core/primitives/button/__workshop__/SanityUploadButton.tsx +0 -36
  276. package/src/core/primitives/button/__workshop__/Stacked.tsx +0 -74
  277. package/src/core/primitives/button/__workshop__/Styled1.tsx +0 -17
  278. package/src/core/primitives/button/__workshop__/Styled2.tsx +0 -19
  279. package/src/core/primitives/button/__workshop__/TextOverflow.tsx +0 -13
  280. package/src/core/primitives/button/__workshop__/UploadButton.tsx +0 -29
  281. package/src/core/primitives/button/__workshop__/index.ts +0 -66
  282. package/src/core/primitives/button/types.ts +0 -2
  283. package/src/core/primitives/card/Card.tsx +0 -109
  284. package/src/core/primitives/card/CardContext.ts +0 -10
  285. package/src/core/primitives/card/CardProvider.tsx +0 -27
  286. package/src/core/primitives/card/__workshop__/AsButton.tsx +0 -107
  287. package/src/core/primitives/card/__workshop__/AsComponent.tsx +0 -27
  288. package/src/core/primitives/card/__workshop__/Checkered.tsx +0 -26
  289. package/src/core/primitives/card/__workshop__/Interactive.tsx +0 -29
  290. package/src/core/primitives/card/__workshop__/ListNavigation.tsx +0 -78
  291. package/src/core/primitives/card/__workshop__/Props.tsx +0 -62
  292. package/src/core/primitives/card/__workshop__/Selected.tsx +0 -62
  293. package/src/core/primitives/card/__workshop__/Styled.tsx +0 -14
  294. package/src/core/primitives/card/__workshop__/Tones.tsx +0 -27
  295. package/src/core/primitives/card/__workshop__/index.ts +0 -20
  296. package/src/core/primitives/card/types.ts +0 -17
  297. package/src/core/primitives/card/useCard.ts +0 -15
  298. package/src/core/primitives/checkbox/Checkbox.tsx +0 -80
  299. package/src/core/primitives/checkbox/__workshop__/Example.tsx +0 -25
  300. package/src/core/primitives/checkbox/__workshop__/Props.tsx +0 -35
  301. package/src/core/primitives/checkbox/__workshop__/ReadOnly.tsx +0 -16
  302. package/src/core/primitives/checkbox/__workshop__/Tones.tsx +0 -27
  303. package/src/core/primitives/checkbox/__workshop__/index.ts +0 -15
  304. package/src/core/primitives/code/Code.tsx +0 -48
  305. package/src/core/primitives/code/Refractor.tsx +0 -18
  306. package/src/core/primitives/code/__workshop__/OpticalAlignment.tsx +0 -23
  307. package/src/core/primitives/code/__workshop__/Props.tsx +0 -23
  308. package/src/core/primitives/code/__workshop__/index.ts +0 -21
  309. package/src/core/primitives/container/Container.tsx +0 -37
  310. package/src/core/primitives/container/__workshop__/Example.tsx +0 -25
  311. package/src/core/primitives/container/__workshop__/index.ts +0 -10
  312. package/src/core/primitives/container/types.ts +0 -6
  313. package/src/core/primitives/flex/Flex.tsx +0 -58
  314. package/src/core/primitives/flex/__workshop__/Example.tsx +0 -40
  315. package/src/core/primitives/flex/__workshop__/Gap.tsx +0 -25
  316. package/src/core/primitives/flex/__workshop__/index.ts +0 -13
  317. package/src/core/primitives/grid/Grid.tsx +0 -35
  318. package/src/core/primitives/grid/__workshop__/Responsive.tsx +0 -54
  319. package/src/core/primitives/grid/__workshop__/index.ts +0 -12
  320. package/src/core/primitives/heading/Heading.tsx +0 -78
  321. package/src/core/primitives/heading/__workshop__/OpticalAlignment.tsx +0 -54
  322. package/src/core/primitives/heading/__workshop__/Plain.tsx +0 -40
  323. package/src/core/primitives/heading/__workshop__/index.ts +0 -21
  324. package/src/core/primitives/inline/Inline.tsx +0 -62
  325. package/src/core/primitives/inline/__workshop__/Plain.tsx +0 -28
  326. package/src/core/primitives/inline/__workshop__/index.ts +0 -10
  327. package/src/core/primitives/kbd/Kbd.tsx +0 -57
  328. package/src/core/primitives/kbd/__workshop__/Plain.tsx +0 -9
  329. package/src/core/primitives/kbd/__workshop__/index.ts +0 -10
  330. package/src/core/primitives/label/Label.tsx +0 -75
  331. package/src/core/primitives/label/__workshop__/OpticalAlignment.tsx +0 -54
  332. package/src/core/primitives/label/__workshop__/Plain.tsx +0 -42
  333. package/src/core/primitives/label/__workshop__/index.ts +0 -21
  334. package/src/core/primitives/layer/Layer.test.tsx +0 -110
  335. package/src/core/primitives/layer/Layer.tsx +0 -42
  336. package/src/core/primitives/layer/LayerCard.tsx +0 -90
  337. package/src/core/primitives/layer/LayerContext.ts +0 -7
  338. package/src/core/primitives/layer/LayerProvider.tsx +0 -106
  339. package/src/core/primitives/layer/__workshop__/MultipleRoots.tsx +0 -49
  340. package/src/core/primitives/layer/__workshop__/Nested.tsx +0 -98
  341. package/src/core/primitives/layer/__workshop__/ResponsiveZOffset.tsx +0 -17
  342. package/src/core/primitives/layer/__workshop__/_debug.tsx +0 -17
  343. package/src/core/primitives/layer/__workshop__/index.ts +0 -26
  344. package/src/core/primitives/layer/getLayerContext.test.ts +0 -32
  345. package/src/core/primitives/layer/getLayerContext.ts +0 -21
  346. package/src/core/primitives/layer/types.ts +0 -9
  347. package/src/core/primitives/layer/useLayer.ts +0 -24
  348. package/src/core/primitives/popover/Popover.tsx +0 -442
  349. package/src/core/primitives/popover/PopoverLayer.tsx +0 -149
  350. package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +0 -89
  351. package/src/core/primitives/popover/__workshop__/MarginsStory.tsx +0 -31
  352. package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +0 -34
  353. package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +0 -11
  354. package/src/core/primitives/popover/__workshop__/PlainStory.tsx +0 -79
  355. package/src/core/primitives/popover/__workshop__/RecursiveStory.tsx +0 -69
  356. package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +0 -102
  357. package/src/core/primitives/popover/__workshop__/TestStory.tsx +0 -106
  358. package/src/core/primitives/popover/__workshop__/index.ts +0 -51
  359. package/src/core/primitives/popover/constants.ts +0 -22
  360. package/src/core/primitives/popover/floating-ui/size.ts +0 -83
  361. package/src/core/primitives/popover/helpers.ts +0 -32
  362. package/src/core/primitives/popover/types.ts +0 -12
  363. package/src/core/primitives/radio/Radio.tsx +0 -64
  364. package/src/core/primitives/radio/__workshop__/Example.tsx +0 -63
  365. package/src/core/primitives/radio/__workshop__/Plain.tsx +0 -28
  366. package/src/core/primitives/radio/__workshop__/index.ts +0 -13
  367. package/src/core/primitives/select/Select.tsx +0 -75
  368. package/src/core/primitives/select/__workshop__/Plain.tsx +0 -43
  369. package/src/core/primitives/select/__workshop__/ReadOnly.tsx +0 -23
  370. package/src/core/primitives/select/__workshop__/index.ts +0 -13
  371. package/src/core/primitives/selectable/Selectable.tsx +0 -50
  372. package/src/core/primitives/skeleton/CodeSkeleton.tsx +0 -49
  373. package/src/core/primitives/skeleton/HeadingSkeleton.tsx +0 -48
  374. package/src/core/primitives/skeleton/LabelSkeleton.tsx +0 -47
  375. package/src/core/primitives/skeleton/Skeleton.tsx +0 -70
  376. package/src/core/primitives/skeleton/TextSkeleton.tsx +0 -49
  377. package/src/core/primitives/skeleton/__workshop__/Delay.tsx +0 -78
  378. package/src/core/primitives/skeleton/__workshop__/Skeleton.tsx +0 -72
  379. package/src/core/primitives/skeleton/__workshop__/index.ts +0 -13
  380. package/src/core/primitives/spinner/AnimatedSpinnerIcon.tsx +0 -14
  381. package/src/core/primitives/spinner/Spinner.tsx +0 -45
  382. package/src/core/primitives/spinner/__workshop__/Props.tsx +0 -20
  383. package/src/core/primitives/spinner/__workshop__/index.ts +0 -16
  384. package/src/core/primitives/srOnly/SrOnly.tsx +0 -33
  385. package/src/core/primitives/stack/Stack.tsx +0 -60
  386. package/src/core/primitives/stack/__workshop__/Plain.tsx +0 -35
  387. package/src/core/primitives/stack/__workshop__/index.ts +0 -16
  388. package/src/core/primitives/switch/Switch.tsx +0 -84
  389. package/src/core/primitives/switch/__workshop__/Example.tsx +0 -23
  390. package/src/core/primitives/switch/__workshop__/Props.tsx +0 -21
  391. package/src/core/primitives/switch/__workshop__/index.ts +0 -13
  392. package/src/core/primitives/text/Text.tsx +0 -76
  393. package/src/core/primitives/text/__workshop__/Colored.tsx +0 -30
  394. package/src/core/primitives/text/__workshop__/Example.tsx +0 -42
  395. package/src/core/primitives/text/__workshop__/OpticalAlignment.tsx +0 -23
  396. package/src/core/primitives/text/__workshop__/index.ts +0 -26
  397. package/src/core/primitives/textArea/TextArea.tsx +0 -84
  398. package/src/core/primitives/textArea/__workshop__/Plain.tsx +0 -69
  399. package/src/core/primitives/textArea/__workshop__/index.ts +0 -16
  400. package/src/core/primitives/textInput/TextInput.tsx +0 -258
  401. package/src/core/primitives/textInput/__workshop__/ClearButton.tsx +0 -30
  402. package/src/core/primitives/textInput/__workshop__/CustomValidity.tsx +0 -17
  403. package/src/core/primitives/textInput/__workshop__/Plain.tsx +0 -140
  404. package/src/core/primitives/textInput/__workshop__/ReadOnly.tsx +0 -9
  405. package/src/core/primitives/textInput/__workshop__/States.tsx +0 -53
  406. package/src/core/primitives/textInput/__workshop__/Tones.tsx +0 -277
  407. package/src/core/primitives/textInput/__workshop__/Typed.tsx +0 -29
  408. package/src/core/primitives/textInput/__workshop__/index.ts +0 -46
  409. package/src/core/primitives/tooltip/Tooltip.test.tsx +0 -452
  410. package/src/core/primitives/tooltip/Tooltip.tsx +0 -483
  411. package/src/core/primitives/tooltip/TooltipLayer.tsx +0 -106
  412. package/src/core/primitives/tooltip/__workshop__/CustomPortal.tsx +0 -104
  413. package/src/core/primitives/tooltip/__workshop__/OverflowingBoundary.tsx +0 -76
  414. package/src/core/primitives/tooltip/__workshop__/Props.tsx +0 -124
  415. package/src/core/primitives/tooltip/__workshop__/ResizableBoundary.tsx +0 -91
  416. package/src/core/primitives/tooltip/__workshop__/index.ts +0 -31
  417. package/src/core/primitives/tooltip/constants.ts +0 -23
  418. package/src/core/primitives/tooltip/tooltipDelayGroup/TooltipDelayGroupContext.tsx +0 -13
  419. package/src/core/primitives/tooltip/tooltipDelayGroup/TooltipDelayGroupProvider.tsx +0 -55
  420. package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts +0 -10
  421. package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +0 -13
  422. package/src/core/types.ts +0 -56
  423. package/src/core/utils/ErrorBoundary.tsx +0 -50
  424. package/src/core/utils/boundaryElement/BoundaryElement.test.tsx +0 -102
  425. package/src/core/utils/boundaryElement/BoundaryElementContext.ts +0 -10
  426. package/src/core/utils/boundaryElement/BoundaryElementProvider.tsx +0 -18
  427. package/src/core/utils/boundaryElement/__workshop__/Plain.tsx +0 -19
  428. package/src/core/utils/boundaryElement/__workshop__/index.ts +0 -16
  429. package/src/core/utils/boundaryElement/types.ts +0 -5
  430. package/src/core/utils/boundaryElement/useBoundaryElement.ts +0 -24
  431. package/src/core/utils/elementQuery/ElementQuery.tsx +0 -75
  432. package/src/core/utils/elementQuery/__workshop__/CustomMedia.tsx +0 -41
  433. package/src/core/utils/elementQuery/__workshop__/index.ts +0 -16
  434. package/src/core/utils/elementQuery/helpers.ts +0 -27
  435. package/src/core/utils/getElementRef.ts +0 -29
  436. package/src/core/utils/portal/Portal.test.tsx +0 -105
  437. package/src/core/utils/portal/Portal.tsx +0 -36
  438. package/src/core/utils/portal/PortalContext.ts +0 -37
  439. package/src/core/utils/portal/PortalProvider.tsx +0 -70
  440. package/src/core/utils/portal/__workshop__/Named.tsx +0 -63
  441. package/src/core/utils/portal/__workshop__/index.ts +0 -16
  442. package/src/core/utils/portal/types.ts +0 -7
  443. package/src/core/utils/portal/usePortal.ts +0 -23
  444. package/src/css/_assign.ts +0 -3
  445. package/src/css/_composeClassNames.ts +0 -12
  446. package/src/css/_fromEntries.ts +0 -3
  447. package/src/css/_getClassNames.ts +0 -9
  448. package/src/css/_responsiveClassName.ts +0 -45
  449. package/src/css/_responsiveStyle.css.ts +0 -34
  450. package/src/css/_style.css.ts +0 -9
  451. package/src/css/components/breadcrumbs/breadcrumbs.css.ts +0 -6
  452. package/src/css/components/breadcrumbs/breadcrumbs.ts +0 -7
  453. package/src/css/components/dialog/dialog.css.ts +0 -98
  454. package/src/css/components/dialog/dialog.ts +0 -58
  455. package/src/css/components/menu/menu.css.ts +0 -14
  456. package/src/css/components/menu/menu.ts +0 -12
  457. package/src/css/components/skeleton/skeleton.css.ts +0 -128
  458. package/src/css/components/skeleton/skeleton.ts +0 -38
  459. package/src/css/components/skeleton/types.ts +0 -36
  460. package/src/css/components/toast/toast.css.ts +0 -17
  461. package/src/css/components/toast/toast.ts +0 -11
  462. package/src/css/components/tree/tree.css.ts +0 -65
  463. package/src/css/components/tree/tree.ts +0 -7
  464. package/src/css/constants.ts +0 -10
  465. package/src/css/getVarName.ts +0 -27
  466. package/src/css/index.ts +0 -146
  467. package/src/css/layers.css.ts +0 -12
  468. package/src/css/primitives/_arrow/_arrow.css.ts +0 -68
  469. package/src/css/primitives/_arrow/_arrow.ts +0 -26
  470. package/src/css/primitives/_input/_input.css.ts +0 -261
  471. package/src/css/primitives/_input/input.ts +0 -29
  472. package/src/css/primitives/_input/types.ts +0 -13
  473. package/src/css/primitives/avatar/avatar.css.ts +0 -201
  474. package/src/css/primitives/avatar/avatar.ts +0 -68
  475. package/src/css/primitives/avatar/types.ts +0 -10
  476. package/src/css/primitives/badge/badge.css.ts +0 -27
  477. package/src/css/primitives/badge/badge.ts +0 -8
  478. package/src/css/primitives/badge/types.ts +0 -13
  479. package/src/css/primitives/box/box.css.ts +0 -19
  480. package/src/css/primitives/box/box.ts +0 -82
  481. package/src/css/primitives/box/types.ts +0 -75
  482. package/src/css/primitives/button/button.css.ts +0 -287
  483. package/src/css/primitives/button/button.ts +0 -26
  484. package/src/css/primitives/button/types.ts +0 -12
  485. package/src/css/primitives/card/__workshop__/Color.tsx +0 -83
  486. package/src/css/primitives/card/__workshop__/index.ts +0 -16
  487. package/src/css/primitives/card/card.css.ts +0 -397
  488. package/src/css/primitives/card/card.ts +0 -13
  489. package/src/css/primitives/card/types.ts +0 -9
  490. package/src/css/primitives/checkbox/checkbox.css.ts +0 -193
  491. package/src/css/primitives/checkbox/checkbox.ts +0 -17
  492. package/src/css/primitives/code/code.css.ts +0 -272
  493. package/src/css/primitives/code/code.ts +0 -19
  494. package/src/css/primitives/code/types.ts +0 -11
  495. package/src/css/primitives/container/container.css.ts +0 -4
  496. package/src/css/primitives/container/container.ts +0 -17
  497. package/src/css/primitives/container/types.ts +0 -9
  498. package/src/css/primitives/heading/heading.css.ts +0 -86
  499. package/src/css/primitives/heading/heading.ts +0 -22
  500. package/src/css/primitives/heading/types.ts +0 -14
  501. package/src/css/primitives/kbd/kbd.css.ts +0 -16
  502. package/src/css/primitives/kbd/kbd.ts +0 -9
  503. package/src/css/primitives/kbd/types.ts +0 -6
  504. package/src/css/primitives/label/label.css.ts +0 -87
  505. package/src/css/primitives/label/label.ts +0 -22
  506. package/src/css/primitives/label/types.ts +0 -14
  507. package/src/css/primitives/popover/popover.css.ts +0 -6
  508. package/src/css/primitives/popover/popover.ts +0 -12
  509. package/src/css/primitives/radio/radio.css.ts +0 -78
  510. package/src/css/primitives/radio/radio.ts +0 -17
  511. package/src/css/primitives/root/root.css.ts +0 -20
  512. package/src/css/primitives/root/root.ts +0 -17
  513. package/src/css/primitives/root/types.ts +0 -10
  514. package/src/css/primitives/select/select.css.ts +0 -24
  515. package/src/css/primitives/select/select.ts +0 -14
  516. package/src/css/primitives/select/types.ts +0 -5
  517. package/src/css/primitives/selectable/selectable.css.ts +0 -131
  518. package/src/css/primitives/selectable/selectable.ts +0 -9
  519. package/src/css/primitives/selectable/types.ts +0 -9
  520. package/src/css/primitives/spinner/spinner.css.ts +0 -19
  521. package/src/css/primitives/spinner/spinner.ts +0 -13
  522. package/src/css/primitives/spinner/types.ts +0 -4
  523. package/src/css/primitives/srOnly/srOnly.css.ts +0 -10
  524. package/src/css/primitives/srOnly/srOnly.ts +0 -7
  525. package/src/css/primitives/stack/stack.css.ts +0 -6
  526. package/src/css/primitives/stack/stack.ts +0 -7
  527. package/src/css/primitives/switch/switch.css.ts +0 -98
  528. package/src/css/primitives/switch/switch.ts +0 -27
  529. package/src/css/primitives/text/text.css.ts +0 -86
  530. package/src/css/primitives/text/text.ts +0 -24
  531. package/src/css/primitives/text/types.ts +0 -18
  532. package/src/css/primitives/textArea/textArea.css.ts +0 -4
  533. package/src/css/primitives/textArea/textArea.ts +0 -9
  534. package/src/css/primitives/textArea/types.ts +0 -7
  535. package/src/css/primitives/textInput/textInput.css.ts +0 -43
  536. package/src/css/primitives/textInput/textInput.ts +0 -24
  537. package/src/css/primitives/textInput/types.ts +0 -7
  538. package/src/css/primitives/tooltip/tooltip.css.ts +0 -4
  539. package/src/css/primitives/tooltip/tooltip.ts +0 -8
  540. package/src/css/primitives/tooltip/types.ts +0 -4
  541. package/src/css/props/alignItems/alignItems.css.ts +0 -22
  542. package/src/css/props/alignItems/alignItems.ts +0 -8
  543. package/src/css/props/alignItems/types.ts +0 -9
  544. package/src/css/props/border/border.css.ts +0 -65
  545. package/src/css/props/border/border.ts +0 -21
  546. package/src/css/props/border/types.ts +0 -13
  547. package/src/css/props/boxSizing/boxSizing.css.ts +0 -12
  548. package/src/css/props/boxSizing/boxSizing.ts +0 -7
  549. package/src/css/props/boxSizing/types.ts +0 -7
  550. package/src/css/props/display/display.css.ts +0 -56
  551. package/src/css/props/display/display.ts +0 -8
  552. package/src/css/props/display/types.ts +0 -16
  553. package/src/css/props/flex/flex.css.ts +0 -52
  554. package/src/css/props/flex/flex.ts +0 -8
  555. package/src/css/props/flex/types.ts +0 -9
  556. package/src/css/props/flexDirection/flexDirection.css.ts +0 -19
  557. package/src/css/props/flexDirection/flexDirection.ts +0 -8
  558. package/src/css/props/flexDirection/types.ts +0 -9
  559. package/src/css/props/flexWrap/flexWrap.css.ts +0 -16
  560. package/src/css/props/flexWrap/flexWrap.ts +0 -8
  561. package/src/css/props/flexWrap/types.ts +0 -9
  562. package/src/css/props/font/font.css.ts +0 -94
  563. package/src/css/props/font/font.ts +0 -8
  564. package/src/css/props/font/types.ts +0 -6
  565. package/src/css/props/gap/gap.css.ts +0 -40
  566. package/src/css/props/gap/gap.ts +0 -13
  567. package/src/css/props/gap/types.ts +0 -10
  568. package/src/css/props/gridAutoColumns/gridAutoColumns.css.ts +0 -19
  569. package/src/css/props/gridAutoColumns/gridAutoColumns.ts +0 -8
  570. package/src/css/props/gridAutoColumns/types.ts +0 -9
  571. package/src/css/props/gridAutoFlow/gridAutoFlow.css.ts +0 -19
  572. package/src/css/props/gridAutoFlow/gridAutoFlow.ts +0 -8
  573. package/src/css/props/gridAutoFlow/types.ts +0 -9
  574. package/src/css/props/gridAutoRows/gridAutoRows.css.ts +0 -19
  575. package/src/css/props/gridAutoRows/gridAutoRows.ts +0 -8
  576. package/src/css/props/gridAutoRows/types.ts +0 -9
  577. package/src/css/props/gridColumn/gridColumn.css.ts +0 -49
  578. package/src/css/props/gridColumn/gridColumn.ts +0 -8
  579. package/src/css/props/gridColumn/types.ts +0 -9
  580. package/src/css/props/gridColumnEnd/gridColumnEnd.css.ts +0 -46
  581. package/src/css/props/gridColumnEnd/gridColumnEnd.ts +0 -8
  582. package/src/css/props/gridColumnEnd/types.ts +0 -9
  583. package/src/css/props/gridColumnStart/gridColumnStart.css.ts +0 -46
  584. package/src/css/props/gridColumnStart/gridColumnStart.ts +0 -8
  585. package/src/css/props/gridColumnStart/types.ts +0 -9
  586. package/src/css/props/gridRow/gridRow.css.ts +0 -49
  587. package/src/css/props/gridRow/gridRow.ts +0 -8
  588. package/src/css/props/gridRow/types.ts +0 -9
  589. package/src/css/props/gridRowEnd/gridRowEnd.css.ts +0 -46
  590. package/src/css/props/gridRowEnd/gridRowEnd.ts +0 -8
  591. package/src/css/props/gridRowEnd/types.ts +0 -9
  592. package/src/css/props/gridRowStart/gridRowStart.css.ts +0 -46
  593. package/src/css/props/gridRowStart/gridRowStart.ts +0 -8
  594. package/src/css/props/gridRowStart/types.ts +0 -9
  595. package/src/css/props/gridTemplateColumns/gridTemplateColumns.css.ts +0 -43
  596. package/src/css/props/gridTemplateColumns/gridTemplateColumns.ts +0 -8
  597. package/src/css/props/gridTemplateColumns/types.ts +0 -9
  598. package/src/css/props/gridTemplateRows/gridTemplateRows.css.ts +0 -43
  599. package/src/css/props/gridTemplateRows/gridTemplateRows.ts +0 -8
  600. package/src/css/props/gridTemplateRows/types.ts +0 -9
  601. package/src/css/props/height/height.css.ts +0 -25
  602. package/src/css/props/height/height.ts +0 -8
  603. package/src/css/props/height/types.ts +0 -9
  604. package/src/css/props/inset/inset.css.ts +0 -37
  605. package/src/css/props/inset/inset.ts +0 -21
  606. package/src/css/props/inset/types.ts +0 -13
  607. package/src/css/props/justifyContent/justifyContent.css.ts +0 -25
  608. package/src/css/props/justifyContent/justifyContent.ts +0 -8
  609. package/src/css/props/justifyContent/types.ts +0 -15
  610. package/src/css/props/margin/margin.css.ts +0 -117
  611. package/src/css/props/margin/margin.ts +0 -25
  612. package/src/css/props/margin/types.ts +0 -17
  613. package/src/css/props/maxWidth/maxWidth.css.ts +0 -32
  614. package/src/css/props/maxWidth/maxWidth.ts +0 -8
  615. package/src/css/props/maxWidth/types.ts +0 -11
  616. package/src/css/props/minHeight/minHeight.css.ts +0 -13
  617. package/src/css/props/minHeight/minHeight.ts +0 -8
  618. package/src/css/props/minHeight/types.ts +0 -9
  619. package/src/css/props/minWidth/minWidth.css.ts +0 -25
  620. package/src/css/props/minWidth/minWidth.ts +0 -8
  621. package/src/css/props/minWidth/types.ts +0 -9
  622. package/src/css/props/outline/outline.css.ts +0 -10
  623. package/src/css/props/outline/outline.ts +0 -8
  624. package/src/css/props/outline/types.ts +0 -7
  625. package/src/css/props/overflow/overflow.css.ts +0 -16
  626. package/src/css/props/overflow/overflow.ts +0 -8
  627. package/src/css/props/overflow/types.ts +0 -11
  628. package/src/css/props/padding/padding.css.ts +0 -87
  629. package/src/css/props/padding/padding.ts +0 -25
  630. package/src/css/props/padding/types.ts +0 -17
  631. package/src/css/props/pointerEvents/pointerEvents.css.ts +0 -13
  632. package/src/css/props/pointerEvents/pointerEvents.ts +0 -8
  633. package/src/css/props/pointerEvents/types.ts +0 -7
  634. package/src/css/props/position/position.css.ts +0 -22
  635. package/src/css/props/position/position.ts +0 -8
  636. package/src/css/props/position/types.ts +0 -9
  637. package/src/css/props/radius/radius.css.ts +0 -21
  638. package/src/css/props/radius/radius.ts +0 -8
  639. package/src/css/props/radius/types.ts +0 -8
  640. package/src/css/props/shadow/shadow.css.ts +0 -23
  641. package/src/css/props/shadow/shadow.ts +0 -8
  642. package/src/css/props/shadow/types.ts +0 -8
  643. package/src/css/props/textAlign/textAlign.css.ts +0 -22
  644. package/src/css/props/textAlign/textAlign.ts +0 -8
  645. package/src/css/props/textAlign/types.ts +0 -7
  646. package/src/css/props/textOverflow/textOverflow.css.ts +0 -19
  647. package/src/css/props/textOverflow/textOverflow.ts +0 -8
  648. package/src/css/props/textOverflow/types.ts +0 -12
  649. package/src/css/props/width/types.ts +0 -11
  650. package/src/css/props/width/width.css.ts +0 -31
  651. package/src/css/props/width/width.ts +0 -8
  652. package/src/css/theme/buildCSSTheme.ts +0 -492
  653. package/src/css/theme/defaultTheme.css.ts +0 -64
  654. package/src/css/types.ts +0 -431
  655. package/src/css/vars.css.ts +0 -680
  656. package/src/theme/_parseColorToken.ts +0 -180
  657. package/src/theme/buildTheme.ts +0 -32
  658. package/src/theme/constants.ts +0 -90
  659. package/src/theme/defaults/color.ts +0 -197
  660. package/src/theme/defaults/common.ts +0 -71
  661. package/src/theme/defaults/fonts.ts +0 -250
  662. package/src/theme/index.ts +0 -5
  663. package/src/theme/merge.ts +0 -24
  664. package/src/theme/resolveTokens.ts +0 -204
  665. package/src/theme/types.ts +0 -366
@@ -0,0 +1,846 @@
1
+ import { a as ThemeColorInputModeKey, c as ThemeColorStateKey, i as ThemeColorCardToneKey, l as ThemeColorStateToneKey, n as ThemeColorBlendModeKey, o as ThemeColorInputStateKey, r as ThemeColorButtonModeKey, s as ThemeColorSchemeKey, t as ThemeColorAvatarColorKey } from "./_system-CTe2lb5l.js";
2
+ import { a as ThemeFontWeightKey, o as ThemeFonts } from "./font-EtfxKPUz.js";
3
+ import * as CSS from "csstype";
4
+ /**
5
+ * @internal
6
+ */
7
+ interface RGB {
8
+ r: number;
9
+ g: number;
10
+ b: number;
11
+ a?: undefined;
12
+ }
13
+ /**
14
+ * @internal
15
+ */
16
+ interface RGBA {
17
+ r: number;
18
+ g: number;
19
+ b: number;
20
+ a: number;
21
+ }
22
+ /**
23
+ * @internal
24
+ */
25
+ interface HSL {
26
+ h: number;
27
+ s: number;
28
+ l: number;
29
+ }
30
+ /**
31
+ * @public
32
+ */
33
+ interface ThemeColorSyntax {
34
+ atrule: string;
35
+ attrName: string;
36
+ attrValue: string;
37
+ attribute: string;
38
+ boolean: string;
39
+ builtin: string;
40
+ cdata: string;
41
+ char: string;
42
+ class: string;
43
+ className: string;
44
+ comment: string;
45
+ constant: string;
46
+ deleted: string;
47
+ doctype: string;
48
+ entity: string;
49
+ function: string;
50
+ hexcode: string;
51
+ id: string;
52
+ important: string;
53
+ inserted: string;
54
+ keyword: string;
55
+ number: string;
56
+ operator: string;
57
+ prolog: string;
58
+ property: string;
59
+ pseudoClass: string;
60
+ pseudoElement: string;
61
+ punctuation: string;
62
+ regex: string;
63
+ selector: string;
64
+ string: string;
65
+ symbol: string;
66
+ tag: string;
67
+ unit: string;
68
+ url: string;
69
+ variable: string;
70
+ }
71
+ /**
72
+ * @public
73
+ */
74
+ interface ThemeLayer {
75
+ dialog: {
76
+ zOffset: number;
77
+ };
78
+ popover: {
79
+ zOffset: number;
80
+ };
81
+ tooltip: {
82
+ zOffset: number;
83
+ };
84
+ }
85
+ /**
86
+ * @public
87
+ */
88
+ type ThemeBoxShadow = [number, number, number, number];
89
+ /**
90
+ * @public
91
+ */
92
+ interface ThemeShadow {
93
+ umbra: ThemeBoxShadow;
94
+ penumbra: ThemeBoxShadow;
95
+ ambient: ThemeBoxShadow;
96
+ }
97
+ /**
98
+ * A CSS-in-JS style object: standard CSS properties plus an index signature that allows nested
99
+ * selectors, at-rules and custom properties.
100
+ *
101
+ * This is a self-owned definition (based on `csstype`) so the published `.d.ts` types stay fully
102
+ * controlled by us and do not reference any external CSS-in-JS library types.
103
+ *
104
+ * @internal
105
+ */
106
+ interface CSSObject extends CSS.Properties<number | (string & {})> {
107
+ [key: string]: CSSObject | string | number | undefined;
108
+ }
109
+ /**
110
+ * @internal
111
+ */
112
+ interface ThemeStyles {
113
+ button?: {
114
+ root?: CSSObject;
115
+ };
116
+ card?: {
117
+ root?: CSSObject;
118
+ };
119
+ }
120
+ /**
121
+ * @public
122
+ */
123
+ interface ThemeFocusRing {
124
+ offset: number;
125
+ width: number;
126
+ }
127
+ /**
128
+ * @public
129
+ */
130
+ interface ThemeAvatar_v2 {
131
+ sizes: {
132
+ /** Spacing between avatars in an <AvatarStack> component (px) */
133
+ distance: number;
134
+ /** Diameter of the avatar (px) */
135
+ size: number;
136
+ }[];
137
+ focusRing: ThemeFocusRing;
138
+ }
139
+ /**
140
+ * @public
141
+ */
142
+ interface ThemeColorAvatarHue_v2 {
143
+ _blend?: ThemeColorBlendModeKey;
144
+ bg: string;
145
+ fg: string;
146
+ }
147
+ /**
148
+ * @public
149
+ */
150
+ type ThemeColorAvatar_v2 = Record<ThemeColorAvatarColorKey, ThemeColorAvatarHue_v2>;
151
+ /**
152
+ * @public
153
+ */
154
+ interface ThemeColorBadgeTone_v2 {
155
+ bg: string;
156
+ fg: string;
157
+ dot: string;
158
+ icon: string;
159
+ }
160
+ /**
161
+ * @public
162
+ */
163
+ type ThemeColorBadge_v2 = Record<ThemeColorStateToneKey, ThemeColorBadgeTone_v2>;
164
+ /**
165
+ * @public
166
+ */
167
+ interface ThemeColorKBD {
168
+ bg: string;
169
+ fg: string;
170
+ border: string;
171
+ }
172
+ /**
173
+ * @public
174
+ */
175
+ interface ThemeColorState_v2 {
176
+ /** @internal */
177
+ _blend?: ThemeColorBlendModeKey;
178
+ accent: {
179
+ fg: string;
180
+ };
181
+ /**
182
+ * @internal This may be removed in a future release
183
+ * */
184
+ avatar: ThemeColorAvatar_v2;
185
+ /**
186
+ * @internal This may be removed in a future release
187
+ * */
188
+ badge: ThemeColorBadge_v2;
189
+ bg: string;
190
+ border: string;
191
+ code: {
192
+ bg: string;
193
+ fg: string;
194
+ };
195
+ fg: string;
196
+ icon: string;
197
+ kbd: ThemeColorKBD;
198
+ link: {
199
+ fg: string;
200
+ };
201
+ muted: {
202
+ bg: string;
203
+ fg: string;
204
+ };
205
+ skeleton: {
206
+ from: string;
207
+ to: string;
208
+ };
209
+ }
210
+ /**
211
+ * @public
212
+ */
213
+ type ThemeColorButtonTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>;
214
+ /**
215
+ * @public
216
+ */
217
+ type ThemeColorButtonMode_v2 = Record<ThemeColorStateToneKey, ThemeColorButtonTone_v2>;
218
+ /**
219
+ * @public
220
+ */
221
+ type ThemeColorButton_v2 = Record<ThemeColorButtonModeKey, ThemeColorButtonMode_v2>;
222
+ /**
223
+ * @public
224
+ */
225
+ interface ThemeColorInputState_v2 {
226
+ _blend?: ThemeColorBlendModeKey;
227
+ bg: string;
228
+ border: string;
229
+ fg: string;
230
+ muted: {
231
+ bg: string;
232
+ };
233
+ placeholder: string;
234
+ }
235
+ /**
236
+ * @public
237
+ */
238
+ type ThemeColorInputMode_v2 = Record<ThemeColorInputStateKey, ThemeColorInputState_v2>;
239
+ /**
240
+ * @public
241
+ */
242
+ type ThemeColorInput_v2 = Record<ThemeColorInputModeKey, ThemeColorInputMode_v2>;
243
+ /**
244
+ * @public
245
+ */
246
+ type ThemeColorSelectableTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>;
247
+ /**
248
+ * @public
249
+ */
250
+ type ThemeColorSelectable_v2 = Record<ThemeColorStateToneKey, ThemeColorSelectableTone_v2>;
251
+ /** @public */
252
+ interface ThemeColorShadow {
253
+ outline: string;
254
+ umbra: string;
255
+ penumbra: string;
256
+ ambient: string;
257
+ }
258
+ /**
259
+ * @public
260
+ */
261
+ interface ThemeColorCard_v2 extends ThemeColorState_v2 {
262
+ /** @internal */
263
+ _blend: ThemeColorBlendModeKey;
264
+ _dark: boolean;
265
+ backdrop: string;
266
+ button: ThemeColorButton_v2;
267
+ focusRing: string;
268
+ input: ThemeColorInput_v2;
269
+ selectable: ThemeColorSelectable_v2;
270
+ shadow: ThemeColorShadow;
271
+ syntax: ThemeColorSyntax;
272
+ }
273
+ /**
274
+ * @public
275
+ */
276
+ type ThemeColorScheme_v2 = Record<ThemeColorCardToneKey, ThemeColorCard_v2>;
277
+ /**
278
+ * @public
279
+ */
280
+ type ThemeColorSchemes_v2 = Record<ThemeColorSchemeKey, ThemeColorScheme_v2>;
281
+ /**
282
+ * @public
283
+ */
284
+ interface ThemeInput_v2 {
285
+ checkbox: {
286
+ size: number;
287
+ focusRing: ThemeFocusRing;
288
+ };
289
+ radio: {
290
+ size: number;
291
+ markSize: number;
292
+ focusRing: ThemeFocusRing;
293
+ };
294
+ switch: {
295
+ width: number;
296
+ height: number;
297
+ padding: number;
298
+ transitionDurationMs: number;
299
+ transitionTimingFunction: string;
300
+ focusRing: ThemeFocusRing;
301
+ };
302
+ border: {
303
+ width: number;
304
+ };
305
+ select: {
306
+ focusRing: ThemeFocusRing;
307
+ };
308
+ text: {
309
+ focusRing: ThemeFocusRing;
310
+ };
311
+ }
312
+ /**
313
+ * @public
314
+ * @deprecated Use `ThemeAvatar_v2` from `@sanity/ui/theme` instead.
315
+ */
316
+ interface ThemeAvatar {
317
+ sizes: {
318
+ distance: number;
319
+ size: number;
320
+ }[];
321
+ }
322
+ /**
323
+ * @public
324
+ * @deprecated Use `ThemeColorState_v2` instead.
325
+ */
326
+ interface ThemeColorGenericState {
327
+ /** @internal */
328
+ _blend?: ThemeColorBlendModeKey;
329
+ bg: string;
330
+ /**
331
+ * @beta
332
+ */
333
+ bg2?: string;
334
+ border: string;
335
+ fg: string;
336
+ icon: string;
337
+ muted: {
338
+ fg: string;
339
+ };
340
+ accent: {
341
+ fg: string;
342
+ };
343
+ link: {
344
+ fg: string;
345
+ };
346
+ code: {
347
+ bg: string;
348
+ fg: string;
349
+ };
350
+ skeleton?: {
351
+ from: string;
352
+ to: string;
353
+ };
354
+ }
355
+ /**
356
+ * @public
357
+ * @deprecated Use `ThemeColorCardToneKey` instead.
358
+ */
359
+ type ThemeColorName = 'transparent' | 'default' | 'primary' | 'positive' | 'caution' | 'critical';
360
+ /**
361
+ * @public
362
+ * @deprecated Use `ThemeColorCardToneKey` instead.
363
+ */
364
+ type ThemeColorToneKey = ThemeColorName;
365
+ /**
366
+ * @public
367
+ * @deprecated Use `ThemeColorCard_v2` instead.
368
+ */
369
+ interface ThemeColorBase {
370
+ bg: string;
371
+ fg: string;
372
+ border: string;
373
+ focusRing: string;
374
+ backdrop?: string;
375
+ shadow: {
376
+ outline: string;
377
+ umbra: string;
378
+ penumbra: string;
379
+ ambient: string;
380
+ };
381
+ skeleton?: {
382
+ from: string;
383
+ to: string;
384
+ };
385
+ }
386
+ /**
387
+ * @public
388
+ * @deprecated Use `ThemeColorState_v2` instead.
389
+ */
390
+ type ThemeColorButtonState = ThemeColorGenericState;
391
+ /**
392
+ * @public
393
+ * @deprecated Use `ThemeColorButtonStates_v2` instead.
394
+ */
395
+ interface ThemeColorButtonStates {
396
+ enabled: ThemeColorGenericState;
397
+ hovered: ThemeColorGenericState;
398
+ pressed: ThemeColorGenericState;
399
+ selected: ThemeColorGenericState;
400
+ disabled: ThemeColorGenericState;
401
+ }
402
+ /**
403
+ * TODO: Rename to `ThemeColorButtonMode`.
404
+ * @public
405
+ * @deprecated Use `ThemeColorButtonTones_v2` instead.
406
+ */
407
+ interface ThemeColorButtonTones {
408
+ default: ThemeColorButtonStates;
409
+ primary: ThemeColorButtonStates;
410
+ positive: ThemeColorButtonStates;
411
+ caution: ThemeColorButtonStates;
412
+ critical: ThemeColorButtonStates;
413
+ }
414
+ /**
415
+ * @public
416
+ * @deprecated Use `ThemeColorButton_v2` instead.
417
+ */
418
+ interface ThemeColorButton {
419
+ default: ThemeColorButtonTones;
420
+ ghost: ThemeColorButtonTones;
421
+ bleed: ThemeColorButtonTones;
422
+ }
423
+ /**
424
+ * @public
425
+ * @deprecated Use `ThemeColorState_v2` instead.
426
+ */
427
+ type ThemeColorCardState = ThemeColorGenericState;
428
+ /**
429
+ * @public
430
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
431
+ */
432
+ interface ThemeColorCard {
433
+ enabled: ThemeColorGenericState;
434
+ hovered: ThemeColorGenericState;
435
+ pressed: ThemeColorGenericState;
436
+ selected: ThemeColorGenericState;
437
+ disabled: ThemeColorGenericState;
438
+ }
439
+ /**
440
+ * @public
441
+ * @deprecated Use `ThemeColorInputState_v2` instead.
442
+ */
443
+ interface ThemeColorInputState {
444
+ _blend?: ThemeColorBlendModeKey;
445
+ bg: string;
446
+ bg2: string;
447
+ border: string;
448
+ fg: string;
449
+ placeholder: string;
450
+ }
451
+ /**
452
+ * @public
453
+ * @deprecated Use `ThemeColorInputMode_v2` instead.
454
+ */
455
+ interface ThemeColorInputStates {
456
+ enabled: ThemeColorInputState;
457
+ disabled: ThemeColorInputState;
458
+ hovered: ThemeColorInputState;
459
+ readOnly: ThemeColorInputState;
460
+ }
461
+ /**
462
+ * @public
463
+ * @deprecated Use `ThemeColorInput_v2` instead.
464
+ */
465
+ interface ThemeColorInput {
466
+ default: ThemeColorInputStates;
467
+ invalid: ThemeColorInputStates;
468
+ }
469
+ /**
470
+ * @public
471
+ * @deprecated Use `ThemeColorSelectableTone_v2` instead.
472
+ */
473
+ interface ThemeColorMutedTone {
474
+ enabled: ThemeColorGenericState;
475
+ disabled: ThemeColorGenericState;
476
+ hovered: ThemeColorGenericState;
477
+ pressed: ThemeColorGenericState;
478
+ selected: ThemeColorGenericState;
479
+ }
480
+ /**
481
+ * @public
482
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
483
+ */
484
+ interface ThemeColorMuted {
485
+ default: ThemeColorMutedTone;
486
+ transparent: ThemeColorMutedTone;
487
+ primary: ThemeColorMutedTone;
488
+ positive: ThemeColorMutedTone;
489
+ caution: ThemeColorMutedTone;
490
+ critical: ThemeColorMutedTone;
491
+ }
492
+ /**
493
+ * @public
494
+ * @deprecated Use `ThemeColorState_v2` instead.
495
+ */
496
+ type ThemeColorSelectableState = ThemeColorGenericState;
497
+ /**
498
+ * @public
499
+ * @deprecated Use `ThemeColorSelectableStates_v2` instead.
500
+ */
501
+ interface ThemeColorSelectableStates {
502
+ enabled: ThemeColorSelectableState;
503
+ hovered: ThemeColorSelectableState;
504
+ pressed: ThemeColorSelectableState;
505
+ selected: ThemeColorSelectableState;
506
+ disabled: ThemeColorSelectableState;
507
+ }
508
+ /**
509
+ * @public
510
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
511
+ */
512
+ interface ThemeColorSelectable {
513
+ default: ThemeColorSelectableStates;
514
+ primary: ThemeColorSelectableStates;
515
+ positive: ThemeColorSelectableStates;
516
+ caution: ThemeColorSelectableStates;
517
+ critical: ThemeColorSelectableStates;
518
+ }
519
+ /**
520
+ * @public
521
+ * @deprecated Use `ThemeColorSelectableTone_v2` instead.
522
+ */
523
+ interface ThemeColorSolidTone {
524
+ enabled: ThemeColorGenericState;
525
+ disabled: ThemeColorGenericState;
526
+ hovered: ThemeColorGenericState;
527
+ pressed: ThemeColorGenericState;
528
+ selected: ThemeColorGenericState;
529
+ }
530
+ /**
531
+ * @public
532
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
533
+ */
534
+ interface ThemeColorSolid {
535
+ default: ThemeColorSolidTone;
536
+ transparent: ThemeColorSolidTone;
537
+ primary: ThemeColorSolidTone;
538
+ positive: ThemeColorSolidTone;
539
+ caution: ThemeColorSolidTone;
540
+ critical: ThemeColorSolidTone;
541
+ }
542
+ /**
543
+ * @public
544
+ * @deprecated Use `ThemeColorAvatarColorKey` instead
545
+ */
546
+ type ThemeColorSpotKey = ThemeColorAvatarColorKey;
547
+ /**
548
+ * @public
549
+ * @deprecated Use `ThemeColorAvatar_v2` instead
550
+ */
551
+ type ThemeColorSpot = Record<ThemeColorSpotKey, string>;
552
+ /**
553
+ * @public
554
+ * @deprecated Use `ThemeColor_v2` instead.
555
+ */
556
+ interface ThemeColor extends Partial<Omit<ThemeColorGenericState, 'muted'>> {
557
+ base: ThemeColorBase;
558
+ button: ThemeColorButton;
559
+ card: ThemeColorCard;
560
+ dark: boolean;
561
+ input: ThemeColorInput;
562
+ muted: ThemeColorMuted;
563
+ selectable?: ThemeColorSelectable;
564
+ solid: ThemeColorSolid;
565
+ spot: ThemeColorSpot;
566
+ syntax: ThemeColorSyntax;
567
+ }
568
+ /**
569
+ * @public
570
+ * @deprecated Use `ThemeColorScheme_v2` instead.
571
+ */
572
+ type ThemeColorScheme = Record<ThemeColorName, ThemeColor>;
573
+ /**
574
+ * @public
575
+ * @deprecated Use `ThemeColorSchemes_v2` instead.
576
+ */
577
+ type ThemeColorSchemes = Record<ThemeColorSchemeKey, ThemeColorScheme>;
578
+ /**
579
+ * @public
580
+ * @deprecated Use `ThemeInput_v2` instead
581
+ */
582
+ interface ThemeInput {
583
+ checkbox: {
584
+ size: number;
585
+ };
586
+ radio: {
587
+ size: number;
588
+ markSize: number;
589
+ };
590
+ switch: {
591
+ width: number;
592
+ height: number;
593
+ padding: number;
594
+ transitionDurationMs: number;
595
+ transitionTimingFunction: string;
596
+ };
597
+ border: {
598
+ width: number;
599
+ };
600
+ }
601
+ /**
602
+ * @public
603
+ */
604
+ interface RootTheme_v2 {
605
+ _version: 2;
606
+ avatar: ThemeAvatar_v2;
607
+ button: {
608
+ border: {
609
+ width: number;
610
+ };
611
+ focusRing: ThemeFocusRing;
612
+ textWeight: ThemeFontWeightKey;
613
+ };
614
+ card: {
615
+ border: {
616
+ width: number;
617
+ };
618
+ focusRing: ThemeFocusRing;
619
+ shadow: {
620
+ outline: number;
621
+ };
622
+ };
623
+ color: ThemeColorSchemes_v2;
624
+ container: number[];
625
+ font: ThemeFonts;
626
+ input: ThemeInput_v2;
627
+ layer: ThemeLayer;
628
+ media: number[];
629
+ radius: number[];
630
+ shadow: Array<ThemeShadow | null>;
631
+ space: number[];
632
+ /** @internal */
633
+ style?: ThemeStyles;
634
+ }
635
+ /**
636
+ * @public
637
+ */
638
+ interface BaseTheme {
639
+ _version?: 0;
640
+ /**
641
+ * @deprecated Use `v2.avatar` instead
642
+ */
643
+ avatar: ThemeAvatar;
644
+ /**
645
+ * @deprecated Use `v2.button` instead
646
+ */
647
+ button: {
648
+ textWeight: ThemeFontWeightKey;
649
+ };
650
+ /**
651
+ * @deprecated Use `v2.color` instead
652
+ */
653
+ color: ThemeColorSchemes;
654
+ /**
655
+ * @deprecated Use `v2.container` instead
656
+ */
657
+ container: number[];
658
+ /**
659
+ * @deprecated Use component-specific `v2.{button | card | input}.focusRing` values instead
660
+ */
661
+ focusRing: {
662
+ offset: number;
663
+ width: number;
664
+ };
665
+ /**
666
+ * @deprecated Use `v2.font` instead
667
+ */
668
+ fonts: ThemeFonts;
669
+ /**
670
+ * @deprecated Use `v2.input` instead
671
+ */
672
+ input: ThemeInput;
673
+ /**
674
+ * THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
675
+ * @beta
676
+ * @deprecated Use `v2.layer` instead
677
+ */
678
+ layer?: ThemeLayer;
679
+ /**
680
+ * @deprecated Use `v2.media` instead
681
+ */
682
+ media: number[];
683
+ /**
684
+ * @deprecated Use `v2.radius` instead
685
+ */
686
+ radius: number[];
687
+ /**
688
+ * @deprecated Use `v2.shadow` instead
689
+ */
690
+ shadows: Array<ThemeShadow | null>;
691
+ /**
692
+ * @deprecated Use `v2.space` instead
693
+ */
694
+ space: number[];
695
+ /**
696
+ * @internal
697
+ * @deprecated Use `v2.style` instead
698
+ */
699
+ styles?: ThemeStyles;
700
+ v2?: RootTheme_v2;
701
+ }
702
+ /**
703
+ * @public
704
+ */
705
+ type RootTheme = BaseTheme;
706
+ /**
707
+ * @public
708
+ */
709
+ type Theme_v2 = Omit<RootTheme_v2, 'color'> & {
710
+ color: ThemeColorCard_v2;
711
+ /**
712
+ * Indicates whether the theme is resolved or raw, it's necessary to avoid issues
713
+ * with sanity V2 components accessing a v1 <ThemeProvider>.
714
+ * See https://github.com/sanity-io/ui/pull/1203 for more info.
715
+ */
716
+ _resolved: boolean;
717
+ };
718
+ /**
719
+ * @public
720
+ */
721
+ interface Theme {
722
+ sanity: Omit<RootTheme, 'color' | 'v2'> & {
723
+ /**
724
+ * @deprecated Use `v2.color` instead
725
+ */
726
+ color: ThemeColor;
727
+ v2?: Theme_v2;
728
+ };
729
+ }
730
+ /**
731
+ * @public
732
+ * @deprecated Use `buildColorTheme` instead.
733
+ */
734
+ interface ThemeColorBuilderOpts {
735
+ base: (opts: {
736
+ dark: boolean;
737
+ name: ThemeColorName;
738
+ }) => ThemeColorBase;
739
+ solid: (opts: {
740
+ base: ThemeColorBase;
741
+ dark: boolean;
742
+ tone: ThemeColorName;
743
+ name: ThemeColorName;
744
+ state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected';
745
+ }) => ThemeColorGenericState;
746
+ muted: (opts: {
747
+ base: ThemeColorBase;
748
+ dark: boolean;
749
+ tone: ThemeColorToneKey;
750
+ name: ThemeColorName;
751
+ state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected';
752
+ }) => ThemeColorGenericState;
753
+ card: (opts: {
754
+ base: ThemeColorBase;
755
+ dark: boolean;
756
+ muted: ThemeColorMuted;
757
+ name: ThemeColorName;
758
+ solid: ThemeColorSolid;
759
+ state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected';
760
+ }) => ThemeColorGenericState;
761
+ button: (opts: {
762
+ dark: boolean;
763
+ mode: ThemeColorButtonModeKey;
764
+ base: ThemeColorBase;
765
+ solid: ThemeColorSolidTone;
766
+ muted: ThemeColorMutedTone;
767
+ }) => ThemeColorButtonStates;
768
+ input: (opts: {
769
+ base: ThemeColorBase;
770
+ solid: ThemeColorSolidTone;
771
+ muted: ThemeColorMutedTone;
772
+ dark: boolean;
773
+ mode: 'default' | 'invalid';
774
+ state: 'enabled' | 'disabled' | 'hovered' | 'readOnly';
775
+ }) => ThemeColorInputState;
776
+ selectable: (opts: {
777
+ dark: boolean;
778
+ base: ThemeColorBase;
779
+ solid: ThemeColorSolid;
780
+ muted: ThemeColorMuted;
781
+ state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected';
782
+ tone: 'default' | 'primary' | 'positive' | 'caution' | 'critical';
783
+ }) => ThemeColorGenericState;
784
+ syntax: (opts: {
785
+ base: ThemeColorBase;
786
+ dark: boolean;
787
+ }) => ThemeColorSyntax;
788
+ spot: (opts: {
789
+ base: ThemeColorBase;
790
+ dark: boolean;
791
+ key: ThemeColorSpotKey;
792
+ }) => string;
793
+ }
794
+ /**
795
+ * @public
796
+ * @deprecated Use `ThemeConfig` instead.
797
+ */
798
+ type PartialThemeColorBuilderOpts = Partial<ThemeColorBuilderOpts>;
799
+ /**
800
+ * @public
801
+ * @deprecated Use `buildColorTheme` instead.
802
+ */
803
+ declare function createColorTheme(partialOpts?: PartialThemeColorBuilderOpts): ThemeColorSchemes;
804
+ /**
805
+ * Apply the \`multiply\` blend mode
806
+ * Source: https://www.w3.org/TR/compositing-1/#blendingmultiply
807
+ * @internal
808
+ */
809
+ declare function multiply(b: RGB | RGBA, s: RGB | RGBA): RGB;
810
+ /**
811
+ * Apply the \`screen\` blend mode
812
+ * Source: https://www.w3.org/TR/compositing-1/#blendingscreen
813
+ * @internal
814
+ */
815
+ declare function screen(b: RGB | RGBA, s: RGB | RGBA): RGB;
816
+ /**
817
+ * @internal
818
+ */
819
+ declare function hexToRgb(hex: string): RGB;
820
+ /**
821
+ * @internal
822
+ */
823
+ declare function rgbaToRGBA(rgba: string): RGBA;
824
+ /**
825
+ * @internal
826
+ */
827
+ declare function rgbToHex(color: RGB | RGBA): string;
828
+ /**
829
+ * @internal
830
+ * @see https://css-tricks.com/converting-color-spaces-in-javascript/
831
+ */
832
+ declare function rgbToHsl({ r, g, b }: RGB): HSL;
833
+ /**
834
+ * @internal
835
+ */
836
+ declare function hslToRgb(hsl: HSL): RGB;
837
+ /**
838
+ * @internal
839
+ */
840
+ declare function parseColor(color: unknown): RGB | RGBA;
841
+ /**
842
+ * @internal
843
+ */
844
+ declare function rgba(color: unknown, a: number): string;
845
+ export { ThemeColorInputState_v2 as $, ThemeColorMutedTone as A, ThemeColorBase as B, ThemeColorSpotKey as C, ThemeColorSelectableState as D, ThemeColorSelectable as E, ThemeColorCardState as F, ThemeInput_v2 as G, ThemeColorToneKey as H, ThemeColorButton as I, ThemeColorSchemes_v2 as J, ThemeColorCard_v2 as K, ThemeColorButtonState as L, ThemeColorInputState as M, ThemeColorInputStates as N, ThemeColorSelectableStates as O, ThemeColorCard as P, ThemeColorInputMode_v2 as Q, ThemeColorButtonStates as R, ThemeColorSpot as S, ThemeColorSolidTone as T, ThemeColorGenericState as U, ThemeColorName as V, ThemeAvatar as W, ThemeColorSelectableTone_v2 as X, ThemeColorShadow as Y, ThemeColorSelectable_v2 as Z, Theme_v2 as _, ThemeColorSyntax as _t, rgbToHex as a, ThemeColorKBD as at, ThemeColorScheme as b, RGBA as bt, screen as c, ThemeColorAvatarHue_v2 as ct, ThemeColorBuilderOpts as d, ThemeFocusRing as dt, ThemeColorInput_v2 as et, createColorTheme as f, ThemeStyles as ft, Theme as g, ThemeLayer as gt, RootTheme_v2 as h, ThemeShadow as ht, hslToRgb as i, ThemeColorState_v2 as it, ThemeColorInput as j, ThemeColorMuted as k, multiply as l, ThemeColorAvatar_v2 as lt, RootTheme as m, ThemeBoxShadow as mt, parseColor as n, ThemeColorButtonTone_v2 as nt, rgbToHsl as o, ThemeColorBadgeTone_v2 as ot, BaseTheme as p, CSSObject as pt, ThemeColorScheme_v2 as q, hexToRgb as r, ThemeColorButton_v2 as rt, rgbaToRGBA as s, ThemeColorBadge_v2 as st, rgba as t, ThemeColorButtonMode_v2 as tt, PartialThemeColorBuilderOpts as u, ThemeAvatar_v2 as ut, ThemeInput as v, HSL as vt, ThemeColorSolid as w, ThemeColorSchemes as x, ThemeColor as y, RGB as yt, ThemeColorButtonTones as z };
846
+ //# sourceMappingURL=rgba-BSYaEUW6.d.ts.map