feat(lockScroll): moved to utilities

.changeset/wise-drinks-throw.md

@@ -0,0 +1,6 @@
+---
+"reshaped": patch
+"@reshaped/utilities": patch
+---
+
+lockScroll: moved to @reshaped/utilities and re-exported from reshaped

packages/reshaped/src/components/Accordion/AccordionControlled.tsx

@@ -1,10 +1,10 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import useElementId from "hooks/useElementId";
 import useHandlerRef from "hooks/useHandlerRef";
-import { classNames } from "@reshaped/utilities";
 
 import AccordionContext from "./Accordion.context";
 import * as T from "./Accordion.types";

packages/reshaped/src/components/Accordion/AccordionTrigger.tsx

@@ -1,12 +1,12 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import Actionable from "components/Actionable";
 import Icon from "components/Icon";
 import View from "components/View";
 import IconChevronDown from "icons/ChevronDown";
-import { classNames } from "@reshaped/utilities";
 
 import AccordionContext from "./Accordion.context";
 import s from "./Accordion.module.css";

packages/reshaped/src/components/Badge/Badge.tsx

@@ -1,10 +1,10 @@
+import { classNames } from "@reshaped/utilities";
 import { forwardRef } from "react";
 
 import Actionable, { type ActionableProps, type ActionableRef } from "components/Actionable";
 import Icon from "components/Icon";
 import Text from "components/Text";
 import IconClose from "icons/Close";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Badge.module.css";
 

packages/reshaped/src/components/Breadcrumbs/Breadcrumbs.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import Button from "components/Button";
@@ -8,7 +9,6 @@ import Text from "components/Text";
 import View from "components/View";
 import IconChevronRight from "icons/ChevronRight";
 import IconDotsHorizontal from "icons/DotsHorizontal";
-import { classNames } from "@reshaped/utilities";
 
 import * as T from "./Breadcrumbs.types";
 

packages/reshaped/src/components/Calendar/CalendarDate.tsx

@@ -1,8 +1,9 @@
 "use client";
 
-import Actionable from "components/Actionable";
 import { classNames } from "@reshaped/utilities";
 
+import Actionable from "components/Actionable";
+
 import s from "./Calendar.module.css";
 import { getLocalISODate } from "./Calendar.utils";
 

packages/reshaped/src/components/Card/Card.tsx

@@ -1,8 +1,8 @@
+import { classNames } from "@reshaped/utilities";
 import React, { forwardRef } from "react";
 
 import Actionable from "components/Actionable";
 import { resolveMixin } from "styles/mixin";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Card.module.css";
 

packages/reshaped/src/components/Carousel/CarouselControl.tsx

@@ -1,12 +1,12 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import { forwardRef, useState } from "react";
 
 import Button from "components/Button";
 import useIsomorphicLayoutEffect from "hooks/useIsomorphicLayoutEffect";
 import IconChevronLeft from "icons/ChevronLeft";
 import IconChevronRight from "icons/ChevronRight";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Carousel.module.css";
 import * as T from "./Carousel.types";

packages/reshaped/src/components/Container/Container.tsx

@@ -1,6 +1,7 @@
-import View from "components/View";
 import { classNames } from "@reshaped/utilities";
 
+import View from "components/View";
+
 import s from "./Container.module.css";
 
 import type * as T from "./Container.types";

packages/reshaped/src/components/Dismissible/Dismissible.tsx

@@ -1,8 +1,9 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
+
 import Button from "components/Button";
 import IconClose from "icons/Close";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Dismissible.module.css";
 

packages/reshaped/src/components/DropdownMenu/DropdownMenu.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import { useFlyoutContext } from "components/Flyout";
@@ -10,7 +11,6 @@ import * as keys from "constants/keys";
 import useHotkeys from "hooks/useHotkeys";
 import useRTL from "hooks/useRTL";
 import IconChevronRight from "icons/ChevronRight";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./DropdownMenu.module.css";
 

packages/reshaped/src/components/FileUpload/FileUpload.tsx

