@salt-ds/lab 1.0.0-alpha.10 → 1.0.0-alpha.101

package/dist-es/utils/useLayoutEffectOnce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutEffectOnce.js","sources":["../src/utils/useLayoutEffectOnce.ts"],"sourcesContent":["import { DependencyList, EffectCallback, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nexport const useLayoutEffectOnce = (\n  condition: boolean,\n  callback: EffectCallback,\n  dependencies: DependencyList\n): void => {\n  const hasRun = useRef(false);\n  useIsomorphicLayoutEffect(() => {\n    if (condition && !hasRun.current) {\n      hasRun.current = true;\n      callback();\n    }\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, dependencies);\n};\n"],"names":[],"mappings":";;;AAEO,MAAM,mBAAsB,GAAA,CACjC,SACA,EAAA,QAAA,EACA,YACS,KAAA;AACT,EAAM,MAAA,MAAA,GAAS,OAAO,KAAK,CAAA,CAAA;AAC3B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,SAAA,IAAa,CAAC,MAAA,CAAO,OAAS,EAAA;AAChC,MAAA,MAAA,CAAO,OAAU,GAAA,IAAA,CAAA;AACjB,MAAS,QAAA,EAAA,CAAA;AAAA,KACX;AAAA,KAEC,YAAY,CAAA,CAAA;AACjB;;;;"}
+{"version":3,"file":"useLayoutEffectOnce.js","sources":["../src/utils/useLayoutEffectOnce.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type DependencyList, type EffectCallback, useRef } from \"react\";\nexport const useLayoutEffectOnce = (\n  condition: boolean,\n  callback: EffectCallback,\n  dependencies: DependencyList,\n): void => {\n  const hasRun = useRef(false);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: dependencies are forwarded to the hook\n  useIsomorphicLayoutEffect(() => {\n    if (condition && !hasRun.current) {\n      hasRun.current = true;\n      callback();\n    }\n  }, dependencies);\n};\n"],"names":[],"mappings":";;;AAEO,MAAM,mBAAA,GAAsB,CACjC,SAAA,EACA,QAAA,EACA,YAAA,KACS;AACT,EAAA,MAAM,MAAA,GAAS,OAAO,KAAK,CAAA;AAE3B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,SAAA,IAAa,CAAC,MAAA,CAAO,OAAA,EAAS;AAChC,MAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AACjB,MAAA,QAAA,EAAS;AAAA,IACX;AAAA,EACF,GAAG,YAAY,CAAA;AACjB;;;;"}

package/dist-es/utils/useLayoutEffectSkipFirst.js

@@ -1,5 +1,5 @@
-import { useRef } from 'react';
 import { useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { useRef } from 'react';
 
 const useLayoutEffectSkipFirst = (callback, dependencies) => {
   const goodToGo = useRef(false);

package/dist-es/utils/useLayoutEffectSkipFirst.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutEffectSkipFirst.js","sources":["../src/utils/useLayoutEffectSkipFirst.ts"],"sourcesContent":["import { DependencyList, EffectCallback, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\n\nexport const useLayoutEffectSkipFirst = (\n  callback: EffectCallback,\n  dependencies: DependencyList\n): void => {\n  const goodToGo = useRef(false);\n  useIsomorphicLayoutEffect(() => {\n    if (goodToGo.current) {\n      callback();\n    } else {\n      goodToGo.current = true;\n    }\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, dependencies);\n};\n"],"names":[],"mappings":";;;AAGa,MAAA,wBAAA,GAA2B,CACtC,QAAA,EACA,YACS,KAAA;AACT,EAAM,MAAA,QAAA,GAAW,OAAO,KAAK,CAAA,CAAA;AAC7B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,SAAS,OAAS,EAAA;AACpB,MAAS,QAAA,EAAA,CAAA;AAAA,KACJ,MAAA;AACL,MAAA,QAAA,CAAS,OAAU,GAAA,IAAA,CAAA;AAAA,KACrB;AAAA,KAEC,YAAY,CAAA,CAAA;AACjB;;;;"}
+{"version":3,"file":"useLayoutEffectSkipFirst.js","sources":["../src/utils/useLayoutEffectSkipFirst.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type DependencyList, type EffectCallback, useRef } from \"react\";\n\nexport const useLayoutEffectSkipFirst = (\n  callback: EffectCallback,\n  dependencies: DependencyList,\n): void => {\n  const goodToGo = useRef(false);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: dependencies are forwarded to the hook\n  useIsomorphicLayoutEffect(() => {\n    if (goodToGo.current) {\n      callback();\n    } else {\n      goodToGo.current = true;\n    }\n  }, dependencies);\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,wBAAA,GAA2B,CACtC,QAAA,EACA,YAAA,KACS;AACT,EAAA,MAAM,QAAA,GAAW,OAAO,KAAK,CAAA;AAE7B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,SAAS,OAAA,EAAS;AACpB,MAAA,QAAA,EAAS;AAAA,IACX,CAAA,MAAO;AACL,MAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AAAA,IACrB;AAAA,EACF,GAAG,YAAY,CAAA;AACjB;;;;"}

package/dist-es/utils/useOverflowDetection.js

@@ -1,5 +1,5 @@
-import { useRef, useState, useCallback } from 'react';
 import { debounce, useIsomorphicLayoutEffect, ownerWindow } from '@salt-ds/core';
+import { useRef, useState, useCallback } from 'react';
 
 function useOverflowDetection(dependencies = []) {
   const targetRef = useRef(null);
@@ -13,7 +13,7 @@ function useOverflowDetection(dependencies = []) {
       }
       setOverflowed(current.offsetWidth < current.scrollWidth);
     }),
-    [targetRef, isOverflowed]
+    [isOverflowed]
   );
   useIsomorphicLayoutEffect(() => {
     const win = ownerWindow(targetRef.current);
@@ -22,7 +22,7 @@ function useOverflowDetection(dependencies = []) {
       handleResize.clear();
       win.removeEventListener("resize", handleResize);
     };
-  }, [targetRef, handleResize]);
+  }, [handleResize]);
   useIsomorphicLayoutEffect(handleResize, dependencies);
   return [targetRef, isOverflowed];
 }

package/dist-es/utils/useOverflowDetection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflowDetection.js","sources":["../src/utils/useOverflowDetection.ts"],"sourcesContent":["import { useState, useRef, Ref, DependencyList, useCallback } from \"react\";\nimport {\n  debounce,\n  ownerWindow,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\n\nexport function useOverflowDetection<Element extends HTMLElement>(\n  dependencies: DependencyList = []\n): [Ref<Element>, boolean] {\n  const targetRef = useRef<Element>(null);\n  const [isOverflowed, setOverflowed] = useState(false);\n\n  const handleResize = useCallback(\n    debounce(() => {\n      const { current } = targetRef;\n\n      if (!current) {\n        // no component to measure yet\n        isOverflowed && setOverflowed(false);\n        return;\n      }\n\n      setOverflowed(current.offsetWidth < current.scrollWidth);\n    }),\n    [targetRef, isOverflowed]\n  );\n\n  // check on resizing\n  useIsomorphicLayoutEffect(() => {\n    // Multi window support\n    const win = ownerWindow(targetRef.current);\n\n    win.addEventListener(\"resize\", handleResize);\n    return () => {\n      handleResize.clear();\n      win.removeEventListener(\"resize\", handleResize);\n    };\n  }, [targetRef, handleResize]);\n\n  // We don't put handleResize in the dependency array as it's been handled by the `useLayoutEffect` above\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useIsomorphicLayoutEffect(handleResize, dependencies);\n\n  return [targetRef, isOverflowed];\n}\n"],"names":[],"mappings":";;;AAOgB,SAAA,oBAAA,CACd,YAA+B,GAAA,EACN,EAAA;AACzB,EAAM,MAAA,SAAA,GAAY,OAAgB,IAAI,CAAA,CAAA;AACtC,EAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAEpD,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,SAAS,MAAM;AACb,MAAM,MAAA,EAAE,SAAY,GAAA,SAAA,CAAA;AAEpB,MAAA,IAAI,CAAC,OAAS,EAAA;AAEZ,QAAA,YAAA,IAAgB,cAAc,KAAK,CAAA,CAAA;AACnC,QAAA,OAAA;AAAA,OACF;AAEA,MAAc,aAAA,CAAA,OAAA,CAAQ,WAAc,GAAA,OAAA,CAAQ,WAAW,CAAA,CAAA;AAAA,KACxD,CAAA;AAAA,IACD,CAAC,WAAW,YAAY,CAAA;AAAA,GAC1B,CAAA;AAGA,EAAA,yBAAA,CAA0B,MAAM;AAE9B,IAAM,MAAA,GAAA,GAAM,WAAY,CAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAEzC,IAAI,GAAA,CAAA,gBAAA,CAAiB,UAAU,YAAY,CAAA,CAAA;AAC3C,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAM,EAAA,CAAA;AACnB,MAAI,GAAA,CAAA,mBAAA,CAAoB,UAAU,YAAY,CAAA,CAAA;AAAA,KAChD,CAAA;AAAA,GACC,EAAA,CAAC,SAAW,EAAA,YAAY,CAAC,CAAA,CAAA;AAI5B,EAAA,yBAAA,CAA0B,cAAc,YAAY,CAAA,CAAA;AAEpD,EAAO,OAAA,CAAC,WAAW,YAAY,CAAA,CAAA;AACjC;;;;"}
+{"version":3,"file":"useOverflowDetection.js","sources":["../src/utils/useOverflowDetection.ts"],"sourcesContent":["import {\n  debounce,\n  ownerWindow,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport {\n  type DependencyList,\n  type Ref,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useOverflowDetection<Element extends HTMLElement>(\n  dependencies: DependencyList = [],\n): [Ref<Element>, boolean] {\n  const targetRef = useRef<Element>(null);\n  const [isOverflowed, setOverflowed] = useState(false);\n\n  const handleResize = useCallback(\n    debounce(() => {\n      const { current } = targetRef;\n\n      if (!current) {\n        // no component to measure yet\n        isOverflowed && setOverflowed(false);\n        return;\n      }\n\n      setOverflowed(current.offsetWidth < current.scrollWidth);\n    }),\n    [isOverflowed],\n  );\n\n  // check on resizing\n  useIsomorphicLayoutEffect(() => {\n    // Multi window support\n    const win = ownerWindow(targetRef.current);\n\n    win.addEventListener(\"resize\", handleResize);\n    return () => {\n      handleResize.clear();\n      win.removeEventListener(\"resize\", handleResize);\n    };\n  }, [handleResize]);\n\n  // We don't put handleResize in the dependency array as it's been handled by the `useLayoutEffect` above\n  useIsomorphicLayoutEffect(handleResize, dependencies);\n\n  return [targetRef, isOverflowed];\n}\n"],"names":[],"mappings":";;;AAaO,SAAS,oBAAA,CACd,YAAA,GAA+B,EAAC,EACP;AACzB,EAAA,MAAM,SAAA,GAAY,OAAgB,IAAI,CAAA;AACtC,EAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAEpD,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,SAAS,MAAM;AACb,MAAA,MAAM,EAAE,SAAQ,GAAI,SAAA;AAEpB,MAAA,IAAI,CAAC,OAAA,EAAS;AAEZ,QAAA,YAAA,IAAgB,cAAc,KAAK,CAAA;AACnC,QAAA;AAAA,MACF;AAEA,MAAA,aAAA,CAAc,OAAA,CAAQ,WAAA,GAAc,OAAA,CAAQ,WAAW,CAAA;AAAA,IACzD,CAAC,CAAA;AAAA,IACD,CAAC,YAAY;AAAA,GACf;AAGA,EAAA,yBAAA,CAA0B,MAAM;AAE9B,IAAA,MAAM,GAAA,GAAM,WAAA,CAAY,SAAA,CAAU,OAAO,CAAA;AAEzC,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAC3C,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAA,EAAM;AACnB,MAAA,GAAA,CAAI,mBAAA,CAAoB,UAAU,YAAY,CAAA;AAAA,IAChD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAGjB,EAAA,yBAAA,CAA0B,cAAc,YAAY,CAAA;AAEpD,EAAA,OAAO,CAAC,WAAW,YAAY,CAAA;AACjC;;;;"}

