@yamada-ui/react 2.1.7 → 2.1.8-dev-20260407054700

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 (232) hide show
  1. package/dist/cjs/components/input/input.style.cjs +4 -4
  2. package/dist/cjs/components/input/input.style.cjs.map +1 -1
  3. package/dist/cjs/core/css/styles.cjs.map +1 -1
  4. package/dist/esm/components/input/input.style.js +4 -4
  5. package/dist/esm/components/input/input.style.js.map +1 -1
  6. package/dist/esm/core/css/styles.js.map +1 -1
  7. package/dist/types/components/accordion/accordion.d.ts +2 -2
  8. package/dist/types/components/accordion/accordion.style.d.ts +1 -1
  9. package/dist/types/components/accordion/use-accordion.d.ts +11 -11
  10. package/dist/types/components/airy/airy.d.ts +2 -2
  11. package/dist/types/components/alert/alert.d.ts +2 -2
  12. package/dist/types/components/alert/alert.style.d.ts +1 -1
  13. package/dist/types/components/alpha-slider/alpha-slider.d.ts +2 -2
  14. package/dist/types/components/aspect-ratio/aspect-ratio.d.ts +2 -2
  15. package/dist/types/components/autocomplete/autocomplete.d.ts +2 -2
  16. package/dist/types/components/autocomplete/autocomplete.style.d.ts +52 -52
  17. package/dist/types/components/autocomplete/use-autocomplete.d.ts +5 -5
  18. package/dist/types/components/avatar/avatar.d.ts +4 -4
  19. package/dist/types/components/avatar/avatar.style.d.ts +1 -1
  20. package/dist/types/components/avatar/use-avatar-group.d.ts +2 -2
  21. package/dist/types/components/badge/badge.d.ts +2 -2
  22. package/dist/types/components/bleed/bleed.d.ts +2 -2
  23. package/dist/types/components/blockquote/blockquote.d.ts +2 -2
  24. package/dist/types/components/breadcrumb/breadcrumb.d.ts +2 -2
  25. package/dist/types/components/breadcrumb/breadcrumb.style.d.ts +1 -1
  26. package/dist/types/components/breadcrumb/use-breadcrumb.d.ts +2 -2
  27. package/dist/types/components/button/button.d.ts +2 -2
  28. package/dist/types/components/button/icon-button.d.ts +2 -2
  29. package/dist/types/components/calendar/calendar.d.ts +2 -2
  30. package/dist/types/components/calendar/calendar.style.d.ts +2 -2
  31. package/dist/types/components/calendar/use-calendar.d.ts +8 -8
  32. package/dist/types/components/card/card.d.ts +2 -2
  33. package/dist/types/components/carousel/carousel.d.ts +2 -2
  34. package/dist/types/components/carousel/carousel.style.d.ts +2 -2
  35. package/dist/types/components/carousel/use-carousel.d.ts +3 -3
  36. package/dist/types/components/center/center.d.ts +2 -2
  37. package/dist/types/components/chart/area-chart.d.ts +2 -2
  38. package/dist/types/components/chart/bar-chart.d.ts +2 -2
  39. package/dist/types/components/chart/chart.d.ts +5 -5
  40. package/dist/types/components/chart/composed-chart.d.ts +2 -2
  41. package/dist/types/components/chart/donut-chart.d.ts +2 -2
  42. package/dist/types/components/chart/line-chart.d.ts +2 -2
  43. package/dist/types/components/chart/pie-chart.d.ts +2 -2
  44. package/dist/types/components/chart/radar-chart.d.ts +2 -2
  45. package/dist/types/components/chart/radial-chart.d.ts +2 -2
  46. package/dist/types/components/chart/use-chart.d.ts +2 -2
  47. package/dist/types/components/checkbox/checkbox.d.ts +5 -5
  48. package/dist/types/components/checkbox/checkbox.style.d.ts +1 -1
  49. package/dist/types/components/checkbox/use-checkbox-group.d.ts +2 -2
  50. package/dist/types/components/checkbox-card/checkbox-card.d.ts +5 -5
  51. package/dist/types/components/checkbox-card/checkbox-card.style.d.ts +1 -1
  52. package/dist/types/components/circle-progress/circle-progress.d.ts +2 -2
  53. package/dist/types/components/close-button/close-button.d.ts +2 -2
  54. package/dist/types/components/code/code.d.ts +2 -2
  55. package/dist/types/components/collapse/collapse.d.ts +2 -2
  56. package/dist/types/components/color-picker/color-picker.d.ts +2 -2
  57. package/dist/types/components/color-picker/color-picker.style.d.ts +51 -51
  58. package/dist/types/components/color-picker/use-color-picker.d.ts +2 -2
  59. package/dist/types/components/color-selector/color-selector.d.ts +2 -2
  60. package/dist/types/components/color-selector/color-selector.style.d.ts +2 -2
  61. package/dist/types/components/color-selector/use-color-selector.d.ts +3 -3
  62. package/dist/types/components/color-swatch/color-swatch.d.ts +2 -2
  63. package/dist/types/components/container/container.d.ts +2 -2
  64. package/dist/types/components/data-list/data-list.d.ts +2 -2
  65. package/dist/types/components/data-list/data-list.style.d.ts +1 -1
  66. package/dist/types/components/date-picker/date-picker.d.ts +2 -2
  67. package/dist/types/components/date-picker/date-picker.style.d.ts +51 -51
  68. package/dist/types/components/date-picker/use-date-picker.d.ts +4 -4
  69. package/dist/types/components/drawer/drawer.d.ts +2 -2
  70. package/dist/types/components/dropzone/dropzone.d.ts +5 -5
  71. package/dist/types/components/dropzone/dropzone.style.d.ts +1 -1
  72. package/dist/types/components/editable/editable.d.ts +4 -4
  73. package/dist/types/components/editable/use-editable.d.ts +2 -2
  74. package/dist/types/components/em/em.d.ts +2 -2
  75. package/dist/types/components/empty-state/empty-state.d.ts +2 -2
  76. package/dist/types/components/empty-state/empty-state.style.d.ts +2 -2
  77. package/dist/types/components/fade/fade.d.ts +2 -2
  78. package/dist/types/components/field/field.d.ts +3 -3
  79. package/dist/types/components/field/use-field-props.d.ts +3 -3
  80. package/dist/types/components/fieldset/fieldset.d.ts +3 -3
  81. package/dist/types/components/file-button/file-button.d.ts +2 -2
  82. package/dist/types/components/file-button/use-file-button.d.ts +15 -15
  83. package/dist/types/components/file-input/file-input.d.ts +2 -2
  84. package/dist/types/components/file-input/file-input.style.d.ts +31 -31
  85. package/dist/types/components/file-input/use-file-input.d.ts +15 -15
  86. package/dist/types/components/flex/flex.d.ts +2 -2
  87. package/dist/types/components/flip/flip.d.ts +4 -4
  88. package/dist/types/components/flip/flip.style.d.ts +1 -1
  89. package/dist/types/components/float/float.d.ts +2 -2
  90. package/dist/types/components/form/form.d.ts +3 -3
  91. package/dist/types/components/form/form.style.d.ts +1 -1
  92. package/dist/types/components/format/format-byte.d.ts +2 -2
  93. package/dist/types/components/format/format-date-time.d.ts +4 -4
  94. package/dist/types/components/format/format-number.d.ts +2 -2
  95. package/dist/types/components/grid/grid-item.d.ts +2 -2
  96. package/dist/types/components/grid/grid.d.ts +2 -2
  97. package/dist/types/components/group/group.d.ts +2 -2
  98. package/dist/types/components/group/use-group.d.ts +2 -2
  99. package/dist/types/components/hue-slider/hue-slider.d.ts +3 -3
  100. package/dist/types/components/icon/icon.d.ts +5 -5
  101. package/dist/types/components/image/image.d.ts +2 -2
  102. package/dist/types/components/indicator/indicator.d.ts +4 -4
  103. package/dist/types/components/infinite-scroll-area/infinite-scroll-area.d.ts +2 -2
  104. package/dist/types/components/input/input-addon.d.ts +2 -2
  105. package/dist/types/components/input/input-addon.style.d.ts +30 -30
  106. package/dist/types/components/input/input-element.d.ts +2 -2
  107. package/dist/types/components/input/input.d.ts +2 -2
  108. package/dist/types/components/input/input.style.d.ts +37 -37
  109. package/dist/types/components/kbd/kbd.d.ts +2 -2
  110. package/dist/types/components/link/link.d.ts +2 -2
  111. package/dist/types/components/link-box/link-box.d.ts +2 -2
  112. package/dist/types/components/list/list.d.ts +2 -2
  113. package/dist/types/components/list/list.style.d.ts +2 -2
  114. package/dist/types/components/loading/loading-provider.d.ts +2 -2
  115. package/dist/types/components/loading/loading.d.ts +3 -3
  116. package/dist/types/components/mark/mark.d.ts +2 -2
  117. package/dist/types/components/menu/menu.d.ts +2 -2
  118. package/dist/types/components/menu/use-menu.d.ts +11 -11
  119. package/dist/types/components/modal/modal.d.ts +2 -2
  120. package/dist/types/components/native-accordion/native-accordion.d.ts +2 -2
  121. package/dist/types/components/native-accordion/native-accordion.style.d.ts +2 -2
  122. package/dist/types/components/native-accordion/use-native-accordion.d.ts +2 -2
  123. package/dist/types/components/native-popover/native-popover.d.ts +2 -2
  124. package/dist/types/components/native-select/native-select.d.ts +2 -2
  125. package/dist/types/components/native-select/native-select.style.d.ts +51 -51
  126. package/dist/types/components/native-table/native-table.d.ts +4 -4
  127. package/dist/types/components/notice/notice.style.d.ts +1 -1
  128. package/dist/types/components/number-input/number-input.d.ts +2 -2
  129. package/dist/types/components/number-input/number-input.style.d.ts +62 -62
  130. package/dist/types/components/pagination/pagination.d.ts +2 -2
  131. package/dist/types/components/pagination/pagination.style.d.ts +1 -1
  132. package/dist/types/components/pagination/use-pagination.d.ts +2 -2
  133. package/dist/types/components/password-input/password-input.d.ts +2 -2
  134. package/dist/types/components/password-input/password-input.style.d.ts +61 -61
  135. package/dist/types/components/password-input/strength-meter.d.ts +2 -2
  136. package/dist/types/components/password-input/strength-meter.style.d.ts +1 -1
  137. package/dist/types/components/password-input/use-password-input.d.ts +2 -2
  138. package/dist/types/components/pin-input/pin-input.d.ts +2 -2
  139. package/dist/types/components/pin-input/use-pin-input.d.ts +7 -7
  140. package/dist/types/components/popover/popover.d.ts +2 -2
  141. package/dist/types/components/progress/progress.d.ts +4 -4
  142. package/dist/types/components/progress/use-progress.d.ts +706 -706
  143. package/dist/types/components/qr-code/qr-code.d.ts +2 -2
  144. package/dist/types/components/radio/radio.d.ts +4 -4
  145. package/dist/types/components/radio/radio.style.d.ts +1 -1
  146. package/dist/types/components/radio/use-radio-group.d.ts +2 -2
  147. package/dist/types/components/radio-card/radio-card.d.ts +5 -5
  148. package/dist/types/components/radio-card/radio-card.style.d.ts +1 -1
  149. package/dist/types/components/rating/rating.style.d.ts +2 -2
  150. package/dist/types/components/rating/use-rating.d.ts +7 -7
  151. package/dist/types/components/reorder/reorder.d.ts +2 -2
  152. package/dist/types/components/reorder/reorder.style.d.ts +1 -1
  153. package/dist/types/components/reorder/use-reorder.d.ts +3 -3
  154. package/dist/types/components/resizable/resizable.d.ts +2 -2
  155. package/dist/types/components/resizable/resizable.style.d.ts +2 -2
  156. package/dist/types/components/resizable/use-resizable.d.ts +2 -2
  157. package/dist/types/components/ripple/ripple.d.ts +2 -2
  158. package/dist/types/components/ripple/use-ripple.d.ts +2 -2
  159. package/dist/types/components/rotate/rotate.d.ts +2 -2
  160. package/dist/types/components/saturation-slider/saturation-slider.d.ts +2 -2
  161. package/dist/types/components/saturation-slider/use-saturation-slider.d.ts +2 -2
  162. package/dist/types/components/scroll-area/scroll-area.d.ts +2 -2
  163. package/dist/types/components/segmented-control/segmented-control.d.ts +2 -2
  164. package/dist/types/components/segmented-control/segmented-control.style.d.ts +2 -2
  165. package/dist/types/components/segmented-control/use-segmented-control.d.ts +9 -9
  166. package/dist/types/components/select/select.d.ts +2 -2
  167. package/dist/types/components/select/select.style.d.ts +52 -52
  168. package/dist/types/components/select/use-select.d.ts +4 -4
  169. package/dist/types/components/separator/separator.d.ts +2 -2
  170. package/dist/types/components/simple-grid/simple-grid.d.ts +2 -2
  171. package/dist/types/components/skeleton/skeleton.d.ts +2 -2
  172. package/dist/types/components/slide/slide.d.ts +2 -2
  173. package/dist/types/components/slide-fade/slide-fade.d.ts +2 -2
  174. package/dist/types/components/slider/slider.d.ts +2 -2
  175. package/dist/types/components/slider/use-slider.d.ts +2 -2
  176. package/dist/types/components/stack/h-stack.d.ts +2 -2
  177. package/dist/types/components/stack/stack.d.ts +2 -2
  178. package/dist/types/components/stack/v-stack.d.ts +2 -2
  179. package/dist/types/components/stack/z-stack.d.ts +2 -2
  180. package/dist/types/components/stat/stat.d.ts +2 -2
  181. package/dist/types/components/status/status.d.ts +2 -2
  182. package/dist/types/components/status/status.style.d.ts +2 -2
  183. package/dist/types/components/steps/steps.d.ts +2 -2
  184. package/dist/types/components/steps/steps.style.d.ts +1 -1
  185. package/dist/types/components/steps/use-steps.d.ts +10 -10
  186. package/dist/types/components/switch/switch.d.ts +2 -2
  187. package/dist/types/components/table/table.d.ts +2 -2
  188. package/dist/types/components/tabs/tabs.d.ts +2 -2
  189. package/dist/types/components/tabs/use-tabs.d.ts +16 -16
  190. package/dist/types/components/tag/tag.d.ts +2 -2
  191. package/dist/types/components/tag/tag.style.d.ts +1 -1
  192. package/dist/types/components/text/text.d.ts +2 -2
  193. package/dist/types/components/textarea/textarea.d.ts +2 -2
  194. package/dist/types/components/textarea/textarea.style.d.ts +30 -30
  195. package/dist/types/components/textarea/use-autosize.d.ts +2 -2
  196. package/dist/types/components/timeline/timeline.d.ts +4 -4
  197. package/dist/types/components/timeline/timeline.style.d.ts +2 -2
  198. package/dist/types/components/toggle/toggle.d.ts +5 -5
  199. package/dist/types/components/toggle/use-toggle-group.d.ts +2 -2
  200. package/dist/types/components/toggle/use-toggle.d.ts +2 -2
  201. package/dist/types/components/tooltip/tooltip.d.ts +2 -2
  202. package/dist/types/components/visually-hidden/visually-hidden.d.ts +2 -2
  203. package/dist/types/components/wrap/wrap.d.ts +2 -2
  204. package/dist/types/core/components/create-component.d.ts +7 -8
  205. package/dist/types/core/components/use-component-style.d.ts +0 -1
  206. package/dist/types/core/components/utils.d.ts +0 -1
  207. package/dist/types/core/constant.d.ts +0 -1
  208. package/dist/types/core/css/calc.d.ts +0 -1
  209. package/dist/types/core/css/config.d.ts +0 -1
  210. package/dist/types/core/css/css.d.ts +0 -1
  211. package/dist/types/core/css/index.types.d.ts +0 -1
  212. package/dist/types/core/css/styles.d.ts +602 -603
  213. package/dist/types/core/css/token.d.ts +0 -1
  214. package/dist/types/core/css/use-css.d.ts +0 -1
  215. package/dist/types/core/css/utils.d.ts +0 -1
  216. package/dist/types/core/generated-theme-tokens.types.d.ts +0 -1
  217. package/dist/types/core/index.d.ts +0 -1
  218. package/dist/types/core/system/color-mode-provider.d.ts +2 -2
  219. package/dist/types/core/system/storage-script.d.ts +3 -3
  220. package/dist/types/core/system/styled.d.ts +2 -2
  221. package/dist/types/core/system/system-provider.d.ts +2 -2
  222. package/dist/types/core/system/var.d.ts +0 -1
  223. package/dist/types/hooks/use-breakpoint/use-breakpoint-state.d.ts +2 -2
  224. package/dist/types/hooks/use-combobox/index.d.ts +12 -12
  225. package/dist/types/hooks/use-counter/index.d.ts +2 -2
  226. package/dist/types/hooks/use-descendants/index.d.ts +2 -2
  227. package/dist/types/hooks/use-field-sizing/index.d.ts +2 -2
  228. package/dist/types/hooks/use-hover/index.d.ts +2 -2
  229. package/dist/types/providers/i18n-provider/i18n-provider.d.ts +3 -3
  230. package/dist/types/providers/ui-provider/ui-provider.d.ts +2 -2
  231. package/dist/types/utils/children.d.ts +2 -2
  232. package/package.json +1 -1
