npm - @apple-pie/slice - Versions diffs - 0.1.24 → 0.1.26 - Mend

@apple-pie/slice 0.1.24 → 0.1.26

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 (196) hide show

package/dist/esm/components/FileList/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { F as FileList } from "../../chunks/FileList-0Dzx15hl.mjs";
+export { F as FileList } from "../../chunks/FileList-BQ9X5YnB.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
@@ -8,7 +8,7 @@ import "react";
 import "../../chunks/misc-BeEWwOaJ.mjs";
-import "../../chunks/FileIcon-DeW-ZBiv.mjs";
+import "../../chunks/FileIcon-Cufsp1gn.mjs";
 import "../../hooks/useTheme.mjs";
@@ -26,12 +26,14 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
-import "../../hooks/useWindow.mjs";
-import "../../chunks/Icon-KDwlMXzH.mjs";
+import "../../providers/ThemeProvider.mjs";
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-import "../../chunks/ProgressIndicator-CxsZm_As.mjs";
+import "../../hooks/useWindow.mjs";
+import "../../chunks/Icon-DI32kOA1.mjs";
+import "../../chunks/ProgressIndicator-CB_oazMD.mjs";
 import "motion/react";

package/dist/esm/components/FlexDiv/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { F as FlexDiv, S as Size } from "../../chunks/_types-DOQAaLqq.mjs";
+export { F as FlexDiv, P as Preset, S as Size } from "../../chunks/FlexDiv-BFrVoFhC.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/components/Grouper/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { G as Grouper } from "../../chunks/Grouper-B04WxD6K.mjs";
+export { G as Grouper } from "../../chunks/Grouper-CvPYEsF_.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
@@ -24,12 +24,14 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
-import "../../hooks/useWindow.mjs";
-import "../../chunks/Badge-D-U1jomY.mjs";
+import "../../providers/ThemeProvider.mjs";
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-import "../../chunks/Icon-KDwlMXzH.mjs";
+import "../../hooks/useWindow.mjs";
+import "../../chunks/Badge-CC0zSLMf.mjs";
+import "../../chunks/Icon-DI32kOA1.mjs";
 import "../../chunks/misc-BeEWwOaJ.mjs";

package/dist/esm/components/Icon/index.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
-export { I as Icon } from "../../chunks/Icon-KDwlMXzH.mjs";
+export { I as Icon } from "../../chunks/Icon-DI32kOA1.mjs";
-export { S as SliceIcons } from "../../chunks/_types-C2C2Zwd0.mjs";
+export { S as SliceIcons } from "../../chunks/_types-DeEhv4Y5.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
@@ -24,8 +24,10 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
+import "../../providers/ThemeProvider.mjs";
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 import "../../chunks/misc-BeEWwOaJ.mjs";
 import "../../hooks/useWindow.mjs";
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/components/IconButton/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { I as IconButton } from "../../chunks/IconButton-oAB8ZFTf.mjs";
+export { I as IconButton } from "../../chunks/IconButton-Dciw5CLn.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
@@ -8,13 +8,13 @@ import "motion/react";
 import "react";
-import "../../chunks/Badge-D-U1jomY.mjs";
+import "../../chunks/Badge-CC0zSLMf.mjs";
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-import "../../chunks/Dot-Cj6gWj4_.mjs";
+import "../../chunks/Dot-DZE134mJ.mjs";
-import "../../chunks/Icon-KDwlMXzH.mjs";
+import "../../chunks/Icon-DI32kOA1.mjs";
 import "../../hooks/useTheme.mjs";
@@ -32,6 +32,8 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
+import "../../providers/ThemeProvider.mjs";
 import "../../chunks/misc-BeEWwOaJ.mjs";
 import "../../hooks/useWindow.mjs";

package/dist/esm/components/Label/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { L as Label, a as LabelBackground } from "../../chunks/Label-BD7VlTDw.mjs";
+export { L as Label, a as LabelBackground } from "../../chunks/Label-CvCDAg1y.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/components/Overlay/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { O as Overlay } from "../../chunks/Overlay-3KkyDm1f.mjs";
+export { O as Overlay } from "../../chunks/Overlay-DiSvgIQP.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/components/Pager/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { P as Pager } from "../../chunks/Pager-DmiwYLl5.mjs";
+export { P as Pager } from "../../chunks/Pager-BoDLaKFh.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/components/Progress/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { D as DoneCheck, P as ProgressIndicator } from "../../chunks/ProgressIndicator-CxsZm_As.mjs";
+export { D as DoneCheck, P as ProgressIndicator } from "../../chunks/ProgressIndicator-CB_oazMD.mjs";
 import "react/jsx-runtime";
