@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

package/dist/esm/utils/children.js.map

@@ -1 +1 @@
-{"version":3,"file":"children.js","names":["isValidElement","children","types","pickedChildren"],"sources":["../../../src/utils/children.tsx"],"sourcesContent":["import {\n  isArray,\n  isEmpty,\n  isNumber,\n  isString,\n  isUndefined,\n} from \"@yamada-ui/utils\"\nimport * as React from \"react\"\n\nexport function getValidChildren(\n  children: React.ReactNode,\n): React.ReactElement<any>[] {\n  return React.Children.toArray(children).filter((child) =>\n    React.isValidElement(child),\n  )\n}\n\nexport function useValidChildren(children: React.ReactNode) {\n  return React.useMemo(() => getValidChildren(children), [children])\n}\n\nexport function isValidElement(child: any): child is React.ReactNode {\n  return React.isValidElement(child) || isString(child) || isNumber(child)\n}\n\nexport function isSomeDisplayName(a: any, b: any): boolean {\n  if (isUndefined(a) || isUndefined(b)) return false\n\n  if (isArray(a)) {\n    if (a.includes(b)) return true\n    if (!!b.displayName && a.includes(b.displayName)) return true\n    if (!!b.name && a.includes(b.name)) return true\n  } else {\n    if (a === b) return true\n    if (!!a.displayName && !!b.displayName && a.displayName === b.displayName)\n      return true\n    if (!!a.name && !!b.name && a.name === b.name) return true\n    if (!!a.displayName && !!b.name && a.displayName === b.name) return true\n    if (!!a.name && !!b.displayName && a.name === b.displayName) return true\n  }\n\n  return false\n}\n\nexport function isSomeElement(a: any, b: any): boolean {\n  if (isUndefined(a) || isUndefined(b)) return false\n  if (a === b) return true\n  if (isSomeDisplayName(a, b)) return true\n\n  a = a._payload?.value\n\n  if (isUndefined(a)) return false\n  if (isSomeDisplayName(a, b)) return true\n\n  return false\n}\n\nexport function findChild<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y> | undefined {\n  const child = children.find((child) =>\n    types.some((type) => isSomeElement(child.type, type)),\n  )\n\n  return child as React.ReactElement<Y> | undefined\n}\n\nexport function useFindChild<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y> | undefined {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => findChild<Y>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function findChildren<Y = any, M = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): [React.ReactElement<Y> | undefined, ...React.ReactElement<M>[]] {\n  const child = findChild(children, ...types)\n\n  if (child) {\n    return children.sort((a, b) => {\n      if (types.some((type) => isSomeElement(a.type, type))) {\n        return -1\n      } else if (types.some((type) => isSomeElement(b.type, type))) {\n        return 1\n      } else {\n        return 0\n      }\n    }) as [React.ReactElement<Y> | undefined, ...React.ReactElement<M>[]]\n  } else {\n    return [undefined, ...(children as React.ReactElement<M>[])]\n  }\n}\n\nexport function useFindChildren<Y = any, M = any>(\n  children: React.ReactElement<M>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): [React.ReactElement<Y> | undefined, ...React.ReactElement<M>[]] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => findChildren<Y, M>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function includesChildren(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): boolean {\n  return children.some((child) => {\n    if (types.some((type) => isSomeElement(child.type, type))) return true\n\n    const children = getValidChildren(child.props.children)\n\n    return children.length ? includesChildren(children, ...types) : false\n  })\n}\n\nexport function useIncludesChildren(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): boolean {\n  return React.useMemo(\n    () => includesChildren(children, ...types),\n    [children, types],\n  )\n}\n\nexport function omitChildren<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  return children.filter((child) =>\n    types.every((type) => !isSomeElement(child.type, type)),\n  ) as React.ReactElement<Y>[]\n}\n\nexport function useOmitChildren<Y = any>(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => omitChildren<Y>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function pickChildren<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  return children.filter((child) =>\n    types.some((type) => isSomeElement(child.type, type)),\n  ) as React.ReactElement<Y>[]\n}\n\nexport function usePickChildren<Y = any>(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => pickChildren<Y>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function splitChildren<Y = any, M = any>(\n  children: React.ReactNode,\n  ...types: (\n    | (React.JSXElementConstructor<any> | string)[]\n    | React.JSXElementConstructor<any>\n    | string\n  )[]\n): [\n  React.ReactElement<M>[] | React.ReactNode,\n  ...(React.ReactElement<Y>[] | undefined)[],\n] {\n  const validChildren = getValidChildren(children)\n\n  if (isEmpty(validChildren)) return [children]\n\n  const pickedChildren = types.map((types) => {\n    if (isArray(types)) {\n      const pickedChildren = pickChildren(validChildren, ...types)\n\n      return !isEmpty(pickedChildren) ? pickedChildren : undefined\n    } else {\n      const pickedChildren = pickChildren(validChildren, types)\n\n      return !isEmpty(pickedChildren) ? pickedChildren : undefined\n    }\n  })\n\n  const omittedChildren = omitChildren(validChildren, ...types.flat())\n\n  return [omittedChildren, ...pickedChildren] as const\n}\n\nexport function useSplitChildren<Y = any, M = any>(\n  children: React.ReactNode,\n  ...types: (\n    | (React.JSXElementConstructor<any> | string)[]\n    | React.JSXElementConstructor<any>\n    | string\n  )[]\n): [\n  React.ReactElement<M>[] | React.ReactNode,\n  ...(React.ReactElement<Y>[] | undefined)[],\n] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => splitChildren<Y, M>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport const wrapOrPassProps = <Y extends React.PropsWithChildren>(\n  Component: React.FC<Y>,\n  nodeOrProps: React.ReactNode | Y,\n  additionalProps?: Y,\n) => {\n  if (isUndefined(nodeOrProps)) {\n    return null\n  } else if (isValidElement(nodeOrProps)) {\n    additionalProps ??= {} as Y\n    additionalProps.children = nodeOrProps\n\n    return <Component {...additionalProps} />\n  } else {\n    return <Component {...additionalProps} {...nodeOrProps} />\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"children.js","names":["isValidElement"],"sources":["../../../src/utils/children.tsx"],"sourcesContent":["import {\n  isArray,\n  isEmpty,\n  isNumber,\n  isString,\n  isUndefined,\n} from \"@yamada-ui/utils\"\nimport * as React from \"react\"\n\nexport function getValidChildren(\n  children: React.ReactNode,\n): React.ReactElement<any>[] {\n  return React.Children.toArray(children).filter((child) =>\n    React.isValidElement(child),\n  )\n}\n\nexport function useValidChildren(children: React.ReactNode) {\n  return React.useMemo(() => getValidChildren(children), [children])\n}\n\nexport function isValidElement(child: any): child is React.ReactNode {\n  return React.isValidElement(child) || isString(child) || isNumber(child)\n}\n\nexport function isSomeDisplayName(a: any, b: any): boolean {\n  if (isUndefined(a) || isUndefined(b)) return false\n\n  if (isArray(a)) {\n    if (a.includes(b)) return true\n    if (!!b.displayName && a.includes(b.displayName)) return true\n    if (!!b.name && a.includes(b.name)) return true\n  } else {\n    if (a === b) return true\n    if (!!a.displayName && !!b.displayName && a.displayName === b.displayName)\n      return true\n    if (!!a.name && !!b.name && a.name === b.name) return true\n    if (!!a.displayName && !!b.name && a.displayName === b.name) return true\n    if (!!a.name && !!b.displayName && a.name === b.displayName) return true\n  }\n\n  return false\n}\n\nexport function isSomeElement(a: any, b: any): boolean {\n  if (isUndefined(a) || isUndefined(b)) return false\n  if (a === b) return true\n  if (isSomeDisplayName(a, b)) return true\n\n  a = a._payload?.value\n\n  if (isUndefined(a)) return false\n  if (isSomeDisplayName(a, b)) return true\n\n  return false\n}\n\nexport function findChild<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y> | undefined {\n  const child = children.find((child) =>\n    types.some((type) => isSomeElement(child.type, type)),\n  )\n\n  return child as React.ReactElement<Y> | undefined\n}\n\nexport function useFindChild<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y> | undefined {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => findChild<Y>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function findChildren<Y = any, M = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): [React.ReactElement<Y> | undefined, ...React.ReactElement<M>[]] {\n  const child = findChild(children, ...types)\n\n  if (child) {\n    return children.sort((a, b) => {\n      if (types.some((type) => isSomeElement(a.type, type))) {\n        return -1\n      } else if (types.some((type) => isSomeElement(b.type, type))) {\n        return 1\n      } else {\n        return 0\n      }\n    }) as [React.ReactElement<Y> | undefined, ...React.ReactElement<M>[]]\n  } else {\n    return [undefined, ...(children as React.ReactElement<M>[])]\n  }\n}\n\nexport function useFindChildren<Y = any, M = any>(\n  children: React.ReactElement<M>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): [React.ReactElement<Y> | undefined, ...React.ReactElement<M>[]] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => findChildren<Y, M>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function includesChildren(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): boolean {\n  return children.some((child) => {\n    if (types.some((type) => isSomeElement(child.type, type))) return true\n\n    const children = getValidChildren(child.props.children)\n\n    return children.length ? includesChildren(children, ...types) : false\n  })\n}\n\nexport function useIncludesChildren(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): boolean {\n  return React.useMemo(\n    () => includesChildren(children, ...types),\n    [children, types],\n  )\n}\n\nexport function omitChildren<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  return children.filter((child) =>\n    types.every((type) => !isSomeElement(child.type, type)),\n  ) as React.ReactElement<Y>[]\n}\n\nexport function useOmitChildren<Y = any>(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => omitChildren<Y>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function pickChildren<Y = any>(\n  children: React.ReactElement[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  return children.filter((child) =>\n    types.some((type) => isSomeElement(child.type, type)),\n  ) as React.ReactElement<Y>[]\n}\n\nexport function usePickChildren<Y = any>(\n  children: React.ReactElement<any>[],\n  ...types: (React.JSXElementConstructor<any> | string)[]\n): React.ReactElement<Y>[] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => pickChildren<Y>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport function splitChildren<Y = any, M = any>(\n  children: React.ReactNode,\n  ...types: (\n    | (React.JSXElementConstructor<any> | string)[]\n    | React.JSXElementConstructor<any>\n    | string\n  )[]\n): [\n  React.ReactElement<M>[] | React.ReactNode,\n  ...(React.ReactElement<Y>[] | undefined)[],\n] {\n  const validChildren = getValidChildren(children)\n\n  if (isEmpty(validChildren)) return [children]\n\n  const pickedChildren = types.map((types) => {\n    if (isArray(types)) {\n      const pickedChildren = pickChildren(validChildren, ...types)\n\n      return !isEmpty(pickedChildren) ? pickedChildren : undefined\n    } else {\n      const pickedChildren = pickChildren(validChildren, types)\n\n      return !isEmpty(pickedChildren) ? pickedChildren : undefined\n    }\n  })\n\n  const omittedChildren = omitChildren(validChildren, ...types.flat())\n\n  return [omittedChildren, ...pickedChildren] as const\n}\n\nexport function useSplitChildren<Y = any, M = any>(\n  children: React.ReactNode,\n  ...types: (\n    | (React.JSXElementConstructor<any> | string)[]\n    | React.JSXElementConstructor<any>\n    | string\n  )[]\n): [\n  React.ReactElement<M>[] | React.ReactNode,\n  ...(React.ReactElement<Y>[] | undefined)[],\n] {\n  const typesRef = React.useRef(types)\n\n  return React.useMemo(\n    () => splitChildren<Y, M>(children, ...typesRef.current),\n    [children],\n  )\n}\n\nexport const wrapOrPassProps = <Y extends React.PropsWithChildren>(\n  Component: React.FC<Y>,\n  nodeOrProps: React.ReactNode | Y,\n  additionalProps?: Y,\n) => {\n  if (isUndefined(nodeOrProps)) {\n    return null\n  } else if (isValidElement(nodeOrProps)) {\n    additionalProps ??= {} as Y\n    additionalProps.children = nodeOrProps\n\n    return <Component {...additionalProps} />\n  } else {\n    return <Component {...additionalProps} {...nodeOrProps} />\n  }\n}\n"],"mappings":"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"}