@@ -4,11 +4,11 @@ import "../../core/index.js";
4
4
  import { InputAddonStyle } from "./input-addon.style.js";
5
5
  import { InputProps } from "./input.js";
6
6
  import "../../index.js";
7
- import * as react859 from "react";
7
+ import * as react880 from "react";
8
8
 
9
9
  //#region src/components/input/input-addon.d.ts
10
10
  interface InputAddonProps extends HTMLStyledProps, ThemeProps<InputAddonStyle>, Pick<InputProps, "errorBorderColor" | "focusBorderColor"> {}
11
- declare const InputAddonPropsContext: react859.Context<Partial<InputAddonProps> | undefined>, useInputAddonPropsContext: () => Partial<InputAddonProps> | undefined;
11
+ declare const InputAddonPropsContext: react880.Context<Partial<InputAddonProps> | undefined>, useInputAddonPropsContext: () => Partial<InputAddonProps> | undefined;
12
12
  declare const InputAddon: Component<"div", InputAddonProps>;
13
13
  //#endregion
14
14
  export { InputAddon, InputAddonProps, InputAddonPropsContext, useInputAddonPropsContext };
@@ -5,7 +5,7 @@ import "../../index.js";
5
5
  //#region src/components/input/input-addon.style.d.ts
6
6
  declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