@@ -20,14 +20,16 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
+import "../../providers/ThemeProvider.mjs";
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
 import "../../hooks/useWindow.mjs";
-import "../../chunks/Icon-KDwlMXzH.mjs";
+import "../../chunks/Icon-DI32kOA1.mjs";
 import "../../chunks/misc-BeEWwOaJ.mjs";
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 import "motion/react";

package/dist/esm/components/PromptInput/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { P as PromptInput } from "../../chunks/PromptInput-D4Q-DWjz.mjs";
+export { P as PromptInput } from "../../chunks/PromptInput-plgRiAb7.mjs";
 import "react/jsx-runtime";
@@ -20,28 +20,30 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
+import "../../providers/ThemeProvider.mjs";
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
 import "../../hooks/useWindow.mjs";
-import "../../chunks/Button-sEYjFcR2.mjs";
+import "../../chunks/Button-YER9dCLE.mjs";
 import "motion/react";
-import "../../chunks/Badge-D-U1jomY.mjs";
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+import "../../chunks/Badge-CC0zSLMf.mjs";
-import "../../chunks/Dot-Cj6gWj4_.mjs";
+import "../../chunks/Dot-DZE134mJ.mjs";
-import "../../chunks/Icon-KDwlMXzH.mjs";
+import "../../chunks/Icon-DI32kOA1.mjs";
 import "../../chunks/misc-BeEWwOaJ.mjs";
-import "../../chunks/ProgressIndicator-CxsZm_As.mjs";
+import "../../chunks/ProgressIndicator-CB_oazMD.mjs";
 import "../../chunks/sharedTypes-tn9-uJvb.mjs";
-import "../../chunks/FileList-0Dzx15hl.mjs";
+import "../../chunks/FileList-BQ9X5YnB.mjs";
-import "../../chunks/FileIcon-DeW-ZBiv.mjs";
+import "../../chunks/FileIcon-Cufsp1gn.mjs";

package/dist/esm/components/RadioButton/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { R as RadioButton } from "../../chunks/RadioButton-B0jvM5VW.mjs";
+export { R as RadioButton } from "../../chunks/RadioButton-B6ImCUYY.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
@@ -8,7 +8,7 @@ import "react";
 import "../../chunks/misc-BeEWwOaJ.mjs";
-import "../../chunks/Icon-KDwlMXzH.mjs";
+import "../../chunks/Icon-DI32kOA1.mjs";
 import "../../hooks/useTheme.mjs";
@@ -26,6 +26,8 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
-import "../../hooks/useWindow.mjs";
+import "../../providers/ThemeProvider.mjs";
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+import "../../hooks/useWindow.mjs";

package/dist/esm/components/RadioButtonList/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { R as RadioButtonList } from "../../chunks/RadioButtonList-DBRAv87_.mjs";
+export { R as RadioButtonList } from "../../chunks/RadioButtonList-Cf6gk8yp.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
@@ -8,9 +8,9 @@ import "react";
 import "../../chunks/misc-BeEWwOaJ.mjs";
-import "../../chunks/RadioButton-B0jvM5VW.mjs";
+import "../../chunks/RadioButton-B6ImCUYY.mjs";
-import "../../chunks/Icon-KDwlMXzH.mjs";
+import "../../chunks/Icon-DI32kOA1.mjs";
 import "../../hooks/useTheme.mjs";
@@ -28,6 +28,8 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
-import "../../hooks/useWindow.mjs";
+import "../../providers/ThemeProvider.mjs";
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+import "../../hooks/useWindow.mjs";

