@yamada-ui/react 2.1.3-dev-20260312162557 → 2.1.3-dev-20260314005850

package/dist/esm/core/system/styled.js

@@ -28,7 +28,7 @@ const Insertion = ({ cache, htmlTag, serialized }) => {
 		let className = serialized.name;
 		let next = serialized.next;
 		while (next !== void 0) {
-			className = (0, utils_exports.cx)(className, next.name);
+			className = (0, utils_exports.cx)(className, next.name) ?? "";
 			next = next.next;
 		}
 		return /* @__PURE__ */ jsx("style", {

package/dist/esm/core/system/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["Insertion: FC<InsertionProps>","createContext","props","className: string | undefined","forwardProps","css","colorScheme"],"sources":["../../../../src/core/system/styled.tsx"],"sourcesContent":["\"use client\"\n\nimport type { EmotionCache, SerializedStyles } from \"@emotion/utils\"\nimport type { FC } from \"react\"\nimport type { Dict } from \"../../utils\"\nimport type { As, ShouldForwardProp, StyledComponent } from \"../components\"\nimport type { CSSModifierObject, CSSPropObject } from \"../css\"\nimport type {\n  ColorScheme,\n  ComponentStyle,\n  System,\n  UsageTheme,\n} from \"./index.types\"\nimport { withEmotionCache } from \"@emotion/react\"\nimport { serializeStyles } from \"@emotion/serialize\"\nimport { useInsertionEffectAlwaysWithSyncFallback } from \"@emotion/use-insertion-effect-with-fallbacks\"\nimport {\n  getRegisteredStyles,\n  insertStyles,\n  registerStyles,\n} from \"@emotion/utils\"\nimport { useMemo, useRef } from \"react\"\nimport isEqual from \"react-fast-compare\"\nimport { Slot } from \"../../components/slot\"\nimport {\n  createContext,\n  createdDom,\n  cx,\n  filterEmpty,\n  filterUndefined,\n  isString,\n  isUndefined,\n  runIfFn,\n  splitObject,\n  toArray,\n  toKebabCase,\n} from \"../../utils\"\nimport {\n  createShouldForwardProp,\n  getDisplayName,\n  useComponentStyle,\n} from \"../components\"\nimport { css } from \"../css\"\nimport { useSystem } from \"./system-provider\"\nimport { useTheme } from \"./theme-provider\"\n\ninterface InsertionProps {\n  cache: EmotionCache\n  htmlTag: boolean\n  serialized: SerializedStyles\n}\n\nconst Insertion: FC<InsertionProps> = ({ cache, htmlTag, serialized }) => {\n  registerStyles(cache, serialized, htmlTag)\n\n  const style = useInsertionEffectAlwaysWithSyncFallback(() =>\n    insertStyles(cache, serialized, htmlTag),\n  )\n\n  if (!createdDom() && !isUndefined(style)) {\n    let className = serialized.name\n    let next = serialized.next\n\n    while (next !== undefined) {\n      className = cx(className, next.name)\n      next = next.next\n    }\n\n    return (\n      <style\n        data-emotion={cx(cache.key, className)}\n        dangerouslySetInnerHTML={{ __html: style }}\n        nonce={cache.sheet.nonce}\n      />\n    )\n  } else {\n    return null\n  }\n}\n\nconst useSplitProps = <Y extends Dict, M extends Dict>(\n  props: Dict,\n  shouldForwardProp?: ShouldForwardProp,\n) => {\n  const propsRef = useRef(props)\n\n  if (!isEqual(propsRef.current, props)) propsRef.current = props\n\n  const computedProps = propsRef.current\n\n  return useMemo(\n    () => splitObject<Y, M>(computedProps, shouldForwardProp),\n    [computedProps, shouldForwardProp],\n  )\n}\n\nexport const [ColorSchemeContext, useColorSchemeContext] =\n  createContext<ColorScheme>({\n    name: \"ColorSchemeContext\",\n    strict: false,\n  })\n\nexport interface StyledOptions<\n  Y extends CSSPropObject = CSSPropObject,\n  M extends CSSModifierObject = CSSModifierObject,\n  D extends CSSModifierObject = CSSModifierObject,\n  H extends number | string | symbol = string,\n> extends Omit<ComponentStyle<Y, M, D>, \"className\"> {\n  className?: ((system: System) => string) | string\n  displayName?: string\n  forwardAsChild?: boolean\n  name?: string\n  shouldForwardProp?: boolean | ShouldForwardProp\n  target?: string\n  forwardProps?: string[]\n  transferProps?: H[]\n}\n\nexport function createStyled<\n  Y extends As,\n  M extends object = {},\n  D extends CSSPropObject = CSSPropObject,\n  H extends CSSModifierObject = CSSModifierObject,\n  R extends CSSModifierObject = CSSModifierObject,\n>(\n  el: Y,\n  {\n    name,\n    base,\n    compounds,\n    props,\n    sizes,\n    variants,\n    defaultProps,\n    transferProps,\n    ...options\n  }: StyledOptions<D, H, R, keyof M> = {},\n) {\n  const displayName = options.displayName ?? getDisplayName(name, \"\")\n  const shouldForwardProp = !options.shouldForwardProp\n    ? createShouldForwardProp(options.forwardProps)\n    : undefined\n  const style = filterUndefined({\n    base,\n    compounds,\n    props,\n    sizes,\n    variants,\n    defaultProps,\n  })\n\n  const StyledComponent = withEmotionCache<Dict>(function (\n    { as: Component = el, asChild, children, ...props },\n    cache,\n    ref,\n  ) {\n    let className: string | undefined = \"\"\n\n    const system = useSystem()\n    const { theme } = useTheme<UsageTheme>()\n    const componentStyleOptions = {\n      name,\n      className: system.utils.getClassName(\n        runIfFn(options.className, system) ?? toKebabCase(name ?? \"\"),\n      ),\n      style,\n      transferProps,\n    }\n    const registered = useRef<string[]>([])\n    const htmlTag = isString(Component)\n    const forwardAsChild =\n      options.forwardAsChild || options.forwardProps?.includes(\"asChild\")\n    const [omittedProps, styleProps] = useSplitProps(props, shouldForwardProp)\n    const [, rest] = useComponentStyle<any, {}>(\n      omittedProps,\n      componentStyleOptions,\n    )\n    const [cssArray, colorScheme, forwardProps] = useMemo(() => {\n      const { css, colorScheme, ...forwardProps } = rest\n\n      return [toArray(css), colorScheme, forwardProps]\n    }, [rest])\n\n    styleProps.colorScheme ??= colorScheme\n\n    if (forwardProps.className)\n      className = getRegisteredStyles(\n        cache.registered,\n        registered.current,\n        forwardProps.className,\n      ).trim()\n\n    const interpolations = useMemo(\n      () => [\n        ...registered.current,\n        ...filterEmpty([...cssArray, styleProps].map(css(system, theme))),\n      ],\n      [cssArray, system, styleProps, theme],\n    )\n\n    const serialized = useMemo(\n      () => serializeStyles(interpolations, cache.registered),\n      [interpolations, cache.registered],\n    )\n\n    className = cx(\n      className,\n      !!serialized.styles ? `${cache.key}-${serialized.name}` : undefined,\n    )\n    className = cx(className, options.target)\n\n    if (!className) className = undefined\n\n    const mergedProps = { ...forwardProps, className, children }\n\n    return (\n      <ColorSchemeContext value={styleProps.colorScheme}>\n        <Insertion cache={cache} htmlTag={htmlTag} serialized={serialized} />\n\n        {asChild && !forwardAsChild ? (\n          <Slot ref={ref} {...mergedProps} />\n        ) : (\n          <Component ref={ref} {...mergedProps} />\n        )}\n      </ColorSchemeContext>\n    )\n  }) as StyledComponent<Y, M>\n\n  StyledComponent.displayName = displayName || \"StyledComponent\"\n\n  return StyledComponent\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAMA,aAAiC,EAAE,OAAO,SAAS,iBAAiB;AACxE,gBAAe,OAAO,YAAY,QAAQ;CAE1C,MAAM,QAAQ,+CACZ,aAAa,OAAO,YAAY,QAAQ,CACzC;AAED,KAAI,gCAAa,IAAI,gCAAa,MAAM,EAAE;EACxC,IAAI,YAAY,WAAW;EAC3B,IAAI,OAAO,WAAW;AAEtB,SAAO,SAAS,QAAW;AACzB,qCAAe,WAAW,KAAK,KAAK;AACpC,UAAO,KAAK;;AAGd,SACE,oBAAC;GACC,sCAAiB,MAAM,KAAK,UAAU;GACtC,yBAAyB,EAAE,QAAQ,OAAO;GAC1C,OAAO,MAAM,MAAM;IACnB;OAGJ,QAAO;;AAIX,MAAM,iBACJ,OACA,sBACG;CACH,MAAM,WAAW,OAAO,MAAM;AAE9B,KAAI,CAAC,QAAQ,SAAS,SAAS,MAAM,CAAE,UAAS,UAAU;CAE1D,MAAM,gBAAgB,SAAS;AAE/B,QAAO,6CACmB,eAAe,kBAAkB,EACzD,CAAC,eAAe,kBAAkB,CACnC;;AAGH,MAAa,CAAC,oBAAoB,yBAChCC,gBAA2B;CACzB,MAAM;CACN,QAAQ;CACT,CAAC;AAkBJ,SAAgB,aAOd,IACA,EACE,MACA,MACA,WACA,OACA,OACA,UACA,cACA,eACA,GAAG,YACgC,EAAE,EACvC;CACA,MAAM,cAAc,QAAQ,eAAe,eAAe,MAAM,GAAG;CACnE,MAAM,oBAAoB,CAAC,QAAQ,oBAC/B,wBAAwB,QAAQ,aAAa,GAC7C;CACJ,MAAM,2CAAwB;EAC5B;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,kBAAkB,iBAAuB,SAC7C,EAAE,IAAI,YAAY,IAAI,SAAS,UAAU,GAAGC,WAC5C,OACA,KACA;EACA,IAAIC,YAAgC;EAEpC,MAAM,SAAS,WAAW;EAC1B,MAAM,EAAE,UAAU,UAAsB;EACxC,MAAM,wBAAwB;GAC5B;GACA,WAAW,OAAO,MAAM,wCACd,QAAQ,WAAW,OAAO,mCAAgB,QAAQ,GAAG,CAC9D;GACD;GACA;GACD;EACD,MAAM,aAAa,OAAiB,EAAE,CAAC;EACvC,MAAM,sCAAmB,UAAU;EACnC,MAAM,iBACJ,QAAQ,kBAAkB,QAAQ,cAAc,SAAS,UAAU;EACrE,MAAM,CAAC,cAAc,cAAc,cAAcD,SAAO,kBAAkB;EAC1E,MAAM,GAAG,QAAQ,kBACf,cACA,sBACD;EACD,MAAM,CAAC,UAAU,aAAa,gBAAgB,cAAc;GAC1D,MAAM,EAAE,YAAK,4BAAa,GAAGE,mBAAiB;AAE9C,UAAO;+BAASC,MAAI;IAAEC;IAAaF;IAAa;KAC/C,CAAC,KAAK,CAAC;AAEV,aAAW,gBAAgB;AAE3B,MAAI,aAAa,UACf,aAAY,oBACV,MAAM,YACN,WAAW,SACX,aAAa,UACd,CAAC,MAAM;EAEV,MAAM,iBAAiB,cACf,CACJ,GAAG,WAAW,SACd,kCAAe,CAAC,GAAG,UAAU,WAAW,CAAC,IAAI,IAAI,QAAQ,MAAM,CAAC,CAAC,CAClE,EACD;GAAC;GAAU;GAAQ;GAAY;GAAM,CACtC;EAED,MAAM,aAAa,cACX,gBAAgB,gBAAgB,MAAM,WAAW,EACvD,CAAC,gBAAgB,MAAM,WAAW,CACnC;AAED,oCACE,WACA,CAAC,CAAC,WAAW,SAAS,GAAG,MAAM,IAAI,GAAG,WAAW,SAAS,OAC3D;AACD,oCAAe,WAAW,QAAQ,OAAO;AAEzC,MAAI,CAAC,UAAW,aAAY;EAE5B,MAAM,cAAc;GAAE,GAAG;GAAc;GAAW;GAAU;AAE5D,SACE,qBAAC;GAAmB,OAAO,WAAW;cACpC,oBAAC;IAAiB;IAAgB;IAAqB;KAAc,EAEpE,WAAW,CAAC,iBACX,oBAAC;IAAU;IAAK,GAAI;KAAe,GAEnC,oBAAC;IAAe;IAAK,GAAI;KAAe;IAEvB;GAEvB;AAEF,iBAAgB,cAAc,eAAe;AAE7C,QAAO"}
+{"version":3,"file":"styled.js","names":["Insertion: FC<InsertionProps>","createContext","props","className: string | undefined","forwardProps","css","colorScheme"],"sources":["../../../../src/core/system/styled.tsx"],"sourcesContent":["\"use client\"\n\nimport type { EmotionCache, SerializedStyles } from \"@emotion/utils\"\nimport type { FC } from \"react\"\nimport type { Dict } from \"../../utils\"\nimport type { As, ShouldForwardProp, StyledComponent } from \"../components\"\nimport type { CSSModifierObject, CSSPropObject } from \"../css\"\nimport type {\n  ColorScheme,\n  ComponentStyle,\n  System,\n  UsageTheme,\n} from \"./index.types\"\nimport { withEmotionCache } from \"@emotion/react\"\nimport { serializeStyles } from \"@emotion/serialize\"\nimport { useInsertionEffectAlwaysWithSyncFallback } from \"@emotion/use-insertion-effect-with-fallbacks\"\nimport {\n  getRegisteredStyles,\n  insertStyles,\n  registerStyles,\n} from \"@emotion/utils\"\nimport { useMemo, useRef } from \"react\"\nimport isEqual from \"react-fast-compare\"\nimport { Slot } from \"../../components/slot\"\nimport {\n  createContext,\n  createdDom,\n  cx,\n  filterEmpty,\n  filterUndefined,\n  isString,\n  isUndefined,\n  runIfFn,\n  splitObject,\n  toArray,\n  toKebabCase,\n} from \"../../utils\"\nimport {\n  createShouldForwardProp,\n  getDisplayName,\n  useComponentStyle,\n} from \"../components\"\nimport { css } from \"../css\"\nimport { useSystem } from \"./system-provider\"\nimport { useTheme } from \"./theme-provider\"\n\ninterface InsertionProps {\n  cache: EmotionCache\n  htmlTag: boolean\n  serialized: SerializedStyles\n}\n\nconst Insertion: FC<InsertionProps> = ({ cache, htmlTag, serialized }) => {\n  registerStyles(cache, serialized, htmlTag)\n\n  const style = useInsertionEffectAlwaysWithSyncFallback(() =>\n    insertStyles(cache, serialized, htmlTag),\n  )\n\n  if (!createdDom() && !isUndefined(style)) {\n    let className = serialized.name\n    let next = serialized.next\n\n    while (next !== undefined) {\n      className = cx(className, next.name) ?? \"\"\n      next = next.next\n    }\n\n    return (\n      <style\n        data-emotion={cx(cache.key, className)}\n        dangerouslySetInnerHTML={{ __html: style }}\n        nonce={cache.sheet.nonce}\n      />\n    )\n  } else {\n    return null\n  }\n}\n\nconst useSplitProps = <Y extends Dict, M extends Dict>(\n  props: Dict,\n  shouldForwardProp?: ShouldForwardProp,\n) => {\n  const propsRef = useRef(props)\n\n  if (!isEqual(propsRef.current, props)) propsRef.current = props\n\n  const computedProps = propsRef.current\n\n  return useMemo(\n    () => splitObject<Y, M>(computedProps, shouldForwardProp),\n    [computedProps, shouldForwardProp],\n  )\n}\n\nexport const [ColorSchemeContext, useColorSchemeContext] =\n  createContext<ColorScheme>({\n    name: \"ColorSchemeContext\",\n    strict: false,\n  })\n\nexport interface StyledOptions<\n  Y extends CSSPropObject = CSSPropObject,\n  M extends CSSModifierObject = CSSModifierObject,\n  D extends CSSModifierObject = CSSModifierObject,\n  H extends number | string | symbol = string,\n> extends Omit<ComponentStyle<Y, M, D>, \"className\"> {\n  className?: ((system: System) => string) | string\n  displayName?: string\n  forwardAsChild?: boolean\n  name?: string\n  shouldForwardProp?: boolean | ShouldForwardProp\n  target?: string\n  forwardProps?: string[]\n  transferProps?: H[]\n}\n\nexport function createStyled<\n  Y extends As,\n  M extends object = {},\n  D extends CSSPropObject = CSSPropObject,\n  H extends CSSModifierObject = CSSModifierObject,\n  R extends CSSModifierObject = CSSModifierObject,\n>(\n  el: Y,\n  {\n    name,\n    base,\n    compounds,\n    props,\n    sizes,\n    variants,\n    defaultProps,\n    transferProps,\n    ...options\n  }: StyledOptions<D, H, R, keyof M> = {},\n) {\n  const displayName = options.displayName ?? getDisplayName(name, \"\")\n  const shouldForwardProp = !options.shouldForwardProp\n    ? createShouldForwardProp(options.forwardProps)\n    : undefined\n  const style = filterUndefined({\n    base,\n    compounds,\n    props,\n    sizes,\n    variants,\n    defaultProps,\n  })\n\n  const StyledComponent = withEmotionCache<Dict>(function (\n    { as: Component = el, asChild, children, ...props },\n    cache,\n    ref,\n  ) {\n    let className: string | undefined = \"\"\n\n    const system = useSystem()\n    const { theme } = useTheme<UsageTheme>()\n    const componentStyleOptions = {\n      name,\n      className: system.utils.getClassName(\n        runIfFn(options.className, system) ?? toKebabCase(name ?? \"\"),\n      ),\n      style,\n      transferProps,\n    }\n    const registered = useRef<string[]>([])\n    const htmlTag = isString(Component)\n    const forwardAsChild =\n      options.forwardAsChild || options.forwardProps?.includes(\"asChild\")\n    const [omittedProps, styleProps] = useSplitProps(props, shouldForwardProp)\n    const [, rest] = useComponentStyle<any, {}>(\n      omittedProps,\n      componentStyleOptions,\n    )\n    const [cssArray, colorScheme, forwardProps] = useMemo(() => {\n      const { css, colorScheme, ...forwardProps } = rest\n\n      return [toArray(css), colorScheme, forwardProps]\n    }, [rest])\n\n    styleProps.colorScheme ??= colorScheme\n\n    if (forwardProps.className)\n      className = getRegisteredStyles(\n        cache.registered,\n        registered.current,\n        forwardProps.className,\n      ).trim()\n\n    const interpolations = useMemo(\n      () => [\n        ...registered.current,\n        ...filterEmpty([...cssArray, styleProps].map(css(system, theme))),\n      ],\n      [cssArray, system, styleProps, theme],\n    )\n\n    const serialized = useMemo(\n      () => serializeStyles(interpolations, cache.registered),\n      [interpolations, cache.registered],\n    )\n\n    className = cx(\n      className,\n      !!serialized.styles ? `${cache.key}-${serialized.name}` : undefined,\n    )\n    className = cx(className, options.target)\n\n    if (!className) className = undefined\n\n    const mergedProps = { ...forwardProps, className, children }\n\n    return (\n      <ColorSchemeContext value={styleProps.colorScheme}>\n        <Insertion cache={cache} htmlTag={htmlTag} serialized={serialized} />\n\n        {asChild && !forwardAsChild ? (\n          <Slot ref={ref} {...mergedProps} />\n        ) : (\n          <Component ref={ref} {...mergedProps} />\n        )}\n      </ColorSchemeContext>\n    )\n  }) as StyledComponent<Y, M>\n\n  StyledComponent.displayName = displayName || \"StyledComponent\"\n\n  return StyledComponent\n}\n"],"mappings":"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"}

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

@@ -3,13 +3,11 @@ 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 react180 from "react";
+import * as react127 from "react";
 
 //#region src/components/accordion/accordion.d.ts
 interface AccordionCallBackProps {
@@ -33,7 +31,7 @@ interface AccordionRootProps extends Omit<HTMLStyledProps, "onChange">, ThemePro
    */
   items?: AccordionItem[];
 }
-declare const AccordionPropsContext: react180.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
+declare const AccordionPropsContext: react127.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

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

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

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

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

@@ -3,9 +3,8 @@ import { Component } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { AiryStyle } from "./airy.style.js";
 import { HTMLMotionProps } from "../motion/index.types.js";
-import "../motion/index.js";
 import "../../index.js";
-import * as react181 from "react";
+import * as react114 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/airy/airy.d.ts
@@ -57,7 +56,7 @@ interface AiryProps extends Omit<HTMLMotionProps<"button">, "onChange">, ThemePr
    */
   onChange?: (value: KeyframeIdent) => void;
 }
-declare const AiryPropsContext: react181.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
+declare const AiryPropsContext: react114.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/alert/alert.d.ts

@@ -3,13 +3,10 @@ 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 react167 from "react";
+import * as react113 from "react";
 
 //#region src/components/alert/alert.d.ts
 interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
@@ -20,7 +17,7 @@ interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
    */
   status?: StatusScheme;
 }
-declare const AlertPropsContext: react167.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
+declare const AlertPropsContext: react113.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
 /**
  * `Alert` is a component that conveys information to the user.
  *

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

@@ -3,9 +3,8 @@ 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 react1038 from "react";
+import * as react86 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 +37,7 @@ interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps
    */
   trackProps?: AlphaSliderTrackProps;
 }