package/dist-es/utils/useSlideSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSlideSelection.js","sources":["../src/utils/useSlideSelection.ts"],"sourcesContent":["import { LayoutAnimationTransition } from \"../deck-layout\";\nimport { useState } from \"react\";\n\nexport const useSlideSelection = (\n  initialValue?: number\n): [\n  LayoutAnimationTransition | undefined,\n  number,\n  (sliderIndex: number, transition?: LayoutAnimationTransition) => void\n] => {\n  const [selectedSlide, setSelectedSlide] = useState(initialValue || 0);\n  const [selectedTransition, setSelectedTransition] = useState<\n    LayoutAnimationTransition | undefined\n  >(undefined);\n\n  const handleSlideSelection = (\n    sliderIndex: number,\n    transition?: LayoutAnimationTransition\n  ) => {\n    const newTransition = transition\n      ? transition\n      : selectedSlide < sliderIndex\n      ? \"increase\"\n      : \"decrease\";\n    setSelectedSlide(sliderIndex);\n    setSelectedTransition(newTransition);\n  };\n  return [selectedTransition, selectedSlide, handleSlideSelection];\n};\n"],"names":[],"mappings":";;AAGa,MAAA,iBAAA,GAAoB,CAC/B,YAKG,KAAA;AACH,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAS,gBAAgB,CAAC,CAAA,CAAA;AACpE,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAElD,KAAS,CAAA,CAAA,CAAA;AAEX,EAAM,MAAA,oBAAA,GAAuB,CAC3B,WAAA,EACA,UACG,KAAA;AACH,IAAA,MAAM,aAAgB,GAAA,UAAA,GAClB,UACA,GAAA,aAAA,GAAgB,cAChB,UACA,GAAA,UAAA,CAAA;AACJ,IAAA,gBAAA,CAAiB,WAAW,CAAA,CAAA;AAC5B,IAAA,qBAAA,CAAsB,aAAa,CAAA,CAAA;AAAA,GACrC,CAAA;AACA,EAAO,OAAA,CAAC,kBAAoB,EAAA,aAAA,EAAe,oBAAoB,CAAA,CAAA;AACjE;;;;"}
+{"version":3,"file":"useSlideSelection.js","sources":["../src/utils/useSlideSelection.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type { LayoutAnimationTransition } from \"../deck-layout\";\n\nexport const useSlideSelection = (\n  initialValue?: number,\n): [\n  LayoutAnimationTransition | undefined,\n  number,\n  (sliderIndex: number, transition?: LayoutAnimationTransition) => void,\n] => {\n  const [selectedSlide, setSelectedSlide] = useState(initialValue || 0);\n  const [selectedTransition, setSelectedTransition] = useState<\n    LayoutAnimationTransition | undefined\n  >(undefined);\n\n  const handleSlideSelection = (\n    sliderIndex: number,\n    transition?: LayoutAnimationTransition,\n  ) => {\n    const newTransition = transition\n      ? transition\n      : selectedSlide < sliderIndex\n        ? \"increase\"\n        : \"decrease\";\n    setSelectedSlide(sliderIndex);\n    setSelectedTransition(newTransition);\n  };\n  return [selectedTransition, selectedSlide, handleSlideSelection];\n};\n"],"names":[],"mappings":";;AAGO,MAAM,iBAAA,GAAoB,CAC/B,YAAA,KAKG;AACH,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA,CAAS,gBAAgB,CAAC,CAAA;AACpE,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAElD,MAAS,CAAA;AAEX,EAAA,MAAM,oBAAA,GAAuB,CAC3B,WAAA,EACA,UAAA,KACG;AACH,IAAA,MAAM,aAAA,GAAgB,UAAA,GAClB,UAAA,GACA,aAAA,GAAgB,cACd,UAAA,GACA,UAAA;AACN,IAAA,gBAAA,CAAiB,WAAW,CAAA;AAC5B,IAAA,qBAAA,CAAsB,aAAa,CAAA;AAAA,EACrC,CAAA;AACA,EAAA,OAAO,CAAC,kBAAA,EAAoB,aAAA,EAAe,oBAAoB,CAAA;AACjE;;;;"}

