@sanity/ui 4.2.0 → 5.0.0-alpha.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 (339) hide show
  1. package/README.md +194 -28
  2. package/bin/sanity-ui.js +14 -0
  3. package/dist/_chunks-es/LazyRefractor.js +20 -0
  4. package/dist/_chunks-es/LazyRefractor.js.map +1 -0
  5. package/dist/cli/checks.js +148 -0
  6. package/dist/cli/config.js +23 -0
  7. package/dist/cli/detect.js +181 -0
  8. package/dist/cli/doctor.js +49 -0
  9. package/dist/cli/index.js +69 -0
  10. package/dist/cli/init.js +189 -0
  11. package/dist/cli/install.js +79 -0
  12. package/dist/cli/log.js +66 -0
  13. package/dist/cli/selfPackage.js +11 -0
  14. package/dist/cli/styles.js +185 -0
  15. package/dist/cli/test-utils.js +8 -0
  16. package/dist/cli/tsconfig.js +236 -0
  17. package/dist/cli/types.js +1 -0
  18. package/dist/cli/versions.js +45 -0
  19. package/dist/index.d.ts +1203 -1469
  20. package/dist/index.js +2123 -1989
  21. package/dist/index.js.map +1 -1
  22. package/dist/polyfills.d.ts +1 -0
  23. package/dist/polyfills.js +5 -0
  24. package/dist/polyfills.js.map +1 -0
  25. package/dist/styles.css +1 -547
  26. package/package.json +57 -58
  27. package/src/cli/checks.test.ts +38 -0
  28. package/src/cli/checks.ts +200 -0
  29. package/src/cli/config.ts +44 -0
  30. package/src/cli/detect.test.ts +191 -0
  31. package/src/cli/detect.ts +205 -0
  32. package/src/cli/doctor.test.ts +52 -0
  33. package/src/cli/doctor.ts +65 -0
  34. package/src/cli/index.ts +77 -0
  35. package/src/cli/init.ts +225 -0
  36. package/src/cli/install.test.ts +52 -0
  37. package/src/cli/install.ts +108 -0
  38. package/src/cli/log.ts +79 -0
  39. package/src/cli/selfPackage.ts +14 -0
  40. package/src/cli/styles.test.ts +130 -0
  41. package/src/cli/styles.ts +205 -0
  42. package/src/cli/test-utils.ts +10 -0
  43. package/src/cli/tsconfig.test.ts +174 -0
  44. package/src/cli/tsconfig.ts +282 -0
  45. package/src/cli/types.ts +77 -0
  46. package/src/cli/versions.test.ts +35 -0
  47. package/src/cli/versions.ts +41 -0
  48. package/src/components/badge/Badge.tsx +53 -0
  49. package/src/components/badge/badge.css +6 -0
  50. package/src/components/badge/badge.props.ts +31 -0
  51. package/src/components/box/Box.tsx +30 -0
  52. package/src/components/box/box.css +4 -0
  53. package/src/components/box/box.props.ts +29 -0
  54. package/src/components/button/Button.tsx +78 -0
  55. package/src/components/button/button.css +72 -0
  56. package/src/components/button/button.props.ts +122 -0
  57. package/src/components/card/Card.tsx +31 -0
  58. package/src/components/card/card.css +4 -0
  59. package/src/components/card/card.props.ts +58 -0
  60. package/src/components/checkbox/Checkbox.tsx +64 -0
  61. package/src/components/checkbox/checkbox.css +100 -0
  62. package/src/components/checkbox/checkbox.props.ts +33 -0
  63. package/src/components/code/Code.tsx +38 -0
  64. package/src/components/code/LazyRefractor.tsx +9 -0
  65. package/src/components/code/code.css +40 -0
  66. package/src/components/code/code.props.ts +44 -0
  67. package/src/components/container/Container.tsx +30 -0
  68. package/src/components/container/container.css +4 -0
  69. package/src/components/container/container.props.ts +28 -0
  70. package/src/components/dialog/Dialog.tsx +139 -0
  71. package/src/components/dialog/dialog.css +49 -0
  72. package/src/components/dialog/dialog.props.ts +45 -0
  73. package/src/components/divider/Divider.tsx +23 -0
  74. package/src/components/divider/divider.props.ts +9 -0
  75. package/src/components/eyebrow/Eyebrow.tsx +54 -0
  76. package/src/components/eyebrow/eyebrow.css +11 -0
  77. package/src/components/eyebrow/eyebrow.props.ts +28 -0
  78. package/src/components/flex/Flex.tsx +30 -0
  79. package/src/components/flex/flex.css +4 -0
  80. package/src/components/flex/flex.props.ts +33 -0
  81. package/src/components/grid/Grid.tsx +30 -0
  82. package/src/components/grid/grid.css +4 -0
  83. package/src/components/grid/grid.props.ts +33 -0
  84. package/src/components/h-stack/HStack.tsx +34 -0
  85. package/src/components/h-stack/hStack.props.ts +17 -0
  86. package/src/components/heading/Heading.tsx +54 -0
  87. package/src/components/heading/heading.css +9 -0
  88. package/src/components/heading/heading.props.ts +31 -0
  89. package/src/components/icon/Icon.tsx +24 -0
  90. package/src/components/icon/icon.css +17 -0
  91. package/src/components/icon/icon.props.ts +35 -0
  92. package/src/components/icon-button/IconButton.tsx +32 -0
  93. package/src/components/icon-button/iconButton.props.ts +31 -0
  94. package/src/components/index.css +28 -0
  95. package/src/components/indicator/Indicator.tsx +42 -0
  96. package/src/components/indicator/indicator.css +4 -0
  97. package/src/components/indicator/indicator.props.ts +24 -0
  98. package/src/components/indicator-stack/IndicatorStack.tsx +31 -0
  99. package/src/components/indicator-stack/indicator-stack.css +7 -0
  100. package/src/components/indicator-stack/indicatorStack.props.ts +15 -0
  101. package/src/components/inline/Inline.tsx +38 -0
  102. package/src/components/inline/inline.css +4 -0
  103. package/src/components/inline/inline.props.ts +100 -0
  104. package/src/components/label/Label.tsx +34 -0
  105. package/src/components/label/label.css +3 -0
  106. package/src/components/label/label.props.ts +25 -0
  107. package/src/components/link/Link.tsx +29 -0
  108. package/src/components/link/link.css +12 -0
  109. package/src/components/link/link.props.ts +23 -0
  110. package/src/components/list/List.tsx +167 -0
  111. package/src/components/list/list.css +25 -0
  112. package/src/components/list/list.props.ts +130 -0
  113. package/src/components/popover/Popover.tsx +85 -0
  114. package/src/components/popover/popover.css +21 -0
  115. package/src/components/popover/popover.props.ts +38 -0
  116. package/src/components/press-area/PressArea.tsx +29 -0
  117. package/src/components/press-area/press-area.css +22 -0
  118. package/src/components/press-area/pressArea.props.ts +16 -0
  119. package/src/components/radio/Radio.tsx +48 -0
  120. package/src/components/radio/radio.css +97 -0
  121. package/src/components/radio/radio.props.ts +25 -0
  122. package/src/components/skip-to-content/SkipToContent.tsx +35 -0
  123. package/src/components/skip-to-content/skip-to-content.css +9 -0
  124. package/src/components/skip-to-content/skipToContent.props.ts +25 -0
  125. package/src/components/spinner/Spinner.tsx +28 -0
  126. package/src/components/spinner/spinner.css +10 -0
  127. package/src/components/spinner/spinner.props.ts +19 -0
  128. package/src/components/switch/Switch.tsx +48 -0
  129. package/src/components/switch/switch.css +119 -0
  130. package/src/components/switch/switch.props.ts +25 -0
  131. package/src/components/text/Text.tsx +53 -0
  132. package/src/components/text/text.css +9 -0
  133. package/src/components/text/text.props.ts +28 -0
  134. package/src/components/tooltip/Tooltip.tsx +97 -0
  135. package/src/components/tooltip/tooltip.css +31 -0
  136. package/src/components/tooltip/tooltip.props.ts +36 -0
  137. package/src/components/tooltip-group/TooltipGroup.tsx +64 -0
  138. package/src/components/tooltip-group/tooltipGroup.props.ts +15 -0
  139. package/src/components/v-stack/VStack.tsx +32 -0
  140. package/src/components/v-stack/vStack.props.ts +17 -0
  141. package/src/components/visually-hidden/VisuallyHidden.tsx +29 -0
  142. package/src/components/visually-hidden/visually-hidden.css +9 -0
  143. package/src/components/visually-hidden/visuallyHidden.props.ts +23 -0
  144. package/src/css/classes/dynamic/flex-child.css +5 -0
  145. package/src/css/classes/dynamic/grid-child.css +8 -0
  146. package/src/css/classes/dynamic/grid-parent.css +6 -0
  147. package/src/css/classes/dynamic/height.css +5 -0
  148. package/src/css/classes/dynamic/index.css +7 -0
  149. package/src/css/classes/dynamic/line-clamp.css +5 -0
  150. package/src/css/classes/dynamic/readme.md +3 -0
  151. package/src/css/classes/dynamic/width.css +7 -0
  152. package/src/css/classes/dynamic/z-index.css +3 -0
  153. package/src/css/classes/generic/display.css +10 -0
  154. package/src/css/classes/generic/flex.css +24 -0
  155. package/src/css/classes/generic/grid.css +7 -0
  156. package/src/css/classes/generic/index.css +7 -0
  157. package/src/css/classes/generic/overflow.css +19 -0
  158. package/src/css/classes/generic/placement.css +202 -0
  159. package/src/css/classes/generic/position.css +7 -0
  160. package/src/css/classes/generic/readme.md +3 -0
  161. package/src/css/classes/generic/text-align.css +5 -0
  162. package/src/css/classes/index.css +4 -0
  163. package/src/css/classes/local/animation.css +4 -0
  164. package/src/css/classes/local/border.css +20 -0
  165. package/src/css/classes/local/index.css +6 -0
  166. package/src/css/classes/local/readme.md +3 -0
  167. package/src/css/classes/local/text-overflow.css +5 -0
  168. package/src/css/classes/local/text-trim.css +45 -0
  169. package/src/css/classes/local/tone.css +75 -0
  170. package/src/css/classes/local/top-anchor.css +4 -0
  171. package/src/css/classes/system/color.css +223 -0
  172. package/src/css/classes/system/container.css +8 -0
  173. package/src/css/classes/system/font-family.css +2 -0
  174. package/src/css/classes/system/font-weight.css +4 -0
  175. package/src/css/classes/system/gap.css +37 -0
  176. package/src/css/classes/system/index.css +10 -0
  177. package/src/css/classes/system/inset.css +56 -0
  178. package/src/css/classes/system/margin.css +148 -0
  179. package/src/css/classes/system/padding.css +78 -0
  180. package/src/css/classes/system/radius.css +10 -0
  181. package/src/css/classes/system/readme.md +3 -0
  182. package/src/css/classes/system/shadow.css +6 -0
  183. package/src/css/classes/system/typography.css +31 -0
  184. package/src/css/global/font-face.css +20 -0
  185. package/src/css/global/index.css +2 -0
  186. package/src/css/global/reset.css +76 -0
  187. package/src/css/tokens/index.css +3 -0
  188. package/src/css/tokens/opacity.css +6 -0
  189. package/src/css/tokens/semantic.css +25 -0
  190. package/src/css/tokens/surface.css +27 -0
  191. package/src/hooks/useIsClient.ts +10 -0
  192. package/src/index.css +18 -0
  193. package/src/index.ts +65 -0
  194. package/src/polyfills.ts +15 -0
  195. package/src/props/border.ts +51 -0
  196. package/src/props/flexChild.ts +29 -0
  197. package/src/props/flexParent.ts +47 -0
  198. package/src/props/gap.ts +31 -0
  199. package/src/props/gridChild.ts +50 -0
  200. package/src/props/gridParent.ts +45 -0
  201. package/src/props/height.ts +29 -0
  202. package/src/props/layout.ts +44 -0
  203. package/src/props/margin.ts +59 -0
  204. package/src/props/overflow.ts +30 -0
  205. package/src/props/padding.ts +59 -0
  206. package/src/props/placement.ts +16 -0
  207. package/src/props/position.ts +52 -0
  208. package/src/props/shadow.ts +15 -0
  209. package/src/props/tone.ts +15 -0
  210. package/src/props/typography.ts +62 -0
  211. package/src/props/width.ts +29 -0
  212. package/src/props/zIndex.ts +15 -0
  213. package/src/styles.css.d.ts +1 -0
  214. package/src/styles.css.node.js +2 -0
  215. package/src/styles.css.test.ts +24 -0
  216. package/src/types/Button.ts +8 -0
  217. package/src/types/Code.ts +6 -0
  218. package/src/types/Container.ts +3 -0
  219. package/src/types/Density.ts +3 -0
  220. package/src/types/Display.ts +11 -0
  221. package/src/types/Eyebrow.ts +3 -0
  222. package/src/types/Flex.ts +22 -0
  223. package/src/types/FontWeight.ts +3 -0
  224. package/src/types/Grid.ts +3 -0
  225. package/src/types/Heading.ts +6 -0
  226. package/src/types/Icon.ts +3 -0
  227. package/src/types/Interactive.ts +8 -0
  228. package/src/types/List.ts +2 -0
  229. package/src/types/Overflow.ts +3 -0
  230. package/src/types/Placement.ts +16 -0
  231. package/src/types/Position.ts +3 -0
  232. package/src/types/PropDef.ts +73 -0
  233. package/src/types/Radius.ts +3 -0
  234. package/src/types/Responsive.ts +10 -0
  235. package/src/types/Shadow.ts +3 -0
  236. package/src/types/Space.ts +15 -0
  237. package/src/types/Text.ts +3 -0
  238. package/src/types/TextAlign.ts +3 -0
  239. package/src/types/Tone.ts +3 -0
  240. package/src/utils/getProps.test.ts +156 -0
  241. package/src/utils/getProps.ts +156 -0
  242. package/src/utils/mergeTriggerProps.ts +66 -0
  243. package/src/utils/renderPortal.tsx +14 -0
  244. package/src/utils/suffixClassName.ts +5 -0
  245. package/src/version.ts +3 -0
  246. package/LICENSE +0 -21
  247. package/dist/_system-CTe2lb5l.d.ts +0 -40
  248. package/dist/_system-CTe2lb5l.d.ts.map +0 -1
  249. package/dist/arrow-BmX6qbAS.js +0 -170
  250. package/dist/arrow-BmX6qbAS.js.map +0 -1
  251. package/dist/autocomplete.d.ts +0 -140
  252. package/dist/autocomplete.d.ts.map +0 -1
  253. package/dist/autocomplete.js +0 -470
  254. package/dist/autocomplete.js.map +0 -1
  255. package/dist/breadcrumbs.d.ts +0 -18
  256. package/dist/breadcrumbs.d.ts.map +0 -1
  257. package/dist/breadcrumbs.js +0 -119
  258. package/dist/breadcrumbs.js.map +0 -1
  259. package/dist/button-BNyKSDyA.js +0 -180
  260. package/dist/button-BNyKSDyA.js.map +0 -1
  261. package/dist/button-dnqMFkWg.d.ts +0 -76
  262. package/dist/button-dnqMFkWg.d.ts.map +0 -1
  263. package/dist/card-C0a0wQTc.d.ts +0 -7
  264. package/dist/card-C0a0wQTc.d.ts.map +0 -1
  265. package/dist/code.d.ts +0 -20
  266. package/dist/code.d.ts.map +0 -1
  267. package/dist/code.js +0 -90
  268. package/dist/code.js.map +0 -1
  269. package/dist/codeFontStyle-84SMhFtI.js +0 -11
  270. package/dist/codeFontStyle-84SMhFtI.js.map +0 -1
  271. package/dist/component-DVlwaWB-.d.ts +0 -25
  272. package/dist/component-DVlwaWB-.d.ts.map +0 -1
  273. package/dist/element-BYgCE_iK.js +0 -51
  274. package/dist/element-BYgCE_iK.js.map +0 -1
  275. package/dist/factory-BzXTX8_Q.js +0 -3056
  276. package/dist/factory-BzXTX8_Q.js.map +0 -1
  277. package/dist/flex-DmbDG2ks.js +0 -76
  278. package/dist/flex-DmbDG2ks.js.map +0 -1
  279. package/dist/font-EtfxKPUz.d.ts +0 -49
  280. package/dist/font-EtfxKPUz.d.ts.map +0 -1
  281. package/dist/getElementRef-Jw7gY0eV.js +0 -102
  282. package/dist/getElementRef-Jw7gY0eV.js.map +0 -1
  283. package/dist/getScopedTheme-C-sZsyAz.js +0 -267
  284. package/dist/getScopedTheme-C-sZsyAz.js.map +0 -1
  285. package/dist/getTheme_v2-y09KqtEb.js +0 -487
  286. package/dist/getTheme_v2-y09KqtEb.js.map +0 -1
  287. package/dist/grid-6JSgMj1O.js +0 -115
  288. package/dist/grid-6JSgMj1O.js.map +0 -1
  289. package/dist/helpers-C8xxXAQC.js +0 -63
  290. package/dist/helpers-C8xxXAQC.js.map +0 -1
  291. package/dist/hotkeys-CaHsQlsO.js +0 -168
  292. package/dist/hotkeys-CaHsQlsO.js.map +0 -1
  293. package/dist/index.d.ts.map +0 -1
  294. package/dist/layer-Bl5R3uNR.js +0 -61
  295. package/dist/layer-Bl5R3uNR.js.map +0 -1
  296. package/dist/layer-ChlP9Ik6.d.ts +0 -242
  297. package/dist/layer-ChlP9Ik6.d.ts.map +0 -1
  298. package/dist/menu.d.ts +0 -146
  299. package/dist/menu.d.ts.map +0 -1
  300. package/dist/menu.js +0 -626
  301. package/dist/menu.js.map +0 -1
  302. package/dist/popover-B7-28L8y.js +0 -408
  303. package/dist/popover-B7-28L8y.js.map +0 -1
  304. package/dist/popover-CMlQeKn0.d.ts +0 -96
  305. package/dist/popover-CMlQeKn0.d.ts.map +0 -1
  306. package/dist/popover.d.ts +0 -2
  307. package/dist/popover.js +0 -3
  308. package/dist/refractor-CC48DwHi.js +0 -20
  309. package/dist/refractor-CC48DwHi.js.map +0 -1
  310. package/dist/responsiveFont-CilwaORG.js +0 -55
  311. package/dist/responsiveFont-CilwaORG.js.map +0 -1
  312. package/dist/rgba-BSYaEUW6.d.ts +0 -846
  313. package/dist/rgba-BSYaEUW6.d.ts.map +0 -1
  314. package/dist/selectable-B0GUIL74.d.ts +0 -7
  315. package/dist/selectable-B0GUIL74.d.ts.map +0 -1
  316. package/dist/stack-rsNFPq2-.js +0 -112
  317. package/dist/stack-rsNFPq2-.js.map +0 -1
  318. package/dist/styles-css.d.ts +0 -2
  319. package/dist/styles-css.js +0 -4
  320. package/dist/textInput-pSfQjkmx.js +0 -313
  321. package/dist/textInput-pSfQjkmx.js.map +0 -1
  322. package/dist/theme.d.ts +0 -280
  323. package/dist/theme.d.ts.map +0 -1
  324. package/dist/theme.js +0 -55
  325. package/dist/theme.js.map +0 -1
  326. package/dist/toast.d.ts +0 -73
  327. package/dist/toast.d.ts.map +0 -1
  328. package/dist/toast.js +0 -302
  329. package/dist/toast.js.map +0 -1
  330. package/dist/tooltip.d.ts +0 -88
  331. package/dist/tooltip.d.ts.map +0 -1
  332. package/dist/tooltip.js +0 -435
  333. package/dist/tooltip.js.map +0 -1
  334. package/dist/useClickOutsideEvent-wGLGWBZN.js +0 -36
  335. package/dist/useClickOutsideEvent-wGLGWBZN.js.map +0 -1
  336. package/dist/useElementSize-BJvbGHq8.js +0 -51
  337. package/dist/useElementSize-BJvbGHq8.js.map +0 -1
  338. package/dist/useLayer-D1usxIE0.js +0 -712
  339. package/dist/useLayer-D1usxIE0.js.map +0 -1
