@sanity/ui 3.0.5 → 4.0.0-static.10

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 (869) hide show
  1. package/README.md +7 -9
  2. package/dist/_chunks-cjs/{refractor.js → refractor.cjs} +3 -4
  3. package/dist/_chunks-cjs/refractor.cjs.map +1 -0
  4. package/dist/_chunks-es/{refractor.mjs → refractor.js} +2 -3
  5. package/dist/_chunks-es/refractor.js.map +1 -0
  6. package/dist/css/index.cjs +966 -0
  7. package/dist/css/index.cjs.map +1 -0
  8. package/dist/css/index.css +23387 -0
  9. package/dist/css/index.css.map +1 -0
  10. package/dist/css/index.d.cts +1394 -0
  11. package/dist/css/index.d.ts +1394 -0
  12. package/dist/css/index.js +967 -0
  13. package/dist/css/index.js.map +1 -0
  14. package/dist/index.cjs +4515 -0
  15. package/dist/index.cjs.map +1 -0
  16. package/dist/index.d.cts +2521 -0
  17. package/dist/index.d.ts +1379 -1824
  18. package/dist/index.js +3872 -1066
  19. package/dist/index.js.map +1 -1
  20. package/dist/theme.cjs +870 -0
  21. package/dist/theme.cjs.map +1 -0
  22. package/dist/theme.d.cts +499 -0
  23. package/dist/theme.d.ts +375 -1376
  24. package/dist/theme.js +548 -3790
  25. package/dist/theme.js.map +1 -1
  26. package/exports/css.ts +1 -0
  27. package/package.json +73 -68
  28. package/src/core/Root.tsx +88 -0
  29. package/src/core/RootProvider.tsx +40 -0
  30. package/src/core/__workshop__/boundary.tsx +28 -0
  31. package/src/core/__workshop__/index.ts +16 -0
  32. package/src/core/components/autocomplete/__workshop__/async.tsx +7 -7
  33. package/src/core/components/autocomplete/__workshop__/constrainedHeight.tsx +13 -19
  34. package/src/core/components/autocomplete/__workshop__/custom.tsx +19 -17
  35. package/src/core/components/autocomplete/__workshop__/example.tsx +16 -15
  36. package/src/core/components/autocomplete/__workshop__/focusAndBlur.tsx +6 -6
  37. package/src/core/components/autocomplete/__workshop__/fullscreen.tsx +58 -60
  38. package/src/core/components/autocomplete/__workshop__/index.ts +5 -3
  39. package/src/core/components/autocomplete/{__mocks__ → __workshop__/mock}/apiStore.ts +1 -1
  40. package/src/core/components/autocomplete/{__mocks__ → __workshop__/mock}/countries.ts +1 -1
  41. package/src/core/components/autocomplete/autocomplete.tsx +121 -160
  42. package/src/core/components/autocomplete/autocompleteOption.tsx +4 -4
  43. package/src/core/components/autocomplete/autocompleteReducer.ts +1 -1
  44. package/src/core/components/autocomplete/constants.ts +2 -2
  45. package/src/core/components/autocomplete/types.ts +4 -9
  46. package/src/core/components/breadcrumbs/__workshop__/example.tsx +3 -4
  47. package/src/core/components/breadcrumbs/__workshop__/index.ts +5 -3
  48. package/src/core/components/breadcrumbs/breadcrumbs.tsx +62 -30
  49. package/src/core/components/dialog/__workshop__/activate.tsx +17 -10
  50. package/src/core/components/dialog/__workshop__/autoFocus.tsx +3 -3
  51. package/src/core/components/dialog/__workshop__/index.ts +5 -3
  52. package/src/core/components/dialog/__workshop__/layering.tsx +1 -1
  53. package/src/core/components/dialog/__workshop__/nested.tsx +5 -6
  54. package/src/core/components/dialog/__workshop__/onScroll.tsx +17 -5
  55. package/src/core/components/dialog/__workshop__/panes.tsx +13 -6
  56. package/src/core/components/dialog/__workshop__/position.tsx +5 -5
  57. package/src/core/components/dialog/__workshop__/props.tsx +9 -7
  58. package/src/core/components/dialog/__workshop__/provider.tsx +1 -1
  59. package/src/core/components/dialog/__workshop__/wrapped.tsx +3 -3
  60. package/src/core/components/dialog/dialog.tsx +117 -319
  61. package/src/core/components/dialog/dialogCard.tsx +233 -0
  62. package/src/core/components/dialog/dialogContext.ts +8 -7
  63. package/src/core/components/dialog/dialogProvider.tsx +7 -8
  64. package/src/core/components/dialog/isTargetWithinScope.ts +14 -0
  65. package/src/core/{types/dialog.ts → components/dialog/types.ts} +1 -3
  66. package/src/core/components/dialog/useDialog.ts +1 -1
  67. package/src/core/components/hotkeys/__workshop__/index.ts +5 -3
  68. package/src/core/components/hotkeys/__workshop__/plain.tsx +1 -1
  69. package/src/core/components/hotkeys/hotkeys.tsx +42 -44
  70. package/src/core/components/menu/__workshop__/asComponent.tsx +7 -7
  71. package/src/core/components/menu/__workshop__/avatarMenu.tsx +13 -7
  72. package/src/core/components/menu/__workshop__/closableMenuButton.tsx +6 -5
  73. package/src/core/components/menu/__workshop__/constrainedInBoundary.tsx +4 -5
  74. package/src/core/components/menu/__workshop__/customMenuItem.tsx +4 -4
  75. package/src/core/components/menu/__workshop__/customSelectedState.tsx +2 -6
  76. package/src/core/components/menu/__workshop__/disableFocusOnClose.tsx +2 -2
  77. package/src/core/components/menu/__workshop__/groups.tsx +3 -3
  78. package/src/core/components/menu/__workshop__/index.ts +5 -3
  79. package/src/core/components/menu/__workshop__/menuButton.tsx +6 -6
  80. package/src/core/components/menu/__workshop__/menuGroupRight.tsx +2 -2
  81. package/src/core/components/menu/__workshop__/nestedMenu.tsx +2 -2
  82. package/src/core/components/menu/__workshop__/onCloseMenuButton.tsx +14 -5
  83. package/src/core/components/menu/__workshop__/selectedItem.tsx +3 -3
  84. package/src/core/components/menu/__workshop__/shouldFocus.tsx +2 -7
  85. package/src/core/components/menu/__workshop__/tones.tsx +6 -6
  86. package/src/core/components/menu/__workshop__/withoutArrow.tsx +2 -2
  87. package/src/core/components/menu/helpers.ts +1 -1
  88. package/src/core/components/menu/menu.test.tsx +18 -17
  89. package/src/core/components/menu/menu.tsx +48 -46
  90. package/src/core/components/menu/menuButton.tsx +40 -83
  91. package/src/core/components/menu/menuContext.ts +6 -16
  92. package/src/core/components/menu/menuDivider.tsx +32 -0
  93. package/src/core/components/menu/menuGroup.tsx +67 -51
  94. package/src/core/components/menu/menuItem.tsx +76 -72
  95. package/src/core/components/menu/useMenu.ts +1 -1
  96. package/src/core/components/menu/useMenuController.ts +17 -7
  97. package/src/core/components/tab/__workshop__/example.tsx +3 -3
  98. package/src/core/components/tab/__workshop__/index.ts +5 -3
  99. package/src/core/components/tab/tab.tsx +43 -35
  100. package/src/core/components/tab/tabList.tsx +53 -33
  101. package/src/core/components/tab/tabPanel.tsx +30 -22
  102. package/src/core/components/toast/__workshop__/hook.tsx +2 -2
  103. package/src/core/components/toast/__workshop__/index.ts +5 -3
  104. package/src/core/components/toast/__workshop__/toast.tsx +6 -6
  105. package/src/core/components/toast/toast.test.tsx +15 -13
  106. package/src/core/components/toast/toast.tsx +59 -66
  107. package/src/core/components/toast/toastContext.ts +5 -5
  108. package/src/core/components/toast/toastLayer.tsx +35 -32
  109. package/src/core/components/toast/toastProvider.tsx +20 -21
  110. package/src/core/components/toast/types.ts +6 -8
  111. package/src/core/components/toast/useToast.ts +2 -4
  112. package/src/core/components/tree/__workshop__/basic.perf.ts +2 -2
  113. package/src/core/components/tree/__workshop__/basic.tsx +2 -2
  114. package/src/core/components/tree/__workshop__/index.ts +5 -3
  115. package/src/core/components/tree/__workshop__/tabFromElement.tsx +2 -2
  116. package/src/core/components/tree/helpers.ts +1 -1
  117. package/src/core/components/tree/tree.tsx +198 -187
  118. package/src/core/components/tree/treeContext.ts +5 -5
  119. package/src/core/components/tree/treeGroup.tsx +28 -12
  120. package/src/core/components/tree/treeItem.tsx +90 -58
  121. package/src/core/components/tree/types.ts +4 -1
  122. package/src/core/components/tree/useTree.ts +1 -1
  123. package/src/core/{utils → components}/virtualList/__workshop__/changingProps.tsx +1 -1
  124. package/src/core/{utils → components}/virtualList/__workshop__/elementScroll.tsx +1 -1
  125. package/src/core/{utils → components}/virtualList/__workshop__/index.ts +6 -4
  126. package/src/core/{utils → components}/virtualList/__workshop__/infiniteList.tsx +2 -2
  127. package/src/core/{utils → components}/virtualList/__workshop__/windowScrolll.tsx +1 -1
  128. package/src/core/{utils → components}/virtualList/virtualList.tsx +96 -61
  129. package/src/core/constants.ts +4 -16
  130. package/src/core/helpers/focus.ts +0 -8
  131. package/src/core/helpers/props.ts +28 -0
  132. package/src/core/hooks/useClickOutsideEvent.test.tsx +4 -5
  133. package/src/core/hooks/useClickOutsideEvent.ts +3 -9
  134. package/src/core/hooks/useDelayed.test.ts +6 -7
  135. package/src/core/hooks/useDelayedState.ts +1 -1
  136. package/src/core/hooks/useElementSize.ts +1 -1
  137. package/src/core/hooks/useMatchMedia.ts +1 -1
  138. package/src/core/hooks/useMediaIndex/__workshop__/index.ts +5 -3
  139. package/src/core/hooks/useMediaIndex/__workshop__/test.tsx +2 -2
  140. package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +3 -18
  141. package/src/core/hooks/useMediaIndex/useMediaIndex.ts +20 -15
  142. package/src/core/hooks/usePrefersDark.hydration.test.tsx +5 -5
  143. package/src/core/hooks/usePrefersDark.test.tsx +1 -0
  144. package/src/core/hooks/usePrefersDark.ts +1 -1
  145. package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +5 -5
  146. package/src/core/hooks/usePrefersReducedMotion.test.tsx +1 -0
  147. package/src/core/hooks/usePrefersReducedMotion.ts +1 -1
  148. package/src/core/hooks/useResponsiveProp.ts +28 -0
  149. package/src/core/index.ts +114 -9
  150. package/src/core/lib/createGlobalScopedContext.ts +6 -3
  151. package/src/core/lib/globalScope.ts +1 -1
  152. package/src/core/lib/isArray.ts +3 -0
  153. package/src/core/middleware/origin.ts +1 -1
  154. package/src/core/observers/{elementSizeObserver.ts → elementSize.ts} +2 -2
  155. package/src/core/primitives/arrow/arrow.tsx +74 -0
  156. package/src/core/primitives/avatar/__workshop__/asButton.tsx +3 -3
  157. package/src/core/primitives/avatar/__workshop__/index.ts +5 -3
  158. package/src/core/primitives/avatar/__workshop__/stack.tsx +3 -3
  159. package/src/core/primitives/avatar/__workshop__/withinButton.tsx +7 -15
  160. package/src/core/primitives/avatar/__workshop__/withinMenuItem.tsx +28 -26
  161. package/src/core/primitives/avatar/avatar.tsx +77 -122
  162. package/src/core/primitives/avatar/avatarCounter.tsx +52 -77
  163. package/src/core/primitives/avatar/avatarStack.tsx +55 -77
  164. package/src/core/primitives/avatar/types.ts +2 -17
  165. package/src/core/primitives/badge/__workshop__/index.ts +5 -3
  166. package/src/core/primitives/badge/__workshop__/props.tsx +7 -18
  167. package/src/core/primitives/badge/__workshop__/tones.tsx +7 -12
  168. package/src/core/primitives/badge/badge.test.tsx +3 -3
  169. package/src/core/primitives/badge/badge.tsx +41 -42
  170. package/src/core/primitives/box/__workshop__/index.ts +5 -3
  171. package/src/core/primitives/box/__workshop__/props.tsx +3 -3
  172. package/src/core/primitives/box/__workshop__/responsive.tsx +3 -3
  173. package/src/core/primitives/box/box.tsx +188 -97
  174. package/src/core/primitives/button/__workshop__/custom.tsx +20 -44
  175. package/src/core/primitives/button/__workshop__/customIcons.tsx +4 -4
  176. package/src/core/primitives/button/__workshop__/disabled.tsx +41 -61
  177. package/src/core/primitives/button/__workshop__/index.ts +10 -3
  178. package/src/core/primitives/button/__workshop__/mixedChildren.tsx +1 -1
  179. package/src/core/primitives/button/__workshop__/props.tsx +20 -20
  180. package/src/core/primitives/button/__workshop__/sanityUploadButton.tsx +4 -4
  181. package/src/core/primitives/button/__workshop__/stacked.tsx +15 -15
  182. package/src/core/primitives/button/__workshop__/styled1.tsx +1 -1
  183. package/src/core/primitives/button/__workshop__/styled2.tsx +1 -1
  184. package/src/core/primitives/button/__workshop__/textOverflow.tsx +13 -0
  185. package/src/core/primitives/button/__workshop__/uploadButton.tsx +3 -2
  186. package/src/core/primitives/button/button.test.tsx +5 -19
  187. package/src/core/primitives/button/button.tsx +149 -143
  188. package/src/core/primitives/button/types.ts +2 -0
  189. package/src/core/primitives/card/__workshop__/asButton.tsx +15 -15
  190. package/src/core/primitives/card/__workshop__/asComponent.tsx +4 -4
  191. package/src/core/primitives/card/__workshop__/checkered.tsx +4 -4
  192. package/src/core/primitives/card/__workshop__/index.ts +6 -4
  193. package/src/core/primitives/card/__workshop__/interactive.tsx +4 -5
  194. package/src/core/primitives/card/__workshop__/listNavigation.tsx +6 -8
  195. package/src/core/primitives/card/__workshop__/props.tsx +14 -15
  196. package/src/core/primitives/card/__workshop__/selected.tsx +11 -43
  197. package/src/core/primitives/card/__workshop__/styled.tsx +1 -1
  198. package/src/core/primitives/card/__workshop__/tones.tsx +27 -0
  199. package/src/core/primitives/card/card.tsx +77 -84
  200. package/src/core/primitives/card/cardContext.ts +10 -0
  201. package/src/core/primitives/card/cardProvider.tsx +27 -0
  202. package/src/core/primitives/card/types.ts +15 -9
  203. package/src/core/primitives/card/useCard.ts +15 -0
  204. package/src/core/primitives/checkbox/__workshop__/example.tsx +1 -1
  205. package/src/core/primitives/checkbox/__workshop__/index.ts +5 -3
  206. package/src/core/primitives/checkbox/__workshop__/props.tsx +7 -5
  207. package/src/core/primitives/checkbox/__workshop__/readOnly.tsx +1 -1
  208. package/src/core/primitives/checkbox/__workshop__/tones.tsx +20 -21
  209. package/src/core/primitives/checkbox/checkbox.tsx +33 -26
  210. package/src/core/primitives/code/__workshop__/index.ts +5 -3
  211. package/src/core/primitives/code/__workshop__/opticalAlignment.tsx +18 -43
  212. package/src/core/primitives/code/__workshop__/props.tsx +5 -8
  213. package/src/core/primitives/code/code.tsx +33 -25
  214. package/src/core/primitives/code/refractor.tsx +2 -4
  215. package/src/core/primitives/container/__workshop__/example.tsx +3 -3
  216. package/src/core/primitives/container/__workshop__/index.ts +5 -3
  217. package/src/core/primitives/container/container.tsx +27 -31
  218. package/src/core/primitives/flex/__workshop__/example.tsx +3 -3
  219. package/src/core/primitives/flex/__workshop__/gap.tsx +7 -7
  220. package/src/core/primitives/flex/__workshop__/index.ts +5 -3
  221. package/src/core/primitives/flex/flex.tsx +43 -39
  222. package/src/core/primitives/grid/__workshop__/index.ts +5 -3
  223. package/src/core/primitives/grid/__workshop__/responsive.tsx +3 -3
  224. package/src/core/primitives/grid/grid.tsx +22 -35
  225. package/src/core/primitives/heading/__workshop__/index.ts +5 -3
  226. package/src/core/primitives/heading/__workshop__/opticalAlignment.tsx +3 -3
  227. package/src/core/primitives/heading/__workshop__/plain.tsx +13 -16
  228. package/src/core/primitives/heading/heading.tsx +60 -62
  229. package/src/core/primitives/inline/__workshop__/index.ts +5 -3
  230. package/src/core/primitives/inline/__workshop__/plain.tsx +3 -6
  231. package/src/core/primitives/inline/inline.tsx +47 -32
  232. package/src/core/primitives/kbd/__workshop__/index.ts +5 -3
  233. package/src/core/primitives/kbd/__workshop__/plain.tsx +1 -1
  234. package/src/core/primitives/kbd/kbd.tsx +43 -47
  235. package/src/core/primitives/label/__workshop__/index.ts +5 -3
  236. package/src/core/primitives/label/__workshop__/opticalAlignment.tsx +14 -8
  237. package/src/core/primitives/label/__workshop__/plain.tsx +16 -12
  238. package/src/core/primitives/label/label.tsx +57 -61
  239. package/src/core/{utils → primitives}/layer/__workshop__/_debug.tsx +1 -1
  240. package/src/core/{utils → primitives}/layer/__workshop__/index.ts +6 -4
  241. package/src/core/{utils → primitives}/layer/__workshop__/multipleRoots.tsx +6 -6
  242. package/src/core/{utils → primitives}/layer/__workshop__/nested.tsx +4 -4
  243. package/src/core/primitives/layer/__workshop__/responsiveZOffset.tsx +17 -0
  244. package/src/core/{utils → primitives}/layer/getLayerContext.test.ts +3 -1
  245. package/src/core/{utils → primitives}/layer/getLayerContext.ts +1 -1
  246. package/src/core/{utils → primitives}/layer/layer.test.tsx +16 -14
  247. package/src/core/primitives/layer/layer.tsx +42 -0
  248. package/src/core/{utils/layer/layer.tsx → primitives/layer/layerCard.tsx} +40 -48
  249. package/src/core/primitives/layer/layerContext.ts +7 -0
  250. package/src/core/{utils → primitives}/layer/layerProvider.tsx +13 -17
  251. package/src/core/{utils → primitives}/layer/useLayer.ts +2 -4
  252. package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +8 -8
  253. package/src/core/primitives/popover/__workshop__/MarginsStory.tsx +1 -1
  254. package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +4 -4
  255. package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +2 -2
  256. package/src/core/primitives/popover/__workshop__/PlainStory.tsx +3 -3
  257. package/src/core/primitives/popover/__workshop__/RecursiveStory.tsx +4 -6
  258. package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +20 -13
  259. package/src/core/primitives/popover/__workshop__/TestStory.tsx +10 -7
  260. package/src/core/primitives/popover/__workshop__/index.ts +5 -3
  261. package/src/core/primitives/popover/constants.ts +1 -1
  262. package/src/core/primitives/popover/floating-ui/size.ts +2 -2
  263. package/src/core/primitives/popover/helpers.ts +4 -3
  264. package/src/core/primitives/popover/popover.tsx +310 -351
  265. package/src/core/primitives/popover/popoverLayer.tsx +149 -0
  266. package/src/core/primitives/popover/types.ts +8 -2
  267. package/src/core/primitives/radio/__workshop__/example.tsx +4 -4
  268. package/src/core/primitives/radio/__workshop__/index.ts +5 -3
  269. package/src/core/primitives/radio/__workshop__/plain.tsx +4 -4
  270. package/src/core/primitives/radio/radio.tsx +36 -23
  271. package/src/core/primitives/select/__workshop__/index.ts +5 -3
  272. package/src/core/primitives/select/__workshop__/plain.tsx +18 -6
  273. package/src/core/primitives/select/__workshop__/readOnly.tsx +2 -2
  274. package/src/core/primitives/select/select.tsx +42 -54
  275. package/src/core/primitives/selectable/selectable.tsx +50 -0
  276. package/src/core/{components → primitives}/skeleton/__workshop__/delay.tsx +4 -4
  277. package/src/core/{components → primitives}/skeleton/__workshop__/index.ts +6 -4
  278. package/src/core/{components → primitives}/skeleton/__workshop__/skeleton.tsx +6 -6
  279. package/src/core/primitives/skeleton/codeSkeleton.tsx +49 -0
  280. package/src/core/primitives/skeleton/headingSkeleton.tsx +48 -0
  281. package/src/core/primitives/skeleton/labelSkeleton.tsx +47 -0
  282. package/src/core/primitives/skeleton/skeleton.tsx +70 -0
  283. package/src/core/primitives/skeleton/textSkeleton.tsx +49 -0
  284. package/src/core/primitives/spinner/__workshop__/Props.tsx +4 -4
  285. package/src/core/primitives/spinner/__workshop__/index.ts +5 -3
  286. package/src/core/primitives/spinner/animatedSpinnerIcon.tsx +14 -0
  287. package/src/core/primitives/spinner/spinner.tsx +31 -32
  288. package/src/core/primitives/srOnly/srOnly.tsx +33 -0
  289. package/src/core/primitives/stack/__workshop__/index.ts +5 -3
  290. package/src/core/primitives/stack/__workshop__/plain.tsx +3 -3
  291. package/src/core/primitives/stack/stack.tsx +46 -29
  292. package/src/core/primitives/switch/__workshop__/example.tsx +1 -1
  293. package/src/core/primitives/switch/__workshop__/index.ts +5 -3
  294. package/src/core/primitives/switch/__workshop__/props.tsx +1 -1
  295. package/src/core/primitives/switch/switch.tsx +50 -34
  296. package/src/core/primitives/text/__workshop__/colored.tsx +10 -17
  297. package/src/core/primitives/text/__workshop__/example.tsx +10 -21
  298. package/src/core/primitives/text/__workshop__/index.ts +5 -3
  299. package/src/core/primitives/text/__workshop__/opticalAlignment.tsx +18 -43
  300. package/src/core/primitives/text/text.tsx +59 -64
  301. package/src/core/primitives/textArea/__workshop__/index.ts +5 -3
  302. package/src/core/primitives/textArea/__workshop__/plain.tsx +45 -34
  303. package/src/core/primitives/textArea/textArea.tsx +49 -84
  304. package/src/core/primitives/textInput/__workshop__/clearButton.tsx +1 -1
  305. package/src/core/primitives/textInput/__workshop__/customValidity.tsx +3 -3
  306. package/src/core/primitives/textInput/__workshop__/index.ts +5 -3
  307. package/src/core/primitives/textInput/__workshop__/plain.tsx +36 -24
  308. package/src/core/primitives/textInput/__workshop__/readOnly.tsx +1 -1
  309. package/src/core/primitives/textInput/__workshop__/states.tsx +6 -6
  310. package/src/core/primitives/textInput/__workshop__/tones.tsx +3 -3
  311. package/src/core/primitives/textInput/__workshop__/typed.tsx +3 -3
  312. package/src/core/primitives/textInput/textInput.tsx +173 -304
  313. package/src/core/primitives/tooltip/__workshop__/customPortal.tsx +6 -6
  314. package/src/core/primitives/tooltip/__workshop__/index.ts +5 -3
  315. package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx +3 -3
  316. package/src/core/primitives/tooltip/__workshop__/props.tsx +14 -9
  317. package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx +2 -2
  318. package/src/core/primitives/tooltip/constants.ts +1 -1
  319. package/src/core/primitives/tooltip/tooltip.test.tsx +63 -63
  320. package/src/core/primitives/tooltip/tooltip.tsx +115 -98
  321. package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupContext.tsx +5 -3
  322. package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx +4 -6
  323. package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +1 -1
  324. package/src/core/primitives/tooltip/tooltipLayer.tsx +106 -0
  325. package/src/core/types.ts +56 -0
  326. package/src/core/utils/boundaryElement/__workshop__/index.ts +5 -3
  327. package/src/core/utils/boundaryElement/__workshop__/plain.tsx +1 -1
  328. package/src/core/utils/boundaryElement/boundaryElement.test.tsx +15 -13
  329. package/src/core/utils/boundaryElement/boundaryElementContext.ts +8 -5
  330. package/src/core/utils/boundaryElement/boundaryElementProvider.tsx +5 -11
  331. package/src/core/utils/boundaryElement/types.ts +1 -3
  332. package/src/core/utils/boundaryElement/useBoundaryElement.ts +2 -4
  333. package/src/core/utils/elementQuery/__workshop__/customMedia.tsx +20 -9
  334. package/src/core/utils/elementQuery/__workshop__/index.ts +5 -3
  335. package/src/core/utils/elementQuery/elementQuery.tsx +42 -20
  336. package/src/core/utils/errorBoundary.tsx +8 -6
  337. package/src/core/utils/getElementRef.ts +4 -1
  338. package/src/core/utils/portal/__workshop__/index.ts +5 -3
  339. package/src/core/utils/portal/__workshop__/named.tsx +4 -4
  340. package/src/core/utils/portal/portal.test.tsx +15 -13
  341. package/src/core/utils/portal/portal.tsx +36 -0
  342. package/src/core/utils/portal/portalContext.ts +16 -10
  343. package/src/core/utils/portal/portalProvider.tsx +10 -19
  344. package/src/core/utils/portal/types.ts +1 -3
  345. package/src/core/utils/portal/usePortal.ts +2 -4
  346. package/src/css/_assign.ts +3 -0
  347. package/src/css/_composeClassNames.ts +12 -0
  348. package/src/css/_fromEntries.ts +3 -0
  349. package/src/css/_getClassNames.ts +9 -0
  350. package/src/css/_responsiveClassName.ts +45 -0
  351. package/src/css/_responsiveStyle.css.ts +34 -0
  352. package/src/css/_style.css.ts +9 -0
  353. package/src/css/components/breadcrumbs/breadcrumbs.css.ts +6 -0
  354. package/src/css/components/breadcrumbs/breadcrumbs.ts +7 -0
  355. package/src/css/components/dialog/dialog.css.ts +98 -0
  356. package/src/css/components/dialog/dialog.ts +58 -0
  357. package/src/css/components/menu/menu.css.ts +14 -0
  358. package/src/css/components/menu/menu.ts +12 -0
  359. package/src/css/components/skeleton/skeleton.css.ts +128 -0
  360. package/src/css/components/skeleton/skeleton.ts +38 -0
  361. package/src/css/components/skeleton/types.ts +36 -0
  362. package/src/css/components/toast/toast.css.ts +17 -0
  363. package/src/css/components/toast/toast.ts +11 -0
  364. package/src/css/components/tree/tree.css.ts +65 -0
  365. package/src/css/components/tree/tree.ts +7 -0
  366. package/src/css/constants.ts +10 -0
  367. package/src/css/getVarName.ts +27 -0
  368. package/src/css/index.ts +146 -0
  369. package/src/css/layers.css.ts +12 -0
  370. package/src/css/primitives/_arrow/_arrow.css.ts +68 -0
  371. package/src/css/primitives/_arrow/_arrow.ts +26 -0
  372. package/src/css/primitives/_input/_input.css.ts +261 -0
  373. package/src/css/primitives/_input/input.ts +29 -0
  374. package/src/css/primitives/_input/types.ts +13 -0
  375. package/src/css/primitives/avatar/avatar.css.ts +201 -0
  376. package/src/css/primitives/avatar/avatar.ts +68 -0
  377. package/src/css/primitives/avatar/types.ts +10 -0
  378. package/src/css/primitives/badge/badge.css.ts +27 -0
  379. package/src/css/primitives/badge/badge.ts +8 -0
  380. package/src/css/primitives/badge/types.ts +13 -0
  381. package/src/css/primitives/box/box.css.ts +19 -0
  382. package/src/css/primitives/box/box.ts +82 -0
  383. package/src/css/primitives/box/types.ts +75 -0
  384. package/src/css/primitives/button/button.css.ts +287 -0
  385. package/src/css/primitives/button/button.ts +26 -0
  386. package/src/css/primitives/button/types.ts +12 -0
  387. package/src/css/primitives/card/__workshop__/color.tsx +75 -0
  388. package/src/css/primitives/card/__workshop__/index.ts +16 -0
  389. package/src/css/primitives/card/card.css.ts +387 -0
  390. package/src/css/primitives/card/card.ts +13 -0
  391. package/src/css/primitives/card/types.ts +9 -0
  392. package/src/css/primitives/checkbox/checkbox.css.ts +193 -0
  393. package/src/css/primitives/checkbox/checkbox.ts +17 -0
  394. package/src/css/primitives/code/code.css.ts +272 -0
  395. package/src/css/primitives/code/code.ts +19 -0
  396. package/src/css/primitives/code/types.ts +11 -0
  397. package/src/css/primitives/container/container.css.ts +4 -0
  398. package/src/css/primitives/container/container.ts +17 -0
  399. package/src/css/primitives/container/types.ts +9 -0
  400. package/src/css/primitives/heading/heading.css.ts +86 -0
  401. package/src/css/primitives/heading/heading.ts +22 -0
  402. package/src/css/primitives/heading/types.ts +14 -0
  403. package/src/css/primitives/kbd/kbd.css.ts +16 -0
  404. package/src/css/primitives/kbd/kbd.ts +9 -0
  405. package/src/css/primitives/kbd/types.ts +6 -0
  406. package/src/css/primitives/label/label.css.ts +87 -0
  407. package/src/css/primitives/label/label.ts +22 -0
  408. package/src/css/primitives/label/types.ts +14 -0
  409. package/src/css/primitives/popover/popover.css.ts +6 -0
  410. package/src/css/primitives/popover/popover.ts +12 -0
  411. package/src/css/primitives/radio/radio.css.ts +78 -0
  412. package/src/css/primitives/radio/radio.ts +17 -0
  413. package/src/css/primitives/root/root.css.ts +19 -0
  414. package/src/css/primitives/root/root.ts +17 -0
  415. package/src/css/primitives/root/types.ts +10 -0
  416. package/src/css/primitives/select/select.css.ts +24 -0
  417. package/src/css/primitives/select/select.ts +14 -0
  418. package/src/css/primitives/select/types.ts +5 -0
  419. package/src/css/primitives/selectable/selectable.css.ts +131 -0
  420. package/src/css/primitives/selectable/selectable.ts +9 -0
  421. package/src/css/primitives/selectable/types.ts +9 -0
  422. package/src/css/primitives/spinner/spinner.css.ts +19 -0
  423. package/src/css/primitives/spinner/spinner.ts +13 -0
  424. package/src/css/primitives/spinner/types.ts +4 -0
  425. package/src/css/primitives/srOnly/srOnly.css.ts +10 -0
  426. package/src/css/primitives/srOnly/srOnly.ts +7 -0
  427. package/src/css/primitives/stack/stack.css.ts +6 -0
  428. package/src/css/primitives/stack/stack.ts +7 -0
  429. package/src/css/primitives/switch/switch.css.ts +98 -0
  430. package/src/css/primitives/switch/switch.ts +27 -0
  431. package/src/css/primitives/text/text.css.ts +86 -0
  432. package/src/css/primitives/text/text.ts +24 -0
  433. package/src/css/primitives/text/types.ts +18 -0
  434. package/src/css/primitives/textArea/textArea.css.ts +4 -0
  435. package/src/css/primitives/textArea/textArea.ts +9 -0
  436. package/src/css/primitives/textArea/types.ts +7 -0
  437. package/src/css/primitives/textInput/textInput.css.ts +43 -0
  438. package/src/css/primitives/textInput/textInput.ts +24 -0
  439. package/src/css/primitives/textInput/types.ts +7 -0
  440. package/src/css/primitives/tooltip/tooltip.css.ts +4 -0
  441. package/src/css/primitives/tooltip/tooltip.ts +8 -0
  442. package/src/css/primitives/tooltip/types.ts +4 -0
  443. package/src/css/props/alignItems/alignItems.css.ts +22 -0
  444. package/src/css/props/alignItems/alignItems.ts +8 -0
  445. package/src/css/props/alignItems/types.ts +9 -0
  446. package/src/css/props/border/border.css.ts +65 -0
  447. package/src/css/props/border/border.ts +21 -0
  448. package/src/css/props/border/types.ts +13 -0
  449. package/src/css/props/boxSizing/boxSizing.css.ts +12 -0
  450. package/src/css/props/boxSizing/boxSizing.ts +7 -0
  451. package/src/css/props/boxSizing/types.ts +7 -0
  452. package/src/css/props/display/display.css.ts +56 -0
  453. package/src/css/props/display/display.ts +8 -0
  454. package/src/css/props/display/types.ts +16 -0
  455. package/src/css/props/flex/flex.css.ts +52 -0
  456. package/src/css/props/flex/flex.ts +8 -0
  457. package/src/css/props/flex/types.ts +9 -0
  458. package/src/css/props/flexDirection/flexDirection.css.ts +19 -0
  459. package/src/css/props/flexDirection/flexDirection.ts +8 -0
  460. package/src/css/props/flexDirection/types.ts +9 -0
  461. package/src/css/props/flexWrap/flexWrap.css.ts +16 -0
  462. package/src/css/props/flexWrap/flexWrap.ts +8 -0
  463. package/src/css/props/flexWrap/types.ts +9 -0
  464. package/src/css/props/font/font.css.ts +94 -0
  465. package/src/css/props/font/font.ts +8 -0
  466. package/src/css/props/font/types.ts +6 -0
  467. package/src/css/props/gap/gap.css.ts +40 -0
  468. package/src/css/props/gap/gap.ts +13 -0
  469. package/src/css/props/gap/types.ts +10 -0
  470. package/src/css/props/gridAutoColumns/gridAutoColumns.css.ts +19 -0
  471. package/src/css/props/gridAutoColumns/gridAutoColumns.ts +8 -0
  472. package/src/css/props/gridAutoColumns/types.ts +9 -0
  473. package/src/css/props/gridAutoFlow/gridAutoFlow.css.ts +19 -0
  474. package/src/css/props/gridAutoFlow/gridAutoFlow.ts +8 -0
  475. package/src/css/props/gridAutoFlow/types.ts +9 -0
  476. package/src/css/props/gridAutoRows/gridAutoRows.css.ts +19 -0
  477. package/src/css/props/gridAutoRows/gridAutoRows.ts +8 -0
  478. package/src/css/props/gridAutoRows/types.ts +9 -0
  479. package/src/css/props/gridColumn/gridColumn.css.ts +49 -0
  480. package/src/css/props/gridColumn/gridColumn.ts +8 -0
  481. package/src/css/props/gridColumn/types.ts +9 -0
  482. package/src/css/props/gridColumnEnd/gridColumnEnd.css.ts +46 -0
  483. package/src/css/props/gridColumnEnd/gridColumnEnd.ts +8 -0
  484. package/src/css/props/gridColumnEnd/types.ts +9 -0
  485. package/src/css/props/gridColumnStart/gridColumnStart.css.ts +46 -0
  486. package/src/css/props/gridColumnStart/gridColumnStart.ts +8 -0
  487. package/src/css/props/gridColumnStart/types.ts +9 -0
  488. package/src/css/props/gridRow/gridRow.css.ts +49 -0
  489. package/src/css/props/gridRow/gridRow.ts +8 -0
  490. package/src/css/props/gridRow/types.ts +9 -0
  491. package/src/css/props/gridRowEnd/gridRowEnd.css.ts +46 -0
  492. package/src/css/props/gridRowEnd/gridRowEnd.ts +8 -0
  493. package/src/css/props/gridRowEnd/types.ts +9 -0
  494. package/src/css/props/gridRowStart/gridRowStart.css.ts +46 -0
  495. package/src/css/props/gridRowStart/gridRowStart.ts +8 -0
  496. package/src/css/props/gridRowStart/types.ts +9 -0
  497. package/src/css/props/gridTemplateColumns/gridTemplateColumns.css.ts +43 -0
  498. package/src/css/props/gridTemplateColumns/gridTemplateColumns.ts +8 -0
  499. package/src/css/props/gridTemplateColumns/types.ts +9 -0
  500. package/src/css/props/gridTemplateRows/gridTemplateRows.css.ts +43 -0
  501. package/src/css/props/gridTemplateRows/gridTemplateRows.ts +8 -0
  502. package/src/css/props/gridTemplateRows/types.ts +9 -0
  503. package/src/css/props/height/height.css.ts +25 -0
  504. package/src/css/props/height/height.ts +8 -0
  505. package/src/css/props/height/types.ts +9 -0
  506. package/src/css/props/inset/inset.css.ts +37 -0
  507. package/src/css/props/inset/inset.ts +21 -0
  508. package/src/css/props/inset/types.ts +13 -0
  509. package/src/css/props/justifyContent/justifyContent.css.ts +25 -0
  510. package/src/css/props/justifyContent/justifyContent.ts +8 -0
  511. package/src/css/props/justifyContent/types.ts +15 -0
  512. package/src/css/props/margin/margin.css.ts +117 -0
  513. package/src/css/props/margin/margin.ts +25 -0
  514. package/src/css/props/margin/types.ts +17 -0
  515. package/src/css/props/maxWidth/maxWidth.css.ts +32 -0
  516. package/src/css/props/maxWidth/maxWidth.ts +8 -0
  517. package/src/css/props/maxWidth/types.ts +11 -0
  518. package/src/css/props/minHeight/minHeight.css.ts +13 -0
  519. package/src/css/props/minHeight/minHeight.ts +8 -0
  520. package/src/css/props/minHeight/types.ts +9 -0
  521. package/src/css/props/minWidth/minWidth.css.ts +25 -0
  522. package/src/css/props/minWidth/minWidth.ts +8 -0
  523. package/src/css/props/minWidth/types.ts +9 -0
  524. package/src/css/props/outline/outline.css.ts +10 -0
  525. package/src/css/props/outline/outline.ts +8 -0
  526. package/src/css/props/outline/types.ts +7 -0
  527. package/src/css/props/overflow/overflow.css.ts +16 -0
  528. package/src/css/props/overflow/overflow.ts +8 -0
  529. package/src/css/props/overflow/types.ts +11 -0
  530. package/src/css/props/padding/padding.css.ts +87 -0
  531. package/src/css/props/padding/padding.ts +25 -0
  532. package/src/css/props/padding/types.ts +17 -0
  533. package/src/css/props/pointerEvents/pointerEvents.css.ts +13 -0
  534. package/src/css/props/pointerEvents/pointerEvents.ts +8 -0
  535. package/src/css/props/pointerEvents/types.ts +7 -0
  536. package/src/css/props/position/position.css.ts +22 -0
  537. package/src/css/props/position/position.ts +8 -0
  538. package/src/css/props/position/types.ts +9 -0
  539. package/src/css/props/radius/radius.css.ts +21 -0
  540. package/src/css/props/radius/radius.ts +8 -0
  541. package/src/css/props/radius/types.ts +8 -0
  542. package/src/css/props/shadow/shadow.css.ts +23 -0
  543. package/src/css/props/shadow/shadow.ts +8 -0
  544. package/src/css/props/shadow/types.ts +8 -0
  545. package/src/css/props/textAlign/textAlign.css.ts +22 -0
  546. package/src/css/props/textAlign/textAlign.ts +8 -0
  547. package/src/css/props/textAlign/types.ts +7 -0
  548. package/src/css/props/textOverflow/textOverflow.css.ts +19 -0
  549. package/src/css/props/textOverflow/textOverflow.ts +8 -0
  550. package/src/css/props/textOverflow/types.ts +12 -0
  551. package/src/css/props/width/types.ts +11 -0
  552. package/src/css/props/width/width.css.ts +31 -0
  553. package/src/css/props/width/width.ts +8 -0
  554. package/src/css/theme/buildCSSTheme.ts +488 -0
  555. package/src/css/theme/defaultTheme.css.ts +64 -0
  556. package/src/css/types.ts +427 -0
  557. package/src/css/vars.css.ts +676 -0
  558. package/src/theme/_parseColorToken.ts +180 -0
  559. package/src/theme/buildTheme.ts +32 -0
  560. package/src/theme/constants.ts +90 -0
  561. package/src/theme/defaults/color.ts +197 -0
  562. package/src/theme/defaults/{config.ts → common.ts} +4 -17
  563. package/src/theme/defaults/fonts.ts +54 -31
  564. package/src/theme/index.ts +5 -5
  565. package/src/theme/{build/merge.ts → merge.ts} +6 -8
  566. package/src/theme/resolveTokens.ts +204 -0
  567. package/src/theme/types.ts +366 -0
  568. package/dist/_chunks-cjs/_visual-editing.js +0 -5409
  569. package/dist/_chunks-cjs/_visual-editing.js.map +0 -1
  570. package/dist/_chunks-cjs/refractor.js.map +0 -1
  571. package/dist/_chunks-es/_visual-editing.mjs +0 -5415
  572. package/dist/_chunks-es/_visual-editing.mjs.map +0 -1
  573. package/dist/_chunks-es/refractor.mjs.map +0 -1
  574. package/dist/_visual-editing.d.mts +0 -1011
  575. package/dist/_visual-editing.d.ts +0 -1011
  576. package/dist/_visual-editing.js +0 -31
  577. package/dist/_visual-editing.js.map +0 -1
  578. package/dist/_visual-editing.mjs +0 -31
  579. package/dist/_visual-editing.mjs.map +0 -1
  580. package/dist/index.d.mts +0 -2966
  581. package/dist/index.mjs +0 -1726
  582. package/dist/index.mjs.map +0 -1
  583. package/dist/theme.d.mts +0 -1500
  584. package/dist/theme.mjs +0 -4112
  585. package/dist/theme.mjs.map +0 -1
  586. package/exports/_visual-editing.ts +0 -31
  587. package/src/core/__workshop__/constants.ts +0 -293
  588. package/src/core/_compat.ts +0 -264
  589. package/src/core/components/autocomplete/autocomplete.styles.tsx +0 -39
  590. package/src/core/components/autocomplete/index.ts +0 -2
  591. package/src/core/components/breadcrumbs/breadcrumbs.styles.ts +0 -18
  592. package/src/core/components/breadcrumbs/index.ts +0 -1
  593. package/src/core/components/dialog/index.ts +0 -4
  594. package/src/core/components/dialog/styles.ts +0 -77
  595. package/src/core/components/hotkeys/index.ts +0 -1
  596. package/src/core/components/index.ts +0 -9
  597. package/src/core/components/menu/index.ts +0 -5
  598. package/src/core/components/menu/menuDivider.ts +0 -12
  599. package/src/core/components/skeleton/index.ts +0 -2
  600. package/src/core/components/skeleton/skeleton.tsx +0 -57
  601. package/src/core/components/skeleton/styles.ts +0 -50
  602. package/src/core/components/skeleton/textSkeleton.tsx +0 -123
  603. package/src/core/components/tab/index.ts +0 -3
  604. package/src/core/components/toast/index.ts +0 -4
  605. package/src/core/components/toast/styles.ts +0 -77
  606. package/src/core/components/tree/index.ts +0 -4
  607. package/src/core/components/tree/style.ts +0 -105
  608. package/src/core/global.ts +0 -6
  609. package/src/core/helpers/index.ts +0 -4
  610. package/src/core/hooks/index.ts +0 -12
  611. package/src/core/hooks/useArrayProp.ts +0 -31
  612. package/src/core/hooks/useClickOutside.test.tsx +0 -482
  613. package/src/core/hooks/useClickOutside.ts +0 -117
  614. package/src/core/hooks/useElementRect/__workshop__/example.tsx +0 -32
  615. package/src/core/hooks/useElementRect/__workshop__/index.ts +0 -14
  616. package/src/core/hooks/useElementRect/index.ts +0 -1
  617. package/src/core/hooks/useElementRect/useElementRect.ts +0 -13
  618. package/src/core/hooks/useForwardedRef.ts +0 -19
  619. package/src/core/hooks/useIsomorphicEffect.ts +0 -7
  620. package/src/core/hooks/useMediaIndex/index.ts +0 -1
  621. package/src/core/observers/index.ts +0 -2
  622. package/src/core/primitives/_selectable/index.ts +0 -1
  623. package/src/core/primitives/_selectable/selectable.tsx +0 -15
  624. package/src/core/primitives/_selectable/style.ts +0 -115
  625. package/src/core/primitives/avatar/index.ts +0 -4
  626. package/src/core/primitives/avatar/styles.ts +0 -167
  627. package/src/core/primitives/badge/index.ts +0 -1
  628. package/src/core/primitives/badge/styles.ts +0 -20
  629. package/src/core/primitives/badge/types.ts +0 -8
  630. package/src/core/primitives/box/index.ts +0 -1
  631. package/src/core/primitives/button/index.ts +0 -1
  632. package/src/core/primitives/button/styles.ts +0 -117
  633. package/src/core/primitives/card/__workshop__/allTones.tsx +0 -25
  634. package/src/core/primitives/card/index.ts +0 -2
  635. package/src/core/primitives/card/styles.ts +0 -147
  636. package/src/core/primitives/checkbox/index.ts +0 -1
  637. package/src/core/primitives/checkbox/styles.ts +0 -128
  638. package/src/core/primitives/code/index.ts +0 -1
  639. package/src/core/primitives/code/styles.ts +0 -77
  640. package/src/core/primitives/container/index.ts +0 -2
  641. package/src/core/primitives/container/styles.ts +0 -23
  642. package/src/core/primitives/flex/index.ts +0 -1
  643. package/src/core/primitives/grid/index.ts +0 -1
  644. package/src/core/primitives/heading/index.ts +0 -1
  645. package/src/core/primitives/heading/styles.ts +0 -64
  646. package/src/core/primitives/heading/types.ts +0 -7
  647. package/src/core/primitives/index.ts +0 -27
  648. package/src/core/primitives/inline/index.ts +0 -1
  649. package/src/core/primitives/inline/styles.ts +0 -32
  650. package/src/core/primitives/inline/types.ts +0 -6
  651. package/src/core/primitives/kbd/index.ts +0 -1
  652. package/src/core/primitives/label/index.ts +0 -1
  653. package/src/core/primitives/label/styles.ts +0 -45
  654. package/src/core/primitives/popover/index.ts +0 -2
  655. package/src/core/primitives/popover/popoverCard.tsx +0 -168
  656. package/src/core/primitives/radio/index.ts +0 -1
  657. package/src/core/primitives/radio/styles.ts +0 -117
  658. package/src/core/primitives/select/index.ts +0 -1
  659. package/src/core/primitives/select/styles.ts +0 -166
  660. package/src/core/primitives/spinner/index.ts +0 -1
  661. package/src/core/primitives/stack/index.ts +0 -1
  662. package/src/core/primitives/stack/styles.ts +0 -32
  663. package/src/core/primitives/switch/index.ts +0 -1
  664. package/src/core/primitives/switch/styles.ts +0 -173
  665. package/src/core/primitives/text/index.ts +0 -1
  666. package/src/core/primitives/text/styles.ts +0 -74
  667. package/src/core/primitives/textArea/index.ts +0 -1
  668. package/src/core/primitives/textInput/index.ts +0 -1
  669. package/src/core/primitives/tooltip/index.ts +0 -2
  670. package/src/core/primitives/tooltip/tooltipCard.tsx +0 -111
  671. package/src/core/primitives/types.ts +0 -146
  672. package/src/core/styles/border/borderStyle.ts +0 -56
  673. package/src/core/styles/border/index.ts +0 -2
  674. package/src/core/styles/border/types.ts +0 -10
  675. package/src/core/styles/box/boxStyle.ts +0 -69
  676. package/src/core/styles/box/index.ts +0 -2
  677. package/src/core/styles/box/types.ts +0 -11
  678. package/src/core/styles/card/_cardColorStyle.ts +0 -108
  679. package/src/core/styles/card/index.ts +0 -1
  680. package/src/core/styles/flex/flexItemStyle.ts +0 -27
  681. package/src/core/styles/flex/flexStyle.ts +0 -70
  682. package/src/core/styles/flex/index.ts +0 -3
  683. package/src/core/styles/flex/types.ts +0 -25
  684. package/src/core/styles/focusRing/index.ts +0 -25
  685. package/src/core/styles/font/codeFontStyle.ts +0 -13
  686. package/src/core/styles/font/headingFontStyle.ts +0 -13
  687. package/src/core/styles/font/index.ts +0 -6
  688. package/src/core/styles/font/labelFontStyle.ts +0 -13
  689. package/src/core/styles/font/responsiveFont.ts +0 -101
  690. package/src/core/styles/font/textAlignStyle.ts +0 -19
  691. package/src/core/styles/font/textFontStyle.ts +0 -13
  692. package/src/core/styles/font/types.ts +0 -35
  693. package/src/core/styles/grid/gridItemStyle.ts +0 -82
  694. package/src/core/styles/grid/gridStyle.ts +0 -108
  695. package/src/core/styles/grid/index.ts +0 -3
  696. package/src/core/styles/grid/types.ts +0 -37
  697. package/src/core/styles/helpers.ts +0 -72
  698. package/src/core/styles/index.ts +0 -5
  699. package/src/core/styles/input/index.ts +0 -2
  700. package/src/core/styles/input/responsiveInputPaddingStyle.ts +0 -78
  701. package/src/core/styles/input/textInputStyle.ts +0 -263
  702. package/src/core/styles/internal.ts +0 -12
  703. package/src/core/styles/margin/index.ts +0 -2
  704. package/src/core/styles/margin/marginStyle.ts +0 -21
  705. package/src/core/styles/margin/marginsStyle.test.ts +0 -33
  706. package/src/core/styles/margin/types.ts +0 -9
  707. package/src/core/styles/padding/index.ts +0 -2
  708. package/src/core/styles/padding/paddingStyle.test.ts +0 -33
  709. package/src/core/styles/padding/paddingStyle.ts +0 -21
  710. package/src/core/styles/padding/types.ts +0 -12
  711. package/src/core/styles/radius/index.ts +0 -2
  712. package/src/core/styles/radius/radiusStyle.ts +0 -23
  713. package/src/core/styles/radius/types.ts +0 -8
  714. package/src/core/styles/shadow/index.ts +0 -2
  715. package/src/core/styles/shadow/shadowStyle.ts +0 -29
  716. package/src/core/styles/shadow/types.ts +0 -6
  717. package/src/core/styles/types.ts +0 -8
  718. package/src/core/theme/__workshop__/build/Root.tsx +0 -367
  719. package/src/core/theme/__workshop__/build/helpers.ts +0 -46
  720. package/src/core/theme/__workshop__/build/story.tsx +0 -465
  721. package/src/core/theme/__workshop__/canvas.tsx +0 -351
  722. package/src/core/theme/__workshop__/color.tsx +0 -62
  723. package/src/core/theme/__workshop__/debug/story.tsx +0 -408
  724. package/src/core/theme/__workshop__/index.ts +0 -39
  725. package/src/core/theme/__workshop__/layer.tsx +0 -78
  726. package/src/core/theme/__workshop__/nestedProvider.tsx +0 -15
  727. package/src/core/theme/index.ts +0 -5
  728. package/src/core/theme/theme.test.tsx +0 -73
  729. package/src/core/theme/themeColorProvider.tsx +0 -29
  730. package/src/core/theme/themeContext.ts +0 -10
  731. package/src/core/theme/themeProvider.tsx +0 -62
  732. package/src/core/theme/types.ts +0 -12
  733. package/src/core/theme/useRootTheme.ts +0 -17
  734. package/src/core/theme/useTheme.ts +0 -16
  735. package/src/core/types/avatar.ts +0 -14
  736. package/src/core/types/badge.ts +0 -12
  737. package/src/core/types/box.ts +0 -19
  738. package/src/core/types/button.ts +0 -21
  739. package/src/core/types/card.ts +0 -6
  740. package/src/core/types/flex.ts +0 -30
  741. package/src/core/types/grid.ts +0 -14
  742. package/src/core/types/gridItem.ts +0 -29
  743. package/src/core/types/index.ts +0 -14
  744. package/src/core/types/placement.ts +0 -18
  745. package/src/core/types/popover.ts +0 -4
  746. package/src/core/types/radius.ts +0 -4
  747. package/src/core/types/selectable.ts +0 -6
  748. package/src/core/types/text.ts +0 -4
  749. package/src/core/utils/arrow/arrow.tsx +0 -123
  750. package/src/core/utils/arrow/index.ts +0 -1
  751. package/src/core/utils/boundaryElement/index.ts +0 -3
  752. package/src/core/utils/conditionalWrapper/conditionalWrapper.tsx +0 -21
  753. package/src/core/utils/conditionalWrapper/index.ts +0 -1
  754. package/src/core/utils/elementQuery/index.ts +0 -1
  755. package/src/core/utils/index.ts +0 -9
  756. package/src/core/utils/layer/__workshop__/responsiveZOffset.tsx +0 -13
  757. package/src/core/utils/layer/index.ts +0 -4
  758. package/src/core/utils/layer/layerContext.ts +0 -7
  759. package/src/core/utils/portal/index.ts +0 -4
  760. package/src/core/utils/portal/portal.ts +0 -32
  761. package/src/core/utils/spanWithTextOverflow.tsx +0 -10
  762. package/src/core/utils/srOnly/index.ts +0 -1
  763. package/src/core/utils/srOnly/srOnly.tsx +0 -36
  764. package/src/core/utils/virtualList/index.ts +0 -1
  765. package/src/theme/build/_deprecated/color/_selectable/createSelectableTones.ts +0 -76
  766. package/src/theme/build/_deprecated/color/_solid/createSolidTones.ts +0 -54
  767. package/src/theme/build/_deprecated/color/button/createButtonModes.ts +0 -22
  768. package/src/theme/build/_deprecated/color/button/createButtonTones.ts +0 -55
  769. package/src/theme/build/_deprecated/color/card/createCardStates.ts +0 -60
  770. package/src/theme/build/_deprecated/color/color.test.ts +0 -63
  771. package/src/theme/build/_deprecated/color/defaults.ts +0 -390
  772. package/src/theme/build/_deprecated/color/factory.ts +0 -142
  773. package/src/theme/build/_deprecated/color/index.ts +0 -1
  774. package/src/theme/build/_deprecated/color/input/createInputModes.ts +0 -81
  775. package/src/theme/build/_deprecated/color/muted/createMuted.ts +0 -54
  776. package/src/theme/build/_deprecated/color/spot/createSpot.ts +0 -20
  777. package/src/theme/build/buildColorTheme.test.ts +0 -183
  778. package/src/theme/build/buildColorTheme.ts +0 -494
  779. package/src/theme/build/buildTheme.test.ts +0 -87
  780. package/src/theme/build/buildTheme.ts +0 -36
  781. package/src/theme/build/colorToken/colorToken.ts +0 -19
  782. package/src/theme/build/colorToken/compileColorToken.ts +0 -21
  783. package/src/theme/build/colorToken/index.ts +0 -2
  784. package/src/theme/build/colorToken/types.ts +0 -6
  785. package/src/theme/build/index.ts +0 -3
  786. package/src/theme/build/lib/color-fns/blend/index.ts +0 -3
  787. package/src/theme/build/lib/color-fns/blend/mix.ts +0 -21
  788. package/src/theme/build/lib/color-fns/blend/multiply.ts +0 -18
  789. package/src/theme/build/lib/color-fns/blend/screen.ts +0 -18
  790. package/src/theme/build/lib/color-fns/color-fns.test.ts +0 -68
  791. package/src/theme/build/lib/color-fns/contrastRatio.ts +0 -31
  792. package/src/theme/build/lib/color-fns/convert.ts +0 -150
  793. package/src/theme/build/lib/color-fns/index.ts +0 -6
  794. package/src/theme/build/lib/color-fns/parse.ts +0 -60
  795. package/src/theme/build/lib/color-fns/rgba.ts +0 -10
  796. package/src/theme/build/lib/color-fns/types.ts +0 -28
  797. package/src/theme/build/lib/isRecord.ts +0 -3
  798. package/src/theme/build/lib/utils.ts +0 -19
  799. package/src/theme/build/mixThemeColor.test.ts +0 -21
  800. package/src/theme/build/mixThemeColor.ts +0 -53
  801. package/src/theme/build/renderColorTheme.ts +0 -532
  802. package/src/theme/build/renderColorValue.ts +0 -85
  803. package/src/theme/build/resolveColorTokens.ts +0 -268
  804. package/src/theme/build/theme.test.ts +0 -27
  805. package/src/theme/config/helpers.ts +0 -55
  806. package/src/theme/config/index.ts +0 -4
  807. package/src/theme/config/system.ts +0 -115
  808. package/src/theme/config/tokens/color/index.ts +0 -1
  809. package/src/theme/config/tokens/color/types.ts +0 -133
  810. package/src/theme/config/tokens/index.ts +0 -4
  811. package/src/theme/config/tokens/parseTokenKey.test.ts +0 -64
  812. package/src/theme/config/tokens/parseTokenKey.ts +0 -67
  813. package/src/theme/config/tokens/parseTokenValue.test.ts +0 -42
  814. package/src/theme/config/tokens/parseTokenValue.ts +0 -133
  815. package/src/theme/config/tokens/types.ts +0 -53
  816. package/src/theme/config/types.ts +0 -46
  817. package/src/theme/defaults/colorPalette.ts +0 -5
  818. package/src/theme/defaults/colorTokens.ts +0 -648
  819. package/src/theme/getScopedTheme.ts +0 -91
  820. package/src/theme/system/avatar.ts +0 -14
  821. package/src/theme/system/color/_constants.ts +0 -45
  822. package/src/theme/system/color/_helpers.ts +0 -24
  823. package/src/theme/system/color/_system.ts +0 -40
  824. package/src/theme/system/color/avatar.ts +0 -15
  825. package/src/theme/system/color/badge.ts +0 -16
  826. package/src/theme/system/color/button.ts +0 -17
  827. package/src/theme/system/color/color.ts +0 -34
  828. package/src/theme/system/color/index.ts +0 -13
  829. package/src/theme/system/color/input.ts +0 -25
  830. package/src/theme/system/color/kbd.ts +0 -8
  831. package/src/theme/system/color/selectable.ts +0 -12
  832. package/src/theme/system/color/shadow.ts +0 -7
  833. package/src/theme/system/color/state.ts +0 -43
  834. package/src/theme/system/color/syntax.ts +0 -41
  835. package/src/theme/system/css.ts +0 -8
  836. package/src/theme/system/focusRing.ts +0 -7
  837. package/src/theme/system/font.ts +0 -52
  838. package/src/theme/system/index.ts +0 -11
  839. package/src/theme/system/input.ts +0 -33
  840. package/src/theme/system/layer.ts +0 -8
  841. package/src/theme/system/shadow.ts +0 -19
  842. package/src/theme/system/styles.ts +0 -13
  843. package/src/theme/system/theme.ts +0 -138
  844. package/src/theme/system/v0/avatar.ts +0 -10
  845. package/src/theme/system/v0/color/_generic.ts +0 -35
  846. package/src/theme/system/v0/color/_system.ts +0 -17
  847. package/src/theme/system/v0/color/base.ts +0 -21
  848. package/src/theme/system/v0/color/button.ts +0 -42
  849. package/src/theme/system/v0/color/card.ts +0 -19
  850. package/src/theme/system/v0/color/color.ts +0 -40
  851. package/src/theme/system/v0/color/index.ts +0 -11
  852. package/src/theme/system/v0/color/input.ts +0 -34
  853. package/src/theme/system/v0/color/muted.ts +0 -26
  854. package/src/theme/system/v0/color/selectable.ts +0 -31
  855. package/src/theme/system/v0/color/solid.ts +0 -26
  856. package/src/theme/system/v0/color/spot.ts +0 -13
  857. package/src/theme/system/v0/index.ts +0 -3
  858. package/src/theme/system/v0/input.ts +0 -23
  859. package/src/theme/versioning/getTheme_v2.ts +0 -57
  860. package/src/theme/versioning/index.ts +0 -5
  861. package/src/theme/versioning/is_v0.ts +0 -6
  862. package/src/theme/versioning/is_v2.ts +0 -6
  863. package/src/theme/versioning/themeColor_v0_v2.ts +0 -243
  864. package/src/theme/versioning/themeColor_v2_v2_9.ts +0 -49
  865. package/src/theme/versioning/v0_v2.ts +0 -94
  866. package/src/theme/versioning/v2_v0.ts +0 -127
  867. /package/src/core/observers/{resizeObserver.ts → resize.ts} +0 -0
  868. /package/src/core/{utils → primitives}/arrow/cmds.ts +0 -0
  869. /package/src/core/{utils → primitives}/layer/types.ts +0 -0