package/dist-es/window/ElectronWindow.js

@@ -1,12 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { useForkRef, useIsomorphicLayoutEffect, SaltProvider } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
 import ReactDOM from 'react-dom';
-import { isDesktop, Window as Window$1 } from './WindowContext.js';
 import { useWindowParentContext, WindowParentContext } from './desktop-utils.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
 import css_248z from './ElectronWindow.css.js';
+import { Window as Window$1, isDesktop } from './WindowContext.js';
 
 const Window = forwardRef(function ElectronWindow2({ className, children, id = "dialog", open = true, style = {}, ...rest }, forwardedRef) {
   const { top, left, position, ...styleRest } = style;
@@ -17,12 +17,11 @@ const Window = forwardRef(function ElectronWindow2({ className, children, id = "
     window: targetWindow
   });
   const [mountNode, setMountNode] = useState(null);
-  const [windowRef, setWindowRef] = useState(null);
   const windowRoot = useRef(null);
   const forkedRef = useForkRef(forwardedRef, windowRoot);
   if (!mountNode) {
     const win = window.open("", id);
-    win.document.write(
+    win == null ? void 0 : win.document.write(
       `<html lang="en"><head><title>${id}</title><base href="${location.origin}"><style>body {margin: 0;}</style></head><body></body></html>`
     );
     document.head.querySelectorAll("style").forEach((htmlElement) => {
@@ -30,7 +29,6 @@ const Window = forwardRef(function ElectronWindow2({ className, children, id = "
     });
     const bodyElement = win.document.body;
     setMountNode(bodyElement);
-    setWindowRef(win);
   }
   const parentWindow = useWindowParentContext();
   const closeWindow = useCallback(() => {
@@ -64,7 +62,7 @@ const Window = forwardRef(function ElectronWindow2({ className, children, id = "
     return () => {
       closeWindow();
     };
-  }, [closeWindow, windowRef, id]);
+  }, [closeWindow, id]);
   useIsomorphicLayoutEffect(() => {
     setTimeout(() => {
       const { ipcRenderer } = global;
@@ -77,27 +75,19 @@ const Window = forwardRef(function ElectronWindow2({ className, children, id = "
         });
       }
     }, 90);
-  }, [style]);
+  }, [style, id, parentWindow.id]);
   return mountNode ? ReactDOM.createPortal(
-    /* @__PURE__ */ jsx(SaltProvider, {
-      children: /* @__PURE__ */ jsx(WindowParentContext.Provider, {
+    /* @__PURE__ */ jsx(SaltProvider, { children: /* @__PURE__ */ jsx(
+      WindowParentContext.Provider,
+      {
         value: {
           top: style.top + parentWindow.top,
           left: style.left + parentWindow.left,
           id
         },
-        children: /* @__PURE__ */ jsx("div", {
-          className: "saltWindow",
-          ref: forkedRef,
-          children: /* @__PURE__ */ jsx("div", {
-            className,
-            style: { ...styleRest },
-            ...rest,
-            children
-          })
-        })
-      })
-    }),
+        children: /* @__PURE__ */ jsx("div", { className: "saltWindow", ref: forkedRef, children: /* @__PURE__ */ jsx("div", { className, style: { ...styleRest }, ...rest, children }) })
+      }
+    ) }),
     mountNode
   ) : null;
 });

package/dist-es/window/ElectronWindow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElectronWindow.js","sources":["../src/window/ElectronWindow.tsx"],"sourcesContent":["import {\n  SaltProvider,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { isDesktop, Window as SaltWindow, WindowProps } from \"../window\";\n\nimport { useWindowParentContext, WindowParentContext } from \"./desktop-utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport electronWindowCss from \"./ElectronWindow.css\";\n\nconst Window = forwardRef<HTMLDivElement, WindowProps>(function ElectronWindow(\n  { className, children, id = \"dialog\", open = true, style = {}, ...rest },\n  forwardedRef\n): JSX.Element | null {\n  const { top, left, position, ...styleRest } = style;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-electron-window\",\n    css: electronWindowCss,\n    window: targetWindow,\n  });\n\n  const [mountNode, setMountNode] = useState<Element | null>(null);\n  const [windowRef, setWindowRef] = useState<Window | null>(null);\n  const windowRoot = useRef<HTMLDivElement>(null);\n\n  const forkedRef = useForkRef(forwardedRef, windowRoot);\n\n  if (!mountNode) {\n    const win = window.open(\"\", id);\n    (win as Window).document.write(\n      // eslint-disable-next-line no-restricted-globals\n      `<html lang=\"en\"><head><title>${id}</title><base href=\"${location.origin}\"><style>body {margin: 0;}</style></head><body></body></html>`\n    );\n    document.head.querySelectorAll(\"style\").forEach((htmlElement) => {\n      (win as Window).document.head.appendChild(htmlElement.cloneNode(true));\n    });\n    const bodyElement = (win as Window).document.body;\n    setMountNode(bodyElement);\n    setWindowRef(win);\n  }\n\n  const parentWindow = useWindowParentContext();\n\n  const closeWindow = useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const { ipcRenderer } = global as any;\n    if (ipcRenderer) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n      ipcRenderer.send(\"window-close\", { id: id });\n    }\n  }, [id]);\n\n  // The timeout is required to give the Dialog component time to report the correct height\n  // otherwise the window will be smaller than expected\n  useEffect(() => {\n    setTimeout(() => {\n      if (windowRoot.current) {\n        // @ts-ignore\n        const { scrollHeight: height, scrollWidth: width } = windowRoot.current;\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        const { ipcRenderer } = global as any;\n        if (ipcRenderer) {\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n          ipcRenderer.send(\"window-size\", {\n            id: id,\n            height: Math.ceil(height + 1),\n            width: Math.ceil(width + 1),\n          });\n        }\n      }\n    }, 80);\n  });\n\n  // The timeout is required to allow the window time to be moved into position and scaled\n  // before being shown to the user,\n  useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const { ipcRenderer } = global as any;\n    if (ipcRenderer) {\n      setTimeout(() => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n        ipcRenderer.send(\"window-ready\", { id: id });\n      }, 100);\n    }\n\n    return () => {\n      closeWindow();\n    };\n  }, [closeWindow, windowRef, id]);\n\n  // The timeout is required to give the Dialog component time to report the correct height\n  // otherwise the window will be smaller than expected\n  useIsomorphicLayoutEffect(() => {\n    setTimeout(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const { ipcRenderer } = global as any;\n      if (ipcRenderer) {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access\n        ipcRenderer.send(\"window-position\", {\n          id: id,\n          parentWindowID: parentWindow.id,\n          left: style.left,\n          top: style.top,\n        });\n      }\n    }, 90);\n  }, [style]);\n\n  return mountNode\n    ? ReactDOM.createPortal(\n        <SaltProvider>\n          <WindowParentContext.Provider\n            value={{\n              top: (style.top as number) + parentWindow.top,\n              left: (style.left as number) + parentWindow.left,\n              id: id,\n            }}\n          >\n            <div className=\"saltWindow\" ref={forkedRef}>\n              <div className={className} style={{ ...styleRest }} {...rest}>\n                {children}\n              </div>\n            </div>\n          </WindowParentContext.Provider>\n        </SaltProvider>,\n        mountNode\n      )\n    : null;\n});\n\nexport const ElectronWindow = isDesktop ? Window : SaltWindow;\n"],"names":["ElectronWindow","electronWindowCss","SaltWindow"],"mappings":"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"}
+{"version":3,"file":"ElectronWindow.js","sources":["../src/window/ElectronWindow.tsx"],"sourcesContent":["import {\n  SaltProvider,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useWindowParentContext, WindowParentContext } from \"./desktop-utils\";\nimport electronWindowCss from \"./ElectronWindow.css\";\nimport {\n  isDesktop,\n  Window as SaltWindow,\n  type WindowProps,\n} from \"./WindowContext\";\n\nconst Window = forwardRef<HTMLDivElement, WindowProps>(function ElectronWindow(\n  { className, children, id = \"dialog\", open = true, style = {}, ...rest },\n  forwardedRef,\n): JSX.Element | null {\n  const { top, left, position, ...styleRest } = style;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-electron-window\",\n    css: electronWindowCss,\n    window: targetWindow,\n  });\n\n  const [mountNode, setMountNode] = useState<Element | null>(null);\n  const windowRoot = useRef<HTMLDivElement>(null);\n\n  const forkedRef = useForkRef(forwardedRef, windowRoot);\n\n  if (!mountNode) {\n    const win = window.open(\"\", id);\n    win?.document.write(\n      `<html lang=\"en\"><head><title>${id}</title><base href=\"${location.origin}\"><style>body {margin: 0;}</style></head><body></body></html>`,\n    );\n    document.head.querySelectorAll(\"style\").forEach((htmlElement) => {\n      (win as Window).document.head.appendChild(htmlElement.cloneNode(true));\n    });\n    const bodyElement = (win as Window).document.body;\n    setMountNode(bodyElement);\n  }\n\n  const parentWindow = useWindowParentContext();\n\n  const closeWindow = useCallback(() => {\n    // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n    const { ipcRenderer } = global as any;\n    if (ipcRenderer) {\n      ipcRenderer.send(\"window-close\", { id: id });\n    }\n  }, [id]);\n\n  // The timeout is required to give the Dialog component time to report the correct height\n  // otherwise the window will be smaller than expected\n  useEffect(() => {\n    setTimeout(() => {\n      if (windowRoot.current) {\n        const { scrollHeight: height, scrollWidth: width } = windowRoot.current;\n        // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n        const { ipcRenderer } = global as any;\n        if (ipcRenderer) {\n          ipcRenderer.send(\"window-size\", {\n            id: id,\n            height: Math.ceil(height + 1),\n            width: Math.ceil(width + 1),\n          });\n        }\n      }\n    }, 80);\n  });\n\n  // The timeout is required to allow the window time to be moved into position and scaled\n  // before being shown to the user,\n  useEffect(() => {\n    // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n    const { ipcRenderer } = global as any;\n    if (ipcRenderer) {\n      setTimeout(() => {\n        ipcRenderer.send(\"window-ready\", { id: id });\n      }, 100);\n    }\n\n    return () => {\n      closeWindow();\n    };\n  }, [closeWindow, id]);\n\n  // The timeout is required to give the Dialog component time to report the correct height\n  // otherwise the window will be smaller than expected\n  useIsomorphicLayoutEffect(() => {\n    setTimeout(() => {\n      // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n      const { ipcRenderer } = global as any;\n      if (ipcRenderer) {\n        ipcRenderer.send(\"window-position\", {\n          id: id,\n          parentWindowID: parentWindow.id,\n          left: style.left,\n          top: style.top,\n        });\n      }\n    }, 90);\n  }, [style, id, parentWindow.id]);\n\n  return mountNode\n    ? ReactDOM.createPortal(\n        <SaltProvider>\n          <WindowParentContext.Provider\n            value={{\n              top: (style.top as number) + parentWindow.top,\n              left: (style.left as number) + parentWindow.left,\n              id: id,\n            }}\n          >\n            <div className=\"saltWindow\" ref={forkedRef}>\n              <div className={className} style={{ ...styleRest }} {...rest}>\n                {children}\n              </div>\n            </div>\n          </WindowParentContext.Provider>\n        </SaltProvider>,\n        mountNode,\n      )\n    : null;\n});\n\nexport const ElectronWindow = isDesktop ? Window : SaltWindow;\n"],"names":["ElectronWindow","electronWindowCss","SaltWindow"],"mappings":"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"}

package/dist-es/window/WindowContext.js

@@ -2,11 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 
 const Window = forwardRef(function Window2({ children, open, ...props }, ref) {
-  return /* @__PURE__ */ jsx("div", {
-    ...props,
-    ref,
-    children
-  });
+  return /* @__PURE__ */ jsx("div", { ...props, ref, children });
 });
 const WindowContext = createContext(Window);
 const useWindow = () => useContext(WindowContext);

package/dist-es/window/WindowContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"WindowContext.js","sources":["../src/window/WindowContext.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  createContext,\n  forwardRef,\n  useContext,\n} from \"react\";\n\nexport type WindowProps = {\n  open?: boolean;\n} & ComponentPropsWithoutRef<\"div\">;\n\nexport const Window = forwardRef<HTMLDivElement, WindowProps>(function Window(\n  { children, open, ...props },\n  ref\n) {\n  return (\n    <div {...props} ref={ref}>\n      {children}\n    </div>\n  );\n});\n\nexport const WindowContext = createContext<typeof Window>(Window);\n\nexport const useWindow = () => useContext(WindowContext);\n\nconst globalObject = typeof global === \"undefined\" ? window : global;\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-explicit-any\nexport const isDesktop: boolean = (globalObject as any).isDesktop;\n"],"names":["Window"],"mappings":";;;AAWa,MAAA,MAAA,GAAS,WAAwC,SAASA,OAAAA,CACrE,EAAE,QAAU,EAAA,IAAA,EAAA,GAAS,KAAM,EAAA,EAC3B,GACA,EAAA;AACA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAK,GAAG,KAAA;AAAA,IAAO,GAAA;AAAA,IACb,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,aAAA,GAAgB,cAA6B,MAAM,EAAA;AAEnD,MAAA,SAAA,GAAY,MAAM,UAAA,CAAW,aAAa,EAAA;AAEvD,MAAM,YAAe,GAAA,OAAO,MAAW,KAAA,WAAA,GAAc,MAAS,GAAA,MAAA,CAAA;AAEvD,MAAM,YAAsB,YAAqB,CAAA;;;;"}
+{"version":3,"file":"WindowContext.js","sources":["../src/window/WindowContext.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  createContext,\n  forwardRef,\n  useContext,\n} from \"react\";\n\nexport type WindowProps = {\n  open?: boolean;\n} & ComponentPropsWithoutRef<\"div\">;\n\nexport const Window = forwardRef<HTMLDivElement, WindowProps>(function Window(\n  { children, open, ...props },\n  ref,\n) {\n  return (\n    <div {...props} ref={ref}>\n      {children}\n    </div>\n  );\n});\n\nexport const WindowContext = createContext<typeof Window>(Window);\n\nexport const useWindow = () => useContext(WindowContext);\n\nconst globalObject = typeof global === \"undefined\" ? window : global;\nexport const isDesktop: boolean = (globalObject as any).isDesktop;\n"],"names":["Window"],"mappings":";;;AAWO,MAAM,MAAA,GAAS,UAAA,CAAwC,SAASA,OAAAA,CACrE,EAAE,UAAU,IAAA,EAAM,GAAG,KAAA,EAAM,EAC3B,GAAA,EACA;AACA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAK,GAAG,KAAA,EAAO,KACb,QAAA,EACH,CAAA;AAEJ,CAAC;AAEM,MAAM,aAAA,GAAgB,cAA6B,MAAM;AAEzD,MAAM,SAAA,GAAY,MAAM,UAAA,CAAW,aAAa;AAEvD,MAAM,YAAA,GAAe,OAAO,MAAA,KAAW,WAAA,GAAc,MAAA,GAAS,MAAA;AACvD,MAAM,YAAsB,YAAA,CAAqB;;;;"}

package/dist-es/window/desktop-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"desktop-utils.js","sources":["../src/window/desktop-utils.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const WindowParentContext = createContext<{\n  top: number;\n  left: number;\n  id: string;\n}>({ top: 0, left: 0, id: \"\" });\n\nexport const useWindowParentContext = () => useContext(WindowParentContext);\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,cAIhC,EAAE,GAAA,EAAK,GAAG,IAAM,EAAA,CAAA,EAAG,EAAI,EAAA,EAAA,EAAI,EAAA;AAEjB,MAAA,sBAAA,GAAyB,MAAM,UAAA,CAAW,mBAAmB;;;;"}
+{"version":3,"file":"desktop-utils.js","sources":["../src/window/desktop-utils.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const WindowParentContext = createContext<{\n  top: number;\n  left: number;\n  id: string;\n}>({ top: 0, left: 0, id: \"\" });\n\nexport const useWindowParentContext = () => useContext(WindowParentContext);\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAA,GAAsB,cAIhC,EAAE,GAAA,EAAK,GAAG,IAAA,EAAM,CAAA,EAAG,EAAA,EAAI,EAAA,EAAI;AAEvB,MAAM,sBAAA,GAAyB,MAAM,UAAA,CAAW,mBAAmB;;;;"}

package/dist-types/app-header/AppHeader.d.ts

@@ -1,3 +1,3 @@
-import { HTMLAttributes } from "react";
-export declare type AppHeaderProps = HTMLAttributes<HTMLDivElement>;
+import { type HTMLAttributes } from "react";
+export type AppHeaderProps = HTMLAttributes<HTMLDivElement>;
 export declare const AppHeader: import("react").ForwardRefExoticComponent<AppHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/breadcrumbs/Breadcrumb.d.ts

@@ -1,7 +1,8 @@
-import { TooltipProps } from "@salt-ds/core";
-import { IconProps } from "@salt-ds/icons";
-import { HTMLAttributes, ReactNode } from "react";
-export interface BreadcrumbProps {
+import { type TooltipProps } from "@salt-ds/core";
+import type { IconProps } from "@salt-ds/icons";
+import { type ComponentType, type HTMLAttributes, type ReactNode } from "react";
+import type { CascadingMenuProps } from "../cascading-menu/CascadingMenuProps";
+export interface BreadcrumbProps extends Pick<CascadingMenuProps, "onItemClick"> {
     children?: ReactNode;
     ContainerProps?: HTMLAttributes<HTMLLIElement>;
     tooltipText?: string;
@@ -11,8 +12,7 @@ export interface BreadcrumbProps {
     isCurrentLevel?: boolean;
     maxWidth?: number;
     minWidth?: number;
-    onItemClick?: (item: any, event: any) => void;
     overflowLabel?: string;
-    Icon?: React.ComponentType<IconProps>;
+    Icon?: ComponentType<IconProps>;
 }
 export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist-types/breadcrumbs/Breadcrumbs.d.ts

@@ -1,7 +1,7 @@
-import { IconProps } from "@salt-ds/icons";
-import React, { HTMLAttributes, ReactNode } from "react";
+import type { IconProps } from "@salt-ds/icons";
+import { type ComponentType, type HTMLAttributes, type ReactNode } from "react";
 export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
-    Menu?: any;
+    Menu?: ComponentType;
     SeparatorProps?: IconProps;
     hideCurrentLevel?: boolean;
     itemsAfterCollapse?: number;
@@ -14,4 +14,4 @@ export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
     className?: string;
     children?: ReactNode;
 }
-export declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>>;
+export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<BreadcrumbsProps & import("react").RefAttributes<HTMLElement>>;

package/dist-types/breadcrumbs/internal/BreadcrumbsCollapsed.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from "react";
-import { CascadingMenuProps } from "../../cascading-menu";
-import { MenuButtonProps } from "../../menu-button";
+import { type ReactNode } from "react";
+import type { CascadingMenuProps } from "../../cascading-menu";
+import { type MenuButtonProps } from "../../menu-button";
 export interface BreadcrumbsCollapsedProps extends Omit<MenuButtonProps, "CascadingMenuProps"> {
     CascadingMenuProps?: CascadingMenuProps;
     accessibleText?: string;
     children: ReactNode;
     className?: string;
 }
-export declare const BreadcrumbsCollapsed: ({ children, CascadingMenuProps, accessibleText, ...rest }: BreadcrumbsCollapsedProps) => JSX.Element;
+export declare const BreadcrumbsCollapsed: ({ children, CascadingMenuProps, accessibleText, ...rest }: BreadcrumbsCollapsedProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/breadcrumbs/internal/BreadcrumbsContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface BreadcrumbsContext {
     wrap?: boolean;
     itemsMaxWidth?: number | string;

package/dist-types/breadcrumbs/internal/BreadcrumbsSeparator.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { IconProps } from "@salt-ds/icons";
-export declare const BreadcrumbsSeparator: (props: IconProps) => JSX.Element;
+import { type IconProps } from "@salt-ds/icons";
+export declare const BreadcrumbsSeparator: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/breadcrumbs/internal/useFocusMenuRemount.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function useFocusMenuRemount<T extends HTMLElement>(key: string): {
     ref: import("react").RefObject<T>;
     shouldFocusOnMount: import("react").MutableRefObject<boolean>;

package/dist-types/breadcrumbs-next/BreadcrumbNext.d.ts

@@ -0,0 +1,23 @@
+import { type RenderPropsType } from "@salt-ds/core";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface BreadcrumbNextProps extends Omit<ComponentPropsWithoutRef<"li">, "children"> {
+    /**
+     * Custom breadcrumb content. Use this for advanced composition with
+     * `BreadcrumbNextTrigger` and `BreadcrumbNextLabel`.
+     */
+    children?: ReactNode;
+    /**
+     * If `true`, the breadcrumb represents the current page.
+     */
+    current?: boolean;
+    /**
+     * The URL for the breadcrumb. Provide this for the current breadcrumb so it
+     * renders as a focusable link with `aria-current="page"`.
+     */
+    href?: string;
+    /**
+     * Render prop to enable customization of the underlying link element.
+     */
+    render?: RenderPropsType["render"];
+}
+export declare const BreadcrumbNext: import("react").ForwardRefExoticComponent<BreadcrumbNextProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist-types/breadcrumbs-next/BreadcrumbNextLabel.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface BreadcrumbNextLabelProps extends ComponentPropsWithoutRef<"span"> {
+}
+export declare const BreadcrumbNextLabel: import("react").ForwardRefExoticComponent<BreadcrumbNextLabelProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/breadcrumbs-next/BreadcrumbNextTrigger.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface BreadcrumbNextTriggerProps extends Omit<ComponentPropsWithoutRef<"a">, "children" | "color" | "href"> {
+    /**
+     * Breadcrumb trigger content.
+     */
+    children?: ReactNode;
+}
+export declare const BreadcrumbNextTrigger: import("react").ForwardRefExoticComponent<BreadcrumbNextTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist-types/breadcrumbs-next/BreadcrumbsNext.d.ts

@@ -0,0 +1,32 @@
+import { type RenderPropsType } from "@salt-ds/core";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface BreadcrumbsNextProps extends Omit<ComponentPropsWithoutRef<"nav">, "children"> {
+    /**
+     * Breadcrumb items.
+     */
+    children?: ReactNode;
+    /**
+     * The number of items to keep after the collapse point.
+     * Defaults to 1.
+     */
+    itemsAfterCollapse?: number;
+    /**
+     * The number of items to keep before the collapse point.
+     * Defaults to 1.
+     */
+    itemsBeforeCollapse?: number;
+    /**
+     * The maximum number of breadcrumbs to render before collapsing.
+     */
+    maxItems?: number;
+    /**
+     * Render prop to enable customization of the underlying link elements.
+     */
+    render?: RenderPropsType["render"];
+    /**
+     * If `true`, breadcrumbs can wrap onto multiple lines.
+     * Defaults to `false`.
+     */
+    wrap?: boolean;
+}
+export declare const BreadcrumbsNext: import("react").ForwardRefExoticComponent<BreadcrumbsNextProps & import("react").RefAttributes<HTMLElement>>;

package/dist-types/breadcrumbs-next/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./BreadcrumbNext";
+export * from "./BreadcrumbNextLabel";
+export * from "./BreadcrumbNextTrigger";
+export * from "./BreadcrumbsNext";

package/dist-types/breadcrumbs-next/internal/BreadcrumbNextContext.d.ts

@@ -0,0 +1,14 @@
+import type { RenderPropsType } from "@salt-ds/core";
+import { type Ref } from "react";
+export type BreadcrumbNextPlacement = "disclosure" | "trail";
+export interface BreadcrumbNextContextValue {
+    current: boolean;
+    href?: string;
+    onNavigate?: () => void;
+    placement: BreadcrumbNextPlacement;
+    render?: RenderPropsType["render"];
+    showSeparator: boolean;
+    triggerRef?: Ref<HTMLAnchorElement>;
+}
+export declare const BreadcrumbNextContext: import("react").Context<BreadcrumbNextContextValue | undefined>;
+export declare function useBreadcrumbNextContext(): BreadcrumbNextContextValue | undefined;

package/dist-types/breadcrumbs-next/internal/BreadcrumbOverflowDisclosure.d.ts

@@ -0,0 +1,9 @@
+import { type RenderPropsType } from "@salt-ds/core";
+import type { NormalizedBreadcrumb } from "./breadcrumbItems";
+interface BreadcrumbOverflowDisclosureProps {
+    currentIndex: number;
+    items: NormalizedBreadcrumb[];
+    render?: RenderPropsType["render"];
+}
+export declare function BreadcrumbOverflowDisclosure({ currentIndex, items, render, }: BreadcrumbOverflowDisclosureProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-types/breadcrumbs-next/internal/breadcrumbItems.d.ts

@@ -0,0 +1,9 @@
+import { type Key, type ReactElement, type ReactNode } from "react";
+import type { BreadcrumbNextProps } from "../BreadcrumbNext";
+export interface NormalizedBreadcrumb {
+    element: ReactElement<BreadcrumbNextProps>;
+    index: number;
+    key: Key;
+    props: BreadcrumbNextProps;
+}
+export declare function flattenBreadcrumbItems(children: ReactNode): ReactNode[];

package/dist-types/button-bar/ButtonBar.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes, ReactNode } from "react";
-import { ButtonVariant } from "@salt-ds/core";
-export declare type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
-declare type ButtonBarOrderKey = "order" | "alignLeftOrder" | "stackOrder";
-export declare type ButtonBarSortOrder = "asc" | "desc";
+import { type ButtonVariant } from "@salt-ds/core";
+import { type HTMLAttributes, type ReactNode } from "react";
+export type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
+type ButtonBarOrderKey = "order" | "alignLeftOrder" | "stackOrder";
+export type ButtonBarSortOrder = "asc" | "desc";
 export declare const DefaultButtonsOrderByVariant: Record<ButtonVariant, Record<ButtonBarOrderKey, number>>;
 export interface ButtonBarProps extends HTMLAttributes<HTMLDivElement> {
     /**

package/dist-types/button-bar/OrderedButton.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ButtonProps } from "@salt-ds/core";
+import { type ButtonProps } from "@salt-ds/core";
 export interface OrderedButtonProps extends ButtonProps {
     /**
      * Aligns the button (and any buttons before/after) it on the left/right

package/dist-types/button-bar/internal/ButtonBarContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ButtonBarContextValue {
     matches: boolean;
     alignedIndex?: number;

package/dist-types/button-bar/internal/DescendantContext.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from "react";
+import { type Dispatch, type MutableRefObject, type ReactNode, type SetStateAction } from "react";
 interface DescendantProviderProps {
     children?: ReactNode;
     items: Record<string, any>[];
@@ -9,5 +9,5 @@ interface DescendantContextType {
     setItems?: DescendantProviderProps["setItems"];
 }
 export declare const DescendantContext: import("react").Context<DescendantContextType>;
-export declare function DescendantProvider({ items, setItems, ...props }: DescendantProviderProps): JSX.Element;
+export declare function DescendantProvider({ items, setItems, ...props }: DescendantProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist-types/button-bar/internal/useDescendants.d.ts

@@ -1,2 +1,2 @@
-import { Dispatch, SetStateAction } from "react";
+import { type Dispatch, type SetStateAction } from "react";
 export declare function useDescendants<T>(): [T[], Dispatch<SetStateAction<T[]>>];

package/dist-types/cascading-menu/CascadingMenu.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { CascadingMenuProps } from "./CascadingMenuProps";
+import type { CascadingMenuProps } from "./CascadingMenuProps";
 export declare const CascadingMenu: import("react").ForwardRefExoticComponent<CascadingMenuProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/cascading-menu/CascadingMenuItem.d.ts

@@ -1,6 +1,6 @@
-import { KeyboardEvent, MouseEvent } from "react";
-import { ListItemProps } from "../list-deprecated";
-import { MenuDescriptor } from "./CascadingMenuProps";
+import { type KeyboardEvent, type MouseEvent } from "react";
+import { type ListItemProps } from "../list-deprecated";
+import type { MenuDescriptor } from "./CascadingMenuProps";
 export interface MenuItemProps extends ListItemProps<MenuDescriptor> {
     blurSelected: boolean;
     className?: string;

package/dist-types/cascading-menu/CascadingMenuList.d.ts

@@ -1,16 +1,17 @@
-/// <reference types="react" />
-import { UseFloatingUIProps } from "@salt-ds/core";
-import { ListProps } from "../list-deprecated";
-import { MenuItemProps } from "./CascadingMenuItem";
-import { screenBounds } from "./internal/menuPositioning";
-import { menuState } from "./internal/stateUtils";
-import { refsManager } from "./internal/useRefsManager";
+import { type UseFloatingUIProps } from "@salt-ds/core";
+import { type Dispatch } from "react";
+import { type ListProps } from "../list-deprecated";
+import { type MenuItemProps } from "./CascadingMenuItem";
+import { type menuAction } from "./internal/CascadingMenuAction";
+import { type screenBounds } from "./internal/menuPositioning";
+import { type menuState } from "./internal/stateUtils";
+import type { refsManager } from "./internal/useRefsManager";
 export interface CascadingMenuListProps {
     className?: string;
     data: menuState;
     delay?: number;
     disableMouseOutInteractions?: boolean;
-    dispatch: (action: any) => void;
+    dispatch: Dispatch<menuAction>;
     getBoundingClientRect?: (element: HTMLElement) => DOMRect;
     getScreenBounds?: () => screenBounds;
     height?: number;

package/dist-types/cascading-menu/CascadingMenuProps.d.ts

@@ -1,8 +1,8 @@
-import { IconProps } from "@salt-ds/icons";
-import { UseFloatingUIProps } from "@salt-ds/core";
-import { ComponentType, HTMLAttributes, ReactNode, MouseEvent, KeyboardEvent } from "react";
-import { ItemToStringFunction } from "../list-deprecated";
-import { CascadingMenuListProps } from "./CascadingMenuList";
+import type { UseFloatingUIProps } from "@salt-ds/core";
+import type { IconProps } from "@salt-ds/icons";
+import type { ComponentType, HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from "react";
+import type { ItemToStringFunction } from "../list-deprecated";
+import type { CascadingMenuListProps } from "./CascadingMenuList";
 export interface ScreenBounds {
     clientHeight: number;
     clientWidth: number;
@@ -69,7 +69,7 @@ export interface CascadingMenuProps extends HTMLAttributes<HTMLElement> {
     /**
      * Used to determine the string value for the selected item.
      */
-    itemToString?: ItemToStringFunction;
+    itemToString?: ItemToStringFunction<MenuDescriptor>;
     /**
      * Maximum menu width  (text longer than the max width will end with ellipsis)
      * set to "null" to allow the content to take as much space as needed with no truncating. Defaults to 544

package/dist-types/cascading-menu/internal/CascadingMenuAction.d.ts

@@ -1,6 +1,6 @@
-import { stateChangeCause } from "../stateChangeTypes";
-export declare type menuActionType = "setCurrentInteractedItem" | "resetMenu" | "openMenu" | "closeMenu" | "closeCascadingMenu" | "setFlipped";
-export declare type menuAction = {
+import type { stateChangeCause } from "../stateChangeTypes";
+export type menuActionType = "setCurrentInteractedItem" | "resetMenu" | "openMenu" | "closeMenu" | "closeCascadingMenu" | "setFlipped";
+export type menuAction = {
     type: menuActionType;
     cause: stateChangeCause;
     flipped?: boolean;

package/dist-types/cascading-menu/internal/keydownHandlers.d.ts

@@ -1,5 +1,5 @@
-import { CascadingMenuListProps } from "../CascadingMenuList";
-import { Dispatch, SetStateAction, KeyboardEvent } from "react";
+import type { Dispatch, KeyboardEvent, SetStateAction } from "react";
+import type { CascadingMenuListProps } from "../CascadingMenuList";
 interface getKeyDownHandlersProps extends CascadingMenuListProps {
     keyDownHandlersOverride?: Record<string, (event: Event) => void>;
 }

package/dist-types/cascading-menu/internal/menuPositioning.d.ts

@@ -1,4 +1,4 @@
-export declare type screenBounds = {
+export type screenBounds = {
     clientHeight: number;
     clientWidth: number;
 };