package/dist/esm/utils/context.js

@@ -1,8 +1,6 @@
 "use client";
-
 import * as React from "react";
 import { use } from "react";
-
 //#region src/utils/context.ts
 function getErrorMessage(hookName, ContextName) {
 	return `${hookName} returned \`undefined\`. Seems you forgot to wrap component within ${ContextName}`;
@@ -10,19 +8,19 @@ function getErrorMessage(hookName, ContextName) {
 function createContext$1({ name = "Context", defaultValue, errorMessage, hookName = `use${name}`, strict = true } = {}) {
 	const Context = React.createContext(defaultValue);
 	Context.displayName = name;
-	const useContext$1 = () => {
+	const useContext = () => {
 		const context = use(Context);
 		if (!context && strict) {
 			const error = new Error(errorMessage ?? getErrorMessage(hookName, name));
 			error.name = "ContextError";
-			Error.captureStackTrace(error, useContext$1);
+			Error.captureStackTrace(error, useContext);
 			throw error;
 		}
 		return context;
 	};
-	return [Context, useContext$1];
+	return [Context, useContext];
 }
-
 //#endregion
 export { createContext$1 as createContext };
+
 //# sourceMappingURL=context.js.map

package/dist/esm/utils/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","useContext"],"sources":["../../../src/utils/context.ts"],"sourcesContent":["\"use client\"\n\nimport { use } from \"react\"\nimport * as React from \"react\"\n\nfunction getErrorMessage(hookName: string, ContextName: string) {\n  return `${hookName} returned \\`undefined\\`. Seems you forgot to wrap component within ${ContextName}`\n}\n\ninterface Options<Y = any> {\n  defaultValue?: Y\n  errorMessage?: string\n  hookName?: string\n  name?: string\n  strict?: boolean\n}\n\ntype CreateContextReturn<Y> = [React.Context<Y>, () => Y]\n\nexport function createContext<Y = any>(options: {\n  defaultValue?: Y\n  errorMessage?: string\n  hookName?: string\n  name?: string\n  strict?: true\n}): CreateContextReturn<Y>\nexport function createContext<Y = any>(options: {\n  defaultValue: Y\n  errorMessage?: string\n  hookName?: string\n  name?: string\n  strict?: false\n}): CreateContextReturn<Y>\nexport function createContext<Y = any>(options: {\n  defaultValue?: Y\n  errorMessage?: string\n  hookName?: string\n  name?: string\n  strict?: false\n}): CreateContextReturn<undefined | Y>\n\nexport function createContext<Y = any>({\n  name = \"Context\",\n  defaultValue,\n  errorMessage,\n  hookName = `use${name}`,\n  strict = true,\n}: Options<Y> = {}) {\n  const Context = React.createContext<undefined | Y>(defaultValue)\n\n  Context.displayName = name\n\n  const useContext = () => {\n    const context = use(Context)\n\n    if (!context && strict) {\n      const error = new Error(errorMessage ?? getErrorMessage(hookName, name))\n      error.name = \"ContextError\"\n      Error.captureStackTrace(error, useContext)\n      throw error\n    }\n\n    return context\n  }\n\n  return [Context, useContext] as CreateContextReturn<undefined | Y>\n}\n"],"mappings":";;;;;;AAKA,SAAS,gBAAgB,UAAkB,aAAqB;AAC9D,QAAO,GAAG,SAAS,qEAAqE;;AAmC1F,SAAgBA,gBAAuB,EACrC,OAAO,WACP,cACA,cACA,WAAW,MAAM,QACjB,SAAS,SACK,EAAE,EAAE;CAClB,MAAM,UAAU,MAAM,cAA6B,aAAa;AAEhE,SAAQ,cAAc;CAEtB,MAAMC,qBAAmB;EACvB,MAAM,UAAU,IAAI,QAAQ;AAE5B,MAAI,CAAC,WAAW,QAAQ;GACtB,MAAM,QAAQ,IAAI,MAAM,gBAAgB,gBAAgB,UAAU,KAAK,CAAC;AACxE,SAAM,OAAO;AACb,SAAM,kBAAkB,OAAOA,aAAW;AAC1C,SAAM;;AAGR,SAAO;;AAGT,QAAO,CAAC,SAASA,aAAW"}
+{"version":3,"file":"context.js","names":["createContext"],"sources":["../../../src/utils/context.ts"],"sourcesContent":["\"use client\"\n\nimport { use } from \"react\"\nimport * as React from \"react\"\n\nfunction getErrorMessage(hookName: string, ContextName: string) {\n  return `${hookName} returned \\`undefined\\`. Seems you forgot to wrap component within ${ContextName}`\n}\n\ninterface Options<Y = any> {\n  defaultValue?: Y\n  errorMessage?: string\n  hookName?: string\n  name?: string\n  strict?: boolean\n}\n\ntype CreateContextReturn<Y> = [React.Context<Y>, () => Y]\n\nexport function createContext<Y = any>(options: {\n  defaultValue?: Y\n  errorMessage?: string\n  hookName?: string\n  name?: string\n  strict?: true\n}): CreateContextReturn<Y>\nexport function createContext<Y = any>(options: {\n  defaultValue: Y\n  errorMessage?: string\n  hookName?: string\n  name?: string\n  strict?: false\n}): CreateContextReturn<Y>\nexport function createContext<Y = any>(options: {\n  defaultValue?: Y\n  errorMessage?: string\n  hookName?: string\n  name?: string\n  strict?: false\n}): CreateContextReturn<undefined | Y>\n\nexport function createContext<Y = any>({\n  name = \"Context\",\n  defaultValue,\n  errorMessage,\n  hookName = `use${name}`,\n  strict = true,\n}: Options<Y> = {}) {\n  const Context = React.createContext<undefined | Y>(defaultValue)\n\n  Context.displayName = name\n\n  const useContext = () => {\n    const context = use(Context)\n\n    if (!context && strict) {\n      const error = new Error(errorMessage ?? getErrorMessage(hookName, name))\n      error.name = \"ContextError\"\n      Error.captureStackTrace(error, useContext)\n      throw error\n    }\n\n    return context\n  }\n\n  return [Context, useContext] as CreateContextReturn<undefined | Y>\n}\n"],"mappings":";;;;AAKA,SAAS,gBAAgB,UAAkB,aAAqB;CAC9D,OAAO,GAAG,SAAS,qEAAqE;;AAmC1F,SAAgBA,gBAAuB,EACrC,OAAO,WACP,cACA,cACA,WAAW,MAAM,QACjB,SAAS,SACK,EAAE,EAAE;CAClB,MAAM,UAAU,MAAM,cAA6B,aAAa;CAEhE,QAAQ,cAAc;CAEtB,MAAM,mBAAmB;EACvB,MAAM,UAAU,IAAI,QAAQ;EAE5B,IAAI,CAAC,WAAW,QAAQ;GACtB,MAAM,QAAQ,IAAI,MAAM,gBAAgB,gBAAgB,UAAU,KAAK,CAAC;GACxE,MAAM,OAAO;GACb,MAAM,kBAAkB,OAAO,WAAW;GAC1C,MAAM;;EAGR,OAAO;;CAGT,OAAO,CAAC,SAAS,WAAW"}

package/dist/esm/utils/dom.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-
 //#region src/utils/dom.ts
 function runKeyAction(ev, actions, { preventDefault = true } = {}) {
 	if (ev.key === " ") ev.key = ev.code;
@@ -33,19 +32,18 @@ function useAttributeObserver(ref, attributeFilter, enabled, func) {
 function getEventRelatedTarget(ev) {
 	return ev.relatedTarget ?? ev.currentTarget.ownerDocument.activeElement;
 }
-const visuallyHiddenStyle = {
-	border: "0px",
-	clipPath: "rect(0px 0px 0px 0px)",
-	height: "1px",
-	margin: "-1px",
-	overflow: "hidden",
-	padding: "0px",
-	position: "absolute",
-	whiteSpace: "nowrap",
-	width: "1px"
-};
 const visuallyHiddenAttributes = {
-	style: visuallyHiddenStyle,
+	style: {
+		border: "0px",
+		clipPath: "rect(0px 0px 0px 0px)",
+		height: "1px",
+		margin: "-1px",
+		overflow: "hidden",
+		padding: "0px",
+		position: "absolute",
+		whiteSpace: "nowrap",
+		width: "1px"
+	},
 	"aria-hidden": true,
 	tabIndex: -1
 };
@@ -53,7 +51,7 @@ function* useIds() {
 	const id = React.useId();
 	for (let i = 0;; i++) yield `${id}-${i}`;
 }
-
 //#endregion
 export { getEventRelatedTarget, isComposing, runKeyAction, useAttributeObserver, useIds, visuallyHiddenAttributes };
+
 //# sourceMappingURL=dom.js.map

package/dist/esm/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","names":[],"sources":["../../../src/utils/dom.ts"],"sourcesContent":["import type { AnyString } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\n\ntype KeyboardNavigationKey =\n  | \"ArrowDown\"\n  | \"ArrowLeft\"\n  | \"ArrowRight\"\n  | \"ArrowUp\"\n  | \"End\"\n  | \"Home\"\n  | \"PageDown\"\n  | \"PageUp\"\n\ntype KeyboardControlKey =\n  | \"Alt\"\n  | \"Backspace\"\n  | \"CapsLock\"\n  | \"Control\"\n  | \"Delete\"\n  | \"Enter\"\n  | \"Escape\"\n  | \"Insert\"\n  | \"Meta\"\n  | \"NumLock\"\n  | \"Pause\"\n  | \"PrintScreen\"\n  | \"ScrollLock\"\n  | \"Shift\"\n  | \"Space\"\n  | \"Tab\"\n\ntype KeyboardFunctionKey = \"Fn\" | \"FnLock\" | `F${number}`\n\ntype KeyboardKey =\n  | AnyString\n  | KeyboardControlKey\n  | KeyboardFunctionKey\n  | KeyboardNavigationKey\n\nexport function runKeyAction<Y>(\n  ev: React.KeyboardEvent<Y>,\n  actions: { [key in KeyboardKey]?: React.KeyboardEventHandler<Y> },\n  { preventDefault = true }: { preventDefault?: boolean } = {},\n) {\n  if (ev.key === \" \") ev.key = ev.code\n  const action = actions[ev.key]\n\n  if (!action) return\n\n  if (preventDefault) ev.preventDefault()\n\n  action(ev)\n}\n\nexport function isComposing(\n  ev: React.ChangeEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n): boolean {\n  if (\"keyCode\" in ev) {\n    return ev.nativeEvent.isComposing || ev.keyCode === 229\n  } else if (ev.nativeEvent instanceof InputEvent) {\n    return ev.nativeEvent.isComposing\n  } else {\n    return false\n  }\n}\n\nexport function useAttributeObserver(\n  ref: React.RefObject<HTMLElement | null>,\n  attributeFilter: string[],\n  enabled: boolean,\n  func: () => void,\n) {\n  React.useEffect(() => {\n    if (!ref.current || !enabled) return\n\n    const ownerDocument = ref.current.ownerDocument.defaultView ?? window\n\n    const observer = new ownerDocument.MutationObserver((changes) => {\n      for (const { type, attributeName } of changes) {\n        if (type !== \"attributes\") continue\n        if (!attributeName) continue\n\n        if (attributeFilter.includes(attributeName)) func()\n      }\n    })\n\n    observer.observe(ref.current, { attributeFilter, attributes: true })\n\n    return () => observer.disconnect()\n  })\n}\n\nexport function getEventRelatedTarget(ev: React.FocusEvent | React.MouseEvent) {\n  return (ev.relatedTarget ??\n    ev.currentTarget.ownerDocument.activeElement) as HTMLElement | null\n}\n\nconst visuallyHiddenStyle = {\n  border: \"0px\",\n  clipPath: \"rect(0px 0px 0px 0px)\",\n  height: \"1px\",\n  margin: \"-1px\",\n  overflow: \"hidden\",\n  padding: \"0px\",\n  position: \"absolute\",\n  whiteSpace: \"nowrap\",\n  width: \"1px\",\n} satisfies React.CSSProperties\n\nexport const visuallyHiddenAttributes = {\n  style: visuallyHiddenStyle,\n  \"aria-hidden\": true,\n  tabIndex: -1,\n} satisfies React.HTMLAttributes<HTMLElement>\n\nexport function* useIds() {\n  const id = React.useId()\n\n  for (let i = 0; ; i++) {\n    yield `${id}-${i}`\n  }\n}\n"],"mappings":";;;AAuCA,SAAgB,aACd,IACA,SACA,EAAE,iBAAiB,SAAuC,EAAE,EAC5D;AACA,KAAI,GAAG,QAAQ,IAAK,IAAG,MAAM,GAAG;CAChC,MAAM,SAAS,QAAQ,GAAG;AAE1B,KAAI,CAAC,OAAQ;AAEb,KAAI,eAAgB,IAAG,gBAAgB;AAEvC,QAAO,GAAG;;AAGZ,SAAgB,YACd,IACS;AACT,KAAI,aAAa,GACf,QAAO,GAAG,YAAY,eAAe,GAAG,YAAY;UAC3C,GAAG,uBAAuB,WACnC,QAAO,GAAG,YAAY;KAEtB,QAAO;;AAIX,SAAgB,qBACd,KACA,iBACA,SACA,MACA;AACA,OAAM,gBAAgB;AACpB,MAAI,CAAC,IAAI,WAAW,CAAC,QAAS;EAI9B,MAAM,WAAW,KAFK,IAAI,QAAQ,cAAc,eAAe,QAE5B,kBAAkB,YAAY;AAC/D,QAAK,MAAM,EAAE,MAAM,mBAAmB,SAAS;AAC7C,QAAI,SAAS,aAAc;AAC3B,QAAI,CAAC,cAAe;AAEpB,QAAI,gBAAgB,SAAS,cAAc,CAAE,OAAM;;IAErD;AAEF,WAAS,QAAQ,IAAI,SAAS;GAAE;GAAiB,YAAY;GAAM,CAAC;AAEpE,eAAa,SAAS,YAAY;GAClC;;AAGJ,SAAgB,sBAAsB,IAAyC;AAC7E,QAAQ,GAAG,iBACT,GAAG,cAAc,cAAc;;AAGnC,MAAM,sBAAsB;CAC1B,QAAQ;CACR,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,SAAS;CACT,UAAU;CACV,YAAY;CACZ,OAAO;CACR;AAED,MAAa,2BAA2B;CACtC,OAAO;CACP,eAAe;CACf,UAAU;CACX;AAED,UAAiB,SAAS;CACxB,MAAM,KAAK,MAAM,OAAO;AAExB,MAAK,IAAI,IAAI,IAAK,IAChB,OAAM,GAAG,GAAG,GAAG"}
+{"version":3,"file":"dom.js","names":[],"sources":["../../../src/utils/dom.ts"],"sourcesContent":["import type { AnyString } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\n\ntype KeyboardNavigationKey =\n  | \"ArrowDown\"\n  | \"ArrowLeft\"\n  | \"ArrowRight\"\n  | \"ArrowUp\"\n  | \"End\"\n  | \"Home\"\n  | \"PageDown\"\n  | \"PageUp\"\n\ntype KeyboardControlKey =\n  | \"Alt\"\n  | \"Backspace\"\n  | \"CapsLock\"\n  | \"Control\"\n  | \"Delete\"\n  | \"Enter\"\n  | \"Escape\"\n  | \"Insert\"\n  | \"Meta\"\n  | \"NumLock\"\n  | \"Pause\"\n  | \"PrintScreen\"\n  | \"ScrollLock\"\n  | \"Shift\"\n  | \"Space\"\n  | \"Tab\"\n\ntype KeyboardFunctionKey = \"Fn\" | \"FnLock\" | `F${number}`\n\ntype KeyboardKey =\n  | AnyString\n  | KeyboardControlKey\n  | KeyboardFunctionKey\n  | KeyboardNavigationKey\n\nexport function runKeyAction<Y>(\n  ev: React.KeyboardEvent<Y>,\n  actions: { [key in KeyboardKey]?: React.KeyboardEventHandler<Y> },\n  { preventDefault = true }: { preventDefault?: boolean } = {},\n) {\n  if (ev.key === \" \") ev.key = ev.code\n  const action = actions[ev.key]\n\n  if (!action) return\n\n  if (preventDefault) ev.preventDefault()\n\n  action(ev)\n}\n\nexport function isComposing(\n  ev: React.ChangeEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n): boolean {\n  if (\"keyCode\" in ev) {\n    return ev.nativeEvent.isComposing || ev.keyCode === 229\n  } else if (ev.nativeEvent instanceof InputEvent) {\n    return ev.nativeEvent.isComposing\n  } else {\n    return false\n  }\n}\n\nexport function useAttributeObserver(\n  ref: React.RefObject<HTMLElement | null>,\n  attributeFilter: string[],\n  enabled: boolean,\n  func: () => void,\n) {\n  React.useEffect(() => {\n    if (!ref.current || !enabled) return\n\n    const ownerDocument = ref.current.ownerDocument.defaultView ?? window\n\n    const observer = new ownerDocument.MutationObserver((changes) => {\n      for (const { type, attributeName } of changes) {\n        if (type !== \"attributes\") continue\n        if (!attributeName) continue\n\n        if (attributeFilter.includes(attributeName)) func()\n      }\n    })\n\n    observer.observe(ref.current, { attributeFilter, attributes: true })\n\n    return () => observer.disconnect()\n  })\n}\n\nexport function getEventRelatedTarget(ev: React.FocusEvent | React.MouseEvent) {\n  return (ev.relatedTarget ??\n    ev.currentTarget.ownerDocument.activeElement) as HTMLElement | null\n}\n\nconst visuallyHiddenStyle = {\n  border: \"0px\",\n  clipPath: \"rect(0px 0px 0px 0px)\",\n  height: \"1px\",\n  margin: \"-1px\",\n  overflow: \"hidden\",\n  padding: \"0px\",\n  position: \"absolute\",\n  whiteSpace: \"nowrap\",\n  width: \"1px\",\n} satisfies React.CSSProperties\n\nexport const visuallyHiddenAttributes = {\n  style: visuallyHiddenStyle,\n  \"aria-hidden\": true,\n  tabIndex: -1,\n} satisfies React.HTMLAttributes<HTMLElement>\n\nexport function* useIds() {\n  const id = React.useId()\n\n  for (let i = 0; ; i++) {\n    yield `${id}-${i}`\n  }\n}\n"],"mappings":";;AAuCA,SAAgB,aACd,IACA,SACA,EAAE,iBAAiB,SAAuC,EAAE,EAC5D;CACA,IAAI,GAAG,QAAQ,KAAK,GAAG,MAAM,GAAG;CAChC,MAAM,SAAS,QAAQ,GAAG;CAE1B,IAAI,CAAC,QAAQ;CAEb,IAAI,gBAAgB,GAAG,gBAAgB;CAEvC,OAAO,GAAG;;AAGZ,SAAgB,YACd,IACS;CACT,IAAI,aAAa,IACf,OAAO,GAAG,YAAY,eAAe,GAAG,YAAY;MAC/C,IAAI,GAAG,uBAAuB,YACnC,OAAO,GAAG,YAAY;MAEtB,OAAO;;AAIX,SAAgB,qBACd,KACA,iBACA,SACA,MACA;CACA,MAAM,gBAAgB;EACpB,IAAI,CAAC,IAAI,WAAW,CAAC,SAAS;EAI9B,MAAM,WAAW,KAFK,IAAI,QAAQ,cAAc,eAAe,QAE5B,kBAAkB,YAAY;GAC/D,KAAK,MAAM,EAAE,MAAM,mBAAmB,SAAS;IAC7C,IAAI,SAAS,cAAc;IAC3B,IAAI,CAAC,eAAe;IAEpB,IAAI,gBAAgB,SAAS,cAAc,EAAE,MAAM;;IAErD;EAEF,SAAS,QAAQ,IAAI,SAAS;GAAE;GAAiB,YAAY;GAAM,CAAC;EAEpE,aAAa,SAAS,YAAY;GAClC;;AAGJ,SAAgB,sBAAsB,IAAyC;CAC7E,OAAQ,GAAG,iBACT,GAAG,cAAc,cAAc;;AAenC,MAAa,2BAA2B;CACtC,OAAO;EAZP,QAAQ;EACR,UAAU;EACV,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,SAAS;EACT,UAAU;EACV,YAAY;EACZ,OAAO;EAIA;CACP,eAAe;CACf,UAAU;CACX;AAED,UAAiB,SAAS;CACxB,MAAM,KAAK,MAAM,OAAO;CAExB,KAAK,IAAI,IAAI,IAAK,KAChB,MAAM,GAAG,GAAG,GAAG"}

package/dist/esm/utils/effect.js

@@ -1,5 +1,4 @@
 import * as React from "react";
-
 //#region src/utils/effect.ts
 const useSafeLayoutEffect = globalThis.document ? React.useLayoutEffect : React.useEffect;
 function useUnmountEffect(callback) {
@@ -24,7 +23,7 @@ function useUpdateEffect(callback, deps) {
 		};
 	}, []);
 }