package/dist/esm/components/Slider/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { S as Slider } from "../../chunks/Slider-CONGTXUE.mjs";
+export { S as Slider } from "../../chunks/Slider-Cav86rU6.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/components/Spacer/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { S as Spacer } from "../../chunks/Spacer-C5fcJYq-.mjs";
+export { S as Spacer } from "../../chunks/Spacer-C5651N0N.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/components/Switch/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { S as Switch } from "../../chunks/Switch-CyoaJwSX.mjs";
+export { S as Switch } from "../../chunks/Switch-RfA431T4.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/components/TabBar/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { T as TabBar } from "../../chunks/TabBar-DmO1ixBz.mjs";
+export { T as TabBar } from "../../chunks/TabBar-0zpJ9GtN.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
@@ -22,20 +22,22 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
-import "../../hooks/useWindow.mjs";
-import "../../chunks/Badge-D-U1jomY.mjs";
+import "../../providers/ThemeProvider.mjs";
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-import "../../chunks/Icon-KDwlMXzH.mjs";
+import "../../hooks/useWindow.mjs";
+import "../../chunks/Badge-CC0zSLMf.mjs";
+import "../../chunks/Icon-DI32kOA1.mjs";
 import "../../chunks/misc-BeEWwOaJ.mjs";
-import "../../chunks/IconButton-oAB8ZFTf.mjs";
+import "../../chunks/IconButton-Dciw5CLn.mjs";
 import "motion/react";
-import "../../chunks/Dot-Cj6gWj4_.mjs";
+import "../../chunks/Dot-DZE134mJ.mjs";
 import "../../chunks/sharedTypes-tn9-uJvb.mjs";

package/dist/esm/components/TextArea/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { T as TextArea } from "../../chunks/TextArea-DaB8g-fZ.mjs";
+export { T as TextArea } from "../../chunks/TextArea-B64bIPHm.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
@@ -6,17 +6,17 @@ import "react/jsx-runtime";
 import "react";
-import "../../chunks/Button-sEYjFcR2.mjs";
+import "../../chunks/Button-YER9dCLE.mjs";
 import "motion/react";
-import "../../chunks/Badge-D-U1jomY.mjs";
+import "../../chunks/Badge-CC0zSLMf.mjs";
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-import "../../chunks/Dot-Cj6gWj4_.mjs";
+import "../../chunks/Dot-DZE134mJ.mjs";
-import "../../chunks/Icon-KDwlMXzH.mjs";
+import "../../chunks/Icon-DI32kOA1.mjs";
 import "../../hooks/useTheme.mjs";
@@ -34,10 +34,12 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
+import "../../providers/ThemeProvider.mjs";
 import "../../chunks/misc-BeEWwOaJ.mjs";
 import "../../hooks/useWindow.mjs";
-import "../../chunks/ProgressIndicator-CxsZm_As.mjs";
+import "../../chunks/ProgressIndicator-CB_oazMD.mjs";
 import "../../chunks/sharedTypes-tn9-uJvb.mjs";

package/dist/esm/components/Textfield/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { T as TextField } from "../../chunks/TextField-BGeEJXUJ.mjs";
+export { T as TextField } from "../../chunks/TextField-BZeoN_ye.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
@@ -24,22 +24,24 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
+import "../../providers/ThemeProvider.mjs";
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 import "../../chunks/misc-BeEWwOaJ.mjs";
 import "../../hooks/useWindow.mjs";
-import "../../chunks/Button-sEYjFcR2.mjs";
+import "../../chunks/Button-YER9dCLE.mjs";
-import "../../chunks/Badge-D-U1jomY.mjs";
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+import "../../chunks/Badge-CC0zSLMf.mjs";
-import "../../chunks/Dot-Cj6gWj4_.mjs";
+import "../../chunks/Dot-DZE134mJ.mjs";
-import "../../chunks/Icon-KDwlMXzH.mjs";
+import "../../chunks/Icon-DI32kOA1.mjs";
-import "../../chunks/ProgressIndicator-CxsZm_As.mjs";
+import "../../chunks/ProgressIndicator-CB_oazMD.mjs";
 import "../../chunks/sharedTypes-tn9-uJvb.mjs";
-import "../../chunks/IconButton-oAB8ZFTf.mjs";
+import "../../chunks/IconButton-Dciw5CLn.mjs";

package/dist/esm/components/Tip/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { T as Tip } from "../../chunks/Tip-DrQvxDsH.mjs";
+export { T as Tip } from "../../chunks/Tip-C5LB54J9.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/components/Toast/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { T as Toast, a as ToastType } from "../../chunks/Toast-C5XSDgno.mjs";
+export { T as Toast, a as ToastType } from "../../chunks/Toast-Bl4s4tRo.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
@@ -24,10 +24,12 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
+import "../../providers/ThemeProvider.mjs";
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 import "../../chunks/misc-BeEWwOaJ.mjs";
 import "../../hooks/useWindow.mjs";