@@ -1,63 +0,0 @@
1
- import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
2
- /**
3
- * @internal
4
- */
5
- const EMPTY_ARRAY = [], EMPTY_RECORD = {}, POPOVER_MOTION_DURATION = .2, POPOVER_MOTION_PROPS = {
6
- variants: {
7
- initial: {
8
- scale: .97,
9
- willChange: "transform"
10
- },
11
- hidden: { opacity: 0 },
12
- visible: {
13
- opacity: 1,
14
- transition: { duration: POPOVER_MOTION_DURATION / 2 }
15
- },
16
- scaleIn: { scale: 1 },
17
- scaleOut: { scale: .97 }
18
- },
19
- transition: {
20
- type: "spring",
21
- visualDuration: POPOVER_MOTION_DURATION,
22
- bounce: .25
23
- },
24
- initial: ["hidden", "initial"],
25
- animate: ["visible", "scaleIn"],
26
- exit: ["hidden", "scaleOut"]
27
- };
28
- /**
29
- * @internal
30
- */
31
- function _fillCSSObject(keys, value) {
32
- return keys.reduce((style, key) => (style[key] = value, style), {});
33
- }
34
- /**
35
- * @public
36
- */
37
- function rem(pixelValue) {
38
- return pixelValue === 0 ? 0 : `${pixelValue / 16}rem`;
39
- }
40
- /**
41
- * @internal
42
- */
43
- function _responsive(media, values, callback) {
44
- return (values?.map(callback) || []).map((statement, mediaIndex) => mediaIndex === 0 ? statement : { [`@media screen and (min-width: ${media[mediaIndex - 1]}px)`]: statement });
45
- }
46
- /**
47
- * @internal
48
- */
49
- function _getArrayProp(val, defaultVal) {
50
- return val === void 0 ? defaultVal || EMPTY_ARRAY : Array.isArray(val) ? val : [val];
51
- }
52
- /**
53
- * @internal
54
- */
55
- function _getResponsiveSpace(theme, props, spaceIndexes = EMPTY_ARRAY) {
56
- if (!Array.isArray(spaceIndexes)) throw Error("the property must be array of numbers");
57
- if (spaceIndexes.length === 0) return null;
58
- let { media, space } = getTheme_v2(theme);
59
- return _responsive(media, spaceIndexes, (spaceIndex) => _fillCSSObject(props, rem(space[spaceIndex])));
60
- }
61
- export { rem as a, POPOVER_MOTION_PROPS as c, _responsive as i, _getArrayProp as n, EMPTY_ARRAY as o, _getResponsiveSpace as r, EMPTY_RECORD as s, _fillCSSObject as t };
62
-
63
- //# sourceMappingURL=helpers-C8xxXAQC.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"helpers-C8xxXAQC.js","names":[],"sources":["../src/core/constants.ts","../src/core/styles/helpers.ts"],"sourcesContent":["import type {MotionProps} from 'motion/react'\n\n/**\n * @internal\n */\nexport const EMPTY_ARRAY: never[] = []\n\n/**\n * @internal\n */\nexport const EMPTY_RECORD: Record<string, never> = {}\n\nconst POPOVER_MOTION_DURATION = 0.2\n\n/**\n * The `motion` props shared by the `Popover` and `Tooltip` cards.\n *\n * Spread as a whole, and only while animating. `motion` treats any component\n * with `variants` as a variant node and hands it the variant labels of the\n * nearest animating ancestor, so a card that keeps its `variants` while\n * dropping `initial`/`animate` mounts on an ancestor popover's `hidden`\n * variant. It only leaves that variant if the ancestor changes label again,\n * which a card mounting after the ancestor's enter animation never sees.\n *\n * @internal\n */\nexport const POPOVER_MOTION_PROPS = {\n variants: {\n initial: {\n scale: 0.97,\n willChange: 'transform',\n },\n hidden: {\n opacity: 0,\n },\n visible: {\n opacity: 1,\n transition: {\n duration: POPOVER_MOTION_DURATION / 2,\n },\n },\n scaleIn: {\n scale: 1,\n },\n scaleOut: {\n scale: 0.97,\n },\n },\n transition: {\n type: 'spring',\n visualDuration: POPOVER_MOTION_DURATION,\n bounce: 0.25,\n },\n initial: ['hidden', 'initial'],\n animate: ['visible', 'scaleIn'],\n exit: ['hidden', 'scaleOut'],\n} satisfies MotionProps\n","import {CSSObject} from '../../theme/system/css'\nimport {Theme} from '../../theme/system/theme'\nimport {getTheme_v2} from '../../theme/versioning/getTheme_v2'\nimport {EMPTY_ARRAY} from '../constants'\n\n/**\n * @internal\n */\nexport function _fillCSSObject(keys: string[], value: string | number | CSSObject): CSSObject {\n return keys.reduce<CSSObject>((style, key) => {\n style[key] = value\n\n return style\n }, {})\n}\n\n/**\n * @public\n */\nexport function rem(pixelValue: number): string | 0 {\n if (pixelValue === 0) return 0\n\n return `${pixelValue / 16}rem`\n}\n\n/**\n * @internal\n */\nexport function _responsive<T>(\n media: number[],\n values: T[],\n callback: (value: T, index: number, array: T[]) => CSSObject,\n): CSSObject[] {\n const statements = values?.map(callback) || []\n\n return statements.map((statement, mediaIndex) => {\n if (mediaIndex === 0) return statement\n\n return {[`@media screen and (min-width: ${media[mediaIndex - 1]}px)`]: statement}\n })\n}\n\n/**\n * @internal\n */\nexport function _getArrayProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[] {\n if (val === undefined) return defaultVal || EMPTY_ARRAY\n\n return Array.isArray(val) ? val : [val]\n}\n\n/**\n * @internal\n */\nexport function _getResponsiveSpace(\n theme: Theme,\n props: string[],\n spaceIndexes: number[] = EMPTY_ARRAY,\n): CSSObject[] | null {\n if (!Array.isArray(spaceIndexes)) {\n throw new Error('the property must be array of numbers')\n }\n\n if (spaceIndexes.length === 0) {\n return null\n }\n\n const {media, space} = getTheme_v2(theme)\n\n return _responsive(media, spaceIndexes, (spaceIndex) =>\n _fillCSSObject(props, rem(space[spaceIndex])),\n )\n}\n"],"mappings":";;;;AAKA,MAAa,cAAuB,CAAC,GAKxB,eAAsC,CAAC,GAE9C,0BAA0B,IAcnB,uBAAuB;CAClC,UAAU;EACR,SAAS;GACP,OAAO;GACP,YAAY;EACd;EACA,QAAQ,EACN,SAAS,EACX;EACA,SAAS;GACP,SAAS;GACT,YAAY,EACV,UAAU,0BAA0B,EACtC;EACF;EACA,SAAS,EACP,OAAO,EACT;EACA,UAAU,EACR,OAAO,IACT;CACF;CACA,YAAY;EACV,MAAM;EACN,gBAAgB;EAChB,QAAQ;CACV;CACA,SAAS,CAAC,UAAU,SAAS;CAC7B,SAAS,CAAC,WAAW,SAAS;CAC9B,MAAM,CAAC,UAAU,UAAU;AAC7B;;;;AChDA,SAAgB,eAAe,MAAgB,OAA+C;CAC5F,OAAO,KAAK,QAAmB,OAAO,SACpC,MAAM,OAAO,OAEN,QACN,CAAC,CAAC;AACP;;;;AAKA,SAAgB,IAAI,YAAgC;CAGlD,OAFI,eAAe,IAAU,IAEtB,GAAG,aAAa,GAAG;AAC5B;;;;AAKA,SAAgB,YACd,OACA,QACA,UACa;CAGb,QAFmB,QAAQ,IAAI,QAAQ,KAAK,CAAC,EAAA,CAE3B,KAAK,WAAW,eAC5B,eAAe,IAAU,YAEtB,GAAE,iCAAiC,MAAM,aAAa,GAAG,OAAO,UAAS,CACjF;AACH;;;;AAKA,SAAgB,cAA0B,KAA0B,YAAuB;CAGzF,OAFI,QAAQ,KAAA,IAAkB,cAAc,cAErC,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,GAAG;AACxC;;;;AAKA,SAAgB,oBACd,OACA,OACA,eAAyB,aACL;CACpB,IAAI,CAAC,MAAM,QAAQ,YAAY,GAC7B,MAAU,MAAM,uCAAuC;CAGzD,IAAI,aAAa,WAAW,GAC1B,OAAO;CAGT,IAAM,EAAC,OAAO,UAAS,YAAY,KAAK;CAExC,OAAO,YAAY,OAAO,eAAe,eACvC,eAAe,OAAO,IAAI,MAAM,WAAW,CAAC,CAC9C;AACF"}
@@ -1,168 +0,0 @@
1
- import { a as rem, i as _responsive, n as _getArrayProp } from "./helpers-C8xxXAQC.js";
2
- import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
3
- import { v as responsiveRadiusStyle, y as Box } from "./useLayer-D1usxIE0.js";
4
- import { n as Text } from "./stack-rsNFPq2-.js";
5
- import { c } from "react/compiler-runtime";
6
- import { clsx } from "clsx/lite";
7
- import { Children, useEffect } from "react";
8
- import { css, styled } from "styled-components";
9
- import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
10
- import { useEffectEvent } from "use-effect-event";
11
- /**
12
- * Adds global keydown event listener to the window.
13
- *
14
- * @param onKeyDown - The function to call when a keydown event is triggered.
15
- * @param options - The options to pass to the addEventListener function (example, capture: true)
16
- * @beta
17
- */
18
- function useGlobalKeyDown(onKeyDown, options) {
19
- let $ = c(7), t0;
20
- $[0] === onKeyDown ? t0 = $[1] : (t0 = (event) => onKeyDown(event), $[0] = onKeyDown, $[1] = t0);
21
- let handleKeyDown = useEffectEvent(t0), t1;
22
- $[2] !== handleKeyDown || $[3] !== options ? (t1 = () => {
23
- let handler = (event_0) => handleKeyDown(event_0);
24
- return window.addEventListener("keydown", handler, options), () => window.removeEventListener("keydown", handler, options);
25
- }, $[2] = handleKeyDown, $[3] = options, $[4] = t1) : t1 = $[4];
26
- let t2;
27
- $[5] === options ? t2 = $[6] : (t2 = [options], $[5] = options, $[6] = t2), useEffect(t1, t2);
28
- }
29
- function inlineBaseStyle() {
30
- return {
31
- lineHeight: "0",
32
- "&&:not([hidden])": { display: "block" },
33
- "& > div": {
34
- display: "inline-block",
35
- verticalAlign: "middle"
36
- }
37
- };
38
- }
39
- function inlineSpaceStyle(props) {
40
- let { media, space } = getTheme_v2(props.theme);
41
- return _responsive(media, props.$space, (spaceIndex) => {
42
- let _space = rem(spaceIndex === .5 ? space[1] / 2 : space[spaceIndex]);
43
- return {
44
- margin: `-${_space} 0 0 -${_space}`,
45
- "& > div": { padding: `${_space} 0 0 ${_space}` }
46
- };
47
- });
48
- }
49
- const StyledInline = /* @__PURE__ */ styled(Box).withConfig({
50
- displayName: "StyledInline",
51
- componentId: "sc-ntfhm-0"
52
- })(inlineBaseStyle, inlineSpaceStyle);
53
- function InlineComponent(props) {
54
- let $ = c(16), as, childrenProp, gap, ref, restProps;
55
- $[0] === props ? (as = $[1], childrenProp = $[2], gap = $[3], ref = $[4], restProps = $[5]) : ({as, children: childrenProp, gap, ref, ...restProps} = props, $[0] = props, $[1] = as, $[2] = childrenProp, $[3] = gap, $[4] = ref, $[5] = restProps);
56
- let t0;
57
- $[6] === childrenProp ? t0 = $[7] : (t0 = Children.map(childrenProp, _temp), $[6] = childrenProp, $[7] = t0);
58
- let children = t0, t1;
59
- $[8] === gap ? t1 = $[9] : (t1 = _getArrayProp(gap), $[8] = gap, $[9] = t1);
60
- let t2;
61
- return $[10] !== as || $[11] !== children || $[12] !== ref || $[13] !== restProps || $[14] !== t1 ? (t2 = /* @__PURE__ */ jsx(StyledInline, {
62
- "data-ui": "Inline",
63
- ...restProps,
64
- $space: t1,
65
- forwardedAs: as,
66
- ref,
67
- children
68
- }), $[10] = as, $[11] = children, $[12] = ref, $[13] = restProps, $[14] = t1, $[15] = t2) : t2 = $[15], t2;
69
- }
70
- function _temp(child) {
71
- return child && /* @__PURE__ */ jsx("div", { children: child });
72
- }
73
- /**
74
- * The `Inline` component is a layout utility for aligning and spacing items horizontally.
75
- *
76
- * @public
77
- */
78
- const Inline = InlineComponent;
79
- function kbdStyle() {
80
- return css`--card-bg-color:var(--card-kbd-bg-color);--card-border-color:var(--card-kbd-border-color);--card-fg-color:var(--card-kbd-fg-color);box-shadow:inset 0 0 0 1px var(--card-border-color);background:var(--card-bg-color);font:inherit;vertical-align:top;&:not([hidden]){display:inline-block;}`;
81
- }
82
- const StyledKBD = /* @__PURE__ */ styled.kbd.withConfig({
83
- displayName: "StyledKBD",
84
- componentId: "sc-d2v61l-0"
85
- })(responsiveRadiusStyle, kbdStyle);
86
- function KBDComponent(props) {
87
- let $ = c(20), children, ref, restProps, t0, t1, t2;
88
- $[0] === props ? (children = $[1], ref = $[2], restProps = $[3], t0 = $[4], t1 = $[5], t2 = $[6]) : ({children, fontSize: t0, padding: t1, radius: t2, ref, ...restProps} = props, $[0] = props, $[1] = children, $[2] = ref, $[3] = restProps, $[4] = t0, $[5] = t1, $[6] = t2);
89
- let fontSize = t0 === void 0 ? 0 : t0, padding = t1 === void 0 ? 1 : t1, radius = t2 === void 0 ? 2 : t2, t3;
90
- $[7] === radius ? t3 = $[8] : (t3 = _getArrayProp(radius), $[7] = radius, $[8] = t3);
91
- let t4;
92
- $[9] !== children || $[10] !== fontSize ? (t4 = /* @__PURE__ */ jsx(Text, {
93
- as: "span",
94
- size: fontSize,
95
- weight: "semibold",
96
- children
97
- }), $[9] = children, $[10] = fontSize, $[11] = t4) : t4 = $[11];
98
- let t5;
99
- $[12] !== padding || $[13] !== t4 ? (t5 = /* @__PURE__ */ jsx(Box, {
100
- as: "span",
101
- padding,
102
- children: t4
103
- }), $[12] = padding, $[13] = t4, $[14] = t5) : t5 = $[14];
104
- let t6;
105
- return $[15] !== ref || $[16] !== restProps || $[17] !== t3 || $[18] !== t5 ? (t6 = /* @__PURE__ */ jsx(StyledKBD, {
106
- "data-ui": "KBD",
107
- ...restProps,
108
- $radius: t3,
109
- ref,
110
- children: t5
111
- }), $[15] = ref, $[16] = restProps, $[17] = t3, $[18] = t5, $[19] = t6) : t6 = $[19], t6;
112
- }
113
- /**
114
- * Used to define some text as keyboard input.
115
- *
116
- * @public
117
- */
118
- const KBD = KBDComponent;
119
- var hotkeys = "_1ljw6pi0";
120
- const Key = styled(KBD).withConfig({
121
- displayName: "Key",
122
- componentId: "sc-ttp6vu-0"
123
- })`&:not([hidden]){display:block;}`;
124
- /**
125
- * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
126
- *
127
- * @public
128
- */
129
- function Hotkeys(props) {
130
- let $ = c(31), className, fontSize, keys, padding, radius, ref, restProps, t0;
131
- $[0] === props ? (className = $[1], fontSize = $[2], keys = $[3], padding = $[4], radius = $[5], ref = $[6], restProps = $[7], t0 = $[8]) : ({className, fontSize, gap: t0, keys, padding, radius, ref, ...restProps} = props, $[0] = props, $[1] = className, $[2] = fontSize, $[3] = keys, $[4] = padding, $[5] = radius, $[6] = ref, $[7] = restProps, $[8] = t0);
132
- let gap = t0 === void 0 ? .5 : t0, t1;
133
- $[9] === gap ? t1 = $[10] : (t1 = _getArrayProp(gap), $[9] = gap, $[10] = t1);
134
- let spacing = t1;
135
- if (!keys || keys.length === 0) {
136
- let t2;
137
- return $[11] === Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(Fragment$1, {}), $[11] = t2) : t2 = $[11], t2;
138
- }
139
- let t2;
140
- $[12] === className ? t2 = $[13] : (t2 = clsx(hotkeys, className), $[12] = className, $[13] = t2);
141
- let t3;
142
- if ($[14] !== fontSize || $[15] !== keys || $[16] !== padding || $[17] !== radius) {
143
- let t4;
144
- $[19] !== fontSize || $[20] !== padding || $[21] !== radius ? (t4 = (key, i) => /* @__PURE__ */ jsx(Key, {
145
- fontSize,
146
- padding,
147
- radius,
148
- children: key
149
- }, i), $[19] = fontSize, $[20] = padding, $[21] = radius, $[22] = t4) : t4 = $[22], t3 = keys.map(t4), $[14] = fontSize, $[15] = keys, $[16] = padding, $[17] = radius, $[18] = t3;
150
- } else t3 = $[18];
151
- let t4;
152
- $[23] !== spacing || $[24] !== t3 ? (t4 = /* @__PURE__ */ jsx(Inline, {
153
- as: "span",
154
- gap: spacing,
155
- children: t3
156
- }), $[23] = spacing, $[24] = t3, $[25] = t4) : t4 = $[25];
157
- let t5;
158
- return $[26] !== ref || $[27] !== restProps || $[28] !== t2 || $[29] !== t4 ? (t5 = /* @__PURE__ */ jsx("kbd", {
159
- className: t2,
160
- "data-ui": "Hotkeys",
161
- ref,
162
- ...restProps,
163
- children: t4
164
- }), $[26] = ref, $[27] = restProps, $[28] = t2, $[29] = t4, $[30] = t5) : t5 = $[30], t5;
165
- }
166
- export { useGlobalKeyDown as i, KBD as n, Inline as r, Hotkeys as t };
167
-
168
- //# sourceMappingURL=hotkeys-CaHsQlsO.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hotkeys-CaHsQlsO.js","names":["(event: KeyboardEvent) => onKeyDown(event)","() => {\n const handler = (event: KeyboardEvent) => handleKeyDown(event)\n\n window.addEventListener('keydown', handler, options)\n\n return () => window.removeEventListener('keydown', handler, options)\n // oxlint-disable-next-line react/exhaustive-effect-dependencies\n }","event","[options]","Children.map(childrenProp, (child) => child && <div>{child}</div>)","(child) => child && <div>{child}</div>","useMemo(\n () => Children.map(childrenProp, (child) => child && <div>{child}</div>),\n [childrenProp],\n )","_getArrayProp(gap)","<StyledInline\n data-ui=\"Inline\"\n {...restProps}\n $space={_getArrayProp(gap)}\n forwardedAs={as}\n ref={ref}\n >\n {children}\n </StyledInline>","fontSize = 0","padding = 1","radius = 2","_getArrayProp(radius)","<Text as=\"span\" size={fontSize} weight=\"semibold\">\n {children}\n </Text>","<Box as=\"span\" padding={padding}>\n <Text as=\"span\" size={fontSize} weight=\"semibold\">\n {children}\n </Text>\n </Box>","<StyledKBD data-ui=\"KBD\" {...restProps} $radius={_getArrayProp(radius)} ref={ref}>\n <Box as=\"span\" padding={padding}>\n <Text as=\"span\" size={fontSize} weight=\"semibold\">\n {children}\n </Text>\n </Box>\n </StyledKBD>","gap = 0.5","_getArrayProp(gap)","<></>","clsx(hotkeys, className)","keys.map((key, i) => (\n // oxlint-disable-next-line no-array-index-key\n <Key key={i} fontSize={fontSize} padding={padding} radius={radius}>\n {key}\n </Key>\n ))","(key, i) => (\n // oxlint-disable-next-line no-array-index-key\n <Key key={i} fontSize={fontSize} padding={padding} radius={radius}>\n {key}\n </Key>\n )","<Inline as=\"span\" gap={spacing}>\n {keys.map((key, i) => (\n // oxlint-disable-next-line no-array-index-key\n <Key key={i} fontSize={fontSize} padding={padding} radius={radius}>\n {key}\n </Key>\n ))}\n </Inline>","<kbd className={clsx(hotkeys, className)} data-ui=\"Hotkeys\" ref={ref} {...restProps}>\n <Inline as=\"span\" gap={spacing}>\n {keys.map((key, i) => (\n // oxlint-disable-next-line no-array-index-key\n <Key key={i} fontSize={fontSize} padding={padding} radius={radius}>\n {key}\n </Key>\n ))}\n </Inline>\n </kbd>"],"sources":["../src/core/hooks/useGlobalKeyDown.ts","../src/core/primitives/inline/styles.ts","../src/core/primitives/inline/inline.tsx","../src/core/primitives/kbd/kbd.tsx","../src/core/components/hotkeys/hotkeys.css.ts","../src/core/components/hotkeys/hotkeys.tsx"],"sourcesContent":["import {useEffect} from 'react'\n// TODO: switch to `useEffectEvent` from `react` once\n// https://github.com/facebook/react/issues/34818 is fixed in the lowest React\n// version we support: on React 19.2 the native hook never sees values past\n// the first render when the calling component is wrapped in `forwardRef` or\n// `memo`. This public hook runs in the fiber of whatever component calls it\n// (consumers may call it from `forwardRef` or `memo` components).\nimport {useEffectEvent} from 'use-effect-event'\n\n/**\n * Adds global keydown event listener to the window.\n *\n * @param onKeyDown - The function to call when a keydown event is triggered.\n * @param options - The options to pass to the addEventListener function (example, capture: true)\n * @beta\n */\nexport function useGlobalKeyDown(\n onKeyDown: (event: KeyboardEvent) => void,\n options?: AddEventListenerOptions,\n): void {\n const handleKeyDown = useEffectEvent((event: KeyboardEvent) => onKeyDown(event))\n\n useEffect(() => {\n const handler = (event: KeyboardEvent) => handleKeyDown(event)\n\n window.addEventListener('keydown', handler, options)\n\n return () => window.removeEventListener('keydown', handler, options)\n // oxlint-disable-next-line react/exhaustive-effect-dependencies\n }, [options])\n}\n","import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive, rem} from '../../styles/helpers'\nimport {ThemeProps} from '../../styles/types'\nimport {ResponsiveInlineSpaceStyleProps} from './types'\n\nexport function inlineBaseStyle(): CSSObject {\n return {\n 'lineHeight': '0',\n\n '&&:not([hidden])': {\n display: 'block',\n },\n\n '& > div': {\n display: 'inline-block',\n verticalAlign: 'middle',\n },\n }\n}\n\nexport function inlineSpaceStyle(props: ResponsiveInlineSpaceStyleProps & ThemeProps): CSSObject[] {\n const {media, space} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$space, (spaceIndex) => {\n const _space = rem(spaceIndex === 0.5 ? space[1] / 2 : space[spaceIndex])\n\n return {\n 'margin': `-${_space} 0 0 -${_space}`,\n '& > div': {padding: `${_space} 0 0 ${_space}`},\n }\n })\n}\n","import {Children, useMemo} from 'react'\nimport {styled} from 'styled-components'\n\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {Box, BoxOwnProps} from '../box/box'\nimport {inlineBaseStyle, inlineSpaceStyle} from './styles'\nimport {ResponsiveInlineSpaceStyleProps} from './types'\n\n/**\n * @public\n */\nexport interface InlineOwnProps extends Omit<BoxOwnProps, 'display'> {\n /**\n * @deprecated Use `gap` instead.\n */\n space?: never\n /** The spacing between children. */\n gap?: number | number[]\n}\n\n/**\n * @public\n */\nexport type InlineProps<E extends ElementType = 'div'> = Props<InlineOwnProps, E>\n\nconst StyledInline = styled(Box)<ResponsiveInlineSpaceStyleProps>(inlineBaseStyle, inlineSpaceStyle)\n\nfunction InlineComponent(\n props: InlineOwnProps & {as?: ElementType} & React.HTMLProps<HTMLDivElement>,\n) {\n const {as, children: childrenProp, gap, ref, ...restProps} = props\n\n const children = useMemo(\n () => Children.map(childrenProp, (child) => child && <div>{child}</div>),\n [childrenProp],\n )\n\n return (\n <StyledInline\n data-ui=\"Inline\"\n {...restProps}\n $space={_getArrayProp(gap)}\n forwardedAs={as}\n ref={ref}\n >\n {children}\n </StyledInline>\n )\n}\n\n/**\n * The `Inline` component is a layout utility for aligning and spacing items horizontally.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Inline = InlineComponent as unknown as <E extends ElementType = 'div'>(\n props: InlineProps<E>,\n) => React.JSX.Element\n","import {css, styled} from 'styled-components'\n\nimport {_getArrayProp} from '../../styles/helpers'\nimport {responsiveRadiusStyle} from '../../styles/radius/radiusStyle'\nimport {ResponsiveRadiusStyleProps} from '../../styles/radius/types'\nimport {ElementType, Props} from '../../types/component'\nimport {Radius} from '../../types/radius'\nimport {Box} from '../box/box'\nimport {Text} from '../text/text'\n\n/**\n * @public\n */\nexport interface KBDOwnProps {\n fontSize?: number | number[]\n padding?: number | number[]\n radius?: Radius | Radius[]\n}\n\n/**\n * @public\n */\nexport type KBDProps<E extends ElementType = 'kbd'> = Props<KBDOwnProps, E>\n\nfunction kbdStyle() {\n return css`\n --card-bg-color: var(--card-kbd-bg-color);\n --card-border-color: var(--card-kbd-border-color);\n --card-fg-color: var(--card-kbd-fg-color);\n\n box-shadow: inset 0 0 0 1px var(--card-border-color);\n background: var(--card-bg-color);\n font: inherit;\n\n vertical-align: top;\n\n &:not([hidden]) {\n display: inline-block;\n }\n `\n}\n\nconst StyledKBD = styled.kbd<ResponsiveRadiusStyleProps>(responsiveRadiusStyle, kbdStyle)\n\nfunction KBDComponent(\n props: KBDOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLElement>, 'as' | 'size'>,\n) {\n const {children, fontSize = 0, padding = 1, radius = 2, ref, ...restProps} = props\n\n return (\n <StyledKBD data-ui=\"KBD\" {...restProps} $radius={_getArrayProp(radius)} ref={ref}>\n <Box as=\"span\" padding={padding}>\n <Text as=\"span\" size={fontSize} weight=\"semibold\">\n {children}\n </Text>\n </Box>\n </StyledKBD>\n )\n}\n\n/**\n * Used to define some text as keyboard input.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const KBD = KBDComponent as unknown as <E extends ElementType = 'kbd'>(\n props: KBDProps<E>,\n) => React.JSX.Element\n","import {style} from '@vanilla-extract/css'\n\nexport const hotkeys = style({\n font: 'inherit',\n padding: '1px',\n selectors: {\n '&:not([hidden])': {\n display: 'block',\n },\n },\n})\n","import {clsx} from 'clsx/lite'\nimport {styled} from 'styled-components'\n\nimport {Inline} from '../../primitives/inline/inline'\nimport {KBD} from '../../primitives/kbd/kbd'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {Radius} from '../../types/radius'\n\nimport {hotkeys} from './hotkeys.css'\n\n/**\n * @public\n */\nexport interface HotkeysProps {\n fontSize?: number | number[]\n gap?: number | number[]\n padding?: number | number[]\n radius?: Radius | Radius[]\n /**\n * @deprecated Use `gap` instead.\n */\n space?: never\n keys?: string[]\n}\n\n// Stays on styled-components: `display: block` must beat KBD's runtime\n// `display: inline-block` at equal specificity, which needs both rules in the\n// runtime stylesheet.\nconst Key = styled(KBD)`\n &:not([hidden]) {\n display: block;\n }\n`\n\n/**\n * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.\n *\n * @public\n */\nexport function Hotkeys(props: HotkeysProps & Omit<React.HTMLProps<HTMLElement>, 'as' | 'size'>) {\n const {className, fontSize, gap = 0.5, keys, padding, radius, ref, ...restProps} = props\n const spacing = _getArrayProp(gap)\n\n if (!keys || keys.length === 0) {\n return <></>\n }\n\n return (\n <kbd className={clsx(hotkeys, className)} data-ui=\"Hotkeys\" ref={ref} {...restProps}>\n <Inline as=\"span\" gap={spacing}>\n {keys.map((key, i) => (\n // oxlint-disable-next-line no-array-index-key\n <Key key={i} fontSize={fontSize} padding={padding} radius={radius}>\n {key}\n </Key>\n ))}\n </Inline>\n </kbd>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,SAAgB,iBACd,WACA,SACM;eAC+BA;CAA0B,AAAA,EAAA,OAAA,yBAA1B,MAAC,UAAyB,UAAU,KAAK,GAAf,EAAA,KAAA;CAA/D,IAAM,gBAAgB,eAAeA,EAA0C,GAErEC;CACkC,AAAA,EAAA,OAAA,iBAAA,EAAA,OAEE,WAHpC,WAAM;EACd,IAAM,WAAW,YAAyB,cAAcC,OAAK;EAI7D,OAFA,OAAO,iBAAiB,WAAW,SAAS,OAAO,SAEtC,OAAO,oBAAoB,WAAW,SAAS,OAAO;CAErE,GAN4C,EAAA,KAAA,eAEE,EAAA,KAAA;CAI3CC,IAAAA;CAPH,AAOI,EAAA,OAAA,uBAAD,KAAA,CAAC,OAAO,GAAP,EAAA,KAAA,qBAPJ,UAAUF,IAOPE,EAAS;AACd;ACxBA,SAAgB,kBAA6B;CAC3C,OAAO;EACL,YAAc;EAEd,oBAAoB,EAClB,SAAS,QACX;EAEA,WAAW;GACT,SAAS;GACT,eAAe;EACjB;CACF;AACF;AAEA,SAAgB,iBAAiB,OAAkE;CACjG,IAAM,EAAC,OAAO,UAAS,YAAY,MAAM,KAAK;CAE9C,OAAO,YAAY,OAAO,MAAM,SAAS,eAAe;EACtD,IAAM,SAAS,IAAI,eAAe,KAAM,MAAM,KAAK,IAAI,MAAM,WAAW;EAExE,OAAO;GACL,QAAU,IAAI,OAAO,QAAQ;GAC7B,WAAW,EAAC,SAAS,GAAG,OAAO,OAAO,SAAQ;EAChD;CACF,CAAC;AACH;ACNA,MAAM,eAAe,uBAAO,GAAG,CAAC,CAAA,WAAA;;;AAAkC,CAAA,CAAA,CAAA,iBAAiB,gBAAgB;AAEnG,SAAS,gBACP,OACA;gBACO,IAAc,cAAc,KAAK,KAAQ;CAAa,AAAA,EAAA,OAAA,sFAAvD,CAAC,IAAI,UAAU,cAAc,KAAK,KAAK,GAAA,aAAgB;CAGrDC,IAAAA;CAAa,AAAA,EAAA,OAAA,4BAAb,KAAA,SAAS,IAAI,cAAcC,KAAsC,GAApD,EAAA,KAAA;CADrB,IAAM,WAAWC,IASLC;CAAc,AAAA,EAAA,OAAA,mBAAd,KAAA,cAAc,GAAG,GAAH,EAAA,KAAA;CAHxBC,IAAAA;CADF,OAKiB,EAAA,QAAA,MAAA,EAAA,QAGZ,YAAA,EAAA,QAFI,OAAA,EAAA,QAHD,aAAA,EAAA,QACID,MAHV,KAAA,oBAAC,cAAD;EACE,WAAQ;EACR,GAAI;EACJ,QAAQA;EACR,aAAa;EACR;EAEJ;CACW,CAAA,GAJC,EAAA,MAAA,IAGZ,EAAA,MAAA,UAFI,EAAA,MAAA,KAHD,EAAA,MAAA,WACIA,EAAAA,MAAAA,8BAHVC;AAUJ;AAfqC,SAAA,MAAC,OAAA;CAAU,OAAA,SAAS,oBAAC,OAAD,EAAA,UAAM,MAAW,CAAA;;;;;;;AAuB1E,MAAa,SAAS;ACjCtB,SAAS,WAAW;CAClB,OAAO,GAAG;AAeZ;AAEA,MAAM,YAAY,uBAAO,IAAA,WAAA;;;AAAgC,CAAA,CAAA,CAAA,uBAAuB,QAAQ;AAExF,SAAS,aACP,OACA;gBACO,UAAiD,KAAQ,WAA/CC,IAAcC,IAAaC;CAAiC,AAAA,EAAA,OAAA,4FAAvE,CAAC,UAAU,UAAA,IAAc,SAAA,IAAa,QAAA,IAAY,KAAK,GAAA,aAAgB;CAA5D,IAAA,WAAA,OAAA,KAAA,IAAW,IAAXF,IAAc,UAAA,OAAA,KAAA,IAAU,IAAVC,IAAa,SAAA,OAAA,KAAA,IAAS,IAATC,IAGOC;CAAc,AAAA,EAAA,OAAA,sBAAd,KAAA,cAAc,MAAM,GAAN,EAAA,KAAA;CAE3DC,IAAAA;CACG,AAAA,EAAA,OAAA,YAAA,EAAA,QADmB,YAAtB,KAAA,oBAAC,MAAD;EAAM,IAAG;EAAO,MAAM;EAAU,QAAO;EACpC;CACG,CAAA,GADH,EAAA,KAAA,UADmB,EAAA,MAAA;CADxBC,IAAAA;CAAwB,AAAA,EAAA,QAAA,WAAA,EAAA,QACtBD,MADF,KAAA,oBAAC,KAAD;EAAK,IAAG;EAAgB;EACtBA,UAAAA;CAGG,CAAA,GAJmB,EAAA,MAAA,SACtBA,EAAAA,MAAAA;CAFJE,IAAAA;CADF,OAC+E,EAAA,QAAA,OAAA,EAAA,QAAhD,aAAA,EAAA,QAAoBH,MAAAA,EAAAA,QAC/CE,MADF,KAAA,oBAAC,WAAD;EAAW,WAAQ;EAAM,GAAI;EAAW,SAASF;EAA4B;EAC3EE,UAAAA;CAKS,CAAA,GANkE,EAAA,MAAA,KAAhD,EAAA,MAAA,WAAoBF,EAAAA,MAAAA,IAC/CE,EAAAA,MAAAA,8BADFC;AAQJ;;;;;;AAQA,MAAa,MAAM;;AEtCnB,MAAM,MAAM,OAAO,GAAG,CAAC,CAAA,WAAA;;;;;;;;;AAWvB,SAAgB,QAAQ,OAAyE;gBACxF,WAAW,UAAqB,MAAM,SAAS,QAAQ,KAAQ,WAA1CC;CAAuD,AAAA,EAAA,OAAA,oIAA7E,CAAC,WAAW,UAAU,KAAA,IAAW,MAAM,SAAS,QAAQ,KAAK,GAAA,aAAgB;CAAvD,IAAA,MAAA,OAAA,KAAA,IAAM,KAANA,IACZC;CAAc,AAAA,EAAA,OAAA,oBAAd,KAAA,cAAc,GAAG,GAAH,EAAA,KAAA;CAA9B,IAAM,UAAUA;CAEhB,IAAI,CAAC,QAAQ,KAAK,WAAW,GAAG;EACvBC,IAAAA;EAAP,4DAAW,KAAA,oBAAA,YAAA,CAAA,CAAA,6BAAJA;CACT;CAGkBC,IAAAA;CAAc,AAAA,EAAA,QAAA,0BAAd,KAAA,KAAK,SAAS,SAAS,GAAT,EAAA,MAAA;CAEzBC,IAAAA;CAEwB,IAAA,EAAA,QAAA,YAAA,EAAA,QAFxB,QAAA,EAAA,QAE2C,WAAA,EAAA,QAAiB,QAAA;EAFnDC,IAAAA;EAEe,EAAA,QAAA,YAAA,EAAA,QAAmB,WAAA,EAAA,QAAiB,UAFnD,MAAC,KAAK,MAEd,oBAAC,KAAD;GAAuB;GAAmB;GAAiB;GACxD,UAAA;EACE,GAFK,CAEL,GAFkB,EAAA,MAAA,UAAmB,EAAA,MAAA,SAAiB,EAAA,MAAA,kCAF5D,KAAA,KAAK,IAAIA,EAKT,GAHwB,EAAA,MAAA,UAFxB,EAAA,MAAA,MAE2C,EAAA,MAAA,SAAiB,EAAA,MAAA;;CAH/DC,IAAAA;CAAuB,AAAA,EAAA,QAAA,WAAA,EAAA,QACpBF,MADH,KAAA,oBAAC,QAAD;EAAQ,IAAG;EAAO,KAAK;EACpBA,UAAAA;CAMK,CAAA,GAPe,EAAA,MAAA,SACpBA,EAAAA,MAAAA;CAFLG,IAAAA;CADF,OACmE,EAAA,QAAA,OAAA,EAAA,QAAS,aAAA,EAAA,QAA1DJ,MAAAA,EAAAA,QACdG,MADF,KAAA,oBAAC,OAAD;EAAK,WAAWH;EAA0B,WAAQ;EAAe;EAAK,GAAI;EACxEG,UAAAA;CAQG,CAAA,GAT4D,EAAA,MAAA,KAAS,EAAA,MAAA,WAA1DH,EAAAA,MAAAA,IACdG,EAAAA,MAAAA,8BADFC;AAWJ"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","names":[],"sources":["../src/core/_compat.ts","../src/core/types/dialog.ts","../src/core/components/dialog/dialog.tsx","../src/core/components/dialog/dialogContext.ts","../src/core/components/dialog/dialogProvider.tsx","../src/core/components/dialog/useDialog.ts","../src/core/components/hotkeys/hotkeys.tsx","../src/core/components/skeleton/skeleton.tsx","../src/core/components/skeleton/textSkeleton.tsx","../src/core/components/tab/tab.tsx","../src/core/primitives/inline/inline.tsx","../src/core/components/tab/tabList.tsx","../src/core/components/tab/tabPanel.tsx","../src/core/components/tree/tree.tsx","../src/core/components/tree/treeItem.tsx","../src/core/components/tree/types.ts","../src/core/components/tree/useTree.ts","../src/core/helpers/animation.ts","../src/core/helpers/element.ts","../src/core/helpers/focus.ts","../src/core/helpers/scroll.ts","../src/core/hooks/useArrayProp.ts","../src/core/hooks/useClickOutside.ts","../src/core/hooks/useClickOutsideEvent.ts","../src/core/hooks/useCustomValidity.ts","../src/core/hooks/useElementRect/useElementRect.ts","../src/core/observers/elementSizeObserver.ts","../src/core/hooks/useElementSize.ts","../src/core/hooks/useForwardedRef.ts","../src/core/hooks/useGlobalKeyDown.ts","../src/core/hooks/useMatchMedia.ts","../src/core/hooks/useMediaIndex/useMediaIndex.ts","../src/core/hooks/usePrefersDark.ts","../src/core/hooks/usePrefersReducedMotion.ts","../src/core/types/avatar.ts","../src/core/primitives/avatar/avatar.tsx","../src/core/primitives/avatar/avatarCounter.tsx","../src/core/primitives/avatar/avatarStack.tsx","../src/core/primitives/avatar/types.ts","../src/core/types/badge.ts","../src/core/primitives/badge/badge.tsx","../src/core/primitives/card/card.tsx","../src/core/primitives/card/types.ts","../src/core/primitives/checkbox/checkbox.tsx","../src/core/primitives/container/container.tsx","../src/core/primitives/container/types.ts","../src/core/primitives/flex/flex.tsx","../src/core/primitives/grid/grid.tsx","../src/core/types/text.ts","../src/core/primitives/heading/heading.tsx","../src/core/primitives/kbd/kbd.tsx","../src/core/primitives/label/label.tsx","../src/core/primitives/radio/radio.tsx","../src/core/primitives/select/select.tsx","../src/core/primitives/spinner/spinner.tsx","../src/core/primitives/stack/stack.tsx","../src/core/primitives/switch/switch.tsx","../src/core/primitives/text/text.tsx","../src/core/primitives/textArea/textArea.tsx","../src/core/primitives/textInput/textInput.tsx","../src/core/styles/types.ts","../src/core/styles/font/types.ts","../src/core/styles/font/codeFontStyle.ts","../src/core/styles/font/headingFontStyle.ts","../src/core/styles/font/labelFontStyle.ts","../src/core/styles/font/textAlignStyle.ts","../src/core/styles/font/textFontStyle.ts","../src/core/styles/helpers.ts","../src/core/theme/themeColorProvider.tsx","../src/core/theme/themeProvider.tsx","../src/core/theme/types.ts","../src/core/theme/useRootTheme.ts","../src/core/theme/useTheme.ts","../src/core/utils/arrow/arrow.tsx","../src/core/utils/boundaryElement/boundaryElementProvider.tsx","../src/core/utils/boundaryElement/types.ts","../src/core/utils/boundaryElement/useBoundaryElement.ts","../src/core/utils/conditionalWrapper/conditionalWrapper.tsx","../src/core/utils/elementQuery/elementQuery.tsx","../src/core/utils/errorBoundary.tsx","../src/core/utils/layer/layerProvider.tsx","../src/core/utils/layer/types.ts","../src/core/utils/layer/useLayer.ts","../src/core/utils/portal/portal.ts","../src/core/utils/portal/portalProvider.tsx","../src/core/utils/portal/types.ts","../src/core/utils/portal/usePortal.ts","../src/core/utils/srOnly/srOnly.tsx","../src/core/utils/virtualList/virtualList.tsx","../src/exports/index.ts"],"mappings":"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"}
@@ -1,61 +0,0 @@
1
- import { s as EMPTY_RECORD } from "./helpers-C8xxXAQC.js";
2
- import { a as isHTMLElement, n as containsOrEqualsElement } from "./element-BYgCE_iK.js";
3
- import { n as LayerProvider, t as useLayer } from "./useLayer-D1usxIE0.js";
4
- import { c } from "react/compiler-runtime";
5
- import { clsx } from "clsx/lite";
6
- import { useEffect, useImperativeHandle, useRef } from "react";
7
- import { jsx } from "react/jsx-runtime";
8
- var layer = "_1xz6t3i0";
9
- function LayerChildren(props) {
10
- let $ = c(29), children, className, forwardedRef, onActivate, onFocus, restProps, t0, t1;
11
- $[0] === props ? (children = $[1], className = $[2], forwardedRef = $[3], onActivate = $[4], onFocus = $[5], restProps = $[6], t0 = $[7], t1 = $[8]) : ({as: t0, children, className, onActivate, onFocus, ref: forwardedRef, style: t1, ...restProps} = props, $[0] = props, $[1] = children, $[2] = className, $[3] = forwardedRef, $[4] = onActivate, $[5] = onFocus, $[6] = restProps, $[7] = t0, $[8] = t1);
12
- let as = t0 === void 0 ? "div" : t0, style = t1 === void 0 ? EMPTY_RECORD : t1, { zIndex, isTopLayer } = useLayer(), lastFocusedRef = useRef(null), ref = useRef(null), isTopLayerRef = useRef(isTopLayer), t2;
13
- $[9] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => ref.current, $[9] = t2) : t2 = $[9], useImperativeHandle(forwardedRef, t2);
14
- let t3, t4;
15
- $[10] !== isTopLayer || $[11] !== onActivate ? (t3 = () => {
16
- isTopLayerRef.current !== isTopLayer && isTopLayer && onActivate?.({ activeElement: lastFocusedRef.current }), isTopLayerRef.current = isTopLayer;
17
- }, t4 = [isTopLayer, onActivate], $[10] = isTopLayer, $[11] = onActivate, $[12] = t3, $[13] = t4) : (t3 = $[12], t4 = $[13]), useEffect(t3, t4);
18
- let t5;
19
- $[14] !== isTopLayer || $[15] !== onFocus ? (t5 = (event) => {
20
- onFocus?.(event);
21
- let rootElement = ref.current, target = document.activeElement;
22
- isTopLayer && rootElement && target && isHTMLElement(target) && containsOrEqualsElement(rootElement, target) && (lastFocusedRef.current = target);
23
- }, $[14] = isTopLayer, $[15] = onFocus, $[16] = t5) : t5 = $[16];
24
- let handleFocus = t5, Component = as, t6;
25
- $[17] === className ? t6 = $[18] : (t6 = clsx(layer, className), $[17] = className, $[18] = t6);
26
- let t7;
27
- $[19] !== style || $[20] !== zIndex ? (t7 = {
28
- ...style,
29
- zIndex
30
- }, $[19] = style, $[20] = zIndex, $[21] = t7) : t7 = $[21];
31
- let t8;
32
- return $[22] !== Component || $[23] !== children || $[24] !== handleFocus || $[25] !== restProps || $[26] !== t6 || $[27] !== t7 ? (t8 = /* @__PURE__ */ jsx(Component, {
33
- "data-ui": "Layer",
34
- ...restProps,
35
- className: t6,
36
- onFocus: handleFocus,
37
- ref,
38
- style: t7,
39
- children
40
- }), $[22] = Component, $[23] = children, $[24] = handleFocus, $[25] = restProps, $[26] = t6, $[27] = t7, $[28] = t8) : t8 = $[28], t8;
41
- }
42
- /**
43
- * @public
44
- */
45
- function Layer(props) {
46
- let $ = c(10), children, restProps, t0;
47
- $[0] === props ? (children = $[1], restProps = $[2], t0 = $[3]) : ({children, zOffset: t0, ...restProps} = props, $[0] = props, $[1] = children, $[2] = restProps, $[3] = t0);
48
- let zOffset = t0 === void 0 ? 1 : t0, t1;
49
- $[4] !== children || $[5] !== restProps ? (t1 = /* @__PURE__ */ jsx(LayerChildren, {
50
- ...restProps,
51
- children
52
- }), $[4] = children, $[5] = restProps, $[6] = t1) : t1 = $[6];
53
- let t2;
54
- return $[7] !== t1 || $[8] !== zOffset ? (t2 = /* @__PURE__ */ jsx(LayerProvider, {
55
- zOffset,
56
- children: t1
57
- }), $[7] = t1, $[8] = zOffset, $[9] = t2) : t2 = $[9], t2;
58
- }
59
- export { Layer as t };
60
-
61
- //# sourceMappingURL=layer-Bl5R3uNR.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layer-Bl5R3uNR.js","names":["as = 'div'","style = EMPTY_RECORD","() => ref.current","() => {\n const becameTopLayer = isTopLayerRef.current !== isTopLayer && isTopLayer\n\n if (becameTopLayer) {\n onActivate?.({activeElement: lastFocusedRef.current})\n }\n\n isTopLayerRef.current = isTopLayer\n }","[isTopLayer, onActivate]","(event: FocusEvent<HTMLDivElement, Element>) => {\n // Call the user-provided onFocus handler if any\n onFocus?.(event)\n\n const rootElement = ref.current\n const target = document.activeElement\n\n if (!isTopLayer || !rootElement || !target) return\n\n if (isHTMLElement(target) && containsOrEqualsElement(rootElement, target)) {\n lastFocusedRef.current = target\n }\n }","useCallback(\n // oxlint-disable-next-line no-unnecessary-type-arguments\n (event: FocusEvent<HTMLDivElement, Element>) => {\n // Call the user-provided onFocus handler if any\n onFocus?.(event)\n\n const rootElement = ref.current\n const target = document.activeElement\n\n if (!isTopLayer || !rootElement || !target) return\n\n if (isHTMLElement(target) && containsOrEqualsElement(rootElement, target)) {\n lastFocusedRef.current = target\n }\n },\n [isTopLayer, onFocus],\n )","clsx(layer, className)","{...style, zIndex}","<Component\n data-ui=\"Layer\"\n {...restProps}\n className={clsx(layer, className)}\n onFocus={handleFocus}\n ref={ref}\n style={{...style, zIndex}}\n >\n {children}\n </Component>","zOffset = 1","<LayerChildren {...restProps}>{children}</LayerChildren>","<LayerProvider zOffset={zOffset}>\n <LayerChildren {...restProps}>{children}</LayerChildren>\n </LayerProvider>"],"sources":["../src/core/utils/layer/layer.css.ts","../src/core/utils/layer/layer.tsx"],"sourcesContent":["import {style} from '@vanilla-extract/css'\n\nexport const layer = style({\n position: 'relative',\n})\n","import {clsx} from 'clsx/lite'\nimport {FocusEvent, useCallback, useEffect, useImperativeHandle, useRef} from 'react'\n\nimport {EMPTY_RECORD} from '../../constants'\nimport {containsOrEqualsElement, isHTMLElement} from '../../helpers/element'\nimport {LayerProvider} from './layerProvider'\nimport {useLayer} from './useLayer'\n\nimport {layer} from './layer.css'\n\n/**\n * @public\n */\nexport interface LayerProps {\n as?: React.ElementType | keyof React.JSX.IntrinsicElements\n /** A callback that fires when the layer becomes the top layer when it was not the top layer before. */\n onActivate?: (props: {activeElement: HTMLElement | null}) => void\n zOffset?: number | number[]\n}\n\ninterface LayerChildrenProps {\n as?: React.ElementType | keyof React.JSX.IntrinsicElements\n onActivate?: LayerProps['onActivate']\n}\n\nfunction LayerChildren(props: LayerChildrenProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>) {\n const {\n as = 'div',\n children,\n className,\n onActivate,\n onFocus,\n ref: forwardedRef,\n style = EMPTY_RECORD,\n ...restProps\n } = props\n const {zIndex, isTopLayer} = useLayer()\n const lastFocusedRef = useRef<HTMLElement | null>(null)\n const ref = useRef<HTMLDivElement | null>(null)\n const isTopLayerRef = useRef<boolean>(isTopLayer)\n\n useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n // When the layer very first mounts, it will be the top layer, but we don't want to fire\n // the callback in that case. We use a ref to track the previous value of isTopLayer to\n // determine if the layer has become the top layer since the last render.\n useEffect(() => {\n const becameTopLayer = isTopLayerRef.current !== isTopLayer && isTopLayer\n\n if (becameTopLayer) {\n onActivate?.({activeElement: lastFocusedRef.current})\n }\n\n isTopLayerRef.current = isTopLayer\n }, [isTopLayer, onActivate])\n\n const handleFocus = useCallback(\n // oxlint-disable-next-line no-unnecessary-type-arguments\n (event: FocusEvent<HTMLDivElement, Element>) => {\n // Call the user-provided onFocus handler if any\n onFocus?.(event)\n\n const rootElement = ref.current\n const target = document.activeElement\n\n if (!isTopLayer || !rootElement || !target) return\n\n if (isHTMLElement(target) && containsOrEqualsElement(rootElement, target)) {\n lastFocusedRef.current = target\n }\n },\n [isTopLayer, onFocus],\n )\n\n // Rendering the polymorphic `as` needs one concrete element type for JSX to\n // type-check the div-flavored props (the same widening styled-components'\n // `as` prop performed here before).\n // oxlint-disable-next-line no-unsafe-type-assertion\n const Component = as as 'div'\n\n return (\n <Component\n data-ui=\"Layer\"\n {...restProps}\n className={clsx(layer, className)}\n onFocus={handleFocus}\n ref={ref}\n style={{...style, zIndex}}\n >\n {children}\n </Component>\n )\n}\n\n/**\n * @public\n */\nexport function Layer(props: LayerProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>) {\n const {children, zOffset = 1, ...restProps} = props\n\n return (\n <LayerProvider zOffset={zOffset}>\n <LayerChildren {...restProps}>{children}</LayerChildren>\n </LayerProvider>\n )\n}\n"],"mappings":";;;;;;;;ACyBA,SAAS,cAAc,OAAyE;gBAG5F,UACA,WAGK,cAFL,YACA,SAGG,WAPHA,IAMAC;CAEE,AAAA,EAAA,OAAA,+IATE,CACJ,IAAA,IACA,UACA,WACA,YACA,SACA,KAAK,cACL,OAAA,IACA,GAAA,aACE;CARF,IAAA,KAAA,OAAA,KAAA,IAAK,QAALD,IAMA,QAAA,OAAA,KAAA,IAAQ,eAARC,IAGI,EAAC,QAAQ,eAAc,SAAS,GAChC,iBAAiB,OAA2B,IAAI,GAChD,MAAM,OAA8B,IAAI,GACxC,gBAAgB,OAAgB,UAAU,GAEgCC;CAAhF,oDAAsF,WAAA,IAAI,iCAA1F,oBAAkE,cAAcA,EAAiB;CAKvFC,IAAAA,IAQPC;CARH,AACmD,EAAA,QAAA,cAAA,EAAA,QAG/C,cAJM,WAAM;EAOd,AANuB,cAAc,YAAY,cAAc,cAG7D,aAAa,EAAC,eAAe,eAAe,QAAO,CAAC,GAGtD,cAAc,UAAU;CAC1B,GAAG,KAAA,CAAC,YAAY,UAAU,GAPyB,EAAA,MAAA,YAG/C,EAAA,MAAA,gEAJJ,UAAUD,IAQPC,EAAwB;CAIzBC,IAAAA;CAOO,AAAA,EAAA,QAAA,cAAA,EAAA,QALL,WAFF,MAAC,UAA+C;EAE9C,UAAU,KAAK;EAEf,IAAM,cAAc,IAAI,SAClB,SAAS,SAAS;EAEpB,AAAC,cAAe,eAAgB,UAEhC,cAAc,MAAM,KAAK,wBAAwB,aAAa,MAAM,MACtE,eAAe,UAAU;CAE7B,GALO,EAAA,MAAA,YALL,EAAA,MAAA;CAJJ,IAAM,cAAcC,IAsBd,YAAY,IAMHC;CAAY,AAAA,EAAA,QAAA,0BAAZ,KAAA,KAAK,OAAO,SAAS,GAAT,EAAA,MAAA;CAGhBC,IAAAA;CAAI,AAAA,EAAA,QAAA,SAAA,EAAA,QAAO,UAAX,KAAA;EAAC,GAAG;EAAO;CAAM,GAAb,EAAA,MAAA,OAAO,EAAA,MAAA;CANpBC,IAAAA;CADF,OACG,EAAA,QAAA,aAAA,EAAA,QAQE,YAAA,EAAA,QAJQ,eAAA,EAAA,QAFL,aAAA,EAAA,QACOF,MAAAA,EAAAA,QAGJC,MANT,KAAA,oBAAC,WAAD;EACE,WAAQ;EACR,GAAI;EACJ,WAAWD;EACX,SAAS;EACJ;EACL,OAAOC;EAEN;CACQ,CAAA,GATV,EAAA,MAAA,WAQE,EAAA,MAAA,UAJQ,EAAA,MAAA,aAFL,EAAA,MAAA,WACOD,EAAAA,MAAAA,IAGJC,EAAAA,MAAAA,8BANTC;AAWJ;;;;AAKA,SAAgB,MAAM,OAAiE;gBAC9E,UAA0B,WAAhBC;CAA6B,AAAA,EAAA,OAAA,0DAAxC,CAAC,UAAU,SAAA,IAAa,GAAA,aAAgB;CAA7B,IAAA,UAAA,OAAA,KAAA,IAAU,IAAVA,IAIbC;CAA+B,AAAA,EAAA,OAAA,YAAA,EAAA,OAAZ,aAAnB,KAAA,oBAAC,eAAD;EAAe,GAAI;EAAY;CAAwB,CAAA,GAAxB,EAAA,KAAA,UAAZ,EAAA,KAAA;CADrBC,IAAAA;CADF,OAEID,EAAAA,OAAAA,MAAAA,EAAAA,OADsB,WAAxB,KAAA,oBAAC,eAAD;EAAwB;EACtBA,UAAAA;CACa,CAAA,GADbA,EAAAA,KAAAA,IADsB,EAAA,KAAA,iCAAxBC;AAIJ"}
@@ -1,242 +0,0 @@
1
- /**
2
- * @public
3
- */
4
- type BoxSizing = 'content' | 'border';
5
- /**
6
- * @public
7
- */
8
- type BoxDisplay = 'none' | 'block' | 'grid' | 'flex' | 'inline-block';
9
- /**
10
- * @public
11
- */
12
- type BoxHeight = 'stretch' | 'fill';
13
- /**
14
- * @public
15
- */
16
- type BoxOverflow = 'visible' | 'hidden' | 'auto';
17
- /**
18
- * @public
19
- */
20
- type FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
21
- /**
22
- * @public
23
- */
24
- type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
25
- /**
26
- * @public
27
- */
28
- type FlexJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
29
- /**
30
- * @public
31
- */
32
- type FlexValue = number | 'none' | 'auto' | 'initial';
33
- /**
34
- * @public
35
- */
36
- type FlexWrap = 'wrap' | 'wrap-reverse' | 'nowrap';
37
- /**
38
- * @public
39
- */
40
- type GridAutoRows = 'auto' | 'min' | 'max' | 'fr';
41
- /**
42
- * @public
43
- */
44
- type GridAutoCols = 'auto' | 'min' | 'max' | 'fr';
45
- /**
46
- * @public
47
- */
48
- type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense';
49
- /**
50
- * @public
51
- */
52
- type GridItemColumn = 'auto' | 'full' | number;
53
- /**
54
- * @public
55
- */
56
- type GridItemColumnStart = 'auto' | number;
57
- /**
58
- * @public
59
- */
60
- type GridItemColumnEnd = 'auto' | number;
61
- /**
62
- * @public
63
- */
64
- type GridItemRow = 'auto' | 'full' | number;
65
- /**
66
- * @public
67
- */
68
- type GridItemRowStart = 'auto' | number;
69
- /**
70
- * @public
71
- */
72
- type GridItemRowEnd = 'auto' | number;
73
- /**
74
- * @public
75
- */
76
- type Radius = number | 'full';
77
- /**
78
- * @public
79
- */
80
- interface ResponsiveBorderProps {
81
- border?: boolean | boolean[];
82
- borderTop?: boolean | boolean[];
83
- borderRight?: boolean | boolean[];
84
- borderBottom?: boolean | boolean[];
85
- borderLeft?: boolean | boolean[];
86
- }
87
- /**
88
- * @public
89
- */
90
- interface ResponsiveBoxProps {
91
- display?: BoxDisplay | BoxDisplay[];
92
- height?: BoxHeight | BoxHeight[];
93
- overflow?: BoxOverflow | BoxOverflow[];
94
- sizing?: BoxSizing | BoxSizing[];
95
- }
96
- /**
97
- * @public
98
- */
99
- interface ResponsiveFlexProps {
100
- align?: FlexAlign | FlexAlign[];
101
- direction?: FlexDirection | FlexDirection[];
102
- justify?: FlexJustify | FlexJustify[];
103
- wrap?: FlexWrap | FlexWrap[];
104
- }
105
- /**
106
- * @public
107
- */
108
- interface ResponsiveFlexItemProps {
109
- /** Sets the flex CSS attribute. The property is responsive. */
110
- flex?: FlexValue | FlexValue[];
111
- }
112
- /**
113
- * @public
114
- */
115
- interface ResponsiveGridProps {
116
- autoRows?: GridAutoRows | GridAutoRows[];
117
- autoCols?: GridAutoCols | GridAutoCols[];
118
- autoFlow?: GridAutoFlow | GridAutoFlow[];
119
- /**
120
- * @deprecated Use `gridTemplateColumns` instead.
121
- */
122
- columns?: never;
123
- gridTemplateColumns?: number | number[];
124
- gap?: number | number[];
125
- gapX?: number | number[];
126
- gapY?: number | number[];
127
- /**
128
- * @deprecated Use `gridTemplateRows` instead.
129
- */
130
- rows?: never;
131
- gridTemplateRows?: number | number[];
132
- }
133
- /**
134
- * @public
135
- */
136
- interface ResponsiveGridItemProps {
137
- gridColumn?: GridItemColumn | GridItemColumn[];
138
- /**
139
- * @deprecated Use `gridColumn` instead.
140
- */
141
- column?: never;
142
- gridColumnStart?: GridItemColumnStart | GridItemColumnStart[];
143
- /**
144
- * @deprecated Use `gridColumnStart` instead.
145
- */
146
- columnStart?: never;
147
- gridColumnEnd?: GridItemColumnEnd | GridItemColumnEnd[];
148
- /**
149
- * @deprecated Use `gridColumnEnd` instead.
150
- */
151
- columnEnd?: never;
152
- gridRow?: GridItemRow | GridItemRow[];
153
- /**
154
- * @deprecated Use `gridRow` instead.
155
- */
156
- row?: never;
157
- gridRowStart?: GridItemRowStart | GridItemRowStart[];
158
- /**
159
- * @deprecated Use `gridRowStart` instead.
160
- */
161
- rowStart?: never;
162
- gridRowEnd?: GridItemRowEnd | GridItemRowEnd[];
163
- /**
164
- * @deprecated Use `gridRowEnd` instead.
165
- */
166
- rowEnd?: never;
167
- }
168
- /**
169
- * @public
170
- */
171
- interface ResponsiveMarginProps {
172
- /** Applies margins to all sides. The property is responsive. */
173
- margin?: number | number[];
174
- /** Applies margins to the left and right sides. The property is responsive. */
175
- marginX?: number | number[];
176
- /** Applies margins to the top and bottom sides. The property is responsive. */
177
- marginY?: number | number[];
178
- marginTop?: number | number[];
179
- marginRight?: number | number[];
180
- marginBottom?: number | number[];
181
- marginLeft?: number | number[];
182
- }
183
- /**
184
- * @public
185
- */
186
- interface ResponsivePaddingProps {
187
- padding?: number | number[];
188
- paddingX?: number | number[];
189
- paddingY?: number | number[];
190
- paddingTop?: number | number[];
191
- paddingRight?: number | number[];
192
- paddingBottom?: number | number[];
193
- paddingLeft?: number | number[];
194
- }
195
- /**
196
- * @public
197
- */
198
- interface ResponsiveRadiusProps {
199
- radius?: Radius | Radius[];
200
- }
201
- /**
202
- * @public
203
- */
204
- interface ResponsiveShadowProps {
205
- shadow?: number | number[];
206
- }
207
- /**
208
- * @public
209
- */
210
- interface ResponsiveWidthProps {
211
- width?: number | 'auto' | (number | 'auto')[];
212
- }
213
- /**
214
- * @public
215
- */
216
- type Delay = number | Partial<{
217
- open: number;
218
- close: number;
219
- }>;
220
- /**
221
- * Placement of floating UI elements.
222
- *
223
- * @public
224
- */
225
- type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
226
- /**
227
- * @public
228
- */
229
- interface LayerProps {
230
- as?: React.ElementType | keyof React.JSX.IntrinsicElements;
231
- /** A callback that fires when the layer becomes the top layer when it was not the top layer before. */
232
- onActivate?: (props: {
233
- activeElement: HTMLElement | null;
234
- }) => void;
235
- zOffset?: number | number[];
236
- }
237
- /**
238
- * @public
239
- */
240
- declare function Layer(props: LayerProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>): import("react").JSX.Element;
241
- export { FlexWrap as A, GridAutoCols as C, FlexDirection as D, FlexAlign as E, BoxHeight as M, BoxOverflow as N, FlexJustify as O, BoxSizing as P, GridItemRowStart as S, GridAutoRows as T, GridItemColumn as _, ResponsiveBorderProps as a, GridItemRow as b, ResponsiveFlexProps as c, ResponsiveMarginProps as d, ResponsivePaddingProps as f, Radius as g, ResponsiveWidthProps as h, Delay as i, BoxDisplay as j, FlexValue as k, ResponsiveGridItemProps as l, ResponsiveShadowProps as m, LayerProps as n, ResponsiveBoxProps as o, ResponsiveRadiusProps as p, Placement as r, ResponsiveFlexItemProps as s, Layer as t, ResponsiveGridProps as u, GridItemColumnEnd as v, GridAutoFlow as w, GridItemRowEnd as x, GridItemColumnStart as y };
242
- //# sourceMappingURL=layer-ChlP9Ik6.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layer-ChlP9Ik6.d.ts","names":[],"sources":["../src/core/types/box.ts","../src/core/types/flex.ts","../src/core/types/grid.ts","../src/core/types/gridItem.ts","../src/core/types/radius.ts","../src/core/primitives/types.ts","../src/core/types/placement.ts","../src/core/utils/layer/layer.tsx"],"mappings":"AAGA;;;KAAY;;;;KAKA;;;;KAKA;;;;KAKA;;;;KCfA;;;;KAKA;;;;KAKA;;;;KAWA;;;;KAKA;;;;KC1BA;;;;KAKA;;;;KAKA;;;;KCVA;;;;KAKA;;;;KAKA;;;;KAKA;;;;KAKA;;;;KAKA;;;;KCzBA;;;;UCaK;EACf;EACA;EACA;EACA;EACA;;;;;UAMe;EACf,UAAU,aAAa;EACvB,SAAS,YAAY;EACrB,WAAW,cAAc;EACzB,SAAS,YAAY;;;;;UAMN;EACf,QAAQ,YAAY;EACpB,YAAY,gBAAgB;EAC5B,UAAU,cAAc;EACxB,OAAO,WAAW;;;;;UAMH;;EAEf,OAAO,YAAY;;;;;UAMJ;EACf,WAAW,eAAe;EAC1B,WAAW,eAAe;EAC1B,WAAW,eAAe;;;;EAK1B;EACA;EACA;EACA;EACA;;;;EAIA;EACA;;;;;UAMe;EACf,aAAa,iBAAiB;;;;EAI9B;EACA,kBAAkB,sBAAsB;;;;EAIxC;EACA,gBAAgB,oBAAoB;;;;EAIpC;EACA,UAAU,cAAc;;;;EAIxB;EACA,eAAe,mBAAmB;;;;EAIlC;EACA,aAAa,iBAAiB;;;;EAI9B;;;;;UAMe;;EAEf;;EAEA;;EAEA;EACA;EACA;EACA;EACA;;;;;UAMe;EACf;EACA;EACA;EACA;EACA;EACA;EACA;;;;;UAMe;EACf,SAAS,SAAS;;;;;UAMH;EACf;;;;;UAMe;EACf;;;;;KAMU,iBAER;EACE;EACA;;;;;;;KCnKM;;;;UCQK;EACf,KAAK,MAAM,oBAAoB,MAAM,IAAI;;EAEzC,cAAc;IAAQ,eAAe;;EACrC;;;;;iBAgFc,MAAM,OAAO,aAAa,KAAK,MAAM,UAAU,yCAAsB,IAAA"}