@blockle/blocks 0.19.1 → 0.20.0-alpha1

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 (282) hide show
  1. package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.cjs +19 -0
  2. package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.mjs +20 -0
  3. package/dist/components/accessibility/VisuallyHidden/index.cjs +1 -0
  4. package/dist/components/accessibility/VisuallyHidden/index.mjs +1 -0
  5. package/dist/{styles/components/Accessibility → components/accessibility}/VisuallyHidden/visually-hidden.css.cjs +1 -1
  6. package/dist/{styles/components/Accessibility → components/accessibility}/VisuallyHidden/visually-hidden.css.mjs +1 -1
  7. package/dist/components/display/Divider/Divider.cjs +25 -0
  8. package/dist/components/display/Divider/Divider.mjs +26 -0
  9. package/dist/{styles/components → components}/display/Divider/divider.css.cjs +2 -2
  10. package/dist/components/display/Divider/index.cjs +1 -0
  11. package/dist/components/display/Divider/index.mjs +1 -0
  12. package/dist/components/feedback/Progress/Progress.cjs +53 -0
  13. package/dist/components/feedback/Progress/Progress.mjs +54 -0
  14. package/dist/components/feedback/Progress/index.cjs +1 -0
  15. package/dist/components/feedback/Progress/index.mjs +1 -0
  16. package/dist/components/feedback/Spinner/Spinner.cjs +25 -0
  17. package/dist/components/feedback/Spinner/Spinner.mjs +26 -0
  18. package/dist/components/feedback/Spinner/index.cjs +1 -0
  19. package/dist/components/feedback/Spinner/index.mjs +1 -0
  20. package/dist/components/form/Button/Button.cjs +58 -0
  21. package/dist/{styles/components → components}/form/Button/Button.css.cjs +2 -2
  22. package/dist/{styles/components → components}/form/Button/Button.mjs +13 -11
  23. package/dist/components/form/Button/index.cjs +1 -0
  24. package/dist/components/form/Button/index.mjs +1 -0
  25. package/dist/components/form/Checkbox/Checkbox.cjs +78 -0
  26. package/dist/components/form/Checkbox/Checkbox.mjs +79 -0
  27. package/dist/{styles/components → components}/form/Checkbox/checkbox.css.cjs +3 -3
  28. package/dist/components/form/Checkbox/index.cjs +1 -0
  29. package/dist/components/form/Checkbox/index.mjs +1 -0
  30. package/dist/components/form/Input/Input.cjs +50 -0
  31. package/dist/components/form/Input/Input.mjs +51 -0
  32. package/dist/components/form/Input/index.cjs +1 -0
  33. package/dist/components/form/Input/index.mjs +1 -0
  34. package/dist/{styles/components → components}/form/Input/input.css.cjs +2 -2
  35. package/dist/components/form/Label/Label.cjs +29 -0
  36. package/dist/components/form/Label/Label.mjs +30 -0
  37. package/dist/components/form/Label/index.cjs +1 -0
  38. package/dist/components/form/Label/index.mjs +1 -0
  39. package/dist/components/form/Radio/Radio.cjs +47 -0
  40. package/dist/components/form/Radio/Radio.mjs +48 -0
  41. package/dist/components/form/Radio/RadioGroup.cjs +1 -0
  42. package/dist/components/form/Radio/RadioGroup.mjs +1 -0
  43. package/dist/components/form/Radio/index.cjs +1 -0
  44. package/dist/components/form/Radio/index.mjs +1 -0
  45. package/dist/{styles/components → components}/form/Radio/radio.css.cjs +3 -3
  46. package/dist/components/form/Select/Select.cjs +64 -0
  47. package/dist/{styles/components → components}/form/Select/Select.mjs +23 -6
  48. package/dist/components/form/Select/index.cjs +1 -0
  49. package/dist/components/form/Select/index.mjs +1 -0
  50. package/dist/{styles/components → components}/form/Select/select.css.cjs +4 -4
  51. package/dist/components/form/Slider/Slider.cjs +139 -0
  52. package/dist/components/form/Slider/Slider.mjs +142 -0
  53. package/dist/components/form/Slider/index.cjs +1 -0
  54. package/dist/components/form/Slider/index.mjs +1 -0
  55. package/dist/{styles/components → components}/form/Slider/slider.css.cjs +6 -6
  56. package/dist/components/form/Slider/usePointerProgress.cjs +44 -0
  57. package/dist/components/form/Slider/usePointerProgress.mjs +45 -0
  58. package/dist/{styles/components → components}/form/Switch/Switch.cjs +10 -8
  59. package/dist/{styles/components → components}/form/Switch/Switch.mjs +9 -5
  60. package/dist/components/form/Switch/index.cjs +1 -0
  61. package/dist/components/form/Switch/index.mjs +1 -0
  62. package/dist/{styles/components → components}/form/Switch/switch.css.cjs +3 -3
  63. package/dist/components/layout/Box/Box.cjs +27 -0
  64. package/dist/components/layout/Box/Box.mjs +28 -0
  65. package/dist/components/layout/Box/index.cjs +1 -0
  66. package/dist/components/layout/Box/index.mjs +1 -0
  67. package/dist/components/layout/Inline/Inline.cjs +29 -0
  68. package/dist/components/layout/Inline/Inline.mjs +30 -0
  69. package/dist/components/layout/Inline/index.cjs +1 -0
  70. package/dist/components/layout/Inline/index.mjs +1 -0
  71. package/dist/components/layout/Stack/Stack.cjs +29 -0
  72. package/dist/components/layout/Stack/Stack.mjs +30 -0
  73. package/dist/components/layout/Stack/index.cjs +1 -0
  74. package/dist/components/layout/Stack/index.mjs +1 -0
  75. package/dist/components/navigation/Link/Link.cjs +31 -0
  76. package/dist/components/navigation/Link/Link.mjs +32 -0
  77. package/dist/components/navigation/Link/index.cjs +1 -0
  78. package/dist/components/navigation/Link/index.mjs +1 -0
  79. package/dist/components/other/BlocksProvider/BlocksProvider.cjs +36 -0
  80. package/dist/{styles/components → components}/other/BlocksProvider/BlocksProvider.mjs +12 -5
  81. package/dist/components/other/BlocksProvider/context.cjs +4 -0
  82. package/dist/components/other/BlocksProvider/context.mjs +7 -0
  83. package/dist/components/other/BlocksProvider/index.cjs +1 -0
  84. package/dist/components/other/BlocksProvider/index.mjs +1 -0
  85. package/dist/components/other/Portal/Portal.cjs +7 -0
  86. package/dist/components/other/Portal/Portal.mjs +8 -0
  87. package/dist/components/other/Portal/index.cjs +1 -0
  88. package/dist/components/other/Portal/index.mjs +1 -0
  89. package/dist/components/overlay/Dialog/Dialog.cjs +77 -0
  90. package/dist/components/overlay/Dialog/Dialog.mjs +80 -0
  91. package/dist/{styles/components → components}/overlay/Dialog/dialog.css.cjs +2 -2
  92. package/dist/components/overlay/Dialog/dialogHelper.cjs +20 -0
  93. package/dist/components/overlay/Dialog/dialogHelper.mjs +21 -0
  94. package/dist/components/overlay/Dialog/index.cjs +1 -0
  95. package/dist/components/overlay/Dialog/index.mjs +1 -0
  96. package/dist/components/overlay/Popover/Popover.cjs +111 -0
  97. package/dist/components/overlay/Popover/Popover.mjs +112 -0
  98. package/dist/components/overlay/Popover/popover-utils.cjs +61 -0
  99. package/dist/components/overlay/Popover/popover-utils.mjs +62 -0
  100. package/dist/components/overlay/Tooltip/Tooltip.cjs +71 -0
  101. package/dist/components/overlay/Tooltip/Tooltip.mjs +74 -0
  102. package/dist/components/overlay/Tooltip/index.cjs +1 -0
  103. package/dist/components/overlay/Tooltip/index.mjs +1 -0
  104. package/dist/components/typography/Heading/Heading.cjs +23 -0
  105. package/dist/components/typography/Heading/Heading.mjs +24 -0
  106. package/dist/{styles/components → components}/typography/Heading/heading.css.cjs +2 -2
  107. package/dist/components/typography/Heading/index.cjs +1 -0
  108. package/dist/components/typography/Heading/index.mjs +1 -0
  109. package/dist/components/typography/Text/Text.cjs +20 -0
  110. package/dist/{styles/components → components}/typography/Text/Text.mjs +2 -2
  111. package/dist/components/typography/Text/index.cjs +1 -0
  112. package/dist/components/typography/Text/index.mjs +1 -0
  113. package/dist/{styles/components → components}/typography/Text/text.css.cjs +2 -2
  114. package/dist/hooks/useClickOutside/useClickOutside.cjs +22 -0
  115. package/dist/hooks/useClickOutside/useClickOutside.mjs +23 -0
  116. package/dist/hooks/useControlledValue/useControlledValue.cjs +31 -0
  117. package/dist/hooks/useControlledValue/useControlledValue.mjs +32 -0
  118. package/dist/hooks/useIsomorphicLayoutEffect/index.cjs +1 -0
  119. package/dist/hooks/useIsomorphicLayoutEffect/index.mjs +1 -0
  120. package/dist/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs +4 -0
  121. package/dist/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs +7 -0
  122. package/dist/hooks/useKeyboard/index.cjs +1 -0
  123. package/dist/hooks/useKeyboard/index.mjs +1 -0
  124. package/dist/hooks/useKeyboard/useKeyboard.cjs +19 -0
  125. package/dist/hooks/useKeyboard/useKeyboard.mjs +22 -0
  126. package/dist/hooks/useLayer/index.cjs +1 -0
  127. package/dist/hooks/useLayer/index.mjs +1 -0
  128. package/dist/hooks/useLayer/useLayer.cjs +25 -0
  129. package/dist/hooks/useLayer/useLayer.mjs +26 -0
  130. package/dist/hooks/usePreventBodyScroll/index.cjs +1 -0
  131. package/dist/hooks/usePreventBodyScroll/index.mjs +1 -0
  132. package/dist/hooks/usePreventBodyScroll/usePreventBodyScroll.cjs +29 -0
  133. package/dist/hooks/usePreventBodyScroll/usePreventBodyScroll.mjs +30 -0
  134. package/dist/hooks/useRestoreFocus/index.cjs +1 -0
  135. package/dist/hooks/useRestoreFocus/index.mjs +1 -0
  136. package/dist/hooks/useRestoreFocus/useRestoreFocus.cjs +17 -0
  137. package/dist/hooks/useRestoreFocus/useRestoreFocus.mjs +18 -0
  138. package/dist/hooks/useRootAriaHidden/index.cjs +1 -0
  139. package/dist/hooks/useRootAriaHidden/index.mjs +1 -0
  140. package/dist/hooks/useRootAriaHidden/useRootAriaHidden.cjs +11 -0
  141. package/dist/hooks/useRootAriaHidden/useRootAriaHidden.mjs +12 -0
  142. package/dist/hooks/useVisibilityState/index.cjs +1 -0
  143. package/dist/hooks/useVisibilityState/index.mjs +1 -0
  144. package/dist/hooks/useVisibilityState/useVisibilityState.cjs +15 -0
  145. package/dist/hooks/useVisibilityState/useVisibilityState.mjs +16 -0
  146. package/dist/index.cjs +71 -444
  147. package/dist/index.d.mts +1 -1
  148. package/dist/index.d.ts +1 -1
  149. package/dist/index.mjs +37 -415
  150. package/dist/lib/asChildRenderer/createAsChildTemplate.cjs +72 -0
  151. package/dist/lib/asChildRenderer/createAsChildTemplate.mjs +73 -0
  152. package/dist/{styles/lib → lib}/css/atoms/atomicProperties.cjs +28 -22
  153. package/dist/{styles/lib → lib}/css/atoms/atomicProperties.mjs +7 -1
  154. package/dist/{styles/lib → lib}/css/atoms/sprinkles.css.cjs +8 -8
  155. package/dist/lib/css/flexbox/flexbox.cjs +16 -0
  156. package/dist/lib/css/flexbox/flexbox.mjs +17 -0
  157. package/dist/{styles/lib → lib}/css/style/style.cjs +3 -3
  158. package/dist/lib/react/mergeProps.cjs +42 -0
  159. package/dist/lib/react/mergeProps.mjs +43 -0
  160. package/dist/lib/react/refs.cjs +16 -0
  161. package/dist/lib/react/refs.mjs +17 -0
  162. package/dist/lib/theme/makeTheme.cjs +12 -0
  163. package/dist/lib/theme/store/theme.cjs +92 -0
  164. package/dist/lib/theme/store/theme.mjs +93 -0
  165. package/dist/lib/theme/vars.css.cjs +9 -0
  166. package/dist/{styles/lib → lib}/utils/atom-props.cjs +2 -2
  167. package/dist/lib/utils/classnames.cjs +6 -0
  168. package/dist/lib/utils/classnames.mjs +7 -0
  169. package/dist/lib/utils/dom.cjs +12 -0
  170. package/dist/lib/utils/dom.mjs +13 -0
  171. package/dist/lib/utils/math.cjs +12 -0
  172. package/dist/lib/utils/math.mjs +13 -0
  173. package/dist/momotaro.chunk.d.ts +40 -56
  174. package/dist/reset.cjs +2 -2
  175. package/dist/reset.mjs +2 -2
  176. package/dist/{styles/themes → themes}/momotaro/components/button.css.cjs +23 -23
  177. package/dist/themes/momotaro/components/checkbox.css.cjs +59 -0
  178. package/dist/{styles/themes → themes}/momotaro/components/dialog.css.cjs +4 -4
  179. package/dist/{styles/themes → themes}/momotaro/components/divider.css.cjs +2 -2
  180. package/dist/{styles/themes → themes}/momotaro/components/helpers.css.cjs +3 -3
  181. package/dist/themes/momotaro/components/index.cjs +34 -0
  182. package/dist/{styles/themes → themes}/momotaro/components/input.css.cjs +9 -9
  183. package/dist/{styles/themes → themes}/momotaro/components/label.css.cjs +7 -7
  184. package/dist/{styles/themes → themes}/momotaro/components/link.css.cjs +7 -7
  185. package/dist/{styles/themes → themes}/momotaro/components/popover.css.cjs +4 -4
  186. package/dist/{styles/themes → themes}/momotaro/components/progress.css.cjs +7 -7
  187. package/dist/themes/momotaro/components/radio.css.cjs +60 -0
  188. package/dist/themes/momotaro/components/select.css.cjs +44 -0
  189. package/dist/themes/momotaro/components/slider.css.cjs +89 -0
  190. package/dist/{styles/themes → themes}/momotaro/components/spinner.css.cjs +2 -2
  191. package/dist/{styles/themes → themes}/momotaro/components/switch.css.cjs +10 -10
  192. package/dist/{styles/themes → themes}/momotaro/components/tooltip.css.cjs +6 -6
  193. package/dist/themes/momotaro/momotaro.css.cjs +13 -0
  194. package/dist/{styles/themes → themes}/momotaro/tokens.css.cjs +11 -11
  195. package/dist/themes/momotaro.cjs +2 -2
  196. package/dist/themes/momotaro.mjs +1 -1
  197. package/package.json +5 -15
  198. package/dist/styles/components/Accessibility/VisuallyHidden/VisuallyHidden.cjs +0 -16
  199. package/dist/styles/components/Accessibility/VisuallyHidden/VisuallyHidden.mjs +0 -17
  200. package/dist/styles/components/display/Divider/Divider.cjs +0 -239
  201. package/dist/styles/components/display/Divider/Divider.mjs +0 -240
  202. package/dist/styles/components/form/Button/Button.cjs +0 -56
  203. package/dist/styles/components/form/Checkbox/Checkbox.cjs +0 -84
  204. package/dist/styles/components/form/Checkbox/Checkbox.mjs +0 -85
  205. package/dist/styles/components/form/Input/Input.cjs +0 -37
  206. package/dist/styles/components/form/Input/Input.mjs +0 -38
  207. package/dist/styles/components/form/Radio/Radio.cjs +0 -23
  208. package/dist/styles/components/form/Radio/Radio.mjs +0 -24
  209. package/dist/styles/components/form/Select/Select.cjs +0 -47
  210. package/dist/styles/components/form/Slider/Slider.cjs +0 -205
  211. package/dist/styles/components/form/Slider/Slider.mjs +0 -206
  212. package/dist/styles/components/other/BlocksProvider/BlocksProvider.cjs +0 -31
  213. package/dist/styles/components/overlay/Dialog/Dialog.cjs +0 -172
  214. package/dist/styles/components/overlay/Dialog/Dialog.mjs +0 -173
  215. package/dist/styles/components/typography/Heading/Heading.cjs +0 -15
  216. package/dist/styles/components/typography/Heading/Heading.mjs +0 -16
  217. package/dist/styles/components/typography/Text/Text.cjs +0 -20
  218. package/dist/styles/lib/theme/makeTheme.cjs +0 -12
  219. package/dist/styles/lib/theme/vars.css.cjs +0 -9
  220. package/dist/styles/themes/momotaro/components/checkbox.css.cjs +0 -59
  221. package/dist/styles/themes/momotaro/components/index.cjs +0 -34
  222. package/dist/styles/themes/momotaro/components/radio.css.cjs +0 -60
  223. package/dist/styles/themes/momotaro/components/select.css.cjs +0 -44
  224. package/dist/styles/themes/momotaro/components/slider.css.cjs +0 -89
  225. package/dist/styles/themes/momotaro/momotaro.css.cjs +0 -13
  226. /package/dist/{styles/components → components}/display/Divider/divider.css.mjs +0 -0
  227. /package/dist/{styles/components → components}/form/Button/Button.css.mjs +0 -0
  228. /package/dist/{styles/components → components}/form/Checkbox/checkbox.css.mjs +0 -0
  229. /package/dist/{styles/components → components}/form/Input/input.css.mjs +0 -0
  230. /package/dist/{styles/components → components}/form/Radio/radio.css.mjs +0 -0
  231. /package/dist/{styles/components → components}/form/Select/select.css.mjs +0 -0
  232. /package/dist/{styles/components → components}/form/Slider/slider.css.mjs +0 -0
  233. /package/dist/{styles/components → components}/form/Switch/switch.css.mjs +0 -0
  234. /package/dist/{styles/components → components}/overlay/Dialog/dialog.css.mjs +0 -0
  235. /package/dist/{styles/components → components}/typography/Heading/heading.css.mjs +0 -0
  236. /package/dist/{styles/components → components}/typography/Text/text.css.mjs +0 -0
  237. /package/dist/{styles/lib → lib}/css/atoms/atoms.cjs +0 -0
  238. /package/dist/{styles/lib → lib}/css/atoms/atoms.mjs +0 -0
  239. /package/dist/{styles/lib → lib}/css/atoms/breakpoints.cjs +0 -0
  240. /package/dist/{styles/lib → lib}/css/atoms/breakpoints.mjs +0 -0
  241. /package/dist/{styles/lib → lib}/css/atoms/index.cjs +0 -0
  242. /package/dist/{styles/lib → lib}/css/atoms/index.mjs +0 -0
  243. /package/dist/{styles/lib → lib}/css/atoms/sprinkles.css.mjs +0 -0
  244. /package/dist/{styles/lib → lib}/css/layers/layers.css.cjs +0 -0
  245. /package/dist/{styles/lib → lib}/css/layers/layers.css.mjs +0 -0
  246. /package/dist/{styles/lib → lib}/css/reset/reset.css.cjs +0 -0
  247. /package/dist/{styles/lib → lib}/css/reset/reset.css.mjs +0 -0
  248. /package/dist/{styles/lib → lib}/css/style/style.mjs +0 -0
  249. /package/dist/{styles/lib → lib}/css/utils/cssUtils.cjs +0 -0
  250. /package/dist/{styles/lib → lib}/css/utils/cssUtils.mjs +0 -0
  251. /package/dist/{styles/lib → lib}/theme/makeComponentTheme.cjs +0 -0
  252. /package/dist/{styles/lib → lib}/theme/makeComponentTheme.mjs +0 -0
  253. /package/dist/{styles/lib → lib}/theme/makeTheme.mjs +0 -0
  254. /package/dist/{styles/lib → lib}/theme/makeVanillaTheme.cjs +0 -0
  255. /package/dist/{styles/lib → lib}/theme/makeVanillaTheme.mjs +0 -0
  256. /package/dist/{styles/lib → lib}/theme/tokens.cjs +0 -0
  257. /package/dist/{styles/lib → lib}/theme/tokens.mjs +0 -0
  258. /package/dist/{styles/lib → lib}/theme/vars.css.mjs +0 -0
  259. /package/dist/{styles/lib → lib}/utils/atom-props.mjs +0 -0
  260. /package/dist/{styles/themes → themes}/momotaro/components/button.css.mjs +0 -0
  261. /package/dist/{styles/themes → themes}/momotaro/components/checkbox.css.mjs +0 -0
  262. /package/dist/{styles/themes → themes}/momotaro/components/dialog.css.mjs +0 -0
  263. /package/dist/{styles/themes → themes}/momotaro/components/divider.css.mjs +0 -0
  264. /package/dist/{styles/themes → themes}/momotaro/components/helpers.css.mjs +0 -0
  265. /package/dist/{styles/themes → themes}/momotaro/components/index.mjs +0 -0
  266. /package/dist/{styles/themes → themes}/momotaro/components/input.css.mjs +0 -0
  267. /package/dist/{styles/themes → themes}/momotaro/components/label.css.mjs +0 -0
  268. /package/dist/{styles/themes → themes}/momotaro/components/link.css.mjs +0 -0
  269. /package/dist/{styles/themes → themes}/momotaro/components/popover.css.mjs +0 -0
  270. /package/dist/{styles/themes → themes}/momotaro/components/progress.css.mjs +0 -0
  271. /package/dist/{styles/themes → themes}/momotaro/components/radio.css.mjs +0 -0
  272. /package/dist/{styles/themes → themes}/momotaro/components/select.css.mjs +0 -0
  273. /package/dist/{styles/themes → themes}/momotaro/components/slider.css.mjs +0 -0
  274. /package/dist/{styles/themes → themes}/momotaro/components/spinner.css.mjs +0 -0
  275. /package/dist/{styles/themes → themes}/momotaro/components/switch.css.mjs +0 -0
  276. /package/dist/{styles/themes → themes}/momotaro/components/tooltip.css.mjs +0 -0
  277. /package/dist/{styles/themes → themes}/momotaro/components/transitions.cjs +0 -0
  278. /package/dist/{styles/themes → themes}/momotaro/components/transitions.mjs +0 -0
  279. /package/dist/{styles/themes → themes}/momotaro/index.cjs +0 -0
  280. /package/dist/{styles/themes → themes}/momotaro/index.mjs +0 -0
  281. /package/dist/{styles/themes → themes}/momotaro/momotaro.css.mjs +0 -0
  282. /package/dist/{styles/themes → themes}/momotaro/tokens.css.mjs +0 -0
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ const react = require("react");
3
+ const isBrowser = typeof window !== "undefined";
4
+ const useRestoreFocus = (active) => {
5
+ const target = react.useRef(null);
6
+ if (isBrowser && active && !target.current) {
7
+ target.current = document.activeElement;
8
+ }
9
+ react.useEffect(() => {
10
+ var _a;
11
+ if (target.current && !active && target.current instanceof HTMLElement) {
12
+ (_a = target.current) == null ? void 0 : _a.focus();
13
+ target.current = null;
14
+ }
15
+ }, [active]);
16
+ };
17
+ exports.useRestoreFocus = useRestoreFocus;
@@ -0,0 +1,18 @@
1
+ import { useRef, useEffect } from "react";
2
+ const isBrowser = typeof window !== "undefined";
3
+ const useRestoreFocus = (active) => {
4
+ const target = useRef(null);
5
+ if (isBrowser && active && !target.current) {
6
+ target.current = document.activeElement;
7
+ }
8
+ useEffect(() => {
9
+ var _a;
10
+ if (target.current && !active && target.current instanceof HTMLElement) {
11
+ (_a = target.current) == null ? void 0 : _a.focus();
12
+ target.current = null;
13
+ }
14
+ }, [active]);
15
+ };
16
+ export {
17
+ useRestoreFocus
18
+ };
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ const react = require("react");
3
+ const components_other_BlocksProvider_context_cjs = require("../../components/other/BlocksProvider/context.cjs");
4
+ const useRootAriaHidden = (hidden) => {
5
+ const context = react.useContext(components_other_BlocksProvider_context_cjs.BlocksProviderContext);
6
+ if (!context) {
7
+ throw new Error("useRootAriaHidden must be used within a BlocksProvider");
8
+ }
9
+ context.setAriaHidden(hidden);
10
+ };
11
+ exports.useRootAriaHidden = useRootAriaHidden;
@@ -0,0 +1,12 @@
1
+ import { useContext } from "react";
2
+ import { BlocksProviderContext } from "../../components/other/BlocksProvider/context.mjs";
3
+ const useRootAriaHidden = (hidden) => {
4
+ const context = useContext(BlocksProviderContext);
5
+ if (!context) {
6
+ throw new Error("useRootAriaHidden must be used within a BlocksProvider");
7
+ }
8
+ context.setAriaHidden(hidden);
9
+ };
10
+ export {
11
+ useRootAriaHidden
12
+ };
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ const react = require("react");
3
+ const useVisibilityState = (open) => {
4
+ const [visible, setVisible] = react.useState(open);
5
+ const hide = react.useCallback(() => {
6
+ setVisible(false);
7
+ }, []);
8
+ react.useEffect(() => {
9
+ if (open) {
10
+ setVisible(true);
11
+ }
12
+ }, [open]);
13
+ return [visible, hide];
14
+ };
15
+ exports.useVisibilityState = useVisibilityState;
@@ -0,0 +1,16 @@
1
+ import { useState, useCallback, useEffect } from "react";
2
+ const useVisibilityState = (open) => {
3
+ const [visible, setVisible] = useState(open);
4
+ const hide = useCallback(() => {
5
+ setVisible(false);
6
+ }, []);
7
+ useEffect(() => {
8
+ if (open) {
9
+ setVisible(true);
10
+ }
11
+ }, [open]);
12
+ return [visible, hide];
13
+ };
14
+ export {
15
+ useVisibilityState
16
+ };
package/dist/index.cjs CHANGED
@@ -1,446 +1,73 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const styles_lib_css_atoms_breakpoints_cjs = require("./styles/lib/css/atoms/breakpoints.cjs");
4
- const styles_lib_css_style_style_cjs = require("./styles/lib/css/style/style.cjs");
5
- const styles_lib_theme_makeComponentTheme_cjs = require("./styles/lib/theme/makeComponentTheme.cjs");
6
- const styles_lib_theme_makeTheme_cjs = require("./styles/lib/theme/makeTheme.cjs");
7
- const styles_lib_theme_vars_css_cjs = require("./styles/lib/theme/vars.css.cjs");
8
- const styles_components_display_Divider_Divider_cjs = require("./styles/components/display/Divider/Divider.cjs");
9
- const styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs = require("./styles/components/Accessibility/VisuallyHidden/VisuallyHidden.cjs");
10
- const styles_lib_css_atoms_sprinkles_css_cjs = require("./styles/lib/css/atoms/sprinkles.css.cjs");
11
- const jsxRuntime = require("react/jsx-runtime");
12
- const styles_components_form_Button_Button_cjs = require("./styles/components/form/Button/Button.cjs");
13
- const styles_components_form_Checkbox_Checkbox_cjs = require("./styles/components/form/Checkbox/Checkbox.cjs");
14
- const styles_components_form_Input_Input_cjs = require("./styles/components/form/Input/Input.cjs");
15
- const styles_components_form_Radio_Radio_cjs = require("./styles/components/form/Radio/Radio.cjs");
16
- const styles_components_form_Select_Select_cjs = require("./styles/components/form/Select/Select.cjs");
17
- const styles_components_form_Slider_Slider_cjs = require("./styles/components/form/Slider/Slider.cjs");
18
- const styles_components_form_Switch_Switch_cjs = require("./styles/components/form/Switch/Switch.cjs");
19
- const styles_components_other_BlocksProvider_BlocksProvider_cjs = require("./styles/components/other/BlocksProvider/BlocksProvider.cjs");
20
- const reactDom = require("react-dom");
21
- const styles_components_overlay_Dialog_Dialog_cjs = require("./styles/components/overlay/Dialog/Dialog.cjs");
22
- const react = require("react");
23
- const styles_components_typography_Heading_Heading_cjs = require("./styles/components/typography/Heading/Heading.cjs");
24
- const styles_components_typography_Text_Text_cjs = require("./styles/components/typography/Text/Text.cjs");
25
- const Progress = ({
26
- className,
27
- indeterminate,
28
- max = 100,
29
- ref,
30
- value = 0,
31
- ...restProps
32
- }) => {
33
- const progress = value / max * 100;
34
- const containerClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles(
35
- "progress",
36
- {
37
- base: true
38
- },
39
- false
40
- );
41
- const barClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles(
42
- "progress",
43
- { bar: true, variants: { indeterminate } },
44
- false
45
- );
46
- return /* @__PURE__ */ jsxRuntime.jsx(
47
- styles_components_display_Divider_Divider_cjs.Box,
48
- {
49
- ref,
50
- className: styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames(containerClassName, className),
51
- overflow: "hidden",
52
- role: "progressbar",
53
- "aria-valuenow": value,
54
- "aria-valuemin": 0,
55
- "aria-valuemax": max,
56
- ...restProps,
57
- children: /* @__PURE__ */ jsxRuntime.jsx(
58
- styles_components_display_Divider_Divider_cjs.Box,
59
- {
60
- className: barClassName,
61
- backgroundColor: "currentColor",
62
- inlineSize: "full",
63
- blockSize: "full",
64
- style: { transform: indeterminate ? void 0 : `translateX(-${100 - progress}%)` }
65
- }
66
- )
67
- }
68
- );
69
- };
70
- const justifyContentMap = {
71
- left: "flex-start",
72
- right: "flex-end",
73
- center: "center",
74
- between: "space-between",
75
- around: "space-around"
76
- };
77
- const alignItemsMap = {
78
- left: "flex-start",
79
- right: "flex-end",
80
- center: "center",
81
- stretch: "stretch"
82
- };
83
- const Inline = ({
84
- alignX,
85
- alignY,
86
- tag: Tag = "div",
87
- children,
88
- display = "flex",
89
- spacing,
90
- ...props
91
- }) => {
92
- return /* @__PURE__ */ jsxRuntime.jsx(
93
- styles_components_display_Divider_Divider_cjs.Box,
94
- {
95
- asChild: true,
96
- display,
97
- gap: spacing,
98
- flexDirection: "row",
99
- justifyContent: alignX ? justifyContentMap[alignX] : void 0,
100
- alignItems: alignY ? alignItemsMap[alignY] : void 0,
101
- flexWrap: "wrap",
102
- ...props,
103
- children: /* @__PURE__ */ jsxRuntime.jsx(Tag, { children })
104
- }
105
- );
106
- };
107
- const Stack = ({
108
- tag: Tag = "div",
109
- display = "flex",
110
- children,
111
- spacing,
112
- alignX,
113
- ...restProps
114
- }) => {
115
- if (process.env.NODE_ENV === "development" && restProps.start !== void 0 && Tag !== "ol") {
116
- console.warn('Stack: "start" prop is only valid with tag="ol"');
117
- }
118
- return /* @__PURE__ */ jsxRuntime.jsx(
119
- styles_components_display_Divider_Divider_cjs.Box,
120
- {
121
- asChild: true,
122
- display,
123
- gap: spacing,
124
- flexDirection: "column",
125
- alignItems: alignX ? alignItemsMap[alignX] : void 0,
126
- ...restProps,
127
- children: /* @__PURE__ */ jsxRuntime.jsx(Tag, { children })
128
- }
129
- );
130
- };
131
- const { Template, Slot } = styles_components_display_Divider_Divider_cjs.createAsChildTemplate("a");
132
- const Link = ({
133
- asChild,
134
- children,
135
- className,
136
- ref,
137
- underline,
138
- variant,
139
- ...restProps
140
- }) => {
141
- const linkClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("link", {
142
- base: true,
143
- variants: { variant, underline }
144
- });
145
- return /* @__PURE__ */ jsxRuntime.jsx(
146
- Template,
147
- {
148
- asChild,
149
- ref,
150
- className: styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames(className, linkClassName),
151
- ...restProps,
152
- children: /* @__PURE__ */ jsxRuntime.jsx(Slot, { children })
153
- }
154
- );
155
- };
156
- const Portal = ({ children, container }) => {
157
- const context = styles_components_display_Divider_Divider_cjs.useTheme();
158
- return reactDom.createPortal(
159
- /* @__PURE__ */ jsxRuntime.jsx(styles_components_other_BlocksProvider_BlocksProvider_cjs.BlocksProvider, { theme: context, children }),
160
- container || document.body
161
- );
162
- };
163
- const useLayer = () => {
164
- const layerRef = react.useRef(null);
165
- react.useEffect(
166
- () => () => {
167
- if (layerRef.current) {
168
- layerRef.current.remove();
169
- layerRef.current = null;
170
- }
171
- },
172
- []
173
- );
174
- function getLayer() {
175
- if (!layerRef.current) {
176
- const div = document.createElement("div");
177
- div.dataset.layer = "blocks";
178
- layerRef.current = div;
179
- document.body.append(layerRef.current);
180
- }
181
- return layerRef.current;
182
- }
183
- return getLayer;
184
- };
185
- const useVisibilityState = (open) => {
186
- const [visible, setVisible] = react.useState(open);
187
- const hide = react.useCallback(() => {
188
- setVisible(false);
189
- }, []);
190
- react.useEffect(() => {
191
- if (open) {
192
- setVisible(true);
193
- }
194
- }, [open]);
195
- return [visible, hide];
196
- };
197
- function getPopoverPosition(align, anchorRef, popoverRef) {
198
- if (!anchorRef.current || !popoverRef.current) {
199
- return [0, 0];
200
- }
201
- popoverRef.current.style.transform = "none";
202
- popoverRef.current.style.transitionDuration = "0s";
203
- const anchorRect = anchorRef.current.getBoundingClientRect();
204
- const popoverRect = popoverRef.current.getBoundingClientRect();
205
- let popoverStyles = getComputedStyle(popoverRef.current);
206
- const top = popoverStyles.getPropertyValue("top");
207
- const left = popoverStyles.getPropertyValue("left");
208
- popoverRef.current.style.left = "0";
209
- popoverRef.current.style.top = "0";
210
- popoverStyles = getComputedStyle(popoverRef.current);
211
- const marginTop = Number.parseFloat(popoverStyles.getPropertyValue("margin-top"));
212
- const marginRight = Number.parseFloat(popoverStyles.getPropertyValue("margin-right"));
213
- const marginBottom = Number.parseFloat(popoverStyles.getPropertyValue("margin-bottom"));
214
- const marginLeft = Number.parseFloat(popoverStyles.getPropertyValue("margin-left"));
215
- const marginY = marginTop + marginBottom;
216
- const marginX = marginRight + marginLeft;
217
- const docHeight = document.documentElement.clientHeight;
218
- const docWidth = document.documentElement.clientWidth;
219
- const docScrollTop = document.documentElement.scrollTop;
220
- const docScrollLeft = document.documentElement.scrollLeft;
221
- const anchorLeft = anchorRect.left + docScrollLeft;
222
- const anchorTop = anchorRect.top + docScrollTop;
223
- const topPosition = anchorRect.top - (popoverRect.height + marginTop);
224
- const rightPosition = anchorRect.left + anchorRect.width + popoverRect.width;
225
- const bottomPosition = anchorRect.top + anchorRect.height + popoverRect.height;
226
- const leftPosition = anchorRect.left - popoverRect.width;
227
- const offsetX = anchorLeft - marginLeft - (popoverRect.width - anchorRect.width) / 2;
228
- const offsetY = anchorTop - marginTop - (popoverRect.height - anchorRect.height) / 2;
229
- popoverRef.current.style.transform = "";
230
- popoverRef.current.style.transitionDuration = "";
231
- popoverRef.current.style.top = top;
232
- popoverRef.current.style.left = left;
233
- switch (align) {
234
- case "top": {
235
- return topPosition > 0 ? [offsetX, anchorTop - popoverRect.height - marginY] : [offsetX, anchorTop + anchorRect.height];
236
- }
237
- case "bottom": {
238
- return bottomPosition < docHeight || topPosition < 0 ? [offsetX, anchorTop + anchorRect.height] : [offsetX, anchorTop - popoverRect.height - marginY];
239
- }
240
- case "left": {
241
- return leftPosition > docWidth || leftPosition > 0 ? [anchorLeft - popoverRect.width - marginX, offsetY] : [anchorLeft + anchorRect.width, offsetY];
242
- }
243
- case "right": {
244
- return rightPosition < docWidth || leftPosition < 0 ? [anchorLeft + anchorRect.width, offsetY] : [anchorLeft - popoverRect.width - marginX, offsetY];
245
- }
246
- }
247
- }
248
- const Popover = ({
249
- align = "bottom",
250
- anchorElement,
251
- children,
252
- className,
253
- onRequestClose,
254
- open,
255
- repositionOnScroll,
256
- style,
257
- ...restProps
258
- }) => {
259
- const layer = useLayer();
260
- const [visible, hide] = useVisibilityState(open);
261
- const [position, setPosition] = react.useState({ x: 0, y: 0 });
262
- const popoverRef = react.useRef(null);
263
- const containerClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("popover", { base: true }, false);
264
- react.useLayoutEffect(() => {
265
- if (!visible) {
266
- return;
267
- }
268
- const position2 = getPopoverPosition(align, anchorElement, popoverRef);
269
- setPosition({ x: position2[0], y: position2[1] });
270
- }, [align, anchorElement, visible]);
271
- react.useEffect(() => {
272
- if (!open || !repositionOnScroll) {
273
- return;
274
- }
275
- function handleResize() {
276
- const position2 = getPopoverPosition(align, anchorElement, popoverRef);
277
- setPosition({ x: position2[0], y: position2[1] });
278
- }
279
- window.addEventListener("resize", handleResize);
280
- window.addEventListener("scroll", handleResize);
281
- return () => {
282
- window.removeEventListener("resize", handleResize);
283
- window.removeEventListener("scroll", handleResize);
284
- };
285
- }, [align, anchorElement, open, repositionOnScroll]);
286
- styles_components_overlay_Dialog_Dialog_cjs.useIsomorphicLayoutEffect(() => {
287
- var _a;
288
- if (!open) {
289
- (_a = popoverRef.current) == null ? void 0 : _a.removeAttribute("data-open");
290
- return;
291
- }
292
- let timer = requestAnimationFrame(() => {
293
- timer = requestAnimationFrame(() => {
294
- var _a2;
295
- (_a2 = popoverRef.current) == null ? void 0 : _a2.setAttribute("data-open", "");
296
- });
297
- });
298
- return () => {
299
- cancelAnimationFrame(timer);
300
- };
301
- }, [open, visible]);
302
- const onAnimationEnd = react.useCallback(() => {
303
- if (!open) {
304
- hide();
305
- }
306
- }, [hide, open]);
307
- react.useEffect(() => {
308
- if (open) {
309
- return;
310
- }
311
- if (!styles_components_overlay_Dialog_Dialog_cjs.hasAnimationDuration(popoverRef.current)) {
312
- hide();
313
- }
314
- }, [hide, open]);
315
- styles_components_overlay_Dialog_Dialog_cjs.useKeyboard("Escape", onRequestClose, { enabled: visible });
316
- styles_components_overlay_Dialog_Dialog_cjs.useClickOutside(popoverRef, onRequestClose, { enabled: visible });
317
- if (!visible) {
318
- return null;
319
- }
320
- const dataOpen = typeof window === "undefined" && open ? "" : void 0;
321
- return /* @__PURE__ */ jsxRuntime.jsx(Portal, { container: layer(), children: /* @__PURE__ */ jsxRuntime.jsx(
322
- styles_components_display_Divider_Divider_cjs.Box,
323
- {
324
- ref: popoverRef,
325
- "data-open": dataOpen,
326
- onAnimationEnd,
327
- onTransitionEnd: onAnimationEnd,
328
- className: styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames(containerClassName, className),
329
- position: "absolute",
330
- style: {
331
- ...style,
332
- left: position.x,
333
- top: position.y
334
- },
335
- ...restProps,
336
- children
337
- }
338
- ) });
339
- };
340
- const Tooltip = ({
341
- align = "top",
342
- children,
343
- label,
344
- colorScheme
345
- }) => {
346
- const id = react.useId();
347
- const ref = react.useRef(null);
348
- const [open, setOpen] = react.useState(false);
349
- const tooltipClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("tooltip", {
350
- base: true,
351
- variants: { colorScheme }
352
- });
353
- react.useEffect(() => {
354
- const element = ref.current;
355
- if (!element) {
356
- return;
357
- }
358
- function onEnter() {
359
- setOpen(true);
360
- }
361
- function onLeave() {
362
- setOpen(false);
363
- }
364
- element.addEventListener("mouseenter", onEnter);
365
- element.addEventListener("mouseleave", onLeave);
366
- element.addEventListener("focusin", onEnter);
367
- element.addEventListener("focusout", onLeave);
368
- return () => {
369
- element.removeEventListener("mouseenter", onEnter);
370
- element.removeEventListener("mouseleave", onLeave);
371
- element.removeEventListener("focusin", onEnter);
372
- element.removeEventListener("focusout", onLeave);
373
- };
374
- }, [ref, setOpen]);
375
- if (react.Children.count(children) !== 1) {
376
- throw new Error("Tooltip component can only have one child");
377
- }
378
- const child = react.Children.toArray(children)[0];
379
- if (!react.isValidElement(child)) {
380
- return null;
381
- }
382
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
383
- react.cloneElement(child, {
384
- ref: styles_components_display_Divider_Divider_cjs.composeRefs(ref, child.ref),
385
- ["aria-describedby"]: open ? id : void 0
386
- }),
387
- /* @__PURE__ */ jsxRuntime.jsx(
388
- Popover,
389
- {
390
- id,
391
- role: "tooltip",
392
- anchorElement: ref,
393
- open,
394
- onRequestClose: () => {
395
- setOpen(false);
396
- },
397
- align,
398
- className: tooltipClassName,
399
- children: label
400
- }
401
- )
402
- ] });
403
- };
404
- const useRootAriaHidden = (hidden) => {
405
- const context = react.useContext(styles_components_display_Divider_Divider_cjs.BlocksProviderContext);
406
- if (!context) {
407
- throw new Error("useRootAriaHidden must be used within a BlocksProvider");
408
- }
409
- context.setAriaHidden(hidden);
410
- };
411
- exports.minMediaQuery = styles_lib_css_atoms_breakpoints_cjs.minMediaQuery;
412
- exports.style = styles_lib_css_style_style_cjs.style;
413
- exports.makeComponentTheme = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme;
414
- exports.makeTheme = styles_lib_theme_makeTheme_cjs.makeTheme;
415
- exports.vars = styles_lib_theme_vars_css_cjs.vars;
416
- exports.Box = styles_components_display_Divider_Divider_cjs.Box;
417
- exports.Divider = styles_components_display_Divider_Divider_cjs.Divider;
418
- exports.createAsChildTemplate = styles_components_display_Divider_Divider_cjs.createAsChildTemplate;
419
- exports.useComponentStyleDefaultProps = styles_components_display_Divider_Divider_cjs.useComponentStyleDefaultProps;
420
- exports.useComponentStyles = styles_components_display_Divider_Divider_cjs.useComponentStyles;
421
- exports.VisuallyHidden = styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.VisuallyHidden;
422
- exports.classnames = styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames;
423
- exports.atoms = styles_lib_css_atoms_sprinkles_css_cjs.atoms;
424
- exports.Button = styles_components_form_Button_Button_cjs.Button;
425
- exports.Spinner = styles_components_form_Button_Button_cjs.Spinner;
426
- exports.Checkbox = styles_components_form_Checkbox_Checkbox_cjs.Checkbox;
427
- exports.Label = styles_components_form_Checkbox_Checkbox_cjs.Label;
428
- exports.Input = styles_components_form_Input_Input_cjs.Input;
429
- exports.Radio = styles_components_form_Radio_Radio_cjs.Radio;
430
- exports.Select = styles_components_form_Select_Select_cjs.Select;
431
- exports.Slider = styles_components_form_Slider_Slider_cjs.Slider;
432
- exports.Switch = styles_components_form_Switch_Switch_cjs.Switch;
433
- exports.BlocksProvider = styles_components_other_BlocksProvider_BlocksProvider_cjs.BlocksProvider;
434
- exports.Dialog = styles_components_overlay_Dialog_Dialog_cjs.Dialog;
435
- exports.useIsomorphicLayoutEffect = styles_components_overlay_Dialog_Dialog_cjs.useIsomorphicLayoutEffect;
436
- exports.useKeyboard = styles_components_overlay_Dialog_Dialog_cjs.useKeyboard;
437
- exports.usePreventBodyScroll = styles_components_overlay_Dialog_Dialog_cjs.usePreventBodyScroll;
438
- exports.Heading = styles_components_typography_Heading_Heading_cjs.Heading;
439
- exports.Text = styles_components_typography_Text_Text_cjs.Text;
440
- exports.Inline = Inline;
441
- exports.Link = Link;
442
- exports.Portal = Portal;
443
- exports.Progress = Progress;
444
- exports.Stack = Stack;
445
- exports.Tooltip = Tooltip;
446
- exports.useRootAriaHidden = useRootAriaHidden;
3
+ const lib_css_atoms_breakpoints_cjs = require("./lib/css/atoms/breakpoints.cjs");
4
+ const lib_css_style_style_cjs = require("./lib/css/style/style.cjs");
5
+ const lib_theme_makeComponentTheme_cjs = require("./lib/theme/makeComponentTheme.cjs");
6
+ const lib_theme_makeTheme_cjs = require("./lib/theme/makeTheme.cjs");
7
+ const lib_theme_vars_css_cjs = require("./lib/theme/vars.css.cjs");
8
+ const lib_asChildRenderer_createAsChildTemplate_cjs = require("./lib/asChildRenderer/createAsChildTemplate.cjs");
9
+ const lib_theme_store_theme_cjs = require("./lib/theme/store/theme.cjs");
10
+ const lib_utils_classnames_cjs = require("./lib/utils/classnames.cjs");
11
+ const lib_css_atoms_sprinkles_css_cjs = require("./lib/css/atoms/sprinkles.css.cjs");
12
+ const components_accessibility_VisuallyHidden_VisuallyHidden_cjs = require("./components/accessibility/VisuallyHidden/VisuallyHidden.cjs");
13
+ const components_display_Divider_Divider_cjs = require("./components/display/Divider/Divider.cjs");
14
+ const components_feedback_Progress_Progress_cjs = require("./components/feedback/Progress/Progress.cjs");
15
+ const components_feedback_Spinner_Spinner_cjs = require("./components/feedback/Spinner/Spinner.cjs");
16
+ const components_form_Button_Button_cjs = require("./components/form/Button/Button.cjs");
17
+ const components_form_Checkbox_Checkbox_cjs = require("./components/form/Checkbox/Checkbox.cjs");
18
+ const components_form_Input_Input_cjs = require("./components/form/Input/Input.cjs");
19
+ const components_form_Label_Label_cjs = require("./components/form/Label/Label.cjs");
20
+ const components_form_Radio_Radio_cjs = require("./components/form/Radio/Radio.cjs");
21
+ const components_form_Select_Select_cjs = require("./components/form/Select/Select.cjs");
22
+ const components_form_Slider_Slider_cjs = require("./components/form/Slider/Slider.cjs");
23
+ const components_form_Switch_Switch_cjs = require("./components/form/Switch/Switch.cjs");
24
+ const components_layout_Box_Box_cjs = require("./components/layout/Box/Box.cjs");
25
+ const components_layout_Inline_Inline_cjs = require("./components/layout/Inline/Inline.cjs");
26
+ const components_layout_Stack_Stack_cjs = require("./components/layout/Stack/Stack.cjs");
27
+ const components_navigation_Link_Link_cjs = require("./components/navigation/Link/Link.cjs");
28
+ const components_other_BlocksProvider_BlocksProvider_cjs = require("./components/other/BlocksProvider/BlocksProvider.cjs");
29
+ const components_other_Portal_Portal_cjs = require("./components/other/Portal/Portal.cjs");
30
+ const components_overlay_Dialog_Dialog_cjs = require("./components/overlay/Dialog/Dialog.cjs");
31
+ const components_overlay_Tooltip_Tooltip_cjs = require("./components/overlay/Tooltip/Tooltip.cjs");
32
+ const components_typography_Heading_Heading_cjs = require("./components/typography/Heading/Heading.cjs");
33
+ const components_typography_Text_Text_cjs = require("./components/typography/Text/Text.cjs");
34
+ const hooks_useIsomorphicLayoutEffect_useIsomorphicLayoutEffect_cjs = require("./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs");
35
+ const hooks_useKeyboard_useKeyboard_cjs = require("./hooks/useKeyboard/useKeyboard.cjs");
36
+ const hooks_usePreventBodyScroll_usePreventBodyScroll_cjs = require("./hooks/usePreventBodyScroll/usePreventBodyScroll.cjs");
37
+ const hooks_useRootAriaHidden_useRootAriaHidden_cjs = require("./hooks/useRootAriaHidden/useRootAriaHidden.cjs");
38
+ exports.minMediaQuery = lib_css_atoms_breakpoints_cjs.minMediaQuery;
39
+ exports.style = lib_css_style_style_cjs.style;
40
+ exports.makeComponentTheme = lib_theme_makeComponentTheme_cjs.makeComponentTheme;
41
+ exports.makeTheme = lib_theme_makeTheme_cjs.makeTheme;
42
+ exports.vars = lib_theme_vars_css_cjs.vars;
43
+ exports.createAsChildTemplate = lib_asChildRenderer_createAsChildTemplate_cjs.createAsChildTemplate;
44
+ exports.getTheme = lib_theme_store_theme_cjs.getTheme;
45
+ exports.setTheme = lib_theme_store_theme_cjs.setTheme;
46
+ exports.classnames = lib_utils_classnames_cjs.classnames;
47
+ exports.atoms = lib_css_atoms_sprinkles_css_cjs.atoms;
48
+ exports.VisuallyHidden = components_accessibility_VisuallyHidden_VisuallyHidden_cjs.VisuallyHidden;
49
+ exports.Divider = components_display_Divider_Divider_cjs.Divider;
50
+ exports.Progress = components_feedback_Progress_Progress_cjs.Progress;
51
+ exports.Spinner = components_feedback_Spinner_Spinner_cjs.Spinner;
52
+ exports.Button = components_form_Button_Button_cjs.Button;
53
+ exports.Checkbox = components_form_Checkbox_Checkbox_cjs.Checkbox;
54
+ exports.Input = components_form_Input_Input_cjs.Input;
55
+ exports.Label = components_form_Label_Label_cjs.Label;
56
+ exports.Radio = components_form_Radio_Radio_cjs.Radio;
57
+ exports.Select = components_form_Select_Select_cjs.Select;
58
+ exports.Slider = components_form_Slider_Slider_cjs.Slider;
59
+ exports.Switch = components_form_Switch_Switch_cjs.Switch;
60
+ exports.Box = components_layout_Box_Box_cjs.Box;
61
+ exports.Inline = components_layout_Inline_Inline_cjs.Inline;
62
+ exports.Stack = components_layout_Stack_Stack_cjs.Stack;
63
+ exports.Link = components_navigation_Link_Link_cjs.Link;
64
+ exports.BlocksProvider = components_other_BlocksProvider_BlocksProvider_cjs.BlocksProvider;
65
+ exports.Portal = components_other_Portal_Portal_cjs.Portal;
66
+ exports.Dialog = components_overlay_Dialog_Dialog_cjs.Dialog;
67
+ exports.Tooltip = components_overlay_Tooltip_Tooltip_cjs.Tooltip;
68
+ exports.Heading = components_typography_Heading_Heading_cjs.Heading;
69
+ exports.Text = components_typography_Text_Text_cjs.Text;
70
+ exports.useIsomorphicLayoutEffect = hooks_useIsomorphicLayoutEffect_useIsomorphicLayoutEffect_cjs.useIsomorphicLayoutEffect;
71
+ exports.useKeyboard = hooks_useKeyboard_useKeyboard_cjs.useKeyboard;
72
+ exports.usePreventBodyScroll = hooks_usePreventBodyScroll_usePreventBodyScroll_cjs.usePreventBodyScroll;
73
+ exports.useRootAriaHidden = hooks_useRootAriaHidden_useRootAriaHidden_cjs.useRootAriaHidden;
package/dist/index.d.mts CHANGED
@@ -1 +1 @@
1
- export { BlocksProvider, BlocksProviderProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Dialog, DialogProps, Divider, DividerProps, Heading, HeadingProps, Inline, InlineProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Portal, PortalProps, Progress, ProgressProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Text, TextProps, ThemeComponentsStyles, ThemeTokens, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps, atoms, classnames, createAsChildTemplate, makeComponentTheme, makeTheme, minMediaQuery, style, useComponentStyleDefaultProps, useComponentStyles, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars } from './momotaro.chunk.js';
1
+ export { BlocksProvider, BlocksProviderProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Dialog, DialogProps, Divider, DividerProps, Heading, HeadingProps, Inline, InlineProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Portal, PortalProps, Progress, ProgressProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Text, TextProps, ThemeComponentsStyles, ThemeTokens, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps, atoms, classnames, createAsChildTemplate, getTheme, makeComponentTheme, makeTheme, minMediaQuery, setTheme, style, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars } from './momotaro.chunk.js';
package/dist/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { BlocksProvider, BlocksProviderProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Dialog, DialogProps, Divider, DividerProps, Heading, HeadingProps, Inline, InlineProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Portal, PortalProps, Progress, ProgressProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Text, TextProps, ThemeComponentsStyles, ThemeTokens, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps, atoms, classnames, createAsChildTemplate, makeComponentTheme, makeTheme, minMediaQuery, style, useComponentStyleDefaultProps, useComponentStyles, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars } from './momotaro.chunk.js';
1
+ export { BlocksProvider, BlocksProviderProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Dialog, DialogProps, Divider, DividerProps, Heading, HeadingProps, Inline, InlineProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Portal, PortalProps, Progress, ProgressProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Text, TextProps, ThemeComponentsStyles, ThemeTokens, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps, atoms, classnames, createAsChildTemplate, getTheme, makeComponentTheme, makeTheme, minMediaQuery, setTheme, style, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars } from './momotaro.chunk.js';