@yamada-ui/react 2.2.2-dev-20260517212608 → 2.2.2-dev-20260525083850

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 (58) hide show
  1. package/dist/cjs/core/css/styles.cjs +38 -0
  2. package/dist/cjs/core/css/styles.cjs.map +1 -1
  3. package/dist/esm/core/css/styles.js +38 -0
  4. package/dist/esm/core/css/styles.js.map +1 -1
  5. package/dist/types/components/accordion/accordion.style.d.ts +1 -1
  6. package/dist/types/components/alert/alert.style.d.ts +1 -1
  7. package/dist/types/components/autocomplete/autocomplete.style.d.ts +1 -1
  8. package/dist/types/components/avatar/avatar.d.ts +3 -3
  9. package/dist/types/components/avatar/avatar.style.d.ts +1 -1
  10. package/dist/types/components/breadcrumb/breadcrumb.style.d.ts +1 -1
  11. package/dist/types/components/calendar/calendar.style.d.ts +2 -2
  12. package/dist/types/components/carousel/carousel.style.d.ts +2 -2
  13. package/dist/types/components/chart/cartesian-chart.style.d.ts +1 -1
  14. package/dist/types/components/chart/polar-chart.style.d.ts +1 -1
  15. package/dist/types/components/checkbox/checkbox.d.ts +1 -1
  16. package/dist/types/components/checkbox-card/checkbox-card.d.ts +3 -3
  17. package/dist/types/components/checkbox-card/checkbox-card.style.d.ts +1 -1
  18. package/dist/types/components/color-picker/color-picker.style.d.ts +1 -1
  19. package/dist/types/components/color-selector/color-selector.style.d.ts +2 -2
  20. package/dist/types/components/data-list/data-list.style.d.ts +1 -1
  21. package/dist/types/components/date-picker/date-picker.style.d.ts +1 -1
  22. package/dist/types/components/drawer/drawer.style.d.ts +2 -2
  23. package/dist/types/components/dropzone/dropzone.d.ts +1 -1
  24. package/dist/types/components/dropzone/dropzone.style.d.ts +1 -1
  25. package/dist/types/components/empty-state/empty-state.style.d.ts +2 -2
  26. package/dist/types/components/flip/flip.d.ts +1 -1
  27. package/dist/types/components/flip/flip.style.d.ts +1 -1
  28. package/dist/types/components/form/form.style.d.ts +1 -1
  29. package/dist/types/components/icon/icon.d.ts +2 -2
  30. package/dist/types/components/infinite-scroll-area/infinite-scroll-area.style.d.ts +2 -2
  31. package/dist/types/components/list/list.style.d.ts +2 -2
  32. package/dist/types/components/loading/loading.d.ts +1 -1
  33. package/dist/types/components/menu/menu.style.d.ts +2 -2
  34. package/dist/types/components/modal/modal.style.d.ts +2 -2
  35. package/dist/types/components/native-accordion/native-accordion.style.d.ts +2 -2
  36. package/dist/types/components/native-select/native-select.style.d.ts +1 -1
  37. package/dist/types/components/notice/notice.style.d.ts +1 -1
  38. package/dist/types/components/number-input/number-input.style.d.ts +1 -1
  39. package/dist/types/components/pagination/pagination.style.d.ts +1 -1
  40. package/dist/types/components/password-input/password-input.style.d.ts +1 -1
  41. package/dist/types/components/pin-input/pin-input.style.d.ts +1 -1
  42. package/dist/types/components/radio/radio.d.ts +1 -1
  43. package/dist/types/components/radio-card/radio-card.d.ts +3 -3
  44. package/dist/types/components/radio-card/radio-card.style.d.ts +1 -1
  45. package/dist/types/components/rating/rating.style.d.ts +2 -2
  46. package/dist/types/components/reorder/reorder.style.d.ts +1 -1
  47. package/dist/types/components/resizable/resizable.style.d.ts +2 -2
  48. package/dist/types/components/segmented-control/segmented-control.style.d.ts +2 -2
  49. package/dist/types/components/select/select.style.d.ts +1 -1
  50. package/dist/types/components/steps/steps.style.d.ts +1 -1
  51. package/dist/types/components/tag/tag.style.d.ts +1 -1
  52. package/dist/types/components/timeline/timeline.d.ts +1 -1
  53. package/dist/types/components/timeline/timeline.style.d.ts +1 -1
  54. package/dist/types/components/toggle/toggle.d.ts +1 -1
  55. package/dist/types/components/tree/tree.style.d.ts +1 -1
  56. package/dist/types/core/css/styles.d.ts +459 -1
  57. package/dist/types/providers/i18n-provider/i18n-provider.d.ts +1 -1
  58. package/package.json +3 -3
