@yamada-ui/utils 0.3.3 → 0.4.0

package/dist/calc.d.mts

@@ -14,4 +14,4 @@ declare const calc: ((x: Operand) => Calc) & {
     negate: (value: Operand) => string;
 };
 
-export { Operand, calc };
+export { type Operand, calc };

package/dist/calc.d.ts

@@ -14,4 +14,4 @@ declare const calc: ((x: Operand) => Calc) & {
     negate: (value: Operand) => string;
 };
 
-export { Operand, calc };
+export { type Operand, calc };

package/dist/{chunk-5OQGKXOK.mjs → chunk-RJN7NAQE.mjs}

@@ -180,6 +180,7 @@ import {
   darken,
   lighten
 } from "color2k";
+var coef = 0.75;
 var hues = [
   50,
   100,
@@ -193,7 +194,7 @@ var hues = [
   900,
   950
 ];
-var isGray = (colorScheme) => colorScheme === "gray" || colorScheme === "zinc" || colorScheme === "neutral" || colorScheme === "stone";
+var isGray = (colorScheme) => colorScheme === "gray" || colorScheme === "neutral";
 var getColor = (color, fallback) => (theme = {}, colorMode) => {
   var _a, _b, _c;
   const [token, hue] = color.split(".");
@@ -234,16 +235,21 @@ var transparentizeColor = (color, alpha) => (theme, colorMode) => {
   return transparentize(raw, 1 - alpha);
 };
 var toneColor = (color, hue) => (theme, colorMode) => {
-  const raw = getColor(color, color)(theme, colorMode);
   if (hue < 50 || 950 < hue)
     return color;
-  let n = (hue - 500) / 10;
-  const isLighten = n <= 0;
-  if (isLighten)
-    n *= -1;
-  if (n !== 0)
-    n = n - 5 * (isLighten ? 1 : -1);
-  return toHex(isLighten ? lighten(raw, n / 100) : mix(raw, "#000", n / 100));
+  let raw = color;
+  if (theme && colorMode)
+    getColor(color, color)(theme, colorMode);
+  const amount = (500 - hue) * 1e-3 * coef;
+  return toHex(lighten(raw, amount));
+};
+var toneColors = (color) => {
+  const colors = {};
+  hues.forEach((hue) => {
+    const amount = (500 - hue) * 1e-3 * coef;
+    colors[hue] = toHex(lighten(color, amount));
+  });
+  return colors;
 };
 var randomColor = ({
   string,
@@ -404,9 +410,8 @@ var getObject = (obj, path, fallback, i) => {
 var memoizeObject = (func) => {
   const cache = /* @__PURE__ */ new WeakMap();
   const memoizedFunc = (obj, path, fallback, i) => {
-    if (typeof obj === "undefined") {
+    if (typeof obj === "undefined")
       return func(obj, path, fallback);
-    }
     if (!cache.has(obj))
       cache.set(obj, /* @__PURE__ */ new Map());
     const map = cache.get(obj);
@@ -485,6 +490,7 @@ export {
   shadeColor,
   transparentizeColor,
   toneColor,
+  toneColors,
   randomColor,
   isTone,
   isLight,

package/dist/color.d.mts

@@ -1,6 +1,6 @@
 import { Dict } from './index.types.mjs';
 
-type ColorMode = 'light' | 'dark';
+type ColorMode = "light" | "dark";
 declare const hues: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
 declare const isGray: (colorScheme: string) => boolean;
 declare const getColor: (color: string, fallback?: string) => (theme?: Dict, colorMode?: ColorMode) => string;
@@ -10,6 +10,7 @@ declare const tintColor: (color: string, amount: number) => (theme?: Dict, color
 declare const shadeColor: (color: string, amount: number) => (theme?: Dict, colorMode?: ColorMode) => string;
 declare const transparentizeColor: (color: string, alpha: number) => (theme?: Dict, colorMode?: ColorMode) => string;
 declare const toneColor: (color: string, hue: (typeof hues)[number]) => (theme?: Dict, colorMode?: ColorMode) => string;
+declare const toneColors: (color: string) => Record<string, string>;
 declare const randomColor: ({ string, colors, }?: {
     string?: string | undefined;
     colors?: string[] | undefined;
@@ -18,4 +19,4 @@ declare const isTone: (color: string) => (theme?: Dict, colorMode?: ColorMode) =
 declare const isLight: (color: string) => (theme?: Dict, colorMode?: ColorMode) => boolean;
 declare const isDark: (color: string) => (theme?: Dict, colorMode?: ColorMode) => boolean;
 
-export { darkenColor, getColor, hues, isDark, isGray, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor };
+export { darkenColor, getColor, hues, isDark, isGray, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, toneColors, transparentizeColor };

package/dist/color.d.ts

@@ -1,6 +1,6 @@
 import { Dict } from './index.types.js';
 
-type ColorMode = 'light' | 'dark';
+type ColorMode = "light" | "dark";
 declare const hues: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
 declare const isGray: (colorScheme: string) => boolean;
 declare const getColor: (color: string, fallback?: string) => (theme?: Dict, colorMode?: ColorMode) => string;
@@ -10,6 +10,7 @@ declare const tintColor: (color: string, amount: number) => (theme?: Dict, color
 declare const shadeColor: (color: string, amount: number) => (theme?: Dict, colorMode?: ColorMode) => string;
 declare const transparentizeColor: (color: string, alpha: number) => (theme?: Dict, colorMode?: ColorMode) => string;
 declare const toneColor: (color: string, hue: (typeof hues)[number]) => (theme?: Dict, colorMode?: ColorMode) => string;
+declare const toneColors: (color: string) => Record<string, string>;
 declare const randomColor: ({ string, colors, }?: {
     string?: string | undefined;
     colors?: string[] | undefined;
@@ -18,4 +19,4 @@ declare const isTone: (color: string) => (theme?: Dict, colorMode?: ColorMode) =
 declare const isLight: (color: string) => (theme?: Dict, colorMode?: ColorMode) => boolean;
 declare const isDark: (color: string) => (theme?: Dict, colorMode?: ColorMode) => boolean;
 
-export { darkenColor, getColor, hues, isDark, isGray, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor };
+export { darkenColor, getColor, hues, isDark, isGray, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, toneColors, transparentizeColor };

package/dist/color.js

@@ -32,6 +32,7 @@ __export(color_exports, {
   shadeColor: () => shadeColor,
   tintColor: () => tintColor,
   toneColor: () => toneColor,
+  toneColors: () => toneColors,
   transparentizeColor: () => transparentizeColor
 });
 module.exports = __toCommonJS(color_exports);
@@ -53,9 +54,8 @@ var getObject = (obj, path, fallback, i) => {
 var memoizeObject = (func) => {
   const cache = /* @__PURE__ */ new WeakMap();
   const memoizedFunc = (obj, path, fallback, i) => {
-    if (typeof obj === "undefined") {
+    if (typeof obj === "undefined")
       return func(obj, path, fallback);
-    }
     if (!cache.has(obj))
       cache.set(obj, /* @__PURE__ */ new Map());
     const map = cache.get(obj);
@@ -70,6 +70,7 @@ var memoizeObject = (func) => {
 var getMemoizedObject = memoizeObject(getObject);
 
 // src/color.ts
+var coef = 0.75;
 var hues = [
   50,
   100,
@@ -83,7 +84,7 @@ var hues = [
   900,
   950
 ];
-var isGray = (colorScheme) => colorScheme === "gray" || colorScheme === "zinc" || colorScheme === "neutral" || colorScheme === "stone";
+var isGray = (colorScheme) => colorScheme === "gray" || colorScheme === "neutral";
 var getColor = (color, fallback) => (theme = {}, colorMode) => {
   var _a, _b, _c;
   const [token, hue] = color.split(".");
@@ -124,16 +125,21 @@ var transparentizeColor = (color, alpha) => (theme, colorMode) => {
   return (0, import_color2k.transparentize)(raw, 1 - alpha);
 };
 var toneColor = (color, hue) => (theme, colorMode) => {
-  const raw = getColor(color, color)(theme, colorMode);
   if (hue < 50 || 950 < hue)
     return color;
-  let n = (hue - 500) / 10;
-  const isLighten = n <= 0;
-  if (isLighten)
-    n *= -1;
-  if (n !== 0)
-    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));
+  let raw = color;
+  if (theme && colorMode)
+    getColor(color, color)(theme, colorMode);
+  const amount = (500 - hue) * 1e-3 * coef;
+  return (0, import_color2k.toHex)((0, import_color2k.lighten)(raw, amount));
+};
+var toneColors = (color) => {
+  const colors = {};
+  hues.forEach((hue) => {
+    const amount = (500 - hue) * 1e-3 * coef;
+    colors[hue] = (0, import_color2k.toHex)((0, import_color2k.lighten)(color, amount));
+  });
+  return colors;
 };
 var randomColor = ({
   string,
@@ -202,5 +208,6 @@ var isDark = (color) => (theme, colorMode) => isTone(color)(theme, colorMode) ==
   shadeColor,
   tintColor,
   toneColor,
+  toneColors,
   transparentizeColor
 });

package/dist/color.mjs

@@ -11,8 +11,9 @@ import {
   shadeColor,
   tintColor,
   toneColor,
+  toneColors,
   transparentizeColor
-} from "./chunk-5OQGKXOK.mjs";
+} from "./chunk-RJN7NAQE.mjs";
 import "./chunk-SLJ4M7XC.mjs";
 import "./chunk-VYMGBE25.mjs";
 import "./chunk-BZAW2D6U.mjs";
@@ -34,5 +35,6 @@ export {
   shadeColor,
   tintColor,
   toneColor,
+  toneColors,
   transparentizeColor
 };

package/dist/dom.d.mts

@@ -15,7 +15,7 @@ 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';
+type Booleanish = boolean | "true" | "false";
 declare const dataAttr: (condition: boolean | undefined) => Booleanish;
 declare const ariaAttr: (condition: boolean | undefined) => boolean | undefined;
 type FocusableElement = {
@@ -30,4 +30,4 @@ 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 };
+export { type 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.d.ts

@@ -15,7 +15,7 @@ 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';
+type Booleanish = boolean | "true" | "false";
 declare const dataAttr: (condition: boolean | undefined) => Booleanish;
 declare const ariaAttr: (condition: boolean | undefined) => boolean | undefined;
 type FocusableElement = {
@@ -30,4 +30,4 @@ 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 };
+export { type 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/event.d.mts

@@ -1,5 +1,5 @@
 type AnyPointerEvent = MouseEvent | TouchEvent | PointerEvent;
-type PointType = 'page' | 'client';
+type PointType = "page" | "client";
 type Point = {
     x: number;
     y: number;
@@ -27,4 +27,4 @@ declare const getEventPoint: (ev: AnyPointerEvent, type?: PointType) => {
 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 };
+export { type AnyPointerEvent, type MixedEventListener, type Point, type PointType, type PointerEventInfo, addDomEvent, addPointerEvent, getEventPoint, getEventWindow, isMouseEvent, isMultiTouchEvent, isTouchEvent, pointFromMouse, pointFromTouch };

package/dist/event.d.ts

@@ -1,5 +1,5 @@
 type AnyPointerEvent = MouseEvent | TouchEvent | PointerEvent;
-type PointType = 'page' | 'client';
+type PointType = "page" | "client";
 type Point = {
     x: number;
     y: number;
@@ -27,4 +27,4 @@ declare const getEventPoint: (ev: AnyPointerEvent, type?: PointType) => {
 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 };
+export { type AnyPointerEvent, type MixedEventListener, type Point, type PointType, type PointerEventInfo, addDomEvent, addPointerEvent, getEventPoint, getEventWindow, isMouseEvent, isMultiTouchEvent, isTouchEvent, pointFromMouse, pointFromTouch };

package/dist/function.mjs

@@ -3,7 +3,7 @@ import {
   handlerAll,
   noop,
   runIfFunc
-} from "./chunk-5OQGKXOK.mjs";
+} from "./chunk-RJN7NAQE.mjs";
 import "./chunk-SLJ4M7XC.mjs";
 import "./chunk-VYMGBE25.mjs";
 import "./chunk-BZAW2D6U.mjs";

package/dist/index.d.mts

@@ -6,7 +6,7 @@ export { AsyncFnReturn, AsyncState, AsyncStateRetry, DOMAttributes, FunctionRetu
 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, hues, isDark, isGray, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor } from './color.mjs';
+export { darkenColor, getColor, hues, isDark, isGray, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, toneColors, 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';

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { AsyncFnReturn, AsyncState, AsyncStateRetry, DOMAttributes, FunctionRetu
 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.js';
 export { escape } from './string.js';
 export { Operand, calc } from './calc.js';
-export { darkenColor, getColor, hues, isDark, isGray, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor } from './color.js';
+export { darkenColor, getColor, hues, isDark, isGray, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, toneColors, transparentizeColor } from './color.js';
 export { filterEmpty } from './array.js';
 export { clampNumber, countDecimal, percentToValue, roundNumberToStep, toPrecision, valueToPercent } from './number.js';
 export { AnyPointerEvent, MixedEventListener, Point, PointType, PointerEventInfo, addDomEvent, addPointerEvent, getEventPoint, getEventWindow, isMouseEvent, isMultiTouchEvent, isTouchEvent, pointFromMouse, pointFromTouch } from './event.js';

package/dist/index.js

@@ -124,6 +124,7 @@ __export(src_exports, {
   tintColor: () => tintColor,
   toPrecision: () => toPrecision,
   toneColor: () => toneColor,
+  toneColors: () => toneColors,
   transparentizeColor: () => transparentizeColor,
   useAsync: () => useAsync,
   useAsyncFunc: () => useAsyncFunc,
@@ -258,9 +259,8 @@ var getObject = (obj, path, fallback, i) => {
 var memoizeObject = (func) => {
   const cache = /* @__PURE__ */ new WeakMap();
   const memoizedFunc = (obj, path, fallback, i) => {
-    if (typeof obj === "undefined") {
+    if (typeof obj === "undefined")
       return func(obj, path, fallback);
-    }
     if (!cache.has(obj))
       cache.set(obj, /* @__PURE__ */ new Map());
     const map = cache.get(obj);
@@ -584,6 +584,7 @@ var calc = Object.assign(
 
 // src/color.ts
 var import_color2k = require("color2k");
+var coef = 0.75;
 var hues = [
   50,
   100,
@@ -597,7 +598,7 @@ var hues = [
   900,
   950
 ];
-var isGray = (colorScheme) => colorScheme === "gray" || colorScheme === "zinc" || colorScheme === "neutral" || colorScheme === "stone";
+var isGray = (colorScheme) => colorScheme === "gray" || colorScheme === "neutral";
 var getColor = (color, fallback) => (theme = {}, colorMode) => {
   var _a, _b, _c;
   const [token, hue] = color.split(".");
@@ -638,16 +639,21 @@ var transparentizeColor = (color, alpha) => (theme, colorMode) => {
   return (0, import_color2k.transparentize)(raw, 1 - alpha);
 };
 var toneColor = (color, hue) => (theme, colorMode) => {
-  const raw = getColor(color, color)(theme, colorMode);
   if (hue < 50 || 950 < hue)
     return color;
-  let n = (hue - 500) / 10;
-  const isLighten = n <= 0;
-  if (isLighten)
-    n *= -1;
-  if (n !== 0)
-    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));
+  let raw = color;
+  if (theme && colorMode)
+    getColor(color, color)(theme, colorMode);
+  const amount = (500 - hue) * 1e-3 * coef;
+  return (0, import_color2k.toHex)((0, import_color2k.lighten)(raw, amount));
+};
+var toneColors = (color) => {
+  const colors = {};
+  hues.forEach((hue) => {
+    const amount = (500 - hue) * 1e-3 * coef;
+    colors[hue] = (0, import_color2k.toHex)((0, import_color2k.lighten)(color, amount));
+  });
+  return colors;
 };
 var randomColor = ({
   string,
@@ -872,6 +878,7 @@ var addPointerEvent = (target, type, cb, options) => addDomEvent(target, type, w
   tintColor,
   toPrecision,
   toneColor,
+  toneColors,
   transparentizeColor,
   useAsync,
   useAsyncFunc,

package/dist/index.mjs

@@ -40,6 +40,7 @@ import {
   splitObject,
   tintColor,
   toneColor,
+  toneColors,
   transparentizeColor,
   useAsync,
   useAsyncFunc,
@@ -50,7 +51,7 @@ import {
   useSafeLayoutEffect,
   useUnmountEffect,
   useUpdateEffect
-} from "./chunk-5OQGKXOK.mjs";
+} from "./chunk-RJN7NAQE.mjs";
 import "./chunk-SLJ4M7XC.mjs";
 import {
   clampNumber,
@@ -216,6 +217,7 @@ export {
   tintColor,
   toPrecision,
   toneColor,
+  toneColors,
   transparentizeColor,
   useAsync,
   useAsyncFunc,

package/dist/index.types.d.mts

@@ -11,4 +11,4 @@ type Merge<T extends object> = {
     [K in keyof T]: T[K];
 };
 
-export { Dict, Length, Merge, Path, Primitive, StringLiteral, Union };
+export type { Dict, Length, Merge, Path, Primitive, StringLiteral, Union };

package/dist/index.types.d.ts

@@ -11,4 +11,4 @@ type Merge<T extends object> = {
     [K in keyof T]: T[K];
 };
 
-export { Dict, Length, Merge, Path, Primitive, StringLiteral, Union };
+export type { Dict, Length, Merge, Path, Primitive, StringLiteral, Union };

package/dist/object.js

@@ -147,9 +147,8 @@ var getObject = (obj, path, fallback, i) => {
 var memoizeObject = (func) => {
   const cache = /* @__PURE__ */ new WeakMap();
   const memoizedFunc = (obj, path, fallback, i) => {
-    if (typeof obj === "undefined") {
+    if (typeof obj === "undefined")
       return func(obj, path, fallback);
-    }
     if (!cache.has(obj))
       cache.set(obj, /* @__PURE__ */ new Map());
     const map = cache.get(obj);

package/dist/object.mjs

@@ -13,7 +13,7 @@ import {
   pickObject,
   replaceObject,
   splitObject
-} from "./chunk-5OQGKXOK.mjs";
+} from "./chunk-RJN7NAQE.mjs";
 import "./chunk-SLJ4M7XC.mjs";
 import "./chunk-VYMGBE25.mjs";
 import "./chunk-BZAW2D6U.mjs";

package/dist/react.d.mts

@@ -88,4 +88,4 @@ declare const useAsyncRetry: <T>(func: () => Promise<T>, deps?: React.Dependency
     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 };
+export { type AsyncFnReturn, type AsyncState, type AsyncStateRetry, type DOMAttributes, type FunctionReturningPromise, type MaybeRenderProp, type PromiseType, type PropGetter, type 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

@@ -88,4 +88,4 @@ declare const useAsyncRetry: <T>(func: () => Promise<T>, deps?: React.Dependency
     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 };
+export { type AsyncFnReturn, type AsyncState, type AsyncStateRetry, type DOMAttributes, type FunctionReturningPromise, type MaybeRenderProp, type PromiseType, type PropGetter, type RequiredPropGetter, assignRef, createContext, cx, findChildren, getValidChildren, includesChildren, isRefObject, isValidElement, mergeRefs, omitChildren, pickChildren, useAsync, useAsyncFunc, useAsyncRetry, useCallbackRef, useIsMounted, useMergeRefs, useSafeLayoutEffect, useUnmountEffect, useUpdateEffect };

package/dist/react.mjs

@@ -19,7 +19,7 @@ import {
   useSafeLayoutEffect,
   useUnmountEffect,
   useUpdateEffect
-} from "./chunk-5OQGKXOK.mjs";
+} from "./chunk-RJN7NAQE.mjs";
 import "./chunk-SLJ4M7XC.mjs";
 import "./chunk-VYMGBE25.mjs";
 import "./chunk-BZAW2D6U.mjs";

package/package.json

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