7
7
  xs: {
8
- "&:has(+ [data-input-element])": {
8
+ "&:has(~ [data-input-element])": {
9
9
  pe: string | undefined;
10
10
  } | {
11
11
  [x: string]: {
@@ -16,16 +16,16 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
16
16
  minW: string | undefined;
17
17
  };
18
18
  "--height": string | undefined;
19
- "[data-input-element] + &": {
19
+ "[data-input-element]:has(~ &)": {
20
+ minW: string | undefined;
21
+ };
22
+ "[data-input-element] ~ &": {
20
23
  ps: string | undefined;
21
24
  } | {
22
25
  [x: string]: {
23
26
  ps: string | undefined;
24
27
  };
25
28
  };
26
- "[data-input-element]:has(~ &)": {
27
- minW: string | undefined;
28
- };
29
29
  minH: string | undefined;
30
30
  "--space-x": "spaces.2";
31
31
  "--space-y": "spaces.1.5";
@@ -33,7 +33,7 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
33
33
  px: "{space-x}";
34
34
  };
35
35
  sm: {
36
- "&:has(+ [data-input-element])": {
36
+ "&:has(~ [data-input-element])": {
37
37
  pe: string | undefined;
38
38
  } | {
39
39
  [x: string]: {
@@ -44,16 +44,16 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
44
44
  minW: string | undefined;
45
45
  };
46
46
  "--height": string | undefined;
47
- "[data-input-element] + &": {
47
+ "[data-input-element]:has(~ &)": {
48
+ minW: string | undefined;
49
+ };
50
+ "[data-input-element] ~ &": {
48
51
  ps: string | undefined;
49
52
  } | {
50
53
  [x: string]: {
51
54
  ps: string | undefined;
52
55
  };
53
56
  };
54
- "[data-input-element]:has(~ &)": {
55
- minW: string | undefined;
56
- };
57
57
  minH: string | undefined;
58
58
  "--space-x": "spaces.2.5";
59
59
  "--space-y": "spaces.2";
@@ -61,7 +61,7 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
61
61
  px: "{space-x}";
62
62
  };
63
63
  md: {
64
- "&:has(+ [data-input-element])": {
64
+ "&:has(~ [data-input-element])": {
65
65
  pe: string | undefined;
66
66
  } | {
67
67
  [x: string]: {
@@ -72,16 +72,16 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
72
72
  minW: string | undefined;
73
73
  };
74
74
  "--height": string | undefined;
75
- "[data-input-element] + &": {
75
+ "[data-input-element]:has(~ &)": {
76
+ minW: string | undefined;
77
+ };
78
+ "[data-input-element] ~ &": {
76
79
  ps: string | undefined;
77
80
  } | {
78
81
  [x: string]: {
79
82
  ps: string | undefined;
80
83
  };
81
84
  };
82
- "[data-input-element]:has(~ &)": {
83
- minW: string | undefined;
84
- };
85
85
  minH: string | undefined;
86
86
  "--space-x": "spaces.3";
87
87
  "--space-y": "spaces.2";
@@ -89,7 +89,7 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
89
89
  px: "{space-x}";
90
90
  };
91
91
  lg: {
92
- "&:has(+ [data-input-element])": {
92
+ "&:has(~ [data-input-element])": {
93
93
  pe: string | undefined;
94
94
  } | {
95
95
  [x: string]: {
@@ -100,16 +100,16 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
100
100
  minW: string | undefined;
101
101
  };
102
102
  "--height": string | undefined;
103
- "[data-input-element] + &": {
103
+ "[data-input-element]:has(~ &)": {
104
+ minW: string | undefined;
105
+ };
106
+ "[data-input-element] ~ &": {
104
107
  ps: string | undefined;
105
108
  } | {
106
109
  [x: string]: {
107
110
  ps: string | undefined;
108
111
  };
109
112
  };
110
- "[data-input-element]:has(~ &)": {
111
- minW: string | undefined;
112
- };
113
113
  minH: string | undefined;
114
114
  "--space-x": "spaces.3.5";
115
115
  "--space-y": "spaces.2.5";
@@ -117,7 +117,7 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
117
117
  px: "{space-x}";
118
118
  };
119
119
  xl: {
120
- "&:has(+ [data-input-element])": {
120
+ "&:has(~ [data-input-element])": {
121
121
  pe: string | undefined;
122
122
  } | {
123
123
  [x: string]: {
@@ -128,16 +128,16 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
128
128
  minW: string | undefined;
129
129
  };
130
130
  "--height": string | undefined;
131
- "[data-input-element] + &": {
131
+ "[data-input-element]:has(~ &)": {
132
+ minW: string | undefined;
133
+ };
134
+ "[data-input-element] ~ &": {
132
135
  ps: string | undefined;
133
136
  } | {
134
137
  [x: string]: {
135
138
  ps: string | undefined;
136
139
  };
137
140
  };
138
- "[data-input-element]:has(~ &)": {
139
- minW: string | undefined;
140
- };
141
141
  minH: string | undefined;
142
142
  "--space-x": "spaces.4";
143
143
  "--space-y": "spaces.3";
@@ -145,7 +145,7 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
145
145
  px: "{space-x}";
146
146
  };
147
147
  "2xl": {
148
- "&:has(+ [data-input-element])": {
148
+ "&:has(~ [data-input-element])": {
149
149
  pe: string | undefined;
150
150
  } | {
151
151
  [x: string]: {
@@ -156,16 +156,16 @@ declare const inputAddonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
156
156
  minW: string | undefined;
157
157
  };
158
158
  "--height": string | undefined;
159
- "[data-input-element] + &": {
159
+ "[data-input-element]:has(~ &)": {
160
+ minW: string | undefined;
161
+ };
162
+ "[data-input-element] ~ &": {
160
163
  ps: string | undefined;
161
164
  } | {
162
165
  [x: string]: {
163
166
  ps: string | undefined;
164
167
  };
165
168
  };
166
- "[data-input-element]:has(~ &)": {
167
- minW: string | undefined;
168
- };
169
169
  minH: string | undefined;
170
170
  "--space-x": "spaces.4";
171
171
  "--space-y": "spaces.3";
@@ -4,11 +4,11 @@ import "../../core/index.js";
4
4
  import { InputElementStyle } from "./input-element.style.js";
5
5
  import { InputProps } from "./input.js";
6
6
  import "../../index.js";
7
- import * as react860 from "react";
7
+ import * as react881 from "react";
8
8
 
9
9
  //#region src/components/input/input-element.d.ts
10
10
  interface InputElementProps extends HTMLStyledProps, ThemeProps<InputElementStyle>, Pick<InputProps, "errorBorderColor" | "focusBorderColor"> {}
11
- declare const InputElementPropsContext: react860.Context<Partial<InputElementProps> | undefined>, useInputElementPropsContext: () => Partial<InputElementProps> | undefined;
11
+ declare const InputElementPropsContext: react881.Context<Partial<InputElementProps> | undefined>, useInputElementPropsContext: () => Partial<InputElementProps> | undefined;
12
12
  declare const InputElement: Component<"div", InputElementProps>;
13
13
  //#endregion
14
14
  export { InputElement, InputElementProps, InputElementPropsContext, useInputElementPropsContext };
@@ -6,7 +6,7 @@ import "../field/index.js";
6
6
  import { InputStyle } from "./input.style.js";
7
7
  import { UseInputBorderProps } from "./use-input-border.js";
8
8
  import "../../index.js";
9
- import * as react858 from "react";
9
+ import * as react879 from "react";
10
10
 
11
11
  //#region src/components/input/input.d.ts
12
12
  interface InputProps extends Omit<HTMLStyledProps<"input">, "size">, ThemeProps<InputStyle>, UseInputBorderProps, FieldProps {
@@ -15,7 +15,7 @@ interface InputProps extends Omit<HTMLStyledProps<"input">, "size">, ThemeProps<
15
15
  */
16
16
  htmlSize?: number;
17
17
  }
18
- declare const InputPropsContext: react858.Context<Partial<InputProps> | undefined>, useInputPropsContext: () => Partial<InputProps> | undefined;
18
+ declare const InputPropsContext: react879.Context<Partial<InputProps> | undefined>, useInputPropsContext: () => Partial<InputProps> | undefined;
19
19
  /**
20
20
  * `Input` is a component used to obtain text input from the user.
21
21
  *
@@ -5,7 +5,7 @@ import "../../index.js";
5
5
 
6
6
  //#region src/components/input/input.style.d.ts
7
7
  declare const getInputPaddingStartResetStyle: (key?: string) => {
8
- "&:not([data-input-element] + &)": {
8
+ "&:not([data-input-element] ~ &)": {
9
9
  ps: "0px";
10
10
  } | {
11
11
  [x: string]: {
@@ -14,7 +14,7 @@ declare const getInputPaddingStartResetStyle: (key?: string) => {
14
14
  };
15
15
  };
16
16
  declare const getInputPaddingEndResetStyle: (key?: string) => {
17
- "&:not(:has(+ [data-input-element]))": {
17
+ "&:not(:has(~ [data-input-element]))": {
18
18
  pe: "0px";
19
19
  } | {
20
20
  [x: string]: {
@@ -23,7 +23,7 @@ declare const getInputPaddingEndResetStyle: (key?: string) => {
23
23
  };
24
24
  };
25
25
  declare const getInputHeightStyle: (height?: string, key?: string) => {
26
- "&:has(+ [data-input-element])": {
26
+ "&:has(~ [data-input-element])": {
27
27
  pe: string | undefined;
28
28
  } | {
29
29
  [x: string]: {
@@ -34,21 +34,21 @@ declare const getInputHeightStyle: (height?: string, key?: string) => {
34
34
  minW: string | undefined;
35
35
  };
36
36
  "--height": string | undefined;
37
- "[data-input-element] + &": {
37
+ "[data-input-element]:has(~ &)": {
38
+ minW: string | undefined;
39
+ };
40
+ "[data-input-element] ~ &": {
38
41
  ps: string | undefined;
39
42
  } | {
40
43
  [x: string]: {
41
44
  ps: string | undefined;
42
45
  };
43
46
  };
44
- "[data-input-element]:has(~ &)": {
45
- minW: string | undefined;
46
- };
47
47
  minH: string | undefined;
48
48
  };
49
49
  declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
50
50
  xs: {
51
- "&:has(+ [data-input-element])": {
51
+ "&:has(~ [data-input-element])": {
52
52
  pe: string | undefined;
53
53
  } | {
54
54
  [x: string]: {
@@ -59,16 +59,16 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
59
59
  minW: string | undefined;
60
60
  };
61
61
  "--height": string | undefined;
62
- "[data-input-element] + &": {
62
+ "[data-input-element]:has(~ &)": {
63
+ minW: string | undefined;
64
+ };
65
+ "[data-input-element] ~ &": {
63
66
  ps: string | undefined;
64
67
  } | {
65
68
  [x: string]: {
66
69
  ps: string | undefined;
67
70
  };
68
71
  };
69
- "[data-input-element]:has(~ &)": {
70
- minW: string | undefined;
71
- };
72
72
  minH: string | undefined;
73
73
  "--space-x": "spaces.2";
74
74
  "--space-y": "spaces.1.5";
@@ -76,7 +76,7 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
76
76
  px: "{space-x}";
77
77
  };
78
78
  sm: {
79
- "&:has(+ [data-input-element])": {
79
+ "&:has(~ [data-input-element])": {
80
80
  pe: string | undefined;
81
81
  } | {
82
82
  [x: string]: {
@@ -87,16 +87,16 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
87
87
  minW: string | undefined;
88
88
  };
89
89
  "--height": string | undefined;
90
- "[data-input-element] + &": {
90
+ "[data-input-element]:has(~ &)": {
91
+ minW: string | undefined;
92
+ };
93
+ "[data-input-element] ~ &": {
91
94
  ps: string | undefined;
92
95
  } | {
93
96
  [x: string]: {
94
97
  ps: string | undefined;
95
98
  };
96
99
  };
97
- "[data-input-element]:has(~ &)": {
98
- minW: string | undefined;
99
- };
100
100
  minH: string | undefined;
101
101
  "--space-x": "spaces.2.5";
102
102
  "--space-y": "spaces.2";
@@ -104,7 +104,7 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
104
104
  px: "{space-x}";
105
105
  };
106
106
  md: {
107
- "&:has(+ [data-input-element])": {
107
+ "&:has(~ [data-input-element])": {
108
108
  pe: string | undefined;
109
109
  } | {
110
110
  [x: string]: {
@@ -115,16 +115,16 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
115
115
  minW: string | undefined;
116
116
  };
117
117
  "--height": string | undefined;
118
- "[data-input-element] + &": {
118
+ "[data-input-element]:has(~ &)": {
119
+ minW: string | undefined;
120
+ };
121
+ "[data-input-element] ~ &": {
119
122
  ps: string | undefined;
120
123
  } | {
121
124
  [x: string]: {
122
125
  ps: string | undefined;
123
126
  };
124
127
  };
125
- "[data-input-element]:has(~ &)": {
126
- minW: string | undefined;
127
- };
128
128
  minH: string | undefined;
129
129
  "--space-x": "spaces.3";
130
130
  "--space-y": "spaces.2";
@@ -132,7 +132,7 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
132
132
  px: "{space-x}";
133
133
  };
134
134
  lg: {
135
- "&:has(+ [data-input-element])": {
135
+ "&:has(~ [data-input-element])": {
136
136
  pe: string | undefined;
137
137
  } | {
138
138
  [x: string]: {
@@ -143,16 +143,16 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
143
143
  minW: string | undefined;
144
144
  };
145
145
  "--height": string | undefined;
146
- "[data-input-element] + &": {
146
+ "[data-input-element]:has(~ &)": {
147
+ minW: string | undefined;
148
+ };
149
+ "[data-input-element] ~ &": {
147
150
  ps: string | undefined;
148
151
  } | {
149
152
  [x: string]: {
150
153
  ps: string | undefined;
151
154
  };
152
155
  };
153
- "[data-input-element]:has(~ &)": {
154
- minW: string | undefined;
155
- };
156
156
  minH: string | undefined;
157
157
  "--space-x": "spaces.3.5";
158
158
  "--space-y": "spaces.2.5";
@@ -160,7 +160,7 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
160
160
  px: "{space-x}";
161
161
  };
162
162
  xl: {
163
- "&:has(+ [data-input-element])": {
163
+ "&:has(~ [data-input-element])": {
164
164
  pe: string | undefined;
165
165
  } | {
166
166
  [x: string]: {
@@ -171,16 +171,16 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
171
171
  minW: string | undefined;
172
172
  };
173
173
  "--height": string | undefined;
174
- "[data-input-element] + &": {
174
+ "[data-input-element]:has(~ &)": {
175
+ minW: string | undefined;
176
+ };
177
+ "[data-input-element] ~ &": {
175
178
  ps: string | undefined;
176
179
  } | {
177
180
  [x: string]: {
178
181
  ps: string | undefined;
179
182
  };
180
183
  };
181
- "[data-input-element]:has(~ &)": {
182
- minW: string | undefined;
183
- };
184
184
  minH: string | undefined;
185
185
  "--space-x": "spaces.4";
186
186
  "--space-y": "spaces.3";
@@ -188,7 +188,7 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
188
188
  px: "{space-x}";
189
189
  };
190
190
  "2xl": {
191
- "&:has(+ [data-input-element])": {
191
+ "&:has(~ [data-input-element])": {
192
192
  pe: string | undefined;
193
193
  } | {
194
194
  [x: string]: {
@@ -199,16 +199,16 @@ declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
199
199
  minW: string | undefined;
200
200
  };
201
201
  "--height": string | undefined;
202
- "[data-input-element] + &": {
202
+ "[data-input-element]:has(~ &)": {
203
+ minW: string | undefined;
204
+ };
205
+ "[data-input-element] ~ &": {
203
206
  ps: string | undefined;
204
207
  } | {
205
208
  [x: string]: {
206
209
  ps: string | undefined;
207
210
  };
208
211
  };
209
- "[data-input-element]:has(~ &)": {
210
- minW: string | undefined;
211
- };
212
212
  minH: string | undefined;
213
213
  "--space-x": "spaces.4";
214
214
  "--space-y": "spaces.3";
@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
3
3
  import "../../core/index.js";
4
4
  import { KbdStyle } from "./kbd.style.js";
5
5
  import "../../index.js";
6
- import * as react857 from "react";
6
+ import * as react885 from "react";
7
7
 
8
8
  //#region src/components/kbd/kbd.d.ts
9
9
  interface KbdProps extends HTMLStyledProps<"kbd">, ThemeProps<KbdStyle> {}
10
- declare const KbdPropsContext: react857.Context<Partial<KbdProps> | undefined>, useKbdPropsContext: () => Partial<KbdProps> | undefined;
10
+ declare const KbdPropsContext: react885.Context<Partial<KbdProps> | undefined>, useKbdPropsContext: () => Partial<KbdProps> | undefined;
11
11
  /**
12
12
  * `Kbd` is a component that represents keyboard input.
13
13
  *
@@ -3,7 +3,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
3
3
  import "../../core/index.js";
4
4
  import { LinkStyle } from "./link.style.js";
5
5
  import "../../index.js";
6
- import * as react871 from "react";
6
+ import * as react878 from "react";
7
7
 
8
8
  //#region src/components/link/link.d.ts
9
9
  interface LinkProps extends HTMLStyledProps<"a">, ThemeProps<LinkStyle> {
@@ -14,7 +14,7 @@ interface LinkProps extends HTMLStyledProps<"a">, ThemeProps<LinkStyle> {
14
14
  */
15
15
  external?: boolean;
16
16
  }
17
- declare const LinkPropsContext: react871.Context<Partial<LinkProps> | undefined>, useLinkPropsContext: () => Partial<LinkProps> | undefined;
17
+ declare const LinkPropsContext: react878.Context<Partial<LinkProps> | undefined>, useLinkPropsContext: () => Partial<LinkProps> | undefined;
18
18
  /**
19
19
  * `Link` is a component for creating hyperlinks to different web pages, locations within the same page, or other URLs.
20
20
  *
@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
3
3
  import "../../core/index.js";
4
4
  import { LinkBoxStyle } from "./link-box.style.js";
5
5
  import "../../index.js";
6
- import * as react1045 from "react";
6
+ import * as react877 from "react";
7
7
 
8
8
  //#region src/components/link-box/link-box.d.ts
9
9
  interface LinkBoxRootProps extends HTMLStyledProps, ThemeProps<LinkBoxStyle> {}
10
- declare const LinkBoxPropsContext: react1045.Context<Partial<LinkBoxRootProps> | undefined>, useLinkBoxPropsContext: () => Partial<LinkBoxRootProps> | undefined;
10
+ declare const LinkBoxPropsContext: react877.Context<Partial<LinkBoxRootProps> | undefined>, useLinkBoxPropsContext: () => Partial<LinkBoxRootProps> | undefined;
11
11
  /**
12
12
  * `LinkBox` is a component that allows elements such as articles or cards to function as a single link.
13
13
  *
@@ -4,7 +4,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
4
4
  import "../../core/index.js";
5
5
  import { ListStyle } from "./list.style.js";
6
6
  import "../../index.js";
7
- import * as react856 from "react";
7
+ import * as react882 from "react";
8
8
  import { ReactElement } from "react";
9
9
 
10
10
  //#region src/components/list/list.d.ts
@@ -23,7 +23,7 @@ interface ListRootProps extends HTMLStyledProps<"ul">, Omit<ThemeProps<ListStyle
23
23
  */
24
24
  styleType?: CSSProps["listStyleType"];
25
25
  }
26
- declare const ListPropsContext: react856.Context<Partial<ListRootProps> | undefined>, useListPropsContext: () => Partial<ListRootProps> | undefined;
26
+ declare const ListPropsContext: react882.Context<Partial<ListRootProps> | undefined>, useListPropsContext: () => Partial<ListRootProps> | undefined;
27
27
  /**
28
28
  * `List` is a component for displaying lists. By default, it renders a `ul` element.
29
29
  *
@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js"
3
3
  import "../../index.js";
4
4
 
5
5
  //#region src/components/list/list.style.d.ts
6
- declare const listStyle: ComponentSlotStyle<"icon" | "root" | "item", {
6
+ declare const listStyle: ComponentSlotStyle<"icon" | "item" | "root", {
7
7
  styleType: {
8
8
  circle: {
9
9
  root: {
@@ -37,7 +37,7 @@ declare const listStyle: ComponentSlotStyle<"icon" | "root" | "item", {
37
37
  };
38
38
  };
39
39
  };
40
- }, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>>;
40
+ }, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root">>>;
41
41
  type ListStyle = typeof listStyle;
42
42
  //#endregion
43
43
  export { ListStyle, listStyle };
@@ -1,6 +1,6 @@
1
1
  import { LoadingScheme, ThemeConfig } from "../../core/system/index.types.js";
2
2
  import "../../core/index.js";
3
- import * as react855 from "react";
3
+ import * as react876 from "react";
4
4
  import { FC, PropsWithChildren, ReactNode } from "react";
5
5
 
6
6
  //#region src/components/loading/loading-provider.d.ts
@@ -53,7 +53,7 @@ interface LoadingContext {
53
53
  */
54
54
  screen: LoadingMethods;
55
55
  }
56
- declare const LoadingContext: react855.Context<LoadingContext>;
56
+ declare const LoadingContext: react876.Context<LoadingContext>;
57
57
  interface LoadingProviderProps extends PropsWithChildren<ThemeConfig["loading"]> {}
58
58
  declare const LoadingProvider: FC<LoadingProviderProps>;
59
59
  interface LoadingSharedProps {
@@ -7,7 +7,7 @@ import { IconProps } from "../icon/icon.js";
7
7
  import "../icon/index.js";
8
8
  import { LoadingStyle } from "./loading.style.js";
9
9
  import "../../index.js";
10
- import * as react852 from "react";
10
+ import * as react873 from "react";
11
11
 
12
12
  //#region src/components/loading/loading.d.ts
13
13
  interface LoadingProps extends WithoutThemeProps<IconProps>, ThemeProps<LoadingStyle> {
@@ -20,13 +20,13 @@ interface LoadingProps extends WithoutThemeProps<IconProps>, ThemeProps<LoadingS
20
20
  */
21
21
  secondaryColor?: CSSProps["color"];
22
22
  }
23
- declare const LoadingPropsContext: react852.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 | react852.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
23
+ declare const LoadingPropsContext: react873.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 | react873.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
24
24
  name,
25
25
  className,
26
26
  withContext,
27
27
  transferProps,
28
28
  ...options
29
- }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react852.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
29
+ }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react873.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
30
30
  //#endregion
31
31
  export { LoadingProps, LoadingPropsContext, useLoadingPropsContext };
32
32
  //# sourceMappingURL=loading.d.ts.map
@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
3
3
  import "../../core/index.js";
4
4
  import { MarkStyle } from "./mark.style.js";
5
5
  import "../../index.js";
6
- import * as react851 from "react";
6
+ import * as react871 from "react";
7
7
 
8
8
  //#region src/components/mark/mark.d.ts
9
9
  interface MarkProps extends HTMLStyledProps<"mark">, ThemeProps<MarkStyle> {}
10
- declare const MarkPropsContext: react851.Context<Partial<MarkProps> | undefined>, useMarkPropsContext: () => Partial<MarkProps> | undefined;
10
+ declare const MarkPropsContext: react871.Context<Partial<MarkProps> | undefined>, useMarkPropsContext: () => Partial<MarkProps> | undefined;
11
11
  /**
12
12
  * `Mark` is a component that emphasizes a specific part of the text.
13
13
  *
@@ -6,7 +6,7 @@ import "../popover/index.js";
6
6
  import { MenuStyle } from "./menu.style.js";
7
7
  import { MenuOptionGroupType, MenuOptionGroupValue, UseMenuGroupProps, UseMenuItemProps, UseMenuOptionGroupProps, UseMenuOptionItemProps, UseMenuProps } from "./use-menu.js";
8
8
  import "../../index.js";
9
- import * as react1044 from "react";
9
+ import * as react870 from "react";
10
10
  import { FC, ReactElement, ReactNode } from "react";
11
11
 
12
12
  //#region src/components/menu/menu.d.ts
@@ -42,7 +42,7 @@ interface MenuRootProps extends UseMenuProps, Omit<WithoutThemeProps<PopoverRoot
42
42
  */
43
43
  placement?: Direction;
44
44
  }
45
- declare const MenuPropsContext: react1044.Context<Partial<MenuRootProps> | undefined>, useMenuPropsContext: () => Partial<MenuRootProps> | undefined;
45
+ declare const MenuPropsContext: react870.Context<Partial<MenuRootProps> | undefined>, useMenuPropsContext: () => Partial<MenuRootProps> | undefined;
46
46
  /**
47
47
  * `Menu` is a component that displays a common dropdown menu.
48
48
  *