-declare const AlphaSliderPropsContext: react1038.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
+declare const AlphaSliderPropsContext: react86.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/aspect-ratio/aspect-ratio.d.ts

@@ -2,7 +2,7 @@ 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 react165 from "react";
+import * as react112 from "react";
 
 //#region src/components/aspect-ratio/aspect-ratio.d.ts
 interface AspectRatioProps extends HTMLStyledProps {
@@ -13,7 +13,7 @@ interface AspectRatioProps extends HTMLStyledProps {
    */
   ratio?: StyleValue<number>;
 }
-declare const AspectRatioPropsContext: react165.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
+declare const AspectRatioPropsContext: react112.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
 /**
  * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.
  *

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

@@ -3,15 +3,13 @@ import { Component, GenericsComponent, HTMLStyledProps } from "../../core/compon
 import "../../core/index.js";
 import { AutocompleteStyle } from "./autocomplete.style.js";
 import { PopoverContentProps, PopupAnimationProps } from "../popover/popover.js";
-import "../popover/index.js";
 import { UseComboboxGroupProps } from "../../hooks/use-combobox/index.js";
 import { UseInputBorderProps } from "../input/use-input-border.js";
 import { InputElementProps } from "../input/input-element.js";
 import { InputGroupRootProps } from "../input/input-group.js";
-import "../input/index.js";
 import { UseAutocompleteOptionProps, UseAutocompleteProps } from "./use-autocomplete.js";
 import "../../index.js";
-import * as react159 from "react";
+import * as react111 from "react";
 import { ReactElement, ReactNode } from "react";
 
 //#region src/components/autocomplete/autocomplete.d.ts
@@ -67,7 +65,7 @@ interface AutocompleteRootProps<Multiple extends boolean = false> extends Omit<H
    */
   rootProps?: InputGroupRootProps;
 }
