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

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 (338) hide show
  1. package/cjs/components/Accordion/Accordion.js +2 -2
  2. package/cjs/components/Affix/Affix.js +1 -1
  3. package/cjs/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js +1 -1
  4. package/cjs/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js.map +1 -1
  5. package/cjs/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js +1 -1
  6. package/cjs/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js.map +1 -1
  7. package/cjs/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js +1 -1
  8. package/cjs/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js.map +1 -1
  9. package/cjs/components/Chip/Chip.js +178 -0
  10. package/cjs/components/Chip/Chip.js.map +1 -0
  11. package/cjs/components/Chip/Chip.module.css.js +8 -0
  12. package/cjs/components/Chip/Chip.module.css.js.map +1 -0
  13. package/cjs/components/Chip/ChipGroup/ChipGroup.js +41 -0
  14. package/cjs/components/Chip/ChipGroup/ChipGroup.js.map +1 -0
  15. package/cjs/components/Chip/ChipGroup.context.js +11 -0
  16. package/cjs/components/Chip/ChipGroup.context.js.map +1 -0
  17. package/cjs/components/Collapse/Collapse.js +1 -1
  18. package/cjs/components/Floating/use-delayed-hover.js +2 -2
  19. package/cjs/components/Floating/use-delayed-hover.js.map +1 -1
  20. package/cjs/components/Grid/Grid.context.js +13 -0
  21. package/cjs/components/Grid/Grid.context.js.map +1 -0
  22. package/cjs/components/Grid/Grid.js +109 -0
  23. package/cjs/components/Grid/Grid.js.map +1 -0
  24. package/cjs/components/Grid/Grid.module.css.js +8 -0
  25. package/cjs/components/Grid/Grid.module.css.js.map +1 -0
  26. package/cjs/components/Grid/GridCol/GridCol.js +72 -0
  27. package/cjs/components/Grid/GridCol/GridCol.js.map +1 -0
  28. package/cjs/components/Grid/GridCol/GridColVariables.js +90 -0
  29. package/cjs/components/Grid/GridCol/GridColVariables.js.map +1 -0
  30. package/cjs/components/Grid/GridVariables.js +46 -0
  31. package/cjs/components/Grid/GridVariables.js.map +1 -0
  32. package/cjs/components/HoverCard/HoverCard.context.js +13 -0
  33. package/cjs/components/HoverCard/HoverCard.context.js.map +1 -0
  34. package/cjs/components/HoverCard/HoverCard.js +69 -0
  35. package/cjs/components/HoverCard/HoverCard.js.map +1 -0
  36. package/cjs/components/HoverCard/HoverCardDropdown/HoverCardDropdown.js +58 -0
  37. package/cjs/components/HoverCard/HoverCardDropdown/HoverCardDropdown.js.map +1 -0
  38. package/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.js +62 -0
  39. package/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.js.map +1 -0
  40. package/cjs/components/Menu/Menu.context.js +13 -0
  41. package/cjs/components/Menu/Menu.context.js.map +1 -0
  42. package/cjs/components/Menu/Menu.js +181 -0
  43. package/cjs/components/Menu/Menu.js.map +1 -0
  44. package/cjs/components/Menu/Menu.module.css.js +8 -0
  45. package/cjs/components/Menu/Menu.module.css.js.map +1 -0
  46. package/cjs/components/Menu/MenuDivider/MenuDivider.js +63 -0
  47. package/cjs/components/Menu/MenuDivider/MenuDivider.js.map +1 -0
  48. package/cjs/components/Menu/MenuDropdown/MenuDropdown.js +115 -0
  49. package/cjs/components/Menu/MenuDropdown/MenuDropdown.js.map +1 -0
  50. package/cjs/components/Menu/MenuItem/MenuItem.js +142 -0
  51. package/cjs/components/Menu/MenuItem/MenuItem.js.map +1 -0
  52. package/cjs/components/Menu/MenuLabel/MenuLabel.js +63 -0
  53. package/cjs/components/Menu/MenuLabel/MenuLabel.js.map +1 -0
  54. package/cjs/components/Menu/MenuTarget/MenuTarget.js +77 -0
  55. package/cjs/components/Menu/MenuTarget/MenuTarget.js.map +1 -0
  56. package/cjs/components/Pagination/PaginationRoot/PaginationRoot.js +1 -1
  57. package/cjs/components/Popover/Popover.js +2 -2
  58. package/cjs/components/Popover/Popover.js.map +1 -1
  59. package/cjs/components/Popover/PopoverTarget/PopoverTarget.js +1 -1
  60. package/cjs/components/Progress/Progress.context.js +13 -0
  61. package/cjs/components/Progress/Progress.context.js.map +1 -0
  62. package/cjs/components/Progress/Progress.js +102 -0
  63. package/cjs/components/Progress/Progress.js.map +1 -0
  64. package/cjs/components/Progress/Progress.module.css.js +8 -0
  65. package/cjs/components/Progress/Progress.module.css.js.map +1 -0
  66. package/cjs/components/Progress/ProgressLabel/ProgressLabel.js +63 -0
  67. package/cjs/components/Progress/ProgressLabel/ProgressLabel.js.map +1 -0
  68. package/cjs/components/Progress/ProgressRoot/ProgressRoot.js +75 -0
  69. package/cjs/components/Progress/ProgressRoot/ProgressRoot.js.map +1 -0
  70. package/cjs/components/Progress/ProgressSection/ProgressSection.js +104 -0
  71. package/cjs/components/Progress/ProgressSection/ProgressSection.js.map +1 -0
  72. package/cjs/components/Rating/Rating.context.js +13 -0
  73. package/cjs/components/Rating/Rating.context.js.map +1 -0
  74. package/cjs/components/Rating/Rating.js +251 -0
  75. package/cjs/components/Rating/Rating.js.map +1 -0
  76. package/cjs/components/Rating/Rating.module.css.js +8 -0
  77. package/cjs/components/Rating/Rating.module.css.js.map +1 -0
  78. package/cjs/components/Rating/RatingItem/RatingItem.js +116 -0
  79. package/cjs/components/Rating/RatingItem/RatingItem.js.map +1 -0
  80. package/cjs/components/Rating/StarSymbol/StarIcon.js +57 -0
  81. package/cjs/components/Rating/StarSymbol/StarIcon.js.map +1 -0
  82. package/cjs/components/Rating/StarSymbol/StarSymbol.js +39 -0
  83. package/cjs/components/Rating/StarSymbol/StarSymbol.js.map +1 -0
  84. package/cjs/components/RingProgress/Curve/Curve.js +88 -0
  85. package/cjs/components/RingProgress/Curve/Curve.js.map +1 -0
  86. package/cjs/components/RingProgress/Curve/get-curve-props.js +21 -0
  87. package/cjs/components/RingProgress/Curve/get-curve-props.js.map +1 -0
  88. package/cjs/components/RingProgress/RingProgress.js +128 -0
  89. package/cjs/components/RingProgress/RingProgress.js.map +1 -0
  90. package/cjs/components/RingProgress/RingProgress.module.css.js +8 -0
  91. package/cjs/components/RingProgress/RingProgress.module.css.js.map +1 -0
  92. package/cjs/components/RingProgress/get-curves/get-curves.js +55 -0
  93. package/cjs/components/RingProgress/get-curves/get-curves.js.map +1 -0
  94. package/cjs/components/SimpleGrid/SimpleGrid.js +95 -0
  95. package/cjs/components/SimpleGrid/SimpleGrid.js.map +1 -0
  96. package/cjs/components/SimpleGrid/SimpleGrid.module.css.js +8 -0
  97. package/cjs/components/SimpleGrid/SimpleGrid.module.css.js.map +1 -0
  98. package/cjs/components/SimpleGrid/SimpleGridVariables.js +60 -0
  99. package/cjs/components/SimpleGrid/SimpleGridVariables.js.map +1 -0
  100. package/cjs/components/Slider/RangeSlider/RangeSlider.js +28 -13
  101. package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
  102. package/cjs/components/Slider/Slider/Slider.js +18 -9
  103. package/cjs/components/Slider/Slider/Slider.js.map +1 -1
  104. package/cjs/components/Slider/utils/get-floating-value/get-gloating-value.js +10 -0
  105. package/cjs/components/Slider/utils/get-floating-value/get-gloating-value.js.map +1 -0
  106. package/cjs/components/Slider/utils/get-precision/get-precision.js +13 -0
  107. package/cjs/components/Slider/utils/get-precision/get-precision.js.map +1 -0
  108. package/cjs/components/Space/Space.js +53 -0
  109. package/cjs/components/Space/Space.js.map +1 -0
  110. package/cjs/components/Table/Table.js +2 -0
  111. package/cjs/components/Table/Table.js.map +1 -1
  112. package/cjs/components/Table/Table.module.css.js +1 -1
  113. package/cjs/components/Table/TableScrollContainer.js +109 -0
  114. package/cjs/components/Table/TableScrollContainer.js.map +1 -0
  115. package/cjs/core/Box/use-random-classname/use-random-classname.js +1 -1
  116. package/cjs/core/Box/use-random-classname/use-random-classname.js.map +1 -1
  117. package/cjs/core/InlineStyles/css-object-to-string/css-object-to-string.js +1 -2
  118. package/cjs/core/InlineStyles/css-object-to-string/css-object-to-string.js.map +1 -1
  119. package/cjs/core/InlineStyles/styles-to-string/styles-to-string.js +3 -23
  120. package/cjs/core/InlineStyles/styles-to-string/styles-to-string.js.map +1 -1
  121. package/cjs/core/utils/get-base-value/get-base-value.js +16 -0
  122. package/cjs/core/utils/get-base-value/get-base-value.js.map +1 -0
  123. package/cjs/core/utils/get-breakpoint-value/get-breakpoint-value.js +15 -0
  124. package/cjs/core/utils/get-breakpoint-value/get-breakpoint-value.js.map +1 -0
  125. package/cjs/core/utils/get-context-item-index/get-context-item-index.js +18 -0
  126. package/cjs/core/utils/get-context-item-index/get-context-item-index.js.map +1 -0
  127. package/cjs/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js +17 -0
  128. package/cjs/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js.map +1 -0
  129. package/cjs/core/utils/use-hovered/use-hovered.js +14 -0
  130. package/cjs/core/utils/use-hovered/use-hovered.js.map +1 -0
  131. package/cjs/index.css +613 -60
  132. package/cjs/index.js +60 -6
  133. package/cjs/index.js.map +1 -1
  134. package/esm/components/Accordion/Accordion.js +2 -2
  135. package/esm/components/Affix/Affix.js +1 -1
  136. package/esm/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js +1 -1
  137. package/esm/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js.map +1 -1
  138. package/esm/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js +1 -1
  139. package/esm/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js.map +1 -1
  140. package/esm/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js +1 -1
  141. package/esm/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js.map +1 -1
  142. package/esm/components/Chip/Chip.js +170 -0
  143. package/esm/components/Chip/Chip.js.map +1 -0
  144. package/esm/components/Chip/Chip.module.css.js +4 -0
  145. package/esm/components/Chip/Chip.module.css.js.map +1 -0
  146. package/esm/components/Chip/ChipGroup/ChipGroup.js +33 -0
  147. package/esm/components/Chip/ChipGroup/ChipGroup.js.map +1 -0
  148. package/esm/components/Chip/ChipGroup.context.js +6 -0
  149. package/esm/components/Chip/ChipGroup.context.js.map +1 -0
  150. package/esm/components/Collapse/Collapse.js +1 -1
  151. package/esm/components/Floating/use-delayed-hover.js +2 -2
  152. package/esm/components/Floating/use-delayed-hover.js.map +1 -1
  153. package/esm/components/Grid/Grid.context.js +8 -0
  154. package/esm/components/Grid/Grid.context.js.map +1 -0
  155. package/esm/components/Grid/Grid.js +101 -0
  156. package/esm/components/Grid/Grid.js.map +1 -0
  157. package/esm/components/Grid/Grid.module.css.js +4 -0
  158. package/esm/components/Grid/Grid.module.css.js.map +1 -0
  159. package/esm/components/Grid/GridCol/GridCol.js +63 -0
  160. package/esm/components/Grid/GridCol/GridCol.js.map +1 -0
  161. package/esm/components/Grid/GridCol/GridColVariables.js +82 -0
  162. package/esm/components/Grid/GridCol/GridColVariables.js.map +1 -0
  163. package/esm/components/Grid/GridVariables.js +38 -0
  164. package/esm/components/Grid/GridVariables.js.map +1 -0
  165. package/esm/components/HoverCard/HoverCard.context.js +8 -0
  166. package/esm/components/HoverCard/HoverCard.context.js.map +1 -0
  167. package/esm/components/HoverCard/HoverCard.js +61 -0
  168. package/esm/components/HoverCard/HoverCard.js.map +1 -0
  169. package/esm/components/HoverCard/HoverCardDropdown/HoverCardDropdown.js +50 -0
  170. package/esm/components/HoverCard/HoverCardDropdown/HoverCardDropdown.js.map +1 -0
  171. package/esm/components/HoverCard/HoverCardTarget/HoverCardTarget.js +54 -0
  172. package/esm/components/HoverCard/HoverCardTarget/HoverCardTarget.js.map +1 -0
  173. package/esm/components/Menu/Menu.context.js +8 -0
  174. package/esm/components/Menu/Menu.context.js.map +1 -0
  175. package/esm/components/Menu/Menu.js +173 -0
  176. package/esm/components/Menu/Menu.js.map +1 -0
  177. package/esm/components/Menu/Menu.module.css.js +4 -0
  178. package/esm/components/Menu/Menu.module.css.js.map +1 -0
  179. package/esm/components/Menu/MenuDivider/MenuDivider.js +55 -0
  180. package/esm/components/Menu/MenuDivider/MenuDivider.js.map +1 -0
  181. package/esm/components/Menu/MenuDropdown/MenuDropdown.js +107 -0
  182. package/esm/components/Menu/MenuDropdown/MenuDropdown.js.map +1 -0
  183. package/esm/components/Menu/MenuItem/MenuItem.js +134 -0
  184. package/esm/components/Menu/MenuItem/MenuItem.js.map +1 -0
  185. package/esm/components/Menu/MenuLabel/MenuLabel.js +55 -0
  186. package/esm/components/Menu/MenuLabel/MenuLabel.js.map +1 -0
  187. package/esm/components/Menu/MenuTarget/MenuTarget.js +69 -0
  188. package/esm/components/Menu/MenuTarget/MenuTarget.js.map +1 -0
  189. package/esm/components/Pagination/PaginationRoot/PaginationRoot.js +1 -1
  190. package/esm/components/Popover/Popover.js +2 -2
  191. package/esm/components/Popover/Popover.js.map +1 -1
  192. package/esm/components/Popover/PopoverTarget/PopoverTarget.js +1 -1
  193. package/esm/components/Progress/Progress.context.js +8 -0
  194. package/esm/components/Progress/Progress.context.js.map +1 -0
  195. package/esm/components/Progress/Progress.js +94 -0
  196. package/esm/components/Progress/Progress.js.map +1 -0
  197. package/esm/components/Progress/Progress.module.css.js +4 -0
  198. package/esm/components/Progress/Progress.module.css.js.map +1 -0
  199. package/esm/components/Progress/ProgressLabel/ProgressLabel.js +55 -0
  200. package/esm/components/Progress/ProgressLabel/ProgressLabel.js.map +1 -0
  201. package/esm/components/Progress/ProgressRoot/ProgressRoot.js +67 -0
  202. package/esm/components/Progress/ProgressRoot/ProgressRoot.js.map +1 -0
  203. package/esm/components/Progress/ProgressSection/ProgressSection.js +96 -0
  204. package/esm/components/Progress/ProgressSection/ProgressSection.js.map +1 -0
  205. package/esm/components/Rating/Rating.context.js +8 -0
  206. package/esm/components/Rating/Rating.context.js.map +1 -0
  207. package/esm/components/Rating/Rating.js +243 -0
  208. package/esm/components/Rating/Rating.js.map +1 -0
  209. package/esm/components/Rating/Rating.module.css.js +4 -0
  210. package/esm/components/Rating/Rating.module.css.js.map +1 -0
  211. package/esm/components/Rating/RatingItem/RatingItem.js +108 -0
  212. package/esm/components/Rating/RatingItem/RatingItem.js.map +1 -0
  213. package/esm/components/Rating/StarSymbol/StarIcon.js +49 -0
  214. package/esm/components/Rating/StarSymbol/StarIcon.js.map +1 -0
  215. package/esm/components/Rating/StarSymbol/StarSymbol.js +31 -0
  216. package/esm/components/Rating/StarSymbol/StarSymbol.js.map +1 -0
  217. package/esm/components/RingProgress/Curve/Curve.js +80 -0
  218. package/esm/components/RingProgress/Curve/Curve.js.map +1 -0
  219. package/esm/components/RingProgress/Curve/get-curve-props.js +17 -0
  220. package/esm/components/RingProgress/Curve/get-curve-props.js.map +1 -0
  221. package/esm/components/RingProgress/RingProgress.js +120 -0
  222. package/esm/components/RingProgress/RingProgress.js.map +1 -0
  223. package/esm/components/RingProgress/RingProgress.module.css.js +4 -0
  224. package/esm/components/RingProgress/RingProgress.module.css.js.map +1 -0
  225. package/esm/components/RingProgress/get-curves/get-curves.js +51 -0
  226. package/esm/components/RingProgress/get-curves/get-curves.js.map +1 -0
  227. package/esm/components/SimpleGrid/SimpleGrid.js +87 -0
  228. package/esm/components/SimpleGrid/SimpleGrid.js.map +1 -0
  229. package/esm/components/SimpleGrid/SimpleGrid.module.css.js +4 -0
  230. package/esm/components/SimpleGrid/SimpleGrid.module.css.js.map +1 -0
  231. package/esm/components/SimpleGrid/SimpleGridVariables.js +52 -0
  232. package/esm/components/SimpleGrid/SimpleGridVariables.js.map +1 -0
  233. package/esm/components/Slider/RangeSlider/RangeSlider.js +28 -13
  234. package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
  235. package/esm/components/Slider/Slider/Slider.js +18 -9
  236. package/esm/components/Slider/Slider/Slider.js.map +1 -1
  237. package/esm/components/Slider/utils/get-floating-value/get-gloating-value.js +6 -0
  238. package/esm/components/Slider/utils/get-floating-value/get-gloating-value.js.map +1 -0
  239. package/esm/components/Slider/utils/get-precision/get-precision.js +9 -0
  240. package/esm/components/Slider/utils/get-precision/get-precision.js.map +1 -0
  241. package/esm/components/Space/Space.js +45 -0
  242. package/esm/components/Space/Space.js.map +1 -0
  243. package/esm/components/Table/Table.js +2 -0
  244. package/esm/components/Table/Table.js.map +1 -1
  245. package/esm/components/Table/Table.module.css.js +1 -1
  246. package/esm/components/Table/TableScrollContainer.js +101 -0
  247. package/esm/components/Table/TableScrollContainer.js.map +1 -0
  248. package/esm/core/Box/use-random-classname/use-random-classname.js +1 -1
  249. package/esm/core/Box/use-random-classname/use-random-classname.js.map +1 -1
  250. package/esm/core/InlineStyles/css-object-to-string/css-object-to-string.js +1 -2
  251. package/esm/core/InlineStyles/css-object-to-string/css-object-to-string.js.map +1 -1
  252. package/esm/core/InlineStyles/styles-to-string/styles-to-string.js +3 -23
  253. package/esm/core/InlineStyles/styles-to-string/styles-to-string.js.map +1 -1
  254. package/esm/core/utils/get-base-value/get-base-value.js +12 -0
  255. package/esm/core/utils/get-base-value/get-base-value.js.map +1 -0
  256. package/esm/core/utils/get-breakpoint-value/get-breakpoint-value.js +11 -0
  257. package/esm/core/utils/get-breakpoint-value/get-breakpoint-value.js.map +1 -0
  258. package/esm/core/utils/get-context-item-index/get-context-item-index.js +14 -0
  259. package/esm/core/utils/get-context-item-index/get-context-item-index.js.map +1 -0
  260. package/esm/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js +13 -0
  261. package/esm/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js.map +1 -0
  262. package/esm/core/utils/use-hovered/use-hovered.js +10 -0
  263. package/esm/core/utils/use-hovered/use-hovered.js.map +1 -0
  264. package/esm/index.css +613 -60
  265. package/esm/index.js +30 -3
  266. package/esm/index.js.map +1 -1
  267. package/esm/styles/Chip.css +1 -0
  268. package/esm/styles/Grid.css +1 -0
  269. package/esm/styles/Input.css +1 -1
  270. package/esm/styles/Menu.css +1 -0
  271. package/esm/styles/Progress.css +1 -0
  272. package/esm/styles/Rating.css +1 -0
  273. package/esm/styles/RingProgress.css +1 -0
  274. package/esm/styles/SimpleGrid.css +1 -0
  275. package/esm/styles/Table.css +1 -1
  276. package/lib/components/AppShell/AppShellSection/AppShellSection.d.ts +1 -1
  277. package/lib/components/Chip/Chip.d.ts +52 -0
  278. package/lib/components/Chip/ChipGroup/ChipGroup.d.ts +17 -0
  279. package/lib/components/Chip/ChipGroup.context.d.ts +11 -0
  280. package/lib/components/Chip/index.d.ts +4 -0
  281. package/lib/components/Floating/use-delayed-hover.d.ts +2 -2
  282. package/lib/components/Grid/Grid.context.d.ts +13 -0
  283. package/lib/components/Grid/Grid.d.ts +37 -0
  284. package/lib/components/Grid/GridCol/GridCol.d.ts +23 -0
  285. package/lib/components/Grid/GridCol/GridColVariables.d.ts +7 -0
  286. package/lib/components/Grid/GridVariables.d.ts +7 -0
  287. package/lib/components/Grid/index.d.ts +4 -0
  288. package/lib/components/HoverCard/HoverCard.context.d.ts +10 -0
  289. package/lib/components/HoverCard/HoverCard.d.ts +22 -0
  290. package/lib/components/HoverCard/HoverCardDropdown/HoverCardDropdown.d.ts +10 -0
  291. package/lib/components/HoverCard/HoverCardTarget/HoverCardTarget.d.ts +5 -0
  292. package/lib/components/HoverCard/index.d.ts +6 -0
  293. package/lib/components/Input/use-input-props.d.ts +65 -65
  294. package/lib/components/Menu/Menu.context.d.ts +22 -0
  295. package/lib/components/Menu/Menu.d.ts +84 -0
  296. package/lib/components/Menu/MenuDivider/MenuDivider.d.ts +16 -0
  297. package/lib/components/Menu/MenuDropdown/MenuDropdown.d.ts +16 -0
  298. package/lib/components/Menu/MenuItem/MenuItem.d.ts +43 -0
  299. package/lib/components/Menu/MenuLabel/MenuLabel.d.ts +16 -0
  300. package/lib/components/Menu/MenuTarget/MenuTarget.d.ts +8 -0
  301. package/lib/components/Menu/index.d.ts +12 -0
  302. package/lib/components/Popover/Popover.d.ts +1 -1
  303. package/lib/components/Progress/Progress.context.d.ts +11 -0
  304. package/lib/components/Progress/Progress.d.ts +37 -0
  305. package/lib/components/Progress/ProgressLabel/ProgressLabel.d.ts +16 -0
  306. package/lib/components/Progress/ProgressRoot/ProgressRoot.d.ts +25 -0
  307. package/lib/components/Progress/ProgressSection/ProgressSection.d.ts +26 -0
  308. package/lib/components/Progress/index.d.ts +8 -0
  309. package/lib/components/Rating/Rating.context.d.ts +11 -0
  310. package/lib/components/Rating/Rating.d.ts +48 -0
  311. package/lib/components/Rating/RatingItem/RatingItem.d.ts +18 -0
  312. package/lib/components/Rating/StarSymbol/StarIcon.d.ts +5 -0
  313. package/lib/components/Rating/StarSymbol/StarSymbol.d.ts +8 -0
  314. package/lib/components/Rating/index.d.ts +2 -0
  315. package/lib/components/RingProgress/Curve/Curve.d.ts +20 -0
  316. package/lib/components/RingProgress/Curve/get-curve-props.d.ts +18 -0
  317. package/lib/components/RingProgress/RingProgress.d.ts +38 -0
  318. package/lib/components/RingProgress/get-curves/get-curves.d.ts +26 -0
  319. package/lib/components/RingProgress/index.d.ts +2 -0
  320. package/lib/components/SimpleGrid/SimpleGrid.d.ts +20 -0
  321. package/lib/components/SimpleGrid/SimpleGridVariables.d.ts +7 -0
  322. package/lib/components/SimpleGrid/index.d.ts +2 -0
  323. package/lib/components/Slider/utils/get-floating-value/get-gloating-value.d.ts +1 -0
  324. package/lib/components/Slider/utils/get-precision/get-precision.d.ts +1 -0
  325. package/lib/components/Space/Space.d.ts +11 -0
  326. package/lib/components/Space/index.d.ts +2 -0
  327. package/lib/components/Table/Table.d.ts +3 -0
  328. package/lib/components/Table/TableScrollContainer.d.ts +24 -0
  329. package/lib/components/Table/index.d.ts +1 -0
  330. package/lib/components/index.d.ts +10 -1
  331. package/lib/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.d.ts +1 -1
  332. package/lib/core/utils/get-base-value/get-base-value.d.ts +2 -0
  333. package/lib/core/utils/get-breakpoint-value/get-breakpoint-value.d.ts +2 -0
  334. package/lib/core/utils/get-context-item-index/get-context-item-index.d.ts +1 -0
  335. package/lib/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.d.ts +5 -0
  336. package/lib/core/utils/index.d.ts +5 -0
  337. package/lib/core/utils/use-hovered/use-hovered.d.ts +5 -0
  338. package/package.json +2 -2
