@yamada-ui/react 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018

package/dist/esm/utils/common/object.js

@@ -0,0 +1,108 @@
+import { isArray, isFunction, isObject, isString, isUndefined } from "./assertion.js";
+
+//#region src/utils/common/object.ts
+function omitObject(obj, keys) {
+	if (!keys.length) return obj;
+	const result = {};
+	Object.keys(obj).forEach((key) => {
+		if (keys.includes(key)) return;
+		result[key] = obj[key];
+	});
+	return result;
+}
+function pickObject(obj, keys) {
+	if (!keys.length) return {};
+	const result = {};
+	keys.forEach((key) => {
+		if (key in obj) result[key] = obj[key];
+	});
+	return result;
+}
+function splitObject(obj, funcOrKeys) {
+	const picked = {};
+	const omitted = {};
+	for (const [key, value] of Object.entries(obj)) if (isFunction(funcOrKeys) ? funcOrKeys(key) : funcOrKeys?.includes(key)) picked[key] = value;
+	else omitted[key] = value;
+	return [picked, omitted];
+}
+function filterObject(obj, func) {
+	const result = {};
+	Object.entries(obj).forEach(([key, value]) => {
+		const shouldPass = func(key, value, obj);
+		if (shouldPass) result[key] = value;
+	});
+	return result;
+}
+function filterUndefined(obj) {
+	return filterObject(obj, (_, val) => val !== null && val !== void 0);
+}
+function merge(target, source, options = {
+	mergeArray: false,
+	shouldProcess: () => true
+}) {
+	let result = Object.assign({}, target);
+	if (isObject(source) && options.shouldProcess?.(source)) if (isObject(target)) for (const [sourceKey, sourceValue] of Object.entries(source)) {
+		const targetValue = target[sourceKey];
+		if (options.shouldProcess(sourceValue)) if (options.mergeArray && isArray(sourceValue) && isArray(targetValue)) result[sourceKey] = targetValue.concat(...sourceValue);
+		else if (!isFunction(sourceValue) && isObject(sourceValue) && target.hasOwnProperty(sourceKey)) result[sourceKey] = merge(targetValue, sourceValue, options);
+		else Object.assign(result, { [sourceKey]: sourceValue });
+		else Object.assign(result, { [sourceKey]: sourceValue });
+	}
+	else result = source;
+	return result;
+}
+function flattenObject(obj, { maxDepth = Infinity, separator = ".", shouldProcess = () => true } = {}) {
+	if (!isObject(obj) && !isArray(obj)) return obj;
+	return Object.entries(obj).reduce((result, [key, value]) => {
+		if (isObject(value) && shouldProcess(value) && maxDepth > 1) Object.entries(flattenObject(value, {
+			maxDepth: maxDepth - 1,
+			separator,
+			shouldProcess
+		})).forEach(([childKey, childValue]) => {
+			result[`${key}${separator}${childKey}`] = childValue;
+		});
+		else result[key] = value;
+		return result;
+	}, {});
+}
+function objectKeys(obj) {
+	return Object.keys(obj);
+}
+function replaceObject(objOrArray, callBack) {
+	if (isArray(objOrArray)) return objOrArray.map(callBack);
+	else if (isObject(objOrArray)) return Object.entries(objOrArray).reduce((obj, [key, value]) => {
+		obj[key] = callBack(value);
+		return obj;
+	}, {});
+	else return callBack(objOrArray);
+}
+function getObject(obj, path, fallback) {
+	const keys = isString(path) ? path.split(/\[(.*?)\]|\./).filter(Boolean) : [path];
+	for (const key of keys) {
+		if (!obj) break;
+		obj = obj[key];
+	}
+	return obj === void 0 ? fallback : obj;
+}
+function memoizeObject(func) {
+	const cache = /* @__PURE__ */ new WeakMap();
+	function memoizedFunc(obj, path, fallback) {
+		if (isUndefined(obj)) return func(obj, path, fallback);
+		if (!cache.has(obj)) cache.set(obj, /* @__PURE__ */ new Map());
+		const map = cache.get(obj);
+		if (map.has(path)) return map.get(path);
+		const value = func(obj, path, fallback);
+		map.set(path, value);
+		return value;
+	}
+	return memoizedFunc;
+}
+const getMemoizedObject = memoizeObject(getObject);
+function wrapWithKey(obj, key) {
+	if (key) return { [key]: obj };
+	else return obj;
+}
+
+//#endregion
+export { filterObject, filterUndefined, flattenObject, getMemoizedObject, getObject, memoizeObject, merge, objectKeys, omitObject, pickObject, replaceObject, splitObject, wrapWithKey };
+//# sourceMappingURL=object.js.map