-
 //#endregion
 export { useSafeLayoutEffect, useUnmountEffect, useUpdateEffect };
+
 //# sourceMappingURL=effect.js.map

package/dist/esm/utils/effect.js.map

@@ -1 +1 @@
-{"version":3,"file":"effect.js","names":[],"sources":["../../../src/utils/effect.ts"],"sourcesContent":["import * as React from \"react\"\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\nexport const useSafeLayoutEffect = globalThis.document\n  ? React.useLayoutEffect\n  : React.useEffect\n\nexport function useUnmountEffect(callback: () => void) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useEffect(() => () => callback(), [])\n}\n\n/**\n * `useUpdateEffect` is a custom hook that skips side effects on the initial render, and only runs them when the dependency array changes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-update-effect\n */\nexport function useUpdateEffect(\n  callback: React.EffectCallback,\n  deps: React.DependencyList,\n) {\n  const renderCycleRef = React.useRef(false)\n  const effectCycleRef = React.useRef(false)\n\n  React.useEffect(() => {\n    const mounted = renderCycleRef.current\n    const run = mounted && effectCycleRef.current\n\n    if (run) return callback()\n\n    effectCycleRef.current = true\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps)\n\n  React.useEffect(() => {\n    renderCycleRef.current = true\n\n    return () => {\n      renderCycleRef.current = false\n    }\n  }, [])\n}\n"],"mappings":";;;AAGA,MAAa,sBAAsB,WAAW,WAC1C,MAAM,kBACN,MAAM;AAEV,SAAgB,iBAAiB,UAAsB;AAErD,QAAO,MAAM,sBAAsB,UAAU,EAAE,EAAE,CAAC;;;;;;;AAQpD,SAAgB,gBACd,UACA,MACA;CACA,MAAM,iBAAiB,MAAM,OAAO,MAAM;CAC1C,MAAM,iBAAiB,MAAM,OAAO,MAAM;AAE1C,OAAM,gBAAgB;AAIpB,MAHgB,eAAe,WACR,eAAe,QAE7B,QAAO,UAAU;AAE1B,iBAAe,UAAU;IAExB,KAAK;AAER,OAAM,gBAAgB;AACpB,iBAAe,UAAU;AAEzB,eAAa;AACX,kBAAe,UAAU;;IAE1B,EAAE,CAAC"}
+{"version":3,"file":"effect.js","names":[],"sources":["../../../src/utils/effect.ts"],"sourcesContent":["import * as React from \"react\"\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\nexport const useSafeLayoutEffect = globalThis.document\n  ? React.useLayoutEffect\n  : React.useEffect\n\nexport function useUnmountEffect(callback: () => void) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useEffect(() => () => callback(), [])\n}\n\n/**\n * `useUpdateEffect` is a custom hook that skips side effects on the initial render, and only runs them when the dependency array changes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-update-effect\n */\nexport function useUpdateEffect(\n  callback: React.EffectCallback,\n  deps: React.DependencyList,\n) {\n  const renderCycleRef = React.useRef(false)\n  const effectCycleRef = React.useRef(false)\n\n  React.useEffect(() => {\n    const mounted = renderCycleRef.current\n    const run = mounted && effectCycleRef.current\n\n    if (run) return callback()\n\n    effectCycleRef.current = true\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps)\n\n  React.useEffect(() => {\n    renderCycleRef.current = true\n\n    return () => {\n      renderCycleRef.current = false\n    }\n  }, [])\n}\n"],"mappings":";;AAGA,MAAa,sBAAsB,WAAW,WAC1C,MAAM,kBACN,MAAM;AAEV,SAAgB,iBAAiB,UAAsB;CAErD,OAAO,MAAM,sBAAsB,UAAU,EAAE,EAAE,CAAC;;;;;;;AAQpD,SAAgB,gBACd,UACA,MACA;CACA,MAAM,iBAAiB,MAAM,OAAO,MAAM;CAC1C,MAAM,iBAAiB,MAAM,OAAO,MAAM;CAE1C,MAAM,gBAAgB;EAIpB,IAHgB,eAAe,WACR,eAAe,SAE7B,OAAO,UAAU;EAE1B,eAAe,UAAU;IAExB,KAAK;CAER,MAAM,gBAAgB;EACpB,eAAe,UAAU;EAEzB,aAAa;GACX,eAAe,UAAU;;IAE1B,EAAE,CAAC"}

