@mantine/core 7.0.0-alpha.14 → 7.0.0-alpha.16

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 (234) hide show
  1. package/cjs/components/Accordion/Accordion.context.js +13 -0
  2. package/cjs/components/Accordion/Accordion.context.js.map +1 -0
  3. package/cjs/components/Accordion/Accordion.js +182 -0
  4. package/cjs/components/Accordion/Accordion.js.map +1 -0
  5. package/cjs/components/Accordion/Accordion.module.css.js +8 -0
  6. package/cjs/components/Accordion/Accordion.module.css.js.map +1 -0
  7. package/cjs/components/Accordion/AccordionChevron.js +67 -0
  8. package/cjs/components/Accordion/AccordionChevron.js.map +1 -0
  9. package/cjs/components/Accordion/AccordionControl/AccordionControl.js +134 -0
  10. package/cjs/components/Accordion/AccordionControl/AccordionControl.js.map +1 -0
  11. package/cjs/components/Accordion/AccordionItem/AccordionItem.js +65 -0
  12. package/cjs/components/Accordion/AccordionItem/AccordionItem.js.map +1 -0
  13. package/cjs/components/Accordion/AccordionItem.context.js +11 -0
  14. package/cjs/components/Accordion/AccordionItem.context.js.map +1 -0
  15. package/cjs/components/Accordion/AccordionPanel/AccordionPanel.js +75 -0
  16. package/cjs/components/Accordion/AccordionPanel/AccordionPanel.js.map +1 -0
  17. package/cjs/components/ActionIcon/ActionIcon.js +1 -1
  18. package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
  19. package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +1 -1
  20. package/cjs/components/Center/Center.js +1 -1
  21. package/cjs/components/Center/Center.js.map +1 -1
  22. package/cjs/components/Checkbox/CheckIcon.js +24 -12
  23. package/cjs/components/Checkbox/CheckIcon.js.map +1 -1
  24. package/cjs/components/Combobox/Combobox.js +13 -1
  25. package/cjs/components/Combobox/Combobox.js.map +1 -1
  26. package/cjs/components/Combobox/Combobox.module.css.js +1 -1
  27. package/cjs/components/Combobox/ComboboxDropdown/ComboboxDropdown.js +3 -5
  28. package/cjs/components/Combobox/ComboboxDropdown/ComboboxDropdown.js.map +1 -1
  29. package/cjs/components/Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.js +32 -0
  30. package/cjs/components/Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.js.map +1 -0
  31. package/cjs/components/Combobox/ComboboxEmpty/ComboboxEmpty.js.map +1 -1
  32. package/cjs/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.js +71 -0
  33. package/cjs/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.js.map +1 -0
  34. package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.js +63 -0
  35. package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.js.map +1 -0
  36. package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.js +63 -0
  37. package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.js.map +1 -0
  38. package/cjs/components/Combobox/ComboboxOption/ComboboxOption.js +2 -3
  39. package/cjs/components/Combobox/ComboboxOption/ComboboxOption.js.map +1 -1
  40. package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.js +8 -2
  41. package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.js.map +1 -1
  42. package/cjs/components/Combobox/ComboboxTarget/ComboboxTarget.js +3 -5
  43. package/cjs/components/Combobox/ComboboxTarget/ComboboxTarget.js.map +1 -1
  44. package/cjs/components/Combobox/use-combobox/use-combobox.js +102 -66
  45. package/cjs/components/Combobox/use-combobox/use-combobox.js.map +1 -1
  46. package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.js +2 -0
  47. package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.js.map +1 -1
  48. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.js +14 -4
  49. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.js.map +1 -1
  50. package/cjs/components/Input/Input.js +19 -10
  51. package/cjs/components/Input/Input.js.map +1 -1
  52. package/cjs/components/Input/InputDescription/InputDescription.js +1 -1
  53. package/cjs/components/Input/InputDescription/InputDescription.js.map +1 -1
  54. package/cjs/components/Input/InputError/InputError.js +1 -1
  55. package/cjs/components/Input/InputError/InputError.js.map +1 -1
  56. package/cjs/components/Input/InputLabel/InputLabel.js +1 -1
  57. package/cjs/components/Input/InputLabel/InputLabel.js.map +1 -1
  58. package/cjs/components/Input/InputWrapper/InputWrapper.js +9 -5
  59. package/cjs/components/Input/InputWrapper/InputWrapper.js.map +1 -1
  60. package/cjs/components/Input/InputWrapper.context.js +4 -5
  61. package/cjs/components/Input/InputWrapper.context.js.map +1 -1
  62. package/cjs/components/Input/use-input-props.js +0 -4
  63. package/cjs/components/Input/use-input-props.js.map +1 -1
  64. package/cjs/components/InputBase/InputBase.js +2 -1
  65. package/cjs/components/InputBase/InputBase.js.map +1 -1
  66. package/cjs/components/Loader/Loader.js +2 -2
  67. package/cjs/components/Pill/Pill.js +158 -0
  68. package/cjs/components/Pill/Pill.js.map +1 -0
  69. package/cjs/components/Pill/Pill.module.css.js +8 -0
  70. package/cjs/components/Pill/Pill.module.css.js.map +1 -0
  71. package/cjs/components/Pill/PillGroup/PillGroup.js +78 -0
  72. package/cjs/components/Pill/PillGroup/PillGroup.js.map +1 -0
  73. package/cjs/components/Pill/PillGroup/PillGroup.module.css.js +8 -0
  74. package/cjs/components/Pill/PillGroup/PillGroup.module.css.js.map +1 -0
  75. package/cjs/components/Pill/PillGroup.context.js +11 -0
  76. package/cjs/components/Pill/PillGroup.context.js.map +1 -0
  77. package/cjs/components/PillsInput/PillsInput.context.js +11 -0
  78. package/cjs/components/PillsInput/PillsInput.context.js.map +1 -0
  79. package/cjs/components/PillsInput/PillsInput.js +105 -0
  80. package/cjs/components/PillsInput/PillsInput.js.map +1 -0
  81. package/cjs/components/PillsInput/PillsInputField/PillsInputField.js +88 -0
  82. package/cjs/components/PillsInput/PillsInputField/PillsInputField.js.map +1 -0
  83. package/cjs/components/PillsInput/PillsInputField/PillsInputField.module.css.js +8 -0
  84. package/cjs/components/PillsInput/PillsInputField/PillsInputField.module.css.js.map +1 -0
  85. package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js +2 -2
  86. package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
  87. package/cjs/components/Tabs/Tabs.js +1 -1
  88. package/cjs/components/Tabs/TabsTab/TabsTab.js +1 -1
  89. package/cjs/core/utils/create-optional-context/create-optional-context.js +19 -0
  90. package/cjs/core/utils/create-optional-context/create-optional-context.js.map +1 -0
  91. package/cjs/index.css +444 -27
  92. package/cjs/index.js +34 -4
  93. package/cjs/index.js.map +1 -1
  94. package/esm/components/Accordion/Accordion.context.js +8 -0
  95. package/esm/components/Accordion/Accordion.context.js.map +1 -0
  96. package/esm/components/Accordion/Accordion.js +174 -0
  97. package/esm/components/Accordion/Accordion.js.map +1 -0
  98. package/esm/components/Accordion/Accordion.module.css.js +4 -0
  99. package/esm/components/Accordion/Accordion.module.css.js.map +1 -0
  100. package/esm/components/Accordion/AccordionChevron.js +59 -0
  101. package/esm/components/Accordion/AccordionChevron.js.map +1 -0
  102. package/esm/components/Accordion/AccordionControl/AccordionControl.js +126 -0
  103. package/esm/components/Accordion/AccordionControl/AccordionControl.js.map +1 -0
  104. package/esm/components/Accordion/AccordionItem/AccordionItem.js +57 -0
  105. package/esm/components/Accordion/AccordionItem/AccordionItem.js.map +1 -0
  106. package/esm/components/Accordion/AccordionItem.context.js +6 -0
  107. package/esm/components/Accordion/AccordionItem.context.js.map +1 -0
  108. package/esm/components/Accordion/AccordionPanel/AccordionPanel.js +67 -0
  109. package/esm/components/Accordion/AccordionPanel/AccordionPanel.js.map +1 -0
  110. package/esm/components/ActionIcon/ActionIcon.js +1 -1
  111. package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
  112. package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +1 -1
  113. package/esm/components/Center/Center.js +1 -1
  114. package/esm/components/Center/Center.js.map +1 -1
  115. package/esm/components/Checkbox/CheckIcon.js +24 -12
  116. package/esm/components/Checkbox/CheckIcon.js.map +1 -1
  117. package/esm/components/Combobox/Combobox.js +13 -1
  118. package/esm/components/Combobox/Combobox.js.map +1 -1
  119. package/esm/components/Combobox/Combobox.module.css.js +1 -1
  120. package/esm/components/Combobox/ComboboxDropdown/ComboboxDropdown.js +3 -5
  121. package/esm/components/Combobox/ComboboxDropdown/ComboboxDropdown.js.map +1 -1
  122. package/esm/components/Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.js +24 -0
  123. package/esm/components/Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.js.map +1 -0
  124. package/esm/components/Combobox/ComboboxEmpty/ComboboxEmpty.js.map +1 -1
  125. package/esm/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.js +67 -0
  126. package/esm/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.js.map +1 -0
  127. package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.js +55 -0
  128. package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.js.map +1 -0
  129. package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.js +55 -0
  130. package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.js.map +1 -0
  131. package/esm/components/Combobox/ComboboxOption/ComboboxOption.js +2 -3
  132. package/esm/components/Combobox/ComboboxOption/ComboboxOption.js.map +1 -1
  133. package/esm/components/Combobox/ComboboxSearch/ComboboxSearch.js +8 -2
  134. package/esm/components/Combobox/ComboboxSearch/ComboboxSearch.js.map +1 -1
  135. package/esm/components/Combobox/ComboboxTarget/ComboboxTarget.js +3 -5
  136. package/esm/components/Combobox/ComboboxTarget/ComboboxTarget.js.map +1 -1
  137. package/esm/components/Combobox/use-combobox/use-combobox.js +103 -67
  138. package/esm/components/Combobox/use-combobox/use-combobox.js.map +1 -1
  139. package/esm/components/Combobox/use-combobox/use-virtualized-combobox.js +2 -0
  140. package/esm/components/Combobox/use-combobox/use-virtualized-combobox.js.map +1 -1
  141. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.js +14 -4
  142. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.js.map +1 -1
  143. package/esm/components/Input/Input.js +19 -10
  144. package/esm/components/Input/Input.js.map +1 -1
  145. package/esm/components/Input/InputDescription/InputDescription.js +1 -1
  146. package/esm/components/Input/InputDescription/InputDescription.js.map +1 -1
  147. package/esm/components/Input/InputError/InputError.js +1 -1
  148. package/esm/components/Input/InputError/InputError.js.map +1 -1
  149. package/esm/components/Input/InputLabel/InputLabel.js +1 -1
  150. package/esm/components/Input/InputLabel/InputLabel.js.map +1 -1
  151. package/esm/components/Input/InputWrapper/InputWrapper.js +9 -5
  152. package/esm/components/Input/InputWrapper/InputWrapper.js.map +1 -1
  153. package/esm/components/Input/InputWrapper.context.js +4 -5
  154. package/esm/components/Input/InputWrapper.context.js.map +1 -1
  155. package/esm/components/Input/use-input-props.js +0 -4
  156. package/esm/components/Input/use-input-props.js.map +1 -1
  157. package/esm/components/InputBase/InputBase.js +2 -1
  158. package/esm/components/InputBase/InputBase.js.map +1 -1
  159. package/esm/components/Loader/Loader.js +2 -2
  160. package/esm/components/Pill/Pill.js +150 -0
  161. package/esm/components/Pill/Pill.js.map +1 -0
  162. package/esm/components/Pill/Pill.module.css.js +4 -0
  163. package/esm/components/Pill/Pill.module.css.js.map +1 -0
  164. package/esm/components/Pill/PillGroup/PillGroup.js +70 -0
  165. package/esm/components/Pill/PillGroup/PillGroup.js.map +1 -0
  166. package/esm/components/Pill/PillGroup/PillGroup.module.css.js +4 -0
  167. package/esm/components/Pill/PillGroup/PillGroup.module.css.js.map +1 -0
  168. package/esm/components/Pill/PillGroup.context.js +6 -0
  169. package/esm/components/Pill/PillGroup.context.js.map +1 -0
  170. package/esm/components/PillsInput/PillsInput.context.js +6 -0
  171. package/esm/components/PillsInput/PillsInput.context.js.map +1 -0
  172. package/esm/components/PillsInput/PillsInput.js +97 -0
  173. package/esm/components/PillsInput/PillsInput.js.map +1 -0
  174. package/esm/components/PillsInput/PillsInputField/PillsInputField.js +80 -0
  175. package/esm/components/PillsInput/PillsInputField/PillsInputField.js.map +1 -0
  176. package/esm/components/PillsInput/PillsInputField/PillsInputField.module.css.js +4 -0
  177. package/esm/components/PillsInput/PillsInputField/PillsInputField.module.css.js.map +1 -0
  178. package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js +2 -2
  179. package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
  180. package/esm/components/Tabs/Tabs.js +1 -1
  181. package/esm/components/Tabs/TabsTab/TabsTab.js +1 -1
  182. package/esm/core/utils/create-optional-context/create-optional-context.js +11 -0
  183. package/esm/core/utils/create-optional-context/create-optional-context.js.map +1 -0
  184. package/esm/index.css +444 -27
  185. package/esm/index.js +17 -2
  186. package/esm/index.js.map +1 -1
  187. package/lib/components/Accordion/Accordion.context.d.ts +23 -0
  188. package/lib/components/Accordion/Accordion.d.ts +73 -0
  189. package/lib/components/Accordion/Accordion.types.d.ts +3 -0
  190. package/lib/components/Accordion/AccordionChevron.d.ts +9 -0
  191. package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts +25 -0
  192. package/lib/components/Accordion/AccordionItem/AccordionItem.d.ts +18 -0
  193. package/lib/components/Accordion/AccordionItem.context.d.ts +9 -0
  194. package/lib/components/Accordion/AccordionPanel/AccordionPanel.d.ts +16 -0
  195. package/lib/components/Accordion/index.d.ts +11 -0
  196. package/lib/components/ActionIcon/ActionIcon.d.ts +2 -2
  197. package/lib/components/Checkbox/CheckIcon.d.ts +4 -1
  198. package/lib/components/Checkbox/index.d.ts +1 -1
  199. package/lib/components/ColorPicker/ColorPicker.context.d.ts +1 -0
  200. package/lib/components/Combobox/Combobox.context.d.ts +1 -0
  201. package/lib/components/Combobox/Combobox.d.ts +33 -2
  202. package/lib/components/Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.d.ts +18 -0
  203. package/lib/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.d.ts +27 -0
  204. package/lib/components/Combobox/ComboboxFooter/ComboboxFooter.d.ts +16 -0
  205. package/lib/components/Combobox/ComboboxHeader/ComboboxHeader.d.ts +16 -0
  206. package/lib/components/Combobox/ComboboxTarget/ComboboxTarget.d.ts +5 -0
  207. package/lib/components/Combobox/index.d.ts +9 -1
  208. package/lib/components/Combobox/use-combobox/use-combobox.d.ts +45 -10
  209. package/lib/components/Combobox/use-combobox-target-props/use-combobox-target-props.d.ts +2 -1
  210. package/lib/components/Input/Input.d.ts +6 -2
  211. package/lib/components/Input/InputWrapper.context.d.ts +5 -2
  212. package/lib/components/Input/index.d.ts +1 -0
  213. package/lib/components/Input/use-input-props.d.ts +33 -33
  214. package/lib/components/InputBase/InputBase.d.ts +4 -0
  215. package/lib/components/ModalBase/use-modal.d.ts +1 -0
  216. package/lib/components/Pill/Pill.d.ts +48 -0
  217. package/lib/components/Pill/PillGroup/PillGroup.d.ts +31 -0
  218. package/lib/components/Pill/PillGroup.context.d.ts +10 -0
  219. package/lib/components/Pill/index.d.ts +4 -0
  220. package/lib/components/PillsInput/PillsInput.context.d.ts +14 -0
  221. package/lib/components/PillsInput/PillsInput.d.ts +22 -0
  222. package/lib/components/PillsInput/PillsInputField/PillsInputField.d.ts +22 -0
  223. package/lib/components/PillsInput/index.d.ts +4 -0
  224. package/lib/components/ScrollArea/ScrollArea.context.d.ts +1 -0
  225. package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.d.ts +1 -0
  226. package/lib/components/Slider/Slider.context.d.ts +1 -0
  227. package/lib/components/Table/Table.context.d.ts +1 -0
  228. package/lib/components/Tabs/Tabs.context.d.ts +1 -0
  229. package/lib/components/Tooltip/TooltipFloating/use-floating-tooltip.d.ts +1 -0
  230. package/lib/components/index.d.ts +5 -2
  231. package/lib/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.d.ts +1 -1
  232. package/lib/core/utils/create-optional-context/create-optional-context.d.ts +5 -0
  233. package/lib/core/utils/index.d.ts +1 -0
  234. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"use-combobox-target-props.js","sources":["../../../../src/components/Combobox/use-combobox-target-props/use-combobox-target-props.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useComboboxContext } from '../Combobox.context';\n\ninterface UseComboboxTargetPropsInput {\n withAriaAttributes: boolean | undefined;\n withKeyboardNavigation: boolean | undefined;\n onKeyDown: React.KeyboardEventHandler<HTMLInputElement> | undefined;\n}\n\nexport function useComboboxTargetProps({\n onKeyDown,\n withKeyboardNavigation,\n withAriaAttributes,\n}: UseComboboxTargetPropsInput) {\n const ctx = useComboboxContext();\n const [selectedOptionId, setSelectedOptionId] = useState<string | null>(null);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n\n if (withKeyboardNavigation) {\n if (event.nativeEvent.code === 'ArrowDown') {\n event.preventDefault();\n\n if (!ctx.store.dropdownOpened) {\n ctx.store.openDropdown();\n setSelectedOptionId(ctx.store.selectActiveOption());\n } else {\n setSelectedOptionId(ctx.store.selectNextOption());\n }\n }\n\n if (event.nativeEvent.code === 'ArrowUp') {\n event.preventDefault();\n\n if (!ctx.store.dropdownOpened) {\n ctx.store.openDropdown();\n setSelectedOptionId(ctx.store.selectActiveOption());\n } else {\n setSelectedOptionId(ctx.store.selectPreviousOption());\n }\n }\n\n if (event.nativeEvent.code === 'Enter') {\n if (ctx.store.dropdownOpened) {\n event.preventDefault();\n ctx.store.clickSelectedOption();\n }\n }\n\n if (event.nativeEvent.code === 'Escape') {\n ctx.store.closeDropdown();\n }\n }\n };\n\n const ariaAttributes = withAriaAttributes\n ? {\n 'aria-haspopup': 'listbox',\n 'aria-expanded': ctx.store.listId ? ctx.store.dropdownOpened : undefined,\n 'aria-controls': ctx.store.listId,\n 'aria-activedescendant': ctx.store.dropdownOpened\n ? selectedOptionId || undefined\n : undefined,\n autoComplete: 'off',\n 'data-expanded': ctx.store.dropdownOpened ? true : undefined,\n }\n : {};\n\n return {\n ...ariaAttributes,\n onKeyDown: handleKeyDown,\n };\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"use-combobox-target-props.js","sources":["../../../../src/components/Combobox/use-combobox-target-props/use-combobox-target-props.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useComboboxContext } from '../Combobox.context';\n\ninterface UseComboboxTargetPropsInput {\n targetType: 'input' | 'button' | undefined;\n withAriaAttributes: boolean | undefined;\n withKeyboardNavigation: boolean | undefined;\n onKeyDown: React.KeyboardEventHandler<HTMLInputElement> | undefined;\n}\n\nexport function useComboboxTargetProps({\n onKeyDown,\n withKeyboardNavigation,\n withAriaAttributes,\n targetType,\n}: UseComboboxTargetPropsInput) {\n const ctx = useComboboxContext();\n const [selectedOptionId, setSelectedOptionId] = useState<string | null>(null);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n\n if (withKeyboardNavigation) {\n if (event.nativeEvent.code === 'ArrowDown') {\n event.preventDefault();\n\n if (!ctx.store.dropdownOpened) {\n ctx.store.openDropdown('keyboard');\n setSelectedOptionId(ctx.store.selectActiveOption());\n } else {\n setSelectedOptionId(ctx.store.selectNextOption());\n }\n }\n\n if (event.nativeEvent.code === 'ArrowUp') {\n event.preventDefault();\n\n if (!ctx.store.dropdownOpened) {\n ctx.store.openDropdown('keyboard');\n setSelectedOptionId(ctx.store.selectActiveOption());\n } else {\n setSelectedOptionId(ctx.store.selectPreviousOption());\n }\n }\n\n if (event.nativeEvent.code === 'Enter') {\n if (ctx.store.dropdownOpened) {\n event.preventDefault();\n ctx.store.clickSelectedOption();\n } else if (targetType === 'button') {\n event.preventDefault();\n ctx.store.openDropdown('keyboard');\n }\n }\n\n if (event.nativeEvent.code === 'Escape') {\n ctx.store.closeDropdown('keyboard');\n }\n\n if (event.nativeEvent.code === 'Space') {\n if (targetType === 'button') {\n event.preventDefault();\n ctx.store.toggleDropdown('keyboard');\n }\n }\n }\n };\n\n const ariaAttributes = withAriaAttributes\n ? {\n 'aria-haspopup': 'listbox',\n 'aria-expanded': ctx.store.listId ? ctx.store.dropdownOpened : undefined,\n 'aria-controls': ctx.store.listId,\n 'aria-activedescendant': ctx.store.dropdownOpened\n ? selectedOptionId || undefined\n : undefined,\n autoComplete: 'off',\n 'data-expanded': ctx.store.dropdownOpened ? true : undefined,\n }\n : {};\n\n return {\n ...ariaAttributes,\n onKeyDown: handleKeyDown,\n };\n}\n"],"names":[],"mappings":"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"}