package/dist/esm/utils/common/object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","names":["obj: Y","keys: M[] | readonly M[]","result: Dict","funcOrKeys?: ((key: string) => boolean) | M[] | readonly M[]","picked: Dict","omitted: Dict","func: (key: keyof Y, value: Y[keyof Y], obj: Y) => boolean","target: any","source: any","options: mergeOptions","targetValue: any","obj: any","objOrArray: Y","callBack: (value: any) => any","obj: Dict | undefined","path: number | string","fallback?: any","func: typeof getObject","obj: Dict","obj: T","key?: string"],"sources":["../../../../src/utils/common/object.ts"],"sourcesContent":["import type { Dict } from \"./index.types\"\nimport {\n  isArray,\n  isFunction,\n  isObject,\n  isString,\n  isUndefined,\n} from \"./assertion\"\n\nexport function omitObject<Y extends Dict, M extends keyof Y>(\n  obj: Y,\n  keys: M[] | readonly M[],\n): Omit<Y, M> {\n  if (!keys.length) return obj\n\n  const result: Dict = {}\n\n  Object.keys(obj).forEach((key) => {\n    if (keys.includes(key as M)) return\n\n    result[key] = obj[key]\n  })\n\n  return result as Omit<Y, M>\n}\n\nexport function pickObject<Y extends Dict, M extends keyof Y>(\n  obj: Y,\n  keys: M[] | readonly M[],\n): { [D in M]: Y[D] } {\n  if (!keys.length) return {} as { [D in M]: Y[D] }\n\n  const result = {} as { [D in M]: Y[D] }\n\n  keys.forEach((key) => {\n    if (key in obj) result[key] = obj[key]\n  })\n\n  return result\n}\n\nexport function splitObject<Y extends Dict, M extends keyof Y>(\n  obj: Y,\n  funcOrKeys?: M[] | readonly M[],\n): [{ [D in M]: Y[D] }, Omit<Y, M>]\n\nexport function splitObject<Y extends Dict, M extends Dict>(\n  obj: Dict,\n  funcOrKeys?: (key: string) => boolean,\n): [Y, M]\n\nexport function splitObject<Y extends Dict, M extends keyof Y>(\n  obj: Y,\n  funcOrKeys?: ((key: string) => boolean) | M[] | readonly M[],\n) {\n  const picked: Dict = {}\n  const omitted: Dict = {}\n\n  for (const [key, value] of Object.entries(obj)) {\n    if (\n      isFunction(funcOrKeys) ? funcOrKeys(key) : funcOrKeys?.includes(key as M)\n    ) {\n      picked[key] = value\n    } else {\n      omitted[key] = value\n    }\n  }\n\n  return [picked, omitted] as [{ [D in M]: Y[D] }, Omit<Y, M>]\n}\n\nexport function filterObject<Y extends Dict, M extends Dict>(\n  obj: Y,\n  func: (key: keyof Y, value: Y[keyof Y], obj: Y) => boolean,\n): M {\n  const result: Dict = {}\n\n  Object.entries(obj).forEach(([key, value]) => {\n    const shouldPass = func(key, value, obj)\n\n    if (shouldPass) result[key] = value\n  })\n\n  return result as M\n}\n\nexport function filterUndefined<Y extends Dict>(obj: Y): Y {\n  return filterObject(obj, (_, val) => val !== null && val !== undefined)\n}\n\nexport interface mergeOptions {\n  debug?: boolean\n  mergeArray?: boolean\n  shouldProcess?: (value: any) => boolean\n}\n\nexport function merge<Y extends Dict>(\n  target: any,\n  source: any,\n  options: mergeOptions = { mergeArray: false, shouldProcess: () => true },\n): Y {\n  let result = Object.assign({}, target)\n\n  if (isObject(source) && options.shouldProcess?.(source)) {\n    if (isObject(target)) {\n      for (const [sourceKey, sourceValue] of Object.entries(source)) {\n        const targetValue: any = target[sourceKey]\n\n        if (options.shouldProcess(sourceValue)) {\n          if (\n            options.mergeArray &&\n            isArray(sourceValue) &&\n            isArray(targetValue)\n          ) {\n            result[sourceKey] = targetValue.concat(...sourceValue)\n          } else if (\n            !isFunction(sourceValue) &&\n            isObject(sourceValue) &&\n            target.hasOwnProperty(sourceKey)\n          ) {\n            result[sourceKey] = merge(targetValue, sourceValue, options)\n          } else {\n            Object.assign(result, { [sourceKey]: sourceValue })\n          }\n        } else {\n          Object.assign(result, { [sourceKey]: sourceValue })\n        }\n      }\n    } else {\n      result = source\n    }\n  }\n\n  return result as Y\n}\n\nexport interface FlattenObjectOptions {\n  maxDepth?: number\n  separator?: string\n  shouldProcess?: (value: any) => boolean\n}\n\nexport function flattenObject<Y extends Dict>(\n  obj: any,\n  {\n    maxDepth = Infinity,\n    separator = \".\",\n    shouldProcess = () => true,\n  }: FlattenObjectOptions = {},\n): Y {\n  if (!isObject(obj) && !isArray(obj)) return obj\n\n  return Object.entries(obj).reduce<any>((result, [key, value]) => {\n    if (isObject(value) && shouldProcess(value) && maxDepth > 1) {\n      Object.entries(\n        flattenObject(value, {\n          maxDepth: maxDepth - 1,\n          separator,\n          shouldProcess,\n        }),\n      ).forEach(([childKey, childValue]) => {\n        result[`${key}${separator}${childKey}`] = childValue\n      })\n    } else {\n      result[key] = value\n    }\n\n    return result\n  }, {}) as Y\n}\n\nexport function objectKeys<Y extends object>(obj: Y): (keyof Y)[] {\n  return Object.keys(obj) as (keyof Y)[]\n}\n\nexport function replaceObject<Y = any>(\n  objOrArray: Y,\n  callBack: (value: any) => any,\n): Y {\n  if (isArray(objOrArray)) {\n    return objOrArray.map(callBack) as Y\n  } else if (isObject(objOrArray)) {\n    return Object.entries(objOrArray).reduce<Dict>((obj, [key, value]) => {\n      obj[key] = callBack(value)\n\n      return obj\n    }, {}) as Y\n  } else {\n    return callBack(objOrArray)\n  }\n}\n\nexport function getObject(\n  obj: Dict | undefined,\n  path: number | string,\n  fallback?: any,\n) {\n  const keys = isString(path)\n    ? path.split(/\\[(.*?)\\]|\\./).filter(Boolean)\n    : [path]\n\n  for (const key of keys) {\n    if (!obj) break\n\n    obj = obj[key]\n  }\n\n  return obj === undefined ? fallback : obj\n}\n\nexport function memoizeObject(func: typeof getObject) {\n  const cache = new WeakMap()\n\n  function memoizedFunc<Y>(\n    obj: Dict,\n    path: number | string,\n    fallback?: any,\n  ): Y {\n    if (isUndefined(obj)) return func(obj, path, fallback)\n\n    if (!cache.has(obj)) cache.set(obj, new Map())\n\n    const map = cache.get(obj)\n\n    if (map.has(path)) return map.get(path)\n\n    const value = func(obj, path, fallback)\n\n    map.set(path, value)\n\n    return value as Y\n  }\n\n  return memoizedFunc\n}\n\nexport const getMemoizedObject = memoizeObject(getObject)\n\nexport function wrapWithKey<T>(obj: T, key?: string) {\n  if (key) {\n    return { [key]: obj }\n  } else {\n    return obj\n  }\n}\n"],"mappings":"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"}

