@yamada-ui/react 2.2.2 → 2.2.3-dev-20260614231227

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

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/carousel/carousel.style.d.ts
-declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators">>, {
+declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "item" | "indicator" | "trigger" | "prev" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "root" | "item" | "indicator" | "trigger" | "prev" | "indicators">>, {
   sm: {
     root: {
       h: "sm";
@@ -17,7 +17,7 @@ declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "indi
       h: "lg";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators">>>;
+}, CSSModifierObject<CSSSlotObject<"list" | "next" | "root" | "item" | "indicator" | "trigger" | "prev" | "indicators">>>;
 type CarouselStyle = typeof carouselStyle;
 //#endregion
 export { CarouselStyle, carouselStyle };

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

@@ -94,7 +94,7 @@ declare const Chart: Component<({
   responsiveContainerProps,
   tooltipProps,
   ...rest
-}: ChartProps) => import("react/jsx-runtime").JSX.Element, ChartProps>;
+}: ChartProps) => import("react").JSX.Element, ChartProps>;
 interface ChartLegendProps extends Merge<HTMLStyledProps, UseChartLegendProps> {
   /**
    * Props for the content component.
@@ -118,7 +118,7 @@ interface ChartTooltipProps<Y extends (number | string)[] | number | string = nu
    */
   contentProps?: Omit<ChartTooltipContentProps, "formatter" | "label" | "labelFormatter" | "payload">;
 }
-declare const ChartTooltip: <Y extends (number | string)[] | number | string, M extends number | string>(props: ChartTooltipProps<Y, M>) => import("react/jsx-runtime").JSX.Element;
+declare const ChartTooltip: <Y extends (number | string)[] | number | string, M extends number | string>(props: ChartTooltipProps<Y, M>) => import("react").JSX.Element;
 interface ChartTooltipCursorProps extends Omit<HTMLStyledProps<"path">, "height" | "points" | "width" | "x" | "y"> {
   brushBottom?: number;
   height?: number;

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

@@ -159,7 +159,7 @@ declare const DropzoneRoot: Component<({
       };
     };
   };
-}>, keyof DropzoneRootProps>) => import("react/jsx-runtime").JSX.Element, DropzoneRootProps>;
+}>, keyof DropzoneRootProps>) => import("react").JSX.Element, DropzoneRootProps>;
 interface DropzoneIconProps extends HTMLStyledProps<"svg"> {}
 declare const DropzoneIcon: Component<"svg", DropzoneIconProps>;
 interface DropzoneTitleProps extends HTMLStyledProps<"p"> {}

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

@@ -24,7 +24,7 @@ declare const EditableRoot: Component<({
   errorBorderColor,
   focusBorderColor,
   ...props
-}: WithoutThemeProps<EditableRootProps, ComponentSlotStyle<"input" | "textarea" | "root" | "control" | "preview", CSSPropObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>>, keyof EditableRootProps>) => import("react/jsx-runtime").JSX.Element, EditableRootProps>;
+}: WithoutThemeProps<EditableRootProps, ComponentSlotStyle<"input" | "textarea" | "root" | "control" | "preview", CSSPropObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "root" | "control" | "preview">>>, keyof EditableRootProps>) => import("react").JSX.Element, EditableRootProps>;
 interface EditablePreviewProps extends HTMLStyledProps<"span"> {}
 declare const EditablePreview: Component<"span", EditablePreviewProps>;
 interface EditableInputProps extends HTMLStyledProps<"input"> {}

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

@@ -80,7 +80,7 @@ declare const Flip: Component<({
   onChange,
   onClick: onClickProp,
   ...rest
-}: WithoutThemeProps<FlipProps, ComponentSlotStyle<"from" | "to" | "root" | "item", CSSPropObject<CSSSlotObject<"from" | "to" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "root" | "item">>>, keyof FlipProps>) => import("react/jsx-runtime").JSX.Element, FlipProps>;
+}: WithoutThemeProps<FlipProps, ComponentSlotStyle<"from" | "to" | "root" | "item", CSSPropObject<CSSSlotObject<"from" | "to" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "root" | "item">>>, keyof FlipProps>) => import("react").JSX.Element, FlipProps>;
 //#endregion
 export { Flip, FlipProps, FlipPropsContext, useFlipPropsContext };
 //# sourceMappingURL=flip.d.ts.map