package/dist/esm/utils/index.js

@@ -1,4 +1,4 @@
-import { __exportAll, __reExport } from "../_virtual/rolldown_runtime.js";
+import { __exportAll, __reExport } from "../_virtual/_rolldown/runtime.js";
 import { findChild, findChildren, getValidChildren, includesChildren, isSomeDisplayName, isSomeElement, isValidElement, omitChildren, pickChildren, splitChildren, useFindChild, useFindChildren, useIncludesChildren, useOmitChildren, usePickChildren, useSplitChildren, useValidChildren, wrapOrPassProps } from "./children.js";
 import { createContext } from "./context.js";
 import { getEventRelatedTarget, isComposing, runKeyAction, useAttributeObserver, useIds, visuallyHiddenAttributes } from "./dom.js";
@@ -6,9 +6,7 @@ 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";
-
-export * from "@yamada-ui/utils"
-
+export * from "@yamada-ui/utils";
 //#region src/utils/index.ts
 var utils_exports = /* @__PURE__ */ __exportAll({
 	assignRef: () => assignRef,
@@ -49,7 +47,7 @@ var utils_exports = /* @__PURE__ */ __exportAll({
 });
 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, isComposing, isRefObject, isSomeDisplayName, isSomeElement, isValidElement, mergeRefs, omitChildren, pickChildren, runKeyAction, splitChildren, useAttributeObserver, useCallbackRef, useFindChild, useFindChildren, useIds, useIncludesChildren, useMergeRefs, useOmitChildren, usePickChildren, useSafeLayoutEffect, useSplitChildren, useSsr, useUnmountEffect, useUpdateEffect, useValidChildren, utils_exports, visuallyHiddenAttributes, wrapOrPassProps };
+
 //# sourceMappingURL=index.js.map

package/dist/esm/utils/ref.js

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { isObject } from "@yamada-ui/utils";
-
 //#region src/utils/ref.ts
 function isRefObject(val) {
 	return isObject(val) && "current" in val;
@@ -34,7 +33,7 @@ function useCallbackRef(callback, deps = []) {
 	});
 	return React.useCallback(((...args) => callbackRef.current?.(...args)), deps);
 }