package/README.md CHANGED
@@ -6,7 +6,7 @@ The Sanity UI components.
6
6
  npm install @sanity/ui
7
7
 
8
8
  # Install peer dependencies
9
- npm install react react-dom styled-components
9
+ npm install react react-dom react-is
10
10
  ```
11
11
 
12
12
  [![npm version](https://img.shields.io/npm/v/@sanity/ui.svg?style=flat-square)](https://www.npmjs.com/package/@sanity/ui)
@@ -14,17 +14,15 @@ npm install react react-dom styled-components
14
14
  ## Usage
15
15
 
16
16
  ```jsx
17
- import {Button, ThemeProvider} from '@sanity/ui'
18
- import {buildTheme} from '@sanity/ui/theme'
19
- import {createRoot} from 'react-dom/client'
17
+ import '@sanity/ui/css/index.css'
20
18
 
21
- const root = createRoot(document.getElementById('root'))
22
- const theme = buildTheme()
19
+ import {Button, Root} from '@sanity/ui'
20
+ import {createRoot} from 'react-dom/client'
23
21
 
24
- root.render(
25
- <ThemeProvider theme={theme}>
22
+ createRoot(document).render(
23
+ <Root lang="en">
26
24
  <Button text="Hello, world" />
27
- </ThemeProvider>,
25
+ </Root>,
28
26
  )
29
27
  ```
30
28
 
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
- var jsxRuntime = require("react/jsx-runtime"), reactCompilerRuntime = require("react-compiler-runtime"), reactRefractor = require("react-refractor");
2
+ var jsxRuntime = require("react/jsx-runtime"), compilerRuntime = require("react/compiler-runtime"), reactRefractor = require("react-refractor");
3
3
  function LazyRefractor(props) {
4
- const $ = reactCompilerRuntime.c(13), {
4
+ const $ = compilerRuntime.c(13), {
5
5
  language: languageProp,
6
6
  value
7
7
  } = props, language = typeof languageProp == "string" ? languageProp : void 0;
@@ -18,6 +18,5 @@ function LazyRefractor(props) {
18
18
  t2
19
19
  ] }), $[10] = t1, $[11] = t2, $[12] = t3) : t3 = $[12], t3;
20
20
  }
21
- LazyRefractor.displayName = "LazyRefractor";
22
21
  exports.default = LazyRefractor;
23
- //# sourceMappingURL=refractor.js.map
22
+ //# sourceMappingURL=refractor.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"refractor.cjs","sources":["../../src/core/primitives/code/refractor.tsx"],"sourcesContent":["import {hasLanguage, Refractor} from 'react-refractor'\n\nexport default function LazyRefractor(\n props: Partial<Pick<React.ComponentProps<typeof Refractor>, 'language'>> & {\n value: React.ReactNode\n },\n): React.JSX.Element {\n const {language: languageProp, value} = props\n const language = typeof languageProp === 'string' ? languageProp : undefined\n const registered = language ? hasLanguage(language) : false\n\n return (\n <>\n {!(language && registered) && <code>{value}</code>}\n {language && registered && <Refractor inline language={language} value={String(value)} />}\n </>\n )\n}\n"],"names":["LazyRefractor","props","$","_c","language","languageProp","value","undefined","t0","hasLanguage","registered","t1","t2","Refractor","String","t3"],"mappings":";;AAEA,SAAeA,cAAAC,OAAA;AAAA,QAAAC,IAAAC,kBAAA,EAAA,GAKb;AAAA,IAAAC,UAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAwCL,OACxCG,WAAiB,OAAOC,gBAAiB,WAAWA,eAAYE;AAAY,MAAAC;AAAAN,WAAAE,YACzDI,KAAAJ,WAAWK,eAAAA,YAAYL,QAAQ,IAAC,IAAQF,OAAAE,UAAAF,OAAAM,MAAAA,KAAAN,EAAA,CAAA;AAA3D,QAAAQ,aAAmBF;AAAwC,MAAAG;AAAAT,IAAA,CAAA,MAAAE,YAAAF,SAAAQ,cAAAR,EAAA,CAAA,MAAAI,SAItDK,KAAA,EAAEP,YAAYM,wDAAsBJ,UAAAA,MAAAA,CAAM,GAAOJ,OAAAE,UAAAF,OAAAQ,YAAAR,OAAAI,OAAAJ,OAAAS,MAAAA,KAAAT,EAAA,CAAA;AAAA,MAAAU;AAAAV,IAAA,CAAA,MAAAE,YAAAF,SAAAQ,cAAAR,EAAA,CAAA,MAAAI,SACjDM,KAAAR,YAAYM,6CAAeG,eAAAA,WAAA,EAAU,QAAA,IAAiBT,UAAiB,OAAAU,OAAOR,KAAK,EAAA,CAAC,GAAIJ,OAAAE,UAAAF,OAAAQ,YAAAR,OAAAI,OAAAJ,OAAAU,MAAAA,KAAAV,EAAA,CAAA;AAAA,MAAAa;AAAA,SAAAb,EAAA,EAAA,MAAAS,MAAAT,UAAAU,MAF3FG,4DACGJ,UAAAA;AAAAA,IAAAA;AAAAA,IACAC;AAAAA,EAAAA,EAAAA,CAAwF,GACxFV,QAAAS,IAAAT,QAAAU,IAAAV,QAAAa,MAAAA,KAAAb,EAAA,EAAA,GAHHa;AAGG;;"}
@@ -1,5 +1,5 @@
1
1
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
- import { c } from "react-compiler-runtime";
2
+ import { c } from "react/compiler-runtime";
3
3
  import { hasLanguage, Refractor } from "react-refractor";
4
4
  function LazyRefractor(props) {
5
5
  const $ = c(13), {
@@ -19,8 +19,7 @@ function LazyRefractor(props) {
19
19
  t2
20
20
  ] }), $[10] = t1, $[11] = t2, $[12] = t3) : t3 = $[12], t3;
21
21
  }
22
- LazyRefractor.displayName = "LazyRefractor";
23
22
  export {
24
23
  LazyRefractor as default
25
24
  };
26
- //# sourceMappingURL=refractor.mjs.map
25
+ //# sourceMappingURL=refractor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"refractor.js","sources":["../../src/core/primitives/code/refractor.tsx"],"sourcesContent":["import {hasLanguage, Refractor} from 'react-refractor'\n\nexport default function LazyRefractor(\n props: Partial<Pick<React.ComponentProps<typeof Refractor>, 'language'>> & {\n value: React.ReactNode\n },\n): React.JSX.Element {\n const {language: languageProp, value} = props\n const language = typeof languageProp === 'string' ? languageProp : undefined\n const registered = language ? hasLanguage(language) : false\n\n return (\n <>\n {!(language && registered) && <code>{value}</code>}\n {language && registered && <Refractor inline language={language} value={String(value)} />}\n </>\n )\n}\n"],"names":["LazyRefractor","props","$","_c","language","languageProp","value","undefined","t0","hasLanguage","registered","t1","t2","String","t3"],"mappings":";;;AAEA,SAAeA,cAAAC,OAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAKb;AAAA,IAAAC,UAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAwCL,OACxCG,WAAiB,OAAOC,gBAAiB,WAAWA,eAAYE;AAAY,MAAAC;AAAAN,WAAAE,YACzDI,KAAAJ,WAAWK,YAAYL,QAAQ,IAAC,IAAQF,OAAAE,UAAAF,OAAAM,MAAAA,KAAAN,EAAA,CAAA;AAA3D,QAAAQ,aAAmBF;AAAwC,MAAAG;AAAAT,IAAA,CAAA,MAAAE,YAAAF,SAAAQ,cAAAR,EAAA,CAAA,MAAAI,SAItDK,KAAA,EAAEP,YAAYM,6CAAsBJ,UAAAA,MAAAA,CAAM,GAAOJ,OAAAE,UAAAF,OAAAQ,YAAAR,OAAAI,OAAAJ,OAAAS,MAAAA,KAAAT,EAAA,CAAA;AAAA,MAAAU;AAAAV,IAAA,CAAA,MAAAE,YAAAF,SAAAQ,cAAAR,EAAA,CAAA,MAAAI,SACjDM,KAAAR,YAAYM,kCAAe,WAAA,EAAU,QAAA,IAAiBN,UAAiB,OAAAS,OAAOP,KAAK,EAAA,CAAC,GAAIJ,OAAAE,UAAAF,OAAAQ,YAAAR,OAAAI,OAAAJ,OAAAU,MAAAA,KAAAV,EAAA,CAAA;AAAA,MAAAY;AAAA,SAAAZ,EAAA,EAAA,MAAAS,MAAAT,UAAAU,MAF3FE,sCACGH,UAAAA;AAAAA,IAAAA;AAAAA,IACAC;AAAAA,EAAAA,EAAAA,CAAwF,GACxFV,QAAAS,IAAAT,QAAAU,IAAAV,QAAAY,MAAAA,KAAAZ,EAAA,EAAA,GAHHY;AAGG;"}