@@ -1,11 +1,11 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import HiddenVisually from "components/HiddenVisually";
 import View from "components/View";
 import useToggle from "hooks/useToggle";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./FileUpload.module.css";
 

packages/reshaped/src/components/Flyout/FlyoutContent.tsx

@@ -1,10 +1,10 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import Portal from "components/_private/Portal";
 import useIsomorphicLayoutEffect from "hooks/useIsomorphicLayoutEffect";
-import { classNames } from "@reshaped/utilities";
 
 import { useFlyoutContext, ContentProvider } from "./Flyout.context";
 import s from "./Flyout.module.css";

packages/reshaped/src/components/HiddenInput/HiddenInput.tsx

@@ -1,7 +1,8 @@
+import { classNames } from "@reshaped/utilities";
+
 import { useCheckboxGroup } from "components/CheckboxGroup";
 import { useFormControl } from "components/FormControl";
 import { useRadioGroup } from "components/RadioGroup";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./HiddenInput.module.css";
 

packages/reshaped/src/components/Hotkey/Hotkey.tsx

@@ -1,6 +1,7 @@
-import Text from "components/Text";
 import { classNames } from "@reshaped/utilities";
 
+import Text from "components/Text";
+
 import s from "./Hotkey.module.css";
 
 import type * as T from "./Hotkey.types";

packages/reshaped/src/components/Icon/Icon.tsx

@@ -1,7 +1,7 @@
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import { resolveMixin } from "styles/mixin";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Icon.module.css";
 

packages/reshaped/src/components/Image/Image.tsx

@@ -1,9 +1,9 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import { resolveMixin } from "styles/mixin";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Image.module.css";
 import * as T from "./Image.types";

packages/reshaped/src/components/Link/Link.tsx

@@ -1,8 +1,8 @@
+import { classNames } from "@reshaped/utilities";
 import { forwardRef } from "react";
 
 import Actionable, { type ActionableRef } from "components/Actionable";
 import Icon from "components/Icon";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Link.module.css";
 

packages/reshaped/src/components/Modal/Modal.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { classNames } from "@reshaped/utilities";
+import { enableScroll, disableScroll } from "@reshaped/utilities/internal";
 import React from "react";
 
 import Overlay from "components/Overlay";
@@ -10,7 +11,6 @@ import useHandlerRef from "hooks/useHandlerRef";
 import useResponsiveClientValue from "hooks/useResponsiveClientValue";
 import { resolveMixin } from "styles/mixin";
 import { responsiveVariables, responsiveClassNames } from "utilities/props";
-import { enableScroll, disableScroll } from "utilities/scroll";
 
 import s from "./Modal.module.css";
 

packages/reshaped/src/components/Overlay/Overlay.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { TrapFocus } from "@reshaped/utilities";
+import { classNames } from "@reshaped/utilities";
 import { type FocusableElement } from "@reshaped/utilities/internal";
 import React from "react";
 
@@ -12,7 +13,6 @@ import useIsomorphicLayoutEffect from "hooks/useIsomorphicLayoutEffect";
 import useScrollLock from "hooks/useScrollLock";
 import useToggle from "hooks/useToggle";
 import { onNextFrame } from "utilities/animation";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Overlay.module.css";
 

packages/reshaped/src/components/Popover/Popover.tsx

@@ -1,7 +1,8 @@
+import { classNames } from "@reshaped/utilities";
+
 import Dismissible, { type DismissibleProps } from "components/Dismissible";
 import Flyout, { useFlyoutContext, type FlyoutProps } from "components/Flyout";
 import { resolveMixin } from "styles/mixin";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Popover.module.css";
 

packages/reshaped/src/components/Progress/Progress.tsx

@@ -1,6 +1,5 @@
-import React from "react";
-
 import { classNames } from "@reshaped/utilities";
+import React from "react";
 
 import s from "./Progress.module.css";
 

packages/reshaped/src/components/ProgressIndicator/ProgressIndicator.tsx

@@ -1,8 +1,7 @@
 "use client";
 
-import React from "react";
-
 import { classNames } from "@reshaped/utilities";