-
 //#endregion
 export { assignRef, isRefObject, mergeRefs, useCallbackRef, useMergeRefs };
+
 //# sourceMappingURL=ref.js.map

package/dist/esm/utils/ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"ref.js","names":[],"sources":["../../../src/utils/ref.ts"],"sourcesContent":["import { isObject } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\n\nexport function isRefObject(val: any): val is { current: any } {\n  return isObject(val) && \"current\" in val\n}\n\nexport function assignRef<Y = any>(ref: React.Ref<Y> | undefined, value: Y) {\n  if (ref == null) return\n\n  if (typeof ref === \"function\") {\n    ref(value)\n\n    return\n  }\n\n  try {\n    ref.current = value\n  } catch {\n    throw new Error(\"Cannot assign value to ref\")\n  }\n}\n\nexport function mergeRefs<Y = any>(\n  ...refs: (null | React.Ref<Y> | undefined)[]\n) {\n  return function (node: null | Y) {\n    return refs.forEach((ref) => {\n      assignRef(ref, node)\n    })\n  }\n}\n\nexport function useMergeRefs<Y = any>(...refs: (React.Ref<Y> | undefined)[]) {\n  return React.useMemo(() => mergeRefs(...refs), [refs])\n}\n\nexport function useCallbackRef<Y extends (...args: any[]) => any>(\n  callback: undefined | Y,\n  deps: React.DependencyList = [],\n) {\n  const callbackRef = React.useRef(callback)\n\n  React.useEffect(() => {\n    callbackRef.current = callback\n  })\n\n  return React.useCallback(\n    ((...args) => callbackRef.current?.(...args)) as Y,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    deps,\n  )\n}\n"],"mappings":";;;;AAGA,SAAgB,YAAY,KAAmC;AAC7D,QAAO,SAAS,IAAI,IAAI,aAAa;;AAGvC,SAAgB,UAAmB,KAA+B,OAAU;AAC1E,KAAI,OAAO,KAAM;AAEjB,KAAI,OAAO,QAAQ,YAAY;AAC7B,MAAI,MAAM;AAEV;;AAGF,KAAI;AACF,MAAI,UAAU;SACR;AACN,QAAM,IAAI,MAAM,6BAA6B;;;AAIjD,SAAgB,UACd,GAAG,MACH;AACA,QAAO,SAAU,MAAgB;AAC/B,SAAO,KAAK,SAAS,QAAQ;AAC3B,aAAU,KAAK,KAAK;IACpB;;;AAIN,SAAgB,aAAsB,GAAG,MAAoC;AAC3E,QAAO,MAAM,cAAc,UAAU,GAAG,KAAK,EAAE,CAAC,KAAK,CAAC;;AAGxD,SAAgB,eACd,UACA,OAA6B,EAAE,EAC/B;CACA,MAAM,cAAc,MAAM,OAAO,SAAS;AAE1C,OAAM,gBAAgB;AACpB,cAAY,UAAU;GACtB;AAEF,QAAO,MAAM,cACT,GAAG,SAAS,YAAY,UAAU,GAAG,KAAK,GAE5C,KACD"}
+{"version":3,"file":"ref.js","names":[],"sources":["../../../src/utils/ref.ts"],"sourcesContent":["import { isObject } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\n\nexport function isRefObject(val: any): val is { current: any } {\n  return isObject(val) && \"current\" in val\n}\n\nexport function assignRef<Y = any>(ref: React.Ref<Y> | undefined, value: Y) {\n  if (ref == null) return\n\n  if (typeof ref === \"function\") {\n    ref(value)\n\n    return\n  }\n\n  try {\n    ref.current = value\n  } catch {\n    throw new Error(\"Cannot assign value to ref\")\n  }\n}\n\nexport function mergeRefs<Y = any>(\n  ...refs: (null | React.Ref<Y> | undefined)[]\n) {\n  return function (node: null | Y) {\n    return refs.forEach((ref) => {\n      assignRef(ref, node)\n    })\n  }\n}\n\nexport function useMergeRefs<Y = any>(...refs: (React.Ref<Y> | undefined)[]) {\n  return React.useMemo(() => mergeRefs(...refs), [refs])\n}\n\nexport function useCallbackRef<Y extends (...args: any[]) => any>(\n  callback: undefined | Y,\n  deps: React.DependencyList = [],\n) {\n  const callbackRef = React.useRef(callback)\n\n  React.useEffect(() => {\n    callbackRef.current = callback\n  })\n\n  return React.useCallback(\n    ((...args) => callbackRef.current?.(...args)) as Y,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    deps,\n  )\n}\n"],"mappings":";;;AAGA,SAAgB,YAAY,KAAmC;CAC7D,OAAO,SAAS,IAAI,IAAI,aAAa;;AAGvC,SAAgB,UAAmB,KAA+B,OAAU;CAC1E,IAAI,OAAO,MAAM;CAEjB,IAAI,OAAO,QAAQ,YAAY;EAC7B,IAAI,MAAM;EAEV;;CAGF,IAAI;EACF,IAAI,UAAU;SACR;EACN,MAAM,IAAI,MAAM,6BAA6B;;;AAIjD,SAAgB,UACd,GAAG,MACH;CACA,OAAO,SAAU,MAAgB;EAC/B,OAAO,KAAK,SAAS,QAAQ;GAC3B,UAAU,KAAK,KAAK;IACpB;;;AAIN,SAAgB,aAAsB,GAAG,MAAoC;CAC3E,OAAO,MAAM,cAAc,UAAU,GAAG,KAAK,EAAE,CAAC,KAAK,CAAC;;AAGxD,SAAgB,eACd,UACA,OAA6B,EAAE,EAC/B;CACA,MAAM,cAAc,MAAM,OAAO,SAAS;CAE1C,MAAM,gBAAgB;EACpB,YAAY,UAAU;GACtB;CAEF,OAAO,MAAM,cACT,GAAG,SAAS,YAAY,UAAU,GAAG,KAAK,GAE5C,KACD"}

package/dist/esm/utils/ssr.js

@@ -1,14 +1,12 @@
 "use client";
-
 import { useSyncExternalStore } from "react";
 import { noop } from "@yamada-ui/utils";
-
 //#region src/utils/ssr.ts
 function useSsr() {
 	if (typeof useSyncExternalStore === "function") return useSyncExternalStore(() => noop, () => false, () => true);
 	return false;
 }
-
 //#endregion
 export { useSsr };
+
 //# sourceMappingURL=ssr.js.map

package/dist/esm/utils/ssr.js.map

@@ -1 +1 @@
-{"version":3,"file":"ssr.js","names":[],"sources":["../../../src/utils/ssr.ts"],"sourcesContent":["\"use client\"\n\nimport { noop } from \"@yamada-ui/utils\"\nimport { useSyncExternalStore } from \"react\"\n\nexport function useSsr() {\n  if (typeof useSyncExternalStore === \"function\")\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return useSyncExternalStore(\n      () => noop,\n      () => false,\n      () => true,\n    )\n\n  return false\n}\n"],"mappings":";;;;;;AAKA,SAAgB,SAAS;AACvB,KAAI,OAAO,yBAAyB,WAElC,QAAO,2BACC,YACA,aACA,KACP;AAEH,QAAO"}
+{"version":3,"file":"ssr.js","names":[],"sources":["../../../src/utils/ssr.ts"],"sourcesContent":["\"use client\"\n\nimport { noop } from \"@yamada-ui/utils\"\nimport { useSyncExternalStore } from \"react\"\n\nexport function useSsr() {\n  if (typeof useSyncExternalStore === \"function\")\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return useSyncExternalStore(\n      () => noop,\n      () => false,\n      () => true,\n    )\n\n  return false\n}\n"],"mappings":";;;;AAKA,SAAgB,SAAS;CACvB,IAAI,OAAO,yBAAyB,YAElC,OAAO,2BACC,YACA,aACA,KACP;CAEH,OAAO"}