-declare const AutocompletePropsContext: react159.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
+declare const AutocompletePropsContext: react111.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
 /**
  * `Autocomplete` is a component used to display suggestions in response to user text input.
  *

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

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 
 //#region src/components/autocomplete/autocomplete.style.d.ts
-declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "indicator" | "root" | "field" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "indicator" | "root" | "field" | "empty" | "valueText">>, {
+declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "empty" | "valueText">>, {
   xs: {
     empty: {
       gap: "1.5";

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

@@ -1,13 +1,11 @@
 import { HTMLProps, HTMLRefAttributes, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
-import "../field/index.js";
 import { Descendant, DescendantProps } from "../../hooks/use-descendants/index.js";
 import { UsePopoverProps } from "../popover/use-popover.js";
-import "../popover/index.js";
 import { ComboboxDescendant, ComboboxDescendantProps, ComboboxItem, ComboboxItemWithValue, UseComboboxItemProps, UseComboboxProps } from "../../hooks/use-combobox/index.js";
 import "../../index.js";
-import * as react153 from "react";
+import * as react105 from "react";
 import { ChangeEvent, ReactNode } from "react";
 
 //#region src/components/autocomplete/use-autocomplete.d.ts
@@ -29,7 +27,7 @@ interface AutocompleteMatcher {
   (input: string, target?: string): boolean;
 }
 interface AutocompleteContext extends Pick<UseAutocompleteReturn, "max" | "value"> {}
-declare const AutocompleteContext: react153.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
+declare const AutocompleteContext: react105.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
 interface UseAutocompleteProps<Multiple extends boolean = false> extends Omit<HTMLProps, "defaultValue" | "onChange" | "ref" | "value">, Omit<UseComboboxProps, "defaultValue" | "initialFocusValue" | "onChange" | "ref" | "value">, HTMLRefAttributes<"input">, FieldProps {
   /**
    * If `true`, the autocomplete will allow custom value.
@@ -157,7 +155,7 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
     lastValue: () => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react153.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react105.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     values: () => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
@@ -167,8 +165,8 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
   items: ComboboxItem[];
   max: number | undefined;
   open: boolean;
-  setInputValue: react153.Dispatch<react153.SetStateAction<string>>;
-  setValue: react153.Dispatch<react153.SetStateAction<Multiple extends true ? string[] : string>>;
+  setInputValue: react105.Dispatch<react105.SetStateAction<string>>;
+  setValue: react105.Dispatch<react105.SetStateAction<Multiple extends true ? string[] : string>>;
   value: Multiple extends true ? string[] : string;
   valueMap: {
     [key: string]: ComboboxItemWithValue;

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

@@ -6,9 +6,9 @@ import "../../core/index.js";
 import { AvatarStyle } from "./avatar.style.js";
 import { UseAvatarProps } from "./use-avatar.js";
 import "../../index.js";
-import * as react160 from "react";
+import * as react102 from "react";
 import { ReactElement } from "react";
-import * as _yamada_ui_utils8 from "@yamada-ui/utils";
+import * as _yamada_ui_utils6 from "@yamada-ui/utils";
 
 //#region src/components/avatar/avatar.d.ts
 interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarProps {
@@ -25,7 +25,7 @@ interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvata
    */
   imageProps?: AvatarImageProps;
 }