package/dist/esm/utils/common/string.js

@@ -0,0 +1,86 @@
+import { isString, isUndefined } from "./assertion.js";
+
+//#region src/utils/common/string.ts
+function cx(...classNames) {
+	return classNames.filter((className) => !isUndefined(className)).map((className) => className.trim()).join(" ");
+}
+function escape(value, replaceValue = "") {
+	return value.replace(/\s+/g, replaceValue);
+}
+function antonym(value) {
+	switch (value) {
+		case "top": return "bottom";
+		case "bottom": return "top";
+		case "left": return "right";
+		case "right": return "left";
+		case "start": return "end";
+		case "end": return "start";
+		case "x": return "y";
+		case "y": return "x";
+		case "enter": return "exit";
+		case "exit": return "enter";
+		case "vertical": return "horizontal";
+		case "horizontal": return "vertical";
+		case "up": return "down";
+		case "down": return "up";
+		case "block": return "inline";
+		case "inline": return "block";
+		default: return value;
+	}
+}
+const sizeMap = [
+	"9xs",
+	"8xs",
+	"7xs",
+	"6xs",
+	"5xs",
+	"4xs",
+	"3xs",
+	"2xs",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"2xl",
+	"3xl",
+	"4xl",
+	"5xl",
+	"6xl",
+	"7xl",
+	"8xl",
+	"9xl"
+];
+function isSize(value) {
+	return isString(value) && sizeMap.includes(value);
+}
+function transformSize(token, value, omitTokens = null) {
+	if (!token) return void 0;
+	let resolvedSizeMap = sizeMap;
+	if (omitTokens) resolvedSizeMap = sizeMap.filter((size$1) => !omitTokens.includes(size$1));
+	const index = resolvedSizeMap.indexOf(token);
+	const size = resolvedSizeMap[index + value];
+	return size ?? token;
+}
+function toCamelCase(value) {
+	return value.replace(/[_-](.)/g, (_, val) => val.toUpperCase()).replace(/^(.)/, (_, val) => val.toLowerCase());
+}
+function toPascalCase(value) {
+	return value.replace(/[_-](.)/g, (_, val) => val.toUpperCase()).replace(/^(.)/, (_, val) => val.toUpperCase());
+}
+function toKebabCase(value) {
+	return value.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, "");
+}
+function toTitleCase(value) {
+	return value.replace(/([A-Z])/g, " $1").replace(/[_-](.)/g, (_, val) => ` ${val.toUpperCase()}`).replace(/^./, (str) => str.toUpperCase()).trim();
+}
+function bem(block, element, modifier) {
+	let className = block;
+	if (element) className += `__${element}`;
+	if (modifier) className += `--${modifier}`;
+	return className;
+}
+
+//#endregion
+export { antonym, bem, cx, escape, isSize, toCamelCase, toKebabCase, toPascalCase, toTitleCase, transformSize };
+//# sourceMappingURL=string.js.map