@@ -50,7 +50,8 @@ const defaultProps = {
50
50
  size: "sm",
51
51
  variant: "default",
52
52
  leftSectionPointerEvents: "none",
53
- rightSectionPointerEvents: "none"
53
+ rightSectionPointerEvents: "none",
54
+ withAria: true
54
55
  };
55
56
  const varsResolver = createVarsResolver((_, props, ctx) => ({
56
57
  wrapper: {
@@ -93,7 +94,9 @@ const Input = polymorphicFactory((_props, ref) => {
93
94
  vars,
94
95
  pointer,
95
96
  multiline,
96
- radius
97
+ radius,
98
+ id,
99
+ withAria
97
100
  } = _a, others = __objRest(_a, [
98
101
  "classNames",
99
102
  "className",
@@ -119,11 +122,13 @@ const Input = polymorphicFactory((_props, ref) => {
119
122
  "vars",
120
123
  "pointer",
121
124
  "multiline",
122
- "radius"
125
+ "radius",
126
+ "id",
127
+ "withAria"
123
128
  ]);
124
129
  const { styleProps, rest } = extractStyleProps(others);
125
130
  const ctx = useInputWrapperContext();
126
- const stylesCtx = { offsetBottom: ctx.offsetBottom, offsetTop: ctx.offsetTop };
131
+ const stylesCtx = { offsetBottom: ctx == null ? void 0 : ctx.offsetBottom, offsetTop: ctx == null ? void 0 : ctx.offsetTop };
127
132
  const getStyles = useStyles({
128
133
  name: ["Input", __staticSelector],
129
134
  props: __stylesApiProps || props,
@@ -138,6 +143,13 @@ const Input = polymorphicFactory((_props, ref) => {
138
143
  vars,
139
144
  varsResolver
140
145
  });
146
+ const ariaAttributes = withAria ? {
147
+ required,
148
+ disabled,
149
+ "aria-invalid": !!error,
150
+ "aria-describedby": ctx == null ? void 0 : ctx.describedBy,
151
+ id: (ctx == null ? void 0 : ctx.inputId) || id
152
+ } : {};
141
153
  return /* @__PURE__ */ React.createElement(
142
154
  Box,
143
155
  __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, getStyles("wrapper")), styleProps), wrapperProps), {
@@ -164,16 +176,13 @@ const Input = polymorphicFactory((_props, ref) => {
164
176
  ),
165
177
  /* @__PURE__ */ React.createElement(
166
178
  Box,
167
- __spreadValues(__spreadProps(__spreadValues({
179
+ __spreadValues(__spreadProps(__spreadValues(__spreadValues({
168
180
  component: "input"
169
- }, rest), {
181
+ }, rest), ariaAttributes), {
170
182
  ref,
171
183
  required,
172
184
  mod: { disabled, error: !!error },
173
- "aria-invalid": !!error,
174
- variant,
175
- "aria-describedby": ctx.describedBy,
176
- disabled
185
+ variant
177
186
  }), getStyles("input"))
178
187
  ),
179
188
  rightSection && /* @__PURE__ */ React.createElement(
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n MantineRadius,\n MantineSize,\n extractStyleProps,\n getSize,\n getFontSize,\n getRadius,\n rem,\n createVarsResolver,\n PolymorphicFactory,\n} from '../../core';\nimport { useInputWrapperContext } from './InputWrapper.context';\nimport { InputLabel } from './InputLabel/InputLabel';\nimport { InputError } from './InputError/InputError';\nimport { InputDescription } from './InputDescription/InputDescription';\nimport { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';\nimport {\n InputWrapper,\n __InputWrapperProps,\n InputWrapperStylesNames,\n} from './InputWrapper/InputWrapper';\nimport classes from './Input.module.css';\n\nexport interface __BaseInputProps extends __InputWrapperProps, __InputProps {}\nexport type __InputStylesNames = InputStylesNames | InputWrapperStylesNames;\n\nexport type InputStylesNames = 'input' | 'wrapper' | 'section';\nexport type InputVariant = 'default' | 'filled' | 'unstyled';\nexport type InputCssVariables = {\n wrapper:\n | '--input-height'\n | '--input-fz'\n | '--input-radius'\n | '--input-left-section-width'\n | '--input-right-section-width'\n | '--input-left-section-pointer-events'\n | '--input-right-section-pointer-events'\n | '--input-padding-y'\n | '--input-margin-top'\n | '--input-margin-bottom';\n};\n\nexport interface InputStylesCtx {\n offsetTop: boolean;\n offsetBottom: boolean;\n}\n\nexport interface __InputProps {\n /** Content section rendered on the left side of the input */\n leftSection?: React.ReactNode;\n\n /** Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height */\n leftSectionWidth?: React.CSSProperties['width'];\n\n /** Props added to the `leftSection` element */\n leftSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Sets `pointer-events` styles on the `leftSection` element, `'none'` by default */\n leftSectionPointerEvents?: React.CSSProperties['pointerEvents'];\n\n /** Content section rendered on the right side of the input */\n rightSection?: React.ReactNode;\n\n /** Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height */\n rightSectionWidth?: React.CSSProperties['width'];\n\n /** Props added to the `rightSection` element */\n rightSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Sets `pointer-events` styles on the `rightSection` element, `'none'` by default */\n rightSectionPointerEvents?: React.CSSProperties['pointerEvents'];\n\n /** Props added to the root element of the `Input` component */\n wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Sets `required` attribute on the `input` element */\n required?: boolean;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */\n radius?: MantineRadius | (string & {}) | number;\n\n /** Sets `disabled` attribute on the `input` element */\n disabled?: boolean;\n\n /** Controls input `height` and horizontal `padding`, `'sm'` by default */\n size?: MantineSize | (string & {});\n\n /** Determines whether the input should have `cursor: pointer` style, `false` by default */\n pointer?: boolean;\n}\n\nexport interface InputProps extends BoxProps, __InputProps, StylesApiProps<InputFactory> {\n __staticSelector?: string;\n\n /** Props passed to Styles API context, replaces `Input.Wrapper` props */\n __stylesApiProps?: Record<string, any>;\n\n /** Determines whether the input should have error styles and `aria-invalid` attribute */\n error?: React.ReactNode;\n\n /** Determines whether the input can have multiple lines, for example when `component=\"textarea\"`, `false` by default */\n multiline?: boolean;\n}\n\nexport type InputFactory = PolymorphicFactory<{\n props: InputProps;\n defaultRef: HTMLInputElement;\n defaultComponent: 'input';\n stylesNames: InputStylesNames;\n variant: InputVariant;\n vars: InputCssVariables;\n ctx: InputStylesCtx;\n staticComponents: {\n Label: typeof InputLabel;\n Error: typeof InputError;\n Description: typeof InputDescription;\n Placeholder: typeof InputPlaceholder;\n Wrapper: typeof InputWrapper;\n };\n}>;\n\nconst defaultProps: Partial<InputProps> = {\n size: 'sm',\n variant: 'default',\n leftSectionPointerEvents: 'none',\n rightSectionPointerEvents: 'none',\n};\n\nconst varsResolver = createVarsResolver<InputFactory>((_, props, ctx) => ({\n wrapper: {\n '--input-margin-top': ctx.offsetTop ? 'calc(var(--mantine-spacing-xs) / 2)' : undefined,\n '--input-margin-bottom': ctx.offsetBottom ? 'calc(var(--mantine-spacing-xs) / 2)' : undefined,\n '--input-height': getSize(props.size, 'input-height'),\n '--input-fz': getFontSize(props.size),\n '--input-radius': getRadius(props.radius),\n '--input-left-section-width':\n props.leftSectionWidth !== undefined ? rem(props.leftSectionWidth) : undefined,\n '--input-right-section-width':\n props.rightSectionWidth !== undefined ? rem(props.rightSectionWidth) : undefined,\n '--input-padding-y': props.multiline ? getSize(props.size, 'input-padding-y') : undefined,\n '--input-left-section-pointer-events': props.leftSectionPointerEvents,\n '--input-right-section-pointer-events': props.rightSectionPointerEvents,\n },\n}));\n\nexport const Input = polymorphicFactory<InputFactory>((_props, ref) => {\n const props = useProps('Input', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n required,\n __staticSelector,\n __stylesApiProps,\n size,\n wrapperProps,\n error,\n disabled,\n leftSection,\n leftSectionProps,\n leftSectionWidth,\n rightSection,\n rightSectionProps,\n rightSectionWidth,\n rightSectionPointerEvents,\n leftSectionPointerEvents,\n variant,\n vars,\n pointer,\n multiline,\n radius,\n ...others\n } = props;\n\n const { styleProps, rest } = extractStyleProps(others);\n const ctx = useInputWrapperContext();\n const stylesCtx: InputStylesCtx = { offsetBottom: ctx.offsetBottom, offsetTop: ctx.offsetTop };\n\n const getStyles = useStyles<InputFactory>({\n name: ['Input', __staticSelector],\n props: __stylesApiProps || props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n stylesCtx,\n rootSelector: 'wrapper',\n vars,\n varsResolver,\n });\n\n return (\n <Box\n {...getStyles('wrapper')}\n {...styleProps}\n {...wrapperProps}\n mod={{\n error: !!error,\n pointer,\n disabled,\n multiline,\n 'data-with-right-section': !!rightSection,\n 'data-with-left-section': !!leftSection,\n }}\n variant={variant}\n size={size}\n >\n {leftSection && (\n <div\n {...leftSectionProps}\n data-position=\"left\"\n {...getStyles('section', {\n className: leftSectionProps?.className,\n style: leftSectionProps?.style,\n })}\n >\n {leftSection}\n </div>\n )}\n\n <Box\n component=\"input\"\n {...rest}\n ref={ref}\n required={required}\n mod={{ disabled, error: !!error }}\n aria-invalid={!!error}\n variant={variant}\n aria-describedby={ctx.describedBy}\n disabled={disabled}\n {...getStyles('input')}\n />\n\n {rightSection && (\n <div\n {...rightSectionProps}\n data-position=\"right\"\n {...getStyles('section', {\n className: rightSectionProps?.className,\n style: rightSectionProps?.style,\n })}\n >\n {rightSection}\n </div>\n )}\n </Box>\n );\n});\n\nInput.classes = classes;\nInput.Wrapper = InputWrapper;\nInput.Label = InputLabel;\nInput.Error = InputError;\nInput.Description = InputDescription;\nInput.Placeholder = InputPlaceholder;\nInput.displayName = '@mantine/core/Input';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n MantineRadius,\n MantineSize,\n extractStyleProps,\n getSize,\n getFontSize,\n getRadius,\n rem,\n createVarsResolver,\n PolymorphicFactory,\n} from '../../core';\nimport { useInputWrapperContext } from './InputWrapper.context';\nimport { InputLabel } from './InputLabel/InputLabel';\nimport { InputError } from './InputError/InputError';\nimport { InputDescription } from './InputDescription/InputDescription';\nimport { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';\nimport {\n InputWrapper,\n __InputWrapperProps,\n InputWrapperStylesNames,\n} from './InputWrapper/InputWrapper';\nimport classes from './Input.module.css';\n\nexport interface __BaseInputProps extends __InputWrapperProps, __InputProps {}\nexport type __InputStylesNames = InputStylesNames | InputWrapperStylesNames;\n\nexport type InputStylesNames = 'input' | 'wrapper' | 'section';\nexport type InputVariant = 'default' | 'filled' | 'unstyled';\nexport type InputCssVariables = {\n wrapper:\n | '--input-height'\n | '--input-fz'\n | '--input-radius'\n | '--input-left-section-width'\n | '--input-right-section-width'\n | '--input-left-section-pointer-events'\n | '--input-right-section-pointer-events'\n | '--input-padding-y'\n | '--input-margin-top'\n | '--input-margin-bottom';\n};\n\nexport interface InputStylesCtx {\n offsetTop: boolean | undefined;\n offsetBottom: boolean | undefined;\n}\n\nexport interface __InputProps {\n /** Content section rendered on the left side of the input */\n leftSection?: React.ReactNode;\n\n /** Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height */\n leftSectionWidth?: React.CSSProperties['width'];\n\n /** Props added to the `leftSection` element */\n leftSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Sets `pointer-events` styles on the `leftSection` element, `'none'` by default */\n leftSectionPointerEvents?: React.CSSProperties['pointerEvents'];\n\n /** Content section rendered on the right side of the input */\n rightSection?: React.ReactNode;\n\n /** Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height */\n rightSectionWidth?: React.CSSProperties['width'];\n\n /** Props added to the `rightSection` element */\n rightSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Sets `pointer-events` styles on the `rightSection` element, `'none'` by default */\n rightSectionPointerEvents?: React.CSSProperties['pointerEvents'];\n\n /** Props added to the root element of the `Input` component */\n wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Sets `required` attribute on the `input` element */\n required?: boolean;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */\n radius?: MantineRadius | (string & {}) | number;\n\n /** Sets `disabled` attribute on the `input` element */\n disabled?: boolean;\n\n /** Controls input `height` and horizontal `padding`, `'sm'` by default */\n size?: MantineSize | (string & {});\n\n /** Determines whether the input should have `cursor: pointer` style, `false` by default */\n pointer?: boolean;\n}\n\nexport interface InputProps extends BoxProps, __InputProps, StylesApiProps<InputFactory> {\n __staticSelector?: string;\n\n /** Props passed to Styles API context, replaces `Input.Wrapper` props */\n __stylesApiProps?: Record<string, any>;\n\n /** Determines whether the input should have error styles and `aria-invalid` attribute */\n error?: React.ReactNode;\n\n /** Determines whether the input can have multiple lines, for example when `component=\"textarea\"`, `false` by default */\n multiline?: boolean;\n\n /** Input element id */\n id?: string;\n\n /** Determines whether `aria-` and other accessibility attributes should be added to the input, `true` by default */\n withAria?: boolean;\n}\n\nexport type InputFactory = PolymorphicFactory<{\n props: InputProps;\n defaultRef: HTMLInputElement;\n defaultComponent: 'input';\n stylesNames: InputStylesNames;\n variant: InputVariant;\n vars: InputCssVariables;\n ctx: InputStylesCtx;\n staticComponents: {\n Label: typeof InputLabel;\n Error: typeof InputError;\n Description: typeof InputDescription;\n Placeholder: typeof InputPlaceholder;\n Wrapper: typeof InputWrapper;\n };\n}>;\n\nconst defaultProps: Partial<InputProps> = {\n size: 'sm',\n variant: 'default',\n leftSectionPointerEvents: 'none',\n rightSectionPointerEvents: 'none',\n withAria: true,\n};\n\nconst varsResolver = createVarsResolver<InputFactory>((_, props, ctx) => ({\n wrapper: {\n '--input-margin-top': ctx.offsetTop ? 'calc(var(--mantine-spacing-xs) / 2)' : undefined,\n '--input-margin-bottom': ctx.offsetBottom ? 'calc(var(--mantine-spacing-xs) / 2)' : undefined,\n '--input-height': getSize(props.size, 'input-height'),\n '--input-fz': getFontSize(props.size),\n '--input-radius': getRadius(props.radius),\n '--input-left-section-width':\n props.leftSectionWidth !== undefined ? rem(props.leftSectionWidth) : undefined,\n '--input-right-section-width':\n props.rightSectionWidth !== undefined ? rem(props.rightSectionWidth) : undefined,\n '--input-padding-y': props.multiline ? getSize(props.size, 'input-padding-y') : undefined,\n '--input-left-section-pointer-events': props.leftSectionPointerEvents,\n '--input-right-section-pointer-events': props.rightSectionPointerEvents,\n },\n}));\n\nexport const Input = polymorphicFactory<InputFactory>((_props, ref) => {\n const props = useProps('Input', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n required,\n __staticSelector,\n __stylesApiProps,\n size,\n wrapperProps,\n error,\n disabled,\n leftSection,\n leftSectionProps,\n leftSectionWidth,\n rightSection,\n rightSectionProps,\n rightSectionWidth,\n rightSectionPointerEvents,\n leftSectionPointerEvents,\n variant,\n vars,\n pointer,\n multiline,\n radius,\n id,\n withAria,\n ...others\n } = props;\n\n const { styleProps, rest } = extractStyleProps(others);\n const ctx = useInputWrapperContext();\n const stylesCtx: InputStylesCtx = { offsetBottom: ctx?.offsetBottom, offsetTop: ctx?.offsetTop };\n\n const getStyles = useStyles<InputFactory>({\n name: ['Input', __staticSelector],\n props: __stylesApiProps || props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n stylesCtx,\n rootSelector: 'wrapper',\n vars,\n varsResolver,\n });\n\n const ariaAttributes = withAria\n ? {\n required,\n disabled,\n 'aria-invalid': !!error,\n 'aria-describedby': ctx?.describedBy,\n id: ctx?.inputId || id,\n }\n : {};\n\n return (\n <Box\n {...getStyles('wrapper')}\n {...styleProps}\n {...wrapperProps}\n mod={{\n error: !!error,\n pointer,\n disabled,\n multiline,\n 'data-with-right-section': !!rightSection,\n 'data-with-left-section': !!leftSection,\n }}\n variant={variant}\n size={size}\n >\n {leftSection && (\n <div\n {...leftSectionProps}\n data-position=\"left\"\n {...getStyles('section', {\n className: leftSectionProps?.className,\n style: leftSectionProps?.style,\n })}\n >\n {leftSection}\n </div>\n )}\n\n <Box\n component=\"input\"\n {...rest}\n {...ariaAttributes}\n ref={ref}\n required={required}\n mod={{ disabled, error: !!error }}\n variant={variant}\n {...getStyles('input')}\n />\n\n {rightSection && (\n <div\n {...rightSectionProps}\n data-position=\"right\"\n {...getStyles('section', {\n className: rightSectionProps?.className,\n style: rightSectionProps?.style,\n })}\n >\n {rightSection}\n </div>\n )}\n </Box>\n );\n});\n\nInput.classes = classes;\nInput.Wrapper = InputWrapper;\nInput.Label = InputLabel;\nInput.Error = InputError;\nInput.Description = InputDescription;\nInput.Placeholder = InputPlaceholder;\nInput.displayName = '@mantine/core/Input';\n"],"names":[],"mappings":"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"}
@@ -82,7 +82,7 @@ const InputDescription = factory((_props, ref) => {
82
82
  vars,
83
83
  varsResolver
84
84
  });
85
- const getStyles = ctx.getStyles || _getStyles;
85
+ const getStyles = (ctx == null ? void 0 : ctx.getStyles) || _getStyles;
86
86
  return /* @__PURE__ */ React.createElement(
87
87
  Box,
88
88
  __spreadValues(__spreadValues({
@@ -1 +1 @@
1
- {"version":3,"file":"InputDescription.js","sources":["../../../../src/components/Input/InputDescription/InputDescription.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n MantineSize,\n getFontSize,\n rem,\n createVarsResolver,\n Factory,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport classes from '../InputWrapper/InputWrapper.module.css';\n\nexport type InputDescriptionStylesNames = 'description';\nexport type InputDescriptionVariant = string;\nexport type InputDescriptionCssVariables = {\n description: '--input-description-size';\n};\n\nexport interface InputDescriptionProps\n extends BoxProps,\n StylesApiProps<InputDescriptionFactory>,\n ElementProps<'div'> {\n __staticSelector?: string;\n\n /** Controls description `font-size`, `'sm'` by default */\n size?: MantineSize | (string & {});\n}\n\nexport type InputDescriptionFactory = Factory<{\n props: InputDescriptionProps;\n ref: HTMLParagraphElement;\n stylesNames: InputDescriptionStylesNames;\n vars: InputDescriptionCssVariables;\n variant: InputDescriptionVariant;\n}>;\n\nconst defaultProps: Partial<InputDescriptionProps> = {\n size: 'sm',\n};\n\nconst varsResolver = createVarsResolver<InputDescriptionFactory>((_, { size }) => ({\n description: {\n '--input-description-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputDescription = factory<InputDescriptionFactory>((_props, ref) => {\n const props = useProps('InputDescription', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n size,\n __staticSelector,\n variant,\n ...others\n } = useProps('InputDescription', defaultProps, props);\n const ctx = useInputWrapperContext();\n\n const _getStyles = useStyles<InputDescriptionFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n rootSelector: 'description',\n vars,\n varsResolver,\n });\n\n const getStyles = ctx.getStyles || _getStyles;\n\n return (\n <Box\n component=\"p\"\n ref={ref}\n variant={variant}\n size={size}\n {...getStyles('description')}\n {...others}\n />\n );\n});\n\nInputDescription.classes = classes;\nInputDescription.displayName = '@mantine/core/InputDescription';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"InputDescription.js","sources":["../../../../src/components/Input/InputDescription/InputDescription.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n MantineSize,\n getFontSize,\n rem,\n createVarsResolver,\n Factory,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport classes from '../InputWrapper/InputWrapper.module.css';\n\nexport type InputDescriptionStylesNames = 'description';\nexport type InputDescriptionVariant = string;\nexport type InputDescriptionCssVariables = {\n description: '--input-description-size';\n};\n\nexport interface InputDescriptionProps\n extends BoxProps,\n StylesApiProps<InputDescriptionFactory>,\n ElementProps<'div'> {\n __staticSelector?: string;\n\n /** Controls description `font-size`, `'sm'` by default */\n size?: MantineSize | (string & {});\n}\n\nexport type InputDescriptionFactory = Factory<{\n props: InputDescriptionProps;\n ref: HTMLParagraphElement;\n stylesNames: InputDescriptionStylesNames;\n vars: InputDescriptionCssVariables;\n variant: InputDescriptionVariant;\n}>;\n\nconst defaultProps: Partial<InputDescriptionProps> = {\n size: 'sm',\n};\n\nconst varsResolver = createVarsResolver<InputDescriptionFactory>((_, { size }) => ({\n description: {\n '--input-description-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputDescription = factory<InputDescriptionFactory>((_props, ref) => {\n const props = useProps('InputDescription', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n size,\n __staticSelector,\n variant,\n ...others\n } = useProps('InputDescription', defaultProps, props);\n const ctx = useInputWrapperContext();\n\n const _getStyles = useStyles<InputDescriptionFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n rootSelector: 'description',\n vars,\n varsResolver,\n });\n\n const getStyles = ctx?.getStyles || _getStyles;\n\n return (\n <Box\n component=\"p\"\n ref={ref}\n variant={variant}\n size={size}\n {...getStyles('description')}\n {...others}\n />\n );\n});\n\nInputDescription.classes = classes;\nInputDescription.displayName = '@mantine/core/InputDescription';\n"],"names":[],"mappings":"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"}
@@ -82,7 +82,7 @@ const InputError = factory((_props, ref) => {
82
82
  varsResolver
83
83
  });
84
84
  const ctx = useInputWrapperContext();
85
- const getStyles = ctx.getStyles || _getStyles;
85
+ const getStyles = (ctx == null ? void 0 : ctx.getStyles) || _getStyles;
86
86
  return /* @__PURE__ */ React.createElement(
87
87
  Box,
88
88
  __spreadValues(__spreadValues({
@@ -1 +1 @@
1
- {"version":3,"file":"InputError.js","sources":["../../../../src/components/Input/InputError/InputError.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n MantineSize,\n getFontSize,\n rem,\n createVarsResolver,\n Factory,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport classes from '../InputWrapper/InputWrapper.module.css';\n\nexport type InputErrorStylesNames = 'error';\nexport type InputErrorVariant = string;\nexport type InputErrorCssVariables = {\n error: '--input-error-size';\n};\n\nexport interface InputErrorProps\n extends BoxProps,\n StylesApiProps<InputErrorFactory>,\n ElementProps<'div'> {\n __staticSelector?: string;\n\n /** Controls error `font-size`, `'sm'` by default */\n size?: MantineSize | (string & {});\n}\n\nexport type InputErrorFactory = Factory<{\n props: InputErrorProps;\n ref: HTMLParagraphElement;\n stylesNames: InputErrorStylesNames;\n vars: InputErrorCssVariables;\n variant: InputErrorVariant;\n}>;\n\nconst defaultProps: Partial<InputErrorProps> = {\n size: 'sm',\n};\n\nconst varsResolver = createVarsResolver<InputErrorFactory>((_, { size }) => ({\n error: {\n '--input-error-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputError = factory<InputErrorFactory>((_props, ref) => {\n const props = useProps('InputError', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n size,\n __staticSelector,\n variant,\n ...others\n } = props;\n\n const _getStyles = useStyles<InputErrorFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n rootSelector: 'error',\n vars,\n varsResolver,\n });\n\n const ctx = useInputWrapperContext();\n const getStyles = ctx.getStyles || _getStyles;\n\n return (\n <Box\n component=\"p\"\n ref={ref}\n variant={variant}\n size={size}\n {...getStyles('error')}\n {...others}\n />\n );\n});\n\nInputError.classes = classes;\nInputError.displayName = '@mantine/core/InputError';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAaF,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAE,IAAI;AACZ,CAAC,CAAC;AACF,MAAM,YAAY,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;AAC1D,EAAE,KAAK,EAAE;AACT,IAAI,oBAAoB,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,GAAG;AACH,CAAC,CAAC,CAAC,CAAC;AACQ,MAAC,UAAU,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AACnD,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAC7D,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;AACpB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,IAAI;AACR,IAAI,gBAAgB;AACpB,IAAI,OAAO;AACX,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,kBAAkB;AACtB,IAAI,SAAS;AACb,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,UAAU,GAAG,SAAS,CAAC;AAC/B,IAAI,IAAI,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC;AAC5C,IAAI,KAAK;AACT,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,YAAY,EAAE,OAAO;AACzB,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,GAAG,GAAG,sBAAsB,EAAE,CAAC;AACvC,EAAE,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,IAAI,UAAU,CAAC;AAChD,EAAE,uBAAuB,KAAK,CAAC,aAAa;AAC5C,IAAI,GAAG;AACP,IAAI,cAAc,CAAC,cAAc,CAAC;AAClC,MAAM,SAAS,EAAE,GAAG;AACpB,MAAM,GAAG;AACT,MAAM,OAAO;AACb,MAAM,IAAI;AACV,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC;AACnC,GAAG,CAAC;AACJ,CAAC,EAAE;AACH,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;AAC7B,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
1
+ {"version":3,"file":"InputError.js","sources":["../../../../src/components/Input/InputError/InputError.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n MantineSize,\n getFontSize,\n rem,\n createVarsResolver,\n Factory,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport classes from '../InputWrapper/InputWrapper.module.css';\n\nexport type InputErrorStylesNames = 'error';\nexport type InputErrorVariant = string;\nexport type InputErrorCssVariables = {\n error: '--input-error-size';\n};\n\nexport interface InputErrorProps\n extends BoxProps,\n StylesApiProps<InputErrorFactory>,\n ElementProps<'div'> {\n __staticSelector?: string;\n\n /** Controls error `font-size`, `'sm'` by default */\n size?: MantineSize | (string & {});\n}\n\nexport type InputErrorFactory = Factory<{\n props: InputErrorProps;\n ref: HTMLParagraphElement;\n stylesNames: InputErrorStylesNames;\n vars: InputErrorCssVariables;\n variant: InputErrorVariant;\n}>;\n\nconst defaultProps: Partial<InputErrorProps> = {\n size: 'sm',\n};\n\nconst varsResolver = createVarsResolver<InputErrorFactory>((_, { size }) => ({\n error: {\n '--input-error-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputError = factory<InputErrorFactory>((_props, ref) => {\n const props = useProps('InputError', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n size,\n __staticSelector,\n variant,\n ...others\n } = props;\n\n const _getStyles = useStyles<InputErrorFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n rootSelector: 'error',\n vars,\n varsResolver,\n });\n\n const ctx = useInputWrapperContext();\n const getStyles = ctx?.getStyles || _getStyles;\n\n return (\n <Box\n component=\"p\"\n ref={ref}\n variant={variant}\n size={size}\n {...getStyles('error')}\n {...others}\n />\n );\n});\n\nInputError.classes = classes;\nInputError.displayName = '@mantine/core/InputError';\n"],"names":[],"mappings":"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"}
@@ -96,7 +96,7 @@ const InputLabel = factory((_props, ref) => {
96
96
  varsResolver
97
97
  });
98
98
  const ctx = useInputWrapperContext();
99
- const getStyles = ctx.getStyles || _getStyles;
99
+ const getStyles = (ctx == null ? void 0 : ctx.getStyles) || _getStyles;
100
100
  return /* @__PURE__ */ React.createElement(
101
101
  Box,
102
102
  __spreadValues(__spreadProps(__spreadValues({}, getStyles("label")), {
@@ -1 +1 @@
1
- {"version":3,"file":"InputLabel.js","sources":["../../../../src/components/Input/InputLabel/InputLabel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n MantineSize,\n getFontSize,\n createVarsResolver,\n Factory,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport classes from '../InputWrapper/InputWrapper.module.css';\n\nexport type InputLabelStylesNames = 'label' | 'required';\nexport type InputLabelVariant = string;\nexport type InputLabelCssVariables = {\n label: '--input-asterisk-color' | '--input-label-size';\n};\n\nexport interface InputLabelProps\n extends BoxProps,\n StylesApiProps<InputLabelFactory>,\n ElementProps<'label'> {\n __staticSelector?: string;\n\n /** Determines whether required asterisk should be displayed */\n required?: boolean;\n\n /** Controls label `font-size`, `'sm'` by default */\n size?: MantineSize | (string & {});\n\n /** Root element of the label, `'label'` by default */\n labelElement?: 'label' | 'div';\n}\n\nexport type InputLabelFactory = Factory<{\n props: InputLabelProps;\n ref: HTMLLabelElement;\n stylesNames: InputLabelStylesNames;\n vars: InputLabelCssVariables;\n variant: InputLabelVariant;\n}>;\n\nconst defaultProps: Partial<InputLabelProps> = {\n size: 'sm',\n labelElement: 'label',\n};\n\nconst varsResolver = createVarsResolver<InputLabelFactory>((_, { size }) => ({\n label: {\n '--input-label-size': getFontSize(size),\n '--input-asterisk-color': 'var(--mantine-color-red-filled)',\n },\n}));\n\nexport const InputLabel = factory<InputLabelFactory>((_props, ref) => {\n const props = useProps('InputLabel', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n labelElement,\n size,\n required,\n htmlFor,\n onMouseDown,\n children,\n __staticSelector,\n variant,\n ...others\n } = useProps('InputLabel', defaultProps, props);\n\n const _getStyles = useStyles<InputLabelFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n rootSelector: 'label',\n vars,\n varsResolver,\n });\n\n const ctx = useInputWrapperContext();\n const getStyles = ctx.getStyles || _getStyles;\n\n return (\n <Box\n {...getStyles('label')}\n component={labelElement as 'label'}\n variant={variant}\n size={size}\n ref={ref}\n htmlFor={labelElement === 'label' ? htmlFor : undefined}\n mod={{ required }}\n onMouseDown={(event) => {\n onMouseDown?.(event);\n if (!event.defaultPrevented && event.detail > 1) {\n event.preventDefault();\n }\n }}\n {...others}\n >\n {children}\n {required && (\n <span {...getStyles('required')} aria-hidden>\n {' *'}\n </span>\n )}\n </Box>\n );\n});\n\nInputLabel.classes = classes;\nInputLabel.displayName = '@mantine/core/InputLabel';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"InputLabel.js","sources":["../../../../src/components/Input/InputLabel/InputLabel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n MantineSize,\n getFontSize,\n createVarsResolver,\n Factory,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport classes from '../InputWrapper/InputWrapper.module.css';\n\nexport type InputLabelStylesNames = 'label' | 'required';\nexport type InputLabelVariant = string;\nexport type InputLabelCssVariables = {\n label: '--input-asterisk-color' | '--input-label-size';\n};\n\nexport interface InputLabelProps\n extends BoxProps,\n StylesApiProps<InputLabelFactory>,\n ElementProps<'label'> {\n __staticSelector?: string;\n\n /** Determines whether required asterisk should be displayed */\n required?: boolean;\n\n /** Controls label `font-size`, `'sm'` by default */\n size?: MantineSize | (string & {});\n\n /** Root element of the label, `'label'` by default */\n labelElement?: 'label' | 'div';\n}\n\nexport type InputLabelFactory = Factory<{\n props: InputLabelProps;\n ref: HTMLLabelElement;\n stylesNames: InputLabelStylesNames;\n vars: InputLabelCssVariables;\n variant: InputLabelVariant;\n}>;\n\nconst defaultProps: Partial<InputLabelProps> = {\n size: 'sm',\n labelElement: 'label',\n};\n\nconst varsResolver = createVarsResolver<InputLabelFactory>((_, { size }) => ({\n label: {\n '--input-label-size': getFontSize(size),\n '--input-asterisk-color': 'var(--mantine-color-red-filled)',\n },\n}));\n\nexport const InputLabel = factory<InputLabelFactory>((_props, ref) => {\n const props = useProps('InputLabel', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n labelElement,\n size,\n required,\n htmlFor,\n onMouseDown,\n children,\n __staticSelector,\n variant,\n ...others\n } = useProps('InputLabel', defaultProps, props);\n\n const _getStyles = useStyles<InputLabelFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n rootSelector: 'label',\n vars,\n varsResolver,\n });\n\n const ctx = useInputWrapperContext();\n const getStyles = ctx?.getStyles || _getStyles;\n\n return (\n <Box\n {...getStyles('label')}\n component={labelElement as 'label'}\n variant={variant}\n size={size}\n ref={ref}\n htmlFor={labelElement === 'label' ? htmlFor : undefined}\n mod={{ required }}\n onMouseDown={(event) => {\n onMouseDown?.(event);\n if (!event.defaultPrevented && event.detail > 1) {\n event.preventDefault();\n }\n }}\n {...others}\n >\n {children}\n {required && (\n <span {...getStyles('required')} aria-hidden>\n {' *'}\n </span>\n )}\n </Box>\n );\n});\n\nInputLabel.classes = classes;\nInputLabel.displayName = '@mantine/core/InputLabel';\n"],"names":[],"mappings":"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"}
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { useId } from '@mantine/hooks';
2
3
  import { InputLabel } from '../InputLabel/InputLabel.js';
3
4
  import { InputDescription } from '../InputDescription/InputDescription.js';
4
5
  import { InputError } from '../InputError/InputError.js';
@@ -130,9 +131,11 @@ const InputWrapper = factory((_props, ref) => {
130
131
  variant,
131
132
  __staticSelector
132
133
  };
134
+ const idBase = useId(id);
133
135
  const isRequired = typeof withAsterisk === "boolean" ? withAsterisk : required;
134
- const errorId = id ? `${id}-error` : errorProps == null ? void 0 : errorProps.id;
135
- const descriptionId = id ? `${id}-description` : descriptionProps == null ? void 0 : descriptionProps.id;
136
+ const errorId = (errorProps == null ? void 0 : errorProps.id) || `${idBase}-error`;
137
+ const descriptionId = (descriptionProps == null ? void 0 : descriptionProps.id) || `${idBase}-description`;
138
+ const inputId = `${idBase}-input`;
136
139
  const hasError = !!error && typeof error !== "boolean";
137
140
  const hasDescription = !!description;
138
141
  const _describedBy = `${hasError ? errorId : ""} ${hasDescription ? descriptionId : ""}`;
@@ -142,8 +145,8 @@ const InputWrapper = factory((_props, ref) => {
142
145
  __spreadValues(__spreadValues({
143
146
  key: "label",
144
147
  labelElement,
145
- id: id ? `${id}-label` : void 0,
146
- htmlFor: id,
148
+ id: `${idBase}-label`,
149
+ htmlFor: inputId,
147
150
  required: isRequired
148
151
  }, sharedProps), labelProps),
149
152
  label
@@ -187,7 +190,8 @@ const InputWrapper = factory((_props, ref) => {
187
190
  {
188
191
  value: __spreadValues({
189
192
  getStyles,
190
- describedBy
193
+ describedBy,
194
+ inputId
191
195
  }, getInputOffsets(inputWrapperOrder, { hasDescription, hasError }))
192
196
  },
193
197
  /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues({ ref, variant, size }, getStyles("root")), others), content)
@@ -1 +1 @@
1
- {"version":3,"file":"InputWrapper.js","sources":["../../../../src/components/Input/InputWrapper/InputWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n MantineSize,\n Factory,\n createVarsResolver,\n getFontSize,\n rem,\n} from '../../../core';\nimport {\n InputLabel,\n InputLabelStylesNames,\n InputLabelCssVariables,\n} from '../InputLabel/InputLabel';\nimport {\n InputDescription,\n InputDescriptionStylesNames,\n InputDescriptionCssVariables,\n} from '../InputDescription/InputDescription';\nimport {\n InputError,\n InputErrorStylesNames,\n InputErrorCssVariables,\n} from '../InputError/InputError';\nimport { InputWrapperProvider } from '../InputWrapper.context';\nimport { getInputOffsets } from './get-input-offsets/get-input-offsets';\nimport classes from './InputWrapper.module.css';\n\nexport type InputWrapperCssVariables = InputLabelCssVariables &\n InputErrorCssVariables &\n InputDescriptionCssVariables;\n\nexport type InputWrapperStylesNames =\n | 'root'\n | InputLabelStylesNames\n | InputDescriptionStylesNames\n | InputErrorStylesNames;\n\nexport interface __InputWrapperProps {\n /** Contents of `Input.Label` component, if not set, label is not rendered. */\n label?: React.ReactNode;\n\n /** Contents of `Input.Description` component, if not set, description is not rendered. */\n description?: React.ReactNode;\n\n /** Contents of `Input.Error` component, if not set, error is not rendered. */\n error?: React.ReactNode;\n\n /** Adds required attribute to the input and a red asterisk on the right side of label, `false` by default */\n required?: boolean;\n\n /** Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, `false` by default */\n withAsterisk?: boolean;\n\n /** Props passed down to the `Input.Label` component */\n labelProps?: Record<string, any>;\n\n /** Props passed down to the `Input.Description` component */\n descriptionProps?: Record<string, any>;\n\n /** Props passed down to the `InputError` component */\n errorProps?: Record<string, any>;\n\n /** Input container component, defaults to `React.Fragment` */\n inputContainer?(children: React.ReactNode): React.ReactNode;\n\n /** Controls order of the elements, `['label', 'description', 'input', 'error']` by default */\n inputWrapperOrder?: ('label' | 'input' | 'description' | 'error')[];\n}\n\nexport interface InputWrapperProps\n extends __InputWrapperProps,\n BoxProps,\n StylesApiProps<InputWrapperFactory>,\n ElementProps<'div'> {\n __staticSelector?: string;\n\n /** Props passed to Styles API context, replaces Input.Wrapper props */\n __stylesApiProps?: Record<string, any>;\n\n /** Static id used as base to generate `aria-` attributes, by default generates random id */\n id?: string;\n\n /** Controls size of `Input.Label`, `Input.Description` and `Input.Error` components */\n size?: MantineSize | (string & {});\n\n /** `Input.Label` root element, `'label'` by default */\n labelElement?: 'label' | 'div';\n}\n\nexport type InputWrapperFactory = Factory<{\n props: InputWrapperProps;\n ref: HTMLDivElement;\n stylesNames: InputWrapperStylesNames;\n vars: InputWrapperCssVariables;\n}>;\n\nconst defaultProps: Partial<InputWrapperProps> = {\n labelElement: 'label',\n size: 'sm',\n inputContainer: (children) => children,\n inputWrapperOrder: ['label', 'description', 'input', 'error'],\n};\n\nconst varsResolver = createVarsResolver<InputWrapperFactory>((_, { size }) => ({\n label: {\n '--input-label-size': getFontSize(size),\n '--input-asterisk-color': 'var(--mantine-color-red-filled)',\n },\n\n error: {\n '--input-error-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n\n description: {\n '--input-description-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputWrapper = factory<InputWrapperFactory>((_props, ref) => {\n const props = useProps('InputWrapper', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n size,\n variant,\n __staticSelector,\n inputContainer,\n inputWrapperOrder,\n label,\n error,\n description,\n labelProps,\n descriptionProps,\n errorProps,\n labelElement,\n children,\n withAsterisk,\n id,\n required,\n __stylesApiProps,\n ...others\n } = props;\n\n const getStyles = useStyles<InputWrapperFactory>({\n name: ['InputWrapper', __staticSelector],\n props: __stylesApiProps || props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const sharedProps = {\n size,\n variant,\n __staticSelector,\n };\n\n const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;\n const errorId = id ? `${id}-error` : errorProps?.id;\n const descriptionId = id ? `${id}-description` : descriptionProps?.id;\n const hasError = !!error && typeof error !== 'boolean';\n const hasDescription = !!description;\n const _describedBy = `${hasError ? errorId : ''} ${hasDescription ? descriptionId : ''}`;\n const describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : undefined;\n\n const _label = label && (\n <InputLabel\n key=\"label\"\n labelElement={labelElement}\n id={id ? `${id}-label` : undefined}\n htmlFor={id}\n required={isRequired}\n {...sharedProps}\n {...labelProps}\n >\n {label}\n </InputLabel>\n );\n\n const _description = hasDescription && (\n <InputDescription\n key=\"description\"\n {...descriptionProps}\n {...sharedProps}\n size={descriptionProps?.size || sharedProps.size}\n id={descriptionProps?.id || descriptionId}\n >\n {description}\n </InputDescription>\n );\n\n const _input = <React.Fragment key=\"input\">{inputContainer!(children)}</React.Fragment>;\n\n const _error = hasError && (\n <InputError\n {...errorProps}\n {...sharedProps}\n size={errorProps?.size || sharedProps.size}\n key=\"error\"\n id={errorProps?.id || errorId}\n >\n {error}\n </InputError>\n );\n\n const content = inputWrapperOrder!.map((part) => {\n switch (part) {\n case 'label':\n return _label;\n case 'input':\n return _input;\n case 'description':\n return _description;\n case 'error':\n return _error;\n default:\n return null;\n }\n });\n\n return (\n <InputWrapperProvider\n value={{\n getStyles,\n describedBy,\n ...getInputOffsets(inputWrapperOrder!, { hasDescription, hasError }),\n }}\n >\n <Box ref={ref} variant={variant} size={size} {...getStyles('root')} {...others}>\n {content}\n </Box>\n </InputWrapperProvider>\n );\n});\n\nInputWrapper.classes = classes;\nInputWrapper.displayName = '@mantine/core/InputWrapper';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"InputWrapper.js","sources":["../../../../src/components/Input/InputWrapper/InputWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n MantineSize,\n Factory,\n createVarsResolver,\n getFontSize,\n rem,\n} from '../../../core';\nimport {\n InputLabel,\n InputLabelStylesNames,\n InputLabelCssVariables,\n} from '../InputLabel/InputLabel';\nimport {\n InputDescription,\n InputDescriptionStylesNames,\n InputDescriptionCssVariables,\n} from '../InputDescription/InputDescription';\nimport {\n InputError,\n InputErrorStylesNames,\n InputErrorCssVariables,\n} from '../InputError/InputError';\nimport { InputWrapperProvider } from '../InputWrapper.context';\nimport { getInputOffsets } from './get-input-offsets/get-input-offsets';\nimport classes from './InputWrapper.module.css';\n\nexport type InputWrapperCssVariables = InputLabelCssVariables &\n InputErrorCssVariables &\n InputDescriptionCssVariables;\n\nexport type InputWrapperStylesNames =\n | 'root'\n | InputLabelStylesNames\n | InputDescriptionStylesNames\n | InputErrorStylesNames;\n\nexport interface __InputWrapperProps {\n /** Contents of `Input.Label` component, if not set, label is not rendered. */\n label?: React.ReactNode;\n\n /** Contents of `Input.Description` component, if not set, description is not rendered. */\n description?: React.ReactNode;\n\n /** Contents of `Input.Error` component, if not set, error is not rendered. */\n error?: React.ReactNode;\n\n /** Adds required attribute to the input and a red asterisk on the right side of label, `false` by default */\n required?: boolean;\n\n /** Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, `false` by default */\n withAsterisk?: boolean;\n\n /** Props passed down to the `Input.Label` component */\n labelProps?: Record<string, any>;\n\n /** Props passed down to the `Input.Description` component */\n descriptionProps?: Record<string, any>;\n\n /** Props passed down to the `InputError` component */\n errorProps?: Record<string, any>;\n\n /** Input container component, defaults to `React.Fragment` */\n inputContainer?(children: React.ReactNode): React.ReactNode;\n\n /** Controls order of the elements, `['label', 'description', 'input', 'error']` by default */\n inputWrapperOrder?: ('label' | 'input' | 'description' | 'error')[];\n}\n\nexport interface InputWrapperProps\n extends __InputWrapperProps,\n BoxProps,\n StylesApiProps<InputWrapperFactory>,\n ElementProps<'div'> {\n __staticSelector?: string;\n\n /** Props passed to Styles API context, replaces Input.Wrapper props */\n __stylesApiProps?: Record<string, any>;\n\n /** Static id used as base to generate `aria-` attributes, by default generates random id */\n id?: string;\n\n /** Controls size of `Input.Label`, `Input.Description` and `Input.Error` components */\n size?: MantineSize | (string & {});\n\n /** `Input.Label` root element, `'label'` by default */\n labelElement?: 'label' | 'div';\n}\n\nexport type InputWrapperFactory = Factory<{\n props: InputWrapperProps;\n ref: HTMLDivElement;\n stylesNames: InputWrapperStylesNames;\n vars: InputWrapperCssVariables;\n}>;\n\nconst defaultProps: Partial<InputWrapperProps> = {\n labelElement: 'label',\n size: 'sm',\n inputContainer: (children) => children,\n inputWrapperOrder: ['label', 'description', 'input', 'error'],\n};\n\nconst varsResolver = createVarsResolver<InputWrapperFactory>((_, { size }) => ({\n label: {\n '--input-label-size': getFontSize(size),\n '--input-asterisk-color': 'var(--mantine-color-red-filled)',\n },\n\n error: {\n '--input-error-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n\n description: {\n '--input-description-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputWrapper = factory<InputWrapperFactory>((_props, ref) => {\n const props = useProps('InputWrapper', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n size,\n variant,\n __staticSelector,\n inputContainer,\n inputWrapperOrder,\n label,\n error,\n description,\n labelProps,\n descriptionProps,\n errorProps,\n labelElement,\n children,\n withAsterisk,\n id,\n required,\n __stylesApiProps,\n ...others\n } = props;\n\n const getStyles = useStyles<InputWrapperFactory>({\n name: ['InputWrapper', __staticSelector],\n props: __stylesApiProps || props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const sharedProps = {\n size,\n variant,\n __staticSelector,\n };\n\n const idBase = useId(id);\n const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;\n const errorId = errorProps?.id || `${idBase}-error`;\n const descriptionId = descriptionProps?.id || `${idBase}-description`;\n const inputId = `${idBase}-input`;\n const hasError = !!error && typeof error !== 'boolean';\n const hasDescription = !!description;\n const _describedBy = `${hasError ? errorId : ''} ${hasDescription ? descriptionId : ''}`;\n const describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : undefined;\n\n const _label = label && (\n <InputLabel\n key=\"label\"\n labelElement={labelElement}\n id={`${idBase}-label`}\n htmlFor={inputId}\n required={isRequired}\n {...sharedProps}\n {...labelProps}\n >\n {label}\n </InputLabel>\n );\n\n const _description = hasDescription && (\n <InputDescription\n key=\"description\"\n {...descriptionProps}\n {...sharedProps}\n size={descriptionProps?.size || sharedProps.size}\n id={descriptionProps?.id || descriptionId}\n >\n {description}\n </InputDescription>\n );\n\n const _input = <React.Fragment key=\"input\">{inputContainer!(children)}</React.Fragment>;\n\n const _error = hasError && (\n <InputError\n {...errorProps}\n {...sharedProps}\n size={errorProps?.size || sharedProps.size}\n key=\"error\"\n id={errorProps?.id || errorId}\n >\n {error}\n </InputError>\n );\n\n const content = inputWrapperOrder!.map((part) => {\n switch (part) {\n case 'label':\n return _label;\n case 'input':\n return _input;\n case 'description':\n return _description;\n case 'error':\n return _error;\n default:\n return null;\n }\n });\n\n return (\n <InputWrapperProvider\n value={{\n getStyles,\n describedBy,\n inputId,\n ...getInputOffsets(inputWrapperOrder!, { hasDescription, hasError }),\n }}\n >\n <Box ref={ref} variant={variant} size={size} {...getStyles('root')} {...others}>\n {content}\n </Box>\n </InputWrapperProvider>\n );\n});\n\nInputWrapper.classes = classes;\nInputWrapper.displayName = '@mantine/core/InputWrapper';\n"],"names":[],"mappings":"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"}
@@ -1,13 +1,12 @@
1
- import { useContext, createContext } from 'react';
1
+ import { createOptionalContext } from '../../core/utils/create-optional-context/create-optional-context.js';
2
2
 
3
- const InputWrapperContext = createContext({
3
+ const [InputWrapperProvider, useInputWrapperContext] = createOptionalContext({
4
4
  offsetBottom: false,
5
5
  offsetTop: false,
6
6
  describedBy: void 0,
7
- getStyles: null
7
+ getStyles: null,
8
+ inputId: void 0
8
9
  });
9
- const InputWrapperProvider = InputWrapperContext.Provider;
10
- const useInputWrapperContext = () => useContext(InputWrapperContext);
11
10
 
12
11
  export { InputWrapperProvider, useInputWrapperContext };
13
12
  //# sourceMappingURL=InputWrapper.context.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputWrapper.context.js","sources":["../../../src/components/Input/InputWrapper.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { GetStylesApi } from '../../core';\nimport type { InputWrapperFactory } from './InputWrapper/InputWrapper';\n\ninterface InputWrapperContextValue {\n offsetTop: boolean;\n offsetBottom: boolean;\n describedBy: string | undefined;\n getStyles: GetStylesApi<InputWrapperFactory> | null;\n}\n\nconst InputWrapperContext = createContext<InputWrapperContextValue>({\n offsetBottom: false,\n offsetTop: false,\n describedBy: undefined,\n getStyles: null,\n});\n\nexport const InputWrapperProvider = InputWrapperContext.Provider;\nexport const useInputWrapperContext = () => useContext(InputWrapperContext);\n"],"names":[],"mappings":";;AACA,MAAM,mBAAmB,GAAG,aAAa,CAAC;AAC1C,EAAE,YAAY,EAAE,KAAK;AACrB,EAAE,SAAS,EAAE,KAAK;AAClB,EAAE,WAAW,EAAE,KAAK,CAAC;AACrB,EAAE,SAAS,EAAE,IAAI;AACjB,CAAC,CAAC,CAAC;AACS,MAAC,oBAAoB,GAAG,mBAAmB,CAAC,SAAS;AACrD,MAAC,sBAAsB,GAAG,MAAM,UAAU,CAAC,mBAAmB;;;;"}
1
+ {"version":3,"file":"InputWrapper.context.js","sources":["../../../src/components/Input/InputWrapper.context.ts"],"sourcesContent":["import { GetStylesApi, createOptionalContext } from '../../core';\nimport type { InputWrapperFactory } from './InputWrapper/InputWrapper';\n\ninterface InputWrapperContextValue {\n offsetTop: boolean;\n offsetBottom: boolean;\n describedBy: string | undefined;\n inputId: string | undefined;\n getStyles: GetStylesApi<InputWrapperFactory> | null;\n}\n\nexport const [InputWrapperProvider, useInputWrapperContext] =\n createOptionalContext<InputWrapperContextValue>({\n offsetBottom: false,\n offsetTop: false,\n describedBy: undefined,\n getStyles: null,\n inputId: undefined,\n });\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,GAAG,qBAAqB,CAAC;AACpF,EAAE,YAAY,EAAE,KAAK;AACrB,EAAE,SAAS,EAAE,KAAK;AAClB,EAAE,WAAW,EAAE,KAAK,CAAC;AACrB,EAAE,SAAS,EAAE,IAAI;AACjB,EAAE,OAAO,EAAE,KAAK,CAAC;AACjB,CAAC;;;;"}
@@ -1,4 +1,3 @@
1
- import { useId } from '@mantine/hooks';
2
1
  import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
3
2
  import { extractStyleProps } from '../../core/Box/style-props/extract-style-props/extract-style-props.js';
4
3
 
@@ -82,7 +81,6 @@ function useInputProps(component, defaultProps, _props) {
82
81
  "variant",
83
82
  "vars"
84
83
  ]);
85
- const uid = useId(id);
86
84
  const { styleProps, rest } = extractStyleProps(others);
87
85
  const wrapperProps = __spreadValues({
88
86
  label,
@@ -98,7 +96,6 @@ function useInputProps(component, defaultProps, _props) {
98
96
  descriptionProps,
99
97
  unstyled,
100
98
  styles,
101
- id: uid,
102
99
  size,
103
100
  style,
104
101
  inputContainer,
@@ -116,7 +113,6 @@ function useInputProps(component, defaultProps, _props) {
116
113
  classNames,
117
114
  styles,
118
115
  unstyled,
119
- id: uid,
120
116
  size,
121
117
  __staticSelector,
122
118
  __stylesApiProps: __stylesApiProps || props,
@@ -1 +1 @@
1
- {"version":3,"file":"use-input-props.js","sources":["../../../src/components/Input/use-input-props.ts"],"sourcesContent":["import { useId } from '@mantine/hooks';\nimport { extractStyleProps, useProps, BoxProps, StylesApiProps } from '../../core';\nimport { __BaseInputProps } from './Input';\n\ninterface BaseProps\n extends __BaseInputProps,\n BoxProps,\n StylesApiProps<{ props: any; stylesNames: string }> {\n __staticSelector?: string;\n __stylesApiProps?: Record<string, any>;\n id?: string;\n}\n\nexport function useInputProps<T extends BaseProps, U extends Partial<T>>(\n component: string,\n defaultProps: U,\n _props: T\n) {\n const props = useProps<T>(component, defaultProps, _props);\n const {\n label,\n description,\n error,\n required,\n classNames,\n styles,\n className,\n unstyled,\n __staticSelector,\n __stylesApiProps,\n errorProps,\n labelProps,\n descriptionProps,\n wrapperProps: _wrapperProps,\n id,\n size,\n style,\n inputContainer,\n inputWrapperOrder,\n withAsterisk,\n variant,\n vars,\n ...others\n } = props;\n\n const uid = useId(id);\n\n const { styleProps, rest } = extractStyleProps(others);\n\n const wrapperProps = {\n label,\n description,\n error,\n required,\n classNames,\n className,\n __staticSelector,\n __stylesApiProps: __stylesApiProps || props,\n errorProps,\n labelProps,\n descriptionProps,\n unstyled,\n styles,\n id: uid,\n size,\n style,\n inputContainer,\n inputWrapperOrder,\n withAsterisk,\n variant,\n ..._wrapperProps,\n };\n\n return {\n ...rest,\n classNames,\n styles,\n unstyled,\n wrapperProps: { ...wrapperProps, ...styleProps } as typeof wrapperProps & BoxProps,\n inputProps: {\n required,\n classNames,\n styles,\n unstyled,\n id: uid,\n size,\n __staticSelector,\n __stylesApiProps: __stylesApiProps || props,\n error,\n variant,\n },\n };\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"use-input-props.js","sources":["../../../src/components/Input/use-input-props.ts"],"sourcesContent":["import { extractStyleProps, useProps, BoxProps, StylesApiProps } from '../../core';\nimport { __BaseInputProps } from './Input';\n\ninterface BaseProps\n extends __BaseInputProps,\n BoxProps,\n StylesApiProps<{ props: any; stylesNames: string }> {\n __staticSelector?: string;\n __stylesApiProps?: Record<string, any>;\n id?: string;\n}\n\nexport function useInputProps<T extends BaseProps, U extends Partial<T>>(\n component: string,\n defaultProps: U,\n _props: T\n) {\n const props = useProps<T>(component, defaultProps, _props);\n const {\n label,\n description,\n error,\n required,\n classNames,\n styles,\n className,\n unstyled,\n __staticSelector,\n __stylesApiProps,\n errorProps,\n labelProps,\n descriptionProps,\n wrapperProps: _wrapperProps,\n id,\n size,\n style,\n inputContainer,\n inputWrapperOrder,\n withAsterisk,\n variant,\n vars,\n ...others\n } = props;\n\n const { styleProps, rest } = extractStyleProps(others);\n\n const wrapperProps = {\n label,\n description,\n error,\n required,\n classNames,\n className,\n __staticSelector,\n __stylesApiProps: __stylesApiProps || props,\n errorProps,\n labelProps,\n descriptionProps,\n unstyled,\n styles,\n size,\n style,\n inputContainer,\n inputWrapperOrder,\n withAsterisk,\n variant,\n ..._wrapperProps,\n };\n\n return {\n ...rest,\n classNames,\n styles,\n unstyled,\n wrapperProps: { ...wrapperProps, ...styleProps } as typeof wrapperProps & BoxProps,\n inputProps: {\n required,\n classNames,\n styles,\n unstyled,\n size,\n __staticSelector,\n __stylesApiProps: __stylesApiProps || props,\n error,\n variant,\n },\n };\n}\n"],"names":[],"mappings":"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"}
@@ -36,7 +36,8 @@ var __objRest = (source, exclude) => {
36
36
  };
37
37
  const defaultProps = {
38
38
  size: "sm",
39
- __staticSelector: "InputBase"
39
+ __staticSelector: "InputBase",
40
+ withAria: true
40
41
  };
41
42
  const InputBase = polymorphicFactory((props, ref) => {
42
43
  const _a = useInputProps("InputBase", defaultProps, props), { inputProps, wrapperProps } = _a, others = __objRest(_a, ["inputProps", "wrapperProps"]);
@@ -1 +1 @@
1
- {"version":3,"file":"InputBase.js","sources":["../../../src/components/InputBase/InputBase.tsx"],"sourcesContent":["import React from 'react';\nimport { BoxProps, StylesApiProps, polymorphicFactory, PolymorphicFactory } from '../../core';\nimport { __InputStylesNames, __BaseInputProps, InputVariant, useInputProps, Input } from '../Input';\n\nexport interface InputBaseProps\n extends BoxProps,\n __BaseInputProps,\n StylesApiProps<InputBaseFactory> {\n __staticSelector?: string;\n\n /** Props passed to the root element (`Input.Wrapper` component) */\n wrapperProps?: Record<string, any>;\n}\n\nexport type InputBaseFactory = PolymorphicFactory<{\n props: InputBaseProps;\n defaultRef: HTMLInputElement;\n defaultComponent: 'input';\n stylesNames: __InputStylesNames;\n variant: InputVariant;\n}>;\n\nconst defaultProps: Partial<InputBaseProps> = {\n size: 'sm',\n __staticSelector: 'InputBase',\n};\n\nexport const InputBase = polymorphicFactory<InputBaseFactory>((props, ref) => {\n const { inputProps, wrapperProps, ...others } = useInputProps('InputBase', defaultProps, props);\n return (\n <Input.Wrapper {...wrapperProps}>\n <Input {...inputProps} {...others} ref={ref} />\n </Input.Wrapper>\n );\n});\n\nInputBase.classes = { ...Input.classes, ...Input.Wrapper.classes };\nInputBase.displayName = '@mantine/core/InputBase';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"InputBase.js","sources":["../../../src/components/InputBase/InputBase.tsx"],"sourcesContent":["import React from 'react';\nimport { BoxProps, StylesApiProps, polymorphicFactory, PolymorphicFactory } from '../../core';\nimport { __InputStylesNames, __BaseInputProps, InputVariant, useInputProps, Input } from '../Input';\n\nexport interface InputBaseProps\n extends BoxProps,\n __BaseInputProps,\n StylesApiProps<InputBaseFactory> {\n __staticSelector?: string;\n\n /** Props passed to the root element (`Input.Wrapper` component) */\n wrapperProps?: Record<string, any>;\n\n /** Determines whether the input can have multiple lines, for example when `component=\"textarea\"`, `false` by default */\n multiline?: boolean;\n\n /** Determines whether `aria-` and other accessibility attributes should be added to the input, `true` by default */\n withAria?: boolean;\n}\n\nexport type InputBaseFactory = PolymorphicFactory<{\n props: InputBaseProps;\n defaultRef: HTMLInputElement;\n defaultComponent: 'input';\n stylesNames: __InputStylesNames;\n variant: InputVariant;\n}>;\n\nconst defaultProps: Partial<InputBaseProps> = {\n size: 'sm',\n __staticSelector: 'InputBase',\n withAria: true,\n};\n\nexport const InputBase = polymorphicFactory<InputBaseFactory>((props, ref) => {\n const { inputProps, wrapperProps, ...others } = useInputProps('InputBase', defaultProps, props);\n return (\n <Input.Wrapper {...wrapperProps}>\n <Input {...inputProps} {...others} ref={ref} />\n </Input.Wrapper>\n );\n});\n\nInputBase.classes = { ...Input.classes, ...Input.Wrapper.classes };\nInputBase.displayName = '@mantine/core/InputBase';\n"],"names":[],"mappings":"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"}
@@ -3,13 +3,13 @@ import { Bars } from './loaders/Bars.js';
3
3
  import { Oval } from './loaders/Oval.js';
4
4
  import { Dots } from './loaders/Dots.js';
5
5
  import classes from './Loader.module.css.js';
6
- import { factory } from '../../core/factory/factory.js';
7
- import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
8
6
  import { getSize } from '../../core/utils/get-size/get-size.js';
9
7
  import { getThemeColor } from '../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
8
+ import { factory } from '../../core/factory/factory.js';
10
9
  import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
11
10
  import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
12
11
  import { Box } from '../../core/Box/Box.js';
12
+ import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
13
13
 
14
14
  var __defProp = Object.defineProperty;
15
15
  var __defProps = Object.defineProperties;