reshaped 3.9.1-canary.2 → 3.10.0-canary.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 (230) hide show
  1. package/dist/bundle.css +1 -1
  2. package/dist/bundle.d.ts +5 -12
  3. package/dist/bundle.js +2 -2
  4. package/dist/cli/theming/tailwind.js +1 -0
  5. package/dist/components/Accordion/Accordion.types.d.ts +3 -2
  6. package/dist/components/Accordion/AccordionControlled.js +1 -2
  7. package/dist/components/Accordion/AccordionTrigger.js +1 -1
  8. package/dist/components/ActionBar/ActionBar.js +2 -1
  9. package/dist/components/ActionBar/ActionBar.types.d.ts +3 -2
  10. package/dist/components/Actionable/Actionable.d.ts +2 -2
  11. package/dist/components/Actionable/Actionable.js +1 -1
  12. package/dist/components/Actionable/Actionable.types.d.ts +1 -1
  13. package/dist/components/Actionable/index.d.ts +1 -1
  14. package/dist/components/Alert/Alert.types.d.ts +3 -2
  15. package/dist/components/Autocomplete/Autocomplete.js +3 -5
  16. package/dist/components/Autocomplete/Autocomplete.types.d.ts +1 -1
  17. package/dist/components/Avatar/Avatar.js +2 -1
  18. package/dist/components/Avatar/Avatar.types.d.ts +5 -4
  19. package/dist/components/Badge/Badge.js +6 -5
  20. package/dist/components/Badge/Badge.module.css +1 -1
  21. package/dist/components/Badge/Badge.types.d.ts +4 -4
  22. package/dist/components/Badge/BadgeContainer.js +1 -1
  23. package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -1
  24. package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts +3 -3
  25. package/dist/components/Button/Button.js +2 -1
  26. package/dist/components/Button/Button.types.d.ts +3 -2
  27. package/dist/components/Button/ButtonGroup.js +1 -1
  28. package/dist/components/Calendar/CalendarDate.js +1 -1
  29. package/dist/components/Calendar/useCalendarKeyboardNavigation.js +1 -1
  30. package/dist/components/Card/Card.d.ts +6 -14
  31. package/dist/components/Card/Card.js +1 -1
  32. package/dist/components/Card/Card.types.d.ts +4 -3
  33. package/dist/components/Carousel/Carousel.js +3 -4
  34. package/dist/components/Carousel/Carousel.types.d.ts +3 -2
  35. package/dist/components/Carousel/CarouselControl.js +1 -2
  36. package/dist/components/Checkbox/Checkbox.js +2 -2
  37. package/dist/components/Checkbox/Checkbox.types.d.ts +4 -3
  38. package/dist/components/Container/Container.js +1 -1
  39. package/dist/components/Container/Container.types.d.ts +3 -2
  40. package/dist/components/ContextMenu/ContextMenu.js +1 -2
  41. package/dist/components/Dismissible/Dismissible.js +1 -1
  42. package/dist/components/Dismissible/Dismissible.types.d.ts +3 -3
  43. package/dist/components/Divider/Divider.js +2 -1
  44. package/dist/components/Divider/Divider.types.d.ts +3 -2
  45. package/dist/components/DropdownMenu/DropdownMenu.js +1 -3
  46. package/dist/components/DropdownMenu/DropdownMenu.types.d.ts +1 -1
  47. package/dist/components/FileUpload/FileUpload.js +1 -2
  48. package/dist/components/FileUpload/FileUpload.types.d.ts +4 -3
  49. package/dist/components/Flyout/Flyout.module.css +1 -1
  50. package/dist/components/Flyout/Flyout.types.d.ts +9 -7
  51. package/dist/components/Flyout/FlyoutContent.js +4 -13
  52. package/dist/components/Flyout/FlyoutControlled.js +4 -6
  53. package/dist/components/Flyout/useFlyout.d.ts +2 -2
  54. package/dist/components/Flyout/useFlyout.js +5 -5
  55. package/dist/components/Flyout/utilities/safeArea.d.ts +2 -2
  56. package/dist/components/Flyout/utilities/safeArea.js +0 -14
  57. package/dist/components/Grid/Grid.js +2 -1
  58. package/dist/components/Grid/Grid.types.d.ts +5 -4
  59. package/dist/components/Hidden/Hidden.js +2 -1
  60. package/dist/components/HiddenInput/HiddenInput.js +1 -1
  61. package/dist/components/HiddenInput/HiddenInput.types.d.ts +3 -2
  62. package/dist/components/Hotkey/Hotkey.js +1 -1
  63. package/dist/components/Hotkey/Hotkey.types.d.ts +3 -3
  64. package/dist/components/Icon/Icon.js +1 -1
  65. package/dist/components/Icon/Icon.types.d.ts +3 -2
  66. package/dist/components/Image/Image.js +1 -1
  67. package/dist/components/Image/Image.types.d.ts +5 -4
  68. package/dist/components/Link/Link.js +1 -1
  69. package/dist/components/Loader/Loader.js +2 -1
  70. package/dist/components/Loader/Loader.types.d.ts +3 -2
  71. package/dist/components/MenuItem/MenuItem.js +2 -1
  72. package/dist/components/MenuItem/MenuItem.types.d.ts +3 -2
  73. package/dist/components/Modal/Modal.js +7 -6
  74. package/dist/components/Modal/Modal.types.d.ts +5 -4
  75. package/dist/components/NumberField/NumberFieldControlled.js +1 -2
  76. package/dist/components/Overlay/Overlay.js +7 -12
  77. package/dist/components/Overlay/Overlay.types.d.ts +5 -3
  78. package/dist/components/Pagination/Pagination.types.d.ts +3 -3
  79. package/dist/components/PinField/PinField.types.d.ts +4 -3
  80. package/dist/components/PinField/PinFieldControlled.js +1 -1
  81. package/dist/components/Popover/Popover.js +1 -1
  82. package/dist/components/Popover/Popover.types.d.ts +1 -1
  83. package/dist/components/Progress/Progress.js +1 -1
  84. package/dist/components/Progress/Progress.types.d.ts +3 -3
  85. package/dist/components/ProgressIndicator/ProgressIndicator.js +1 -1
  86. package/dist/components/ProgressIndicator/ProgressIndicator.types.d.ts +3 -3
  87. package/dist/components/Radio/Radio.js +2 -1
  88. package/dist/components/Radio/Radio.types.d.ts +4 -3
  89. package/dist/components/RadioGroup/RadioGroup.types.d.ts +3 -2
  90. package/dist/components/Reshaped/Reshaped.js +4 -11
  91. package/dist/components/Reshaped/Reshaped.types.d.ts +3 -2
  92. package/dist/components/Resizable/Resizable.js +1 -1
  93. package/dist/components/Resizable/ResizableHandle.js +1 -1
  94. package/dist/components/Scrim/Scrim.js +1 -1
  95. package/dist/components/Scrim/Scrim.types.d.ts +4 -4
  96. package/dist/components/ScrollArea/ScrollArea.js +2 -4
  97. package/dist/components/ScrollArea/ScrollArea.types.d.ts +5 -3
  98. package/dist/components/Select/Select.types.d.ts +5 -4
  99. package/dist/components/Select/SelectNative.js +1 -1
  100. package/dist/components/Select/SelectRoot.js +2 -1
  101. package/dist/components/Skeleton/Skeleton.js +1 -1
  102. package/dist/components/Skeleton/Skeleton.types.d.ts +3 -3
  103. package/dist/components/Slider/Slider.types.d.ts +3 -3
  104. package/dist/components/Slider/Slider.utilities.d.ts +7 -0
  105. package/dist/components/Slider/Slider.utilities.js +11 -0
  106. package/dist/components/Slider/SliderControlled.js +15 -8
  107. package/dist/components/Slider/SliderThumb.js +1 -1
  108. package/dist/components/Stepper/Stepper.types.d.ts +5 -4
  109. package/dist/components/Switch/Switch.js +2 -1
  110. package/dist/components/Switch/Switch.types.d.ts +4 -3
  111. package/dist/components/Table/Table.js +2 -1
  112. package/dist/components/Table/Table.types.d.ts +12 -12
  113. package/dist/components/Tabs/Tabs.types.d.ts +6 -6
  114. package/dist/components/Tabs/TabsItem.js +2 -3
  115. package/dist/components/Tabs/TabsList.js +1 -4
  116. package/dist/components/Tabs/TabsPanel.js +2 -2
  117. package/dist/components/Text/Text.js +2 -1
  118. package/dist/components/Text/Text.types.d.ts +3 -2
  119. package/dist/components/TextArea/TextArea.js +2 -1
  120. package/dist/components/TextArea/TextArea.types.d.ts +5 -4
  121. package/dist/components/TextField/TextField.js +2 -1
  122. package/dist/components/TextField/TextField.types.d.ts +4 -3
  123. package/dist/components/Theme/GlobalColorMode.js +1 -1
  124. package/dist/components/Theme/Theme.js +1 -2
  125. package/dist/components/Theme/Theme.types.d.ts +2 -1
  126. package/dist/components/Timeline/Timeline.js +1 -1
  127. package/dist/components/Timeline/Timeline.types.d.ts +5 -5
  128. package/dist/components/Toast/Toast.types.d.ts +3 -3
  129. package/dist/components/Toast/ToastContainer.js +2 -2
  130. package/dist/components/Toast/ToastRegion.js +2 -2
  131. package/dist/components/ToggleButton/ToggleButtonUncontrolled.js +1 -1
  132. package/dist/components/ToggleButtonGroup/ToggleButtonGroupControlled.js +1 -1
  133. package/dist/components/Tooltip/Tooltip.types.d.ts +1 -1
  134. package/dist/components/View/View.js +2 -1
  135. package/dist/components/View/View.types.d.ts +5 -4
  136. package/dist/components/_private/Aligner/Aligner.js +1 -1
  137. package/dist/components/_private/Aligner/Aligner.types.d.ts +3 -3
  138. package/dist/components/_private/Expandable/Expandable.js +2 -2
  139. package/dist/components/_private/Expandable/Expandable.types.d.ts +2 -2
  140. package/dist/components/_private/Portal/Portal.js +1 -2
  141. package/dist/hooks/_private/useDrag.js +2 -4
  142. package/dist/hooks/_private/useFadeSide.js +2 -3
  143. package/dist/hooks/_private/useSingletonViewport.d.ts +10 -0
  144. package/dist/hooks/_private/useSingletonViewport.js +52 -0
  145. package/dist/hooks/useResponsiveClientValue.js +15 -53
  146. package/dist/hooks/useViewport.d.ts +2 -0
  147. package/dist/hooks/useViewport.js +6 -0
  148. package/dist/index.d.ts +5 -12
  149. package/dist/index.js +3 -11
  150. package/dist/styles/mixin.d.ts +2 -2
  151. package/dist/styles/types.d.ts +2 -1
  152. package/dist/tests/ThemesPlayground.js +1 -1
  153. package/dist/themes/figma/tailwind.css +1 -1
  154. package/dist/themes/fragments/twitter/tailwind.css +1 -1
  155. package/dist/themes/reshaped/tailwind.css +1 -1
  156. package/dist/themes/slate/tailwind.css +1 -1
  157. package/dist/types/global.d.ts +0 -15
  158. package/dist/utilities/helpers.d.ts +0 -1
  159. package/dist/utilities/helpers.js +0 -14
  160. package/dist/utilities/props.d.ts +2 -5
  161. package/dist/utilities/props.js +0 -18
  162. package/package.json +4 -4
  163. package/dist/core/Actionable/Actionable.d.ts +0 -4
  164. package/dist/core/Actionable/Actionable.js +0 -73
  165. package/dist/core/Actionable/Actionable.types.d.ts +0 -34
  166. package/dist/core/Actionable/Actionable.types.js +0 -1
  167. package/dist/core/Actionable/index.d.ts +0 -2
  168. package/dist/core/Actionable/index.js +0 -1
  169. package/dist/hooks/_private/useSingletonEnvironment.d.ts +0 -9
  170. package/dist/hooks/_private/useSingletonEnvironment.js +0 -33
  171. package/dist/hooks/_private/useSingletonHotkeys.d.ts +0 -35
  172. package/dist/hooks/_private/useSingletonHotkeys.js +0 -191
  173. package/dist/hooks/_private/useSingletonKeyboardMode.d.ts +0 -13
  174. package/dist/hooks/_private/useSingletonKeyboardMode.js +0 -58
  175. package/dist/hooks/useHandlerRef.d.ts +0 -8
  176. package/dist/hooks/useHandlerRef.js +0 -16
  177. package/dist/hooks/useHotkeys.d.ts +0 -11
  178. package/dist/hooks/useHotkeys.js +0 -27
  179. package/dist/hooks/useIsomorphicLayoutEffect.d.ts +0 -3
  180. package/dist/hooks/useIsomorphicLayoutEffect.js +0 -4
  181. package/dist/hooks/useKeyboardArrowNavigation.d.ts +0 -9
  182. package/dist/hooks/useKeyboardArrowNavigation.js +0 -62
  183. package/dist/hooks/useKeyboardMode.d.ts +0 -7
  184. package/dist/hooks/useKeyboardMode.js +0 -13
  185. package/dist/hooks/useOnClickOutside.d.ts +0 -5
  186. package/dist/hooks/useOnClickOutside.js +0 -63
  187. package/dist/hooks/useRTL.d.ts +0 -2
  188. package/dist/hooks/useRTL.js +0 -7
  189. package/dist/hooks/useScrollLock.d.ts +0 -10
  190. package/dist/hooks/useScrollLock.js +0 -25
  191. package/dist/hooks/useToggle.d.ts +0 -7
  192. package/dist/hooks/useToggle.js +0 -19
  193. package/dist/utilities/Chain.d.ts +0 -20
  194. package/dist/utilities/Chain.js +0 -60
  195. package/dist/utilities/a11y/TrapFocus.d.ts +0 -28
  196. package/dist/utilities/a11y/TrapFocus.js +0 -162
  197. package/dist/utilities/a11y/TrapScreenReader.d.ts +0 -15
  198. package/dist/utilities/a11y/TrapScreenReader.js +0 -42
  199. package/dist/utilities/a11y/focus.d.ts +0 -38
  200. package/dist/utilities/a11y/focus.js +0 -101
  201. package/dist/utilities/a11y/index.d.ts +0 -4
  202. package/dist/utilities/a11y/index.js +0 -3
  203. package/dist/utilities/a11y/keyboardMode.d.ts +0 -3
  204. package/dist/utilities/a11y/keyboardMode.js +0 -10
  205. package/dist/utilities/a11y/types.d.ts +0 -24
  206. package/dist/utilities/a11y/types.js +0 -1
  207. package/dist/utilities/css.d.ts +0 -7
  208. package/dist/utilities/css.js +0 -18
  209. package/dist/utilities/dom/event.d.ts +0 -7
  210. package/dist/utilities/dom/event.js +0 -11
  211. package/dist/utilities/dom/find.d.ts +0 -10
  212. package/dist/utilities/dom/find.js +0 -37
  213. package/dist/utilities/dom/index.d.ts +0 -3
  214. package/dist/utilities/dom/index.js +0 -3
  215. package/dist/utilities/dom/shadowDom.d.ts +0 -1
  216. package/dist/utilities/dom/shadowDom.js +0 -4
  217. package/dist/utilities/platform.d.ts +0 -1
  218. package/dist/utilities/platform.js +0 -16
  219. package/dist/utilities/scroll/disable.d.ts +0 -7
  220. package/dist/utilities/scroll/disable.js +0 -15
  221. package/dist/utilities/scroll/helpers.d.ts +0 -1
  222. package/dist/utilities/scroll/helpers.js +0 -17
  223. package/dist/utilities/scroll/index.d.ts +0 -2
  224. package/dist/utilities/scroll/index.js +0 -2
  225. package/dist/utilities/scroll/lock.d.ts +0 -5
  226. package/dist/utilities/scroll/lock.js +0 -32
  227. package/dist/utilities/scroll/lockSafari.d.ts +0 -2
  228. package/dist/utilities/scroll/lockSafari.js +0 -20
  229. package/dist/utilities/scroll/lockStandard.d.ts +0 -4
  230. package/dist/utilities/scroll/lockStandard.js +0 -15