package/dist/esm/utils/store.js

@@ -1,8 +1,6 @@
 "use client";
-
 import { useSyncExternalStore } from "react";
 import { getMemoizedObject, isArray, isObject, isUndefined, runIfFn, toArray } from "@yamada-ui/utils";
-
 //#region src/utils/store.ts
 const DEFAULT_IDENTIFIER = "default";
 function createStore(initialState, additionalMethods, options = {}) {
@@ -67,7 +65,7 @@ function createStore(initialState, additionalMethods, options = {}) {
 		...customMethods
 	}];
 }
-
 //#endregion
 export { createStore };
+
 //# sourceMappingURL=store.js.map

package/dist/esm/utils/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","names":[],"sources":["../../../src/utils/store.ts"],"sourcesContent":["\"use client\"\n\nimport type { Path, Value } from \"@yamada-ui/utils\"\nimport {\n  getMemoizedObject,\n  isArray,\n  isObject,\n  isUndefined,\n  runIfFn,\n  toArray,\n} from \"@yamada-ui/utils\"\nimport { useSyncExternalStore } from \"react\"\n\nconst DEFAULT_IDENTIFIER = \"default\"\n\ninterface Subscribe {\n  (listener: () => void): () => void\n}\n\ninterface Store<Y> {\n  queue: Map<string, (() => void)[]>\n  ref: { current: Y }\n  get: () => Y\n  set: (nextState: ((prevState: Y) => Y) | Y, key?: string | string[]) => void\n  update: (key?: string | string[]) => void\n  key?: string\n}\n\ntype IndexOrPath<Y> = Y extends any[]\n  ? number\n  : Y extends object\n    ? Path<Y>\n    : undefined\n\ntype ReturnArrayValue<Y extends any[], D> = D extends number\n  ? undefined | Y[D]\n  : Y\n\ntype ReturnObjectValue<Y extends object, D> = D extends string ? Value<Y, D> : Y\n\ntype ReturnValue<Y, D> = Y extends any[]\n  ? ReturnArrayValue<Y, D>\n  : Y extends object\n    ? ReturnObjectValue<Y, D>\n    : Y\n\ninterface UseStore<Y> {\n  <D extends IndexOrPath<Y>>(path?: D, key?: string): ReturnValue<Y, D>\n}\n\ninterface CreateMethod<Y, M extends Function> {\n  (store: Store<Y>): M\n}\n\ntype Methods<Y, M extends CustomMethods<Y>> = Omit<\n  Store<Y>,\n  \"key\" | \"update\"\n> & {\n  [D in keyof M]: ReturnType<M[D]>\n} & { update: () => void }\n\ninterface CustomMethods<Y> {\n  [key: string]: CreateMethod<Y, (...args: any[]) => Promise<void> | void>\n}\n\ninterface CreateStoreOptions<Y> {\n  proxyHandler?: ProxyHandler<{ current: Y }>\n  subscribe?: CreateMethod<Y, Subscribe>\n}\n\nexport function createStore<Y, M extends CustomMethods<Y>>(\n  initialState: (() => Y) | Y,\n  additionalMethods?: M,\n  options: CreateStoreOptions<Y> = {},\n): [UseStore<Y>, Methods<Y, M>] {\n  const queue = new Map<string, (() => void)[]>()\n  const ref = new Proxy(\n    { current: runIfFn(initialState) },\n    { ...options.proxyHandler },\n  )\n\n  function get() {\n    return ref.current\n  }\n\n  function executeQueue(key: string) {\n    const listeners = queue.get(key) ?? []\n\n    if (!listeners.length)\n      console.warn(`createStore: ${key} is not subscribed.`)\n\n    listeners.forEach((listener) => listener())\n  }\n\n  function update(key?: string | string[]) {\n    if (!isUndefined(key)) {\n      toArray(key).forEach(executeQueue)\n    }\n\n    executeQueue(DEFAULT_IDENTIFIER)\n  }\n\n  function set(nextState: ((prevState: Y) => Y) | Y, key?: string | string[]) {\n    ref.current = runIfFn(nextState, ref.current)\n\n    update(key)\n  }\n\n  const methods = { ref, get, queue, set, update }\n\n  function useStore<D extends IndexOrPath<Y>>(path?: D, key?: string) {\n    const customSubscribe = options.subscribe?.({\n      key,\n      ...methods,\n    })\n\n    const subscribe = function (listener: () => void) {\n      if (key) {\n        const listeners = queue.get(key) ?? []\n\n        if (listeners.length)\n          console.warn(`createStore: ${key} is already subscribed.`)\n\n        queue.set(key, [listener])\n      } else {\n        const listeners = queue.get(DEFAULT_IDENTIFIER) ?? []\n\n        queue.set(DEFAULT_IDENTIFIER, [...listeners, listener])\n      }\n\n      return function () {\n        if (key) {\n          queue.delete(key)\n        } else {\n          const listeners = queue.get(DEFAULT_IDENTIFIER) ?? []\n\n          queue.set(\n            DEFAULT_IDENTIFIER,\n            listeners.filter((fn) => fn !== listener),\n          )\n        }\n      }\n    }\n\n    function getSnapshot<H extends ReturnValue<Y, D>>(): H {\n      if (!isUndefined(path)) {\n        if (isObject(ref.current)) {\n          return getMemoizedObject(ref.current, path)\n        } else if (isArray(ref.current)) {\n          return ref.current[path as number] as unknown as H\n        }\n      }\n\n      return ref.current as unknown as H\n    }\n\n    return useSyncExternalStore(\n      customSubscribe ?? subscribe,\n      getSnapshot,\n      getSnapshot,\n    )\n  }\n\n  const customMethods = Object.fromEntries(\n    Object.entries(additionalMethods ?? {}).map(([key, value]) => [\n      key,\n      value(methods),\n    ]),\n  ) as { [D in keyof M]: ReturnType<M[D]> }\n\n  return [useStore, { ...methods, ...customMethods }]\n}\n"],"mappings":";;;;;;AAaA,MAAM,qBAAqB;AAyD3B,SAAgB,YACd,cACA,mBACA,UAAiC,EAAE,EACL;CAC9B,MAAM,wBAAQ,IAAI,KAA6B;CAC/C,MAAM,MAAM,IAAI,MACd,EAAE,SAAS,QAAQ,aAAa,EAAE,EAClC,EAAE,GAAG,QAAQ,cAAc,CAC5B;CAED,SAAS,MAAM;AACb,SAAO,IAAI;;CAGb,SAAS,aAAa,KAAa;EACjC,MAAM,YAAY,MAAM,IAAI,IAAI,IAAI,EAAE;AAEtC,MAAI,CAAC,UAAU,OACb,SAAQ,KAAK,gBAAgB,IAAI,qBAAqB;AAExD,YAAU,SAAS,aAAa,UAAU,CAAC;;CAG7C,SAAS,OAAO,KAAyB;AACvC,MAAI,CAAC,YAAY,IAAI,CACnB,SAAQ,IAAI,CAAC,QAAQ,aAAa;AAGpC,eAAa,mBAAmB;;CAGlC,SAAS,IAAI,WAAsC,KAAyB;AAC1E,MAAI,UAAU,QAAQ,WAAW,IAAI,QAAQ;AAE7C,SAAO,IAAI;;CAGb,MAAM,UAAU;EAAE;EAAK;EAAK;EAAO;EAAK;EAAQ;CAEhD,SAAS,SAAmC,MAAU,KAAc;EAClE,MAAM,kBAAkB,QAAQ,YAAY;GAC1C;GACA,GAAG;GACJ,CAAC;EAEF,MAAM,YAAY,SAAU,UAAsB;AAChD,OAAI,KAAK;AAGP,SAFkB,MAAM,IAAI,IAAI,IAAI,EAAE,EAExB,OACZ,SAAQ,KAAK,gBAAgB,IAAI,yBAAyB;AAE5D,UAAM,IAAI,KAAK,CAAC,SAAS,CAAC;UACrB;IACL,MAAM,YAAY,MAAM,IAAI,mBAAmB,IAAI,EAAE;AAErD,UAAM,IAAI,oBAAoB,CAAC,GAAG,WAAW,SAAS,CAAC;;AAGzD,UAAO,WAAY;AACjB,QAAI,IACF,OAAM,OAAO,IAAI;SACZ;KACL,MAAM,YAAY,MAAM,IAAI,mBAAmB,IAAI,EAAE;AAErD,WAAM,IACJ,oBACA,UAAU,QAAQ,OAAO,OAAO,SAAS,CAC1C;;;;EAKP,SAAS,cAA8C;AACrD,OAAI,CAAC,YAAY,KAAK,EACpB;QAAI,SAAS,IAAI,QAAQ,CACvB,QAAO,kBAAkB,IAAI,SAAS,KAAK;aAClC,QAAQ,IAAI,QAAQ,CAC7B,QAAO,IAAI,QAAQ;;AAIvB,UAAO,IAAI;;AAGb,SAAO,qBACL,mBAAmB,WACnB,aACA,YACD;;CAGH,MAAM,gBAAgB,OAAO,YAC3B,OAAO,QAAQ,qBAAqB,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAC5D,KACA,MAAM,QAAQ,CACf,CAAC,CACH;AAED,QAAO,CAAC,UAAU;EAAE,GAAG;EAAS,GAAG;EAAe,CAAC"}
+{"version":3,"file":"store.js","names":[],"sources":["../../../src/utils/store.ts"],"sourcesContent":["\"use client\"\n\nimport type { Path, Value } from \"@yamada-ui/utils\"\nimport {\n  getMemoizedObject,\n  isArray,\n  isObject,\n  isUndefined,\n  runIfFn,\n  toArray,\n} from \"@yamada-ui/utils\"\nimport { useSyncExternalStore } from \"react\"\n\nconst DEFAULT_IDENTIFIER = \"default\"\n\ninterface Subscribe {\n  (listener: () => void): () => void\n}\n\ninterface Store<Y> {\n  queue: Map<string, (() => void)[]>\n  ref: { current: Y }\n  get: () => Y\n  set: (nextState: ((prevState: Y) => Y) | Y, key?: string | string[]) => void\n  update: (key?: string | string[]) => void\n  key?: string\n}\n\ntype IndexOrPath<Y> = Y extends any[]\n  ? number\n  : Y extends object\n    ? Path<Y>\n    : undefined\n\ntype ReturnArrayValue<Y extends any[], D> = D extends number\n  ? undefined | Y[D]\n  : Y\n\ntype ReturnObjectValue<Y extends object, D> = D extends string ? Value<Y, D> : Y\n\ntype ReturnValue<Y, D> = Y extends any[]\n  ? ReturnArrayValue<Y, D>\n  : Y extends object\n    ? ReturnObjectValue<Y, D>\n    : Y\n\ninterface UseStore<Y> {\n  <D extends IndexOrPath<Y>>(path?: D, key?: string): ReturnValue<Y, D>\n}\n\ninterface CreateMethod<Y, M extends Function> {\n  (store: Store<Y>): M\n}\n\ntype Methods<Y, M extends CustomMethods<Y>> = Omit<\n  Store<Y>,\n  \"key\" | \"update\"\n> & {\n  [D in keyof M]: ReturnType<M[D]>\n} & { update: () => void }\n\ninterface CustomMethods<Y> {\n  [key: string]: CreateMethod<Y, (...args: any[]) => Promise<void> | void>\n}\n\ninterface CreateStoreOptions<Y> {\n  proxyHandler?: ProxyHandler<{ current: Y }>\n  subscribe?: CreateMethod<Y, Subscribe>\n}\n\nexport function createStore<Y, M extends CustomMethods<Y>>(\n  initialState: (() => Y) | Y,\n  additionalMethods?: M,\n  options: CreateStoreOptions<Y> = {},\n): [UseStore<Y>, Methods<Y, M>] {\n  const queue = new Map<string, (() => void)[]>()\n  const ref = new Proxy(\n    { current: runIfFn(initialState) },\n    { ...options.proxyHandler },\n  )\n\n  function get() {\n    return ref.current\n  }\n\n  function executeQueue(key: string) {\n    const listeners = queue.get(key) ?? []\n\n    if (!listeners.length)\n      console.warn(`createStore: ${key} is not subscribed.`)\n\n    listeners.forEach((listener) => listener())\n  }\n\n  function update(key?: string | string[]) {\n    if (!isUndefined(key)) {\n      toArray(key).forEach(executeQueue)\n    }\n\n    executeQueue(DEFAULT_IDENTIFIER)\n  }\n\n  function set(nextState: ((prevState: Y) => Y) | Y, key?: string | string[]) {\n    ref.current = runIfFn(nextState, ref.current)\n\n    update(key)\n  }\n\n  const methods = { ref, get, queue, set, update }\n\n  function useStore<D extends IndexOrPath<Y>>(path?: D, key?: string) {\n    const customSubscribe = options.subscribe?.({\n      key,\n      ...methods,\n    })\n\n    const subscribe = function (listener: () => void) {\n      if (key) {\n        const listeners = queue.get(key) ?? []\n\n        if (listeners.length)\n          console.warn(`createStore: ${key} is already subscribed.`)\n\n        queue.set(key, [listener])\n      } else {\n        const listeners = queue.get(DEFAULT_IDENTIFIER) ?? []\n\n        queue.set(DEFAULT_IDENTIFIER, [...listeners, listener])\n      }\n\n      return function () {\n        if (key) {\n          queue.delete(key)\n        } else {\n          const listeners = queue.get(DEFAULT_IDENTIFIER) ?? []\n\n          queue.set(\n            DEFAULT_IDENTIFIER,\n            listeners.filter((fn) => fn !== listener),\n          )\n        }\n      }\n    }\n\n    function getSnapshot<H extends ReturnValue<Y, D>>(): H {\n      if (!isUndefined(path)) {\n        if (isObject(ref.current)) {\n          return getMemoizedObject(ref.current, path)\n        } else if (isArray(ref.current)) {\n          return ref.current[path as number] as unknown as H\n        }\n      }\n\n      return ref.current as unknown as H\n    }\n\n    return useSyncExternalStore(\n      customSubscribe ?? subscribe,\n      getSnapshot,\n      getSnapshot,\n    )\n  }\n\n  const customMethods = Object.fromEntries(\n    Object.entries(additionalMethods ?? {}).map(([key, value]) => [\n      key,\n      value(methods),\n    ]),\n  ) as { [D in keyof M]: ReturnType<M[D]> }\n\n  return [useStore, { ...methods, ...customMethods }]\n}\n"],"mappings":";;;;AAaA,MAAM,qBAAqB;AAyD3B,SAAgB,YACd,cACA,mBACA,UAAiC,EAAE,EACL;CAC9B,MAAM,wBAAQ,IAAI,KAA6B;CAC/C,MAAM,MAAM,IAAI,MACd,EAAE,SAAS,QAAQ,aAAa,EAAE,EAClC,EAAE,GAAG,QAAQ,cAAc,CAC5B;CAED,SAAS,MAAM;EACb,OAAO,IAAI;;CAGb,SAAS,aAAa,KAAa;EACjC,MAAM,YAAY,MAAM,IAAI,IAAI,IAAI,EAAE;EAEtC,IAAI,CAAC,UAAU,QACb,QAAQ,KAAK,gBAAgB,IAAI,qBAAqB;EAExD,UAAU,SAAS,aAAa,UAAU,CAAC;;CAG7C,SAAS,OAAO,KAAyB;EACvC,IAAI,CAAC,YAAY,IAAI,EACnB,QAAQ,IAAI,CAAC,QAAQ,aAAa;EAGpC,aAAa,mBAAmB;;CAGlC,SAAS,IAAI,WAAsC,KAAyB;EAC1E,IAAI,UAAU,QAAQ,WAAW,IAAI,QAAQ;EAE7C,OAAO,IAAI;;CAGb,MAAM,UAAU;EAAE;EAAK;EAAK;EAAO;EAAK;EAAQ;CAEhD,SAAS,SAAmC,MAAU,KAAc;EAClE,MAAM,kBAAkB,QAAQ,YAAY;GAC1C;GACA,GAAG;GACJ,CAAC;EAEF,MAAM,YAAY,SAAU,UAAsB;GAChD,IAAI,KAAK;IAGP,KAFkB,MAAM,IAAI,IAAI,IAAI,EAAE,EAExB,QACZ,QAAQ,KAAK,gBAAgB,IAAI,yBAAyB;IAE5D,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC;UACrB;IACL,MAAM,YAAY,MAAM,IAAI,mBAAmB,IAAI,EAAE;IAErD,MAAM,IAAI,oBAAoB,CAAC,GAAG,WAAW,SAAS,CAAC;;GAGzD,OAAO,WAAY;IACjB,IAAI,KACF,MAAM,OAAO,IAAI;SACZ;KACL,MAAM,YAAY,MAAM,IAAI,mBAAmB,IAAI,EAAE;KAErD,MAAM,IACJ,oBACA,UAAU,QAAQ,OAAO,OAAO,SAAS,CAC1C;;;;EAKP,SAAS,cAA8C;GACrD,IAAI,CAAC,YAAY,KAAK;QAChB,SAAS,IAAI,QAAQ,EACvB,OAAO,kBAAkB,IAAI,SAAS,KAAK;SACtC,IAAI,QAAQ,IAAI,QAAQ,EAC7B,OAAO,IAAI,QAAQ;;GAIvB,OAAO,IAAI;;EAGb,OAAO,qBACL,mBAAmB,WACnB,aACA,YACD;;CAGH,MAAM,gBAAgB,OAAO,YAC3B,OAAO,QAAQ,qBAAqB,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAC5D,KACA,MAAM,QAAQ,CACf,CAAC,CACH;CAED,OAAO,CAAC,UAAU;EAAE,GAAG;EAAS,GAAG;EAAe,CAAC"}

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