package/dist/esm/utils/common/string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.js","names":["value: string","sizeMap: AnyString[]","value: any","token: string | undefined","value: number","omitTokens: null | string[]","size","value: AnyString","block: string","element?: string","modifier?: string"],"sources":["../../../../src/utils/common/string.ts"],"sourcesContent":["import type { AnyString } from \"./index.types\"\nimport { isString, isUndefined } from \"./assertion\"\n\nexport function cx(...classNames: (string | undefined)[]) {\n  return classNames\n    .filter((className) => !isUndefined(className))\n    .map((className) => className.trim())\n    .join(\" \")\n}\n\nexport function escape(value: string, replaceValue = \"\"): string {\n  return value.replace(/\\s+/g, replaceValue)\n}\n\nexport function antonym(value: string): string {\n  switch (value) {\n    case \"top\":\n      return \"bottom\"\n\n    case \"bottom\":\n      return \"top\"\n\n    case \"left\":\n      return \"right\"\n\n    case \"right\":\n      return \"left\"\n\n    case \"start\":\n      return \"end\"\n\n    case \"end\":\n      return \"start\"\n\n    case \"x\":\n      return \"y\"\n\n    case \"y\":\n      return \"x\"\n\n    case \"enter\":\n      return \"exit\"\n\n    case \"exit\":\n      return \"enter\"\n\n    case \"vertical\":\n      return \"horizontal\"\n\n    case \"horizontal\":\n      return \"vertical\"\n\n    case \"up\":\n      return \"down\"\n\n    case \"down\":\n      return \"up\"\n\n    case \"block\":\n      return \"inline\"\n\n    case \"inline\":\n      return \"block\"\n\n    default:\n      return value\n  }\n}\n\nconst sizeMap: AnyString[] = [\n  \"9xs\",\n  \"8xs\",\n  \"7xs\",\n  \"6xs\",\n  \"5xs\",\n  \"4xs\",\n  \"3xs\",\n  \"2xs\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"2xl\",\n  \"3xl\",\n  \"4xl\",\n  \"5xl\",\n  \"6xl\",\n  \"7xl\",\n  \"8xl\",\n  \"9xl\",\n]\n\nexport function isSize(value: any): boolean {\n  return isString(value) && sizeMap.includes(value)\n}\n\nexport function transformSize<Y = string>(\n  token: string | undefined,\n  value: number,\n  omitTokens: null | string[] = null,\n): undefined | Y {\n  if (!token) return undefined\n\n  let resolvedSizeMap = sizeMap\n\n  if (omitTokens)\n    resolvedSizeMap = sizeMap.filter((size) => !omitTokens.includes(size))\n\n  const index = resolvedSizeMap.indexOf(token)\n  const size = resolvedSizeMap[index + value]\n\n  return (size ?? token) as Y\n}\n\nexport function toCamelCase(value: AnyString): string {\n  return value\n    .replace(/[_-](.)/g, (_, val) => val.toUpperCase())\n    .replace(/^(.)/, (_, val) => val.toLowerCase())\n}\n\nexport function toPascalCase(value: AnyString): string {\n  return value\n    .replace(/[_-](.)/g, (_, val) => val.toUpperCase())\n    .replace(/^(.)/, (_, val) => val.toUpperCase())\n}\n\nexport function toKebabCase(value: AnyString): string {\n  return value\n    .replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\")\n    .toLowerCase()\n    .replace(/^-/, \"\")\n}\n\nexport function toTitleCase(value: AnyString): string {\n  return value\n    .replace(/([A-Z])/g, \" $1\")\n    .replace(/[_-](.)/g, (_, val) => ` ${val.toUpperCase()}`)\n    .replace(/^./, (str) => str.toUpperCase())\n    .trim()\n}\n\nexport function bem(block: string, element?: string, modifier?: string) {\n  let className = block\n\n  if (element) className += `__${element}`\n  if (modifier) className += `--${modifier}`\n\n  return className\n}\n"],"mappings":";;;AAGA,SAAgB,GAAG,GAAG,YAAoC;AACxD,QAAO,WACJ,OAAO,CAAC,eAAe,YAAY,UAAU,CAAC,CAC9C,IAAI,CAAC,cAAc,UAAU,MAAM,CAAC,CACpC,KAAK,IAAI;AACb;AAED,SAAgB,OAAOA,OAAe,eAAe,IAAY;AAC/D,QAAO,MAAM,QAAQ,QAAQ,aAAa;AAC3C;AAED,SAAgB,QAAQA,OAAuB;AAC7C,SAAQ,OAAR;EACE,KAAK,MACH,QAAO;EAET,KAAK,SACH,QAAO;EAET,KAAK,OACH,QAAO;EAET,KAAK,QACH,QAAO;EAET,KAAK,QACH,QAAO;EAET,KAAK,MACH,QAAO;EAET,KAAK,IACH,QAAO;EAET,KAAK,IACH,QAAO;EAET,KAAK,QACH,QAAO;EAET,KAAK,OACH,QAAO;EAET,KAAK,WACH,QAAO;EAET,KAAK,aACH,QAAO;EAET,KAAK,KACH,QAAO;EAET,KAAK,OACH,QAAO;EAET,KAAK,QACH,QAAO;EAET,KAAK,SACH,QAAO;EAET,QACE,QAAO;CACV;AACF;AAED,MAAMC,UAAuB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD;AAED,SAAgB,OAAOC,OAAqB;AAC1C,QAAO,SAAS,MAAM,IAAI,QAAQ,SAAS,MAAM;AAClD;AAED,SAAgB,cACdC,OACAC,OACAC,aAA8B,MACf;AACf,MAAK,MAAO;CAEZ,IAAI,kBAAkB;AAEtB,KAAI,WACF,mBAAkB,QAAQ,OAAO,CAACC,YAAU,WAAW,SAASA,OAAK,CAAC;CAExE,MAAM,QAAQ,gBAAgB,QAAQ,MAAM;CAC5C,MAAM,OAAO,gBAAgB,QAAQ;AAErC,QAAQ,QAAQ;AACjB;AAED,SAAgB,YAAYC,OAA0B;AACpD,QAAO,MACJ,QAAQ,YAAY,CAAC,GAAG,QAAQ,IAAI,aAAa,CAAC,CAClD,QAAQ,QAAQ,CAAC,GAAG,QAAQ,IAAI,aAAa,CAAC;AAClD;AAED,SAAgB,aAAaA,OAA0B;AACrD,QAAO,MACJ,QAAQ,YAAY,CAAC,GAAG,QAAQ,IAAI,aAAa,CAAC,CAClD,QAAQ,QAAQ,CAAC,GAAG,QAAQ,IAAI,aAAa,CAAC;AAClD;AAED,SAAgB,YAAYA,OAA0B;AACpD,QAAO,MACJ,QAAQ,gCAAgC,QAAQ,CAChD,aAAa,CACb,QAAQ,MAAM,GAAG;AACrB;AAED,SAAgB,YAAYA,OAA0B;AACpD,QAAO,MACJ,QAAQ,YAAY,MAAM,CAC1B,QAAQ,YAAY,CAAC,GAAG,SAAS,GAAG,IAAI,aAAa,GAAG,CACxD,QAAQ,MAAM,CAAC,QAAQ,IAAI,aAAa,CAAC,CACzC,MAAM;AACV;AAED,SAAgB,IAAIC,OAAeC,SAAkBC,UAAmB;CACtE,IAAI,YAAY;AAEhB,KAAI,QAAS,eAAc,IAAI;AAC/B,KAAI,SAAU,eAAc,IAAI;AAEhC,QAAO;AACR"}

package/dist/esm/utils/index.js

@@ -1,4 +1,3 @@
-import { __export, __reExport } from "../_virtual/rolldown_runtime.js";
 import { findChild, findChildren, getValidChildren, includesChildren, isSomeDisplayName, isSomeElement, isValidElement, omitChildren, pickChildren, wrapOrPassProps } from "./children.js";
 import { createContext } from "./context.js";
 import { getEventRelatedTarget, runKeyAction, useAttributeObserver, useIds, visuallyHiddenAttributes } from "./dom.js";