+import React from "react";
 
 import s from "./ProgressIndicator.module.css";
 

packages/reshaped/src/components/Reshaped/Reshaped.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import { GlobalColorMode, PrivateTheme } from "components/Theme";
@@ -11,7 +12,6 @@ import {
 } from "hooks/_private/useSingletonEnvironment";
 import { SingletonHotkeysProvider } from "hooks/_private/useSingletonHotkeys";
 import { SingletonKeyboardModeProvider } from "hooks/_private/useSingletonKeyboardMode";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Reshaped.module.css";
 

packages/reshaped/src/components/Resizable/Resizable.tsx

@@ -1,9 +1,9 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import View from "components/View";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Resizable.module.css";
 import { ResizableHandleContext } from "./ResizableHandle";

packages/reshaped/src/components/Resizable/ResizableHandle.tsx

@@ -1,10 +1,10 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import View from "components/View";
 import useDrag from "hooks/_private/useDrag";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Resizable.module.css";
 

packages/reshaped/src/components/Scrim/Scrim.tsx

@@ -1,6 +1,7 @@
-import View from "components/View";
 import { classNames } from "@reshaped/utilities";
 
+import View from "components/View";
+
 import s from "./Scrim.module.css";
 
 import type * as T from "./Scrim.types";

packages/reshaped/src/components/ScrollArea/ScrollArea.tsx

@@ -1,12 +1,12 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
+import { disableScroll, enableScroll } from "@reshaped/utilities/internal";
 import React, { forwardRef } from "react";
 
 import useHandlerRef from "hooks/useHandlerRef";
 import useIsomorphicLayoutEffect from "hooks/useIsomorphicLayoutEffect";
 import { resolveMixin } from "styles/mixin";
-import { classNames } from "@reshaped/utilities";
-import { disableScroll, enableScroll } from "utilities/scroll";
 
 import s from "./ScrollArea.module.css";
 

packages/reshaped/src/components/Select/SelectNative.tsx

@@ -1,8 +1,7 @@
 "use client";
 
-import React from "react";
-
 import { classNames } from "@reshaped/utilities";
+import React from "react";
 
 import s from "./Select.module.css";
 import SelectEndContent from "./SelectEndContent";

packages/reshaped/src/components/Skeleton/Skeleton.tsx

@@ -1,6 +1,7 @@
-import View from "components/View";
 import { classNames } from "@reshaped/utilities";
 
+import View from "components/View";
+
 import s from "./Skeleton.module.css";
 import * as T from "./Skeleton.types";
 

packages/reshaped/src/components/Slider/SliderControlled.tsx

@@ -1,14 +1,14 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
+import { disableScroll, enableScroll } from "@reshaped/utilities/internal";
 import React from "react";
 
 import { useFormControl } from "components/FormControl";
 import useElementId from "hooks/useElementId";
 import useHandlerRef from "hooks/useHandlerRef";
 import useRTL from "hooks/useRTL";
 import { triggerChangeEvent } from "utilities/dom";
-import { classNames } from "@reshaped/utilities";
-import { disableScroll, enableScroll } from "utilities/scroll";
 
 import s from "./Slider.module.css";
 import { applyStepToValue, getDragCoord } from "./Slider.utilities";

packages/reshaped/src/components/Slider/SliderThumb.tsx

@@ -1,10 +1,10 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import Text from "components/Text";
 import Theme from "components/Theme";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Slider.module.css";
 import { getPrecision } from "./Slider.utilities";

packages/reshaped/src/components/Tabs/TabsItem.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { classNames } from "@reshaped/utilities";
 import React from "react";
 
 import Actionable, { type ActionableRef } from "components/Actionable";
@@ -8,7 +9,6 @@ import Icon from "components/Icon";
 import Text from "components/Text";
 import useIsomorphicLayoutEffect from "hooks/useIsomorphicLayoutEffect";
 import { findParent } from "utilities/dom";
-import { classNames } from "@reshaped/utilities";
 
 import s from "./Tabs.module.css";
 import { useTabs } from "./TabsContext";