package/dist/types/components/format/format-byte.d.ts

@@ -22,7 +22,7 @@ declare const FormatByte: Component<({
   unitDisplay,
   value,
   ...rest
-}: WithoutThemeProps<FormatByteProps, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, keyof FormatByteProps>) => import("react/jsx-runtime").JSX.Element, FormatByteProps>;
+}: WithoutThemeProps<FormatByteProps, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, keyof FormatByteProps>) => import("react").JSX.Element, FormatByteProps>;
 //#endregion
 export { FormatByte, FormatByteProps, FormatBytePropsContext, useFormatBytePropsContext };
 //# sourceMappingURL=format-byte.d.ts.map

package/dist/types/components/format/format-date-time.d.ts

@@ -40,7 +40,7 @@ declare const FormatDateTime: Component<({
   weekday,
   year,
   ...rest
-}: WithoutThemeProps<FormatDateTimeProps, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, keyof FormatDateTimeProps>) => import("react/jsx-runtime").JSX.Element, FormatDateTimeProps>;
+}: WithoutThemeProps<FormatDateTimeProps, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, keyof FormatDateTimeProps>) => import("react").JSX.Element, FormatDateTimeProps>;
 //#endregion
 export { FormatDateTime, FormatDateTimeProps, FormatDateTimePropsContext, useFormatDateTimePropsContext };
 //# sourceMappingURL=format-date-time.d.ts.map

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

@@ -174,7 +174,7 @@ declare const Indicator: Component<({
       "--ping-color": "colorScheme.outline";
     };
   };
-}>, keyof IndicatorProps>) => import("react/jsx-runtime").JSX.Element, IndicatorProps>;
+}>, keyof IndicatorProps>) => import("react").JSX.Element, IndicatorProps>;
 interface IndicatorFloatProps extends FloatProps {}
 interface IndicatorLabelProps extends HTMLStyledProps<"span"> {}
 //#endregion

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

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/menu/menu.style.d.ts
-declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item">>, {
+declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator">>, {
   sm: {
     command: {
       fontSize: "2xs";
@@ -86,7 +86,7 @@ declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "con
       px: "2";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item">>>;
+}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator">>>;
 type MenuStyle = typeof menuStyle;
 //#endregion
 export { MenuStyle, menuStyle };

package/dist/types/components/native-table/native-table.d.ts

@@ -206,7 +206,7 @@ declare const NativeTableRoot: Component<({
       };
     };
   };
