@yamada-ui/react 2.2.2-dev-20260514122820 → 2.2.2-dev-20260518044250

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 (50) 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/autocomplete/autocomplete.style.d.ts +1 -1
  7. package/dist/types/components/avatar/avatar.d.ts +3 -3
  8. package/dist/types/components/avatar/avatar.style.d.ts +1 -1
  9. package/dist/types/components/breadcrumb/breadcrumb.style.d.ts +1 -1
  10. package/dist/types/components/calendar/calendar.style.d.ts +2 -2
  11. package/dist/types/components/carousel/carousel.style.d.ts +2 -2
  12. package/dist/types/components/checkbox/checkbox.d.ts +3 -3
  13. package/dist/types/components/checkbox/checkbox.style.d.ts +1 -1
  14. package/dist/types/components/checkbox-card/checkbox-card.d.ts +3 -3
  15. package/dist/types/components/checkbox-card/checkbox-card.style.d.ts +1 -1
  16. package/dist/types/components/color-picker/color-picker.style.d.ts +1 -1
  17. package/dist/types/components/color-selector/color-selector.style.d.ts +2 -2
  18. package/dist/types/components/data-list/data-list.style.d.ts +1 -1
  19. package/dist/types/components/empty-state/empty-state.style.d.ts +2 -2
  20. package/dist/types/components/file-input/file-input.style.d.ts +1 -1
  21. package/dist/types/components/flip/flip.d.ts +1 -1
  22. package/dist/types/components/flip/flip.style.d.ts +1 -1
  23. package/dist/types/components/icon/icon.d.ts +2 -2
  24. package/dist/types/components/list/list.style.d.ts +2 -2
  25. package/dist/types/components/loading/loading.d.ts +1 -1
  26. package/dist/types/components/menu/menu.style.d.ts +2 -2
  27. package/dist/types/components/native-accordion/native-accordion.style.d.ts +2 -2
  28. package/dist/types/components/notice/notice.style.d.ts +1 -1
  29. package/dist/types/components/pagination/pagination.style.d.ts +1 -1
  30. package/dist/types/components/password-input/strength-meter.style.d.ts +1 -1
  31. package/dist/types/components/progress/use-progress.d.ts +3 -3
  32. package/dist/types/components/radio/radio.d.ts +3 -3
  33. package/dist/types/components/radio/radio.style.d.ts +1 -1
  34. package/dist/types/components/radio-card/radio-card.d.ts +3 -3
  35. package/dist/types/components/radio-card/radio-card.style.d.ts +1 -1
  36. package/dist/types/components/rating/rating.style.d.ts +2 -2
  37. package/dist/types/components/reorder/reorder.style.d.ts +1 -1
  38. package/dist/types/components/resizable/resizable.style.d.ts +2 -2
  39. package/dist/types/components/segmented-control/segmented-control.style.d.ts +2 -2
  40. package/dist/types/components/select/select.style.d.ts +1 -1
  41. package/dist/types/components/status/status.style.d.ts +2 -2
  42. package/dist/types/components/steps/steps.style.d.ts +1 -1
  43. package/dist/types/components/timeline/timeline.d.ts +1 -1
  44. package/dist/types/components/timeline/timeline.style.d.ts +1 -1
  45. package/dist/types/components/toggle/toggle.d.ts +1 -1
  46. package/dist/types/components/tree/tree.style.d.ts +1 -1
  47. package/dist/types/components/tree/use-tree.d.ts +1 -1
  48. package/dist/types/core/css/styles.d.ts +459 -1
  49. package/dist/types/providers/i18n-provider/i18n-provider.d.ts +1 -1
  50. 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" | "item" | "root", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, {