package/dist/types/components/accordion/accordion.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/accordion/accordion.style.d.ts
4
- declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
4
+ declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "item" | "root", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, {
5
5
  panel: {
6
6
  button: {
7
7
  rounded: "l2";
package/dist/types/components/alert/alert.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/alert/alert.style.d.ts
4
- declare const alertStyle: ComponentSlotStyle<"title" | "loading" | "icon" | "description" | "root", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, {
4
+ declare const alertStyle: ComponentSlotStyle<"title" | "loading" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "root" | "description">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "root" | "description">>, {
5
5
  island: {
6
6
  description: {
7
7
  color: "fg.muted";
package/dist/types/components/autocomplete/autocomplete.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/autocomplete/autocomplete.style.d.ts
4
- declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "field" | "root" | "indicator" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "field" | "root" | "indicator" | "empty" | "valueText">>, {
4
+ 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">>, {
5
5
  xs: {
6
6
  empty: {
7
7
  gap: "1.5";
package/dist/types/components/avatar/avatar.d.ts CHANGED
@@ -23,7 +23,7 @@ interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvata
23
23
  */
24
24
  imageProps?: AvatarImageProps;
25
25
  }
26
- declare const component: <H extends As | "fragment" = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
26
+ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
27
27
  shape: {
28
28
  circle: {
29
29
  root: {
@@ -146,7 +146,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _$_yamada
146
146
  name,
147
147
  className,
148
148
  ...options
149
- }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: _$react.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
149
+ }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: _$react.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
150
150
  shape: {
151
151
  circle: {
152
152
  root: {
@@ -269,7 +269,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _$_yamada
269
269
  className,
270
270
  withContext,
271
271
  transferProps
272
- }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _$_yamada_ui_utils0.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
272
+ }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _$_yamada_ui_utils0.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
273
273
  shape: {
274
274
  circle: {
275
275
  root: {
package/dist/types/components/avatar/avatar.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  //#region src/components/avatar/avatar.style.d.ts
3
- declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
3
+ declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
4
4
  /**
5
5
  * The shape of the component
6
6
  *
package/dist/types/components/breadcrumb/breadcrumb.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/breadcrumb/breadcrumb.style.d.ts
4
- declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "root" | "item", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "root" | "item">>, {
4
+ declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "item" | "root", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "item" | "root">>, {
5
5
  sm: {
6
6
  list: {
7
7
  fontSize: "sm";
package/dist/types/components/calendar/calendar.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/calendar/calendar.style.d.ts
4
- declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "prev" | "root" | "month" | "week" | "control" | "weekday" | "day" | "months" | "years" | "weeks", {
4
+ declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "month" | "week" | "weekday" | "day" | "control" | "months" | "years" | "weeks" | "prev", {
5
5
  /**
6
6
  * If `true`, the calendar will be fixed rows.
7
7
  *
@@ -73,7 +73,7 @@ declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "
73
73
  "--font-size": "fontSizes.xl";
74
74
  };
75
75
  };
76
- }, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "prev" | "root" | "month" | "week" | "control" | "weekday" | "day" | "months" | "years" | "weeks">>>;
76
+ }, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "month" | "week" | "weekday" | "day" | "control" | "months" | "years" | "weeks" | "prev">>>;
77
77
  type CalendarStyle = typeof calendarStyle;
78
78
  //#endregion
79
79
  export { CalendarStyle, calendarStyle };
package/dist/types/components/carousel/carousel.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/carousel/carousel.style.d.ts
4
- declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "prev" | "trigger" | "root" | "indicator" | "indicators" | "item", CSSPropObject<CSSSlotObject<"list" | "next" | "prev" | "trigger" | "root" | "indicator" | "indicators" | "item">>, {
4
+ declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "item" | "root" | "trigger" | "indicator" | "indicators" | "prev", CSSPropObject<CSSSlotObject<"list" | "next" | "item" | "root" | "trigger" | "indicator" | "indicators" | "prev">>, {
5
5
  sm: {
6
6
  root: {
7
7
  h: "sm";
@@ -17,7 +17,7 @@ declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "prev" | "trig
17
17
  h: "lg";
18
18
  };
19
19
  };
20
- }, CSSModifierObject<CSSSlotObject<"list" | "next" | "prev" | "trigger" | "root" | "indicator" | "indicators" | "item">>>;
20
+ }, CSSModifierObject<CSSSlotObject<"list" | "next" | "item" | "root" | "trigger" | "indicator" | "indicators" | "prev">>>;
21
21
  type CarouselStyle = typeof carouselStyle;
22
22
  //#endregion
23
23
  export { CarouselStyle, carouselStyle };
package/dist/types/components/chart/cartesian-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/cartesian-chart.style.d.ts
4
- declare const cartesianChartStyle: ComponentSlotStyle<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine", CSSPropObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>>;
4
+ declare const cartesianChartStyle: ComponentSlotStyle<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine", CSSPropObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>>;
5
5
  type CartesianChartStyle = typeof cartesianChartStyle;
6
6
  //#endregion
7
7
  export { CartesianChartStyle, cartesianChartStyle };
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" | "radial" | "labelLine" | "activeDot" | "labelList" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "radial" | "labelLine" | "activeDot" | "labelList" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "radial" | "labelLine" | "activeDot" | "labelList" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "radial" | "labelLine" | "activeDot" | "labelList" | "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/checkbox/checkbox.d.ts CHANGED
@@ -37,7 +37,7 @@ interface CheckboxProps<Y extends string = string> extends Merge<HTMLStyledProps
37
37
  */
38
38
  rootProps?: HTMLStyledProps<"label">;
39
39
  }
40
- declare const component: <H extends As | "fragment" = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
40
+ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
41
41
  shape: {
42
42
  rounded: {
43
43
  indicator: {
package/dist/types/components/checkbox-card/checkbox-card.d.ts CHANGED
@@ -63,7 +63,7 @@ interface CheckboxCardRootProps<Y extends string = string> extends Merge<HTMLSty
63
63
  */
64
64
  rootProps?: HTMLStyledProps<"label">;
65
65
  }
66
- declare const component: <H extends As | "fragment" = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "description" | "root" | "indicator" | "addon", {
66
+ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
67
67
  justify: {
68
68
  end: {
69
69
  addon: {
@@ -213,7 +213,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _$_yamada
213
213
  name,
214
214
  className,
215
215
  ...options
216
- }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, CheckboxCardPropsContext: _$react.Context<Partial<CheckboxCardRootProps<string>> | undefined>, useCheckboxCardPropsContext: () => Partial<CheckboxCardRootProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "description" | "root" | "indicator" | "addon", {
216
+ }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, CheckboxCardPropsContext: _$react.Context<Partial<CheckboxCardRootProps<string>> | undefined>, useCheckboxCardPropsContext: () => Partial<CheckboxCardRootProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
217
217
  justify: {
218
218
  end: {
219
219
  addon: {
@@ -363,7 +363,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _$_yamada
363
363
  className,
364
364
  withContext,
365
365
  transferProps
366
- }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "description" | "root" | "indicator" | "addon", {
366
+ }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
367
367
  justify: {
368
368
  end: {
369
369
  addon: {
package/dist/types/components/checkbox-card/checkbox-card.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  //#region src/components/checkbox-card/checkbox-card.style.d.ts
3
- declare const checkboxCardStyle: ComponentSlotStyle<"group" | "description" | "root" | "indicator" | "addon", {
3
+ declare const checkboxCardStyle: ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
4
4
  /**
5
5
  * The justify indicator of the component
6
6
  *
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" | "field" | "root" | "colorSwatch" | "eyeDropper", CSSPropObject<CSSSlotObject<"input" | "content" | "icon" | "field" | "root" | "colorSwatch" | "eyeDropper">>, {
4
+ declare const colorPickerStyle: ComponentSlotStyle<"input" | "content" | "icon" | "root" | "colorSwatch" | "field" | "eyeDropper", CSSPropObject<CSSSlotObject<"input" | "content" | "icon" | "root" | "colorSwatch" | "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<"root" | "hueSlider" | "saturationSlider" | "eyeDropper" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchGroupLabel" | "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<"root" | "hueSlider" | "saturationSlider" | "eyeDropper" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchGroupLabel" | "colorSwatchItem">>>;
26
26
  type ColorSelectorStyle = typeof colorSelectorStyle;
27
27
  //#endregion
28
28
  export { ColorSelectorStyle, colorSelectorStyle };
package/dist/types/components/data-list/data-list.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  //#region src/components/data-list/data-list.style.d.ts
3
- declare const dataListStyle: ComponentSlotStyle<"term" | "description" | "root" | "item", {
3
+ declare const dataListStyle: ComponentSlotStyle<"term" | "item" | "root" | "description", {
4
4
  /**
5
5
  * The orientation of the data list.
6
6
  *
package/dist/types/components/date-picker/date-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/date-picker/date-picker.style.d.ts
4
- declare const datePickerStyle: ComponentSlotStyle<"input" | "content" | "separator" | "icon" | "field" | "root" | "adjust", CSSPropObject<CSSSlotObject<"input" | "content" | "separator" | "icon" | "field" | "root" | "adjust">>, {
4
+ declare const datePickerStyle: ComponentSlotStyle<"input" | "content" | "separator" | "icon" | "root" | "field" | "adjust", CSSPropObject<CSSSlotObject<"input" | "content" | "separator" | "icon" | "root" | "field" | "adjust">>, {
5
5
  xs: {
6
6
  field: {
7
7
  fontSize: "1em";
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/dropzone/dropzone.d.ts CHANGED
@@ -41,7 +41,7 @@ declare const DropzoneRoot: Component<({
41
41
  loadingProps,
42
42
  overlayProps,
43
43
  ...rest
44
- }: WithoutThemeProps<DropzoneRootProps, ComponentSlotStyle<"title" | "overlay" | "loading" | "icon" | "description" | "root", CSSPropObject<CSSSlotObject<"title" | "overlay" | "loading" | "icon" | "description" | "root">>, {
44
+ }: WithoutThemeProps<DropzoneRootProps, ComponentSlotStyle<"title" | "overlay" | "loading" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "overlay" | "loading" | "icon" | "root" | "description">>, {
45
45
  xs: {
46
46
  root: {
47
47
  minH: "xs";
package/dist/types/components/dropzone/dropzone.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/dropzone/dropzone.style.d.ts
4
- declare const dropzoneStyle: ComponentSlotStyle<"title" | "overlay" | "loading" | "icon" | "description" | "root", CSSPropObject<CSSSlotObject<"title" | "overlay" | "loading" | "icon" | "description" | "root">>, {
4
+ declare const dropzoneStyle: ComponentSlotStyle<"title" | "overlay" | "loading" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "overlay" | "loading" | "icon" | "root" | "description">>, {
5
5
  xs: {
6
6
  root: {
7
7
  minH: "xs";
package/dist/types/components/empty-state/empty-state.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/empty-state/empty-state.style.d.ts
4
- declare const emptyState: ComponentSlotStyle<"title" | "content" | "description" | "root" | "indicator", CSSPropObject<CSSSlotObject<"title" | "content" | "description" | "root" | "indicator">>, {
4
+ declare const emptyState: ComponentSlotStyle<"title" | "content" | "root" | "indicator" | "description", CSSPropObject<CSSSlotObject<"title" | "content" | "root" | "indicator" | "description">>, {
5
5
  sm: {
6
6
  content: {
7
7
  gap: "xs";
@@ -47,7 +47,7 @@ declare const emptyState: ComponentSlotStyle<"title" | "content" | "description"
47
47
  fontSize: "xl";
48
48
  };
49
49
  };
50
- }, CSSModifierObject<CSSSlotObject<"title" | "content" | "description" | "root" | "indicator">>>;
50
+ }, CSSModifierObject<CSSSlotObject<"title" | "content" | "root" | "indicator" | "description">>>;
51
51
  type EmptyState = typeof emptyState;
52
52
  //#endregion
53
53
  export { EmptyState, emptyState };
package/dist/types/components/flip/flip.d.ts CHANGED
@@ -82,7 +82,7 @@ declare const Flip: Component<({
82
82
  onChange,
83
83
  onClick: onClickProp,
84
84
  ...rest
85
- }: 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>) => _$react_jsx_runtime0.JSX.Element, FlipProps>;
85
+ }: WithoutThemeProps<FlipProps, ComponentSlotStyle<"from" | "to" | "item" | "root", CSSPropObject<CSSSlotObject<"from" | "to" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "item" | "root">>>, keyof FlipProps>) => _$react_jsx_runtime0.JSX.Element, FlipProps>;
86
86
  //#endregion
87
87
  export { Flip, FlipProps, FlipPropsContext, useFlipPropsContext };
88
88
  //# sourceMappingURL=flip.d.ts.map
package/dist/types/components/flip/flip.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/flip/flip.style.d.ts
4
- declare const flipStyle: ComponentSlotStyle<"from" | "to" | "root" | "item", CSSPropObject<CSSSlotObject<"from" | "to" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "root" | "item">>>;
4
+ declare const flipStyle: ComponentSlotStyle<"from" | "to" | "item" | "root", CSSPropObject<CSSSlotObject<"from" | "to" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "item" | "root">>>;
5
5
  type FlipStyle = typeof flipStyle;
6
6
  //#endregion
7
7
  export { FlipStyle, flipStyle };
package/dist/types/components/form/form.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/form/form.style.d.ts
4
- declare const formStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "group" | "description" | "root" | "submitButton", CSSPropObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "group" | "description" | "root" | "submitButton">>, {
4
+ declare const formStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "group" | "root" | "description" | "submitButton", CSSPropObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "group" | "root" | "description" | "submitButton">>, {
5
5
  sm: {
6
6
  body: {
7
7
  gap: "5";
package/dist/types/components/icon/icon.d.ts CHANGED
@@ -8,11 +8,11 @@ import * as _$_yamada_ui_utils0 from "@yamada-ui/utils";
8
8
 
9
9
  //#region src/components/icon/icon.d.ts
10
10
  interface IconProps extends HTMLStyledProps<"svg">, ThemeProps<IconStyle> {}
11
- declare const component: <D extends As | "fragment" = "div", H extends _$_yamada_ui_utils0.Dict = IconProps>(el: D | _$react.FC<H>, {
11
+ declare const component: <D extends "fragment" | As = "div", H extends _$_yamada_ui_utils0.Dict = IconProps>(el: D | _$react.FC<H>, {
12
12
  name,
13
13
  className,
14
14
  ...options
15
- }?: ComponentOptions) => (initialProps?: InitialProps<H>, ...superProps: SuperProps<H>[]) => D extends "fragment" ? _$react.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>, IconPropsContext: _$react.Context<Partial<IconProps> | undefined>, useIconPropsContext: () => Partial<IconProps> | undefined, withContext: <D extends As | "fragment" = "div", H extends IconProps = IconProps, R extends keyof H = keyof H>(el: D | _$react.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
15
+ }?: ComponentOptions) => (initialProps?: InitialProps<H>, ...superProps: SuperProps<H>[]) => D extends "fragment" ? _$react.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>, IconPropsContext: _$react.Context<Partial<IconProps> | undefined>, useIconPropsContext: () => Partial<IconProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends IconProps = IconProps, R extends keyof H = keyof H>(el: D | _$react.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
16
16
  name,
17
17
  className,
18
18
  withContext,
package/dist/types/components/infinite-scroll-area/infinite-scroll-area.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/infinite-scroll-area/infinite-scroll-area.style.d.ts
4
- declare const infiniteScrollAreaStyle: ComponentSlotStyle<"trigger" | "root", {
4
+ declare const infiniteScrollAreaStyle: ComponentSlotStyle<"root" | "trigger", {
5
5
  /**
6
6
  * The orientation of the infinite scroll.
7
7
  *
@@ -24,7 +24,7 @@ declare const infiniteScrollAreaStyle: ComponentSlotStyle<"trigger" | "root", {
24
24
  };
25
25
  };
26
26
  };
27
- }, CSSModifierObject<CSSSlotObject<"trigger" | "root">>, CSSModifierObject<CSSSlotObject<"trigger" | "root">>>;
27
+ }, CSSModifierObject<CSSSlotObject<"root" | "trigger">>, CSSModifierObject<CSSSlotObject<"root" | "trigger">>>;
28
28
  type InfiniteScrollAreaStyle = typeof infiniteScrollAreaStyle;
29
29
  //#endregion
30
30
  export { InfiniteScrollAreaStyle, infiniteScrollAreaStyle };
package/dist/types/components/list/list.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/list/list.style.d.ts
4
- declare const listStyle: ComponentSlotStyle<"icon" | "root" | "item", {
4
+ declare const listStyle: ComponentSlotStyle<"icon" | "item" | "root", {
5
5
  styleType: {
6
6
  circle: {
7
7
  root: {
@@ -35,7 +35,7 @@ declare const listStyle: ComponentSlotStyle<"icon" | "root" | "item", {
35
35
  };
36
36
  };
37
37
  };
38
- }, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>>;
38
+ }, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root">>>;
39
39
  type ListStyle = typeof listStyle;
40
40
  //#endregion
41
41
  export { ListStyle, listStyle };
package/dist/types/components/loading/loading.d.ts CHANGED
@@ -17,7 +17,7 @@ interface LoadingProps extends WithoutThemeProps<IconProps>, ThemeProps<LoadingS
17
17
  */
18
18
  secondaryColor?: CSSProps["color"];
19
19
  }
20
- declare const LoadingPropsContext: _$react.Context<Partial<LoadingProps> | undefined>, useLoadingPropsContext: () => Partial<LoadingProps> | undefined, withContext: <D extends As | "fragment" = "div", H extends LoadingProps = LoadingProps, R extends keyof H = keyof H>(el: D | _$react.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
20
+ declare const LoadingPropsContext: _$react.Context<Partial<LoadingProps> | undefined>, useLoadingPropsContext: () => Partial<LoadingProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends LoadingProps = LoadingProps, R extends keyof H = keyof H>(el: D | _$react.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
21
21
  name,
22
22
  className,
23
23
  withContext,
package/dist/types/components/menu/menu.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/menu/menu.style.d.ts
4
- declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item">>, {
4
+ declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator">>, {
5
5
  sm: {
6
6
  command: {
7
7
  fontSize: "2xs";
@@ -86,7 +86,7 @@ declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "con
86
86
  px: "2";
87
87
  };
88
88
  };
89
- }, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item">>>;
89
+ }, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator">>>;
90
90
  type MenuStyle = typeof menuStyle;
91
91
  //#endregion
92
92
  export { MenuStyle, menuStyle };
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/native-accordion/native-accordion.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/native-accordion/native-accordion.style.d.ts
4
- declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", {
4
+ declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "item" | "root", {
5
5
  /**
6
6
  * If `true`, animate the accordion items when they are expanded or collapsed.
7
7
  *
@@ -31,7 +31,7 @@ declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "panel" | "ico
31
31
  };
32
32
  };
33
33
  };
34
- }, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
34
+ }, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, {
35
35
  panel: {
36
36
  button: {
37
37
  rounded: "l2";
package/dist/types/components/native-select/native-select.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/native-select/native-select.style.d.ts
4
- declare const nativeSelectStyle: ComponentSlotStyle<"icon" | "field" | "root", CSSPropObject<CSSSlotObject<"icon" | "field" | "root">>, {
4
+ declare const nativeSelectStyle: ComponentSlotStyle<"icon" | "root" | "field", CSSPropObject<CSSSlotObject<"icon" | "root" | "field">>, {
5
5
  xs: {
6
6
  field: {
7
7
  fontSize: "1em";
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" | "item" | "closeButton" | "root", CSSPropObject<CSSSlotObject<"content" | "item" | "closeButton" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "item" | "closeButton" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "item" | "closeButton" | "root">>>;
5
5
  type NoticeStyle = typeof noticeStyle;
6
6
  //#endregion
7
7
  export { NoticeStyle };
package/dist/types/components/number-input/number-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/number-input/number-input.style.d.ts
4
- declare const numberInputStyle: ComponentSlotStyle<"button" | "field" | "root" | "decrement" | "increment" | "control", CSSPropObject<CSSSlotObject<"button" | "field" | "root" | "decrement" | "increment" | "control">>, {
4
+ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" | "control" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "field" | "control" | "decrement" | "increment">>, {
5
5
  xs: {
6
6
  control: {
7
7
  boxSize: "calc({--height} - {spaces.2})";
package/dist/types/components/pagination/pagination.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/pagination/pagination.style.d.ts
4
- declare const paginationStyle: ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
4
+ declare const paginationStyle: ComponentSlotStyle<"text" | "item" | "root", CSSPropObject<CSSSlotObject<"text" | "item" | "root">>, {
5
5
  xs: {
6
6
  item: {
7
7
  fontSize: "{font-size}";
package/dist/types/components/password-input/password-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/password-input/password-input.style.d.ts
4
- declare const passwordInputStyle: ComponentSlotStyle<"button" | "field" | "root", CSSPropObject<CSSSlotObject<"button" | "field" | "root">>, {
4
+ declare const passwordInputStyle: ComponentSlotStyle<"button" | "root" | "field", CSSPropObject<CSSSlotObject<"button" | "root" | "field">>, {
5
5
  xs: {
6
6
  button: {
7
7
  boxSize: "calc({--height} - {spaces.2})";
package/dist/types/components/pin-input/pin-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/pin-input/pin-input.style.d.ts
4
- declare const pinInputStyle: ComponentSlotStyle<"field" | "root", CSSPropObject<CSSSlotObject<"field" | "root">>, {
4
+ declare const pinInputStyle: ComponentSlotStyle<"root" | "field", CSSPropObject<CSSSlotObject<"root" | "field">>, {
5
5
  xs: {
6
6
  field: {
7
7
  boxSize: string | undefined;
package/dist/types/components/radio/radio.d.ts CHANGED
@@ -29,7 +29,7 @@ interface RadioProps<Y extends string = string> extends Merge<HTMLStyledProps<"l
29
29
  */
30
30
  rootProps?: HTMLStyledProps<"label">;
31
31
  }
32
- declare const component: <H extends As | "fragment" = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
32
+ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
33
33
  shape: {
34
34
  circle: {
35
35
  indicator: {