@strictly/react-form 0.0.1

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 (239) hide show
  1. package/.eslintrc.cjs +26 -0
  2. package/.out/.storybook/main.d.ts +3 -0
  3. package/.out/.storybook/main.js +32 -0
  4. package/.out/.storybook/preview.d.ts +4 -0
  5. package/.out/.storybook/preview.js +20 -0
  6. package/.out/.vitest/install_deterministic_random.d.ts +2 -0
  7. package/.out/.vitest/install_deterministic_random.js +15 -0
  8. package/.out/.vitest/install_storybook_preview.d.ts +1 -0
  9. package/.out/.vitest/install_storybook_preview.js +7 -0
  10. package/.out/.vitest/match_media.d.ts +1 -0
  11. package/.out/.vitest/match_media.js +5 -0
  12. package/.out/.vitest/resize_observer.d.ts +1 -0
  13. package/.out/.vitest/resize_observer.js +4 -0
  14. package/.out/core/mobx/field_adapter.d.ts +9 -0
  15. package/.out/core/mobx/field_adapter.js +1 -0
  16. package/.out/core/mobx/field_adapter_builder.d.ts +22 -0
  17. package/.out/core/mobx/field_adapter_builder.js +56 -0
  18. package/.out/core/mobx/flattened_adapters_of_fields.d.ts +9 -0
  19. package/.out/core/mobx/flattened_adapters_of_fields.js +1 -0
  20. package/.out/core/mobx/flattened_list_type_defs_of.d.ts +8 -0
  21. package/.out/core/mobx/flattened_list_type_defs_of.js +1 -0
  22. package/.out/core/mobx/form_presenter.d.ts +61 -0
  23. package/.out/core/mobx/form_presenter.js +425 -0
  24. package/.out/core/mobx/specs/flattened_adapters_of_fields.tests.d.ts +1 -0
  25. package/.out/core/mobx/specs/flattened_adapters_of_fields.tests.js +13 -0
  26. package/.out/core/mobx/specs/flattened_list_type_defs_of.tests.d.ts +1 -0
  27. package/.out/core/mobx/specs/flattened_list_type_defs_of.tests.js +16 -0
  28. package/.out/core/mobx/specs/form_presenter.tests.d.ts +1 -0
  29. package/.out/core/mobx/specs/form_presenter.tests.js +697 -0
  30. package/.out/core/mobx/types.d.ts +19 -0
  31. package/.out/core/mobx/types.js +1 -0
  32. package/.out/core/props.d.ts +12 -0
  33. package/.out/core/props.js +1 -0
  34. package/.out/field_converters/chain_field_converter.d.ts +3 -0
  35. package/.out/field_converters/chain_field_converter.js +46 -0
  36. package/.out/field_converters/identity_converter.d.ts +3 -0
  37. package/.out/field_converters/identity_converter.js +14 -0
  38. package/.out/field_converters/integer_to_string_converter.d.ts +7 -0
  39. package/.out/field_converters/integer_to_string_converter.js +26 -0
  40. package/.out/field_converters/list_converter.d.ts +2 -0
  41. package/.out/field_converters/list_converter.js +8 -0
  42. package/.out/field_converters/maybe_identity_converter.d.ts +8 -0
  43. package/.out/field_converters/maybe_identity_converter.js +15 -0
  44. package/.out/field_converters/nullable_to_boolean_converter.d.ts +11 -0
  45. package/.out/field_converters/nullable_to_boolean_converter.js +31 -0
  46. package/.out/field_converters/select_value_type_converter.d.ts +23 -0
  47. package/.out/field_converters/select_value_type_converter.js +60 -0
  48. package/.out/field_converters/trimming_string_converter.d.ts +6 -0
  49. package/.out/field_converters/trimming_string_converter.js +14 -0
  50. package/.out/field_converters/validating_converter.d.ts +3 -0
  51. package/.out/field_converters/validating_converter.js +21 -0
  52. package/.out/field_validators/minimum_string_length_field_validator.d.ts +2 -0
  53. package/.out/field_validators/minimum_string_length_field_validator.js +8 -0
  54. package/.out/field_value_factories/prototyping_field_value_factory.d.ts +2 -0
  55. package/.out/field_value_factories/prototyping_field_value_factory.js +5 -0
  56. package/.out/index.d.ts +16 -0
  57. package/.out/index.js +16 -0
  58. package/.out/mantine/create_checkbox.d.ts +9 -0
  59. package/.out/mantine/create_checkbox.js +37 -0
  60. package/.out/mantine/create_list.d.ts +15 -0
  61. package/.out/mantine/create_list.js +16 -0
  62. package/.out/mantine/create_pill.d.ts +7 -0
  63. package/.out/mantine/create_pill.js +15 -0
  64. package/.out/mantine/create_radio.d.ts +8 -0
  65. package/.out/mantine/create_radio.js +10 -0
  66. package/.out/mantine/create_radio_group.d.ts +9 -0
  67. package/.out/mantine/create_radio_group.js +34 -0
  68. package/.out/mantine/create_text_input.d.ts +19 -0
  69. package/.out/mantine/create_text_input.js +38 -0
  70. package/.out/mantine/create_value_input.d.ts +17 -0
  71. package/.out/mantine/create_value_input.js +38 -0
  72. package/.out/mantine/hooks.d.ts +56 -0
  73. package/.out/mantine/hooks.js +135 -0
  74. package/.out/mantine/specs/checkbox_constants.d.ts +1 -0
  75. package/.out/mantine/specs/checkbox_constants.js +1 -0
  76. package/.out/mantine/specs/checkbox_hooks.stories.d.ts +13 -0
  77. package/.out/mantine/specs/checkbox_hooks.stories.js +63 -0
  78. package/.out/mantine/specs/checkbox_hooks.tests.d.ts +1 -0
  79. package/.out/mantine/specs/checkbox_hooks.tests.js +74 -0
  80. package/.out/mantine/specs/list_hooks.stories.d.ts +11 -0
  81. package/.out/mantine/specs/list_hooks.stories.js +48 -0
  82. package/.out/mantine/specs/list_hooks.tests.d.ts +1 -0
  83. package/.out/mantine/specs/list_hooks.tests.js +12 -0
  84. package/.out/mantine/specs/radio_group_constants.d.ts +4 -0
  85. package/.out/mantine/specs/radio_group_constants.js +11 -0
  86. package/.out/mantine/specs/radio_group_hooks.stories.d.ts +14 -0
  87. package/.out/mantine/specs/radio_group_hooks.stories.js +68 -0
  88. package/.out/mantine/specs/radio_group_hooks.tests.d.ts +1 -0
  89. package/.out/mantine/specs/radio_group_hooks.tests.js +62 -0
  90. package/.out/mantine/specs/select_hooks.stories.d.ts +12 -0
  91. package/.out/mantine/specs/select_hooks.stories.js +57 -0
  92. package/.out/mantine/specs/select_hooks.tests.d.ts +1 -0
  93. package/.out/mantine/specs/select_hooks.tests.js +12 -0
  94. package/.out/mantine/specs/select_hooks_constant.d.ts +1 -0
  95. package/.out/mantine/specs/select_hooks_constant.js +1 -0
  96. package/.out/mantine/specs/text_input_constants.d.ts +1 -0
  97. package/.out/mantine/specs/text_input_constants.js +1 -0
  98. package/.out/mantine/specs/text_input_hooks.stories.d.ts +21 -0
  99. package/.out/mantine/specs/text_input_hooks.stories.js +88 -0
  100. package/.out/mantine/specs/text_input_hooks.tests.d.ts +1 -0
  101. package/.out/mantine/specs/text_input_hooks.tests.js +79 -0
  102. package/.out/mantine/specs/value_input_constants.d.ts +2 -0
  103. package/.out/mantine/specs/value_input_constants.js +2 -0
  104. package/.out/mantine/specs/value_input_hooks.stories.d.ts +23 -0
  105. package/.out/mantine/specs/value_input_hooks.stories.js +124 -0
  106. package/.out/mantine/specs/value_input_hooks.tests.d.ts +1 -0
  107. package/.out/mantine/specs/value_input_hooks.tests.js +12 -0
  108. package/.out/mantine/types.d.ts +11 -0
  109. package/.out/mantine/types.js +1 -0
  110. package/.out/tsconfig.json +27 -0
  111. package/.out/tsconfig.tsbuildinfo +1 -0
  112. package/.out/tsup.config.d.ts +3 -0
  113. package/.out/tsup.config.js +12 -0
  114. package/.out/types/all_fields_of_fields.d.ts +5 -0
  115. package/.out/types/all_fields_of_fields.js +1 -0
  116. package/.out/types/boolean_fields_of_fields.d.ts +5 -0
  117. package/.out/types/boolean_fields_of_fields.js +1 -0
  118. package/.out/types/error_type_of_field.d.ts +2 -0
  119. package/.out/types/error_type_of_field.js +1 -0
  120. package/.out/types/field.d.ts +7 -0
  121. package/.out/types/field.js +1 -0
  122. package/.out/types/field_converters.d.ts +29 -0
  123. package/.out/types/field_converters.js +5 -0
  124. package/.out/types/field_validator.d.ts +3 -0
  125. package/.out/types/field_validator.js +1 -0
  126. package/.out/types/flattened_form_fields_of.d.ts +9 -0
  127. package/.out/types/flattened_form_fields_of.js +1 -0
  128. package/.out/types/list_fields_of_fields.d.ts +5 -0
  129. package/.out/types/list_fields_of_fields.js +1 -0
  130. package/.out/types/specs/boolean_fields_of_fields.tests.d.ts +1 -0
  131. package/.out/types/specs/boolean_fields_of_fields.tests.js +11 -0
  132. package/.out/types/specs/error_type_of_field.tests.d.ts +1 -0
  133. package/.out/types/specs/error_type_of_field.tests.js +7 -0
  134. package/.out/types/specs/flattened_form_fields_of.tests.d.ts +1 -0
  135. package/.out/types/specs/flattened_form_fields_of.tests.js +13 -0
  136. package/.out/types/specs/string_fields_of_fields.tests.d.ts +1 -0
  137. package/.out/types/specs/string_fields_of_fields.tests.js +19 -0
  138. package/.out/types/specs/value_type_of_field.tests.d.ts +1 -0
  139. package/.out/types/specs/value_type_of_field.tests.js +7 -0
  140. package/.out/types/string_fields_of_fields.d.ts +5 -0
  141. package/.out/types/string_fields_of_fields.js +1 -0
  142. package/.out/types/value_type_of_field.d.ts +2 -0
  143. package/.out/types/value_type_of_field.js +1 -0
  144. package/.out/util/partial.d.ts +11 -0
  145. package/.out/util/partial.js +74 -0
  146. package/.out/vitest.workspace.d.ts +2 -0
  147. package/.out/vitest.workspace.js +22 -0
  148. package/.storybook/main.ts +40 -0
  149. package/.storybook/preview.tsx +28 -0
  150. package/.storybook/vite.config.mts +38 -0
  151. package/.turbo/turbo-build.log +18 -0
  152. package/.turbo/turbo-check-types.log +3 -0
  153. package/.turbo/turbo-release$colon$exports.log +3 -0
  154. package/.vitest/install_deterministic_random.ts +17 -0
  155. package/.vitest/install_storybook_preview.ts +9 -0
  156. package/.vitest/match_media.ts +7 -0
  157. package/.vitest/resize_observer.ts +5 -0
  158. package/README.md +2 -0
  159. package/core/mobx/field_adapter.ts +32 -0
  160. package/core/mobx/field_adapter_builder.ts +313 -0
  161. package/core/mobx/flattened_adapters_of_fields.ts +35 -0
  162. package/core/mobx/flattened_list_type_defs_of.ts +17 -0
  163. package/core/mobx/form_presenter.ts +705 -0
  164. package/core/mobx/specs/flattened_adapters_of_fields.tests.ts +72 -0
  165. package/core/mobx/specs/flattened_list_type_defs_of.tests.ts +35 -0
  166. package/core/mobx/specs/form_presenter.tests.ts +989 -0
  167. package/core/mobx/types.ts +54 -0
  168. package/core/props.ts +21 -0
  169. package/dist/index.cjs +11479 -0
  170. package/dist/index.d.cts +345 -0
  171. package/dist/index.d.ts +345 -0
  172. package/dist/index.js +11486 -0
  173. package/field_converters/chain_field_converter.ts +74 -0
  174. package/field_converters/identity_converter.ts +39 -0
  175. package/field_converters/integer_to_string_converter.ts +32 -0
  176. package/field_converters/list_converter.ts +15 -0
  177. package/field_converters/maybe_identity_converter.ts +23 -0
  178. package/field_converters/nullable_to_boolean_converter.ts +56 -0
  179. package/field_converters/select_value_type_converter.ts +141 -0
  180. package/field_converters/trimming_string_converter.ts +23 -0
  181. package/field_converters/validating_converter.ts +35 -0
  182. package/field_validators/minimum_string_length_field_validator.ts +13 -0
  183. package/field_value_factories/prototyping_field_value_factory.ts +11 -0
  184. package/index.ts +16 -0
  185. package/mantine/create_checkbox.tsx +79 -0
  186. package/mantine/create_list.tsx +58 -0
  187. package/mantine/create_pill.tsx +43 -0
  188. package/mantine/create_radio.tsx +36 -0
  189. package/mantine/create_radio_group.tsx +71 -0
  190. package/mantine/create_text_input.tsx +80 -0
  191. package/mantine/create_value_input.tsx +81 -0
  192. package/mantine/hooks.tsx +394 -0
  193. package/mantine/specs/__snapshots__/check_box_hooks.tests.tsx.snap +227 -0
  194. package/mantine/specs/__snapshots__/checkbox_hooks.tests.tsx.snap +227 -0
  195. package/mantine/specs/__snapshots__/list_hooks.tests.tsx.snap +68 -0
  196. package/mantine/specs/__snapshots__/radio_group_hooks.tests.tsx.snap +695 -0
  197. package/mantine/specs/__snapshots__/select_hooks.tests.tsx.snap +225 -0
  198. package/mantine/specs/__snapshots__/text_input_hooks.tests.tsx.snap +202 -0
  199. package/mantine/specs/__snapshots__/value_input_hooks.tests.tsx.snap +613 -0
  200. package/mantine/specs/checkbox_constants.ts +1 -0
  201. package/mantine/specs/checkbox_hooks.stories.tsx +79 -0
  202. package/mantine/specs/checkbox_hooks.tests.tsx +100 -0
  203. package/mantine/specs/list_hooks.stories.tsx +83 -0
  204. package/mantine/specs/list_hooks.tests.tsx +15 -0
  205. package/mantine/specs/radio_group_constants.ts +12 -0
  206. package/mantine/specs/radio_group_hooks.stories.tsx +103 -0
  207. package/mantine/specs/radio_group_hooks.tests.tsx +92 -0
  208. package/mantine/specs/select_hooks.stories.tsx +77 -0
  209. package/mantine/specs/select_hooks.tests.tsx +14 -0
  210. package/mantine/specs/select_hooks_constant.ts +1 -0
  211. package/mantine/specs/text_input_constants.ts +1 -0
  212. package/mantine/specs/text_input_hooks.stories.tsx +124 -0
  213. package/mantine/specs/text_input_hooks.tests.tsx +106 -0
  214. package/mantine/specs/value_input_constants.ts +2 -0
  215. package/mantine/specs/value_input_hooks.stories.tsx +182 -0
  216. package/mantine/specs/value_input_hooks.tests.tsx +14 -0
  217. package/mantine/types.ts +13 -0
  218. package/package.exports.json +18 -0
  219. package/package.json +74 -0
  220. package/tsconfig.build.json +13 -0
  221. package/tsconfig.json +27 -0
  222. package/tsup.config.ts +16 -0
  223. package/types/all_fields_of_fields.ts +9 -0
  224. package/types/boolean_fields_of_fields.ts +8 -0
  225. package/types/error_type_of_field.ts +3 -0
  226. package/types/field.ts +9 -0
  227. package/types/field_converters.ts +64 -0
  228. package/types/field_validator.ts +7 -0
  229. package/types/flattened_form_fields_of.ts +16 -0
  230. package/types/list_fields_of_fields.ts +7 -0
  231. package/types/specs/boolean_fields_of_fields.tests.ts +23 -0
  232. package/types/specs/error_type_of_field.tests.ts +10 -0
  233. package/types/specs/flattened_form_fields_of.tests.ts +43 -0
  234. package/types/specs/string_fields_of_fields.tests.ts +40 -0
  235. package/types/specs/value_type_of_field.tests.ts +10 -0
  236. package/types/string_fields_of_fields.ts +6 -0
  237. package/types/value_type_of_field.ts +3 -0
  238. package/util/partial.tsx +200 -0
  239. package/vitest.workspace.ts +26 -0