4
+ declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
5
5
  panel: {
6
6
  button: {
7
7
  rounded: "l2";
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" | "indicator" | "root" | "field" | "valueText" | "empty", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "indicator" | "root" | "field" | "valueText" | "empty">>, {
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" | "item" | "root", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "item" | "root">>, {
4
+ declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "root" | "item", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "root" | "item">>, {
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" | "weekday" | "day" | "control" | "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" | "weekday" | "day" | "control" | "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" | "indicator" | "item" | "root" | "trigger" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "prev" | "indicator" | "item" | "root" | "trigger" | "indicators">>, {
4
+ declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "trigger" | "item" | "indicator" | "indicators" | "prev", CSSPropObject<CSSSlotObject<"list" | "next" | "root" | "trigger" | "item" | "indicator" | "indicators" | "prev">>, {
5
5
  sm: {
6
6
  root: {
7
7
  h: "sm";
@@ -17,7 +17,7 @@ declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "prev" | "indi
17
17
  h: "lg";
18
18
  };
19
19
  };
20
- }, CSSModifierObject<CSSSlotObject<"list" | "next" | "prev" | "indicator" | "item" | "root" | "trigger" | "indicators">>>;
20
+ }, CSSModifierObject<CSSSlotObject<"list" | "next" | "root" | "trigger" | "item" | "indicator" | "indicators" | "prev">>>;
21
21
  type CarouselStyle = typeof carouselStyle;
22
22
  //#endregion
23
23
  export { CarouselStyle, carouselStyle };
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" | "indicator" | "root", {
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: {
@@ -133,7 +133,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _$_yamada
133
133
  name,
134
134
  className,
135
135
  ...options
136
- }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, CheckboxPropsContext: _$react.Context<Partial<CheckboxProps<string>> | undefined>, useCheckboxPropsContext: () => Partial<CheckboxProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "indicator" | "root", {
136
+ }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, CheckboxPropsContext: _$react.Context<Partial<CheckboxProps<string>> | undefined>, useCheckboxPropsContext: () => Partial<CheckboxProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
137
137
  shape: {
138
138
  rounded: {
139
139
  indicator: {
@@ -229,7 +229,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _$_yamada
229
229
  className,
230
230
  withContext,
231
231
  transferProps
232
- }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"label" | "group" | "indicator" | "root", {
232
+ }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
233
233
  shape: {
234
234
  rounded: {
235
235
  indicator: {
package/dist/types/components/checkbox/checkbox.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  //#region src/components/checkbox/checkbox.style.d.ts
3
- declare const checkboxStyle: ComponentSlotStyle<"label" | "group" | "indicator" | "root", {
3
+ declare const checkboxStyle: ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
4
4
  /**
5
5
  * The shape of the component
6
6
  *
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" | "indicator" | "root" | "description" | "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" | "description" | "indicator" | "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" | "indicator" | "root" | "description" | "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" | "description" | "indicator" | "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" | "indicator" | "root" | "description" | "addon", {
366
+ }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "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" | "indicator" | "root" | "description" | "addon", {
3
+ declare const checkboxCardStyle: ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "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" | "colorSwatch" | "root" | "field" | "eyeDropper", CSSPropObject<CSSSlotObject<"input" | "content" | "icon" | "colorSwatch" | "root" | "field" | "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<"hueSlider" | "saturationSlider" | "root" | "eyeDropper" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchGroupLabel" | "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<"hueSlider" | "saturationSl
22
22
  md: {};
23
23
  lg: {};
24
24
  xl: {};
25
- }, CSSModifierObject<CSSSlotObject<"hueSlider" | "saturationSlider" | "root" | "eyeDropper" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchGroupLabel" | "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" | "item" | "root" | "description", {
3
+ declare const dataListStyle: ComponentSlotStyle<"term" | "root" | "item" | "description", {
4
4
  /**
5
5
  * The orientation of the data list.
6
6
  *
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" | "indicator" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "content" | "indicator" | "root" | "description">>, {
4
+ declare const emptyState: ComponentSlotStyle<"title" | "content" | "root" | "description" | "indicator", CSSPropObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator">>, {
5
5
  sm: {
6
6
  content: {
7
7
  gap: "xs";
@@ -47,7 +47,7 @@ declare const emptyState: ComponentSlotStyle<"title" | "content" | "indicator" |
47
47
  fontSize: "xl";
48
48
  };
49
49
  };
50
- }, CSSModifierObject<CSSSlotObject<"title" | "content" | "indicator" | "root" | "description">>>;
50
+ }, CSSModifierObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator">>>;
51
51
  type EmptyState = typeof emptyState;
52
52
  //#endregion
53
53
  export { EmptyState, emptyState };
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<"tag" | "root", CSSPropObject<CSSSlotObject<"tag" | "root">>, {
4
+ declare const fileInputStyle: ComponentSlotStyle<"root" | "tag", CSSPropObject<CSSSlotObject<"root" | "tag">>, {
5
5
  xs: {
6
6
  root: {
7
7
  "&:has(~ [data-input-element])"?: {
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" | "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>;
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>;
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" | "item" | "root", CSSPropObject<CSSSlotObject<"from" | "to" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "item" | "root">>>;
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">>>;
5
5
  type FlipStyle = typeof flipStyle;
6
6
  //#endregion
7
7
  export { FlipStyle, flipStyle };
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/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" | "item" | "root", {
4
+ declare const listStyle: ComponentSlotStyle<"icon" | "root" | "item", {
5
5
  styleType: {
6
6
  circle: {
7
7
  root: {
@@ -35,7 +35,7 @@ declare const listStyle: ComponentSlotStyle<"icon" | "item" | "root", {
35
35
  };
36
36
  };
37
37
  };
38
- }, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root">>>;
38
+ }, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>>;
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/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" | "item" | "root", {
4
+ declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", {
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" | "item" | "root">>, {
34
+ }, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
35
35
  panel: {
36
36
  button: {
37
37
  rounded: "l2";
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" | "closeButton" | "item" | "root", CSSPropObject<CSSSlotObject<"content" | "closeButton" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "item" | "root">>>;
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/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" | "item" | "root", CSSPropObject<CSSSlotObject<"text" | "item" | "root">>, {
4
+ declare const paginationStyle: ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
5
5
  xs: {
6
6
  item: {
7
7
  fontSize: "{font-size}";
package/dist/types/components/password-input/strength-meter.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/password-input/strength-meter.style.d.ts
4
- declare const strengthMeterStyle: ComponentSlotStyle<"label" | "indicator" | "root" | "indicators", CSSPropObject<CSSSlotObject<"label" | "indicator" | "root" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "indicator" | "root" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "indicator" | "root" | "indicators">>>;
4
+ declare const strengthMeterStyle: ComponentSlotStyle<"label" | "root" | "indicator" | "indicators", CSSPropObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>>;
5
5
  type StrengthMeterStyle = typeof strengthMeterStyle;
6
6
  //#endregion
7
7
  export { StrengthMeterStyle, strengthMeterStyle };
package/dist/types/components/progress/use-progress.d.ts CHANGED
@@ -31,7 +31,6 @@ declare const useProgress: <Y extends "div" | "svg" = "div">({
31
31
  getRangeProps: (props?: HTMLProps<Y extends "svg" ? "circle" : "div">) => {
32
32
  slot?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["slot"] | undefined;
33
33
  style?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["style"] | undefined;
34
- key?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["key"] | undefined;
35
34
  ref?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["ref"] | undefined;
36
35
  suppressHydrationWarning?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["suppressHydrationWarning"] | undefined;
37
36
  className?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["className"] | undefined;
@@ -264,12 +263,12 @@ declare const useProgress: <Y extends "div" | "svg" = "div">({
264
263
  onTransitionRunCapture?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionRunCapture"] | undefined;
265
264
  onTransitionStart?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionStart"] | undefined;
266
265
  onTransitionStartCapture?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionStartCapture"] | undefined;
266
+ key?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["key"] | undefined;
267
267
  "data-indeterminate": string | undefined;
268
268
  };
269
269
  getRootProps: (props?: HTMLProps<Y>) => {
270
270
  slot?: _$react.JSX.IntrinsicElements[Y]["slot"] | undefined;
271
271
  style?: _$react.JSX.IntrinsicElements[Y]["style"] | undefined;
272
- key?: _$react.JSX.IntrinsicElements[Y]["key"] | undefined;
273
272
  ref?: _$react.JSX.IntrinsicElements[Y]["ref"] | undefined;
274
273
  suppressHydrationWarning?: _$react.JSX.IntrinsicElements[Y]["suppressHydrationWarning"] | undefined;
275
274
  className?: _$react.JSX.IntrinsicElements[Y]["className"] | undefined;
@@ -502,12 +501,12 @@ declare const useProgress: <Y extends "div" | "svg" = "div">({
502
501
  onTransitionRunCapture?: _$react.JSX.IntrinsicElements[Y]["onTransitionRunCapture"] | undefined;
503
502
  onTransitionStart?: _$react.JSX.IntrinsicElements[Y]["onTransitionStart"] | undefined;
504
503
  onTransitionStartCapture?: _$react.JSX.IntrinsicElements[Y]["onTransitionStartCapture"] | undefined;
504
+ key?: _$react.JSX.IntrinsicElements[Y]["key"] | undefined;
505
505
  "data-indeterminate": string | undefined;
506
506
  };
507
507
  getTrackProps: (props?: HTMLProps<Y extends "svg" ? "circle" : "div">) => {
508
508
  slot?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["slot"] | undefined;
509
509
  style?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["style"] | undefined;
510
- key?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["key"] | undefined;
511
510
  ref?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["ref"] | undefined;
512
511
  suppressHydrationWarning?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["suppressHydrationWarning"] | undefined;
513
512
  className?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["className"] | undefined;
@@ -740,6 +739,7 @@ declare const useProgress: <Y extends "div" | "svg" = "div">({
740
739
  onTransitionRunCapture?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionRunCapture"] | undefined;
741
740
  onTransitionStart?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionStart"] | undefined;
742
741
  onTransitionStartCapture?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionStartCapture"] | undefined;
742
+ key?: _$react.JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["key"] | undefined;
743
743
  "data-indeterminate": string | undefined;
744
744
  };
745
745
  };
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" | "indicator" | "root", {
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: {
@@ -135,7 +135,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _$_yamada
135
135
  name,
136
136
  className,
137
137
  ...options
138
- }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, RadioPropsContext: _$react.Context<Partial<RadioProps<string>> | undefined>, useRadioPropsContext: () => Partial<RadioProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "indicator" | "root", {
138
+ }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, RadioPropsContext: _$react.Context<Partial<RadioProps<string>> | undefined>, useRadioPropsContext: () => Partial<RadioProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
139
139
  shape: {
140
140
  circle: {
141
141
  indicator: {
@@ -241,7 +241,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _$_yamada
241
241
  className,
242
242
  withContext,
243
243
  transferProps
244
- }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"label" | "group" | "indicator" | "root", {
244
+ }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
245
245
  shape: {
246
246
  circle: {
247
247
  indicator: {
package/dist/types/components/radio/radio.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  //#region src/components/radio/radio.style.d.ts
3
- declare const radioStyle: ComponentSlotStyle<"label" | "group" | "indicator" | "root", {
3
+ declare const radioStyle: ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
4
4
  /**
5
5
  * The shape of the component
6
6
  *
package/dist/types/components/radio-card/radio-card.d.ts CHANGED
@@ -55,7 +55,7 @@ interface RadioCardRootProps<Y extends string = string> extends Merge<HTMLStyled
55
55
  */
56
56
  rootProps?: HTMLStyledProps<"label">;
57
57
  }
58
- 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" | "indicator" | "root" | "description" | "addon", {
58
+ 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" | "description" | "indicator" | "addon", {
59
59
  justify: {
60
60
  end: {
61
61
  addon: {
@@ -232,7 +232,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _$_yamada
232
232
  name,
233
233
  className,
234
234
  ...options
235
- }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, RadioCardPropsContext: _$react.Context<Partial<RadioCardRootProps<string>> | undefined>, useRadioCardPropsContext: () => Partial<RadioCardRootProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "indicator" | "root" | "description" | "addon", {
235
+ }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, RadioCardPropsContext: _$react.Context<Partial<RadioCardRootProps<string>> | undefined>, useRadioCardPropsContext: () => Partial<RadioCardRootProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
236
236
  justify: {
237
237
  end: {
238
238
  addon: {
@@ -409,7 +409,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _$_yamada
409
409
  className,
410
410
  withContext,
411
411
  transferProps
412
- }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "indicator" | "root" | "description" | "addon", {
412
+ }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
413
413
  justify: {
414
414
  end: {
415
415
  addon: {
package/dist/types/components/radio-card/radio-card.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  //#region src/components/radio-card/radio-card.style.d.ts
3
- declare const radioCardStyle: ComponentSlotStyle<"group" | "indicator" | "root" | "description" | "addon", {
3
+ declare const radioCardStyle: ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
4
4
  /**
5
5
  * The justify indicator of the component
6
6
  *
package/dist/types/components/rating/rating.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/rating/rating.style.d.ts
4
- declare const ratingStyle: ComponentSlotStyle<"group" | "icon" | "item" | "root", CSSPropObject<CSSSlotObject<"group" | "icon" | "item" | "root">>, {
4
+ declare const ratingStyle: ComponentSlotStyle<"group" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"group" | "icon" | "root" | "item">>, {
5
5
  xs: {
6
6
  icon: {
7
7
  fontSize: "md";
@@ -27,7 +27,7 @@ declare const ratingStyle: ComponentSlotStyle<"group" | "icon" | "item" | "root"
27
27
  fontSize: "3xl";
28
28
  };
29
29
  };
30
- }, CSSModifierObject<CSSSlotObject<"group" | "icon" | "item" | "root">>>;
30
+ }, CSSModifierObject<CSSSlotObject<"group" | "icon" | "root" | "item">>>;
31
31
  type RatingStyle = typeof ratingStyle;
32
32
  //#endregion
33
33
  export { RatingStyle, ratingStyle };
package/dist/types/components/reorder/reorder.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  //#region src/components/reorder/reorder.style.d.ts
3
- declare const reorderStyle: ComponentSlotStyle<"item" | "root" | "trigger", {
3
+ declare const reorderStyle: ComponentSlotStyle<"root" | "trigger" | "item", {
4
4
  /**
5
5
  * The orientation of the reorder.
6
6
  *
package/dist/types/components/resizable/resizable.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/resizable/resizable.style.d.ts
4
- declare const resizableStyle: ComponentSlotStyle<"icon" | "item" | "root" | "trigger", {
4
+ declare const resizableStyle: ComponentSlotStyle<"icon" | "root" | "trigger" | "item", {
5
5
  /**
6
6
  * The orientation of the resizable.
7
7
  *
@@ -19,7 +19,7 @@ declare const resizableStyle: ComponentSlotStyle<"icon" | "item" | "root" | "tri
19
19
  };
20
20
  };
21
21
  };
22
- }, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root" | "trigger">>, {
22
+ }, CSSModifierObject<CSSSlotObject<"icon" | "root" | "trigger" | "item">>, {
23
23
  border: {
24
24
  icon: {
25
25
  bg: "colorScheme.muted";