@mantine/core 7.0.0-alpha.19 → 7.0.0-alpha.20

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 (252) hide show
  1. package/cjs/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js.map +1 -1
  2. package/cjs/components/Blockquote/Blockquote.js +1 -1
  3. package/cjs/components/Button/Button.js.map +1 -1
  4. package/cjs/components/Card/Card.context.js +13 -0
  5. package/cjs/components/Card/Card.context.js.map +1 -0
  6. package/cjs/components/Card/Card.js +88 -0
  7. package/cjs/components/Card/Card.js.map +1 -0
  8. package/cjs/components/Card/Card.module.css.js +8 -0
  9. package/cjs/components/Card/Card.module.css.js.map +1 -0
  10. package/cjs/components/Card/CardSection/CardSection.js +79 -0
  11. package/cjs/components/Card/CardSection/CardSection.js.map +1 -0
  12. package/cjs/components/Collapse/Collapse.js +1 -1
  13. package/cjs/components/FileInput/FileInput.js +156 -0
  14. package/cjs/components/FileInput/FileInput.js.map +1 -0
  15. package/cjs/components/Grid/GridVariables.js.map +1 -1
  16. package/cjs/components/Group/Group.js +15 -4
  17. package/cjs/components/Group/Group.js.map +1 -1
  18. package/cjs/components/Image/Image.js +129 -0
  19. package/cjs/components/Image/Image.js.map +1 -0
  20. package/cjs/components/Image/Image.module.css.js +8 -0
  21. package/cjs/components/Image/Image.module.css.js.map +1 -0
  22. package/cjs/components/Indicator/Indicator.js +134 -0
  23. package/cjs/components/Indicator/Indicator.js.map +1 -0
  24. package/cjs/components/Indicator/Indicator.module.css.js +8 -0
  25. package/cjs/components/Indicator/Indicator.module.css.js.map +1 -0
  26. package/cjs/components/Indicator/get-position-variables/get-position-variables.js +46 -0
  27. package/cjs/components/Indicator/get-position-variables/get-position-variables.js.map +1 -0
  28. package/cjs/components/Input/InputLabel/InputLabel.js +1 -1
  29. package/cjs/components/JsonInput/JsonInput.js +117 -0
  30. package/cjs/components/JsonInput/JsonInput.js.map +1 -0
  31. package/cjs/components/JsonInput/validate-json/validate-json.js +18 -0
  32. package/cjs/components/JsonInput/validate-json/validate-json.js.map +1 -0
  33. package/cjs/components/Modal/Modal.js +5 -3
  34. package/cjs/components/Modal/Modal.js.map +1 -1
  35. package/cjs/components/Modal/ModalRoot.js +1 -1
  36. package/cjs/components/Modal/ModalRoot.js.map +1 -1
  37. package/cjs/components/ModalBase/ModalBaseContent.js.map +1 -1
  38. package/cjs/components/Overlay/Overlay.js +1 -1
  39. package/cjs/components/Paper/Paper.js +1 -1
  40. package/cjs/components/PasswordInput/PasswordInput.js +253 -0
  41. package/cjs/components/PasswordInput/PasswordInput.js.map +1 -0
  42. package/cjs/components/PasswordInput/PasswordInput.module.css.js +8 -0
  43. package/cjs/components/PasswordInput/PasswordInput.module.css.js.map +1 -0
  44. package/cjs/components/PasswordInput/PasswordToggleIcon.js +33 -0
  45. package/cjs/components/PasswordInput/PasswordToggleIcon.js.map +1 -0
  46. package/cjs/components/PinInput/PinInput.js +292 -0
  47. package/cjs/components/PinInput/PinInput.js.map +1 -0
  48. package/cjs/components/PinInput/PinInput.module.css.js +8 -0
  49. package/cjs/components/PinInput/PinInput.module.css.js.map +1 -0
  50. package/cjs/components/PinInput/create-pin-array/create-pin-array.js +20 -0
  51. package/cjs/components/PinInput/create-pin-array/create-pin-array.js.map +1 -0
  52. package/cjs/components/Popover/Popover.js +6 -6
  53. package/cjs/components/Popover/Popover.js.map +1 -1
  54. package/cjs/components/Popover/PopoverTarget/PopoverTarget.js +1 -1
  55. package/cjs/components/ScrollArea/ScrollArea.js +2 -2
  56. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +1 -1
  57. package/cjs/components/Textarea/Textarea.js +73 -0
  58. package/cjs/components/Textarea/Textarea.js.map +1 -0
  59. package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.js +5 -5
  60. package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map +1 -1
  61. package/cjs/components/Tooltip/use-tooltip.js +2 -4
  62. package/cjs/components/Tooltip/use-tooltip.js.map +1 -1
  63. package/cjs/core/Box/Box.js.map +1 -1
  64. package/cjs/core/factory/create-polymorphic-component.js.map +1 -1
  65. package/cjs/core/factory/factory.js.map +1 -1
  66. package/cjs/core/styles-api/use-styles/use-styles.js.map +1 -1
  67. package/cjs/core/utils/get-size/get-size.js +3 -0
  68. package/cjs/core/utils/get-size/get-size.js.map +1 -1
  69. package/cjs/index.css +1281 -1067
  70. package/cjs/index.js +74 -56
  71. package/cjs/index.js.map +1 -1
  72. package/esm/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js.map +1 -1
  73. package/esm/components/Blockquote/Blockquote.js +1 -1
  74. package/esm/components/Button/Button.js.map +1 -1
  75. package/esm/components/Card/Card.context.js +8 -0
  76. package/esm/components/Card/Card.context.js.map +1 -0
  77. package/esm/components/Card/Card.js +80 -0
  78. package/esm/components/Card/Card.js.map +1 -0
  79. package/esm/components/Card/Card.module.css.js +4 -0
  80. package/esm/components/Card/Card.module.css.js.map +1 -0
  81. package/esm/components/Card/CardSection/CardSection.js +71 -0
  82. package/esm/components/Card/CardSection/CardSection.js.map +1 -0
  83. package/esm/components/Collapse/Collapse.js +1 -1
  84. package/esm/components/FileInput/FileInput.js +148 -0
  85. package/esm/components/FileInput/FileInput.js.map +1 -0
  86. package/esm/components/Grid/GridVariables.js.map +1 -1
  87. package/esm/components/Group/Group.js +15 -4
  88. package/esm/components/Group/Group.js.map +1 -1
  89. package/esm/components/Image/Image.js +121 -0
  90. package/esm/components/Image/Image.js.map +1 -0
  91. package/esm/components/Image/Image.module.css.js +4 -0
  92. package/esm/components/Image/Image.module.css.js.map +1 -0
  93. package/esm/components/Indicator/Indicator.js +126 -0
  94. package/esm/components/Indicator/Indicator.js.map +1 -0
  95. package/esm/components/Indicator/Indicator.module.css.js +4 -0
  96. package/esm/components/Indicator/Indicator.module.css.js.map +1 -0
  97. package/esm/components/Indicator/get-position-variables/get-position-variables.js +42 -0
  98. package/esm/components/Indicator/get-position-variables/get-position-variables.js.map +1 -0
  99. package/esm/components/Input/InputLabel/InputLabel.js +1 -1
  100. package/esm/components/JsonInput/JsonInput.js +109 -0
  101. package/esm/components/JsonInput/JsonInput.js.map +1 -0
  102. package/esm/components/JsonInput/validate-json/validate-json.js +14 -0
  103. package/esm/components/JsonInput/validate-json/validate-json.js.map +1 -0
  104. package/esm/components/Modal/Modal.js +5 -3
  105. package/esm/components/Modal/Modal.js.map +1 -1
  106. package/esm/components/Modal/ModalRoot.js +1 -1
  107. package/esm/components/Modal/ModalRoot.js.map +1 -1
  108. package/esm/components/ModalBase/ModalBaseContent.js.map +1 -1
  109. package/esm/components/Overlay/Overlay.js +1 -1
  110. package/esm/components/Paper/Paper.js +1 -1
  111. package/esm/components/PasswordInput/PasswordInput.js +244 -0
  112. package/esm/components/PasswordInput/PasswordInput.js.map +1 -0
  113. package/esm/components/PasswordInput/PasswordInput.module.css.js +4 -0
  114. package/esm/components/PasswordInput/PasswordInput.module.css.js.map +1 -0
  115. package/esm/components/PasswordInput/PasswordToggleIcon.js +25 -0
  116. package/esm/components/PasswordInput/PasswordToggleIcon.js.map +1 -0
  117. package/esm/components/PinInput/PinInput.js +284 -0
  118. package/esm/components/PinInput/PinInput.js.map +1 -0
  119. package/esm/components/PinInput/PinInput.module.css.js +4 -0
  120. package/esm/components/PinInput/PinInput.module.css.js.map +1 -0
  121. package/esm/components/PinInput/create-pin-array/create-pin-array.js +16 -0
  122. package/esm/components/PinInput/create-pin-array/create-pin-array.js.map +1 -0
  123. package/esm/components/Popover/Popover.js +6 -6
  124. package/esm/components/Popover/Popover.js.map +1 -1
  125. package/esm/components/Popover/PopoverTarget/PopoverTarget.js +1 -1
  126. package/esm/components/ScrollArea/ScrollArea.js +2 -2
  127. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +1 -1
  128. package/esm/components/Textarea/Textarea.js +64 -0
  129. package/esm/components/Textarea/Textarea.js.map +1 -0
  130. package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js +5 -5
  131. package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map +1 -1
  132. package/esm/components/Tooltip/use-tooltip.js +2 -4
  133. package/esm/components/Tooltip/use-tooltip.js.map +1 -1
  134. package/esm/core/Box/Box.js.map +1 -1
  135. package/esm/core/factory/create-polymorphic-component.js.map +1 -1
  136. package/esm/core/factory/factory.js.map +1 -1
  137. package/esm/core/styles-api/use-styles/use-styles.js.map +1 -1
  138. package/esm/core/utils/get-size/get-size.js +3 -0
  139. package/esm/core/utils/get-size/get-size.js.map +1 -1
  140. package/esm/index.css +1281 -1067
  141. package/esm/index.js +36 -27
  142. package/esm/index.js.map +1 -1
  143. package/esm/styles/Card.css +1 -0
  144. package/esm/styles/Image.css +1 -0
  145. package/esm/styles/Indicator.css +1 -0
  146. package/esm/styles/Input.css +1 -1
  147. package/esm/styles/Modal.css +1 -1
  148. package/esm/styles/PasswordInput.css +1 -0
  149. package/esm/styles/PinInput.css +1 -0
  150. package/lib/components/Accordion/Accordion.context.d.ts +1 -1
  151. package/lib/components/Accordion/Accordion.d.ts +1 -1
  152. package/lib/components/Accordion/AccordionChevron.d.ts +1 -1
  153. package/lib/components/Accordion/AccordionItem.context.d.ts +1 -1
  154. package/lib/components/AppShell/AppShell.context.d.ts +1 -1
  155. package/lib/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.d.ts +1 -2
  156. package/lib/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.d.ts +1 -1
  157. package/lib/components/AppShell/AppShellMediaStyles/get-variables/get-variables.d.ts +3 -3
  158. package/lib/components/Avatar/AvatarPlaceholderIcon.d.ts +1 -1
  159. package/lib/components/Button/Button.d.ts +3 -0
  160. package/lib/components/Card/Card.context.d.ts +11 -0
  161. package/lib/components/Card/Card.d.ts +56 -0
  162. package/lib/components/Card/CardSection/CardSection.d.ts +35 -0
  163. package/lib/components/Card/index.d.ts +4 -0
  164. package/lib/components/Checkbox/CheckIcon.d.ts +2 -2
  165. package/lib/components/Chip/ChipGroup/ChipGroup.d.ts +1 -1
  166. package/lib/components/Chip/ChipGroup.context.d.ts +1 -1
  167. package/lib/components/ColorPicker/ColorPicker.context.d.ts +1 -1
  168. package/lib/components/ColorPicker/Saturation/Saturation.d.ts +1 -2
  169. package/lib/components/Combobox/Combobox.context.d.ts +1 -1
  170. package/lib/components/Combobox/Combobox.d.ts +1 -1
  171. package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +1 -1
  172. package/lib/components/CopyButton/CopyButton.d.ts +1 -1
  173. package/lib/components/Drawer/Drawer.context.d.ts +1 -1
  174. package/lib/components/FileInput/FileInput.d.ts +45 -0
  175. package/lib/components/FileInput/index.d.ts +2 -0
  176. package/lib/components/Grid/Grid.context.d.ts +1 -1
  177. package/lib/components/Grid/GridCol/GridColVariables.d.ts +1 -2
  178. package/lib/components/Grid/GridVariables.d.ts +1 -2
  179. package/lib/components/Group/Group.d.ts +1 -0
  180. package/lib/components/HoverCard/HoverCard.context.d.ts +1 -1
  181. package/lib/components/HoverCard/HoverCard.d.ts +1 -1
  182. package/lib/components/HoverCard/HoverCardDropdown/HoverCardDropdown.d.ts +1 -1
  183. package/lib/components/Image/Image.d.ts +44 -0
  184. package/lib/components/Image/index.d.ts +2 -0
  185. package/lib/components/Indicator/Indicator.d.ts +44 -0
  186. package/lib/components/Indicator/Indicator.types.d.ts +4 -0
  187. package/lib/components/Indicator/get-position-variables/get-position-variables.d.ts +3 -0
  188. package/lib/components/Indicator/index.d.ts +2 -0
  189. package/lib/components/Input/InputWrapper.context.d.ts +1 -1
  190. package/lib/components/Input/use-input-props.d.ts +50 -40
  191. package/lib/components/JsonInput/JsonInput.d.ts +30 -0
  192. package/lib/components/JsonInput/index.d.ts +2 -0
  193. package/lib/components/JsonInput/validate-json/validate-json.d.ts +1 -0
  194. package/lib/components/Menu/Menu.context.d.ts +1 -1
  195. package/lib/components/Menu/Menu.d.ts +2 -2
  196. package/lib/components/Menu/MenuItem/MenuItem.d.ts +1 -1
  197. package/lib/components/Modal/Modal.context.d.ts +1 -1
  198. package/lib/components/Modal/ModalRoot.d.ts +1 -1
  199. package/lib/components/ModalBase/ModalBase.context.d.ts +1 -1
  200. package/lib/components/ModalBase/ModalBaseContent.d.ts +5 -1
  201. package/lib/components/ModalBase/NativeScrollArea.d.ts +1 -1
  202. package/lib/components/NativeSelect/NativeSelectOption.d.ts +1 -2
  203. package/lib/components/Pagination/Pagination.context.d.ts +1 -1
  204. package/lib/components/Pagination/Pagination.icons.d.ts +5 -5
  205. package/lib/components/Pagination/PaginationItems/PaginationItems.d.ts +1 -2
  206. package/lib/components/PasswordInput/PasswordInput.d.ts +36 -0
  207. package/lib/components/PasswordInput/PasswordToggleIcon.d.ts +6 -0
  208. package/lib/components/PasswordInput/index.d.ts +2 -0
  209. package/lib/components/Pill/PillGroup.context.d.ts +1 -1
  210. package/lib/components/PillsInput/PillsInput.context.d.ts +1 -1
  211. package/lib/components/PinInput/PinInput.d.ts +66 -0
  212. package/lib/components/PinInput/create-pin-array/create-pin-array.d.ts +1 -0
  213. package/lib/components/PinInput/index.d.ts +2 -0
  214. package/lib/components/Popover/Popover.context.d.ts +1 -1
  215. package/lib/components/Popover/Popover.d.ts +1 -1
  216. package/lib/components/Popover/use-popover.d.ts +38 -1
  217. package/lib/components/Portal/OptionalPortal.d.ts +1 -2
  218. package/lib/components/Progress/Progress.context.d.ts +1 -1
  219. package/lib/components/Rating/Rating.context.d.ts +1 -1
  220. package/lib/components/Rating/RatingItem/RatingItem.d.ts +1 -1
  221. package/lib/components/Rating/StarSymbol/StarIcon.d.ts +1 -1
  222. package/lib/components/Rating/StarSymbol/StarSymbol.d.ts +1 -2
  223. package/lib/components/RingProgress/Curve/Curve.d.ts +1 -1
  224. package/lib/components/ScrollArea/ScrollArea.context.d.ts +1 -1
  225. package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.d.ts +1 -1
  226. package/lib/components/SimpleGrid/SimpleGridVariables.d.ts +1 -2
  227. package/lib/components/Slider/Marks/Marks.d.ts +1 -1
  228. package/lib/components/Slider/Slider.context.d.ts +1 -1
  229. package/lib/components/Slider/Track/Track.d.ts +1 -1
  230. package/lib/components/Table/Table.context.d.ts +1 -1
  231. package/lib/components/Tabs/Tabs.context.d.ts +1 -1
  232. package/lib/components/Textarea/Textarea.d.ts +21 -0
  233. package/lib/components/Textarea/index.d.ts +2 -0
  234. package/lib/components/Tooltip/TooltipFloating/use-floating-tooltip.d.ts +3 -3
  235. package/lib/components/Tooltip/TooltipGroup/TooltipGroup.d.ts +1 -1
  236. package/lib/components/Tooltip/use-tooltip.d.ts +4 -4
  237. package/lib/components/Transition/Transition.d.ts +1 -1
  238. package/lib/components/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  239. package/lib/components/index.d.ts +19 -11
  240. package/lib/core/DirectionProvider/DirectionProvider.d.ts +1 -1
  241. package/lib/core/InlineStyles/InlineStyles.d.ts +1 -1
  242. package/lib/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.d.ts +1 -1
  243. package/lib/core/MantineProvider/MantineClasses/MantineClasses.d.ts +1 -2
  244. package/lib/core/MantineProvider/MantineCssVariables/MantineCssVariables.d.ts +1 -2
  245. package/lib/core/MantineProvider/MantineProvider.d.ts +1 -1
  246. package/lib/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.d.ts +1 -1
  247. package/lib/core/factory/factory.d.ts +1 -1
  248. package/lib/core/styles-api/use-styles/use-styles.d.ts +1 -1
  249. package/lib/core/utils/create-optional-context/create-optional-context.d.ts +1 -1
  250. package/lib/core/utils/create-safe-context/create-safe-context.d.ts +1 -1
  251. package/lib/core/utils/get-size/get-size.d.ts +6 -6
  252. package/package.json +9 -9
