Fix circular dependencies (#4396)

.changeset/stupid-pets-shout.md

@@ -0,0 +1,6 @@
+---
+"@salt-ds/core": patch
+"@salt-ds/lab": patch
+---
+
+Fixed circular dependencies in code.

packages/core/src/aria-announcer/useAriaAnnouncer.ts

@@ -1,5 +1,5 @@
 import { useCallback, useContext, useEffect, useMemo, useRef } from "react";
-import { debounce } from "../utils";
+import { debounce } from "../utils/debounce";
 import {
   type AriaAnnouncer,
   AriaAnnouncerContext,

packages/core/src/breakpoints/BreakpointProvider.tsx

@@ -1,5 +1,6 @@
 import { type ReactNode, useContext, useState } from "react";
-import { createContext, useIsomorphicLayoutEffect } from "../utils";
+import { createContext } from "../utils/createContext";
+import { useIsomorphicLayoutEffect } from "../utils/useIsomorphicLayoutEffect";
 import type { Breakpoints } from "./Breakpoints";
 
 type Breakpoint = keyof Breakpoints;

packages/core/src/salt-provider/SaltProvider.tsx

@@ -30,7 +30,7 @@ import type {
   Mode,
   ThemeName,
 } from "../theme";
-import { useIsomorphicLayoutEffect } from "../utils";
+import { useIsomorphicLayoutEffect } from "../utils/useIsomorphicLayoutEffect";
 import { ViewportProvider } from "../viewport";
 import saltProviderCss from "./SaltProvider.css";
 

packages/core/src/utils/useValueEffect.ts

@@ -11,8 +11,8 @@
  */
 
 import { type Dispatch, type MutableRefObject, useRef, useState } from "react";
-import { useIsomorphicLayoutEffect } from "../index";
 import { useEventCallback } from "./useEventCallback";
+import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
 
 type SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;
 

packages/core/src/viewport/ViewportProvider.tsx

@@ -1,5 +1,5 @@
 import { type ReactNode, createContext, useContext, useState } from "react";
-import { useIsomorphicLayoutEffect } from "../utils";
+import { useIsomorphicLayoutEffect } from "../utils/useIsomorphicLayoutEffect";
 
 const ViewportContext = createContext<number | null>(null);
 

packages/lab/src/date-picker/DatePickerActions.tsx

@@ -13,7 +13,7 @@ import {
   type RangeDatePickerState,
   type SingleDatePickerState,
   useDatePickerContext,
-} from "./index";
+} from "./DatePickerContext";
 import "./DatePickerActions.css";
 import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";

packages/lab/src/date-picker/DatePickerSinglePanel.tsx

@@ -35,8 +35,8 @@ import {
   getCurrentLocale,
 } from "../calendar";
 import { Calendar, type SingleDateSelection } from "../calendar";
+import { useDatePickerContext } from "./DatePickerContext";
 import datePickerPanelCss from "./DatePickerPanel.css";
-import { useDatePickerContext } from "./index";
 
 /**
  * Props for the DatePickerSinglePanel component.

packages/lab/src/responsive/useOverflowLayout.ts

@@ -6,7 +6,10 @@ import type {
   OverflowLayoutHookProps,
 } from "./overflowTypes";
 
-import { type ResizeHandler, useResizeObserver } from "../responsive";
+import {
+  type ResizeHandler,
+  useResizeObserver,
+} from "../responsive/useResizeObserver";
 import { getIsOverflowed, measureContainerOverflow } from "./overflowUtils";
 import { useDynamicCollapse } from "./useDynamicCollapse";
 import { useInstantCollapse } from "./useInstantCollapse";

packages/lab/src/window/ElectronWindow.tsx

@@ -5,7 +5,11 @@ import {
 } from "@salt-ds/core";
 import { forwardRef, useCallback, useEffect, useRef, useState } from "react";
 import ReactDOM from "react-dom";
-import { Window as SaltWindow, type WindowProps, isDesktop } from "../window";
+import {
+  Window as SaltWindow,
+  type WindowProps,
+  isDesktop,
+} from "./WindowContext";
 
 import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";