@@ -6,42 +5,17 @@ import { useSafeLayoutEffect, useUnmountEffect, useUpdateEffect } from "./effect
 import { assignRef, isRefObject, mergeRefs, useCallbackRef, useMergeRefs } from "./ref.js";
 import { useSsr } from "./ssr.js";
 import { createStore } from "./store.js";
+import { cast, is, isArray, isBoolean, isBooleanish, isEmpty, isEmptyObject, isFunction, isNotNumber, isNull, isNumber, isNumeric, isObject, isRegExp, isString, isUndefined, isUnit } from "./common/assertion.js";
+import { filterEmpty, toArray } from "./common/array.js";
+import { calc } from "./common/calc.js";
+import { COLOR_SCHEMES, DEFAULT_COLOR_SCHEMES, SEMANTIC_COLOR_SCHEMES, TONES, alphaToHex, calcFormat, convertColor, getAlpha, hslaTo, hsvTo, parseToHsla, parseToHsv, parseToRgba, rgbaTo, sameColor } from "./common/color.js";
+import { fnAll, handlerAll, noop, runIfFn } from "./common/function.js";
+import { ariaAttr, contains, createdDom, dataAttr, getActiveElement, getDocument, getDocumentElement, getFirstFocusableElement, getFirstTabbableElement, getFocusableElements, getLastTabbableElement, getNextTabbableElement, getNodeName, getParentNode, getPlatform, getPx, getTabIndex, getTabbableElementEdges, getTabbableElements, getUserAgent, getWindow, isActiveElement, isAndroid, isApple, isChrome, isDisabledElement, isDocument, isEditableElement, isFirefox, isFocusableElement, isFrame, isHTMLElement, isHiddenElement, isIPad, isIPhone, isInputElement, isIos, isMac, isNode, isSafari, isShadowRoot, isTabbableElement, isTouchDevice, isVisibleElement, isVisualViewport, isWebKit, isWindow, platform, scrollLock, setAttribute, setStyle, userAgent, uuid, vendor } from "./common/dom.js";
+import { addDomEvent, focusTransfer, focusTrap, getEventPoint, getEventWindow, isMouseEvent, isMultiTouchEvent, isTouchEvent, pointFromMouse, pointFromTouch } from "./common/event.js";
+import { isRtl } from "./common/i18n.js";
+import { interopDefault } from "./common/module.js";
+import { clampNumber, countDecimal, percentToValue, roundNumberToStep, toNumber, toPrecision, valueToPercent } from "./common/number.js";
+import { filterObject, filterUndefined, flattenObject, getMemoizedObject, getObject, memoizeObject, merge, objectKeys, omitObject, pickObject, replaceObject, splitObject, wrapWithKey } from "./common/object.js";
+import { antonym, bem, cx, escape, isSize, toCamelCase, toKebabCase, toPascalCase, toTitleCase, transformSize } from "./common/string.js";
 
-export * from "@yamada-ui/utils"
-
-//#region src/utils/index.ts
-var utils_exports = {};
-__export(utils_exports, {
-	assignRef: () => assignRef,
-	createContext: () => createContext,
-	createStore: () => createStore,
-	findChild: () => findChild,
-	findChildren: () => findChildren,
-	getEventRelatedTarget: () => getEventRelatedTarget,
-	getValidChildren: () => getValidChildren,
-	includesChildren: () => includesChildren,
-	isRefObject: () => isRefObject,
-	isSomeDisplayName: () => isSomeDisplayName,
-	isSomeElement: () => isSomeElement,
-	isValidElement: () => isValidElement,
-	mergeRefs: () => mergeRefs,
-	omitChildren: () => omitChildren,
-	pickChildren: () => pickChildren,
-	runKeyAction: () => runKeyAction,
-	useAttributeObserver: () => useAttributeObserver,
-	useCallbackRef: () => useCallbackRef,
-	useIds: () => useIds,
-	useMergeRefs: () => useMergeRefs,
-	useSafeLayoutEffect: () => useSafeLayoutEffect,
-	useSsr: () => useSsr,
-	useUnmountEffect: () => useUnmountEffect,
-	useUpdateEffect: () => useUpdateEffect,
-	visuallyHiddenAttributes: () => visuallyHiddenAttributes,
-	wrapOrPassProps: () => wrapOrPassProps
-});
-import * as import___yamada_ui_utils from "@yamada-ui/utils";
-__reExport(utils_exports, import___yamada_ui_utils);
-
-//#endregion
-export { assignRef, createContext, createStore, findChild, findChildren, getEventRelatedTarget, getValidChildren, includesChildren, isRefObject, isSomeDisplayName, isSomeElement, isValidElement, mergeRefs, omitChildren, pickChildren, runKeyAction, useAttributeObserver, useCallbackRef, useIds, useMergeRefs, useSafeLayoutEffect, useSsr, useUnmountEffect, useUpdateEffect, utils_exports, visuallyHiddenAttributes, wrapOrPassProps };
-//# sourceMappingURL=index.js.map
+export { COLOR_SCHEMES, DEFAULT_COLOR_SCHEMES, SEMANTIC_COLOR_SCHEMES, TONES, addDomEvent, alphaToHex, antonym, ariaAttr, assignRef, bem, calc, calcFormat, cast, clampNumber, contains, convertColor, countDecimal, createContext, createStore, createdDom, cx, dataAttr, escape, filterEmpty, filterObject, filterUndefined, findChild, findChildren, flattenObject, fnAll, focusTransfer, focusTrap, getActiveElement, getAlpha, getDocument, getDocumentElement, getEventPoint, getEventRelatedTarget, getEventWindow, getFirstFocusableElement, getFirstTabbableElement, getFocusableElements, getLastTabbableElement, getMemoizedObject, getNextTabbableElement, getNodeName, getObject, getParentNode, getPlatform, getPx, getTabIndex, getTabbableElementEdges, getTabbableElements, getUserAgent, getValidChildren, getWindow, handlerAll, hslaTo, hsvTo, includesChildren, interopDefault, is, isActiveElement, isAndroid, isApple, isArray, isBoolean, isBooleanish, isChrome, isDisabledElement, isDocument, isEditableElement, isEmpty, isEmptyObject, isFirefox, isFocusableElement, isFrame, isFunction, isHTMLElement, isHiddenElement, isIPad, isIPhone, isInputElement, isIos, isMac, isMouseEvent, isMultiTouchEvent, isNode, isNotNumber, isNull, isNumber, isNumeric, isObject, isRefObject, isRegExp, isRtl, isSafari, isShadowRoot, isSize, isSomeDisplayName, isSomeElement, isString, isTabbableElement, isTouchDevice, isTouchEvent, isUndefined, isUnit, isValidElement, isVisibleElement, isVisualViewport, isWebKit, isWindow, memoizeObject, merge, mergeRefs, noop, objectKeys, omitChildren, omitObject, parseToHsla, parseToHsv, parseToRgba, percentToValue, pickChildren, pickObject, platform, pointFromMouse, pointFromTouch, replaceObject, rgbaTo, roundNumberToStep, runIfFn, runKeyAction, sameColor, scrollLock, setAttribute, setStyle, splitObject, toArray, toCamelCase, toKebabCase, toNumber, toPascalCase, toPrecision, toTitleCase, transformSize, useAttributeObserver, useCallbackRef, useIds, useMergeRefs, useSafeLayoutEffect, useSsr, useUnmountEffect, useUpdateEffect, userAgent, uuid, valueToPercent, vendor, visuallyHiddenAttributes, wrapOrPassProps, wrapWithKey };