package/cjs/index.js CHANGED
@@ -71,18 +71,43 @@ var factory = require('./core/factory/factory.js');
71
71
  var polymorphicFactory = require('./core/factory/polymorphic-factory.js');
72
72
  var createPolymorphicComponent = require('./core/factory/create-polymorphic-component.js');
73
73
  var DirectionProvider = require('./core/DirectionProvider/DirectionProvider.js');
74
+ var Collapse = require('./components/Collapse/Collapse.js');
75
+ var ScrollArea = require('./components/ScrollArea/ScrollArea.js');
74
76
  var UnstyledButton = require('./components/UnstyledButton/UnstyledButton.js');
75
77
  var VisuallyHidden = require('./components/VisuallyHidden/VisuallyHidden.js');
78
+ var Paper = require('./components/Paper/Paper.js');
76
79
  var Popover = require('./components/Popover/Popover.js');
77
80
  var PopoverDropdown = require('./components/Popover/PopoverDropdown/PopoverDropdown.js');
78
81
  var PopoverTarget = require('./components/Popover/PopoverTarget/PopoverTarget.js');
82
+ var ActionIcon = require('./components/ActionIcon/ActionIcon.js');
83
+ var ActionIconGroup = require('./components/ActionIcon/ActionIconGroup/ActionIconGroup.js');
84
+ var CloseIcon = require('./components/CloseButton/CloseIcon.js');
85
+ var CloseButton = require('./components/CloseButton/CloseButton.js');
86
+ var Group = require('./components/Group/Group.js');
87
+ var Loader = require('./components/Loader/Loader.js');
88
+ var Overlay = require('./components/Overlay/Overlay.js');
89
+ var ModalBase = require('./components/ModalBase/ModalBase.js');
90
+ var ModalBaseBody = require('./components/ModalBase/ModalBaseBody.js');
91
+ var ModalBaseCloseButton = require('./components/ModalBase/ModalBaseCloseButton.js');
92
+ var ModalBaseContent = require('./components/ModalBase/ModalBaseContent.js');
93
+ var ModalBaseHeader = require('./components/ModalBase/ModalBaseHeader.js');
94
+ var ModalBaseOverlay = require('./components/ModalBase/ModalBaseOverlay.js');
95
+ var ModalBaseTitle = require('./components/ModalBase/ModalBaseTitle.js');
96
+ var NativeScrollArea = require('./components/ModalBase/NativeScrollArea.js');
97
+ var Input = require('./components/Input/Input.js');
98
+ var InputWrapper = require('./components/Input/InputWrapper/InputWrapper.js');
99
+ var InputDescription = require('./components/Input/InputDescription/InputDescription.js');
100
+ var InputError = require('./components/Input/InputError/InputError.js');
101
+ var InputLabel = require('./components/Input/InputLabel/InputLabel.js');
102
+ var InputPlaceholder = require('./components/Input/InputPlaceholder/InputPlaceholder.js');
103
+ var useInputProps = require('./components/Input/use-input-props.js');
104
+ var InputWrapper_context = require('./components/Input/InputWrapper.context.js');
105
+ var InputBase = require('./components/InputBase/InputBase.js');
79
106
  var Accordion = require('./components/Accordion/Accordion.js');