-import "../../chunks/Icon-KDwlMXzH.mjs";
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+import "../../chunks/Icon-DI32kOA1.mjs";

package/dist/esm/components/UploadArea/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "../../chunks/UploadArea-Gpq-MhqB.mjs";
+export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "../../chunks/UploadArea-D3g2g1LK.mjs";
 import "react/jsx-runtime";
@@ -8,9 +8,9 @@ import "../../chunks/misc-BeEWwOaJ.mjs";
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
-import "../../chunks/FileList-0Dzx15hl.mjs";
+import "../../chunks/FileList-BQ9X5YnB.mjs";
-import "../../chunks/FileIcon-DeW-ZBiv.mjs";
+import "../../chunks/FileIcon-Cufsp1gn.mjs";
 import "../../hooks/useTheme.mjs";
@@ -28,12 +28,14 @@ import "../../theme/type.mjs";
 import "../../hooks/useObserveTheme.mjs";
-import "../../hooks/useWindow.mjs";
-import "../../chunks/Icon-KDwlMXzH.mjs";
+import "../../providers/ThemeProvider.mjs";
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-import "../../chunks/ProgressIndicator-CxsZm_As.mjs";
+import "../../hooks/useWindow.mjs";
+import "../../chunks/Icon-DI32kOA1.mjs";
+import "../../chunks/ProgressIndicator-CB_oazMD.mjs";
 import "motion/react";

package/dist/esm/hooks/useAudioRecorder.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { _ as __awaiter } from "../chunks/tslib.es6-C-olHjXV.mjs";
 import { useRef, useState, useCallback, useEffect } from "react";

package/dist/esm/hooks/useDoubleClick.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { useRef } from "react";
 function useDoubleClick(onClick, onDblClick, delay = 200) {

package/dist/esm/hooks/useKeyboardShortcuts.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback, useEffect } from "react";
 function normalizeShortcutKey(key) {

package/dist/esm/hooks/useLastUpdated.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { useState, useEffect } from "react";
 function getTimeDifference(date, labelPrefix) {

package/dist/esm/hooks/useLocalStore.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { useState, useEffect } from "react";
 function canUseLocalStorage() {

package/dist/esm/hooks/useMdStreamBuffer.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useState, useEffect, useCallback } from "react";
 import "../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/hooks/useMicrophone.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { _ as __awaiter } from "../chunks/tslib.es6-C-olHjXV.mjs";
 import { useRef, useState, useCallback, useMemo, useEffect } from "react";

package/dist/esm/hooks/useObserveResize.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { useState, useCallback, useEffect } from "react";
 function useObserveResize(element, options) {

package/dist/esm/hooks/useObserveTheme.mjs CHANGED Viewed

@@ -1,9 +1,16 @@
+'use client';
 import { useState, useEffect } from "react";
+import { useThemeContext } from "../providers/ThemeProvider.mjs";
 import { lightTheme, darkTheme } from "../theme/themes.mjs";
 import "../theme/colors.mjs";
+import "react/jsx-runtime";
+import "../chunks/style-inject.es-D0BjEaN8.mjs";
 import "../theme/corners.mjs";
 import "../theme/elevations.mjs";
@@ -17,20 +24,20 @@ function resolveTheme(themeName) {
 }
 function useObserveTheme() {
-    const [theme, setTheme] = useState(() => "undefined" == typeof document ? lightTheme : resolveTheme(document.documentElement.dataset.sliceTheme));
+    const {initialTheme: initialTheme} = useThemeContext(), [theme, setTheme] = useState(() => "undefined" == typeof document ? resolveTheme(initialTheme) : resolveTheme(document.documentElement.dataset.sliceTheme || initialTheme));
     return useEffect(() => {
-        setTheme(resolveTheme(document.documentElement.dataset.sliceTheme));
+        setTheme(resolveTheme(document.documentElement.dataset.sliceTheme || initialTheme));
         const observer = new MutationObserver(mutations => {
             for (const mutation of mutations) if ("attributes" === mutation.type && "data-slice-theme" === mutation.attributeName) {
                 const newTheme = document.documentElement.dataset.sliceTheme;
-                setTheme(resolveTheme(newTheme));
+                setTheme(resolveTheme(newTheme || initialTheme));
             }
         });
         return observer.observe(document.documentElement, {
             attributes: !0,
             attributeFilter: [ "data-slice-theme" ]
         }), () => observer.disconnect();
-    }, []), theme;
+    }, [ initialTheme ]), theme;
 }
 export { useObserveTheme };

package/dist/esm/hooks/useTheme.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback, useMemo } from "react";
 import { darkTheme, lightTheme } from "../theme/themes.mjs";
