@yamada-ui/utils 0.1.3 → 0.1.4

package/dist/{chunk-UUOSA3BW.mjs → chunk-EUA3L3L6.mjs}

@@ -38,7 +38,11 @@ var createContext2 = ({
     }
     return context;
   };
-  return [Context.Provider, useContext2, Context];
+  return [
+    Context.Provider,
+    useContext2,
+    Context
+  ];
 };
 var useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React.useLayoutEffect : React.useEffect;
 var useUnmountEffect = (callback) => (
@@ -96,10 +100,13 @@ var useCallbackRef = (callback, deps = []) => {
   React.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React.useCallback((...args) => {
-    var _a;
-    return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
-  }, deps);
+  return React.useCallback(
+    (...args) => {
+      var _a;
+      return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
+    },
+    deps
+  );
 };
 var useUpdateEffect = (callback, deps) => {
   const renderCycleRef = React.useRef(false);
@@ -129,23 +136,27 @@ var useAsyncFunc = (func, deps = [], initialState = { loading: false }) => {
   const lastCallId = React.useRef(0);
   const isMounted = useIsMounted();
   const [state, setState] = React.useState(initialState);
-  const callback = React.useCallback((...args) => {
-    const callId = ++lastCallId.current;
-    if (!state.loading)
-      setState((prevState) => ({ ...prevState, loading: true }));
-    return func(...args).then(
-      (value) => {
-        if (isMounted.current && callId === lastCallId.current)
-          setState({ value, loading: false });
-        return value;
-      },
-      (error) => {
-        if (isMounted.current && callId === lastCallId.current)
-          setState({ error, loading: false });
-        return error;
-      }
-    );
-  }, deps);
+  const callback = React.useCallback(
+    (...args) => {
+      const callId = ++lastCallId.current;
+      if (!state.loading)
+        setState((prevState) => ({ ...prevState, loading: true }));
+      return func(...args).then(
+        (value) => {
+          if (isMounted.current && callId === lastCallId.current)
+            setState({ value, loading: false });
+          return value;
+        },
+        (error) => {
+          if (isMounted.current && callId === lastCallId.current)
+            setState({ error, loading: false });
+          return error;
+        }
+      );
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    deps
+  );
   return [state, callback];
 };
 var useAsyncRetry = (func, deps = []) => {
@@ -161,13 +172,16 @@ var useAsyncRetry = (func, deps = []) => {
 };
 
 // src/color.ts
-import { toHex, parseToRgba, transparentize, mix, darken, lighten } from "color2k";
+import {
+  toHex,
+  parseToRgba,
+  transparentize,
+  mix,
+  darken,
+  lighten
+} from "color2k";
 var getColor = (color, fallback) => (theme, colorMode) => {
-  const hex = getMemoizedObject(
-    theme,
-    `colors.${color}`,
-    color
-  );
+  const hex = getMemoizedObject(theme, `colors.${color}`, color);
   try {
     if (isArray(hex)) {
       const [lightHex, darkHex] = hex;
@@ -211,7 +225,10 @@ var toneColor = (color, l) => (theme, colorMode) => {
     n = n - 5 * (isLighten ? 1 : -1);
   return toHex(isLighten ? lighten(raw, n / 100) : mix(raw, "#000", n / 100));
 };
-var randomColor = ({ string, colors } = {}) => {
+var randomColor = ({
+  string,
+  colors
+} = {}) => {
   const fallback = randomHex();
   if (string && colors)
     return randomColorFromList(string, colors);
@@ -323,9 +340,11 @@ var flattenObject = (obj, maxDepth = Infinity) => {
     return obj;
   return Object.entries(obj).reduce((result, [key, value]) => {
     if (isObject(value)) {
-      Object.entries(flattenObject(value, maxDepth - 1)).forEach(([childKey, childValue]) => {
-        result[`${key}.${childKey}`] = childValue;
-      });
+      Object.entries(flattenObject(value, maxDepth - 1)).forEach(
+        ([childKey, childValue]) => {
+          result[`${key}.${childKey}`] = childValue;
+        }
+      );
     } else {
       result[key] = value;
     }

package/dist/{chunk-FW7XS4NH.mjs → chunk-H5VMEQNO.mjs}

@@ -56,7 +56,9 @@ var focusableElList = [
 ];
 var focusableElSelector = focusableElList.join();
 var getAllFocusable = (container) => {
-  const focusableEls = Array.from(container.querySelectorAll(focusableElSelector));
+  const focusableEls = Array.from(
+    container.querySelectorAll(focusableElSelector)
+  );
   focusableEls.unshift(container);
   return focusableEls.filter((el) => isFocusable(el) && isVisible(el));
 };

package/dist/color.d.mts

@@ -7,7 +7,7 @@ declare const tintColor: (color: string, amount: number) => (theme: Dict, colorM
 declare const shadeColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
 declare const transparentizeColor: (color: string, alpha: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
 declare const toneColor: (color: string, l: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
-declare const randomColor: ({ string, colors }?: {
+declare const randomColor: ({ string, colors, }?: {
     string?: string | undefined;
     colors?: string[] | undefined;
 }) => string;

package/dist/color.d.ts

@@ -7,7 +7,7 @@ declare const tintColor: (color: string, amount: number) => (theme: Dict, colorM
 declare const shadeColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
 declare const transparentizeColor: (color: string, alpha: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
 declare const toneColor: (color: string, l: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
-declare const randomColor: ({ string, colors }?: {
+declare const randomColor: ({ string, colors, }?: {
     string?: string | undefined;
     colors?: string[] | undefined;
 }) => string;

package/dist/color.js

@@ -69,11 +69,7 @@ var getMemoizedObject = memoizeObject(getObject);
 
 // src/color.ts
 var getColor = (color, fallback) => (theme, colorMode) => {
-  const hex = getMemoizedObject(
-    theme,
-    `colors.${color}`,
-    color
-  );
+  const hex = getMemoizedObject(theme, `colors.${color}`, color);
   try {
     if (isArray(hex)) {
       const [lightHex, darkHex] = hex;
@@ -117,7 +113,10 @@ var toneColor = (color, l) => (theme, colorMode) => {
     n = n - 5 * (isLighten ? 1 : -1);
   return (0, import_color2k.toHex)(isLighten ? (0, import_color2k.lighten)(raw, n / 100) : (0, import_color2k.mix)(raw, "#000", n / 100));
 };
-var randomColor = ({ string, colors } = {}) => {
+var randomColor = ({
+  string,
+  colors
+} = {}) => {
   const fallback = randomHex();
   if (string && colors)
     return randomColorFromList(string, colors);

package/dist/color.mjs

@@ -10,14 +10,14 @@ import {
   tintColor,
   toneColor,
   transparentizeColor
-} from "./chunk-UUOSA3BW.mjs";
+} from "./chunk-EUA3L3L6.mjs";
 import "./chunk-SLJ4M7XC.mjs";
 import "./chunk-VYMGBE25.mjs";
 import "./chunk-BZAW2D6U.mjs";
 import "./chunk-PURW64JE.mjs";
 import "./chunk-IVGIIDMV.mjs";
 import "./chunk-R5OUKGQ5.mjs";
-import "./chunk-FW7XS4NH.mjs";
+import "./chunk-H5VMEQNO.mjs";
 import "./chunk-PF7LRFIA.mjs";
 export {
   darkenColor,

package/dist/dom.js

@@ -104,7 +104,9 @@ var focusableElList = [
 ];
 var focusableElSelector = focusableElList.join();
 var getAllFocusable = (container) => {
-  const focusableEls = Array.from(container.querySelectorAll(focusableElSelector));
+  const focusableEls = Array.from(
+    container.querySelectorAll(focusableElSelector)
+  );
   focusableEls.unshift(container);
   return focusableEls.filter((el) => isFocusable(el) && isVisible(el));
 };

package/dist/dom.mjs

@@ -24,7 +24,7 @@ import {
   isTabbable,
   platform,
   vendor
-} from "./chunk-FW7XS4NH.mjs";
+} from "./chunk-H5VMEQNO.mjs";
 export {
   ariaAttr,
   createdDom,

package/dist/function.mjs

@@ -3,14 +3,14 @@ import {
   handlerAll,
   noop,
   runIfFunc
-} from "./chunk-UUOSA3BW.mjs";
+} from "./chunk-EUA3L3L6.mjs";
 import "./chunk-SLJ4M7XC.mjs";
 import "./chunk-VYMGBE25.mjs";
 import "./chunk-BZAW2D6U.mjs";
 import "./chunk-PURW64JE.mjs";
 import "./chunk-IVGIIDMV.mjs";
 import "./chunk-R5OUKGQ5.mjs";
-import "./chunk-FW7XS4NH.mjs";
+import "./chunk-H5VMEQNO.mjs";
 import "./chunk-PF7LRFIA.mjs";
 export {
   funcAll,

package/dist/index.js

@@ -212,9 +212,11 @@ var flattenObject = (obj, maxDepth = Infinity) => {
     return obj;
   return Object.entries(obj).reduce((result, [key, value]) => {
     if (isObject(value)) {
-      Object.entries(flattenObject(value, maxDepth - 1)).forEach(([childKey, childValue]) => {
-        result[`${key}.${childKey}`] = childValue;
-      });
+      Object.entries(flattenObject(value, maxDepth - 1)).forEach(
+        ([childKey, childValue]) => {
+          result[`${key}.${childKey}`] = childValue;
+        }
+      );
     } else {
       result[key] = value;
     }
@@ -315,7 +317,11 @@ var createContext2 = ({
     }
     return context;
   };
-  return [Context.Provider, useContext2, Context];
+  return [
+    Context.Provider,
+    useContext2,
+    Context
+  ];
 };
 var useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React.useLayoutEffect : React.useEffect;
 var useUnmountEffect = (callback) => (
@@ -373,10 +379,13 @@ var useCallbackRef = (callback, deps = []) => {
   React.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React.useCallback((...args) => {
-    var _a;
-    return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
-  }, deps);
+  return React.useCallback(
+    (...args) => {
+      var _a;
+      return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
+    },
+    deps
+  );
 };
 var useUpdateEffect = (callback, deps) => {
   const renderCycleRef = React.useRef(false);
@@ -406,23 +415,27 @@ var useAsyncFunc = (func, deps = [], initialState = { loading: false }) => {
   const lastCallId = React.useRef(0);
   const isMounted = useIsMounted();
   const [state, setState] = React.useState(initialState);
-  const callback = React.useCallback((...args) => {
-    const callId = ++lastCallId.current;
-    if (!state.loading)
-      setState((prevState) => ({ ...prevState, loading: true }));
-    return func(...args).then(
-      (value) => {
-        if (isMounted.current && callId === lastCallId.current)
-          setState({ value, loading: false });
-        return value;
-      },
-      (error) => {
-        if (isMounted.current && callId === lastCallId.current)
-          setState({ error, loading: false });
-        return error;
-      }
-    );
-  }, deps);
+  const callback = React.useCallback(
+    (...args) => {
+      const callId = ++lastCallId.current;
+      if (!state.loading)
+        setState((prevState) => ({ ...prevState, loading: true }));
+      return func(...args).then(
+        (value) => {
+          if (isMounted.current && callId === lastCallId.current)
+            setState({ value, loading: false });
+          return value;
+        },
+        (error) => {
+          if (isMounted.current && callId === lastCallId.current)
+            setState({ error, loading: false });
+          return error;
+        }
+      );
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    deps
+  );
   return [state, callback];
 };
 var useAsyncRetry = (func, deps = []) => {
@@ -495,7 +508,9 @@ var focusableElList = [
 ];
 var focusableElSelector = focusableElList.join();
 var getAllFocusable = (container) => {
-  const focusableEls = Array.from(container.querySelectorAll(focusableElSelector));
+  const focusableEls = Array.from(
+    container.querySelectorAll(focusableElSelector)
+  );
   focusableEls.unshift(container);
   return focusableEls.filter((el) => isFocusable(el) && isVisible(el));
 };
@@ -564,11 +579,7 @@ var calc = Object.assign(
 // src/color.ts
 var import_color2k = require("color2k");
 var getColor = (color, fallback) => (theme, colorMode) => {
-  const hex = getMemoizedObject(
-    theme,
-    `colors.${color}`,
-    color
-  );
+  const hex = getMemoizedObject(theme, `colors.${color}`, color);
   try {
     if (isArray(hex)) {
       const [lightHex, darkHex] = hex;
@@ -612,7 +623,10 @@ var toneColor = (color, l) => (theme, colorMode) => {
     n = n - 5 * (isLighten ? 1 : -1);
   return (0, import_color2k.toHex)(isLighten ? (0, import_color2k.lighten)(raw, n / 100) : (0, import_color2k.mix)(raw, "#000", n / 100));
 };
-var randomColor = ({ string, colors } = {}) => {
+var randomColor = ({
+  string,
+  colors
+} = {}) => {
   const fallback = randomHex();
   if (string && colors)
     return randomColorFromList(string, colors);

package/dist/index.mjs

@@ -48,7 +48,7 @@ import {
   useSafeLayoutEffect,
   useUnmountEffect,
   useUpdateEffect
-} from "./chunk-UUOSA3BW.mjs";
+} from "./chunk-EUA3L3L6.mjs";
 import "./chunk-SLJ4M7XC.mjs";
 import {
   clampNumber,
@@ -107,7 +107,7 @@ import {
   isTabbable,
   platform,
   vendor
-} from "./chunk-FW7XS4NH.mjs";
+} from "./chunk-H5VMEQNO.mjs";
 import {
   addDomEvent,
   addPointerEvent,

package/dist/object.d.mts

@@ -11,8 +11,8 @@ declare const objectFromEntries: <T extends Dict>(entries: any[][]) => T;
 declare const keysFormObject: <T extends Dict>(obj: T) => (keyof T)[];
 declare const replaceObject: <T extends unknown>(objOrArray: T, callBack: (value: any) => any) => T;
 declare const getObject: (obj: Dict, path: string | number, fallback?: any, i?: number) => any;
-declare const memoizeObject: (func: typeof getObject) => (obj: Dict, path: string | number, fallback?: any, i?: number) => any;
-declare const getMemoizedObject: (obj: Dict, path: string | number, fallback?: any, i?: number) => any;
+declare const memoizeObject: (func: typeof getObject) => <T extends unknown = any>(obj: Dict, path: string | number, fallback?: any, i?: number) => T;
+declare const getMemoizedObject: <T extends unknown = any>(obj: Dict, path: string | number, fallback?: any, i?: number) => T;
 declare const assignAfter: (target: Record<string, any>, ...sources: any[]) => Record<string, unknown>;
 
 export { assignAfter, filterObject, filterUndefined, flattenObject, getMemoizedObject, getObject, keysFormObject, memoizeObject, merge, objectFromEntries, omitObject, pickObject, replaceObject, splitObject };

package/dist/object.d.ts

@@ -11,8 +11,8 @@ declare const objectFromEntries: <T extends Dict>(entries: any[][]) => T;
 declare const keysFormObject: <T extends Dict>(obj: T) => (keyof T)[];
 declare const replaceObject: <T extends unknown>(objOrArray: T, callBack: (value: any) => any) => T;
 declare const getObject: (obj: Dict, path: string | number, fallback?: any, i?: number) => any;
-declare const memoizeObject: (func: typeof getObject) => (obj: Dict, path: string | number, fallback?: any, i?: number) => any;
-declare const getMemoizedObject: (obj: Dict, path: string | number, fallback?: any, i?: number) => any;
+declare const memoizeObject: (func: typeof getObject) => <T extends unknown = any>(obj: Dict, path: string | number, fallback?: any, i?: number) => T;
+declare const getMemoizedObject: <T extends unknown = any>(obj: Dict, path: string | number, fallback?: any, i?: number) => T;
 declare const assignAfter: (target: Record<string, any>, ...sources: any[]) => Record<string, unknown>;
 
 export { assignAfter, filterObject, filterUndefined, flattenObject, getMemoizedObject, getObject, keysFormObject, memoizeObject, merge, objectFromEntries, omitObject, pickObject, replaceObject, splitObject };

package/dist/object.js

@@ -103,9 +103,11 @@ var flattenObject = (obj, maxDepth = Infinity) => {
     return obj;
   return Object.entries(obj).reduce((result, [key, value]) => {
     if (isObject(value)) {
-      Object.entries(flattenObject(value, maxDepth - 1)).forEach(([childKey, childValue]) => {
-        result[`${key}.${childKey}`] = childValue;
-      });
+      Object.entries(flattenObject(value, maxDepth - 1)).forEach(
+        ([childKey, childValue]) => {
+          result[`${key}.${childKey}`] = childValue;
+        }
+      );
     } else {
       result[key] = value;
     }

package/dist/object.mjs

@@ -13,14 +13,14 @@ import {
   pickObject,
   replaceObject,
   splitObject
-} from "./chunk-UUOSA3BW.mjs";
+} from "./chunk-EUA3L3L6.mjs";
 import "./chunk-SLJ4M7XC.mjs";
 import "./chunk-VYMGBE25.mjs";
 import "./chunk-BZAW2D6U.mjs";
 import "./chunk-PURW64JE.mjs";
 import "./chunk-IVGIIDMV.mjs";
 import "./chunk-R5OUKGQ5.mjs";
-import "./chunk-FW7XS4NH.mjs";
+import "./chunk-H5VMEQNO.mjs";
 import "./chunk-PF7LRFIA.mjs";
 export {
   assignAfter,

package/dist/react.d.mts

@@ -61,10 +61,7 @@ type AsyncState<T> = {
 };
 type PromiseType<P extends Promise<any>> = P extends Promise<infer T> ? T : never;
 type StateFromFunctionReturningPromise<T extends FunctionReturningPromise> = AsyncState<PromiseType<ReturnType<T>>>;
-type AsyncFnReturn<T extends FunctionReturningPromise = FunctionReturningPromise> = [
-    StateFromFunctionReturningPromise<T>,
-    T
-];
+type AsyncFnReturn<T extends FunctionReturningPromise = FunctionReturningPromise> = [StateFromFunctionReturningPromise<T>, T];
 declare const useAsyncFunc: <T extends FunctionReturningPromise>(func: T, deps?: React.DependencyList, initialState?: StateFromFunctionReturningPromise<T>) => AsyncFnReturn<T>;
 type AsyncStateRetry<T> = AsyncState<T> & {
     retry(): void;

package/dist/react.d.ts

@@ -61,10 +61,7 @@ type AsyncState<T> = {
 };
 type PromiseType<P extends Promise<any>> = P extends Promise<infer T> ? T : never;
 type StateFromFunctionReturningPromise<T extends FunctionReturningPromise> = AsyncState<PromiseType<ReturnType<T>>>;
-type AsyncFnReturn<T extends FunctionReturningPromise = FunctionReturningPromise> = [
-    StateFromFunctionReturningPromise<T>,
-    T
-];
+type AsyncFnReturn<T extends FunctionReturningPromise = FunctionReturningPromise> = [StateFromFunctionReturningPromise<T>, T];
 declare const useAsyncFunc: <T extends FunctionReturningPromise>(func: T, deps?: React.DependencyList, initialState?: StateFromFunctionReturningPromise<T>) => AsyncFnReturn<T>;
 type AsyncStateRetry<T> = AsyncState<T> & {
     retry(): void;

package/dist/react.js

@@ -77,7 +77,11 @@ var createContext2 = ({
     }
     return context;
   };
-  return [Context.Provider, useContext2, Context];
+  return [
+    Context.Provider,
+    useContext2,
+    Context
+  ];
 };
 var useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React.useLayoutEffect : React.useEffect;
 var useUnmountEffect = (callback) => (
@@ -135,10 +139,13 @@ var useCallbackRef = (callback, deps = []) => {
   React.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React.useCallback((...args) => {
-    var _a;
-    return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
-  }, deps);
+  return React.useCallback(
+    (...args) => {
+      var _a;
+      return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
+    },
+    deps
+  );
 };
 var useUpdateEffect = (callback, deps) => {
   const renderCycleRef = React.useRef(false);
@@ -168,23 +175,27 @@ var useAsyncFunc = (func, deps = [], initialState = { loading: false }) => {
   const lastCallId = React.useRef(0);
   const isMounted = useIsMounted();
   const [state, setState] = React.useState(initialState);
-  const callback = React.useCallback((...args) => {
-    const callId = ++lastCallId.current;
-    if (!state.loading)
-      setState((prevState) => ({ ...prevState, loading: true }));
-    return func(...args).then(
-      (value) => {
-        if (isMounted.current && callId === lastCallId.current)
-          setState({ value, loading: false });
-        return value;
-      },
-      (error) => {
-        if (isMounted.current && callId === lastCallId.current)
-          setState({ error, loading: false });
-        return error;
-      }
-    );
-  }, deps);
+  const callback = React.useCallback(
+    (...args) => {
+      const callId = ++lastCallId.current;
+      if (!state.loading)
+        setState((prevState) => ({ ...prevState, loading: true }));
+      return func(...args).then(
+        (value) => {
+          if (isMounted.current && callId === lastCallId.current)
+            setState({ value, loading: false });
+          return value;
+        },
+        (error) => {
+          if (isMounted.current && callId === lastCallId.current)
+            setState({ error, loading: false });
+          return error;
+        }
+      );
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    deps
+  );
   return [state, callback];
 };
 var useAsyncRetry = (func, deps = []) => {

package/dist/react.mjs

@@ -19,14 +19,14 @@ import {
   useSafeLayoutEffect,
   useUnmountEffect,
   useUpdateEffect
-} from "./chunk-UUOSA3BW.mjs";
+} from "./chunk-EUA3L3L6.mjs";
 import "./chunk-SLJ4M7XC.mjs";
 import "./chunk-VYMGBE25.mjs";
 import "./chunk-BZAW2D6U.mjs";
 import "./chunk-PURW64JE.mjs";
 import "./chunk-IVGIIDMV.mjs";
 import "./chunk-R5OUKGQ5.mjs";
-import "./chunk-FW7XS4NH.mjs";
+import "./chunk-H5VMEQNO.mjs";
 import "./chunk-PF7LRFIA.mjs";
 export {
   assignRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/utils",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Yamada UI utils",
   "keywords": [
     "utils",