-declare const component: <H extends As | "fragment" = "div", R extends _yamada_ui_utils8.Dict = _yamada_ui_utils8.Dict<any>>(el: H | react160.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+declare const component: <H extends As | "fragment" = "div", R extends _yamada_ui_utils6.Dict = _yamada_ui_utils6.Dict<any>>(el: H | react102.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {
@@ -148,7 +148,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _yamada_u
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react160.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react160.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils8.Dict = _yamada_ui_utils8.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react102.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react102.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils6.Dict = _yamada_ui_utils6.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {
@@ -271,7 +271,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _yamada_u
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils8.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils6.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {

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

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

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

@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { BadgeStyle } from "./badge.style.js";
 import "../../index.js";
-import * as react152 from "react";
+import * as react99 from "react";
 
 //#region src/components/badge/badge.d.ts
 interface BadgeProps extends HTMLStyledProps<"span">, ThemeProps<BadgeStyle> {}
-declare const BadgePropsContext: react152.Context<Partial<BadgeProps> | undefined>, useBadgePropsContext: () => Partial<BadgeProps> | undefined;
+declare const BadgePropsContext: react99.Context<Partial<BadgeProps> | undefined>, useBadgePropsContext: () => Partial<BadgeProps> | undefined;
 /**
  * `Badge` is a component that emphasizes the status of an item to make it immediately recognizable.
  *

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

@@ -2,7 +2,7 @@ import { CSSProps } from "../../core/css/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import "../../index.js";
-import * as react151 from "react";
+import * as react98 from "react";
 
 //#region src/components/bleed/bleed.d.ts
 interface BleedProps extends HTMLStyledProps {
@@ -31,7 +31,7 @@ interface BleedProps extends HTMLStyledProps {
    */
   inlineStart?: "full" | CSSProps["marginInlineStart"];
 }
-declare const BleedPropsContext: react151.Context<Partial<BleedProps> | undefined>, useBleedPropsContext: () => Partial<BleedProps> | undefined;
+declare const BleedPropsContext: react98.Context<Partial<BleedProps> | undefined>, useBleedPropsContext: () => Partial<BleedProps> | undefined;
 /**
  * `Bleed` is a component used to break an element from the boundaries of its container.
  *

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

@@ -3,7 +3,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { BlockquoteStyle } from "./blockquote.style.js";
 import "../../index.js";
-import * as react150 from "react";
+import * as react97 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/blockquote/blockquote.d.ts
@@ -29,7 +29,7 @@ interface BlockquoteRootProps extends Omit<HTMLStyledProps<"figure">, "cite">, T
    */
   contentProps?: HTMLStyledProps<"blockquote">;
 }
-declare const BlockquotePropsContext: react150.Context<Partial<BlockquoteRootProps> | undefined>, useBlockquotePropsContext: () => Partial<BlockquoteRootProps> | undefined;
+declare const BlockquotePropsContext: react97.Context<Partial<BlockquoteRootProps> | undefined>, useBlockquotePropsContext: () => Partial<BlockquoteRootProps> | undefined;
 /**
  * `Blockquote` is a component that represents a blockquote. By default, it renders a `blockquote` element.
  *

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

@@ -4,7 +4,7 @@ import "../../core/index.js";
 import { BreadcrumbStyle } from "./breadcrumb.style.js";
 import { UseBreadcrumbProps } from "./use-breadcrumb.js";
 import "../../index.js";
-import * as react149 from "react";
+import * as react129 from "react";
 import { ReactElement } from "react";
 
 //#region src/components/breadcrumb/breadcrumb.d.ts
@@ -40,7 +40,7 @@ interface BreadcrumbRootProps extends HTMLStyledProps<"nav">, ThemeProps<Breadcr
    */
   separatorProps?: BreadcrumbSeparatorProps;
 }
-declare const BreadcrumbPropsContext: react149.Context<Partial<BreadcrumbRootProps> | undefined>, useBreadcrumbPropsContext: () => Partial<BreadcrumbRootProps> | undefined;
+declare const BreadcrumbPropsContext: react129.Context<Partial<BreadcrumbRootProps> | undefined>, useBreadcrumbPropsContext: () => Partial<BreadcrumbRootProps> | undefined;
 /**
  * `Breadcrumb` is a component that helps users understand the hierarchy of a website.
  *

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

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 
 //#region src/components/breadcrumb/breadcrumb.style.d.ts
-declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "item" | "root", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "item" | "root">>, {
+declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "root" | "item", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "root" | "item">>, {
   sm: {
     list: {
       fontSize: "sm";

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

@@ -1,7 +1,7 @@
 import { ReactNodeOrFunction } from "../../utils/index.types.js";
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react146 from "react";
+import * as react130 from "react";
 import { ReactElement, ReactNode } from "react";
 
 //#region src/components/breadcrumb/use-breadcrumb.d.ts
@@ -46,7 +46,7 @@ declare const useBreadcrumb: ({
   startBoundaries,
   ...rest
 }?: UseBreadcrumbProps) => {
-  children: (string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react146.ReactPortal | ReactElement<unknown, string | react146.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ReactElement<any, string | react146.JSXElementConstructor<any>> | null | undefined)[];
+  children: (string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react130.ReactPortal | ReactElement<unknown, string | react130.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ReactElement<any, string | react130.JSXElementConstructor<any>> | null | undefined)[];
   getEllipsisProps: PropGetter<"svg", undefined, undefined>;
   getLinkProps: PropGetter<"a", {
     currentPage?: boolean;

package/dist/types/components/button/button-group.d.ts

@@ -2,7 +2,6 @@ import { ThemeProps, WithoutThemeProps } from "../../core/system/index.types.js"
 import { Component } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { GroupProps } from "../group/group.js";
-import "../group/index.js";
 import { ButtonStyle } from "./button.style.js";
 
 //#region src/components/button/button-group.d.ts

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

@@ -1,10 +1,9 @@
 import { LoadingScheme, ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLProps, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import "../loading/index.js";
 import { ButtonStyle } from "./button.style.js";
 import "../../index.js";
-import * as react144 from "react";
+import * as react95 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/button/button.d.ts
@@ -72,7 +71,7 @@ interface ButtonProps extends HTMLStyledProps<"button">, ThemeProps<ButtonStyle>
    */
   loadingProps?: ButtonLoadingProps;
 }
-declare const ButtonPropsContext: react144.Context<Partial<ButtonProps> | undefined>, useButtonPropsContext: () => Partial<ButtonProps> | undefined;
+declare const ButtonPropsContext: react95.Context<Partial<ButtonProps> | undefined>, useButtonPropsContext: () => Partial<ButtonProps> | undefined;
 /**
  * `Button` is an interactive component that allows users to perform actions such as submitting forms and toggling modals.
  *

package/dist/types/components/button/icon-button.d.ts

@@ -4,7 +4,7 @@ import "../../core/index.js";
 import { IconButtonStyle } from "./icon-button.style.js";
 import { ButtonProps } from "./button.js";
 import "../../index.js";
-import * as react145 from "react";
+import * as react96 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/button/icon-button.d.ts
@@ -14,7 +14,7 @@ interface IconButtonProps extends Omit<WithoutThemeProps<ButtonProps, IconButton
    */
   icon?: ReactNode;
 }