@@ -1,15 +1,11 @@
 import { ReactNodeOrFunction } from "../../utils/index.types.js";
 import { ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
-import "../../core/index.js";
 import { WithTransitionProps } from "../motion/index.types.js";
-import "../motion/index.js";
 import { CollapseProps } from "../collapse/collapse.js";
-import "../collapse/index.js";
-import "../../index.js";
 import { AccordionStyle } from "./accordion.style.js";
 import { UseAccordionItemProps, UseAccordionProps } from "./use-accordion.js";
-import * as react191 from "react";
+import * as _$react from "react";
 
 //#region src/components/accordion/accordion.d.ts
 interface AccordionCallBackProps {
@@ -33,7 +29,7 @@ interface AccordionRootProps extends Omit<HTMLStyledProps, "onChange">, ThemePro
    */
   items?: AccordionItem[];
 }
-declare const AccordionPropsContext: react191.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
+declare const AccordionPropsContext: _$react.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
 /**
  * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.
  *

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

@@ -1,7 +1,5 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
-import "../../index.js";
-
 //#region src/components/accordion/accordion.style.d.ts
 declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
   panel: {

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

@@ -1,11 +1,9 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
-import "../../core/index.js";
 import { Descendant } from "../../hooks/use-descendants/index.js";
-import "../../index.js";
-import * as react179 from "react";
+import * as _$react from "react";
 
 //#region src/components/accordion/use-accordion.d.ts
-declare const AccordionDescendantsContext: react179.Context<{
+declare const AccordionDescendantsContext: _$react.Context<{
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<{}> | undefined) => number;
     destroy: () => void;
@@ -24,7 +22,7 @@ declare const AccordionDescendantsContext: react179.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react179.RefCallback<HTMLButtonElement>;
+    } | undefined) => _$react.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
@@ -50,12 +48,12 @@ declare const AccordionDescendantsContext: react179.Context<{
       prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-      } | undefined) => react179.RefCallback<HTMLButtonElement>;
+      } | undefined) => _$react.RefCallback<HTMLButtonElement>;
       unregister: (node?: HTMLButtonElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
       values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
     };
-    register: react179.RefCallback<HTMLButtonElement>;
+    register: _$react.RefCallback<HTMLButtonElement>;
   }, useAccordionDescendants: () => {
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<{}> | undefined) => number;
@@ -75,15 +73,15 @@ declare const AccordionDescendantsContext: react179.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react179.RefCallback<HTMLButtonElement>;
+    } | undefined) => _$react.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
   };
 interface AccordionContext extends Omit<UseAccordionReturn, "descendants" | "getRootProps"> {}
-declare const AccordionContext: react179.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
+declare const AccordionContext: _$react.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
 interface AccordionItemContext extends Omit<UseAccordionItemReturn, "getItemProps"> {}
-declare const AccordionItemContext: react179.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
+declare const AccordionItemContext: _$react.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
 interface UseAccordionProps extends Omit<HTMLProps, "onChange"> {
   /**
    * The initial index(es) of the accordion item to expand.
@@ -137,7 +135,7 @@ declare const useAccordion: ({
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react179.RefCallback<HTMLButtonElement>;
+    } | undefined) => _$react.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
@@ -145,8 +143,8 @@ declare const useAccordion: ({
   focusedIndex: number;
   index: number | number[];
   multiple: boolean | undefined;
-  setFocusedIndex: react179.Dispatch<react179.SetStateAction<number>>;
-  setIndex: react179.Dispatch<react179.SetStateAction<number | number[]>>;
+  setFocusedIndex: _$react.Dispatch<_$react.SetStateAction<number>>;
+  setIndex: _$react.Dispatch<_$react.SetStateAction<number | number[]>>;
   toggle: boolean | undefined;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

package/dist/types/components/action-bar/action-bar.d.ts

@@ -1,13 +1,10 @@
 import { ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
-import "../../core/index.js";
 import { ActionBarStyle } from "./action-bar.style.js";
 import { PortalProps } from "../portal/portal.js";
 import { UsePopupAnimationProps } from "../popover/popover.js";
-import "../popover/index.js";
 import { UseActionBarProps } from "./use-action-bar.js";
-import "../../index.js";
-import * as react226 from "react";
+import * as _$react from "react";
 import { PropsWithChildren, ReactNode } from "react";
 
 //#region src/components/action-bar/action-bar.d.ts
@@ -29,7 +26,7 @@ interface ActionBarRootProps extends Omit<HTMLStyledProps, "content">, ThemeProp
    */
   onCloseComplete?: () => void;
 }