package/mantine/specs/__snapshots__/radio_group_hooks.tests.tsx.snap ADDED
@@ -0,0 +1,695 @@
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
+
3
+ exports[`mantine radio group hooks > renders Disabled 1`] = `
4
+ <div>
5
+ <style
6
+ data-mantine-styles="classes"
7
+ >
8
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
9
+ </style>
10
+ <div
11
+ class="m_46b77525 mantine-InputWrapper-root mantine-RadioGroup-root"
12
+ >
13
+ <div
14
+ class="m_8fdc1311 mantine-InputWrapper-label mantine-RadioGroup-label"
15
+ id="mantine-1fu8n1fu8-label"
16
+ >
17
+ Radio Group
18
+ </div>
19
+ <div
20
+ aria-labelledby="mantine-1fu8n1fu8-label"
21
+ role="radiogroup"
22
+ >
23
+ <div
24
+ class="m_6d731127 mantine-Stack-root"
25
+ style="--stack-gap: var(--mantine-spacing-md); --stack-align: stretch; --stack-justify: flex-start;"
26
+ >
27
+ <div
28
+ class="m_f3f1af94 mantine-Radio-root m_5f75b09e mantine-Radio-root"
29
+ data-label-position="right"
30
+ style="--radio-color: var(--mantine-color-blue-filled);"
31
+ >
32
+ <div
33
+ class="m_5f6e695e mantine-Radio-body"
34
+ >
35
+ <div
36
+ class="m_89c4f5e4 mantine-Radio-inner"
37
+ data-label-position="right"
38
+ >
39
+ <input
40
+ class="mantine-focus-auto m_8a3dbb89 mantine-Radio-radio"
41
+ disabled=""
42
+ id="mantine-0cyk5rcyk"
43
+ name="$"
44
+ type="radio"
45
+ value="1"
46
+ />
47
+ <svg
48
+ aria-hidden="true"
49
+ class="m_f3ed6b2b mantine-Radio-icon"
50
+ fill="none"
51
+ viewBox="0 0 5 5"
52
+ xmlns="http://www.w3.org/2000/svg"
53
+ >
54
+ <circle
55
+ cx="2.5"
56
+ cy="2.5"
57
+ fill="currentColor"
58
+ r="2.5"
59
+ />
60
+ </svg>
61
+ </div>
62
+ <div
63
+ class="m_d3ea56bb mantine-Radio-labelWrapper"
64
+ data-disabled="true"
65
+ >
66
+ <label
67
+ class="m_8ee546b8 mantine-Radio-label"
68
+ data-disabled="true"
69
+ for="mantine-0cyk5rcyk"
70
+ >
71
+ One
72
+ </label>
73
+ </div>
74
+ </div>
75
+ </div>
76
+ <div
77
+ class="m_f3f1af94 mantine-Radio-root m_5f75b09e mantine-Radio-root"
78
+ data-checked="true"
79
+ data-label-position="right"
80
+ style="--radio-color: var(--mantine-color-blue-filled);"
81
+ >
82
+ <div
83
+ class="m_5f6e695e mantine-Radio-body"
84
+ >
85
+ <div
86
+ class="m_89c4f5e4 mantine-Radio-inner"
87
+ data-label-position="right"
88
+ >
89
+ <input
90
+ checked=""
91
+ class="mantine-focus-auto m_8a3dbb89 mantine-Radio-radio"
92
+ disabled=""
93
+ id="mantine-0px4bipx4"
94
+ name="$"
95
+ type="radio"
96
+ value="2"
97
+ />
98
+ <svg
99
+ aria-hidden="true"
100
+ class="m_f3ed6b2b mantine-Radio-icon"
101
+ fill="none"
102
+ viewBox="0 0 5 5"
103
+ xmlns="http://www.w3.org/2000/svg"
104
+ >
105
+ <circle
106
+ cx="2.5"
107
+ cy="2.5"
108
+ fill="currentColor"
109
+ r="2.5"
110
+ />
111
+ </svg>
112
+ </div>
113
+ <div
114
+ class="m_d3ea56bb mantine-Radio-labelWrapper"
115
+ data-disabled="true"
116
+ >
117
+ <label
118
+ class="m_8ee546b8 mantine-Radio-label"
119
+ data-disabled="true"
120
+ for="mantine-0px4bipx4"
121
+ >
122
+ Two
123
+ </label>
124
+ </div>
125
+ </div>
126
+ </div>
127
+ <div
128
+ class="m_f3f1af94 mantine-Radio-root m_5f75b09e mantine-Radio-root"
129
+ data-label-position="right"
130
+ style="--radio-color: var(--mantine-color-blue-filled);"
131
+ >
132
+ <div
133
+ class="m_5f6e695e mantine-Radio-body"
134
+ >
135
+ <div
136
+ class="m_89c4f5e4 mantine-Radio-inner"
137
+ data-label-position="right"
138
+ >
139
+ <input
140
+ class="mantine-focus-auto m_8a3dbb89 mantine-Radio-radio"
141
+ disabled=""
142
+ id="mantine-12voha2vo"
143
+ name="$"
144
+ type="radio"
145
+ value="3"
146
+ />
147
+ <svg
148
+ aria-hidden="true"
149
+ class="m_f3ed6b2b mantine-Radio-icon"
150
+ fill="none"
151
+ viewBox="0 0 5 5"
152
+ xmlns="http://www.w3.org/2000/svg"
153
+ >
154
+ <circle
155
+ cx="2.5"
156
+ cy="2.5"
157
+ fill="currentColor"
158
+ r="2.5"
159
+ />
160
+ </svg>
161
+ </div>
162
+ <div
163
+ class="m_d3ea56bb mantine-Radio-labelWrapper"
164
+ data-disabled="true"
165
+ >
166
+ <label
167
+ class="m_8ee546b8 mantine-Radio-label"
168
+ data-disabled="true"
169
+ for="mantine-12voha2vo"
170
+ >
171
+ Three
172
+ </label>
173
+ </div>
174
+ </div>
175
+ </div>
176
+ </div>
177
+ </div>
178
+ </div>
179
+ </div>
180
+ `;
181
+
182
+ exports[`mantine radio group hooks > renders Empty 1`] = `
183
+ <div>
184
+ <style
185
+ data-mantine-styles="classes"
186
+ >
187
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
188
+ </style>
189
+ <div
190
+ class="m_46b77525 mantine-InputWrapper-root mantine-RadioGroup-root"
191
+ >
192
+ <div
193
+ class="m_8fdc1311 mantine-InputWrapper-label mantine-RadioGroup-label"
194
+ id="mantine-1ssssssss-label"
195
+ >
196
+ Radio Group
197
+ </div>
198
+ <div
199
+ aria-labelledby="mantine-1ssssssss-label"
200
+ role="radiogroup"
201
+ >
202
+ <div
203
+ class="m_6d731127 mantine-Stack-root"
204
+ style="--stack-gap: var(--mantine-spacing-md); --stack-align: stretch; --stack-justify: flex-start;"
205
+ >
206
+ <div
207
+ class="m_f3f1af94 mantine-Radio-root m_5f75b09e mantine-Radio-root"
208
+ data-label-position="right"
209
+ style="--radio-color: var(--mantine-color-blue-filled);"
210
+ >
211
+ <div
212
+ class="m_5f6e695e mantine-Radio-body"
213
+ >
214
+ <div
215
+ class="m_89c4f5e4 mantine-Radio-inner"
216
+ data-label-position="right"
217
+ >
218
+ <input
219
+ class="mantine-focus-auto m_8a3dbb89 mantine-Radio-radio"
220
+ id="mantine-0px4bipx4"
221
+ name="$"
222
+ type="radio"
223
+ value="1"
224
+ />
225
+ <svg
226
+ aria-hidden="true"
227
+ class="m_f3ed6b2b mantine-Radio-icon"
228
+ fill="none"
229
+ viewBox="0 0 5 5"
230
+ xmlns="http://www.w3.org/2000/svg"
231
+ >
232
+ <circle
233
+ cx="2.5"
234
+ cy="2.5"
235
+ fill="currentColor"
236
+ r="2.5"
237
+ />
238
+ </svg>
239
+ </div>
240
+ <div
241
+ class="m_d3ea56bb mantine-Radio-labelWrapper"
242
+ >
243
+ <label
244
+ class="m_8ee546b8 mantine-Radio-label"
245
+ for="mantine-0px4bipx4"
246
+ >
247
+ One
248
+ </label>
249
+ </div>
250
+ </div>
251
+ </div>
252
+ <div
253
+ class="m_f3f1af94 mantine-Radio-root m_5f75b09e mantine-Radio-root"
254
+ data-label-position="right"
255
+ style="--radio-color: var(--mantine-color-blue-filled);"
256
+ >
257
+ <div
258
+ class="m_5f6e695e mantine-Radio-body"
259
+ >
260
+ <div
261
+ class="m_89c4f5e4 mantine-Radio-inner"
262
+ data-label-position="right"
263
+ >
264
+ <input
265
+ class="mantine-focus-auto m_8a3dbb89 mantine-Radio-radio"
266
+ id="mantine-12voha2vo"
267
+ name="$"
268
+ type="radio"
269
+ value="2"
270
+ />
271
+ <svg
272
+ aria-hidden="true"
273
+ class="m_f3ed6b2b mantine-Radio-icon"
274
+ fill="none"
275
+ viewBox="0 0 5 5"
276
+ xmlns="http://www.w3.org/2000/svg"
277
+ >
278
+ <circle
279
+ cx="2.5"
280
+ cy="2.5"
281
+ fill="currentColor"
282
+ r="2.5"
283
+ />
284
+ </svg>
285
+ </div>
286
+ <div
287
+ class="m_d3ea56bb mantine-Radio-labelWrapper"
288
+ >
289
+ <label
290
+ class="m_8ee546b8 mantine-Radio-label"
291
+ for="mantine-12voha2vo"
292
+ >
293
+ Two
294
+ </label>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ <div
299
+ class="m_f3f1af94 mantine-Radio-root m_5f75b09e mantine-Radio-root"
300
+ data-label-position="right"
301
+ style="--radio-color: var(--mantine-color-blue-filled);"
302
+ >
303
+ <div
304
+ class="m_5f6e695e mantine-Radio-body"
305
+ >
306
+ <div
307
+ class="m_89c4f5e4 mantine-Radio-inner"
308
+ data-label-position="right"
309
+ >
310
+ <input
311
+ class="mantine-focus-auto m_8a3dbb89 mantine-Radio-radio"
312
+ id="mantine-1fu8n1fu8"
313
+ name="$"
314
+ type="radio"
315
+ value="3"
316
+ />
317
+ <svg
318
+ aria-hidden="true"
319
+ class="m_f3ed6b2b mantine-Radio-icon"
320
+ fill="none"
321
+ viewBox="0 0 5 5"
322
+ xmlns="http://www.w3.org/2000/svg"
323
+ >
324
+ <circle
325
+ cx="2.5"
326
+ cy="2.5"
327
+ fill="currentColor"
328
+ r="2.5"
329
+ />
330
+ </svg>
331
+ </div>
332
+ <div
333
+ class="m_d3ea56bb mantine-Radio-labelWrapper"
334
+ >
335
+ <label
336
+ class="m_8ee546b8 mantine-Radio-label"
337
+ for="mantine-1fu8n1fu8"
338
+ >
339
+ Three
340
+ </label>
341
+ </div>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ </div>
346
+ </div>
347
+ </div>
348
+ `;
349
+
350
+ exports[`mantine radio group hooks > renders Populated 1`] = `
351
+ <div>
352
+ <style
353
+ data-mantine-styles="classes"
354
+ >
355
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
356
+ </style>
357
+ <div
358
+ class="m_46b77525 mantine-InputWrapper-root mantine-RadioGroup-root"
359
+ >
360
+ <div
361
+ class="m_8fdc1311 mantine-InputWrapper-label mantine-RadioGroup-label"
362
+ id="mantine-1fu8n1fu8-label"
363
+ >
364
+ Radio Group
365
+ </div>
366
+ <div
367
+ aria-labelledby="mantine-1fu8n1fu8-label"
368
+ role="radiogroup"
369
+ >
370
+ <div
371
+ class="m_6d731127 mantine-Stack-root"
372
+ style="--stack-gap: var(--mantine-spacing-md); --stack-align: stretch; --stack-justify: flex-start;"
373
+ >
374
+ <div
375
+ class="m_f3f1af94 mantine-Radio-root m_5f75b09e mantine-Radio-root"
376
+ data-label-position="right"
377
+ style="--radio-color: var(--mantine-color-blue-filled);"
378
+ >
379
+ <div
380
+ class="m_5f6e695e mantine-Radio-body"
381
+ >
382
+ <div
383
+ class="m_89c4f5e4 mantine-Radio-inner"
384
+ data-label-position="right"
385
+ >
386
+ <input
387
+ class="mantine-focus-auto m_8a3dbb89 mantine-Radio-radio"
388
+ id="mantine-0cyk5rcyk"
389
+ name="$"
390
+ type="radio"
391
+ value="1"
392
+ />
393
+ <svg
394
+ aria-hidden="true"
395
+ class="m_f3ed6b2b mantine-Radio-icon"
396
+ fill="none"
397
+ viewBox="0 0 5 5"
398
+ xmlns="http://www.w3.org/2000/svg"
399
+ >
400
+ <circle
401
+ cx="2.5"
402
+ cy="2.5"
403
+ fill="currentColor"
404
+ r="2.5"
405
+ />
406
+ </svg>
407
+ </div>
408
+ <div
409
+ class="m_d3ea56bb mantine-Radio-labelWrapper"
410
+ >
411
+ <label
412
+ class="m_8ee546b8 mantine-Radio-label"
413
+ for="mantine-0cyk5rcyk"
414
+ >
415
+ One
416
+ </label>
417
+ </div>
418
+ </div>
419
+ </div>
420
+ <div
421
+ class="m_f3f1af94 mantine-Radio-root m_5f75b09e mantine-Radio-root"
422
+ data-label-position="right"
423
+ style="--radio-color: var(--mantine-color-blue-filled);"
424
+ >
425
+ <div
426
+ class="m_5f6e695e mantine-Radio-body"
427
+ >
428
+ <div
429
+ class="m_89c4f5e4 mantine-Radio-inner"
430
+ data-label-position="right"
431
+ >
432
+ <input
433
+ class="mantine-focus-auto m_8a3dbb89 mantine-Radio-radio"
434
+ id="mantine-0px4bipx4"
435
+ name="$"
436
+ type="radio"
437
+ value="2"
438
+ />
439
+ <svg
440
+ aria-hidden="true"
441
+ class="m_f3ed6b2b mantine-Radio-icon"
442
+ fill="none"
443
+ viewBox="0 0 5 5"
444
+ xmlns="http://www.w3.org/2000/svg"
445
+ >
446
+ <circle
447
+ cx="2.5"
448
+ cy="2.5"
449
+ fill="currentColor"
450
+ r="2.5"
451
+ />
452
+ </svg>
453
+ </div>
454
+ <div
455
+ class="m_d3ea56bb mantine-Radio-labelWrapper"
456
+ >
457
+ <label
458
+ class="m_8ee546b8 mantine-Radio-label"
459
+ for="mantine-0px4bipx4"
460
+ >
461
+ Two
462
+ </label>
463
+ </div>
464
+ </div>
465
+ </div>
466
+ <div
467
+ class="m_f3f1af94 mantine-Radio-root m_5f75b09e mantine-Radio-root"
468
+ data-checked="true"
469
+ data-label-position="right"
470
+ style="--radio-color: var(--mantine-color-blue-filled);"
471
+ >
472
+ <div
473
+ class="m_5f6e695e mantine-Radio-body"
474
+ >
475
+ <div
476
+ class="m_89c4f5e4 mantine-Radio-inner"
477
+ data-label-position="right"
478
+ >
479
+ <input
480
+ checked=""
481
+ class="mantine-focus-auto m_8a3dbb89 mantine-Radio-radio"
482
+ id="mantine-12voha2vo"
483
+ name="$"
484
+ type="radio"
485
+ value="3"
486
+ />
487
+ <svg
488
+ aria-hidden="true"
489
+ class="m_f3ed6b2b mantine-Radio-icon"
490
+ fill="none"
491
+ viewBox="0 0 5 5"
492
+ xmlns="http://www.w3.org/2000/svg"
493
+ >
494
+ <circle
495
+ cx="2.5"
496
+ cy="2.5"
497
+ fill="currentColor"
498
+ r="2.5"
499
+ />
500
+ </svg>
501
+ </div>
502
+ <div
503
+ class="m_d3ea56bb mantine-Radio-labelWrapper"
504
+ >
505
+ <label
506
+ class="m_8ee546b8 mantine-Radio-label"
507
+ for="mantine-12voha2vo"
508
+ >
509
+ Three
510
+ </label>
511
+ </div>
512
+ </div>
513
+ </div>
514
+ </div>
515
+ </div>
516
+ </div>
517
+ </div>
518
+ `;
519
+
520
+ exports[`mantine radio group hooks > renders Required 1`] = `
521
+ <div>
522
+ <style
523
+ data-mantine-styles="classes"
524
+ >
525
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
526
+ </style>
527
+ <div
528
+ class="m_46b77525 mantine-InputWrapper-root mantine-RadioGroup-root"
529
+ >
530
+ <div
531
+ class="m_8fdc1311 mantine-InputWrapper-label mantine-RadioGroup-label"
532
+ data-required="true"
533
+ id="mantine-1fu8n1fu8-label"
534
+ >
535
+ Radio Group
536
+ <span
537
+ aria-hidden="true"
538
+ class="m_78a94662 mantine-InputWrapper-required mantine-RadioGroup-required"
539
+ >
540
+ *
541
+ </span>
542
+ </div>
543
+ <div
544
+ aria-labelledby="mantine-1fu8n1fu8-label"
545
+ role="radiogroup"
546
+ >
547
+ <div
548
+ class="m_6d731127 mantine-Stack-root"
549
+ style="--stack-gap: var(--mantine-spacing-md); --stack-align: stretch; --stack-justify: flex-start;"
550
+ >
551
+ <div
552
+ class="m_f3f1af94 mantine-Radio-root m_5f75b09e mantine-Radio-root"
553
+ data-checked="true"
554
+ data-label-position="right"
555
+ style="--radio-color: var(--mantine-color-blue-filled);"
556
+ >
557
+ <div
558
+ class="m_5f6e695e mantine-Radio-body"
559
+ >
560
+ <div
561
+ class="m_89c4f5e4 mantine-Radio-inner"
562
+ data-label-position="right"
563
+ >
564
+ <input
565
+ checked=""
566
+ class="mantine-focus-auto m_8a3dbb89 mantine-Radio-radio"
567
+ id="mantine-0cyk5rcyk"
568
+ name="$"
569
+ type="radio"
570
+ value="1"
571
+ />
572
+ <svg
573
+ aria-hidden="true"
574
+ class="m_f3ed6b2b mantine-Radio-icon"
575
+ fill="none"
576
+ viewBox="0 0 5 5"
577
+ xmlns="http://www.w3.org/2000/svg"
578
+ >
579
+ <circle
580
+ cx="2.5"
581
+ cy="2.5"
582
+ fill="currentColor"
583
+ r="2.5"
584
+ />
585
+ </svg>
586
+ </div>
587
+ <div
588
+ class="m_d3ea56bb mantine-Radio-labelWrapper"
589
+ >
590
+ <label
591
+ class="m_8ee546b8 mantine-Radio-label"
592
+ for="mantine-0cyk5rcyk"
593
+ >
594
+ One
595
+ </label>
596
+ </div>
597
+ </div>
598
+ </div>
599
+ <div
600
+ class="m_f3f1af94 mantine-Radio-root m_5f75b09e mantine-Radio-root"
601
+ data-label-position="right"
602
+ style="--radio-color: var(--mantine-color-blue-filled);"
603
+ >
604
+ <div
605
+ class="m_5f6e695e mantine-Radio-body"
606
+ >
607
+ <div
608
+ class="m_89c4f5e4 mantine-Radio-inner"
609
+ data-label-position="right"
610
+ >
611
+ <input
612
+ class="mantine-focus-auto m_8a3dbb89 mantine-Radio-radio"
613
+ id="mantine-0px4bipx4"
614
+ name="$"
615
+ type="radio"
616
+ value="2"
617
+ />
618
+ <svg
619
+ aria-hidden="true"
620
+ class="m_f3ed6b2b mantine-Radio-icon"
621
+ fill="none"
622
+ viewBox="0 0 5 5"
623
+ xmlns="http://www.w3.org/2000/svg"
624
+ >
625
+ <circle
626
+ cx="2.5"
627
+ cy="2.5"
628
+ fill="currentColor"
629
+ r="2.5"
630
+ />
631
+ </svg>
632
+ </div>
633
+ <div
634
+ class="m_d3ea56bb mantine-Radio-labelWrapper"
635
+ >
636
+ <label
637
+ class="m_8ee546b8 mantine-Radio-label"
638
+ for="mantine-0px4bipx4"
639
+ >
640
+ Two
641
+ </label>
642
+ </div>
643
+ </div>
644
+ </div>
645
+ <div
646
+ class="m_f3f1af94 mantine-Radio-root m_5f75b09e mantine-Radio-root"
647
+ data-label-position="right"
648
+ style="--radio-color: var(--mantine-color-blue-filled);"
649
+ >
650
+ <div
651
+ class="m_5f6e695e mantine-Radio-body"
652
+ >
653
+ <div
654
+ class="m_89c4f5e4 mantine-Radio-inner"
655
+ data-label-position="right"
656
+ >
657
+ <input
658
+ class="mantine-focus-auto m_8a3dbb89 mantine-Radio-radio"
659
+ id="mantine-12voha2vo"
660
+ name="$"
661
+ type="radio"
662
+ value="3"
663
+ />
664
+ <svg
665
+ aria-hidden="true"
666
+ class="m_f3ed6b2b mantine-Radio-icon"
667
+ fill="none"
668
+ viewBox="0 0 5 5"
669
+ xmlns="http://www.w3.org/2000/svg"
670
+ >
671
+ <circle
672
+ cx="2.5"
673
+ cy="2.5"
674
+ fill="currentColor"
675
+ r="2.5"
676
+ />
677
+ </svg>
678
+ </div>
679
+ <div
680
+ class="m_d3ea56bb mantine-Radio-labelWrapper"
681
+ >
682
+ <label
683
+ class="m_8ee546b8 mantine-Radio-label"
684
+ for="mantine-12voha2vo"
685
+ >
686
+ Three
687
+ </label>
688
+ </div>
689
+ </div>
690
+ </div>
691
+ </div>
692
+ </div>
693
+ </div>
694
+ </div>
695
+ `;