-declare const IconButtonPropsContext: react145.Context<Partial<IconButtonProps> | undefined>, useIconButtonPropsContext: () => Partial<IconButtonProps> | undefined;
+declare const IconButtonPropsContext: react96.Context<Partial<IconButtonProps> | undefined>, useIconButtonPropsContext: () => Partial<IconButtonProps> | undefined;
 /**
  * `IconButton` is a component that displays an icon within a button.
  *

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

@@ -5,9 +5,8 @@ import "../../core/index.js";
 import { CalendarStyle } from "./calendar.style.js";
 import { UseCalendarDayProps, UseCalendarProps } from "./use-calendar.js";
 import { SelectRootProps } from "../select/select.js";
-import "../select/index.js";
 import "../../index.js";
-import * as react143 from "react";
+import * as react87 from "react";
 import { ReactElement } from "react";
 
 //#region src/components/calendar/calendar.d.ts
@@ -69,7 +68,7 @@ interface CalendarRootProps<Multiple extends boolean = false, Range extends bool
    */
   yearSelectProps?: CalendarYearSelectProps;
 }
-declare const CalendarPropsContext: react143.Context<Partial<CalendarRootProps<false, false>> | undefined>, useCalendarPropsContext: () => Partial<CalendarRootProps<false, false>> | undefined;
+declare const CalendarPropsContext: react87.Context<Partial<CalendarRootProps<false, false>> | undefined>, useCalendarPropsContext: () => Partial<CalendarRootProps<false, false>> | undefined;
 /**
  * `Calendar` is a component for displaying or selecting dates in a calendar.
  *

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

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js"
 import "../../index.js";
 
 //#region src/components/calendar/calendar.style.d.ts
-declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "prev" | "root" | "month" | "week" | "control" | "day" | "months" | "years" | "weeks" | "weekday", {
+declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "month" | "week" | "weekday" | "day" | "months" | "years" | "weeks" | "prev" | "control", {
   /**
    * If `true`, the calendar will be fixed rows.
    *
@@ -75,7 +75,7 @@ declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "
       "--font-size": "fontSizes.xl";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "prev" | "root" | "month" | "week" | "control" | "day" | "months" | "years" | "weeks" | "weekday">>>;
+}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "month" | "week" | "weekday" | "day" | "months" | "years" | "weeks" | "prev" | "control">>>;
 type CalendarStyle = typeof calendarStyle;
 //#endregion
 export { CalendarStyle, calendarStyle };