package/dist/types/components/accordion/accordion.d.ts

@@ -1,4 +1,5 @@
 import { ReactNodeOrFunction } from "../../utils/context.js";
+import { Dict } from "../../utils/common/index.types.js";
 import { ComponentSlotStyle, ThemeProps } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
@@ -7,8 +8,7 @@ import { AccordionStyle } from "./accordion.style.js";
 import { UseAccordionItemProps, UseAccordionProps } from "./use-accordion.js";
 import { WithTransitionProps } from "../motion/index.types.js";
 import { CollapseProps } from "../collapse/collapse.js";
-import * as react252 from "react";
-import * as _yamada_ui_utils255 from "@yamada-ui/utils";
+import * as react209 from "react";
 
 //#region src/components/accordion/accordion.d.ts
 interface AccordionCallBackProps {
@@ -28,7 +28,7 @@ interface AccordionRootProps extends Omit<HTMLStyledProps, "onChange">, ThemePro
    */
   iconHidden?: boolean;
 }
-declare const AccordionComponentContext: react252.Context<AccordionComponentContext>, AccordionPropsContext: react252.Context<Partial<AccordionRootProps> | undefined>, useAccordionComponentContext: () => AccordionComponentContext, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils255.Dict = (H extends keyof react252.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils255.Dict<any>)>(el: H | react252.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
+declare const AccordionComponentContext: react209.Context<AccordionComponentContext>, AccordionPropsContext: react209.Context<Partial<AccordionRootProps> | undefined>, useAccordionComponentContext: () => AccordionComponentContext, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends Dict = (H extends keyof react209.JSX.IntrinsicElements ? HTMLStyledProps<Y> : Dict<any>)>(el: H | react209.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
     panel: {
       button: {
         rounded: "l2";
@@ -54,7 +54,7 @@ declare const AccordionComponentContext: react252.Context<AccordionComponentCont
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react252.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends AccordionRootProps = AccordionRootProps, T extends keyof R = keyof R>(el: H | react252.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react209.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends AccordionRootProps = AccordionRootProps, T extends keyof R = keyof R>(el: H | react209.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
     panel: {
       button: {
         rounded: "l2";
@@ -102,7 +102,7 @@ declare const AccordionComponentContext: react252.Context<AccordionComponentCont
         };
       };
     };
-  }>, T>[]) => H extends "fragment" ? react252.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react209.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.
  *

package/dist/types/components/airy/airy.d.ts

@@ -4,9 +4,9 @@ import { As, Component } from "../../core/components/index.types.js";
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { HTMLMotionProps } from "../motion/index.types.js";
 import { AiryStyle } from "./airy.style.js";
-import * as react219 from "react";
+import * as react11 from "react";
 import { ReactNode } from "react";
-import * as react_jsx_runtime232 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/airy/airy.d.ts
 interface AiryProps extends Omit<HTMLMotionProps<"button">, "onChange">, ThemeProps<AiryStyle> {
@@ -57,13 +57,13 @@ interface AiryProps extends Omit<HTMLMotionProps<"button">, "onChange">, ThemePr
    */
   onChange?: (value: KeyframeIdent) => void;
 }
-declare const AiryPropsContext: react219.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends AiryProps = AiryProps, R extends keyof H = keyof H>(el: D | react219.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const AiryPropsContext: react11.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends AiryProps = AiryProps, R extends keyof H = keyof H>(el: D | react11.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react219.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react11.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Airy` is a component that creates an airy animation, switching between two elements when one is clicked.
  *
@@ -81,7 +81,7 @@ declare const Airy: Component<({
   onChange,
   onClick: onClickProp,
   ...rest
-}: Omit<AiryProps, "size" | "variant">) => react_jsx_runtime232.JSX.Element, AiryProps>;
+}: Omit<AiryProps, "size" | "variant">) => react_jsx_runtime24.JSX.Element, AiryProps>;
 //#endregion
 export { Airy, AiryProps, AiryPropsContext, useAiryPropsContext, withContext };
 //# sourceMappingURL=airy.d.ts.map

package/dist/types/components/alert/alert.d.ts

@@ -1,3 +1,4 @@
+import { Dict } from "../../utils/common/index.types.js";
 import { ComponentSlotStyle, ThemeProps } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
@@ -6,8 +7,7 @@ import { IconProps } from "../icon/icon.js";
 import { LoadingProps, LoadingScheme } from "../loading/utils.js";
 import { StatusScheme } from "../status/status.js";
 import { AlertStyle } from "./alert.style.js";
-import * as react21 from "react";
-import * as _yamada_ui_utils31 from "@yamada-ui/utils";
+import * as react33 from "react";
 
 //#region src/components/alert/alert.d.ts
 interface ComponentContext {
@@ -21,7 +21,7 @@ interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
    */
   status?: StatusScheme;
 }
-declare const ComponentContext: react21.Context<ComponentContext>, AlertPropsContext: react21.Context<Partial<AlertRootProps> | undefined>, useComponentContext: () => ComponentContext, useAlertPropsContext: () => Partial<AlertRootProps> | undefined, useStyleContext: () => CSSSlotObject<ComponentSlotName<ComponentSlotStyle<"title" | "loading" | "icon" | "description" | "root", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, {
+declare const ComponentContext: react33.Context<ComponentContext>, AlertPropsContext: react33.Context<Partial<AlertRootProps> | undefined>, useComponentContext: () => ComponentContext, useAlertPropsContext: () => Partial<AlertRootProps> | undefined, useStyleContext: () => CSSSlotObject<ComponentSlotName<ComponentSlotStyle<"title" | "icon" | "description" | "loading" | "root", CSSPropObject<CSSSlotObject<"title" | "icon" | "description" | "loading" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "icon" | "description" | "loading" | "root">>, {
     island: {
       description: {
         color: "fg.muted";
@@ -79,7 +79,7 @@ declare const ComponentContext: react21.Context<ComponentContext>, AlertPropsCon
         layerStyle: "surface";
       };
     };
-  }>>>, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils31.Dict = (H extends keyof react21.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils31.Dict<any>)>(el: H | react21.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"title" | "loading" | "icon" | "description" | "root", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, {
+  }>>>, withContext: <H extends "fragment" | As = "div", R extends Dict = (H extends keyof react33.JSX.IntrinsicElements ? HTMLStyledProps<Y> : Dict<any>)>(el: H | react33.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"title" | "icon" | "description" | "loading" | "root", CSSPropObject<CSSSlotObject<"title" | "icon" | "description" | "loading" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "icon" | "description" | "loading" | "root">>, {
     island: {
       description: {
         color: "fg.muted";
@@ -142,7 +142,7 @@ declare const ComponentContext: react21.Context<ComponentContext>, AlertPropsCon
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react21.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends AlertRootProps = AlertRootProps, T extends keyof R = keyof R>(el: H | react21.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"title" | "loading" | "icon" | "description" | "root", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react33.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends AlertRootProps = AlertRootProps, T extends keyof R = keyof R>(el: H | react33.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"title" | "icon" | "description" | "loading" | "root", CSSPropObject<CSSSlotObject<"title" | "icon" | "description" | "loading" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "icon" | "description" | "loading" | "root">>, {
     island: {
       description: {
         color: "fg.muted";
@@ -206,7 +206,7 @@ declare const ComponentContext: react21.Context<ComponentContext>, AlertPropsCon
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"title" | "loading" | "icon" | "description" | "root", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, {
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"title" | "icon" | "description" | "loading" | "root", CSSPropObject<CSSSlotObject<"title" | "icon" | "description" | "loading" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "icon" | "description" | "loading" | "root">>, {
     island: {
       description: {
         color: "fg.muted";
@@ -264,7 +264,7 @@ declare const ComponentContext: react21.Context<ComponentContext>, AlertPropsCon
         layerStyle: "surface";
       };
     };
-  }>, T>[]) => H extends "fragment" ? react21.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react33.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `Alert` is a component that conveys information to the user.
  *

package/dist/types/components/alert/alert.style.d.ts

@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 
 //#region src/components/alert/alert.style.d.ts
-declare const alertStyle: ComponentSlotStyle<"title" | "loading" | "icon" | "description" | "root", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, {
+declare const alertStyle: ComponentSlotStyle<"title" | "icon" | "description" | "loading" | "root", CSSPropObject<CSSSlotObject<"title" | "icon" | "description" | "loading" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "icon" | "description" | "loading" | "root">>, {
   island: {
     description: {
       color: "fg.muted";

package/dist/types/components/aspect-ratio/aspect-ratio.d.ts

@@ -2,7 +2,7 @@ import { ComponentStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSObject, CSSPropObject, StyleValue } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
-import * as react71 from "react";
+import * as react691 from "react";
 import { FC } from "react";
 
 //#region src/components/aspect-ratio/aspect-ratio.d.ts
@@ -14,13 +14,13 @@ interface AspectRatioProps extends HTMLStyledProps {
    */
   ratio?: StyleValue<number>;
 }
-declare const AspectRatioPropsContext: react71.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends AspectRatioProps = AspectRatioProps, R extends keyof H = keyof H>(el: D | FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const AspectRatioPropsContext: react691.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends AspectRatioProps = AspectRatioProps, R extends keyof H = keyof H>(el: D | FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react71.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react691.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.
  *

package/dist/types/components/avatar/avatar.d.ts

@@ -1,12 +1,12 @@
+import { Dict, Merge } from "../../utils/common/index.types.js";
 import { ComponentSlotStyle, ThemeProps } from "../../core/system/index.types.js";
 import { CSSObject, CSSSlotObject } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import { ComponentOptions, ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps, UseComponentPropsOptions } from "../../core/components/create-component.js";
 import { AvatarStyle } from "./avatar.style.js";
 import { UseAvatarProps } from "./use-avatar.js";
-import * as react343 from "react";
+import * as react530 from "react";
 import { ReactElement } from "react";
-import * as _yamada_ui_utils341 from "@yamada-ui/utils";
 
 //#region src/components/avatar/avatar.d.ts
 interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarProps {
@@ -15,7 +15,7 @@ interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvata
    */
   icon?: ReactElement;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils341.Dict = _yamada_ui_utils341.Dict<any>>(el: H | react343.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "fallback" | "root" | "group", {
+declare const component: <H extends "fragment" | As = "div", R extends Dict = Dict<any>>(el: H | react530.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "root" | "fallback" | "group", {
     shape: {
       circle: {
         root: {
@@ -146,7 +146,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     name,
     className,
     ...options
-  }?: ComponentOptions) => (...superProps: SuperProps<R>[]) => H extends "fragment" ? react343.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react343.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils341.Dict = (H extends keyof react343.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils341.Dict<any>)>(el: H | react343.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "fallback" | "root" | "group", {
+  }?: ComponentOptions) => (...superProps: SuperProps<R>[]) => H extends "fragment" ? react530.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react530.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends Dict = (H extends keyof react530.JSX.IntrinsicElements ? HTMLStyledProps<Y> : Dict<any>)>(el: H | react530.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "root" | "fallback" | "group", {
     shape: {
       circle: {
         root: {
@@ -278,7 +278,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react343.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends AvatarProps = AvatarProps, T extends keyof R = keyof R>(el: H | react343.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "shape" : Exclude<"shape", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "fallback" | "root" | "group", {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react530.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends AvatarProps = AvatarProps, T extends keyof R = keyof R>(el: H | react530.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "shape" : Exclude<"shape", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "root" | "fallback" | "group", {
     shape: {
       circle: {
         root: {
@@ -411,7 +411,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"image" | "fallback" | "root" | "group", {
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"image" | "root" | "fallback" | "group", {
     shape: {
       circle: {
         root: {
@@ -538,7 +538,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
         };
       };
     };
-  }>, T>[]) => H extends "fragment" ? react343.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, useRootComponentProps: <Y extends _yamada_ui_utils341.Dict = _yamada_ui_utils341.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "fallback" | "root" | "group", {
+  }>, T>[]) => H extends "fragment" ? react530.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, useRootComponentProps: <Y extends Dict = Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "root" | "fallback" | "group", {
     shape: {
       circle: {
         root: {
@@ -669,7 +669,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils341.Merge<Omit<Y, keyof Y extends R ? ("size" | "variant") | "shape" : Exclude<"shape", R> | Exclude<"size", R> | Exclude<"variant", R>>, {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<Omit<Y, keyof Y extends R ? ("size" | "variant") | "shape" : Exclude<"shape", R> | Exclude<"size", R> | Exclude<"variant", R>>, {
     css?: CSSObject | CSSObject[];
   }>];
 /**

package/dist/types/components/avatar/avatar.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 
 //#region src/components/avatar/avatar.style.d.ts
-declare const avatarStyle: ComponentSlotStyle<"image" | "fallback" | "root" | "group", {
+declare const avatarStyle: ComponentSlotStyle<"image" | "root" | "fallback" | "group", {
   /**
    * The shape of the component
    *

package/dist/types/components/avatar/use-avatar-group.d.ts

@@ -1,5 +1,5 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
-import * as react296 from "react";
+import * as react440 from "react";
 
 //#region src/components/avatar/use-avatar-group.d.ts
 interface UseAvatarGroupProps extends HTMLProps {
@@ -18,7 +18,7 @@ declare const useAvatarGroup: ({
   reverse,
   ...rest
 }?: UseAvatarGroupProps) => {
-  children: react296.ReactElement<any, string | react296.JSXElementConstructor<any>>[];
+  children: react440.ReactElement<any, string | react440.JSXElementConstructor<any>>[];
   excess: number;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

package/dist/types/components/badge/badge.d.ts

@@ -2,11 +2,11 @@ import { ComponentStyle, ThemeProps } from "../../core/system/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { BadgeStyle } from "./badge.style.js";
-import * as react241 from "react";
+import * as react360 from "react";
 
 //#region src/components/badge/badge.d.ts
 interface BadgeProps extends HTMLStyledProps<"span">, ThemeProps<BadgeStyle> {}
-declare const BadgePropsContext: react241.Context<Partial<BadgeProps> | undefined>, useBadgePropsContext: () => Partial<BadgeProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends BadgeProps = BadgeProps, R extends keyof H = keyof H>(el: D | react241.FC<Omit<H, keyof H extends R ? ("size" | "variant") | "fullRounded" : Exclude<"fullRounded", R> | Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const BadgePropsContext: react360.Context<Partial<BadgeProps> | undefined>, useBadgePropsContext: () => Partial<BadgeProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends BadgeProps = BadgeProps, R extends keyof H = keyof H>(el: D | react360.FC<Omit<H, keyof H extends R ? ("size" | "variant") | "fullRounded" : Exclude<"fullRounded", R> | Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
@@ -50,7 +50,7 @@ declare const BadgePropsContext: react241.Context<Partial<BadgeProps> | undefine
     surface: {
       layerStyle: "surface";
     };
-  }>, R>[]) => D extends "fragment" ? react241.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }>, R>[]) => D extends "fragment" ? react360.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Badge` is a component that emphasizes the status of an item to make it immediately recognizable.
  *