@yamada-ui/utils 0.1.2 → 0.1.4

package/dist/array.d.mts

@@ -0,0 +1,3 @@
+declare const filterEmpty: <T extends any[]>(array: T) => any[];
+
+export { filterEmpty };

package/dist/assertion.d.mts

@@ -0,0 +1,16 @@
+import { Dict } from './index.types.mjs';
+
+declare const isNumber: (value: any) => value is number;
+declare const isNotNumber: (value: any) => boolean;
+declare const isNumeric: (value: any) => boolean;
+declare const isString: (value: any) => value is string;
+declare const isUndefined: (value: any) => value is undefined;
+declare const isNull: (value: any) => value is null;
+declare const isObject: <T extends Dict>(value: any) => value is T;
+declare const isArray: <T extends any[]>(value: any) => value is T;
+declare const isEmpty: (value: any) => boolean;
+declare const isFunction: <T extends Function = Function>(value: any) => value is T;
+declare const isUnit: (value: any) => boolean;
+declare const cast: <T>(value: any) => T;
+
+export { cast, isArray, isEmpty, isFunction, isNotNumber, isNull, isNumber, isNumeric, isObject, isString, isUndefined, isUnit };

package/dist/calc.d.mts

@@ -0,0 +1,17 @@
+type Operand = string | number;
+type Calc = {
+    add: (...args: Operand[]) => Calc;
+    subtract: (...args: Operand[]) => Calc;
+    multiply: (...args: Operand[]) => Calc;
+    divide: (...args: Operand[]) => Calc;
+    negate: () => Calc;
+};
+declare const calc: ((x: Operand) => Calc) & {
+    add: (...args: Operand[]) => string;
+    subtract: (...args: Operand[]) => string;
+    multiply: (...args: Operand[]) => string;
+    divide: (...args: Operand[]) => string;
+    negate: (value: Operand) => string;
+};
+
+export { Operand, calc };

package/dist/{chunk-VPOQGCMS.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,24 +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 = []) => {
@@ -162,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;
@@ -212,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);
@@ -324,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