@@ -1,15 +0,0 @@
1
- export const preventDefault = (e) => e.preventDefault();
2
- /**
3
- * Prevent scrolling events for the cases when dragging elements
4
- * without locking the page with overflow
5
- */
6
- export const disableScroll = () => {
7
- window.addEventListener("wheel", preventDefault, { passive: false });
8
- window.addEventListener("touchmove", preventDefault, { passive: false });
9
- document.body.style.userSelect = "none";
10
- };
11
- export const enableScroll = () => {
12
- window.removeEventListener("wheel", preventDefault);
13
- window.removeEventListener("touchmove", preventDefault);
14
- document.body.style.userSelect = "";
15
- };
@@ -1 +0,0 @@
1
- export declare const getScrollbarWidth: () => number;
@@ -1,17 +0,0 @@
1
- export const getScrollbarWidth = (() => {
2
- let scrollbarWidth;
3
- return () => {
4
- if (scrollbarWidth)
5
- return scrollbarWidth;
6
- const scrollDiv = document.createElement("div");
7
- scrollDiv.style.position = "absolute";
8
- scrollDiv.style.top = "-9999px";
9
- scrollDiv.style.width = "50px";
10
- scrollDiv.style.height = "50px";
11
- scrollDiv.style.overflow = "scroll";
12
- document.body.appendChild(scrollDiv);
13
- scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;
14
- document.body.removeChild(scrollDiv);
15
- return scrollbarWidth;
16
- };
17
- })();
@@ -1,2 +0,0 @@
1
- export { disableScroll, enableScroll } from "./disable";
2
- export { lockScroll } from "./lock";
@@ -1,2 +0,0 @@
1
- export { disableScroll, enableScroll } from "./disable.js";
2
- export { lockScroll } from "./lock.js";
@@ -1,5 +0,0 @@
1
- export declare const lockScroll: (args: {
2
- containerEl?: HTMLElement | null;
3
- originEl?: HTMLElement | null;
4
- cb?: () => void;
5
- }) => ((cb?: () => void) => void) | undefined;
@@ -1,32 +0,0 @@
1
- import { findClosestScrollableContainer } from "../dom/index.js";
2
- import { isIOS } from "../platform.js";
3
- import lockSafariScroll from "./lockSafari.js";
4
- import lockStandardScroll from "./lockStandard.js";
5
- let bodyLockedCount = 0;
6
- export const lockScroll = (args) => {
7
- const isIOSLock = isIOS();
8
- let reset = () => { };
9
- let container = document.body;
10
- if (args.originEl)
11
- container = findClosestScrollableContainer({ el: args.originEl });
12
- if (args.containerEl)
13
- container = args.containerEl;
14
- const lockedBodyScroll = container === document.body;
15
- if (lockedBodyScroll)
16
- bodyLockedCount += 1;
17
- if (lockedBodyScroll && bodyLockedCount > 1)
18
- return;
19
- if (isIOSLock && lockedBodyScroll) {
20
- reset = lockSafariScroll();
21
- }
22
- else {
23
- reset = lockStandardScroll({ container });
24
- }
25
- args.cb?.();
26
- return (cb) => {
27
- if (lockedBodyScroll)
28
- bodyLockedCount -= 1;
29
- reset();
30
- cb?.();
31
- };
32
- };
@@ -1,2 +0,0 @@
1
- declare const lockSafariScroll: () => () => void;
2
- export default lockSafariScroll;
@@ -1,20 +0,0 @@
1
- import { StyleCache } from "../css.js";
2
- const styleCache = new StyleCache();
3
- const lockSafariScroll = () => {
4
- const viewport = window.visualViewport;
5
- const offsetLeft = viewport?.offsetLeft || 0;
6
- const offsetTop = viewport?.offsetTop || 0;
7
- const { scrollX, scrollY } = window;
8
- styleCache.set(document.body, {
9
- position: "fixed",
10
- top: `${-(scrollY - Math.floor(offsetTop))}px`,
11
- left: `${-(scrollX - Math.floor(offsetLeft))}px`,
12
- right: "0",
13
- overflow: "hidden",
14
- });
15
- return () => {
16
- styleCache.reset();
17
- window.scrollTo({ top: scrollY, left: scrollX, behavior: "instant" });
18
- };
19
- };
20
- export default lockSafariScroll;
@@ -1,4 +0,0 @@
1
- declare const lockStandardScroll: (args: {
2
- container: HTMLElement;
3
- }) => () => void;
4
- export default lockStandardScroll;
@@ -1,15 +0,0 @@
1
- import { StyleCache } from "../css.js";
2
- import { getScrollbarWidth } from "./helpers.js";
3
- const styleCache = new StyleCache();
4
- const lockStandardScroll = (args) => {
5
- const { container } = args;
6
- const rect = container.getBoundingClientRect();
7
- const isOverflowing = rect.left + rect.right < window.innerWidth;
8
- styleCache.set(container, { overflow: "hidden" });
9
- if (isOverflowing) {
10
- const scrollBarWidth = getScrollbarWidth();
11
- styleCache.set(container, { paddingRight: `${scrollBarWidth}px` });
12
- }
13
- return () => styleCache.reset();
14
- };
15
- export default lockStandardScroll;