80
107
  var AccordionChevron = require('./components/Accordion/AccordionChevron.js');
81
108
  var AccordionItem = require('./components/Accordion/AccordionItem/AccordionItem.js');
82
109
  var AccordionPanel = require('./components/Accordion/AccordionPanel/AccordionPanel.js');
83
110
  var AccordionControl = require('./components/Accordion/AccordionControl/AccordionControl.js');
84
- var ActionIcon = require('./components/ActionIcon/ActionIcon.js');
85
- var ActionIconGroup = require('./components/ActionIcon/ActionIconGroup/ActionIconGroup.js');
86
111
  var Affix = require('./components/Affix/Affix.js');
87
112
  var Alert = require('./components/Alert/Alert.js');
88
113
  var Anchor = require('./components/Anchor/Anchor.js');
@@ -104,16 +129,15 @@ var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
104
129
  var Burger = require('./components/Burger/Burger.js');
105
130
  var Button = require('./components/Button/Button.js');
106
131
  var ButtonGroup = require('./components/Button/ButtonGroup/ButtonGroup.js');
132
+ var Card = require('./components/Card/Card.js');
133
+ var CardSection = require('./components/Card/CardSection/CardSection.js');
107
134
  var Center = require('./components/Center/Center.js');
108
135
  var Checkbox = require('./components/Checkbox/Checkbox.js');
109
136
  var CheckboxGroup = require('./components/Checkbox/CheckboxGroup/CheckboxGroup.js');
110
137
  var CheckIcon = require('./components/Checkbox/CheckIcon.js');
111
138
  var Chip = require('./components/Chip/Chip.js');
112
139
  var ChipGroup = require('./components/Chip/ChipGroup/ChipGroup.js');
113
- var CloseIcon = require('./components/CloseButton/CloseIcon.js');
114
- var CloseButton = require('./components/CloseButton/CloseButton.js');
115
140
  var Code = require('./components/Code/Code.js');
116
- var Collapse = require('./components/Collapse/Collapse.js');
117
141
  var ColorPicker = require('./components/ColorPicker/ColorPicker.js');
118
142
  var ColorSwatch = require('./components/ColorSwatch/ColorSwatch.js');
119
143
  var getParsedComboboxData = require('./components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js');
@@ -150,6 +174,7 @@ var DrawerOverlay = require('./components/Drawer/DrawerOverlay.js');
150
174
  var DrawerTitle = require('./components/Drawer/DrawerTitle.js');
151
175
  var Fieldset = require('./components/Fieldset/Fieldset.js');
152
176
  var FileButton = require('./components/FileButton/FileButton.js');
177
+ var FileInput = require('./components/FileInput/FileInput.js');
153
178
  var useDelayedHover = require('./components/Floating/use-delayed-hover.js');
154
179
  var useFloatingAutoUpdate = require('./components/Floating/use-floating-auto-update.js');
155
180
  var getFloatingPosition = require('./components/Floating/get-floating-position/get-floating-position.js');