@@ -0,0 +1,18 @@
+import { Dict } from './index.types.mjs';
+
+declare const getColor: (color: string, fallback?: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
+declare const lightenColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
+declare const darkenColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
+declare const tintColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
+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, }?: {
+    string?: string | undefined;
+    colors?: string[] | undefined;
+}) => string;
+declare const isTone: (color: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => "light" | "dark";
+declare const isLight: (color: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => boolean;
+declare const isDark: (color: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => boolean;
+
+export { darkenColor, getColor, isDark, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor };

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-VPOQGCMS.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.d.mts

@@ -0,0 +1,33 @@
+import React__default from 'react';
+
+declare const createdDom: () => boolean;
+declare const getPlatform: () => string;
+declare const vendor: (v: RegExp) => boolean;
+declare const platform: (v: RegExp) => boolean;
+declare const isMac: () => boolean;
+declare const isApple: () => boolean;
+declare const isSafari: () => boolean;
+declare const isElement: (el: any) => el is Element;
+declare const isHTMLElement: (el: any) => el is HTMLElement;
+declare const isHidden: (el: HTMLElement) => boolean;
+declare const isDisabled: (el: HTMLElement) => boolean;
+declare const hasTabIndex: (el: HTMLElement) => boolean;
+declare const isContentEditable: (el: HTMLElement) => boolean;
+declare const isContains: (parent: HTMLElement | null, child: HTMLElement | null) => boolean | undefined;
+declare const getEventRelatedTarget: (ev: React__default.FocusEvent | React__default.MouseEvent) => HTMLElement | null;
+type Booleanish = boolean | 'true' | 'false';
+declare const dataAttr: (condition: boolean | undefined) => Booleanish;
+declare const ariaAttr: (condition: boolean | undefined) => boolean | undefined;
+type FocusableElement = {
+    focus: (options?: FocusOptions) => void;
+};
+declare const getAllFocusable: <T extends HTMLElement>(container: T) => T[];
+declare const isFocusable: (el: HTMLElement) => boolean;
+declare const hasNegativeTabIndex: (el: HTMLElement) => boolean;
+declare const isTabbable: (el?: HTMLElement | null) => boolean;
+declare const getOwnerWindow: (node?: Element | null) => Window & typeof globalThis;
+declare const getOwnerDocument: (el?: Element | null) => Document;
+declare const getActiveElement: (el?: HTMLElement) => HTMLElement;
+declare const isActiveElement: (el: HTMLElement) => boolean;
+
+export { FocusableElement, ariaAttr, createdDom, dataAttr, getActiveElement, getAllFocusable, getEventRelatedTarget, getOwnerDocument, getOwnerWindow, getPlatform, hasNegativeTabIndex, hasTabIndex, isActiveElement, isApple, isContains, isContentEditable, isDisabled, isElement, isFocusable, isHTMLElement, isHidden, isMac, isSafari, isTabbable, platform, vendor };

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/event.d.mts

@@ -0,0 +1,30 @@
+type AnyPointerEvent = MouseEvent | TouchEvent | PointerEvent;
+type PointType = 'page' | 'client';
+type Point = {
+    x: number;
+    y: number;
+};
+type PointerEventInfo = {
+    point: Point;
+};
+type MixedEventListener = (e: AnyPointerEvent, info: PointerEventInfo) => void;
+declare const isMouseEvent: (ev: any) => ev is MouseEvent;
+declare const isTouchEvent: (ev: AnyPointerEvent) => ev is TouchEvent;
+declare const isMultiTouchEvent: (ev: AnyPointerEvent) => boolean;
+declare const getEventWindow: (ev: Event) => typeof globalThis;
+declare const pointFromTouch: (e: TouchEvent, type?: PointType) => {
+    x: number;
+    y: number;
+};
+declare const pointFromMouse: (point: MouseEvent | PointerEvent, type?: PointType) => {
+    x: number;
+    y: number;
+};
+declare const getEventPoint: (ev: AnyPointerEvent, type?: PointType) => {
+    x: number;
+    y: number;
+};
+declare const addDomEvent: (target: EventTarget, type: string, cb: EventListener, options?: AddEventListenerOptions) => () => void;
+declare const addPointerEvent: (target: EventTarget, type: string, cb: MixedEventListener, options?: AddEventListenerOptions) => () => void;
+
+export { AnyPointerEvent, MixedEventListener, Point, PointType, PointerEventInfo, addDomEvent, addPointerEvent, getEventPoint, getEventWindow, isMouseEvent, isMultiTouchEvent, isTouchEvent, pointFromMouse, pointFromTouch };

package/dist/function.d.mts

@@ -0,0 +1,6 @@
+declare const noop: () => void;
+declare const runIfFunc: <T, U extends any[]>(valOrFunc: T | ((...funcArgs: U) => T), ...args: U) => T;
+declare const handlerAll: <T extends (event: any) => void>(...funcs: (T | undefined)[]) => (event: (T extends (...args: infer R) => any ? R : never)[0]) => void;
+declare const funcAll: <T extends (...args: any[]) => any>(...funcs: (T | undefined)[]) => (arg: (T extends (...args: infer R) => any ? R : never)[0]) => void;
+
+export { funcAll, handlerAll, noop, runIfFunc };

package/dist/function.mjs

@@ -3,14 +3,14 @@ import {
   handlerAll,
   noop,
   runIfFunc
-} from "./chunk-VPOQGCMS.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.d.mts

@@ -0,0 +1,13 @@
+export { Dict, DynamicRecord, Length, Path, StringLiteral, Union } from './index.types.mjs';
+export { cast, isArray, isEmpty, isFunction, isNotNumber, isNull, isNumber, isNumeric, isObject, isString, isUndefined, isUnit } from './assertion.mjs';
+export { assignAfter, filterObject, filterUndefined, flattenObject, getMemoizedObject, getObject, keysFormObject, memoizeObject, merge, objectFromEntries, omitObject, pickObject, replaceObject, splitObject } from './object.mjs';
+export { funcAll, handlerAll, noop, runIfFunc } from './function.mjs';
+export { AsyncFnReturn, AsyncState, AsyncStateRetry, DOMAttributes, FunctionReturningPromise, MaybeRenderProp, PromiseType, PropGetter, RequiredPropGetter, assignRef, createContext, cx, findChildren, getValidChildren, includesChildren, isRefObject, isValidElement, mergeRefs, omitChildren, pickChildren, useAsync, useAsyncFunc, useAsyncRetry, useCallbackRef, useIsMounted, useMergeRefs, useSafeLayoutEffect, useUnmountEffect, useUpdateEffect } from './react.mjs';
+export { FocusableElement, ariaAttr, createdDom, dataAttr, getActiveElement, getAllFocusable, getEventRelatedTarget, getOwnerDocument, getOwnerWindow, getPlatform, hasNegativeTabIndex, hasTabIndex, isActiveElement, isApple, isContains, isContentEditable, isDisabled, isElement, isFocusable, isHTMLElement, isHidden, isMac, isSafari, isTabbable, platform, vendor } from './dom.mjs';
+export { escape } from './string.mjs';
+export { Operand, calc } from './calc.mjs';
+export { darkenColor, getColor, isDark, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor } from './color.mjs';
+export { filterEmpty } from './array.mjs';
+export { clampNumber, countDecimal, percentToValue, roundNumberToStep, toPrecision, valueToPercent } from './number.mjs';
+export { AnyPointerEvent, MixedEventListener, Point, PointType, PointerEventInfo, addDomEvent, addPointerEvent, getEventPoint, getEventWindow, isMouseEvent, isMultiTouchEvent, isTouchEvent, pointFromMouse, pointFromTouch } from './event.mjs';
+import 'react';

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,24 +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 = []) => {
@@ -496,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));
 };