-declare const ActionBarPropsContext: react226.Context<Partial<ActionBarRootProps> | undefined>, useActionBarPropsContext: () => Partial<ActionBarRootProps> | undefined;
+declare const ActionBarPropsContext: _$react.Context<Partial<ActionBarRootProps> | undefined>, useActionBarPropsContext: () => Partial<ActionBarRootProps> | undefined;
 /**
  * `ActionBar` is a component that is used to display a bottom action bar with a set of actions.
  *

package/dist/types/components/action-bar/action-bar.style.d.ts

@@ -1,7 +1,5 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
-import "../../index.js";
-
 //#region src/components/action-bar/action-bar.style.d.ts
 declare const actionBarStyle: ComponentSlotStyle<"content" | "separator" | "root", {
   /**

package/dist/types/components/action-bar/use-action-bar.d.ts

@@ -1,5 +1,4 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
-import "../../core/index.js";
 import { UseDisclosureProps } from "../../hooks/use-disclosure/use-disclosure.js";
 
 //#region src/components/action-bar/use-action-bar.d.ts

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

@@ -1,11 +1,8 @@
 import { KeyframeIdent, ThemeProps } from "../../core/system/index.types.js";
 import { Component } from "../../core/components/index.types.js";
-import "../../core/index.js";
 import { HTMLMotionProps } from "../motion/index.types.js";
-import "../motion/index.js";
 import { AiryStyle } from "./airy.style.js";
-import "../../index.js";
-import * as react192 from "react";
+import * as _$react from "react";
 import { ReactNode } from "react";
 
 //#region src/components/airy/airy.d.ts
@@ -57,7 +54,7 @@ interface AiryProps extends Omit<HTMLMotionProps<"button">, "onChange">, ThemePr
    */
   onChange?: (value: KeyframeIdent) => void;
 }
-declare const AiryPropsContext: react192.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
+declare const AiryPropsContext: _$react.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
 /**
  * `Airy` is a component that creates an airy animation, switching between two elements when one is clicked.
  *

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

@@ -1,7 +1,5 @@
 import { ComponentStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSObject, CSSPropObject } from "../../core/css/index.types.js";
-import "../../index.js";
-
 //#region src/components/airy/airy.style.d.ts
 declare const airyStyle: ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>;
 type AiryStyle = typeof airyStyle;

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

@@ -1,15 +1,10 @@
 import { LoadingScheme, ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
-import "../../core/index.js";
 import { AlertStyle } from "./alert.style.js";
 import { IconProps } from "../icon/icon.js";
-import "../icon/index.js";
 import { LoadingProps } from "../loading/loading.js";
-import "../loading/index.js";
 import { StatusScheme } from "../status/status.js";
-import "../status/index.js";
-import "../../index.js";
-import * as react469 from "react";
+import * as _$react from "react";
 
 //#region src/components/alert/alert.d.ts
 interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
@@ -20,7 +15,7 @@ interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
    */
   status?: StatusScheme;
 }
-declare const AlertPropsContext: react469.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
+declare const AlertPropsContext: _$react.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
 /**
  * `Alert` is a component that conveys information to the user.
  *

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

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

package/dist/types/components/alpha-slider/alpha-slider.d.ts

@@ -1,11 +1,8 @@
 import { WithoutThemeProps } from "../../core/system/index.types.js";
 import { Component } from "../../core/components/index.types.js";
-import "../../core/index.js";
 import { AlphaSliderStyle } from "./alpha-slider.style.js";
 import { HueSliderOverlayProps, HueSliderRootProps, HueSliderThumbProps, HueSliderTrackProps } from "../hue-slider/hue-slider.js";
-import "../hue-slider/index.js";
-import "../../index.js";
-import * as react178 from "react";
+import * as _$react from "react";
 
 //#region src/components/alpha-slider/alpha-slider.d.ts
 interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps, "color" | "max" | "step" | "thumbProps" | "trackProps">, AlphaSliderStyle> {
@@ -38,7 +35,7 @@ interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps
    */
   trackProps?: AlphaSliderTrackProps;
 }
-declare const AlphaSliderPropsContext: react178.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
+declare const AlphaSliderPropsContext: _$react.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
 /**
  * `AlphaSlider` is a component used to allow the user to select color transparency.
  *

package/dist/types/components/alpha-slider/alpha-slider.style.d.ts

@@ -1,7 +1,5 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
-import "../../index.js";
-
 //#region src/components/alpha-slider/alpha-slider.style.d.ts
 declare const alphaSliderStyle: ComponentSlotStyle<"root", CSSPropObject<CSSSlotObject<"root">>, CSSModifierObject<CSSSlotObject<"root">>, CSSModifierObject<CSSSlotObject<"root">>>;
 type AlphaSliderStyle = typeof alphaSliderStyle;

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

@@ -1,8 +1,6 @@
 import { StyleValue } from "../../core/css/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
-import "../../core/index.js";
-import "../../index.js";
-import * as react170 from "react";
+import * as _$react from "react";
 
 //#region src/components/aspect-ratio/aspect-ratio.d.ts
 interface AspectRatioProps extends HTMLStyledProps {
@@ -13,7 +11,7 @@ interface AspectRatioProps extends HTMLStyledProps {
    */
   ratio?: StyleValue<number>;
 }
-declare const AspectRatioPropsContext: react170.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
+declare const AspectRatioPropsContext: _$react.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
 /**
  * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.
  *