@yamada-ui/react 2.2.2-dev-20260525150310 → 2.2.2-dev-20260525160901

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/types/components/chart/polar-chart.style.d.ts +1 -1
  2. package/dist/types/components/color-picker/color-picker.style.d.ts +1 -1
  3. package/dist/types/components/color-selector/color-selector.style.d.ts +2 -2
  4. package/dist/types/components/drawer/drawer.style.d.ts +2 -2
  5. package/dist/types/components/file-input/file-input.style.d.ts +1 -1
  6. package/dist/types/components/modal/modal.style.d.ts +2 -2
  7. package/dist/types/components/notice/notice.style.d.ts +1 -1
  8. package/dist/types/components/progress/use-progress.d.ts +3 -3
  9. package/dist/types/components/tag/tag.style.d.ts +1 -1
  10. package/dist/types/components/tree/use-tree.d.ts +1 -1
  11. package/package.json +1 -1
package/dist/types/components/chart/polar-chart.style.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  //#region src/components/chart/polar-chart.style.d.ts
4
- declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
4
+ declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
5
5
  type PolarChartStyle = typeof polarChartStyle;
6
6
  //#endregion
7
7
  export { PolarChartStyle, polarChartStyle };
package/dist/types/components/color-picker/color-picker.style.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  //#region src/components/color-picker/color-picker.style.d.ts
4
- declare const colorPickerStyle: ComponentSlotStyle<"input" | "content" | "icon" | "root" | "colorSwatch" | "field" | "eyeDropper", CSSPropObject<CSSSlotObject<"input" | "content" | "icon" | "root" | "colorSwatch" | "field" | "eyeDropper">>, {
4
+ declare const colorPickerStyle: ComponentSlotStyle<"input" | "content" | "icon" | "colorSwatch" | "root" | "field" | "eyeDropper", CSSPropObject<CSSSlotObject<"input" | "content" | "icon" | "colorSwatch" | "root" | "field" | "eyeDropper">>, {
5
5
  xs: {
6
6
  field: {
7
7
  fontSize: "1em";
package/dist/types/components/color-selector/color-selector.style.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  //#region src/components/color-selector/color-selector.style.d.ts
4
- declare const colorSelectorStyle: ComponentSlotStyle<"root" | "hueSlider" | "saturationSlider" | "eyeDropper" | "colorSwatchGroupLabel" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchItem", {
4
+ declare const colorSelectorStyle: ComponentSlotStyle<"hueSlider" | "saturationSlider" | "root" | "eyeDropper" | "colorSwatchGroupLabel" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchItem", {
5
5
  /**
6
6
  * The shape of the thumb and color swatch.
7
7
  *
@@ -22,7 +22,7 @@ declare const colorSelectorStyle: ComponentSlotStyle<"root" | "hueSlider" | "sat
22
22
  md: {};
23
23
  lg: {};
24
24
  xl: {};
25
- }, CSSModifierObject<CSSSlotObject<"root" | "hueSlider" | "saturationSlider" | "eyeDropper" | "colorSwatchGroupLabel" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchItem">>>;
25
+ }, CSSModifierObject<CSSSlotObject<"hueSlider" | "saturationSlider" | "root" | "eyeDropper" | "colorSwatchGroupLabel" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchItem">>>;
26
26
  type ColorSelectorStyle = typeof colorSelectorStyle;
27
27
  //#endregion
28
28
  export { ColorSelectorStyle, colorSelectorStyle };
package/dist/types/components/drawer/drawer.style.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  //#region src/components/drawer/drawer.style.d.ts
4
- declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar", {
4
+ declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar", {
5
5
  /**
6
6
  * The placement of the drawer.
7
7
  *
@@ -117,7 +117,7 @@ declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "ti
117
117
  rounded: "0";
118
118
  };
119
119
  };
120
- }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar">>>;
120
+ }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar">>>;
121
121
  type DrawerStyle = typeof drawerStyle;
122
122
  //#endregion
123
123
  export { DrawerStyle, drawerStyle };
package/dist/types/components/file-input/file-input.style.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  //#region src/components/file-input/file-input.style.d.ts
4
- declare const fileInputStyle: ComponentSlotStyle<"root" | "tag", CSSPropObject<CSSSlotObject<"root" | "tag">>, {
4
+ declare const fileInputStyle: ComponentSlotStyle<"tag" | "root", CSSPropObject<CSSSlotObject<"tag" | "root">>, {
5
5
  xs: {
6
6
  root: {
7
7
  "&:has(~ [data-input-element])"?: {
package/dist/types/components/modal/modal.style.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  //#region src/components/modal/modal.style.d.ts
4
- declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton", {
4
+ declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root", {
5
5
  /**
6
6
  * The placement of the modal.
7
7
  *
@@ -155,7 +155,7 @@ declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "tit
155
155
  p: "0";
156
156
  };
157
157
  };
158
- }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton">>>;
158
+ }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root">>>;
159
159
  type ModalStyle = typeof modalStyle;
160
160
  //#endregion
161
161
  export { ModalStyle, modalStyle };
package/dist/types/components/notice/notice.style.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  //#region src/components/notice/notice.style.d.ts
4
- declare const noticeStyle: ComponentSlotStyle<"content" | "root" | "closeButton" | "item", CSSPropObject<CSSSlotObject<"content" | "root" | "closeButton" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "root" | "closeButton" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "root" | "closeButton" | "item">>>;
4
+ declare const noticeStyle: ComponentSlotStyle<"content" | "closeButton" | "root" | "item", CSSPropObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>>;
5
5
  type NoticeStyle = typeof noticeStyle;
6
6
  //#endregion
7
7
  export { NoticeStyle };
package/dist/types/components/progress/use-progress.d.ts CHANGED
@@ -29,7 +29,6 @@ declare const useProgress: <Y extends "div" | "svg" = "div">({
29
29
  getRangeProps: (props?: HTMLProps<Y extends "svg" ? "circle" : "div">) => {
30
30
  slot?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["slot"] | undefined;
31
31
  style?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["style"] | undefined;
32
- key?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["key"] | undefined;
33
32
  ref?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["ref"] | undefined;
34
33
  suppressHydrationWarning?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["suppressHydrationWarning"] | undefined;
35
34
  className?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["className"] | undefined;
@@ -262,12 +261,12 @@ declare const useProgress: <Y extends "div" | "svg" = "div">({
262
261
  onTransitionRunCapture?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionRunCapture"] | undefined;
263
262
  onTransitionStart?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionStart"] | undefined;
264
263
  onTransitionStartCapture?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionStartCapture"] | undefined;
264
+ key?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["key"] | undefined;
265
265
  "data-indeterminate": string | undefined;
266
266
  };
267
267
  getRootProps: (props?: HTMLProps<Y>) => {
268
268
  slot?: import("react").JSX.IntrinsicElements[Y]["slot"] | undefined;
269
269
  style?: import("react").JSX.IntrinsicElements[Y]["style"] | undefined;
270
- key?: import("react").JSX.IntrinsicElements[Y]["key"] | undefined;
271
270
  ref?: import("react").JSX.IntrinsicElements[Y]["ref"] | undefined;
272
271
  suppressHydrationWarning?: import("react").JSX.IntrinsicElements[Y]["suppressHydrationWarning"] | undefined;
273
272
  className?: import("react").JSX.IntrinsicElements[Y]["className"] | undefined;
@@ -500,12 +499,12 @@ declare const useProgress: <Y extends "div" | "svg" = "div">({
500
499
  onTransitionRunCapture?: import("react").JSX.IntrinsicElements[Y]["onTransitionRunCapture"] | undefined;
501
500
  onTransitionStart?: import("react").JSX.IntrinsicElements[Y]["onTransitionStart"] | undefined;
502
501
  onTransitionStartCapture?: import("react").JSX.IntrinsicElements[Y]["onTransitionStartCapture"] | undefined;
502
+ key?: import("react").JSX.IntrinsicElements[Y]["key"] | undefined;
503
503
  "data-indeterminate": string | undefined;
504
504
  };
505
505
  getTrackProps: (props?: HTMLProps<Y extends "svg" ? "circle" : "div">) => {
506
506
  slot?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["slot"] | undefined;
507
507
  style?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["style"] | undefined;
508
- key?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["key"] | undefined;
509
508
  ref?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["ref"] | undefined;
510
509
  suppressHydrationWarning?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["suppressHydrationWarning"] | undefined;
511
510
  className?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["className"] | undefined;
@@ -738,6 +737,7 @@ declare const useProgress: <Y extends "div" | "svg" = "div">({
738
737
  onTransitionRunCapture?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionRunCapture"] | undefined;
739
738
  onTransitionStart?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionStart"] | undefined;
740
739
  onTransitionStartCapture?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionStartCapture"] | undefined;
740
+ key?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["key"] | undefined;
741
741
  "data-indeterminate": string | undefined;
742
742
  };
743
743
  };
package/dist/types/components/tag/tag.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  //#region src/components/tag/tag.style.d.ts
3
- declare const tagStyle: ComponentSlotStyle<"content" | "icon" | "root" | "closeButton" | "endIcon" | "startIcon", {
3
+ declare const tagStyle: ComponentSlotStyle<"content" | "icon" | "closeButton" | "root" | "endIcon" | "startIcon", {
4
4
  /**
5
5
  * If `true`, the tag is full rounded. Else, it'll be slightly round.
6
6
  *
package/dist/types/components/tree/use-tree.d.ts CHANGED
@@ -243,7 +243,6 @@ declare const useTreeItem: ({
243
243
  title?: string | undefined | undefined;
244
244
  translate?: "yes" | "no" | undefined | undefined;
245
245
  hidden?: boolean | undefined | undefined;
246
- key?: import("react").Key | null | undefined;
247
246
  ref?: import("react").Ref<HTMLDivElement> | undefined;
248
247
  defaultChecked?: boolean | undefined | undefined;
249
248
  defaultValue?: string | number | readonly string[] | undefined;
@@ -517,6 +516,7 @@ declare const useTreeItem: ({
517
516
  onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
518
517
  onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
519
518
  onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
519
+ key?: import("react").Key | null | undefined;
520
520
  };
521
521
  selected: boolean;
522
522
  value: string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@yamada-ui/react",
3
3
  "type": "module",
4
- "version": "2.2.2-dev-20260525150310",
4
+ "version": "2.2.2-dev-20260525160901",
5
5
  "description": "React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion",
6
6
  "keywords": [
7
7
  "yamada",