@@ -565,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;
@@ -613,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-VPOQGCMS.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/index.types.d.mts

@@ -0,0 +1,14 @@
+type Primitive = null | undefined | string | number | boolean | symbol | bigint;
+type PathImpl<K extends string | number | symbol, V> = K extends string | number ? V extends Primitive ? `${K}` : `${K}.${Path<V>}` : ``;
+type Path<T> = {
+    [K in keyof T]-?: PathImpl<K, T[K]>;
+}[keyof T];
+type Dict<T = any> = Record<string, T>;
+type StringLiteral = string & {};
+type Union<T> = T | StringLiteral;
+type Length = string | 0 | number;
+type DynamicRecord<T> = {
+    [K in keyof T]-?: T[K] extends Primitive ? string | number : DynamicRecord<T[K]>;
+};
+
+export { Dict, DynamicRecord, Length, Path, StringLiteral, Union };

package/dist/number.d.mts

@@ -0,0 +1,8 @@
+declare const toPrecision: (n: number, precision?: number) => string;
+declare const countDecimal: (n: number) => number;
+declare const roundNumberToStep: (n: number, from: number, step: number) => string;
+declare const valueToPercent: (n: number, min: number, max: number) => number;
+declare const percentToValue: (n: number, min: number, max: number) => number;
+declare const clampNumber: (n: number, min: number, max: number) => number;
+
+export { clampNumber, countDecimal, percentToValue, roundNumberToStep, toPrecision, valueToPercent };

package/dist/object.d.mts

@@ -0,0 +1,18 @@
+import { Dict } from './index.types.mjs';
+
+declare const omitObject: <T extends Dict, K extends keyof T>(obj: T, keys: K[]) => Omit<T, K>;
+declare const pickObject: <T extends Dict, K extends keyof T>(obj: T, keys: K[]) => { [P in K]: T[P]; };
+declare const splitObject: <T extends Dict, K extends keyof T>(obj: T, keys: K[]) => [{ [P in K]: T[P]; }, Omit<T, K>];
+declare const filterObject: <T extends Dict, K extends Dict>(obj: T, func: (key: keyof T, value: T[keyof T], obj: T) => boolean) => K;
+declare const filterUndefined: <T extends Dict>(obj: T) => T;
+declare const merge: <T extends Dict>(target: any, source: any, overrideArray?: boolean) => T;
+declare const flattenObject: <T extends Dict>(obj: any, maxDepth?: number) => T;
+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) => <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-VPOQGCMS.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