@@ -157,22 +182,14 @@ var FloatingArrow = require('./components/Floating/FloatingArrow/FloatingArrow.j
157
182
  var FocusTrap = require('./components/FocusTrap/FocusTrap.js');
158
183
  var Grid = require('./components/Grid/Grid.js');
159
184
  var GridCol = require('./components/Grid/GridCol/GridCol.js');
160
- var Group = require('./components/Group/Group.js');
161
185
  var Highlight = require('./components/Highlight/Highlight.js');
162
186
  var HoverCard = require('./components/HoverCard/HoverCard.js');
163
187
  var HoverCardDropdown = require('./components/HoverCard/HoverCardDropdown/HoverCardDropdown.js');
164
188
  var HoverCardTarget = require('./components/HoverCard/HoverCardTarget/HoverCardTarget.js');
165
- var Input = require('./components/Input/Input.js');
166
- var InputWrapper = require('./components/Input/InputWrapper/InputWrapper.js');
167
- var InputDescription = require('./components/Input/InputDescription/InputDescription.js');
168
- var InputError = require('./components/Input/InputError/InputError.js');
169
- var InputLabel = require('./components/Input/InputLabel/InputLabel.js');
170
- var InputPlaceholder = require('./components/Input/InputPlaceholder/InputPlaceholder.js');
171
- var useInputProps = require('./components/Input/use-input-props.js');
172
- var InputWrapper_context = require('./components/Input/InputWrapper.context.js');
173
- var InputBase = require('./components/InputBase/InputBase.js');
189
+ var Image = require('./components/Image/Image.js');
190
+ var Indicator = require('./components/Indicator/Indicator.js');
191
+ var JsonInput = require('./components/JsonInput/JsonInput.js');
174
192
  var Kbd = require('./components/Kbd/Kbd.js');
175
- var Loader = require('./components/Loader/Loader.js');
176
193
  var Mark = require('./components/Mark/Mark.js');
177
194
  var Menu = require('./components/Menu/Menu.js');
178
195
  var MenuDivider = require('./components/Menu/MenuDivider/MenuDivider.js');
@@ -188,29 +205,21 @@ var ModalContent = require('./components/Modal/ModalContent.js');
188
205
  var ModalHeader = require('./components/Modal/ModalHeader.js');
189
206
  var ModalOverlay = require('./components/Modal/ModalOverlay.js');
190
207
  var ModalTitle = require('./components/Modal/ModalTitle.js');
191
- var ModalBase = require('./components/ModalBase/ModalBase.js');
192
- var ModalBaseBody = require('./components/ModalBase/ModalBaseBody.js');
193
- var ModalBaseCloseButton = require('./components/ModalBase/ModalBaseCloseButton.js');
194
- var ModalBaseContent = require('./components/ModalBase/ModalBaseContent.js');
195
- var ModalBaseHeader = require('./components/ModalBase/ModalBaseHeader.js');
196
- var ModalBaseOverlay = require('./components/ModalBase/ModalBaseOverlay.js');
197
- var ModalBaseTitle = require('./components/ModalBase/ModalBaseTitle.js');
198
- var NativeScrollArea = require('./components/ModalBase/NativeScrollArea.js');
199
208
  var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
200
209
  var NativeSelect = require('./components/NativeSelect/NativeSelect.js');
201
210
  var Notification = require('./components/Notification/Notification.js');
202
- var Overlay = require('./components/Overlay/Overlay.js');
203
211
  var Pagination = require('./components/Pagination/Pagination.js');
204
212
  var PaginationControl = require('./components/Pagination/PaginationControl/PaginationControl.js');
205
213
  var PaginationDots = require('./components/Pagination/PaginationDots/PaginationDots.js');
206
214
  var PaginationEdges = require('./components/Pagination/PaginationEdges/PaginationEdges.js');
207
215
  var PaginationItems = require('./components/Pagination/PaginationItems/PaginationItems.js');
208
216
  var PaginationRoot = require('./components/Pagination/PaginationRoot/PaginationRoot.js');
209
- var Paper = require('./components/Paper/Paper.js');
217
+ var PasswordInput = require('./components/PasswordInput/PasswordInput.js');
210
218
  var Pill = require('./components/Pill/Pill.js');
211
219
  var PillGroup = require('./components/Pill/PillGroup/PillGroup.js');
212
220
  var PillsInput = require('./components/PillsInput/PillsInput.js');
213
221
  var PillsInputField = require('./components/PillsInput/PillsInputField/PillsInputField.js');
222
+ var PinInput = require('./components/PinInput/PinInput.js');
214
223
  var Portal = require('./components/Portal/Portal.js');
215
224
  var OptionalPortal = require('./components/Portal/OptionalPortal.js');
216
225
  var Progress = require('./components/Progress/Progress.js');
@@ -219,7 +228,6 @@ var ProgressRoot = require('./components/Progress/ProgressRoot/ProgressRoot.js')
219
228
  var ProgressSection = require('./components/Progress/ProgressSection/ProgressSection.js');
220
229
  var Rating = require('./components/Rating/Rating.js');
221
230
  var RingProgress = require('./components/RingProgress/RingProgress.js');
222
- var ScrollArea = require('./components/ScrollArea/ScrollArea.js');
223
231
  var SegmentedControl = require('./components/SegmentedControl/SegmentedControl.js');
224
232
  var Select = require('./components/Select/Select.js');
225
233
  var SimpleGrid = require('./components/SimpleGrid/SimpleGrid.js');
@@ -239,6 +247,7 @@ var TabsTab = require('./components/Tabs/TabsTab/TabsTab.js');
239
247
  var TabsPanel = require('./components/Tabs/TabsPanel/TabsPanel.js');
240
248
  var TagsInput = require('./components/TagsInput/TagsInput.js');
241
249
  var Text = require('./components/Text/Text.js');
250
+ var Textarea = require('./components/Textarea/Textarea.js');
242
251
  var TextInput = require('./components/TextInput/TextInput.js');
243
252
  var Title = require('./components/Title/Title.js');
244
253
  var Tooltip = require('./components/Tooltip/Tooltip.js');
@@ -335,18 +344,45 @@ exports.createPolymorphicComponent = createPolymorphicComponent.createPolymorphi
335
344
  exports.DirectionContext = DirectionProvider.DirectionContext;
336
345
  exports.DirectionProvider = DirectionProvider.DirectionProvider;
337
346
  exports.useDirection = DirectionProvider.useDirection;
347
+ exports.Collapse = Collapse.Collapse;
348
+ exports.ScrollArea = ScrollArea.ScrollArea;
349
+ exports.ScrollAreaAutosize = ScrollArea.ScrollAreaAutosize;
338
350
  exports.UnstyledButton = UnstyledButton.UnstyledButton;
339
351
  exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
352
+ exports.Paper = Paper.Paper;
340
353
  exports.Popover = Popover.Popover;
341
354
  exports.PopoverDropdown = PopoverDropdown.PopoverDropdown;
342
355
  exports.PopoverTarget = PopoverTarget.PopoverTarget;
356
+ exports.ActionIcon = ActionIcon.ActionIcon;
357
+ exports.ActionIconGroup = ActionIconGroup.ActionIconGroup;
358
+ exports.CloseIcon = CloseIcon.CloseIcon;
359
+ exports.CloseButton = CloseButton.CloseButton;
360
+ exports.Group = Group.Group;
361
+ exports.Loader = Loader.Loader;
362
+ exports.defaultLoaders = Loader.defaultLoaders;
363
+ exports.Overlay = Overlay.Overlay;
364
+ exports.ModalBase = ModalBase.ModalBase;
365
+ exports.ModalBaseBody = ModalBaseBody.ModalBaseBody;
366
+ exports.ModalBaseCloseButton = ModalBaseCloseButton.ModalBaseCloseButton;
367
+ exports.ModalBaseContent = ModalBaseContent.ModalBaseContent;
368
+ exports.ModalBaseHeader = ModalBaseHeader.ModalBaseHeader;
369
+ exports.ModalBaseOverlay = ModalBaseOverlay.ModalBaseOverlay;
370
+ exports.ModalBaseTitle = ModalBaseTitle.ModalBaseTitle;
371
+ exports.NativeScrollArea = NativeScrollArea.NativeScrollArea;
372
+ exports.Input = Input.Input;
373
+ exports.InputWrapper = InputWrapper.InputWrapper;
374
+ exports.InputDescription = InputDescription.InputDescription;
375
+ exports.InputError = InputError.InputError;
376
+ exports.InputLabel = InputLabel.InputLabel;
377
+ exports.InputPlaceholder = InputPlaceholder.InputPlaceholder;
378
+ exports.useInputProps = useInputProps.useInputProps;
379
+ exports.useInputWrapperContext = InputWrapper_context.useInputWrapperContext;
380
+ exports.InputBase = InputBase.InputBase;
343
381
  exports.Accordion = Accordion.Accordion;
344
382
  exports.AccordionChevron = AccordionChevron.AccordionChevron;
345
383
  exports.AccordionItem = AccordionItem.AccordionItem;
346
384
  exports.AccordionPanel = AccordionPanel.AccordionPanel;
347
385
  exports.AccordionControl = AccordionControl.AccordionControl;
348
- exports.ActionIcon = ActionIcon.ActionIcon;
349
- exports.ActionIconGroup = ActionIconGroup.ActionIconGroup;
350
386
  exports.Affix = Affix.Affix;
351
387
  exports.Alert = Alert.Alert;
352
388
  exports.Anchor = Anchor.Anchor;
@@ -368,16 +404,15 @@ exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
368
404
  exports.Burger = Burger.Burger;
369
405
  exports.Button = Button.Button;
370
406
  exports.ButtonGroup = ButtonGroup.ButtonGroup;
407
+ exports.Card = Card.Card;
408
+ exports.CardSection = CardSection.CardSection;
371
409
  exports.Center = Center.Center;
372
410
  exports.Checkbox = Checkbox.Checkbox;
373
411
  exports.CheckboxGroup = CheckboxGroup.CheckboxGroup;
374
412
  exports.CheckIcon = CheckIcon.CheckIcon;
375
413
  exports.Chip = Chip.Chip;
376
414
  exports.ChipGroup = ChipGroup.ChipGroup;
377
- exports.CloseIcon = CloseIcon.CloseIcon;
378
- exports.CloseButton = CloseButton.CloseButton;
379
415
  exports.Code = Code.Code;
380
- exports.Collapse = Collapse.Collapse;
381
416
  exports.ColorPicker = ColorPicker.ColorPicker;
382
417
  exports.ColorSwatch = ColorSwatch.ColorSwatch;
383
418
  exports.getParsedComboboxData = getParsedComboboxData.getParsedComboboxData;
@@ -415,6 +450,7 @@ exports.DrawerOverlay = DrawerOverlay.DrawerOverlay;
415
450
  exports.DrawerTitle = DrawerTitle.DrawerTitle;
416
451
  exports.Fieldset = Fieldset.Fieldset;
417
452
  exports.FileButton = FileButton.FileButton;
453
+ exports.FileInput = FileInput.FileInput;
418
454
  exports.useDelayedHover = useDelayedHover.useDelayedHover;
419
455
  exports.useFloatingAutoUpdate = useFloatingAutoUpdate.useFloatingAutoUpdate;
420
456
  exports.getFloatingPosition = getFloatingPosition.getFloatingPosition;
@@ -422,23 +458,14 @@ exports.FloatingArrow = FloatingArrow.FloatingArrow;
422
458
  exports.FocusTrap = FocusTrap.FocusTrap;
423
459
  exports.Grid = Grid.Grid;
424
460
  exports.GridCol = GridCol.GridCol;
425
- exports.Group = Group.Group;
426
461
  exports.Highlight = Highlight.Highlight;
427
462
  exports.HoverCard = HoverCard.HoverCard;
428
463
  exports.HoverCardDropdown = HoverCardDropdown.HoverCardDropdown;
429
464
  exports.HoverCardTarget = HoverCardTarget.HoverCardTarget;
430
- exports.Input = Input.Input;
431
- exports.InputWrapper = InputWrapper.InputWrapper;
432
- exports.InputDescription = InputDescription.InputDescription;
433
- exports.InputError = InputError.InputError;
434
- exports.InputLabel = InputLabel.InputLabel;
435
- exports.InputPlaceholder = InputPlaceholder.InputPlaceholder;
436
- exports.useInputProps = useInputProps.useInputProps;
437
- exports.useInputWrapperContext = InputWrapper_context.useInputWrapperContext;
438
- exports.InputBase = InputBase.InputBase;
465
+ exports.Image = Image.Image;
466
+ exports.Indicator = Indicator.Indicator;
467
+ exports.JsonInput = JsonInput.JsonInput;
439
468
  exports.Kbd = Kbd.Kbd;
440
- exports.Loader = Loader.Loader;
441
- exports.defaultLoaders = Loader.defaultLoaders;
442
469
  exports.Mark = Mark.Mark;
443
470
  exports.Menu = Menu.Menu;
444
471
  exports.MenuDivider = MenuDivider.MenuDivider;
@@ -454,18 +481,9 @@ exports.ModalContent = ModalContent.ModalContent;
454
481
  exports.ModalHeader = ModalHeader.ModalHeader;
455
482
  exports.ModalOverlay = ModalOverlay.ModalOverlay;
456
483
  exports.ModalTitle = ModalTitle.ModalTitle;
457
- exports.ModalBase = ModalBase.ModalBase;
458
- exports.ModalBaseBody = ModalBaseBody.ModalBaseBody;
459
- exports.ModalBaseCloseButton = ModalBaseCloseButton.ModalBaseCloseButton;
460
- exports.ModalBaseContent = ModalBaseContent.ModalBaseContent;
461
- exports.ModalBaseHeader = ModalBaseHeader.ModalBaseHeader;
462
- exports.ModalBaseOverlay = ModalBaseOverlay.ModalBaseOverlay;
463
- exports.ModalBaseTitle = ModalBaseTitle.ModalBaseTitle;
464
- exports.NativeScrollArea = NativeScrollArea.NativeScrollArea;
465
484
  exports.MultiSelect = MultiSelect.MultiSelect;
466
485
  exports.NativeSelect = NativeSelect.NativeSelect;
467
486
  exports.Notification = Notification.Notification;
468
- exports.Overlay = Overlay.Overlay;
469
487
  exports.Pagination = Pagination.Pagination;
470
488
  exports.PaginationControl = PaginationControl.PaginationControl;
471
489
  exports.PaginationDots = PaginationDots.PaginationDots;
@@ -475,11 +493,12 @@ exports.PaginationNext = PaginationEdges.PaginationNext;
475
493
  exports.PaginationPrevious = PaginationEdges.PaginationPrevious;
476
494
  exports.PaginationItems = PaginationItems.PaginationItems;
477
495
  exports.PaginationRoot = PaginationRoot.PaginationRoot;
478
- exports.Paper = Paper.Paper;
496
+ exports.PasswordInput = PasswordInput.PasswordInput;
479
497
  exports.Pill = Pill.Pill;
480
498
  exports.PillGroup = PillGroup.PillGroup;
481
499
  exports.PillsInput = PillsInput.PillsInput;
482
500
  exports.PillsInputField = PillsInputField.PillsInputField;
501
+ exports.PinInput = PinInput.PinInput;
483
502
  exports.Portal = Portal.Portal;
484
503
  exports.OptionalPortal = OptionalPortal.OptionalPortal;
485
504
  exports.Progress = Progress.Progress;
@@ -488,8 +507,6 @@ exports.ProgressRoot = ProgressRoot.ProgressRoot;
488
507
  exports.ProgressSection = ProgressSection.ProgressSection;
489
508
  exports.Rating = Rating.Rating;
490
509
  exports.RingProgress = RingProgress.RingProgress;
491
- exports.ScrollArea = ScrollArea.ScrollArea;
492
- exports.ScrollAreaAutosize = ScrollArea.ScrollAreaAutosize;
493
510
  exports.SegmentedControl = SegmentedControl.SegmentedControl;
494
511
  exports.Select = Select.Select;
495
512
  exports.SimpleGrid = SimpleGrid.SimpleGrid;
@@ -515,6 +532,7 @@ exports.TabsTab = TabsTab.TabsTab;
515
532
  exports.TabsPanel = TabsPanel.TabsPanel;
516
533
  exports.TagsInput = TagsInput.TagsInput;
517
534
  exports.Text = Text.Text;
535
+ exports.Textarea = Textarea.Textarea;
518
536
  exports.TextInput = TextInput.TextInput;
519
537
  exports.Title = Title.Title;
520
538
  exports.Tooltip = Tooltip.Tooltip;
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"get-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-variables/get-variables.ts"],"sourcesContent":["import { MantineTheme, em, keys, getSortedBreakpoints } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { assignAsideVariables } from '../assign-aside-variables/assign-aside-variables';\nimport { assignFooterVariables } from '../assign-footer-variables/assign-footer-variables';\nimport { assignHeaderVariables } from '../assign-header-variables/assign-header-variables';\nimport { assignNavbarVariables } from '../assign-navbar-variables/assign-navbar-variables';\nimport { assignPaddingVariables } from '../assign-padding-variables/assign-padding-variables';\n\nexport type CSSVariables = Record<`--${string}`, string>;\nexport type MediaQueryVariables = Record<string, Record<`--${string}`, string>>;\n\ninterface GetVariablesInput {\n navbar: AppShellProps['navbar'] | undefined;\n header: AppShellProps['header'] | undefined;\n footer: AppShellProps['footer'] | undefined;\n aside: AppShellProps['aside'] | undefined;\n padding: AppShellProps['padding'] | undefined;\n theme: MantineTheme;\n}\n\nexport function getVariables({ navbar, header, footer, aside, padding, theme }: GetVariablesInput) {\n const minMediaStyles: MediaQueryVariables = {};\n const maxMediaStyles: MediaQueryVariables = {};\n const baseStyles: CSSVariables = {};\n\n assignNavbarVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n navbar,\n theme,\n });\n\n assignAsideVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n aside,\n theme,\n });\n\n assignHeaderVariables({ baseStyles, minMediaStyles, header });\n assignFooterVariables({ baseStyles, minMediaStyles, footer });\n assignPaddingVariables({ baseStyles, minMediaStyles, padding });\n\n const minMedia = getSortedBreakpoints(keys(minMediaStyles), theme).map((breakpoint) => ({\n query: `(min-width: ${em(breakpoint.px)})`,\n styles: minMediaStyles[breakpoint.value],\n }));\n\n const maxMedia = getSortedBreakpoints(keys(maxMediaStyles), theme).map((breakpoint) => ({\n query: `(max-width: ${em(breakpoint.px)})`,\n styles: maxMediaStyles[breakpoint.value],\n }));\n\n const media = [...minMedia, ...maxMedia];\n\n return { baseStyles, media };\n}\n"],"names":[],"mappings":";;;;;;;;;AAMO,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;AAChF,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC;AACxB,EAAE,qBAAqB,CAAC;AACxB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,oBAAoB,CAAC;AACvB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,KAAK;AACT,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAE,sBAAsB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC;AAClE,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9C,IAAI,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC;AAC5C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9C,IAAI,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC;AAC5C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,KAAK,GAAG,CAAC,GAAG,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC;AAC3C,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC/B;;;;"}
1
+ {"version":3,"file":"get-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-variables/get-variables.ts"],"sourcesContent":["import { MantineTheme, em, keys, getSortedBreakpoints } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { assignAsideVariables } from '../assign-aside-variables/assign-aside-variables';\nimport { assignFooterVariables } from '../assign-footer-variables/assign-footer-variables';\nimport { assignHeaderVariables } from '../assign-header-variables/assign-header-variables';\nimport { assignNavbarVariables } from '../assign-navbar-variables/assign-navbar-variables';\nimport { assignPaddingVariables } from '../assign-padding-variables/assign-padding-variables';\n\nexport type CSSVariables = Record<`--${string}`, string | undefined>;\nexport type MediaQueryVariables = Record<string, Record<`--${string}`, string | undefined>>;\n\ninterface GetVariablesInput {\n navbar: AppShellProps['navbar'] | undefined;\n header: AppShellProps['header'] | undefined;\n footer: AppShellProps['footer'] | undefined;\n aside: AppShellProps['aside'] | undefined;\n padding: AppShellProps['padding'] | undefined;\n theme: MantineTheme;\n}\n\nexport function getVariables({ navbar, header, footer, aside, padding, theme }: GetVariablesInput) {\n const minMediaStyles: MediaQueryVariables = {};\n const maxMediaStyles: MediaQueryVariables = {};\n const baseStyles: CSSVariables = {};\n\n assignNavbarVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n navbar,\n theme,\n });\n\n assignAsideVariables({\n baseStyles,\n minMediaStyles,\n maxMediaStyles,\n aside,\n theme,\n });\n\n assignHeaderVariables({ baseStyles, minMediaStyles, header });\n assignFooterVariables({ baseStyles, minMediaStyles, footer });\n assignPaddingVariables({ baseStyles, minMediaStyles, padding });\n\n const minMedia = getSortedBreakpoints(keys(minMediaStyles), theme).map((breakpoint) => ({\n query: `(min-width: ${em(breakpoint.px)})`,\n styles: minMediaStyles[breakpoint.value],\n }));\n\n const maxMedia = getSortedBreakpoints(keys(maxMediaStyles), theme).map((breakpoint) => ({\n query: `(max-width: ${em(breakpoint.px)})`,\n styles: maxMediaStyles[breakpoint.value],\n }));\n\n const media = [...minMedia, ...maxMedia];\n\n return { baseStyles, media };\n}\n"],"names":[],"mappings":";;;;;;;;;AAMO,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;AAChF,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC;AACxB,EAAE,qBAAqB,CAAC;AACxB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,oBAAoB,CAAC;AACvB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,KAAK;AACT,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;AAChE,EAAE,sBAAsB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC;AAClE,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9C,IAAI,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC;AAC5C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AAC1F,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9C,IAAI,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC;AAC5C,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,KAAK,GAAG,CAAC,GAAG,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC;AAC3C,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC/B;;;;"}
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
2
  import classes from './Blockquote.module.css.js';