@@ -14,6 +15,12 @@ import "../theme/elevations.mjs";
 import "../theme/motion.mjs";
+import "../providers/ThemeProvider.mjs";
+import "react/jsx-runtime";
+import "../chunks/style-inject.es-D0BjEaN8.mjs";
 /**
  * Hook to manage Slice theming
  */ function useTheme() {

package/dist/esm/hooks/useToolTip.mjs CHANGED Viewed

@@ -1,4 +1,5 @@
-import { useState, useLayoutEffect } from "react";
+'use client';
+import { useState, useCallback, useLayoutEffect } from "react";
 const hiddenCoords = {
     x: 0,
@@ -6,18 +7,30 @@ const hiddenCoords = {
 };
 function useToolTip(toolTip, tipElement) {
-    const [coords, setCoords] = useState(hiddenCoords);
+    const [coords, setCoords] = useState(hiddenCoords), adjustX = useCallback(x => {
+        if (x < 10) return 10;
+        const maxWidth = globalThis.innerWidth - 10;
+        if (x > maxWidth) {
+            return x - (x - maxWidth);
+        }
+        return x;
+    }, []), adjustY = useCallback((y, parentY) => {
+        var _a, _b;
+        if (y < 10) return 10;
+        const tipHeight = null !== (_b = null === (_a = tipElement.current) || void 0 === _a ? void 0 : _a.offsetHeight) && void 0 !== _b ? _b : 0;
+        return y + tipHeight > globalThis.innerHeight - 10 ? parentY - tipHeight - 10 : y;
+    }, [ tipElement ]);
     return useLayoutEffect(() => {
         var _a;
         if (!toolTip || !(null == tipElement ? void 0 : tipElement.current)) return void setCoords(hiddenCoords);
         const target = null === (_a = toolTip.ref) || void 0 === _a ? void 0 : _a.current;
         if (!target) return void setCoords(hiddenCoords);
-        const parentRect = target.getBoundingClientRect(), tipRect = tipElement.current.getBoundingClientRect(), {x: parentX, y: parentY, width: parentWidth, height: parentHeight} = parentRect, {width: tipWidth} = tipRect;
+        const parentRect = target.getBoundingClientRect(), tipRect = tipElement.current.getBoundingClientRect(), {x: parentX, y: parentY, width: parentWidth, height: parentHeight} = parentRect, {width: tipWidth} = tipRect, y = parentY + parentHeight + 10;
         setCoords({
-            x: parentX + parentWidth / 2 - tipWidth / 2,
-            y: parentY + parentHeight + 10
+            x: adjustX(parentX + parentWidth / 2 - tipWidth / 2),
+            y: adjustY(y, parentY)
         });
-    }, [ toolTip, tipElement ]), coords;
+    }, [ toolTip, tipElement, adjustX, adjustY ]), coords;
 }
 export { useToolTip };

package/dist/esm/hooks/useTrackRenders.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useEffect } from "react";
 import { d as debug } from "../chunks/misc-BeEWwOaJ.mjs";

package/dist/esm/hooks/useWindow.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { useState, useEffect, useCallback } from "react";
 /**
@@ -64,6 +65,7 @@ function useWindow(breakpoints = bootstrapBreakPoints, top = !0) {
     }, [ geolocationSupported ]);
     function handleResize() {
         var _a, _b, _c, _d;
+        if (!isBrowser) return;
         const windowWidth = top && null !== (_b = null === (_a = window.top) || void 0 === _a ? void 0 : _a.innerWidth) && void 0 !== _b ? _b : window.innerWidth, windowHeight = top && null !== (_d = null === (_c = window.top) || void 0 === _c ? void 0 : _c.innerHeight) && void 0 !== _d ? _d : window.innerHeight;
         setFormFactor(getFormFactor(windowWidth)), setViewportHeight(windowHeight), setViewportWidth(windowWidth),
         isElectron || setHeight(isTouchDevice ? `${windowHeight}px` : "100vh");