@@ -0,0 +1,91 @@
+import * as React from 'react';
+
+type DOMElement = Element & HTMLOrSVGElement;
+type DataAttributes = {
+    [dataAttr: string]: any;
+};
+type DOMAttributes<Y = DOMElement> = React.AriaAttributes & React.DOMAttributes<Y> & DataAttributes & {
+    id?: string;
+    role?: React.AriaRole;
+    tabIndex?: number;
+    style?: React.CSSProperties;
+};
+type Merge<Y, M> = M extends Record<string, unknown> ? Y : Omit<Y, keyof M> & M;
+type PropGetter<Y = Record<string, unknown>, M = DOMAttributes> = (props?: Merge<DOMAttributes, Y>, ref?: React.Ref<any>) => M & React.RefAttributes<any>;
+type RequiredPropGetter<Y = Record<string, unknown>, M = DOMAttributes> = (props: Merge<DOMAttributes, Y>, ref?: React.Ref<any>) => M & React.RefAttributes<any>;
+type MaybeRenderProp<Y> = React.ReactNode | ((props: Y) => React.ReactNode);
+type Options = {
+    strict?: boolean;
+    errorMessage?: string;
+    name?: string;
+};
+type CreateContextReturn<T> = [React.Provider<T>, () => T, React.Context<T>];
+declare const createContext: <ContextType extends unknown = any>({ strict, errorMessage, name, }?: Options) => CreateContextReturn<ContextType>;
+declare const useSafeLayoutEffect: typeof React.useLayoutEffect;
+declare const useUnmountEffect: (callback: () => void) => void;
+declare const useIsMounted: () => React.MutableRefObject<boolean>;
+declare const getValidChildren: (children: React.ReactNode) => React.ReactElement[];
+declare const isValidElement: (child: any) => child is React.ReactNode;
+declare const findChildren: (children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[], ...types: React.JSXElementConstructor<any>[]) => [React.ReactElement | undefined, ...React.ReactElement[]];
+declare const includesChildren: (children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[], ...types: React.JSXElementConstructor<any>[]) => boolean;
+declare const omitChildren: (children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[], ...types: React.JSXElementConstructor<any>[]) => React.ReactElement[];
+declare const pickChildren: (children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[], ...types: React.JSXElementConstructor<any>[]) => React.ReactElement[];
+declare const cx: (...classNames: (string | undefined)[]) => string;
+type ReactRef<T> = React.Ref<T> | React.MutableRefObject<T>;
+declare const isRefObject: (val: any) => val is {
+    current: any;
+};
+declare const assignRef: <T extends unknown = any>(ref: ReactRef<T> | undefined, value: T) => void;
+declare const mergeRefs: <T extends unknown = any>(...refs: (ReactRef<T> | undefined)[]) => (node: T | null) => void;
+declare const useMergeRefs: <T extends unknown = any>(...refs: (ReactRef<T> | undefined)[]) => (node: T | null) => void;
+declare const useCallbackRef: <T extends (...args: any[]) => any>(callback: T | undefined, deps?: React.DependencyList) => T;
+declare const useUpdateEffect: (callback: React.EffectCallback, deps: React.DependencyList) => void;
+type FunctionReturningPromise = (...args: any[]) => Promise<any>;
+declare const useAsync: <T extends FunctionReturningPromise>(func: T, deps?: React.DependencyList) => StateFromFunctionReturningPromise<T>;
+type AsyncState<T> = {
+    loading: boolean;
+    error?: undefined;
+    value?: undefined;
+} | {
+    loading: true;
+    error?: Error | undefined;
+    value?: T;
+} | {
+    loading: false;
+    error: Error;
+    value?: undefined;
+} | {
+    loading: false;
+    error?: undefined;
+    value: 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];
+declare const useAsyncFunc: <T extends FunctionReturningPromise>(func: T, deps?: React.DependencyList, initialState?: StateFromFunctionReturningPromise<T>) => AsyncFnReturn<T>;
+type AsyncStateRetry<T> = AsyncState<T> & {
+    retry(): void;
+};
+declare const useAsyncRetry: <T>(func: () => Promise<T>, deps?: React.DependencyList) => {
+    retry: () => void;
+    loading: boolean;
+    error?: undefined;
+    value?: undefined;
+} | {
+    retry: () => void;
+    loading: false;
+    error: Error;
+    value?: undefined;
+} | {
+    retry: () => void;
+    loading: true;
+    error?: Error | undefined;
+    value?: T | undefined;
+} | {
+    retry: () => void;
+    loading: false;
+    error?: undefined;
+    value: T;
+};
+
+export { AsyncFnReturn, AsyncState, AsyncStateRetry, DOMAttributes, FunctionReturningPromise, MaybeRenderProp, PromiseType, PropGetter, RequiredPropGetter, assignRef, createContext, cx, findChildren, getValidChildren, includesChildren, isRefObject, isValidElement, mergeRefs, omitChildren, pickChildren, useAsync, useAsyncFunc, useAsyncRetry, useCallbackRef, useIsMounted, useMergeRefs, useSafeLayoutEffect, useUnmountEffect, useUpdateEffect };

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,24 +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-VPOQGCMS.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/dist/string.d.mts

@@ -0,0 +1,3 @@
+declare const escape: (value: string, replaceValue?: string) => string;
+
+export { escape };

package/package.json

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