3
- import { rgba } from '../../core/MantineProvider/color-functions/rgba/rgba.js';
4
3
  import { factory } from '../../core/factory/factory.js';
5
4
  import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
6
5
  import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
7
6
  import { Box } from '../../core/Box/Box.js';
8
7
  import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
9
8
  import { parseThemeColor } from '../../core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js';
9
+ import { rgba } from '../../core/MantineProvider/color-functions/rgba/rgba.js';
10
10
  import { getThemeColor } from '../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
11
11
  import { rem } from '../../core/utils/units-converters/rem.js';
12
12
  import { getRadius } from '../../core/utils/get-size/get-size.js';
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport {\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n createVarsResolver,\n PolymorphicFactory,\n MantineSize,\n MantineColor,\n MantineRadius,\n MantineGradient,\n Box,\n getRadius,\n getSize,\n getFontSize,\n} from '../../core';\nimport { UnstyledButton } from '../UnstyledButton';\nimport { Loader, LoaderProps } from '../Loader';\nimport { ButtonGroup } from './ButtonGroup/ButtonGroup';\nimport classes from './Button.module.css';\n\nexport type ButtonStylesNames = 'root' | 'inner' | 'loader' | 'section' | 'label';\nexport type ButtonVariant =\n | 'filled'\n | 'light'\n | 'outline'\n | 'transparent'\n | 'white'\n | 'subtle'\n | 'default'\n | 'gradient';\n\nexport type ButtonCssVariables = {\n root:\n | '--button-justify'\n | '--button-height'\n | '--button-padding-x'\n | '--button-fz'\n | '--button-radius'\n | '--button-bg'\n | '--button-hover'\n | '--button-color'\n | '--button-bd';\n};\n\nexport interface ButtonProps extends BoxProps, StylesApiProps<ButtonFactory> {\n 'data-disabled'?: boolean;\n\n /** Controls button `height`, `font-size` and horizontal `padding`, `'sm'` by default */\n size?: MantineSize | `compact-${MantineSize}` | (string & {});\n\n /** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */\n color?: MantineColor;\n\n /** Sets `justify-content` of `inner` element, can be used to change distribution of sections and label, `'center'` by default */\n justify?: React.CSSProperties['justifyContent'];\n\n /** Content displayed on the left side of the button label */\n leftSection?: React.ReactNode;\n\n /** Content displayed on the right side of the button label */\n rightSection?: React.ReactNode;\n\n /** Determines whether button should take 100% width of its parent container, `false` by default */\n fullWidth?: boolean;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */\n radius?: MantineRadius | (string & {}) | number;\n\n /** Gradient configuration used when `variant=\"gradient\"`, default value is `theme.defaultGradient` */\n gradient?: MantineGradient;\n\n /** Indicates disabled state */\n disabled?: boolean;\n\n /** Button content */\n children?: React.ReactNode;\n\n /** Determines whether the `Loader` component should be displayed over the button */\n loading?: boolean;\n\n /** Props added to the `Loader` component (only visible when `loading` prop is set) */\n loaderProps?: LoaderProps;\n}\n\nexport type ButtonFactory = PolymorphicFactory<{\n props: ButtonProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: ButtonStylesNames;\n vars: ButtonCssVariables;\n staticComponents: {\n Group: typeof ButtonGroup;\n };\n}>;\n\nconst defaultProps: Partial<ButtonProps> = {\n size: 'sm',\n variant: 'filled',\n};\n\nconst varsResolver = createVarsResolver<ButtonFactory>(\n (theme, { radius, color, gradient, variant, size, justify }) => {\n const colors = theme.variantColorResolver({\n color: color || theme.primaryColor,\n theme,\n gradient,\n variant: variant!,\n });\n\n return {\n root: {\n '--button-justify': justify,\n '--button-height': getSize(size, 'button-height'),\n '--button-padding-x': getSize(size, 'button-padding-x'),\n '--button-fz': size?.includes('compact')\n ? getFontSize(size.replace('compact-', ''))\n : getFontSize(size),\n '--button-radius': getRadius(radius),\n '--button-bg': colors.background,\n '--button-hover': colors.hover,\n '--button-color': colors.color,\n '--button-bd': colors.border,\n },\n };\n }\n);\n\nexport const Button = polymorphicFactory<ButtonFactory>((_props, ref) => {\n const props = useProps('Button', defaultProps, _props);\n const {\n style,\n vars,\n className,\n color,\n disabled,\n children,\n leftSection,\n rightSection,\n fullWidth,\n variant,\n radius,\n loading,\n loaderProps,\n gradient,\n classNames,\n styles,\n unstyled,\n 'data-disabled': dataDisabled,\n ...others\n } = props;\n\n const getStyles = useStyles<ButtonFactory>({\n name: 'Button',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const hasLeftSection = !!leftSection;\n const hasRightSection = !!rightSection;\n\n return (\n <UnstyledButton\n ref={ref}\n {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n unstyled={unstyled}\n variant={variant}\n disabled={disabled || loading}\n mod={{\n disabled: disabled || dataDisabled,\n loading,\n block: fullWidth,\n 'with-left-section': hasLeftSection,\n 'with-right-section': hasRightSection,\n }}\n {...others}\n >\n <span {...getStyles('inner')}>\n {leftSection && (\n <Box component=\"span\" {...getStyles('section')} mod={{ position: 'left' }}>\n {leftSection}\n </Box>\n )}\n\n {loading && (\n <Box component=\"span\" {...getStyles('loader')}>\n <Loader\n color=\"var(--button-color)\"\n size=\"calc(var(--button-height) / 1.8)\"\n {...loaderProps}\n />\n </Box>\n )}\n\n <Box component=\"span\" mod={{ loading }} {...getStyles('label')}>\n {children}\n </Box>\n\n {rightSection && (\n <Box component=\"span\" {...getStyles('section')} mod={{ position: 'right' }}>\n {rightSection}\n </Box>\n )}\n </span>\n </UnstyledButton>\n );\n});\n\nButton.classes = classes;\nButton.displayName = '@mantine/core/Button';\nButton.Group = ButtonGroup;\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport {\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n createVarsResolver,\n PolymorphicFactory,\n MantineSize,\n MantineColor,\n MantineRadius,\n MantineGradient,\n Box,\n getRadius,\n getSize,\n getFontSize,\n} from '../../core';\nimport { UnstyledButton } from '../UnstyledButton';\nimport { Loader, LoaderProps } from '../Loader';\nimport { ButtonGroup } from './ButtonGroup/ButtonGroup';\nimport classes from './Button.module.css';\n\nexport type ButtonStylesNames = 'root' | 'inner' | 'loader' | 'section' | 'label';\nexport type ButtonVariant =\n | 'filled'\n | 'light'\n | 'outline'\n | 'transparent'\n | 'white'\n | 'subtle'\n | 'default'\n | 'gradient';\n\nexport type ButtonCssVariables = {\n root:\n | '--button-justify'\n | '--button-height'\n | '--button-padding-x'\n | '--button-fz'\n | '--button-radius'\n | '--button-bg'\n | '--button-hover'\n | '--button-color'\n | '--button-bd';\n};\n\nexport interface ButtonProps extends BoxProps, StylesApiProps<ButtonFactory> {\n 'data-disabled'?: boolean;\n\n /** Controls button `height`, `font-size` and horizontal `padding`, `'sm'` by default */\n size?: MantineSize | `compact-${MantineSize}` | (string & {});\n\n /** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */\n color?: MantineColor;\n\n /** Sets `justify-content` of `inner` element, can be used to change distribution of sections and label, `'center'` by default */\n justify?: React.CSSProperties['justifyContent'];\n\n /** Content displayed on the left side of the button label */\n leftSection?: React.ReactNode;\n\n /** Content displayed on the right side of the button label */\n rightSection?: React.ReactNode;\n\n /** Determines whether button should take 100% width of its parent container, `false` by default */\n fullWidth?: boolean;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */\n radius?: MantineRadius | (string & {}) | number;\n\n /** Gradient configuration used when `variant=\"gradient\"`, default value is `theme.defaultGradient` */\n gradient?: MantineGradient;\n\n /** Indicates disabled state */\n disabled?: boolean;\n\n /** Button content */\n children?: React.ReactNode;\n\n /** Determines whether the `Loader` component should be displayed over the button */\n loading?: boolean;\n\n /** Props added to the `Loader` component (only visible when `loading` prop is set) */\n loaderProps?: LoaderProps;\n}\n\nexport type ButtonFactory = PolymorphicFactory<{\n props: ButtonProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: ButtonStylesNames;\n vars: ButtonCssVariables;\n variant: ButtonVariant;\n staticComponents: {\n Group: typeof ButtonGroup;\n };\n}>;\n\nconst defaultProps: Partial<ButtonProps> = {\n size: 'sm',\n variant: 'filled',\n};\n\nconst varsResolver = createVarsResolver<ButtonFactory>(\n (theme, { radius, color, gradient, variant, size, justify }) => {\n const colors = theme.variantColorResolver({\n color: color || theme.primaryColor,\n theme,\n gradient,\n variant: variant!,\n });\n\n return {\n root: {\n '--button-justify': justify,\n '--button-height': getSize(size, 'button-height'),\n '--button-padding-x': getSize(size, 'button-padding-x'),\n '--button-fz': size?.includes('compact')\n ? getFontSize(size.replace('compact-', ''))\n : getFontSize(size),\n '--button-radius': getRadius(radius),\n '--button-bg': colors.background,\n '--button-hover': colors.hover,\n '--button-color': colors.color,\n '--button-bd': colors.border,\n },\n };\n }\n);\n\nexport const Button = polymorphicFactory<ButtonFactory>((_props, ref) => {\n const props = useProps('Button', defaultProps, _props);\n const {\n style,\n vars,\n className,\n color,\n disabled,\n children,\n leftSection,\n rightSection,\n fullWidth,\n variant,\n radius,\n loading,\n loaderProps,\n gradient,\n classNames,\n styles,\n unstyled,\n 'data-disabled': dataDisabled,\n ...others\n } = props;\n\n const getStyles = useStyles<ButtonFactory>({\n name: 'Button',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const hasLeftSection = !!leftSection;\n const hasRightSection = !!rightSection;\n\n return (\n <UnstyledButton\n ref={ref}\n {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n unstyled={unstyled}\n variant={variant}\n disabled={disabled || loading}\n mod={{\n disabled: disabled || dataDisabled,\n loading,\n block: fullWidth,\n 'with-left-section': hasLeftSection,\n 'with-right-section': hasRightSection,\n }}\n {...others}\n >\n <span {...getStyles('inner')}>\n {leftSection && (\n <Box component=\"span\" {...getStyles('section')} mod={{ position: 'left' }}>\n {leftSection}\n </Box>\n )}\n\n {loading && (\n <Box component=\"span\" {...getStyles('loader')}>\n <Loader\n color=\"var(--button-color)\"\n size=\"calc(var(--button-height) / 1.8)\"\n {...loaderProps}\n />\n </Box>\n )}\n\n <Box component=\"span\" mod={{ loading }} {...getStyles('label')}>\n {children}\n </Box>\n\n {rightSection && (\n <Box component=\"span\" {...getStyles('section')} mod={{ position: 'right' }}>\n {rightSection}\n </Box>\n )}\n </span>\n </UnstyledButton>\n );\n});\n\nButton.classes = classes;\nButton.displayName = '@mantine/core/Button';\nButton.Group = ButtonGroup;\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ import { createSafeContext } from '../../core/utils/create-safe-context/create-safe-context.js';
2
+
3
+ const [CardProvider, useCardContext] = createSafeContext(
4
+ "Card component was not found in tree"
5
+ );
6
+
7
+ export { CardProvider, useCardContext };
8
+ //# sourceMappingURL=Card.context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.context.js","sources":["../../../src/components/Card/Card.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { CardFactory } from './Card';\n\ninterface CardContextValue {\n getStyles: GetStylesApi<CardFactory>;\n}\n\nexport const [CardProvider, useCardContext] = createSafeContext<CardContextValue>(\n 'Card component was not found in tree'\n);\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,iBAAiB;AAC/D,EAAE,sCAAsC;AACxC;;;;"}
@@ -0,0 +1,80 @@
1
+ import React, { Children, cloneElement } from 'react';
2
+ import { CardSection } from './CardSection/CardSection.js';
3
+ import { CardProvider } from './Card.context.js';
4
+ import classes from './Card.module.css.js';
5
+ import { Paper } from '../Paper/Paper.js';
6
+ import { polymorphicFactory } from '../../core/factory/polymorphic-factory.js';
7
+ import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
8
+ import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
9
+ import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
10
+ import { getSpacing } from '../../core/utils/get-size/get-size.js';
11
+
12
+ var __defProp = Object.defineProperty;
13
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
14
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
15
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
16
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
17
+ var __spreadValues = (a, b) => {
18
+ for (var prop in b || (b = {}))
19
+ if (__hasOwnProp.call(b, prop))
20
+ __defNormalProp(a, prop, b[prop]);
21
+ if (__getOwnPropSymbols)
22
+ for (var prop of __getOwnPropSymbols(b)) {
23
+ if (__propIsEnum.call(b, prop))
24
+ __defNormalProp(a, prop, b[prop]);
25
+ }
26
+ return a;
27
+ };
28
+ var __objRest = (source, exclude) => {
29
+ var target = {};
30
+ for (var prop in source)
31
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
32
+ target[prop] = source[prop];
33
+ if (source != null && __getOwnPropSymbols)
34
+ for (var prop of __getOwnPropSymbols(source)) {
35
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
36
+ target[prop] = source[prop];
37
+ }
38
+ return target;
39
+ };
40
+ const defaultProps = {
41
+ padding: "md"
42
+ };
43
+ const varsResolver = createVarsResolver((_, { padding }) => ({
44
+ root: {
45
+ "--card-padding": getSpacing(padding)
46
+ }
47
+ }));
48
+ const Card = polymorphicFactory((_props, ref) => {
49
+ const props = useProps("Card", defaultProps, _props);
50
+ const _a = props, { classNames, className, style, styles, unstyled, vars, children, padding } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "children", "padding"]);
51
+ const getStyles = useStyles({
52
+ name: "Card",
53
+ props,
54
+ classes,
55
+ className,
56
+ style,
57
+ classNames,
58
+ styles,
59
+ unstyled,
60
+ vars,
61
+ varsResolver
62
+ });
63
+ const _children = Children.toArray(children);
64
+ const content = _children.map((child, index) => {
65
+ if (typeof child === "object" && child && "type" in child && child.type === CardSection) {
66
+ return cloneElement(child, {
67
+ "data-first-section": index === 0 || void 0,
68
+ "data-last-section": index === _children.length - 1 || void 0
69
+ });
70
+ }
71
+ return child;
72
+ });
73
+ return /* @__PURE__ */ React.createElement(CardProvider, { value: { getStyles } }, /* @__PURE__ */ React.createElement(Paper, __spreadValues(__spreadValues({ ref }, getStyles("root")), others), content));
74
+ });
75
+ Card.classes = classes;
76
+ Card.displayName = "@mantine/core/Card";
77
+ Card.Section = CardSection;
78
+
79
+ export { Card };
80
+ //# sourceMappingURL=Card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Children, cloneElement } from 'react';\nimport {\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n createVarsResolver,\n PolymorphicFactory,\n MantineShadow,\n MantineRadius,\n MantineSpacing,\n getSpacing,\n} from '../../core';\nimport { Paper } from '../Paper';\nimport { CardSection } from './CardSection/CardSection';\nimport { CardProvider } from './Card.context';\nimport classes from './Card.module.css';\n\nexport type CardStylesNames = 'root' | 'section';\nexport type CardCssVariables = {\n root: '--card-padding';\n};\n\nexport interface CardProps extends BoxProps, StylesApiProps<CardFactory> {\n /** Key of `theme.shadows` or any valid CSS value to set `box-shadow`, `none` by default */\n shadow?: MantineShadow | (string & {});\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 | number | (string & {});\n\n /** Determines whether the card should have border, border color depends on color scheme, `false` by default */\n withBorder?: boolean;\n\n /** Controls `padding`, key of `theme.spacing` or any valid CSS value, `'md'` by default */\n padding?: MantineSpacing | (string & {}) | number;\n\n /** Card content */\n children?: React.ReactNode;\n}\n\nexport type CardFactory = PolymorphicFactory<{\n props: CardProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: CardStylesNames;\n vars: CardCssVariables;\n staticComponents: {\n Section: typeof CardSection;\n };\n}>;\n\nconst defaultProps: Partial<CardProps> = {\n padding: 'md',\n};\n\nconst varsResolver = createVarsResolver<CardFactory>((_, { padding }) => ({\n root: {\n '--card-padding': getSpacing(padding),\n },\n}));\n\nexport const Card = polymorphicFactory<CardFactory>((_props, ref) => {\n const props = useProps('Card', defaultProps, _props);\n const { classNames, className, style, styles, unstyled, vars, children, padding, ...others } =\n props;\n\n const getStyles = useStyles<CardFactory>({\n name: 'Card',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const _children = Children.toArray(children);\n const content = _children.map((child, index) => {\n if (typeof child === 'object' && child && 'type' in child && child.type === CardSection) {\n return cloneElement(child, {\n 'data-first-section': index === 0 || undefined,\n 'data-last-section': index === _children.length - 1 || undefined,\n });\n }\n\n return child;\n });\n\n return (\n <CardProvider value={{ getStyles }}>\n <Paper ref={ref} {...getStyles('root')} {...others}>\n {content}\n </Paper>\n </CardProvider>\n );\n});\n\nCard.classes = classes;\nCard.displayName = '@mantine/core/Card';\nCard.Section = CardSection;\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ var classes = {"root":"m-e615b15f","section":"m-599a2148"};
2
+
3
+ export default classes;
4
+ //# sourceMappingURL=Card.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -0,0 +1,71 @@
1
+ import React from 'react';
2
+ import { useCardContext } from '../Card.context.js';
3
+ import classes from '../Card.module.css.js';
4
+ import { polymorphicFactory } from '../../../core/factory/polymorphic-factory.js';
5
+ import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
6
+ import { Box } from '../../../core/Box/Box.js';
7
+
8
+ var __defProp = Object.defineProperty;
9
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
10
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
11
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
+ var __spreadValues = (a, b) => {
14
+ for (var prop in b || (b = {}))
15
+ if (__hasOwnProp.call(b, prop))
16
+ __defNormalProp(a, prop, b[prop]);
17
+ if (__getOwnPropSymbols)
18
+ for (var prop of __getOwnPropSymbols(b)) {
19
+ if (__propIsEnum.call(b, prop))
20
+ __defNormalProp(a, prop, b[prop]);
21
+ }
22
+ return a;
23
+ };
24
+ var __objRest = (source, exclude) => {
25
+ var target = {};
26
+ for (var prop in source)
27
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
+ target[prop] = source[prop];
29
+ if (source != null && __getOwnPropSymbols)
30
+ for (var prop of __getOwnPropSymbols(source)) {
31
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
+ target[prop] = source[prop];
33
+ }
34
+ return target;
35
+ };
36
+ const defaultProps = {};
37
+ const CardSection = polymorphicFactory((_props, ref) => {
38
+ const props = useProps("CardSection", defaultProps, _props);
39
+ const _a = props, {
40
+ classNames,
41
+ className,
42
+ style,
43
+ styles,
44
+ unstyled,
45
+ vars,
46
+ withBorder,
47
+ inheritPadding
48
+ } = _a, others = __objRest(_a, [
49
+ "classNames",
50
+ "className",
51
+ "style",
52
+ "styles",
53
+ "unstyled",
54
+ "vars",
55
+ "withBorder",
56
+ "inheritPadding"
57
+ ]);
58
+ const ctx = useCardContext();
59
+ return /* @__PURE__ */ React.createElement(
60
+ Box,
61
+ __spreadValues(__spreadValues({
62
+ ref,
63
+ mod: { "with-border": withBorder, "inherit-padding": inheritPadding }
64
+ }, ctx.getStyles("section", { className, style, styles, classNames })), others)
65
+ );
66
+ });
67
+ CardSection.classes = classes;
68
+ CardSection.displayName = "@mantine/core/CardSection";
69
+
70
+ export { CardSection };
71
+ //# sourceMappingURL=CardSection.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CardSection.js","sources":["../../../../src/components/Card/CardSection/CardSection.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n PolymorphicFactory,\n} from '../../../core';\nimport { useCardContext } from '../Card.context';\nimport classes from '../Card.module.css';\n\nexport type CardSectionStylesNames = 'section';\n\nexport interface CardSectionProps extends BoxProps, StylesApiProps<CardSectionFactory> {\n /** Determines whether the section should have a border, `false` by default */\n withBorder?: boolean;\n\n /** Determines whether the section should inherit padding from the parent `Card`, `false` by default */\n inheritPadding?: boolean;\n}\n\nexport type CardSectionFactory = PolymorphicFactory<{\n props: CardSectionProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: CardSectionStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<CardSectionProps> = {};\n\nexport const CardSection = polymorphicFactory<CardSectionFactory>((_props, ref) => {\n const props = useProps('CardSection', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n withBorder,\n inheritPadding,\n ...others\n } = props;\n const ctx = useCardContext();\n\n return (\n <Box\n ref={ref}\n mod={{ 'with-border': withBorder, 'inherit-padding': inheritPadding }}\n {...ctx.getStyles('section', { className, style, styles, classNames })}\n {...others}\n />\n );\n});\n\nCardSection.classes = classes;\nCardSection.displayName = '@mantine/core/CardSection';\n"],"names":[],"mappings":"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"}
@@ -1,10 +1,10 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { useReducedMotion } from '@mantine/hooks';
3
3
  import { useCollapse } from './use-collapse.js';
4
- import { getStyleObject } from '../../core/Box/get-style-object/get-style-object.js';
5
4
  import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
6
5
  import { useMantineTheme } from '../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js';
7
6
  import { Box } from '../../core/Box/Box.js';
7
+ import { getStyleObject } from '../../core/Box/get-style-object/get-style-object.js';
8
8
 
9
9
  var __defProp = Object.defineProperty;
10
10
  var __getOwnPropSymbols = Object.getOwnPropertySymbols;