@@ -0,0 +1,39 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var StarIcon = require('./StarIcon.js');
7
+ var Rating_context = require('../Rating.context.js');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+
13
+ var __defProp = Object.defineProperty;
14
+ var __defProps = Object.defineProperties;
15
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
16
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
17
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
18
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
19
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
20
+ var __spreadValues = (a, b) => {
21
+ for (var prop in b || (b = {}))
22
+ if (__hasOwnProp.call(b, prop))
23
+ __defNormalProp(a, prop, b[prop]);
24
+ if (__getOwnPropSymbols)
25
+ for (var prop of __getOwnPropSymbols(b)) {
26
+ if (__propIsEnum.call(b, prop))
27
+ __defNormalProp(a, prop, b[prop]);
28
+ }
29
+ return a;
30
+ };
31
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
32
+ function StarSymbol({ type }) {
33
+ const ctx = Rating_context.useRatingContext();
34
+ return /* @__PURE__ */ React__default.createElement(StarIcon.StarIcon, __spreadProps(__spreadValues({}, ctx.getStyles("starSymbol")), { "data-filled": type === "full" || void 0 }));
35
+ }
36
+ StarSymbol.displayName = "@mantine/core/StarSymbol";
37
+
38
+ exports.StarSymbol = StarSymbol;
39
+ //# sourceMappingURL=StarSymbol.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StarSymbol.js","sources":["../../../../src/components/Rating/StarSymbol/StarSymbol.tsx"],"sourcesContent":["import React from 'react';\nimport { StarIcon } from './StarIcon';\nimport { useRatingContext } from '../Rating.context';\n\nexport interface StarSymbolProps {\n type: 'empty' | 'full';\n}\n\nexport function StarSymbol({ type }: StarSymbolProps) {\n const ctx = useRatingContext();\n return <StarIcon {...ctx.getStyles('starSymbol')} data-filled={type === 'full' || undefined} />;\n}\n\nStarSymbol.displayName = '@mantine/core/StarSymbol';\n"],"names":["useRatingContext","React","StarIcon"],"mappings":";;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,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,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAI3D,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE;AACrC,EAAE,MAAM,GAAG,GAAGA,+BAAgB,EAAE,CAAC;AACjC,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,iBAAQ,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,KAAK,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;AACrK,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
@@ -0,0 +1,88 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var getCurveProps = require('./get-curve-props.js');
7
+ var Tooltip = require('../../Tooltip/Tooltip.js');
8
+ var MantineThemeProvider = require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js');
9
+ var Box = require('../../../core/Box/Box.js');
10
+ var getThemeColor = require('../../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js');
11
+
12
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
13
+
14
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
+
16
+ var __defProp = Object.defineProperty;
17
+ var __defProps = Object.defineProperties;
18
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
19
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
20
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
21
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
22
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
23
+ var __spreadValues = (a, b) => {
24
+ for (var prop in b || (b = {}))
25
+ if (__hasOwnProp.call(b, prop))
26
+ __defNormalProp(a, prop, b[prop]);
27
+ if (__getOwnPropSymbols)
28
+ for (var prop of __getOwnPropSymbols(b)) {
29
+ if (__propIsEnum.call(b, prop))
30
+ __defNormalProp(a, prop, b[prop]);
31
+ }
32
+ return a;
33
+ };
34
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
35
+ var __objRest = (source, exclude) => {
36
+ var target = {};
37
+ for (var prop in source)
38
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
39
+ target[prop] = source[prop];
40
+ if (source != null && __getOwnPropSymbols)
41
+ for (var prop of __getOwnPropSymbols(source)) {
42
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
43
+ target[prop] = source[prop];
44
+ }
45
+ return target;
46
+ };
47
+ function Curve(_a) {
48
+ var _b = _a, {
49
+ size,
50
+ value,
51
+ offset,
52
+ sum,
53
+ thickness,
54
+ root,
55
+ color,
56
+ lineRoundCaps,
57
+ tooltip,
58
+ getStyles,
59
+ display
60
+ } = _b, others = __objRest(_b, [
61
+ "size",
62
+ "value",
63
+ "offset",
64
+ "sum",
65
+ "thickness",
66
+ "root",
67
+ "color",
68
+ "lineRoundCaps",
69
+ "tooltip",
70
+ "getStyles",
71
+ "display"
72
+ ]);
73
+ const theme = MantineThemeProvider.useMantineTheme();
74
+ return /* @__PURE__ */ React__default.createElement(Tooltip.Tooltip.Floating, { disabled: !tooltip, label: tooltip }, /* @__PURE__ */ React__default.createElement(
75
+ Box.Box,
76
+ __spreadValues(__spreadProps(__spreadValues(__spreadValues({
77
+ component: "circle"
78
+ }, others), getStyles("curve")), {
79
+ __vars: { "--curve-color": color ? getThemeColor.getThemeColor(color, theme) : void 0 },
80
+ fill: "none",
81
+ strokeLinecap: lineRoundCaps ? "round" : "butt"
82
+ }), getCurveProps.getCurveProps({ sum, size, thickness, value, offset, root }))
83
+ ));
84
+ }
85
+ Curve.displayName = "@mantine/core/Curve";
86
+
87
+ exports.Curve = Curve;
88
+ //# sourceMappingURL=Curve.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Curve.js","sources":["../../../../src/components/RingProgress/Curve/Curve.tsx"],"sourcesContent":["import React from 'react';\nimport { useMantineTheme, MantineColor, getThemeColor, GetStylesApi, Box } from '../../../core';\nimport { Tooltip } from '../../Tooltip';\nimport { getCurveProps } from './get-curve-props';\nimport type { RingProgressFactory } from '../RingProgress';\n\ninterface CurveProps extends React.ComponentPropsWithRef<'circle'> {\n value?: number;\n size: number;\n offset: number;\n sum: number;\n thickness: number;\n lineRoundCaps: boolean | undefined;\n root?: boolean;\n color?: MantineColor;\n tooltip?: React.ReactNode;\n getStyles: GetStylesApi<RingProgressFactory>;\n}\n\nexport function Curve({\n size,\n value,\n offset,\n sum,\n thickness,\n root,\n color,\n lineRoundCaps,\n tooltip,\n getStyles,\n display,\n ...others\n}: CurveProps) {\n const theme = useMantineTheme();\n // const stroke = theme.fn.themeColor(\n // color || (theme.colorScheme === 'dark' ? 'dark' : 'gray'),\n // color ? theme.fn.primaryShade() : theme.colorScheme === 'dark' ? 4 : 1,\n // false\n // );\n\n return (\n <Tooltip.Floating disabled={!tooltip} label={tooltip}>\n <Box\n component=\"circle\"\n {...others}\n {...getStyles('curve')}\n __vars={{ '--curve-color': color ? getThemeColor(color, theme) : undefined }}\n fill=\"none\"\n strokeLinecap={lineRoundCaps ? 'round' : 'butt'}\n // stroke={color ? getThemeColor(color, theme) : undefined}\n {...getCurveProps({ sum, size, thickness, value, offset, root })}\n />\n </Tooltip.Floating>\n );\n}\n\nCurve.displayName = '@mantine/core/Curve';\n"],"names":["useMantineTheme","React","Tooltip","Box","getThemeColor","getCurveProps"],"mappings":"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"}
@@ -0,0 +1,21 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ function getCurveProps({ size, thickness, sum, value, root, offset }) {
6
+ const radius = (size * 0.9 - thickness * 2) / 2;
7
+ const deg = Math.PI * radius * 2 / 100;
8
+ const strokeDasharray = root || value === void 0 ? `${(100 - sum) * deg}, ${sum * deg}` : `${value * deg}, ${(100 - value) * deg}`;
9
+ return {
10
+ strokeWidth: thickness,
11
+ cx: size / 2 || 0,
12
+ cy: size / 2 || 0,
13
+ r: radius || 0,
14
+ transform: root ? `scale(1, -1) translate(0, -${size})` : void 0,
15
+ strokeDasharray,
16
+ strokeDashoffset: root ? 0 : offset || 0
17
+ };
18
+ }
19
+
20
+ exports.getCurveProps = getCurveProps;
21
+ //# sourceMappingURL=get-curve-props.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-curve-props.js","sources":["../../../../src/components/RingProgress/Curve/get-curve-props.ts"],"sourcesContent":["interface GetCurveProps {\n size: number;\n thickness: number;\n sum: number;\n value: number | undefined;\n root: boolean | undefined;\n offset: number;\n}\n\nexport function getCurveProps({ size, thickness, sum, value, root, offset }: GetCurveProps) {\n const radius = (size * 0.9 - thickness * 2) / 2;\n const deg = (Math.PI * radius * 2) / 100;\n\n const strokeDasharray =\n root || value === undefined\n ? `${(100 - sum) * deg}, ${sum * deg}`\n : `${value * deg}, ${(100 - value) * deg}`;\n\n return {\n strokeWidth: thickness,\n cx: size / 2 || 0,\n cy: size / 2 || 0,\n r: radius || 0,\n transform: root ? `scale(1, -1) translate(0, -${size})` : undefined,\n strokeDasharray,\n strokeDashoffset: root ? 0 : offset || 0,\n };\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;AAC7E,EAAE,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG,GAAG,GAAG,SAAS,GAAG,CAAC,IAAI,CAAC,CAAC;AAClD,EAAE,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC;AACzC,EAAE,MAAM,eAAe,GAAG,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,IAAI,GAAG,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC;AACrI,EAAE,OAAO;AACT,IAAI,WAAW,EAAE,SAAS;AAC1B,IAAI,EAAE,EAAE,IAAI,GAAG,CAAC,IAAI,CAAC;AACrB,IAAI,EAAE,EAAE,IAAI,GAAG,CAAC,IAAI,CAAC;AACrB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;AAClB,IAAI,SAAS,EAAE,IAAI,GAAG,CAAC,2BAA2B,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AACpE,IAAI,eAAe;AACnB,IAAI,gBAAgB,EAAE,IAAI,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC;AAC5C,GAAG,CAAC;AACJ;;;;"}
@@ -0,0 +1,128 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var RingProgress_module = require('./RingProgress.module.css.js');
7
+ var getCurves = require('./get-curves/get-curves.js');
8
+ var Curve = require('./Curve/Curve.js');
9
+ var factory = require('../../core/factory/factory.js');
10
+ var useProps = require('../../core/MantineProvider/use-props/use-props.js');
11
+ var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
12
+ var Box = require('../../core/Box/Box.js');
13
+ var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
14
+ var rem = require('../../core/utils/units-converters/rem.js');
15
+
16
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
17
+
18
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
+
20
+ var __defProp = Object.defineProperty;
21
+ var __defProps = Object.defineProperties;
22
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
23
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
24
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
25
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
26
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
27
+ var __spreadValues = (a, b) => {
28
+ for (var prop in b || (b = {}))
29
+ if (__hasOwnProp.call(b, prop))
30
+ __defNormalProp(a, prop, b[prop]);
31
+ if (__getOwnPropSymbols)
32
+ for (var prop of __getOwnPropSymbols(b)) {
33
+ if (__propIsEnum.call(b, prop))
34
+ __defNormalProp(a, prop, b[prop]);
35
+ }
36
+ return a;
37
+ };
38
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
39
+ var __objRest = (source, exclude) => {
40
+ var target = {};
41
+ for (var prop in source)
42
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
43
+ target[prop] = source[prop];
44
+ if (source != null && __getOwnPropSymbols)
45
+ for (var prop of __getOwnPropSymbols(source)) {
46
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
47
+ target[prop] = source[prop];
48
+ }
49
+ return target;
50
+ };
51
+ const defaultProps = {
52
+ size: 120,
53
+ thickness: 12
54
+ };
55
+ const varsResolver = createVarsResolver.createVarsResolver((_, { size, thickness }) => ({
56
+ root: {
57
+ "--rp-size": rem.rem(size),
58
+ "--rp-label-offset": rem.rem(thickness * 2)
59
+ }
60
+ }));
61
+ const RingProgress = factory.factory((_props, ref) => {
62
+ const props = useProps.useProps("RingProgress", defaultProps, _props);
63
+ const _a = props, {
64
+ classNames,
65
+ className,
66
+ style,
67
+ styles,
68
+ unstyled,
69
+ vars,
70
+ label,
71
+ sections,
72
+ size,
73
+ thickness,
74
+ roundCaps,
75
+ rootColor
76
+ } = _a, others = __objRest(_a, [
77
+ "classNames",
78
+ "className",
79
+ "style",
80
+ "styles",
81
+ "unstyled",
82
+ "vars",
83
+ "label",
84
+ "sections",
85
+ "size",
86
+ "thickness",
87
+ "roundCaps",
88
+ "rootColor"
89
+ ]);
90
+ const getStyles = useStyles.useStyles({
91
+ name: "RingProgress",
92
+ classes: RingProgress_module['default'],
93
+ props,
94
+ className,
95
+ style,
96
+ classNames,
97
+ styles,
98
+ unstyled,
99
+ vars,
100
+ varsResolver
101
+ });
102
+ const curves = getCurves.getCurves({
103
+ size,
104
+ thickness,
105
+ sections,
106
+ renderRoundedLineCaps: roundCaps,
107
+ rootColor
108
+ }).map(({ data, sum, root, lineRoundCaps, offset }, index) => /* @__PURE__ */ React__default.createElement(
109
+ Curve.Curve,
110
+ __spreadProps(__spreadValues({}, data), {
111
+ key: index,
112
+ size,
113
+ thickness,
114
+ sum,
115
+ offset,
116
+ color: data == null ? void 0 : data.color,
117
+ root,
118
+ lineRoundCaps,
119
+ getStyles
120
+ })
121
+ ));
122
+ return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), { size, ref }), others), /* @__PURE__ */ React__default.createElement("svg", __spreadValues({}, getStyles("svg")), curves), label && /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("label")), label));
123
+ });
124
+ RingProgress.classes = RingProgress_module['default'];
125
+ RingProgress.displayName = "@mantine/core/RingProgress";
126
+
127
+ exports.RingProgress = RingProgress;
128
+ //# sourceMappingURL=RingProgress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RingProgress.js","sources":["../../../src/components/RingProgress/RingProgress.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n MantineColor,\n rem,\n} from '../../core';\nimport classes from './RingProgress.module.css';\nimport { getCurves } from './get-curves/get-curves';\nimport { Curve } from './Curve/Curve';\n\ninterface RingProgressSection extends React.ComponentPropsWithRef<'circle'> {\n value: number;\n color: MantineColor;\n tooltip?: React.ReactNode;\n}\n\nexport type RingProgressStylesNames = 'root' | 'svg' | 'label' | 'curve';\nexport type RingProgressCssVariables = {\n root: '--rp-size' | '--rp-label-offset';\n};\n\nexport interface RingProgressProps\n extends BoxProps,\n StylesApiProps<RingProgressFactory>,\n ElementProps<'div'> {\n /** Label displayed in the center of the ring */\n label?: React.ReactNode;\n\n /** Ring thickness */\n thickness?: number;\n\n /** Width and height of the progress ring */\n size?: number;\n\n /** Sets whether the edges of the progress circle are rounded */\n roundCaps?: boolean;\n\n /** Ring sections */\n sections: RingProgressSection[];\n\n /** Color of the root section, key of theme.colors or CSS color value */\n rootColor?: MantineColor;\n}\n\nexport type RingProgressFactory = Factory<{\n props: RingProgressProps;\n ref: HTMLDivElement;\n stylesNames: RingProgressStylesNames;\n vars: RingProgressCssVariables;\n}>;\n\nconst defaultProps: Partial<RingProgressProps> = {\n size: 120,\n thickness: 12,\n};\n\nconst varsResolver = createVarsResolver<RingProgressFactory>((_, { size, thickness }) => ({\n root: {\n '--rp-size': rem(size),\n '--rp-label-offset': rem(thickness! * 2),\n },\n}));\n\nexport const RingProgress = factory<RingProgressFactory>((_props, ref) => {\n const props = useProps('RingProgress', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n label,\n sections,\n size,\n thickness,\n roundCaps,\n rootColor,\n ...others\n } = props;\n\n const getStyles = useStyles<RingProgressFactory>({\n name: 'RingProgress',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const curves = getCurves({\n size: size!,\n thickness: thickness!,\n sections,\n renderRoundedLineCaps: roundCaps,\n rootColor,\n }).map(({ data, sum, root, lineRoundCaps, offset }, index) => (\n <Curve\n {...data}\n key={index}\n size={size!}\n thickness={thickness!}\n sum={sum}\n offset={offset}\n color={data?.color}\n root={root}\n lineRoundCaps={lineRoundCaps}\n getStyles={getStyles}\n />\n ));\n\n return (\n <Box {...getStyles('root')} size={size} ref={ref} {...others}>\n <svg {...getStyles('svg')}>{curves}</svg>\n {label && <div {...getStyles('label')}>{label}</div>}\n </Box>\n );\n});\n\nRingProgress.classes = classes;\nRingProgress.displayName = '@mantine/core/RingProgress';\n"],"names":["createVarsResolver","rem","factory","useProps","useStyles","classes","getCurves","React","Curve","Box"],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var classes = {"root":"m-b32e4812","svg":"m-d43b5134","curve":"m-b1ca1fbf","label":"m-b23f9dc4"};
6
+
7
+ exports.default = classes;
8
+ //# sourceMappingURL=RingProgress.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RingProgress.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,55 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var __defProp = Object.defineProperty;
6
+ var __defProps = Object.defineProperties;
7
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
8
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
10
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
+ var __spreadValues = (a, b) => {
13
+ for (var prop in b || (b = {}))
14
+ if (__hasOwnProp.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ if (__getOwnPropSymbols)
17
+ for (var prop of __getOwnPropSymbols(b)) {
18
+ if (__propIsEnum.call(b, prop))
19
+ __defNormalProp(a, prop, b[prop]);
20
+ }
21
+ return a;
22
+ };
23
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
+ function getCurves({
25
+ size,
26
+ thickness,
27
+ sections,
28
+ renderRoundedLineCaps,
29
+ rootColor
30
+ }) {
31
+ const sum = sections.reduce((acc, current) => acc + current.value, 0);
32
+ const accumulated = Math.PI * ((size * 0.9 - thickness * 2) / 2) * 2;
33
+ let offset = accumulated;
34
+ const curves = [];
35
+ const curvesInOrder = [];
36
+ for (let i = 0; i < sections.length; i += 1) {
37
+ curves.push({ sum, offset, data: sections[i], root: false });
38
+ offset -= sections[i].value / 100 * accumulated;
39
+ }
40
+ curves.push({ sum, offset, data: { color: rootColor }, root: true });
41
+ curvesInOrder.push(__spreadProps(__spreadValues({}, curves[curves.length - 1]), { lineRoundCaps: false }));
42
+ if (curves.length > 2) {
43
+ curvesInOrder.push(__spreadProps(__spreadValues({}, curves[0]), { lineRoundCaps: renderRoundedLineCaps }));
44
+ curvesInOrder.push(__spreadProps(__spreadValues({}, curves[curves.length - 2]), { lineRoundCaps: renderRoundedLineCaps }));
45
+ for (let i = 1; i <= curves.length - 3; i += 1) {
46
+ curvesInOrder.push(__spreadProps(__spreadValues({}, curves[i]), { lineRoundCaps: false }));
47
+ }
48
+ } else {
49
+ curvesInOrder.push(__spreadProps(__spreadValues({}, curves[0]), { lineRoundCaps: renderRoundedLineCaps }));
50
+ }
51
+ return curvesInOrder;
52
+ }
53
+
54
+ exports.getCurves = getCurves;
55
+ //# sourceMappingURL=get-curves.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-curves.js","sources":["../../../../src/components/RingProgress/get-curves/get-curves.ts"],"sourcesContent":["import type { MantineColor } from '../../../core';\n\ninterface CurveData extends React.ComponentPropsWithRef<'circle'> {\n value: number;\n color: MantineColor;\n tooltip?: React.ReactNode;\n}\n\ninterface RootCurveData extends React.ComponentPropsWithRef<'circle'> {\n color?: MantineColor;\n}\n\ninterface GetCurves {\n sections: CurveData[];\n size: number;\n thickness: number;\n renderRoundedLineCaps: boolean | undefined;\n rootColor?: MantineColor;\n}\n\ninterface Curve {\n sum: number;\n offset: number;\n root: boolean;\n data: CurveData | RootCurveData;\n lineRoundCaps?: boolean;\n}\n\nexport function getCurves({\n size,\n thickness,\n sections,\n renderRoundedLineCaps,\n rootColor,\n}: GetCurves) {\n const sum = sections.reduce((acc, current) => acc + current.value, 0);\n const accumulated = Math.PI * ((size * 0.9 - thickness * 2) / 2) * 2;\n let offset = accumulated;\n const curves: Curve[] = [];\n const curvesInOrder: Curve[] = [];\n\n for (let i = 0; i < sections.length; i += 1) {\n curves.push({ sum, offset, data: sections[i], root: false });\n offset -= (sections[i].value / 100) * accumulated;\n }\n\n curves.push({ sum, offset, data: { color: rootColor }, root: true });\n\n // Reorder curves to layer appropriately and selectively set caps to round\n\n curvesInOrder.push({ ...curves[curves.length - 1], lineRoundCaps: false });\n if (curves.length > 2) {\n curvesInOrder.push({ ...curves[0], lineRoundCaps: renderRoundedLineCaps });\n curvesInOrder.push({ ...curves[curves.length - 2], lineRoundCaps: renderRoundedLineCaps });\n for (let i = 1; i <= curves.length - 3; i += 1) {\n curvesInOrder.push({ ...curves[i], lineRoundCaps: false });\n }\n } else {\n curvesInOrder.push({ ...curves[0], lineRoundCaps: renderRoundedLineCaps });\n }\n\n return curvesInOrder;\n}\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,95 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var SimpleGridVariables = require('./SimpleGridVariables.js');
7
+ var SimpleGrid_module = require('./SimpleGrid.module.css.js');
8
+ var factory = require('../../core/factory/factory.js');
9
+ var useProps = require('../../core/MantineProvider/use-props/use-props.js');
10
+ var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
11
+ var useRandomClassname = require('../../core/Box/use-random-classname/use-random-classname.js');
12
+ var Box = require('../../core/Box/Box.js');
13
+
14
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
15
+
16
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
+
18
+ var __defProp = Object.defineProperty;
19
+ var __defProps = Object.defineProperties;
20
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
21
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
22
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
23
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
24
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
25
+ var __spreadValues = (a, b) => {
26
+ for (var prop in b || (b = {}))
27
+ if (__hasOwnProp.call(b, prop))
28
+ __defNormalProp(a, prop, b[prop]);
29
+ if (__getOwnPropSymbols)
30
+ for (var prop of __getOwnPropSymbols(b)) {
31
+ if (__propIsEnum.call(b, prop))
32
+ __defNormalProp(a, prop, b[prop]);
33
+ }
34
+ return a;
35
+ };
36
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
37
+ var __objRest = (source, exclude) => {
38
+ var target = {};
39
+ for (var prop in source)
40
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
41
+ target[prop] = source[prop];
42
+ if (source != null && __getOwnPropSymbols)
43
+ for (var prop of __getOwnPropSymbols(source)) {
44
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
45
+ target[prop] = source[prop];
46
+ }
47
+ return target;
48
+ };
49
+ const defaultProps = {
50
+ cols: 1,
51
+ spacing: "md",
52
+ verticalSpacing: "md"
53
+ };
54
+ const SimpleGrid = factory.factory((_props, ref) => {
55
+ const props = useProps.useProps("SimpleGrid", defaultProps, _props);
56
+ const _a = props, {
57
+ classNames,
58
+ className,
59
+ style,
60
+ styles,
61
+ unstyled,
62
+ vars,
63
+ cols,
64
+ verticalSpacing,
65
+ spacing
66
+ } = _a, others = __objRest(_a, [
67
+ "classNames",
68
+ "className",
69
+ "style",
70
+ "styles",
71
+ "unstyled",
72
+ "vars",
73
+ "cols",
74
+ "verticalSpacing",
75
+ "spacing"
76
+ ]);
77
+ const getStyles = useStyles.useStyles({
78
+ name: "SimpleGrid",
79
+ classes: SimpleGrid_module['default'],
80
+ props,
81
+ className,
82
+ style,
83
+ classNames,
84
+ styles,
85
+ unstyled,
86
+ vars
87
+ });
88
+ const responsiveClassName = useRandomClassname.useRandomClassName();
89
+ return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(SimpleGridVariables.SimpleGridVariables, __spreadProps(__spreadValues({}, props), { selector: `.${responsiveClassName}` })), /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadValues({ ref }, getStyles("root", { className: responsiveClassName })), others)));
90
+ });
91
+ SimpleGrid.classes = SimpleGrid_module['default'];
92
+ SimpleGrid.displayName = "@mantine/core/SimpleGrid";
93
+
94
+ exports.SimpleGrid = SimpleGrid;
95
+ //# sourceMappingURL=SimpleGrid.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleGrid.js","sources":["../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n Factory,\n useRandomClassName,\n StyleProp,\n MantineSpacing,\n} from '../../core';\nimport { SimpleGridVariables } from './SimpleGridVariables';\nimport classes from './SimpleGrid.module.css';\n\nexport type SimpleGridStylesNames = 'root';\n\nexport interface SimpleGridProps\n extends BoxProps,\n StylesApiProps<SimpleGridFactory>,\n ElementProps<'div'> {\n /** Number of columns, `1` by default */\n cols?: StyleProp<number>;\n\n /** Spacing between columns, `'md'` by default */\n spacing?: StyleProp<MantineSpacing | (string & {}) | number>;\n\n /** Spacing between rows, `'md'` by default */\n verticalSpacing?: StyleProp<MantineSpacing | (string & {}) | number>;\n}\n\nexport type SimpleGridFactory = Factory<{\n props: SimpleGridProps;\n ref: HTMLDivElement;\n stylesNames: SimpleGridStylesNames;\n}>;\n\nconst defaultProps: Partial<SimpleGridProps> = {\n cols: 1,\n spacing: 'md',\n verticalSpacing: 'md',\n};\n\nexport const SimpleGrid = factory<SimpleGridFactory>((_props, ref) => {\n const props = useProps('SimpleGrid', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n cols,\n verticalSpacing,\n spacing,\n ...others\n } = props;\n\n const getStyles = useStyles<SimpleGridFactory>({\n name: 'SimpleGrid',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n\n const responsiveClassName = useRandomClassName();\n\n return (\n <>\n <SimpleGridVariables {...props} selector={`.${responsiveClassName}`} />\n <Box ref={ref} {...getStyles('root', { className: responsiveClassName })} {...others} />\n </>\n );\n});\n\nSimpleGrid.classes = classes;\nSimpleGrid.displayName = '@mantine/core/SimpleGrid';\n"],"names":["factory","useProps","useStyles","classes","useRandomClassName","React","SimpleGridVariables","Box"],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var classes = {"root":"m-2415a157"};
6
+
7
+ exports.default = classes;
8
+ //# sourceMappingURL=SimpleGrid.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleGrid.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,60 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var MantineThemeProvider = require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js');
7
+ var filterProps = require('../../core/utils/filter-props/filter-props.js');
8
+ var getSize = require('../../core/utils/get-size/get-size.js');
9
+ var getBaseValue = require('../../core/utils/get-base-value/get-base-value.js');
10
+ var keys = require('../../core/utils/keys/keys.js');
11
+ var getSortedBreakpoints = require('../../core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js');
12
+ var InlineStyles = require('../../core/InlineStyles/InlineStyles.js');
13
+
14
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
15
+
16
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
+
18
+ function SimpleGridVariables({
19
+ spacing,
20
+ verticalSpacing,
21
+ cols,
22
+ selector
23
+ }) {
24
+ var _a;
25
+ const theme = MantineThemeProvider.useMantineTheme();
26
+ const baseStyles = filterProps.filterProps({
27
+ "--sg-spacing-x": getSize.getSpacing(getBaseValue.getBaseValue(spacing)),
28
+ "--sg-spacing-y": getSize.getSpacing(getBaseValue.getBaseValue(verticalSpacing)),
29
+ "--sg-cols": (_a = getBaseValue.getBaseValue(cols)) == null ? void 0 : _a.toString()
30
+ });
31
+ const queries = keys.keys(theme.breakpoints).reduce(
32
+ (acc, breakpoint) => {
33
+ if (!acc[breakpoint]) {
34
+ acc[breakpoint] = {};
35
+ }
36
+ if (typeof spacing === "object" && spacing[breakpoint] !== void 0) {
37
+ acc[breakpoint]["--sg-spacing-x"] = getSize.getSpacing(spacing[breakpoint]);
38
+ }
39
+ if (typeof verticalSpacing === "object" && verticalSpacing[breakpoint] !== void 0) {
40
+ acc[breakpoint]["--sg-spacing-y"] = getSize.getSpacing(verticalSpacing[breakpoint]);
41
+ }
42
+ if (typeof cols === "object" && cols[breakpoint] !== void 0) {
43
+ acc[breakpoint]["--sg-cols"] = cols[breakpoint];
44
+ }
45
+ return acc;
46
+ },
47
+ {}
48
+ );
49
+ const sortedBreakpoints = getSortedBreakpoints.getSortedBreakpoints(keys.keys(queries), theme).filter(
50
+ (breakpoint) => keys.keys(queries[breakpoint.value]).length > 0
51
+ );
52
+ const media = sortedBreakpoints.map((breakpoint) => ({
53
+ query: `(min-width: ${theme.breakpoints[breakpoint.value]})`,
54
+ styles: queries[breakpoint.value]
55
+ }));
56
+ return /* @__PURE__ */ React__default.createElement(InlineStyles.InlineStyles, { styles: baseStyles, media, selector });
57
+ }
58
+
59
+ exports.SimpleGridVariables = SimpleGridVariables;
60
+ //# sourceMappingURL=SimpleGridVariables.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleGridVariables.js","sources":["../../../src/components/SimpleGrid/SimpleGridVariables.tsx"],"sourcesContent":["import React from 'react';\nimport {\n getSortedBreakpoints,\n useMantineTheme,\n keys,\n getSpacing,\n MantineBreakpoint,\n filterProps,\n InlineStyles,\n getBaseValue,\n} from '../../core';\nimport type { SimpleGridProps } from './SimpleGrid';\n\ninterface SimpleGridVariablesProps extends SimpleGridProps {\n selector: string;\n}\n\nexport function SimpleGridVariables({\n spacing,\n verticalSpacing,\n cols,\n selector,\n}: SimpleGridVariablesProps) {\n const theme = useMantineTheme();\n\n const baseStyles: Record<string, string | undefined> = filterProps({\n '--sg-spacing-x': getSpacing(getBaseValue(spacing)),\n '--sg-spacing-y': getSpacing(getBaseValue(verticalSpacing)),\n '--sg-cols': getBaseValue(cols)?.toString(),\n });\n\n const queries = keys(theme.breakpoints).reduce<Record<string, Record<string, any>>>(\n (acc, breakpoint) => {\n if (!acc[breakpoint]) {\n acc[breakpoint] = {};\n }\n\n if (typeof spacing === 'object' && spacing[breakpoint] !== undefined) {\n acc[breakpoint]['--sg-spacing-x'] = getSpacing(spacing[breakpoint]);\n }\n\n if (typeof verticalSpacing === 'object' && verticalSpacing[breakpoint] !== undefined) {\n acc[breakpoint]['--sg-spacing-y'] = getSpacing(verticalSpacing[breakpoint]);\n }\n\n if (typeof cols === 'object' && cols[breakpoint] !== undefined) {\n acc[breakpoint]['--sg-cols'] = cols[breakpoint];\n }\n\n return acc;\n },\n {}\n );\n\n const sortedBreakpoints = getSortedBreakpoints(keys(queries), theme).filter(\n (breakpoint) => keys(queries[breakpoint.value]).length > 0\n );\n\n const media = sortedBreakpoints.map((breakpoint) => ({\n query: `(min-width: ${theme.breakpoints[breakpoint.value as MantineBreakpoint]})`,\n styles: queries[breakpoint.value],\n }));\n\n return <InlineStyles styles={baseStyles} media={media} selector={selector} />;\n}\n"],"names":["useMantineTheme","filterProps","getSpacing","getBaseValue","keys","getSortedBreakpoints","React","InlineStyles"],"mappings":";;;;;;;;;;;;;;;;;AAUO,SAAS,mBAAmB,CAAC;AACpC,EAAE,OAAO;AACT,EAAE,eAAe;AACjB,EAAE,IAAI;AACN,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,KAAK,GAAGA,oCAAe,EAAE,CAAC;AAClC,EAAE,MAAM,UAAU,GAAGC,uBAAW,CAAC;AACjC,IAAI,gBAAgB,EAAEC,kBAAU,CAACC,yBAAY,CAAC,OAAO,CAAC,CAAC;AACvD,IAAI,gBAAgB,EAAED,kBAAU,CAACC,yBAAY,CAAC,eAAe,CAAC,CAAC;AAC/D,IAAI,WAAW,EAAE,CAAC,EAAE,GAAGA,yBAAY,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE;AAC3E,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,OAAO,GAAGC,SAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM;AAChD,IAAI,CAAC,GAAG,EAAE,UAAU,KAAK;AACzB,MAAM,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;AAC5B,QAAQ,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;AAC7B,OAAO;AACP,MAAM,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,EAAE;AACzE,QAAQ,GAAG,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,GAAGF,kBAAU,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAC5E,OAAO;AACP,MAAM,IAAI,OAAO,eAAe,KAAK,QAAQ,IAAI,eAAe,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,EAAE;AACzF,QAAQ,GAAG,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,GAAGA,kBAAU,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC;AACpF,OAAO;AACP,MAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,EAAE;AACnE,QAAQ,GAAG,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;AACxD,OAAO;AACP,MAAM,OAAO,GAAG,CAAC;AACjB,KAAK;AACL,IAAI,EAAE;AACN,GAAG,CAAC;AACJ,EAAE,MAAM,iBAAiB,GAAGG,yCAAoB,CAACD,SAAI,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM;AAC7E,IAAI,CAAC,UAAU,KAAKA,SAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC;AAC9D,GAAG,CAAC;AACJ,EAAE,MAAM,KAAK,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AACvD,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAChE,IAAI,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC;AACrC,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,uBAAuBE,cAAK,CAAC,aAAa,CAACC,yBAAY,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;AACpG;;;;"}