-}>, keyof NativeTableRootProps>) => import("react/jsx-runtime").JSX.Element, NativeTableRootProps>;
+}>, keyof NativeTableRootProps>) => import("react").JSX.Element, NativeTableRootProps>;
 interface NativeTableAreaProps extends HTMLStyledProps, ThemeProps<NativeTableStyle> {}
 interface CaptionProps extends HTMLStyledProps<"caption"> {
   /**

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

@@ -120,7 +120,7 @@ declare const Progress: Component<({
       bg: ["colorScheme.muted", "colorScheme.subtle"];
     };
   };
-}>, keyof ProgressProps>) => import("react/jsx-runtime").JSX.Element, ProgressProps>;
+}>, keyof ProgressProps>) => import("react").JSX.Element, ProgressProps>;
 interface ProgressRangeProps extends HTMLStyledProps {}
 //#endregion
 export { Progress, ProgressProps, ProgressPropsContext, useProgressPropsContext };

package/dist/types/components/segmented-control/segmented-control.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/segmented-control/segmented-control.style.d.ts
-declare const segmentedControlStyle: ComponentSlotStyle<"root" | "indicator" | "item", {
+declare const segmentedControlStyle: ComponentSlotStyle<"root" | "item" | "indicator", {
   /**
    * If `true`, the segmented control will be full rounded.
    *
@@ -113,7 +113,7 @@ declare const segmentedControlStyle: ComponentSlotStyle<"root" | "indicator" | "
       };
     };
   };
-}, CSSModifierObject<CSSSlotObject<"root" | "indicator" | "item">>>;
+}, CSSModifierObject<CSSSlotObject<"root" | "item" | "indicator">>>;
 type SegmentedControlStyle = typeof segmentedControlStyle;
 //#endregion
 export { SegmentedControlStyle, segmentedControlStyle };

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

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/steps/steps.style.d.ts
-declare const stepsStyle: ComponentSlotStyle<"title" | "list" | "separator" | "root" | "indicator" | "item" | "description", {
+declare const stepsStyle: ComponentSlotStyle<"title" | "list" | "separator" | "root" | "item" | "indicator" | "description", {
   /**
    * The orientation of the steps.
    *

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

@@ -67,7 +67,7 @@ declare const TimelineRoot: Component<({
   index,
   items,
   ...rest
-}: WithoutThemeProps<TimelineRootProps, ComponentSlotStyle<"title" | "content" | "root" | "indicator" | "item" | "description" | "connector", {
+}: WithoutThemeProps<TimelineRootProps, ComponentSlotStyle<"title" | "content" | "root" | "item" | "indicator" | "description" | "connector", {
   align: {
     center: {
       content: {
@@ -237,7 +237,7 @@ declare const TimelineRoot: Component<({
     };
   };
   plain: {};
-}>, "variant">) => import("react/jsx-runtime").JSX.Element, TimelineRootProps>;
+}>, "variant">) => import("react").JSX.Element, TimelineRootProps>;
 interface TimelineItemProps extends HTMLStyledProps<"li"> {
   /**
    * The index of the timeline item.

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

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/timeline/timeline.style.d.ts
-declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "root" | "indicator" | "item" | "description" | "connector", {
+declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "root" | "item" | "indicator" | "description" | "connector", {
   /**
    * The alignment of the timeline.
    *

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

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/tree/tree.style.d.ts
-declare const treeStyle: ComponentSlotStyle<"label" | "checkbox" | "group" | "end" | "start" | "element" | "root" | "indicator" | "item", {
+declare const treeStyle: ComponentSlotStyle<"label" | "checkbox" | "group" | "end" | "start" | "element" | "root" | "item" | "indicator", {
   /**
    * The shape of the component
    *

package/dist/types/core/system/storage-script.d.ts

@@ -16,11 +16,11 @@ declare function getStorageScript<Y extends string>(type: "colorMode" | "themeSc
 declare function ColorModeScript({
   nonce,
   ...rest
-}: StorageScriptProps<ColorModeWithSystem>): import("react/jsx-runtime").JSX.Element | null;
+}: StorageScriptProps<ColorModeWithSystem>): import("react").JSX.Element | null;
 declare function ThemeSchemeScript({
   nonce,
   ...rest
-}: StorageScriptProps<ThemeScheme>): import("react/jsx-runtime").JSX.Element | null;
+}: StorageScriptProps<ThemeScheme>): import("react").JSX.Element | null;
 //#endregion
 export { ColorModeScript, StorageScriptProps, ThemeSchemeScript, getStorageScript };
 //# sourceMappingURL=storage-script.d.ts.map

package/dist/types/hooks/use-combobox/index.d.ts

@@ -36,7 +36,7 @@ declare const createComboboxChildren: (items: ComboboxItem[], {
   Empty,
   Group,
   Option
-}: CreateComboboxChildrenOptions) => import("react/jsx-runtime").JSX.Element[];
+}: CreateComboboxChildrenOptions) => import("react").JSX.Element[];
 interface ComboboxDescendantProps {
   id: string;
   closeOnSelect?: boolean;

package/dist/types/hooks/use-field-sizing/index.d.ts

@@ -6,7 +6,7 @@ declare const useFieldSizing: <Y extends HTMLElement>({
   value
 }: UseFieldSizingProps) => {
   ref: import("react").RefObject<Y | null>;
-  text: import("react/jsx-runtime").JSX.Element;
+  text: import("react").JSX.Element;
 };
 type UseFieldSizingReturn = ReturnType<typeof useFieldSizing>;
 //#endregion

package/dist/types/utils/children.d.ts

@@ -18,7 +18,7 @@ declare function pickChildren<Y = any>(children: React.ReactElement[], ...types:
 declare function usePickChildren<Y = any>(children: React.ReactElement<any>[], ...types: (React.JSXElementConstructor<any> | string)[]): React.ReactElement<Y>[];
 declare function splitChildren<Y = any, M = any>(children: React.ReactNode, ...types: ((React.JSXElementConstructor<any> | string)[] | React.JSXElementConstructor<any> | string)[]): [React.ReactElement<M>[] | React.ReactNode, ...(React.ReactElement<Y>[] | undefined)[]];
 declare function useSplitChildren<Y = any, M = any>(children: React.ReactNode, ...types: ((React.JSXElementConstructor<any> | string)[] | React.JSXElementConstructor<any> | string)[]): [React.ReactElement<M>[] | React.ReactNode, ...(React.ReactElement<Y>[] | undefined)[]];
-declare const wrapOrPassProps: <Y extends React.PropsWithChildren>(Component: React.FC<Y>, nodeOrProps: React.ReactNode | Y, additionalProps?: Y) => import("react/jsx-runtime").JSX.Element | null;
+declare const wrapOrPassProps: <Y extends React.PropsWithChildren>(Component: React.FC<Y>, nodeOrProps: React.ReactNode | Y, additionalProps?: Y) => React.JSX.Element | null;
 //#endregion
 export { findChild, findChildren, getValidChildren, includesChildren, isSomeDisplayName, isSomeElement, isValidElement, omitChildren, pickChildren, splitChildren, useFindChild, useFindChildren, useIncludesChildren, useOmitChildren, usePickChildren, useSplitChildren, useValidChildren, wrapOrPassProps };
 //# sourceMappingURL=children.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yamada-ui/react",
   "type": "module",
-  "version": "2.2.2",
+  "version": "2.2.3-dev-20260614231227",
   "description": "React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion",
   "keywords": [
     "yamada",
@@ -133,11 +133,11 @@
     "embla-carousel-react": "^8.6.0",
     "file-selector": "^2.1.2",
     "framesync": "6.1.2",
-    "intl-messageformat": "^11.2.6",
+    "intl-messageformat": "^11.2.8",
     "lucide-react": "1.17.0",
     "motion": "^12.38.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "react-dropzone": "^15.0.0",
     "react-fast-compare": "^3.2.2",
     "react-focus-lock": "^2.13.7",
@@ -161,9 +161,9 @@
     "@types/jsdom": "^28.0.1",
     "@types/yamljs": "^0.2.34",
     "@vitejs/plugin-react": "^6.0.2",
-    "@vitest/browser": "^4.1.5",
-    "@vitest/browser-playwright": "^4.1.5",
-    "axe-core": "^4.11.4",
+    "@vitest/browser": "^4.1.8",
+    "@vitest/browser-playwright": "^4.1.8",
+    "axe-core": "^4.12.0",
     "axe-playwright": "^2.2.2",
     "jsdom": "^29.1.1",
     "playwright": "^1.60.0",
@@ -172,7 +172,7 @@
     "use-mask-input": "^3.10.1",
     "vitest-axe": "^0.1.0",
     "vitest-browser-react": "2.2.0",
-    "web-features": "3.29.0",
+    "web-features": "3.30.0",
     "yamljs": "^0.3.0",
     "@yamada-ui/workspace": "1.0.0"
   },