@maxhub/max-ui 0.2.0 → 0.3.0

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 (214) hide show
  1. package/README.md +130 -7
  2. package/dist/index.js +1 -1
  3. package/dist/src/components/Avatar/index.d.ts +12 -0
  4. package/dist/src/components/Avatar/index.d.ts.map +1 -0
  5. package/dist/src/components/Avatar/parts/AvatarCloseButton/AvatarCloseButton.d.ts +5 -0
  6. package/dist/src/components/Avatar/parts/AvatarCloseButton/AvatarCloseButton.d.ts.map +1 -0
  7. package/dist/src/components/Avatar/parts/AvatarCloseButton/helpers.d.ts +2 -0
  8. package/dist/src/components/Avatar/parts/AvatarCloseButton/helpers.d.ts.map +1 -0
  9. package/dist/src/components/Avatar/parts/AvatarCloseButton/index.d.ts +2 -0
  10. package/dist/src/components/Avatar/parts/AvatarCloseButton/index.d.ts.map +1 -0
  11. package/dist/src/components/Avatar/parts/AvatarContainer/AvatarContainer.d.ts +15 -0
  12. package/dist/src/components/Avatar/parts/AvatarContainer/AvatarContainer.d.ts.map +1 -0
  13. package/dist/src/components/Avatar/parts/AvatarContainer/AvatarContainerContext.d.ts +7 -0
  14. package/dist/src/components/Avatar/parts/AvatarContainer/AvatarContainerContext.d.ts.map +1 -0
  15. package/dist/src/components/Avatar/parts/AvatarContainer/index.d.ts +2 -0
  16. package/dist/src/components/Avatar/parts/AvatarContainer/index.d.ts.map +1 -0
  17. package/dist/src/components/Avatar/parts/AvatarIcon/AvatarIcon.d.ts +5 -0
  18. package/dist/src/components/Avatar/parts/AvatarIcon/AvatarIcon.d.ts.map +1 -0
  19. package/dist/src/components/Avatar/parts/AvatarIcon/index.d.ts +2 -0
  20. package/dist/src/components/Avatar/parts/AvatarIcon/index.d.ts.map +1 -0
  21. package/dist/src/components/Avatar/parts/AvatarImage/AvatarImage.d.ts +8 -0
  22. package/dist/src/components/Avatar/parts/AvatarImage/AvatarImage.d.ts.map +1 -0
  23. package/dist/src/components/Avatar/parts/AvatarImage/index.d.ts +2 -0
  24. package/dist/src/components/Avatar/parts/AvatarImage/index.d.ts.map +1 -0
  25. package/dist/src/components/Avatar/parts/AvatarOnlineDot/AvatarOnlineDot.d.ts +5 -0
  26. package/dist/src/components/Avatar/parts/AvatarOnlineDot/AvatarOnlineDot.d.ts.map +1 -0
  27. package/dist/src/components/Avatar/parts/AvatarOnlineDot/helpers.d.ts +2 -0
  28. package/dist/src/components/Avatar/parts/AvatarOnlineDot/helpers.d.ts.map +1 -0
  29. package/dist/src/components/Avatar/parts/AvatarOnlineDot/index.d.ts +2 -0
  30. package/dist/src/components/Avatar/parts/AvatarOnlineDot/index.d.ts.map +1 -0
  31. package/dist/src/components/Avatar/parts/AvatarOverlay/AvatarOverlay.d.ts +5 -0
  32. package/dist/src/components/Avatar/parts/AvatarOverlay/AvatarOverlay.d.ts.map +1 -0
  33. package/dist/src/components/Avatar/parts/AvatarOverlay/index.d.ts +2 -0
  34. package/dist/src/components/Avatar/parts/AvatarOverlay/index.d.ts.map +1 -0
  35. package/dist/src/components/Avatar/parts/AvatarText/AvatarText.d.ts +7 -0
  36. package/dist/src/components/Avatar/parts/AvatarText/AvatarText.d.ts.map +1 -0
  37. package/dist/src/components/Avatar/parts/AvatarText/helpers.d.ts +5 -0
  38. package/dist/src/components/Avatar/parts/AvatarText/helpers.d.ts.map +1 -0
  39. package/dist/src/components/Avatar/parts/AvatarText/index.d.ts +2 -0
  40. package/dist/src/components/Avatar/parts/AvatarText/index.d.ts.map +1 -0
  41. package/dist/src/components/Avatar/parts/index.d.ts +8 -0
  42. package/dist/src/components/Avatar/parts/index.d.ts.map +1 -0
  43. package/dist/src/components/Button/Button.d.ts +17 -0
  44. package/dist/src/components/Button/Button.d.ts.map +1 -0
  45. package/dist/src/components/Button/helpers.d.ts +9 -0
  46. package/dist/src/components/Button/helpers.d.ts.map +1 -0
  47. package/dist/src/components/Button/index.d.ts +2 -0
  48. package/dist/src/components/Button/index.d.ts.map +1 -0
  49. package/dist/src/components/CellAction/CellAction.d.ts +16 -0
  50. package/dist/src/components/CellAction/CellAction.d.ts.map +1 -0
  51. package/dist/src/components/CellAction/index.d.ts +2 -0
  52. package/dist/src/components/CellAction/index.d.ts.map +1 -0
  53. package/dist/src/components/CellHeader/CellHeader.d.ts +12 -0
  54. package/dist/src/components/CellHeader/CellHeader.d.ts.map +1 -0
  55. package/dist/src/components/CellHeader/index.d.ts +2 -0
  56. package/dist/src/components/CellHeader/index.d.ts.map +1 -0
  57. package/dist/src/components/CellInput/CellInput.d.ts +11 -0
  58. package/dist/src/components/CellInput/CellInput.d.ts.map +1 -0
  59. package/dist/src/components/CellInput/index.d.ts +2 -0
  60. package/dist/src/components/CellInput/index.d.ts.map +1 -0
  61. package/dist/src/components/CellList/CellList.d.ts +9 -0
  62. package/dist/src/components/CellList/CellList.d.ts.map +1 -0
  63. package/dist/src/components/CellList/index.d.ts +2 -0
  64. package/dist/src/components/CellList/index.d.ts.map +1 -0
  65. package/dist/src/components/CellSimple/CellSimple.d.ts +25 -0
  66. package/dist/src/components/CellSimple/CellSimple.d.ts.map +1 -0
  67. package/dist/src/components/CellSimple/index.d.ts +2 -0
  68. package/dist/src/components/CellSimple/index.d.ts.map +1 -0
  69. package/dist/src/components/Counter/Counter.d.ts +9 -0
  70. package/dist/src/components/Counter/Counter.d.ts.map +1 -0
  71. package/dist/src/components/Counter/index.d.ts +2 -0
  72. package/dist/src/components/Counter/index.d.ts.map +1 -0
  73. package/dist/src/components/IconButton/IconButton.d.ts +15 -0
  74. package/dist/src/components/IconButton/IconButton.d.ts.map +1 -0
  75. package/dist/src/components/IconButton/helpers.d.ts +5 -0
  76. package/dist/src/components/IconButton/helpers.d.ts.map +1 -0
  77. package/dist/src/components/IconButton/index.d.ts +2 -0
  78. package/dist/src/components/IconButton/index.d.ts.map +1 -0
  79. package/dist/src/components/Input/Input.d.ts +17 -0
  80. package/dist/src/components/Input/Input.d.ts.map +1 -0
  81. package/dist/src/components/Input/index.d.ts +2 -0
  82. package/dist/src/components/Input/index.d.ts.map +1 -0
  83. package/dist/src/components/MaxUI/MaxUI.d.ts +8 -0
  84. package/dist/src/components/MaxUI/MaxUI.d.ts.map +1 -0
  85. package/dist/src/components/MaxUI/MaxUIContext.d.ts +8 -0
  86. package/dist/src/components/MaxUI/MaxUIContext.d.ts.map +1 -0
  87. package/dist/src/components/MaxUI/index.d.ts +3 -0
  88. package/dist/src/components/MaxUI/index.d.ts.map +1 -0
  89. package/dist/src/components/Spinner/Spinner.d.ts +3 -0
  90. package/dist/src/components/Spinner/Spinner.d.ts.map +1 -0
  91. package/dist/src/components/Spinner/SpinnerAndroid.d.ts +4 -0
  92. package/dist/src/components/Spinner/SpinnerAndroid.d.ts.map +1 -0
  93. package/dist/src/components/Spinner/SpinnerIos.d.ts +4 -0
  94. package/dist/src/components/Spinner/SpinnerIos.d.ts.map +1 -0
  95. package/dist/src/components/Spinner/index.d.ts +3 -0
  96. package/dist/src/components/Spinner/index.d.ts.map +1 -0
  97. package/dist/src/components/Spinner/types.d.ts +11 -0
  98. package/dist/src/components/Spinner/types.d.ts.map +1 -0
  99. package/dist/src/components/Switch/Switch.d.ts +5 -0
  100. package/dist/src/components/Switch/Switch.d.ts.map +1 -0
  101. package/dist/src/components/Switch/index.d.ts +2 -0
  102. package/dist/src/components/Switch/index.d.ts.map +1 -0
  103. package/dist/src/components/Textarea/Textarea.d.ts +10 -0
  104. package/dist/src/components/Textarea/Textarea.d.ts.map +1 -0
  105. package/dist/src/components/Textarea/index.d.ts +2 -0
  106. package/dist/src/components/Textarea/index.d.ts.map +1 -0
  107. package/dist/src/components/Typography/index.d.ts +11 -0
  108. package/dist/src/components/Typography/index.d.ts.map +1 -0
  109. package/dist/src/components/Typography/parts/TypographyAction/TypographyAction.d.ts +8 -0
  110. package/dist/src/components/Typography/parts/TypographyAction/TypographyAction.d.ts.map +1 -0
  111. package/dist/src/components/Typography/parts/TypographyAction/index.d.ts +2 -0
  112. package/dist/src/components/Typography/parts/TypographyAction/index.d.ts.map +1 -0
  113. package/dist/src/components/Typography/parts/TypographyBody/TypographyBody.d.ts +8 -0
  114. package/dist/src/components/Typography/parts/TypographyBody/TypographyBody.d.ts.map +1 -0
  115. package/dist/src/components/Typography/parts/TypographyBody/index.d.ts +2 -0
  116. package/dist/src/components/Typography/parts/TypographyBody/index.d.ts.map +1 -0
  117. package/dist/src/components/Typography/parts/TypographyDisplay/TypographyDisplay.d.ts +6 -0
  118. package/dist/src/components/Typography/parts/TypographyDisplay/TypographyDisplay.d.ts.map +1 -0
  119. package/dist/src/components/Typography/parts/TypographyDisplay/index.d.ts +2 -0
  120. package/dist/src/components/Typography/parts/TypographyDisplay/index.d.ts.map +1 -0
  121. package/dist/src/components/Typography/parts/TypographyHeadline/TypographyHeadline.d.ts +8 -0
  122. package/dist/src/components/Typography/parts/TypographyHeadline/TypographyHeadline.d.ts.map +1 -0
  123. package/dist/src/components/Typography/parts/TypographyHeadline/index.d.ts +2 -0
  124. package/dist/src/components/Typography/parts/TypographyHeadline/index.d.ts.map +1 -0
  125. package/dist/src/components/Typography/parts/TypographyLabel/TypographyLabel.d.ts +8 -0
  126. package/dist/src/components/Typography/parts/TypographyLabel/TypographyLabel.d.ts.map +1 -0
  127. package/dist/src/components/Typography/parts/TypographyLabel/index.d.ts +2 -0
  128. package/dist/src/components/Typography/parts/TypographyLabel/index.d.ts.map +1 -0
  129. package/dist/src/components/Typography/parts/TypographyTitle/TypographyTitle.d.ts +8 -0
  130. package/dist/src/components/Typography/parts/TypographyTitle/TypographyTitle.d.ts.map +1 -0
  131. package/dist/src/components/Typography/parts/TypographyTitle/index.d.ts +2 -0
  132. package/dist/src/components/Typography/parts/TypographyTitle/index.d.ts.map +1 -0
  133. package/dist/src/components/Typography/parts/index.d.ts +7 -0
  134. package/dist/src/components/Typography/parts/index.d.ts.map +1 -0
  135. package/dist/src/components/index.d.ts +16 -0
  136. package/dist/src/components/index.d.ts.map +1 -0
  137. package/dist/src/helpers/dispatch-change-native-event.d.ts +7 -0
  138. package/dist/src/helpers/dispatch-change-native-event.d.ts.map +1 -0
  139. package/dist/src/helpers/get-css-size-value.d.ts +2 -0
  140. package/dist/src/helpers/get-css-size-value.d.ts.map +1 -0
  141. package/dist/src/helpers/get-subtree.d.ts +19 -0
  142. package/dist/src/helpers/get-subtree.d.ts.map +1 -0
  143. package/dist/src/helpers/has-react-node.d.ts +3 -0
  144. package/dist/src/helpers/has-react-node.d.ts.map +1 -0
  145. package/dist/src/helpers/index.d.ts +8 -0
  146. package/dist/src/helpers/index.d.ts.map +1 -0
  147. package/dist/src/helpers/is-ios.d.ts +2 -0
  148. package/dist/src/helpers/is-ios.d.ts.map +1 -0
  149. package/dist/src/helpers/merge-refs.d.ts +3 -0
  150. package/dist/src/helpers/merge-refs.d.ts.map +1 -0
  151. package/dist/src/helpers/noop.d.ts +3 -0
  152. package/dist/src/helpers/noop.d.ts.map +1 -0
  153. package/dist/src/hooks/index.d.ts +7 -0
  154. package/dist/src/hooks/index.d.ts.map +1 -0
  155. package/dist/src/hooks/use-button-like-props.d.ts +10 -0
  156. package/dist/src/hooks/use-button-like-props.d.ts.map +1 -0
  157. package/dist/src/hooks/use-callback-ref.d.ts +6 -0
  158. package/dist/src/hooks/use-callback-ref.d.ts.map +1 -0
  159. package/dist/src/hooks/use-color-scheme.d.ts +3 -0
  160. package/dist/src/hooks/use-color-scheme.d.ts.map +1 -0
  161. package/dist/src/hooks/use-image-loading-status.d.ts +8 -0
  162. package/dist/src/hooks/use-image-loading-status.d.ts.map +1 -0
  163. package/dist/src/hooks/use-platform.d.ts +3 -0
  164. package/dist/src/hooks/use-platform.d.ts.map +1 -0
  165. package/dist/src/hooks/use-system-color-scheme.d.ts +7 -0
  166. package/dist/src/hooks/use-system-color-scheme.d.ts.map +1 -0
  167. package/dist/src/icons/index.d.ts +8 -0
  168. package/dist/src/icons/index.d.ts.map +1 -0
  169. package/dist/src/index.d.ts +7 -0
  170. package/dist/src/index.d.ts.map +1 -0
  171. package/dist/src/internal/ClearableInput/ClearableInput.d.ts +10 -0
  172. package/dist/src/internal/ClearableInput/ClearableInput.d.ts.map +1 -0
  173. package/dist/src/internal/ClearableInput/index.d.ts +2 -0
  174. package/dist/src/internal/ClearableInput/index.d.ts.map +1 -0
  175. package/dist/src/internal/Container/Container.d.ts +7 -0
  176. package/dist/src/internal/Container/Container.d.ts.map +1 -0
  177. package/dist/src/internal/Container/index.d.ts +2 -0
  178. package/dist/src/internal/Container/index.d.ts.map +1 -0
  179. package/dist/src/internal/EllipsisText/EllipsisText.d.ts +14 -0
  180. package/dist/src/internal/EllipsisText/EllipsisText.d.ts.map +1 -0
  181. package/dist/src/internal/EllipsisText/index.d.ts +2 -0
  182. package/dist/src/internal/EllipsisText/index.d.ts.map +1 -0
  183. package/dist/src/internal/Flex/Flex.d.ts +19 -0
  184. package/dist/src/internal/Flex/Flex.d.ts.map +1 -0
  185. package/dist/src/internal/Flex/index.d.ts +2 -0
  186. package/dist/src/internal/Flex/index.d.ts.map +1 -0
  187. package/dist/src/internal/Grid/Grid.d.ts +17 -0
  188. package/dist/src/internal/Grid/Grid.d.ts.map +1 -0
  189. package/dist/src/internal/Grid/index.d.ts +2 -0
  190. package/dist/src/internal/Grid/index.d.ts.map +1 -0
  191. package/dist/src/internal/Panel/Panel.d.ts +9 -0
  192. package/dist/src/internal/Panel/Panel.d.ts.map +1 -0
  193. package/dist/src/internal/Panel/index.d.ts +2 -0
  194. package/dist/src/internal/Panel/index.d.ts.map +1 -0
  195. package/dist/src/internal/Ripple/Ripple.d.ts +5 -0
  196. package/dist/src/internal/Ripple/Ripple.d.ts.map +1 -0
  197. package/dist/src/internal/Ripple/index.d.ts +2 -0
  198. package/dist/src/internal/Ripple/index.d.ts.map +1 -0
  199. package/dist/src/internal/SvgButton/SvgButton.d.ts +6 -0
  200. package/dist/src/internal/SvgButton/SvgButton.d.ts.map +1 -0
  201. package/dist/src/internal/SvgButton/index.d.ts +2 -0
  202. package/dist/src/internal/SvgButton/index.d.ts.map +1 -0
  203. package/dist/src/internal/Tappable/Tappable.d.ts +13 -0
  204. package/dist/src/internal/Tappable/Tappable.d.ts.map +1 -0
  205. package/dist/src/internal/Tappable/helpers.d.ts +11 -0
  206. package/dist/src/internal/Tappable/helpers.d.ts.map +1 -0
  207. package/dist/src/internal/Tappable/index.d.ts +2 -0
  208. package/dist/src/internal/Tappable/index.d.ts.map +1 -0
  209. package/dist/src/internal/index.d.ts +10 -0
  210. package/dist/src/internal/index.d.ts.map +1 -0
  211. package/dist/src/types.d.ts +11 -0
  212. package/dist/src/types.d.ts.map +1 -0
  213. package/dist/styles.css +1 -1
  214. package/package.json +40 -37
package/README.md CHANGED
@@ -1,23 +1,41 @@
1
1
  [![npm latest package](https://img.shields.io/npm/v/@maxhub/max-ui/latest.svg)](https://www.npmjs.com/package/@maxhub/max-ui)
2
2
  [![storybook](https://img.shields.io/badge/storybook-available-brightgreen)](https://max-messenger.github.io/max-ui)
3
3
 
4
- # MaxUI
4
+ # MAX UI
5
5
 
6
- ## Установка
6
+ ## Обзор
7
7
 
8
- ```sh
9
- npm install @maxhub/max-ui
8
+ MAX UI — библиотека React-компонентов для создания мини-приложений в MAX, сторонних суперприложений, а также standalone-приложений. Готовые компоненты библиотеки умеют подстраиваться под разные платформы и устройства
9
+
10
+ ## Особенности MAX UI
11
+ - **Дизайн-система MAX**
12
+ <br/>Библиотека компонентов разработана на основе дизайн-системы MAX, что позволяет мини-приложениям выглядеть гармонично в интерфейсе цифровой платформы
13
+
14
+ - **Единообразие на разных платформах**
15
+ <br/>Компоненты библиотеки органично встраиваются в мобильные платформы iOS и Android, а также в экраны устройств разного размера
16
+
17
+ - **Современный UI Kit**
18
+ <br/>Typescript, React 18+, полиморфные компоненты и подробная [документация](https://dev.max.ru/ui) с примерами
19
+
20
+ ## Подключение библиотеки MAX UI
21
+
22
+ ### Установка
23
+
24
+ Установите библиотеку одной из команд:
25
+
26
+ ```shell
27
+ npm i @maxhub/max-ui
10
28
  ```
11
29
 
12
- ```sh
30
+ ```shell
13
31
  yarn add @maxhub/max-ui
14
32
  ```
15
33
 
16
- ```sh
34
+ ```shell
17
35
  pnpm add @maxhub/max-ui
18
36
  ```
19
37
 
20
- ## Быстрый старт
38
+ #### Быстрый старт
21
39
 
22
40
  ```typescript jsx
23
41
  import '@maxhub/max-ui/dist/styles.css';
@@ -35,3 +53,108 @@ const App = () => {
35
53
  )
36
54
  }
37
55
  ```
56
+
57
+ ### Подключение компонентов
58
+
59
+ Оберните код вашего приложения в провайдер MAX UI и подключите стили:
60
+
61
+ ```jsx filename="index.jsx"
62
+ import { createRoot } from 'react-dom/client';
63
+ import { MaxUI } from '@maxhub/max-ui';
64
+ import '@maxhub/max-ui/dist/styles.css';
65
+ import App from './App.jsx';
66
+
67
+
68
+ const Root = () => (
69
+ <MaxUI>
70
+ <App />
71
+ </MaxUI>
72
+ )
73
+
74
+ createRoot(document.getElementById('root')).render(<Root />);
75
+ ```
76
+
77
+ Используйте компоненты библиотеки:
78
+
79
+ ```jsx filename="App.jsx"
80
+ import { Panel, Grid, Container, Flex, Avatar, Typography } from '@maxhub/max-ui';
81
+
82
+ const App = () => (
83
+ <Panel mode="secondary" className="panel">
84
+ <Grid gap={12} cols={1}>
85
+ <Container className="me">
86
+ <Flex direction="column" align="center">
87
+ <Avatar.Container size={72} form="squircle" className="me__avatar">
88
+ <Avatar.Image src="https://sun9-21.userapi.com/1N-rJz6-7hoTDW7MhpWe19e_R_TdGV6Wu5ZC0A/67o6-apnAks.jpg" />
89
+ </Avatar.Container>
90
+
91
+ <Typography.Title>Иван Иванов</Typography.Title>
92
+ </Flex>
93
+ </Container>
94
+ </Grid>
95
+ </Panel>
96
+ )
97
+
98
+ export default App;
99
+ ```
100
+
101
+ ## Компоненты библиотеки MAX UI
102
+
103
+ Компоненты библиотеки MAX UI мимикрируют под нативные компоненты iOS и Android и умеют поддерживать светлую и тёмную темы оформления. Тема и платформа определяются автоматически в провайдере MAX UI, но могут быть переопределены через свойства `platform` (`'ios'` | `'android'`) и `colorScheme` (`'light'` | `'dark'`)
104
+
105
+ ```jsx
106
+ import { createRoot } from 'react-dom/client';
107
+ import { MaxUI } from '@maxhub/max-ui';
108
+ import '@maxhub/max-ui/dist/styles.css';
109
+ import App from './App.jsx';
110
+
111
+
112
+ const Root = () => (
113
+     <MaxUI platform="android" colorScheme="dark">
114
+         <App />
115
+     </MaxUI>
116
+ )
117
+ createRoot(document.getElementById('root')).render(<Root />);
118
+ ```
119
+
120
+ ### Полиморфные компоненты
121
+
122
+ Полиморфность компонентов реализована через паттерн `asChild prop`: это позволяет предотвратить ошибки типизации и не увеличивать время typescript-процессинга
123
+
124
+ В DOM полиморфные компоненты могут быть представлены в виде тегов. Например, компонент `Button` — как `button`, `a`, `span` и так далее
125
+
126
+ | React-компонент | DOM* |
127
+ | - | - |
128
+ | < Button ><br/>Я — кнопка<br/>< /Button > | < button class="btn-classes" ><br/>Я — кнопка<br/>< /button > |
129
+ | < Button asChild ><br/>< a href="#" >Я — ссылка!< /a ><br/>< /Button > | < a class="btn-classes" href="#" ><br/>Я — ссылка!<br/>< /a > |
130
+ | import { Link } from "react-router-dom";<br/><br/>< Button asChild ><br/>< Link to="/home" >Я — ссылка RRD!< /a ><br/>< /Button > | < a class="btn-classes" href="/home" ><br/>Я — ссылка RRD!<br/>< /a > |
131
+ | | *упрощённое представление компонента |
132
+
133
+ ### Корнер-кейс с asChild
134
+
135
+ Паттерн `asChild prop` может привести к конфликту свойств, если у одинаковых свойств родительского и дочернего компонентов разные значения. В этом случае свойства `className`, `style` и обработчики событий `on*` (`onClick`, `onChange` и другие) объединяются. В остальных случаях приоритет остаётся у свойств родительского компонента
136
+
137
+ | React-компонент | DOM* |
138
+ | - | - |
139
+ | < Button disabled={true} asChild ><br/>< button disabled={false} ><br/>Кнопка<br/>< /button > | < /Button ><br/>< button class="btn-classes" disabled ><br/>Я — кнопка<br/>< /button > |
140
+ | < Button style={{ color: \'red\' }} asChild ><br/>< button style={{ background: \'green\' }} ><br/>Кнопка<br/>< /button> | < /Button ><br/>< button class="btn-classes" style={{ color: \'red\', background: \'green\' }} ><br/>Я — кнопка<br/>< /button > |
141
+ | | *упрощённое представление компонента |
142
+
143
+ ### Кастомизация компонентоваа
144
+ Библиотека предоставляет API для кастомизации, но не гарантирует отсутствие изменений в следующих мажорных версиях. Любая кастомизация компонентов — ответственность разработчика мини-приложения
145
+
146
+ В MAX UI есть два способа кастомизации компонентов: переопределение CSS-переменных и свойство `innerClassNames`
147
+
148
+ - **Переопределение CSS-переменных**
149
+ <br/>Все токены дизайн-системы MAX заданы в CSS-переменных. Вы можете переопределить переменные как для конкретного компонента, так и для всей темы в целом
150
+
151
+ - **Свойство** `innerClassNames`
152
+ <br/>Многосоставные компоненты, например `Button`, имеют свойство `innerClassNames`. Он позволяет указать `className` для внутренних элементов
153
+
154
+ | React-компонент | DOM* |
155
+ | - | - |
156
+ | < Button<br/>  disabled={true}<br/> iconBefore={< svg / >}<br/>><br/>   Кнопка с иконкой<br/>< /Button > | < button class="btn-classes" ><br/>   < span class="icon-before-classes" ><br/>      < svg / ><br/>   < /span ><br/>   < span >Я — кнопка</span><br/>< /button > |
157
+ | < Button <br/>   disabled={true}<br/>   iconBefore={< svg / >}<br/>   innerClassNames={{<br/>      iconBefore: \'my-custom-icon-class\'<br/>   }}<br/> ><br/>   Кнопка с иконкой<br/>< /Button > | < button class="btn-classes" ><br/>   < span class="icon-before-classes my-custom-icon-class" ><br/>      < svg / ><br/>   < /span ><br/>   < span >Я — кнопка< /span ><br/>< /button > |
158
+ | | *упрощённое представление компонента |
159
+
160
+ <br/>
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e,Fragment as a,jsxs as t}from"react/jsx-runtime";import*as n from"react";import{Children as r,cloneElement as l,forwardRef as i,useRef as _,useState as o,useEffect as s,isValidElement as c,useMemo as p,useLayoutEffect as d,createContext as u,useContext as m}from"react";function h(e){var a,t,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var r=e.length;for(a=0;a<r;a++)e[a]&&(t=h(e[a]))&&(n&&(n+=" "),n+=t)}else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function v(){for(var e,a,t=0,n="",r=arguments.length;t<r;t++)(e=arguments[t])&&(a=h(e))&&(n&&(n+=" "),n+=a);return n}var y;function g(){return g=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},g.apply(null,arguments)}var C,f=function(e){return n.createElement("svg",g({xmlns:"http://www.w3.org/2000/svg",width:12,height:16,fill:"none"},e),y||(y=n.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M2.934 3.434a.8.8 0 0 1 1.132 0l4 4a.8.8 0 0 1 0 1.132l-4 4a.8.8 0 0 1-1.132-1.132L6.37 8 2.934 4.566a.8.8 0 0 1 0-1.132",clipRule:"evenodd"})))};function B(){return B=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},B.apply(null,arguments)}var b,N=function(e){return n.createElement("svg",B({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none"},e),C||(C=n.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M5.566 4.434a.8.8 0 1 0-1.132 1.132L6.87 8l-2.435 2.434a.8.8 0 0 0 1.132 1.132L8 9.13l2.434 2.435a.8.8 0 0 0 1.132-1.132L9.13 8l2.435-2.434a.8.8 0 0 0-1.132-1.132L8 6.87z",clipRule:"evenodd"})))};function T(){return T=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},T.apply(null,arguments)}var I,A=function(e){return n.createElement("svg",T({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none"},e),b||(b=n.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M7.242 2.115c-2.605 0-4.677 2.044-4.677 4.517s2.072 4.517 4.677 4.517 4.677-2.044 4.677-4.517-2.072-4.517-4.677-4.517M1 6.632C1 3.252 3.817.55 7.242.55s6.242 2.701 6.242 6.082a5.97 5.97 0 0 1-1.692 4.165l3 3.247a.783.783 0 1 1-1.15 1.062l-3.074-3.326a6.34 6.34 0 0 1-3.326.935C3.817 12.715 1 10.013 1 6.632",clipRule:"evenodd"})))};function S(){return S=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},S.apply(null,arguments)}var x,w,L=function(e){return n.createElement("svg",S({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),I||(I=n.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M4.364 4.364a.9.9 0 0 1 1.272 0L10 8.727l4.364-4.363a.9.9 0 0 1 1.272 1.272L11.273 10l4.363 4.364a.9.9 0 0 1-1.272 1.272L10 11.273l-4.364 4.363a.9.9 0 0 1-1.272-1.272L8.727 10 4.364 5.636a.9.9 0 0 1 0-1.272",clipRule:"evenodd"})))};function z(){return z=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},z.apply(null,arguments)}var M,O=function(e){return n.createElement("svg",z({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),x||(x=n.createElement("circle",{cx:10,cy:10,r:10,fill:"currentColor"})),w||(w=n.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M5.364 5.364a.9.9 0 0 1 1.272 0L10 8.727l3.364-3.363a.9.9 0 0 1 1.272 1.272L11.274 10l3.364 3.364a.9.9 0 1 1-1.273 1.272L10 11.273l-3.364 3.363a.9.9 0 0 1-1.272-1.272L8.727 10 5.364 6.636a.9.9 0 0 1 0-1.272",clipRule:"evenodd"})))};function E(){return E=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},E.apply(null,arguments)}var H=function(e){return n.createElement("svg",E({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e),M||(M=n.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M6.268 6.268a.915.915 0 0 1 1.294 0L12 10.706l4.438-4.438a.915.915 0 1 1 1.294 1.294L13.294 12l4.438 4.438a.915.915 0 1 1-1.294 1.294L12 13.294l-4.438 4.438a.915.915 0 1 1-1.294-1.294L10.706 12 6.268 7.562a.915.915 0 0 1 0-1.294",clipRule:"evenodd"})))};const k=e=>"string"==typeof e?e:`${e}px`,j=e=>{const{options:a,content:t}=e,{asChild:n,children:i}=a;if(!n)return"function"==typeof t?t(i):t;const _=r.only(i);return l(_,{children:"function"==typeof t?t(_.props.children):t})},D=e=>void 0!==e&&!1!==e&&null!==e&&""!==e,P=()=>!!navigator.userAgent.match(/(iPad|iPhone|iPod)/g),U=(...e)=>{const a=e.filter(Boolean);if(a.length<=1){return a[0]??null}return e=>{for(const t of a)"function"==typeof t?t(e):t&&(t.current=e)}},$=()=>{};function R(e,a){if("function"==typeof e)return e(a);null!=e&&(e.current=a)}function Y(a){const t=F(a),r=n.forwardRef((a,r)=>{const{children:l,...i}=a,_=n.Children.toArray(l),o=_.find(q);if(o){const a=o.props.children,l=_.map(e=>e===o?n.Children.count(a)>1?n.Children.only(null):n.isValidElement(a)?a.props.children:null:e);return e(t,{...i,ref:r,children:n.isValidElement(a)?n.cloneElement(a,void 0,l):null})}return e(t,{...i,ref:r,children:l})});return r.displayName=`${a}.Slot`,r}var W=Y("Slot");function F(e){const a=n.forwardRef((e,a)=>{const{children:t,...r}=e;if(n.isValidElement(t)){const e=function(e){let a=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,t=a&&"isReactWarning"in a&&a.isReactWarning;if(t)return e.ref;if(a=Object.getOwnPropertyDescriptor(e,"ref")?.get,t=a&&"isReactWarning"in a&&a.isReactWarning,t)return e.props.ref;return e.props.ref||e.ref}(t),l=function(e,a){const t={...a};for(const n in a){const r=e[n],l=a[n];/^on[A-Z]/.test(n)?r&&l?t[n]=(...e)=>{const a=l(...e);return r(...e),a}:r&&(t[n]=r):"style"===n?t[n]={...r,...l}:"className"===n&&(t[n]=[r,l].filter(Boolean).join(" "))}return{...e,...t}}(r,t.props);return t.type!==n.Fragment&&(l.ref=a?function(...e){return a=>{let t=!1;const n=e.map(e=>{const n=R(e,a);return t||"function"!=typeof n||(t=!0),n});if(t)return()=>{for(let a=0;a<n.length;a++){const t=n[a];"function"==typeof t?t():R(e[a],null)}}}}(a,e):e),n.cloneElement(t,l)}return n.Children.count(t)>1?n.Children.only(null):null});return a.displayName=`${e}.SlotClone`,a}var G=Symbol("radix.slottable");function X(t){const n=({children:t})=>e(a,{children:t});return n.displayName=`${t}.Slottable`,n.__radixId=G,n}var Z=X("Slottable");function q(e){return n.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===G}var V="SvgButton__-Jm";const J=i((a,t)=>{const{className:n,asChild:r,...l}=a;return e(r?W:"button",{ref:t,className:v(V,n),...l})});J.displayName="SvgButton";var Q="ClearableInput__4PN",K="ClearableInput__button__iUo",ee="ClearableInput__count__K7Z";const ae=i((a,n)=>{const{className:r,onChange:l,innerClassNames:i,withClearButton:s=!0,disabled:c,count:p,...d}=a,u=_(null),[m,h]=o(!d.value&&!d.defaultValue);return t("span",{className:v(Q,r),children:[e("input",{ref:U(u,n),className:v(i?.input),onChange:e=>{l?.(e),h(!e.target.value)},disabled:c,...d}),!m&&!c&&!!p&&e("div",{className:v(ee,i?.count),children:p}),!m&&!c&&s&&e(J,{className:v(K,i?.clearButton),onClick:()=>{u.current&&(e=>{const{el:a,value:t}=e,n=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value")?.set;n?.call(a,t);const r=new Event("input",{bubbles:!0});a.dispatchEvent(r)})({el:u.current,value:""})},"aria-label":"Очистить",children:e(L,{})})]})});ae.displayName="ClearableInput";var te="Container__yZR",ne="Container_fullWidth__2tY";i((a,t)=>{const{className:n,asChild:r,fullWidth:l,...i}=a,_=r?W:"div",o=v(te,{[ne]:l},n);return e(_,{ref:t,className:o,...i})}).displayName="Container";var re="EllipsisText__DEC",le="EllipsisText_multiline__y4t",ie="EllipsisText_singleLine__Arf";const _e=i((a,t)=>{const{className:n,maxLines:r=1,style:l,asChild:i,..._}=a,o=i?W:"span",s=v(re,{[le]:r>1,[ie]:1===r},n);return e(o,{ref:t,className:s,style:{"--MaxUi-EllipsisText_linesCount":r,...l},..._})});_e.displayName="EllipsisText";var oe="Flex__pih";i((a,t)=>{const{className:n,display:r="flex",direction:l="row",align:i="flex-start",justify:_="start",asChild:o,wrap:s,style:c,gap:p,gapX:d,gapY:u,...m}=a;return e(o?W:"div",{ref:t,className:v(oe,n),style:{flexDirection:l,justifyContent:_,alignItems:i,flexWrap:s,...c,display:r,"--MaxUi-Flex_gapX":k(d??p??0),"--MaxUi-Flex_gapY":k(u??p??0)},...m})}).displayName="Flex";var se="Grid__lFk";i((a,t)=>{const{className:n,style:r,display:l="grid",align:i="start",justify:_="start",gap:o,gapX:s,gapY:c,cols:p,rows:d,asChild:u,...m}=a;return e(u?W:"div",{ref:t,className:v(se,n),style:{justifyContent:_,alignItems:i,...r,display:l,"--MaxUi-Grid_gapX":k(s??o??0),"--MaxUi-Grid_gapY":k(c??o??0),"--MaxUi-Grid_cols":p??0,"--MaxUi-Grid_rows":d??0},...m})}).displayName="Grid";var ce={Panel:"Panel__XH0",Panel_centeredX:"Panel_centeredX__DG7",Panel_centeredY:"Panel_centeredY__f-k",Panel_mode_primary:"Panel_mode_primary__fNs",Panel_mode_secondary:"Panel_mode_secondary__Tez"};i((a,t)=>{const{className:n,mode:r="primary",centeredX:l,centeredY:i,..._}=a,o=v(ce.Panel,ce[`Panel_mode_${r}`],{[ce.Panel_centeredX]:l,[ce.Panel_centeredY]:i},n);return e("div",{ref:t,className:o,..._})}).displayName="Panel";var pe="Ripple__dJ9",de="Ripple_active__uv5";const ue=i((a,t)=>{const{className:n,...r}=a,l=_(null),i=_(null),o=e=>{const a=e.currentTarget.getBoundingClientRect();((e,a)=>{null!==i.current&&(i.current.classList.remove(de),i.current.style.top=a+"px",i.current.style.left=e+"px",i.current.classList.add(de))})(e.clientX-(a.left??0),e.clientY-(a.top??0))};return s(()=>{if(i.current)return l.current=i.current.parentElement,null!==l.current&&l.current.addEventListener("pointerdown",o),()=>{null!==l.current&&l.current?.removeEventListener("pointerdown",o)}},[]),e("span",{ref:U(t,i),role:"presentation","aria-hidden":!0,className:v(pe,n),onAnimationEnd:()=>{null!==i.current&&i.current.classList.remove(de)},...r})});ue.displayName="Ripple";const me=e=>{const{asChild:a,children:t,rootElement:n,disabled:r,loading:l}=e;if(!a&&"button"===n){return{disabled:r,...l?{"aria-disabled":!0}:{}}}if(a&&c(t)){const{type:e}=t;if("a"===e){return{"aria-disabled":r??l,...r?{onClick:e=>{e.preventDefault()},tabIndex:-1}:{}}}}return{role:"button",tabIndex:r?-1:0,"aria-disabled":r??l,...r?{onClick:void 0}:{}}},he=e=>{const a=_(e);return s(()=>{a.current=e}),p(()=>(...e)=>a.current?.(...e),[])},ve=()=>{const{colorScheme:e}=fa();return e},ye=e=>{const{src:a,referrerPolicy:t}=e,[n,r]=o("idle");return d(()=>{if(!a)return void r("error");let e=!0;const n=new window.Image,l=a=>()=>{e&&r(a)};return r("loading"),n.onload=l("loaded"),n.onerror=l("error"),n.src=a,t&&(n.referrerPolicy=t),()=>{e=!1}},[a,t]),n},ge=()=>{const{platform:e}=fa();return e},Ce=(e={})=>{const{listenChanges:a}=e,[t,n]=o(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),r=e=>{n(()=>e.matches?"dark":"light")};return s(()=>{const e=window.matchMedia("(prefers-color-scheme: dark)");return n(()=>e.matches?"dark":"light"),a?(e.addEventListener("change",r),()=>{e.removeEventListener("change",r)}):$},[a]),t};var fe="Tappable__O--",Be="Tappable_interactive__4Uv",be="Tappable_disabled__0z8",Ne="Tappable_activeMode_ripple__3k-",Te="Tappable_activeMode_highlight__Hs-",Ie="Tappable__ripple__Egr";const Ae=i((a,n)=>{const{className:r,disabled:l,asChild:i,children:_,parentChildren:o,as:s="div",...p}=a,d=i?W:s,u=ge(),m=me({asChild:i,children:_,disabled:l,rootElement:s}),h=(({onClick:e,href:a,children:t,asChild:n,parentChildren:r=t})=>n?!(!n||!c(r))&&("href"in r.props||"onClick"in r.props):!!e||!!a)(a),y="android"===u&&h&&!l,g=v(fe,{[Be]:h,[be]:l,[Te]:!y,[Ne]:y},r);return t(d,{ref:n,className:g,...h?m:{},...p,children:[_,y&&e(ue,{className:Ie})]})});Ae.displayName="Tappable";const Se=u({size:48}),xe=()=>m(Se);var we={};const Le=i((a,t)=>{const{className:n,onClick:r,...l}=a,{size:i}=xe(),_=(e=>e<40?12:e<54?16:e<72?20:24)(i);return e(J,{ref:t,className:v(we.AvatarCloseButton,n),onClick:e=>{e.preventDefault(),r?.(e)},...l,children:e(O,{width:_,height:_})})});Le.displayName="AvatarCloseButton";var ze={AvatarContainer:"AvatarContainer__7c-",AvatarContainer_form_circle:"AvatarContainer_form_circle__J44",AvatarContainer__content:"AvatarContainer__content__h8v",AvatarContainer_form_squircle:"AvatarContainer_form_squircle__1i0",AvatarContainer__overlay:"AvatarContainer__overlay__qul",AvatarContainer__rightBottomCorner:"AvatarContainer__rightBottomCorner__kZG",AvatarContainer__rightTopCorner:"AvatarContainer__rightTopCorner__y4y"};const Me=i((a,n)=>{const{className:r,style:l,children:i,overlay:_,rightTopCorner:o,rightBottomCorner:s,innerClassNames:c,size:p=48,asChild:d,form:u="circle",...m}=a,h=d?W:"div",y=v(ze.AvatarContainer,ze[`AvatarContainer_form_${u}`],r);return e(Se.Provider,{value:{size:p},children:t(h,{ref:n,className:y,style:{"--MaxUi-AvatarContainer_size":`${p}px`,...l},...m,children:[e(Z,{children:j({options:{asChild:a.asChild,children:i},content:a=>t("span",{className:v(ze.AvatarContainer__content,c?.content),children:[a,D(_)&&e("span",{className:v(ze.AvatarContainer__overlay,c?.overlay),children:_})]},"subtree-container")})}),D(s)&&e("span",{className:v(ze.AvatarContainer__rightBottomCorner,c?.rightBottomCorner),children:s}),D(o)&&e("span",{className:v(ze.AvatarContainer__rightTopCorner,c?.rightTopCorner),children:o})]})})});Me.displayName="AvatarContainer";var Oe="AvatarIcon__ZUI";const Ee=i((a,t)=>{const{className:n,...r}=a;return e("span",{ref:t,className:v(Oe,n),...r})});Ee.displayName="AvatarIcon";var He={AvatarText:"AvatarText__DIj",AvatarText_gradient_red:"AvatarText_gradient_red__bnV",AvatarText_gradient_orange:"AvatarText_gradient_orange__Ngq",AvatarText_gradient_green:"AvatarText_gradient_green__n7Z",AvatarText_gradient_blue:"AvatarText_gradient_blue__gLu",AvatarText_gradient_purple:"AvatarText_gradient_purple__UsS",AvatarText__in:"AvatarText__in__cDg"};const ke=e=>e<20?{fontSize:6}:e<28?{fontSize:8}:e<32?{fontSize:10}:e<36?{fontSize:11}:e<40?{fontSize:13}:e<48?{fontSize:14}:e<54?{fontSize:17}:e<64?{fontSize:18}:e<72?{fontSize:21}:e<88?{fontSize:26}:{fontSize:30},je=i((a,t)=>{const{className:n,children:r,gradient:l="red",...i}=a,{size:_}=xe(),o=v(He.AvatarText,{[He[`AvatarText_gradient_${l}`]]:"custom"!==l},n);return e("span",{ref:t,className:o,...i,children:e("span",{className:He.AvatarText__in,style:ke(_),children:r})})});je.displayName="AvatarText";var De="AvatarImage__H7-";const Pe=i((a,t)=>{const{className:n,fallback:r,fallbackGradient:l="red",...i}=a,[_,s]=o("idle"),c=ye({src:i.src??i.srcSet,referrerPolicy:i.referrerPolicy}),p=he(e=>{s(e)});return d(()=>{"idle"!==c&&p(c)},[c,p]),"error"===_?e(je,{gradient:l,children:r}):e("img",{ref:t,className:v(De,n),...i})});Pe.displayName="AvatarImage";var Ue={AvatarOnlineDot:"AvatarOnlineDot__-GT",AvatarOnlineDot_size_xs:"AvatarOnlineDot_size_xs__2SY",AvatarOnlineDot__dot:"AvatarOnlineDot__dot__8dL",AvatarOnlineDot_size_s:"AvatarOnlineDot_size_s__T1u",AvatarOnlineDot_size_m:"AvatarOnlineDot_size_m__ris",AvatarOnlineDot_size_l:"AvatarOnlineDot_size_l__zo4"};const $e=i((a,t)=>{const{className:n,...r}=a,{size:l}=xe(),i=(e=>e<40?"xs":e<54?"s":e<72?"m":"l")(l),_=v(Ue.AvatarOnlineDot,Ue[`AvatarOnlineDot_size_${i}`],n);return l<16||l>80?null:e("span",{ref:t,className:_,...r,children:e("span",{className:Ue.AvatarOnlineDot__dot})})});$e.displayName="AvatarOnlineDot";var Re="AvatarOverlay__-nV";const Ye=i((a,t)=>{const{className:n,onClick:r,...l}=a;return e("span",{ref:t,className:v(Re,n),onClick:e=>{e.preventDefault(),r?.(e)},...l})});Ye.displayName="AvatarOverlay";const We=Object.assign({},{Container:Me,Image:Pe,Overlay:Ye,Icon:Ee,Text:je,OnlineDot:$e,CloseButton:Le});var Fe={Spinner:"Spinner__piy",Spinner_appearance_primary:"Spinner_appearance_primary__mxz",Spinner_appearance_themed:"Spinner_appearance_themed__-9S","Spinner_appearance_primary-static":"Spinner_appearance_primary-static__JxW",Spinner_appearance_contrast:"Spinner_appearance_contrast__Mv6","Spinner_appearance_contrast-static":"Spinner_appearance_contrast-static__rM7",Spinner_appearance_negative:"Spinner_appearance_negative__eMf","Spinner_appearance_neutral-themed":"Spinner_appearance_neutral-themed__D8F",androidSpinner:"androidSpinner__w-L",rotation:"rotation__CUP",iosSpinner:"iosSpinner__3q2",bar:"bar__aHj",fade:"fade__2ZD"};const Ge=({size:a})=>e("div",{className:Fe.androidSpinner,style:{width:a,height:a}}),Xe=({size:a})=>e("div",{className:Fe.iosSpinner,style:{width:a,height:a},children:Array.from({length:8},(a,t)=>e("div",{className:Fe.bar},t))}),Ze=i((a,t)=>{const{className:n,size:r=20,appearance:l="primary",...i}=a,_=ge(),o=v(Fe.Spinner,Fe[`Spinner_appearance_${l}`],n);return e("span",{ref:t,role:"status",className:o,...i,children:e("ios"===_?Xe:Ge,{size:r})})});Ze.displayName="Spinner";var qe={Button:"Button__0OJ",Button_loading:"Button_loading__LD-",Button__iconBefore:"Button__iconBefore__BUe",Button__content:"Button__content__vnq",Button__indicator:"Button__indicator__HuA",Button__iconAfter:"Button__iconAfter__VhZ",Button_disabled:"Button_disabled__jkY",Button_stretched:"Button_stretched__mzq",Button_activeMode_ripple:"Button_activeMode_ripple__E5Y",Button_activeMode_highlight:"Button_activeMode_highlight__K3j",Button_size_xsmall:"Button_size_xsmall__QCm",Button_size_small:"Button_size_small__LLG",Button_size_medium:"Button_size_medium__fI9",Button_size_large:"Button_size_large__S2-",Button_variant_primary:"Button_variant_primary__yLL",Button_variant_secondary:"Button_variant_secondary__DR6",Button_variant_ghost:"Button_variant_ghost__EkG","Button_variant_primary-contrast":"Button_variant_primary-contrast__b63","Button_variant_secondary-contrast":"Button_variant_secondary-contrast__cey",Button_variant_overlay:"Button_variant_overlay__keO",Button_variant_destructive:"Button_variant_destructive__2Ug",Button__spinnerContainer:"Button__spinnerContainer__G4I",Button__ripple:"Button__ripple__jw0"},Ve={Counter:"Counter__0Oj",Counter_variant_primary:"Counter_variant_primary__8Mz","Counter_variant_primary-contrast":"Counter_variant_primary-contrast__yFz",Counter_variant_attention:"Counter_variant_attention__IWH","Counter_variant_attention-contrast":"Counter_variant_attention-contrast__LHu",Counter_variant_promo:"Counter_variant_promo__9kD",Counter_variant_static:"Counter_variant_static__d8Y","Counter_variant_static-contrast":"Counter_variant_static-contrast__bAq",Counter_variant_default:"Counter_variant_default__weZ",Counter_variant_mute:"Counter_variant_mute__2SU",Counter_variant_menu:"Counter_variant_menu__qf0"};const Je=i((a,t)=>{const{className:n,value:r,rounded:l,variant:i="primary",..._}=a,o=v(Ve.Counter,Ve[`Counter_variant_${i}`],n),s=p(()=>l?Intl.NumberFormat("en",{notation:"compact"}).format(r):r,[l,r]);return e("span",{ref:t,className:o,..._,role:"",children:s})});Je.displayName="Counter";const Qe=e=>{switch(e){case"xsmall":return 16;case"small":return 20;default:return 24}},Ke=e=>{switch(e){case"primary":case"destructive":case"secondary-contrast":case"overlay":return"contrast-static";case"secondary":case"ghost":return"themed";case"primary-contrast":return"primary-static"}},ea=e=>{switch(e){case"primary":return{variant:"primary-contrast"};case"secondary":case"ghost":case"primary-contrast":case"secondary-contrast":return{variant:"static"};case"overlay":return{variant:"static-contrast"};case"destructive":return{variant:"attention-contrast"}}},aa=i((a,n)=>{const{className:r,iconBefore:i,iconAfter:_,indicator:o,children:s,onClick:p,loading:d,disabled:u=!1,asChild:m=!1,innerClassNames:h,stretched:y=!1,size:g="medium",variant:C="primary",...f}=a,B="button",b=m?W:B,N=ge(),T=me({asChild:m,children:s,disabled:u,rootElement:B,loading:d}),I=u||d,A="android"===N,S=v(qe.Button,qe[`Button_variant_${C}`],qe[`Button_size_${g}`],{[qe.Button_loading]:d,[qe.Button_disabled]:u,[qe.Button_stretched]:y,[qe.Button_activeMode_highlight]:!I&&!A,[qe.Button_activeMode_ripple]:!I&&A},r);return t(b,{ref:n,className:S,onClick:e=>{d||p?.(e)},...T,...f,children:[D(i)&&e("span",{className:v(qe.Button__iconBefore,h?.iconBefore),children:i}),d&&e("span",{className:v(qe.Button__spinnerContainer,h?.spinnerContainer),children:e(Ze,{className:v(h?.spinner),size:Qe(g),appearance:Ke(C)})}),e(Z,{children:j({options:{asChild:m,children:s},content:a=>e(_e,{className:v(qe.Button__content,h?.content),children:a},"subtree-container")})}),D(o)&&e("span",{className:v(qe.Button__indicator,h?.indicator),children:(x=o,w=C,c(x)&&x.type===Je?l(x,{...ea(w)}):x)}),D(_)&&e("span",{className:v(qe.Button__iconAfter,h?.iconAfter),children:_}),A&&!I&&e(ue,{className:qe.Button__ripple})]});var x,w});aa.displayName="Button";var ta={CellAction:"CellAction__vzN",CellAction_mode_primary:"CellAction_mode_primary__vZQ",CellAction_disabled:"CellAction_disabled__VZA",CellAction_mode_destructive:"CellAction_mode_destructive__ovY",CellAction_mode_custom:"CellAction_mode_custom__3T8",CellAction_height_compact:"CellAction_height_compact__ysc",CellAction_height_normal:"CellAction_height_normal__ELj",CellAction__before:"CellAction__before__oZm",CellAction__content:"CellAction__content__Uib",CellAction__chevron:"CellAction__chevron__6SI"};const na=i((a,n)=>{const{className:r,before:l,children:i,innerClassNames:_,asChild:o=!1,mode:s="primary",height:c="normal",showChevron:p=!1,...d}=a,u=v(ta.CellAction,ta[`CellAction_mode_${s}`],ta[`CellAction_height_${c}`],{[ta.CellAction_disabled]:d.disabled},r);return t(Ae,{ref:n,className:u,asChild:o,as:"button",parentChildren:i,...d,children:[D(l)&&e("span",{className:v(ta.CellAction__before,_?.before),children:l}),e(Z,{children:j({options:{asChild:o,children:i},content:a=>e("span",{className:v(ta.CellAction__content,_?.content),children:a},"subtree-container")})}),p&&e(f,{className:v(ta.CellAction__chevron,_?.chevron)})]})});na.displayName="CellAction";var ra={CellHeader:"CellHeader__Epf",CellHeader_titleStyle_caps:"CellHeader_titleStyle_caps__nfB",CellHeader__content:"CellHeader__content__El-",CellHeader_titleStyle_normal:"CellHeader_titleStyle_normal__M-p",CellHeader_fullWidth:"CellHeader_fullWidth__h2Y",CellHeader__after:"CellHeader__after__RXN"};const la=i((a,n)=>{const{className:r,titleStyle:l="caps",fullWidth:i=!1,children:_,after:o,innerClassNames:s,...c}=a,p=v(ra.CellHeader,ra[`CellHeader_titleStyle_${l}`],{[ra.CellHeader_fullWidth]:i},r);return t("div",{ref:n,className:p,...c,children:[D(_)&&e("div",{className:v(ra.CellHeader__content,s?.content),children:_}),D(o)&&e("div",{className:v(ra.CellHeader__after,s?.after),children:o})]})});la.displayName="CellHeader";var ia={CellInput:"CellInput__92-",CellInput_disabled:"CellInput_disabled__fZ7",CellInput__input:"CellInput__input__gQ3",CellInput_height_compact:"CellInput_height_compact__Mv2",CellInput_height_normal:"CellInput_height_normal__ovc",CellInput__before:"CellInput__before__Hkm",CellInput__body:"CellInput__body__Egp",CellInput__clearButton:"CellInput__clearButton__znK"};const _a=i((a,n)=>{const{className:r,height:l="normal",before:i,innerClassNames:_,disabled:o,...s}=a,c=v(ia.CellInput,ia[`CellInput_height_${l}`],{[ia.CellInput_disabled]:o},r);return t("label",{className:c,children:[D(i)&&e(_e,{className:v(ia.CellInput__before,_?.before),maxLines:1,children:i}),e(ae,{ref:n,className:v(ia.CellInput__body,_?.body),innerClassNames:{input:v(ia.CellInput__input,_?.input),clearButton:v(ia.CellInput__clearButton,_?.clearButton)},type:"text",disabled:o,...s})]})});_a.displayName="CellInput";var oa={CellList:"CellList__1ou",CellList_filled:"CellList_filled__ikE",CellList__body:"CellList__body__ouS",CellList_mode_island:"CellList_mode_island__aCu"};const sa=i((a,n)=>{const{className:r,header:l,children:i,mode:_="full-width",filled:o="island"===_,...s}=a,c=v(oa.CellList,oa[`CellList_mode_${_}`],{[oa.CellList_filled]:o},r);return t("div",{ref:n,className:c,...s,children:[D(l)&&e("div",{className:oa.CellList__header,children:l}),e("div",{className:oa.CellList__body,children:i})]})});sa.displayName="CellList";var ca={CellSimple:"CellSimple__n0z",CellSimple_disabled:"CellSimple_disabled__T-3",CellSimple__subtitle:"CellSimple__subtitle__oIF",CellSimple__overline:"CellSimple__overline__Ncr",CellSimple_height_compact:"CellSimple_height_compact__HUQ",CellSimple_height_normal:"CellSimple_height_normal__pxj",CellSimple__before:"CellSimple__before__5Q9",CellSimple__after:"CellSimple__after__2FK",CellSimple__content:"CellSimple__content__SOk",CellSimple__title:"CellSimple__title__aYs",CellSimple__chevron:"CellSimple__chevron__cSs",CellSimple_separator:"CellSimple_separator__aOX",CellSimple__link:"CellSimple__link__ie-"};const pa=i((a,n)=>{const{className:r,title:l,subtitle:i,before:_,after:o,children:s,overline:c,showChevron:p=!1,asChild:d=!1,disabled:u=!1,innerClassNames:m,height:h="normal",as:y="div",separator:g,link:C,...B}=a,b=v(ca.CellSimple,ca[`CellSimple_height_${h}`],{[ca.CellSimple_disabled]:u,[ca.CellSimple_separator]:g},r);return t(Ae,{ref:n,className:b,asChild:d,as:y,parentChildren:s,...B,children:[D(_)&&e("div",{className:v(ca.CellSimple__before,m?.before),children:_}),e(Z,{children:j({options:{asChild:d,children:s},content:a=>t("div",{className:v(ca.CellSimple__content,m?.content),children:[D(c)&&e("div",{className:v(ca.CellSimple__overline,m?.overline),children:c}),D(l)&&e("div",{className:v(ca.CellSimple__title,m?.title),children:l}),D(i)&&e("div",{className:v(ca.CellSimple__subtitle,m?.subtitle),children:i}),a,C&&e("a",{className:v(ca.CellSimple__link,m?.link),href:C,target:"_blank",rel:"noreferrer",children:C})]},"subtree-container")})}),(D(o)||p)&&t("div",{className:v(ca.CellSimple__after,m?.after),children:[o,p&&e(f,{className:v(ca.CellSimple__chevron,m?.chevron)})]})]})});pa.displayName="CellSimple";const da=e=>{switch(e){case"xsmall":return 16;case"small":return 20;default:return 24}},ua=e=>{switch(e){case"primary":case"destructive":case"secondary-contrast":case"overlay":return"contrast-static";case"secondary":case"ghost":return"themed";case"primary-contrast":return"primary-static"}};var ma={IconButton:"IconButton__KCr",IconButton_loading:"IconButton_loading__RxW",IconButton__content:"IconButton__content__dCL",IconButton_disabled:"IconButton_disabled__SZj",IconButton_activeMode_ripple:"IconButton_activeMode_ripple__asi",IconButton_activeMode_highlight:"IconButton_activeMode_highlight__h15",IconButton_size_xsmall:"IconButton_size_xsmall__G5T",IconButton_size_small:"IconButton_size_small__e3f",IconButton_size_medium:"IconButton_size_medium__MQQ",IconButton_size_large:"IconButton_size_large__9oz",IconButton_variant_primary:"IconButton_variant_primary__-4n",IconButton_variant_secondary:"IconButton_variant_secondary__dFi",IconButton_variant_ghost:"IconButton_variant_ghost__jvE","IconButton_variant_primary-contrast":"IconButton_variant_primary-contrast__O-T","IconButton_variant_secondary-contrast":"IconButton_variant_secondary-contrast__uNH",IconButton_variant_overlay:"IconButton_variant_overlay__vJc",IconButton_variant_destructive:"IconButton_variant_destructive__9rk",IconButton__spinnerContainer:"IconButton__spinnerContainer__9--",IconButton__ripple:"IconButton__ripple__l8M"};const ha=i((a,n)=>{const{children:r,className:l,disabled:i,innerClassNames:_,loading:o,asChild:s=!1,size:c="medium",variant:p="primary",...d}=a,u="button",m=s?W:u,h=ge(),y=me({asChild:s,children:r,disabled:i,rootElement:u,loading:o}),g=i||o,C="android"===h,f=v(ma.IconButton,ma[`IconButton_variant_${p}`],ma[`IconButton_size_${c}`],{[ma.IconButton_loading]:o,[ma.IconButton_disabled]:i,[ma.IconButton_activeMode_highlight]:!g&&!C,[ma.IconButton_activeMode_ripple]:!g&&C},l);return t(m,{ref:n,className:f,...y,...d,children:[o&&e("span",{className:v(ma.IconButton__spinnerContainer,_?.spinnerContainer),children:e(Ze,{className:v(_?.spinner),size:da(c),appearance:ua(p)})}),e(Z,{children:j({options:{asChild:s,children:r},content:a=>e("span",{className:v(ma.IconButton__content,_?.content),children:a},"subtree-container")})}),C&&!g&&e(ue,{className:ma.IconButton__ripple})]})});ha.displayName="IconButton";var va={Input:"Input__A3w",Input_disabled:"Input_disabled__mpt",Input_size_medium:"Input_size_medium__EjC",Input_size_large:"Input_size_large__8OF",Input_mode_default:"Input_mode_default__ncX",Input_mode_contrast:"Input_mode_contrast__EIY",Input__body:"Input__body__sVJ",Input__iconBefore:"Input__iconBefore__gxx",Input__iconAfter:"Input__iconAfter__jL1",Input__clearButton:"Input__clearButton__nKe",Input__input:"Input__input__gy5",Input__hint:"Input__hint__dE5"};const ya=i((a,n)=>{const{className:r,innerClassNames:l,withClearButton:i,iconBefore:_,iconAfter:o,size:s="large",mode:c="primary",hint:p,...d}=a,u=v(va.Input,va[`Input_mode_${c}`],va[`Input_size_${s}`],{[va.Input_disabled]:d.disabled},r);return t("div",{className:v(l?.container),children:[t("label",{className:u,children:[D(_)&&e("div",{className:v(va.Input__iconBefore,l?.iconBefore),children:_}),e(ae,{ref:n,className:v(va.Input__body,l?.body),withClearButton:i,innerClassNames:{input:v(va.Input__input,l?.input),clearButton:v(va.Input__clearButton,l?.clearButton)},...d}),D(o)&&e("div",{className:v(va.Input__iconAfter,l?.iconAfter),children:o})]}),D(p)&&e("div",{className:v(va.Input__hint,l?.hint),children:p})]})});ya.displayName="Input";var ga={MaxUI:"MaxUI__g7Q",MaxUI_platform_ios:"MaxUI_platform_ios__gAV",MaxUI_platform_android:"MaxUI_platform_android__m3U",MaxUI_colorScheme_light:"MaxUI_colorScheme_light__Woo",MaxUI_colorScheme_dark:"MaxUI_colorScheme_dark__jFq"};const Ca=u({platform:"ios",colorScheme:"light"}),fa=()=>m(Ca),Ba=i((a,t)=>{const{children:n,className:r,colorScheme:l,platform:i=(P()?"ios":"android")}=a,_=Ce({listenChanges:!l}),o=l??_,s=p(()=>({colorScheme:o,platform:i}),[o,i]),c=v(ga.MaxUI,ga[`MaxUI_colorScheme_${o}`],ga[`MaxUI_platform_${i}`],r);return e(Ca.Provider,{value:s,children:e("div",{ref:t,className:c,children:n})})});Ba.displayName="MaxUI";var ba={Switch:"Switch__-vj",Switch__toggle:"Switch__toggle__WU2",Switch__thumb:"Switch__thumb__jlX",Switch__input:"Switch__input__EDr",Switch_platform_ios:"Switch_platform_ios__B-C",Switch_platform_android:"Switch_platform_android__72T"};const Na=i((a,n)=>{const{className:r,...l}=a,i=ge(),_=v(ba.Switch,ba[`Switch_platform_${i}`],r);return t("span",{className:_,children:[e("input",{ref:n,type:"checkbox",role:"switch",className:ba.Switch__input,...l}),e("span",{className:ba.Switch__toggle,children:e("span",{className:ba.Switch__thumb})})]})});Na.displayName="Switch";var Ta={Textarea:"Textarea__Sy6",Textarea_disabled:"Textarea_disabled__uY3",Textarea_mode_primary:"Textarea_mode_primary__E7l",Textarea_mode_secondary:"Textarea_mode_secondary__BYw",Textarea__textarea:"Textarea__textarea__Ok-"};const Ia=i((a,t)=>{const{className:n,innerClassNames:r,mode:l="primary",...i}=a,_=v(Ta.Textarea,Ta[`Textarea_mode_${l}`],{[Ta.Textarea_disabled]:i.disabled},n);return e("div",{className:_,children:e("textarea",{ref:t,className:v(Ta.Textarea__textarea,r?.textarea),...i})})});Ia.displayName="Textarea";var Aa={ToolButton:"ToolButton__lde",ToolButton_appearance_default:"ToolButton_appearance_default__gqg",ToolButton_disabled:"ToolButton_disabled__gq5",ToolButton_appearance_secondary:"ToolButton_appearance_secondary__ghs",ToolButton_withLabel:"ToolButton_withLabel__FsL",ToolButton__icon:"ToolButton__icon__ds5",ToolButton__label:"ToolButton__label__GCi"};const Sa=i((a,n)=>{const{className:r,icon:l,children:i,asChild:_,innerClassNames:o,appearance:s="default",disabled:c=!1,...p}=a,d=v(Aa.ToolButton,Aa[`ToolButton_appearance_${s}`],{[Aa.ToolButton_withLabel]:D(i),[Aa.ToolButton_disabled]:c},r);return t(Ae,{ref:n,className:d,as:"button",parentChildren:i,asChild:_,disabled:c,...p,children:[D(l)&&e("span",{className:v(Aa.ToolButton__icon,o?.icon),children:l}),D(i)&&e(Z,{children:j({options:{asChild:_,children:i},content:a=>e(_e,{maxLines:1,className:v(Aa.ToolButton__label,o?.label),children:a},"subtree-container")})})]})});Sa.displayName="ToolButton";var xa={TypographyAction_variant_large:"TypographyAction_variant_large__l5j",TypographyAction_variant_medium:"TypographyAction_variant_medium__9H-",TypographyAction_variant_small:"TypographyAction_variant_small__-LL",TypographyAction_variant_label:"TypographyAction_variant_label__vhv"};const wa=i((a,t)=>{const{className:n,variant:r="large",asChild:l,...i}=a,_=l?W:"span",o=v(xa.TypographyAction,xa[`TypographyAction_variant_${r}`],n);return e(_,{ref:t,className:o,...i})});wa.displayName="TypographyAction";var La={TypographyBody_variant_large:"TypographyBody_variant_large__vlS",TypographyBody_variant_medium:"TypographyBody_variant_medium__9v3",TypographyBody_variant_small:"TypographyBody_variant_small__beJ","TypographyBody_variant_small-strong":"TypographyBody_variant_small-strong__mWy","TypographyBody_variant_small-caps":"TypographyBody_variant_small-caps__18r"};const za=i((a,t)=>{const{className:n,variant:r="large-strong",asChild:l,...i}=a,_=l?W:"span",o=v(La.TypographyBody,La[`TypographyBody_variant_${r}`],n);return e(_,{ref:t,className:o,...i})});za.displayName="TypographyBody";var Ma="TypographyDisplay__6MW";const Oa=i((a,t)=>{const{className:n,asChild:r,...l}=a;return e(r?W:"span",{ref:t,className:v(Ma,n),...l})});Oa.displayName="TypographyDisplay";var Ea={"TypographyHeadline_variant_large-strong":"TypographyHeadline_variant_large-strong__mwz",TypographyHeadline_variant_medium:"TypographyHeadline_variant_medium__s92","TypographyHeadline_variant_medium-strong":"TypographyHeadline_variant_medium-strong__dFT",TypographyHeadline_variant_small:"TypographyHeadline_variant_small__8Ei","TypographyHeadline_variant_small-strong":"TypographyHeadline_variant_small-strong__kUR"};const Ha=i((a,t)=>{const{className:n,variant:r="large-strong",asChild:l,...i}=a,_=l?W:"span",o=v(Ea.TypographyHeadline,Ea[`TypographyHeadline_variant_${r}`],n);return e(_,{ref:t,className:o,...i})});Ha.displayName="TypographyHeadline";var ka={TypographyLabel_variant_large:"TypographyLabel_variant_large__6vr","TypographyLabel_variant_large-strong":"TypographyLabel_variant_large-strong__uCg","TypographyLabel_variant_large-caps":"TypographyLabel_variant_large-caps__b1i",TypographyLabel_variant_medium:"TypographyLabel_variant_medium__Xo5","TypographyLabel_variant_medium-strong":"TypographyLabel_variant_medium-strong__Bk8","TypographyLabel_variant_small-strong":"TypographyLabel_variant_small-strong__qCw","TypographyLabel_variant_small-caps":"TypographyLabel_variant_small-caps__beb"};const ja=i((a,t)=>{const{className:n,variant:r="large",asChild:l,...i}=a,_=l?W:"span",o=v(ka.TypographyLabel,ka[`TypographyLabel_variant_${r}`],n);return e(_,{ref:t,className:o,...i})});ja.displayName="TypographyLabel";var Da={"TypographyTitle_variant_large-strong":"TypographyTitle_variant_large-strong__9PL","TypographyTitle_variant_medium-strong":"TypographyTitle_variant_medium-strong__th0",TypographyTitle_variant_small:"TypographyTitle_variant_small__zJR","TypographyTitle_variant_small-strong":"TypographyTitle_variant_small-strong__BrE"};const Pa=i((a,t)=>{const{className:n,variant:r="large-strong",asChild:l,...i}=a,_=l?W:"span",o=v(Da.TypographyTitle,Da[`TypographyTitle_variant_${r}`],n);return e(_,{ref:t,className:o,...i})});Pa.displayName="TypographyTitle";const Ua=Object.assign({},{Display:Oa,Headline:Ha,Title:Pa,Body:za,Label:ja,Action:wa});export{We as Avatar,aa as Button,na as CellAction,la as CellHeader,_a as CellInput,sa as CellList,pa as CellSimple,Je as Counter,f as Icon16Chevron,N as Icon16CloseIos,A as Icon16SearchOutline,L as Icon20CloseAndroid,O as Icon20CloseFilled,H as Icon24CloseAndroid,ha as IconButton,ya as Input,Ba as MaxUI,Ca as MaxUIContext,W as Slot,Z as Slottable,Ze as Spinner,Na as Switch,Ia as Textarea,Sa as ToolButton,Ua as Typography,j as getSubtree,D as hasReactNode,U as mergeRefs,fa as useAppearance,me as useButtonLikeProps,he as useCallbackRef,ve as useColorScheme,ye as useImageLoadingStatus,ge as usePlatform,Ce as useSystemColorScheme};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as a from"react";import{Children as n,cloneElement as r,forwardRef as l,useRef as i,useState as _,useEffect as o,isValidElement as s,useMemo as c,useLayoutEffect as p,createContext as d,useContext as u}from"react";function m(e){var t,a,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(a=m(e[t]))&&(n&&(n+=" "),n+=a)}else for(a in e)e[a]&&(n&&(n+=" "),n+=a);return n}function h(){for(var e,t,a=0,n="",r=arguments.length;a<r;a++)(e=arguments[a])&&(t=m(e))&&(n&&(n+=" "),n+=t);return n}var v;function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},y.apply(null,arguments)}var g,f=function(e){return a.createElement("svg",y({xmlns:"http://www.w3.org/2000/svg",width:12,height:16,fill:"none"},e),v||(v=a.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M2.934 3.434a.8.8 0 0 1 1.132 0l4 4a.8.8 0 0 1 0 1.132l-4 4a.8.8 0 0 1-1.132-1.132L6.37 8 2.934 4.566a.8.8 0 0 1 0-1.132",clipRule:"evenodd"})))};function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},C.apply(null,arguments)}var b,N=function(e){return a.createElement("svg",C({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none"},e),g||(g=a.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M5.566 4.434a.8.8 0 1 0-1.132 1.132L6.87 8l-2.435 2.434a.8.8 0 0 0 1.132 1.132L8 9.13l2.434 2.435a.8.8 0 0 0 1.132-1.132L9.13 8l2.435-2.434a.8.8 0 0 0-1.132-1.132L8 6.87z",clipRule:"evenodd"})))};function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},B.apply(null,arguments)}var I,S=function(e){return a.createElement("svg",B({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none"},e),b||(b=a.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M7.242 2.115c-2.605 0-4.677 2.044-4.677 4.517s2.072 4.517 4.677 4.517 4.677-2.044 4.677-4.517-2.072-4.517-4.677-4.517M1 6.632C1 3.252 3.817.55 7.242.55s6.242 2.701 6.242 6.082a5.97 5.97 0 0 1-1.692 4.165l3 3.247a.783.783 0 1 1-1.15 1.062l-3.074-3.326a6.34 6.34 0 0 1-3.326.935C3.817 12.715 1 10.013 1 6.632",clipRule:"evenodd"})))};function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},T.apply(null,arguments)}var A,x,w=function(e){return a.createElement("svg",T({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),I||(I=a.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M4.364 4.364a.9.9 0 0 1 1.272 0L10 8.727l4.364-4.363a.9.9 0 0 1 1.272 1.272L11.273 10l4.363 4.364a.9.9 0 0 1-1.272 1.272L10 11.273l-4.364 4.363a.9.9 0 0 1-1.272-1.272L8.727 10 4.364 5.636a.9.9 0 0 1 0-1.272",clipRule:"evenodd"})))};function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},L.apply(null,arguments)}var z,E=function(e){return a.createElement("svg",L({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),A||(A=a.createElement("circle",{cx:10,cy:10,r:10,fill:"currentColor"})),x||(x=a.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M5.364 5.364a.9.9 0 0 1 1.272 0L10 8.727l3.364-3.363a.9.9 0 0 1 1.272 1.272L11.274 10l3.364 3.364a.9.9 0 1 1-1.273 1.272L10 11.273l-3.364 3.363a.9.9 0 0 1-1.272-1.272L8.727 10 5.364 6.636a.9.9 0 0 1 0-1.272",clipRule:"evenodd"})))};function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},O.apply(null,arguments)}var M=function(e){return a.createElement("svg",O({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e),z||(z=a.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M6.268 6.268a.915.915 0 0 1 1.294 0L12 10.706l4.438-4.438a.915.915 0 1 1 1.294 1.294L13.294 12l4.438 4.438a.915.915 0 1 1-1.294 1.294L12 13.294l-4.438 4.438a.915.915 0 1 1-1.294-1.294L10.706 12 6.268 7.562a.915.915 0 0 1 0-1.294",clipRule:"evenodd"})))};const k=e=>"string"==typeof e?e:`${e}px`,j=e=>{const{options:t,content:a}=e,{asChild:l,children:i}=t;if(!l)return"function"==typeof a?a(i):a;const _=n.only(i);return r(_,{children:"function"==typeof a?a(_.props.children):a})},H=e=>void 0!==e&&!1!==e&&null!==e&&""!==e,P=()=>!!navigator.userAgent.match(/(iPad|iPhone|iPod)/g),D=(...e)=>{const t=e.filter(Boolean);if(t.length<=1){return t[0]??null}return e=>{for(const a of t)"function"==typeof a?a(e):a&&(a.current=e)}},$=()=>{};var U=Object.defineProperty,R=(e,t)=>U(e,"name",{value:t,configurable:!0});function Y(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function W(...e){return t=>{let a=!1;const n=e.map(e=>{const n=Y(e,t);return a||"function"!=typeof n||(a=!0),n});if(a)return()=>{for(let t=0;t<n.length;t++){const a=n[t];"function"==typeof a?a():Y(e[t],null)}}}}function F(...e){return a.useCallback(W(...e),e)}R(Y,"setRef"),R(W,"composeRefs"),R(F,"useComposedRefs");var G=Object.defineProperty,X=(e,t)=>G(e,"name",{value:t,configurable:!0});function Z(e){const t=a.forwardRef((t,n)=>{let{children:r,...l}=t,i=null,_=!1;const o=[];re(r)&&"function"==typeof oe&&(r=oe(r._payload)),a.Children.forEach(r,e=>{if(ae(e)){_=!0;const t=e;let a="child"in t.props?t.props.child:t.props.children;re(a)&&"function"==typeof oe&&(a=oe(a._payload)),i=K(t,a),o.push(i?.props?.children)}else o.push(e)}),i?i=a.cloneElement(i,void 0,o):!_&&1===a.Children.count(r)&&a.isValidElement(r)&&(i=r);const s=i?te(i):void 0,c=F(n,s);if(!i){if(r||0===r)throw new Error(_?_e(e):ie(e));return r}const p=ee(l,i.props??{});return i.type!==a.Fragment&&(p.ref=n?c:s),a.cloneElement(i,p)});return t.displayName=`${e}.Slot`,t}X(Z,"createSlot");var q=Z("Slot"),V=Symbol.for("radix.slottable");function J(e){const t=X(e=>"child"in e?e.children(e.child):e.children,"Slottable");return t.displayName=`${e}.Slottable`,t.__radixId=V,t}X(J,"createSlottable");var Q=J("Slottable"),K=X((e,t)=>{if("child"in e.props){const t=e.props.child;return a.isValidElement(t)?a.cloneElement(t,void 0,e.props.children(t.props.children)):null}return a.isValidElement(t)?t:null},"getSlottableElementFromSlottable");function ee(e,t){const a={...t};for(const n in t){const r=e[n],l=t[n];/^on[A-Z]/.test(n)?r&&l?a[n]=(...e)=>{const t=l(...e);return r(...e),t}:r&&(a[n]=r):"style"===n?a[n]={...r,...l}:"className"===n&&(a[n]=[r,l].filter(Boolean).join(" "))}return{...e,...a}}function te(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,a=t&&"isReactWarning"in t&&t.isReactWarning;return a?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,a=t&&"isReactWarning"in t&&t.isReactWarning,a?e.props.ref:e.props.ref||e.ref)}function ae(e){return a.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===V}X(ee,"mergeProps"),X(te,"getElementRef"),X(ae,"isSlottable");var ne=Symbol.for("react.lazy");function re(e){return null!=e&&"object"==typeof e&&"$$typeof"in e&&e.$$typeof===ne&&"_payload"in e&&le(e._payload)}function le(e){return"object"==typeof e&&null!==e&&"then"in e}X(re,"isLazyComponent"),X(le,"isPromiseLike");var ie=X(e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,"createSlotError"),_e=X(e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,"createSlottableError"),oe=a[" use ".trim().toString()],se="SvgButton__-Jm";const ce=l((t,a)=>{const{className:n,asChild:r,...l}=t;return e(r?q:"button",{ref:a,className:h(se,n),...l})});ce.displayName="SvgButton";var pe="ClearableInput__4PN",de="ClearableInput__button__iUo",ue="ClearableInput__count__K7Z";const me=l((a,n)=>{const{className:r,onChange:l,innerClassNames:o,withClearButton:s=!0,disabled:c,count:p,...d}=a,u=i(null),[m,v]=_(!d.value&&!d.defaultValue);return t("span",{className:h(pe,r),children:[e("input",{ref:D(u,n),className:h(o?.input),onChange:e=>{l?.(e),v(!e.target.value)},disabled:c,...d}),!m&&!c&&!!p&&e("div",{className:h(ue,o?.count),children:p}),!m&&!c&&s&&e(ce,{className:h(de,o?.clearButton),onClick:()=>{u.current&&(e=>{const{el:t,value:a}=e,n=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value")?.set;n?.call(t,a);const r=new Event("input",{bubbles:!0});t.dispatchEvent(r)})({el:u.current,value:""})},"aria-label":"Очистить",children:e(N,{})})]})});me.displayName="ClearableInput";var he="Container__yZR",ve="Container_fullWidth__2tY";l((t,a)=>{const{className:n,asChild:r,fullWidth:l,...i}=t,_=r?q:"div",o=h(he,{[ve]:l},n);return e(_,{ref:a,className:o,...i})}).displayName="Container";var ye="EllipsisText__DEC",ge="EllipsisText_multiline__y4t",fe="EllipsisText_singleLine__Arf";const Ce=l((t,a)=>{const{className:n,maxLines:r=1,style:l,asChild:i,..._}=t,o=i?q:"span",s=h(ye,{[ge]:r>1,[fe]:1===r},n);return e(o,{ref:a,className:s,style:{"--MaxUi-EllipsisText_linesCount":r,...l},..._})});Ce.displayName="EllipsisText";var be="Flex__pih";l((t,a)=>{const{className:n,display:r="flex",direction:l="row",align:i="flex-start",justify:_="start",asChild:o,wrap:s,style:c,gap:p,gapX:d,gapY:u,...m}=t;return e(o?q:"div",{ref:a,className:h(be,n),style:{flexDirection:l,justifyContent:_,alignItems:i,flexWrap:s,...c,display:r,"--MaxUi-Flex_gapX":k(d??p??0),"--MaxUi-Flex_gapY":k(u??p??0)},...m})}).displayName="Flex";var Ne="Grid__lFk";l((t,a)=>{const{className:n,style:r,display:l="grid",align:i="start",justify:_="start",gap:o,gapX:s,gapY:c,cols:p,rows:d,asChild:u,...m}=t;return e(u?q:"div",{ref:a,className:h(Ne,n),style:{justifyContent:_,alignItems:i,...r,display:l,"--MaxUi-Grid_gapX":k(s??o??0),"--MaxUi-Grid_gapY":k(c??o??0),"--MaxUi-Grid_cols":p??0,"--MaxUi-Grid_rows":d??0},...m})}).displayName="Grid";var Be={Panel:"Panel__XH0",Panel_centeredX:"Panel_centeredX__DG7",Panel_centeredY:"Panel_centeredY__f-k",Panel_mode_primary:"Panel_mode_primary__fNs",Panel_mode_secondary:"Panel_mode_secondary__Tez"};l((t,a)=>{const{className:n,mode:r="primary",centeredX:l,centeredY:i,..._}=t,o=h(Be.Panel,Be[`Panel_mode_${r}`],{[Be.Panel_centeredX]:l,[Be.Panel_centeredY]:i},n);return e("div",{ref:a,className:o,..._})}).displayName="Panel";var Ie="Ripple__dJ9",Se="Ripple_active__uv5";const Te=l((t,a)=>{const{className:n,...r}=t,l=i(null),_=i(null),s=e=>{const t=e.currentTarget.getBoundingClientRect();((e,t)=>{null!==_.current&&(_.current.classList.remove(Se),_.current.style.top=t+"px",_.current.style.left=e+"px",_.current.classList.add(Se))})(e.clientX-(t.left??0),e.clientY-(t.top??0))};return o(()=>{if(_.current)return l.current=_.current.parentElement,null!==l.current&&l.current.addEventListener("pointerdown",s),()=>{null!==l.current&&l.current?.removeEventListener("pointerdown",s)}},[]),e("span",{ref:D(a,_),role:"presentation","aria-hidden":!0,className:h(Ie,n),onAnimationEnd:()=>{null!==_.current&&_.current.classList.remove(Se)},...r})});Te.displayName="Ripple";const Ae=e=>{const{asChild:t,children:a,rootElement:n,disabled:r,loading:l}=e;if(!t&&"button"===n){return{disabled:r,...l?{"aria-disabled":!0}:{}}}if(t&&s(a)){const{type:e}=a;if("a"===e){return{"aria-disabled":r??l,...r?{onClick:e=>{e.preventDefault()},tabIndex:-1}:{}}}}return{role:"button",tabIndex:r?-1:0,"aria-disabled":r??l,...r?{onClick:void 0}:{}}},xe=e=>{const t=i(e);return o(()=>{t.current=e}),c(()=>(...e)=>t.current?.(...e),[])},we=()=>{const{colorScheme:e}=Ot();return e},Le=e=>{const{src:t,referrerPolicy:a}=e,[n,r]=_("idle");return p(()=>{if(!t)return void r("error");let e=!0;const n=new window.Image,l=t=>()=>{e&&r(t)};return r("loading"),n.onload=l("loaded"),n.onerror=l("error"),n.src=t,a&&(n.referrerPolicy=a),()=>{e=!1}},[t,a]),n},ze=()=>{const{platform:e}=Ot();return e},Ee=(e={})=>{const{listenChanges:t}=e,[a,n]=_(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),r=e=>{n(()=>e.matches?"dark":"light")};return o(()=>{const e=window.matchMedia("(prefers-color-scheme: dark)");return n(()=>e.matches?"dark":"light"),t?(e.addEventListener("change",r),()=>{e.removeEventListener("change",r)}):$},[t]),a};var Oe="Tappable__O--",Me="Tappable_interactive__4Uv",ke="Tappable_disabled__0z8",je="Tappable_activeMode_ripple__3k-",He="Tappable_activeMode_highlight__Hs-",Pe="Tappable__ripple__Egr";const De=l((a,n)=>{const{className:r,disabled:l,asChild:i,children:_,as:o="div",...c}=a,p=i?q:o,d=ze(),u=Ae({asChild:i,children:_,disabled:l,rootElement:o}),m=(({onClick:e,href:t,children:a,asChild:n,parentChildren:r=a})=>n?!(!n||!s(r))&&("href"in r.props||"onClick"in r.props):!!e||!!t)(a),v="android"===d&&m&&!l,y=h(Oe,{[Me]:m,[ke]:l,[He]:!v,[je]:v},r);return t(p,{ref:n,className:y,...m?u:{},...c,children:[_,v&&e(Te,{className:Pe})]})});De.displayName="Tappable";const $e=d({size:48}),Ue=()=>u($e);var Re={};const Ye=l((t,a)=>{const{className:n,onClick:r,...l}=t,{size:i}=Ue(),_=(e=>e<40?12:e<54?16:e<72?20:24)(i);return e(ce,{ref:a,className:h(Re.AvatarCloseButton,n),onClick:e=>{e.preventDefault(),r?.(e)},...l,children:e(E,{width:_,height:_})})});Ye.displayName="AvatarCloseButton";var We={AvatarContainer:"AvatarContainer__7c-",AvatarContainer_form_circle:"AvatarContainer_form_circle__J44",AvatarContainer__content:"AvatarContainer__content__h8v",AvatarContainer_form_squircle:"AvatarContainer_form_squircle__1i0",AvatarContainer__overlay:"AvatarContainer__overlay__qul",AvatarContainer__rightBottomCorner:"AvatarContainer__rightBottomCorner__kZG",AvatarContainer__rightTopCorner:"AvatarContainer__rightTopCorner__y4y"};const Fe=l((a,n)=>{const{className:r,style:l,children:i,overlay:_,rightTopCorner:o,rightBottomCorner:s,innerClassNames:c,size:p=48,asChild:d,form:u="circle",...m}=a,v=d?q:"div",y=h(We.AvatarContainer,We[`AvatarContainer_form_${u}`],r);return e($e.Provider,{value:{size:p},children:t(v,{ref:n,className:y,style:{"--MaxUi-AvatarContainer_size":`${p}px`,...l},...m,children:[e(Q,{children:j({options:{asChild:a.asChild,children:i},content:a=>t("span",{className:h(We.AvatarContainer__content,c?.content),children:[a,H(_)&&e("span",{className:h(We.AvatarContainer__overlay,c?.overlay),children:_})]},"subtree-container")})}),H(s)&&e("span",{className:h(We.AvatarContainer__rightBottomCorner,c?.rightBottomCorner),children:s}),H(o)&&e("span",{className:h(We.AvatarContainer__rightTopCorner,c?.rightTopCorner),children:o})]})})});Fe.displayName="AvatarContainer";var Ge="AvatarIcon__ZUI";const Xe=l((t,a)=>{const{className:n,...r}=t;return e("span",{ref:a,className:h(Ge,n),...r})});Xe.displayName="AvatarIcon";var Ze={AvatarText:"AvatarText__DIj",AvatarText_gradient_red:"AvatarText_gradient_red__bnV",AvatarText_gradient_orange:"AvatarText_gradient_orange__Ngq",AvatarText_gradient_green:"AvatarText_gradient_green__n7Z",AvatarText_gradient_blue:"AvatarText_gradient_blue__gLu",AvatarText_gradient_purple:"AvatarText_gradient_purple__UsS",AvatarText__in:"AvatarText__in__cDg"};const qe=e=>e<20?{fontSize:6}:e<28?{fontSize:8}:e<32?{fontSize:10}:e<36?{fontSize:11}:e<40?{fontSize:13}:e<48?{fontSize:14}:e<54?{fontSize:17}:e<64?{fontSize:18}:e<72?{fontSize:21}:e<88?{fontSize:26}:{fontSize:30},Ve=l((t,a)=>{const{className:n,children:r,gradient:l="red",...i}=t,{size:_}=Ue(),o=h(Ze.AvatarText,{[Ze[`AvatarText_gradient_${l}`]]:"custom"!==l},n);return e("span",{ref:a,className:o,...i,children:e("span",{className:Ze.AvatarText__in,style:qe(_),children:r})})});Ve.displayName="AvatarText";var Je="AvatarImage__H7-";const Qe=l((t,a)=>{const{className:n,fallback:r,fallbackGradient:l="red",...i}=t,[o,s]=_("idle"),c=Le({src:i.src??i.srcSet,referrerPolicy:i.referrerPolicy}),d=xe(e=>{s(e)});return p(()=>{"idle"!==c&&d(c)},[c,d]),"error"===o?e(Ve,{gradient:l,children:r}):e("img",{ref:a,className:h(Je,n),...i})});Qe.displayName="AvatarImage";var Ke={AvatarOnlineDot:"AvatarOnlineDot__-GT",AvatarOnlineDot_size_xs:"AvatarOnlineDot_size_xs__2SY",AvatarOnlineDot__dot:"AvatarOnlineDot__dot__8dL",AvatarOnlineDot_size_s:"AvatarOnlineDot_size_s__T1u",AvatarOnlineDot_size_m:"AvatarOnlineDot_size_m__ris",AvatarOnlineDot_size_l:"AvatarOnlineDot_size_l__zo4"};const et=l((t,a)=>{const{className:n,...r}=t,{size:l}=Ue(),i=(e=>e<40?"xs":e<54?"s":e<72?"m":"l")(l),_=h(Ke.AvatarOnlineDot,Ke[`AvatarOnlineDot_size_${i}`],n);return l<16||l>80?null:e("span",{ref:a,className:_,...r,children:e("span",{className:Ke.AvatarOnlineDot__dot})})});et.displayName="AvatarOnlineDot";var tt="AvatarOverlay__-nV";const at=l((t,a)=>{const{className:n,onClick:r,...l}=t;return e("span",{ref:a,className:h(tt,n),onClick:e=>{e.preventDefault(),r?.(e)},...l})});at.displayName="AvatarOverlay";const nt=Object.assign({},{Container:Fe,Image:Qe,Overlay:at,Icon:Xe,Text:Ve,OnlineDot:et,CloseButton:Ye});var rt={Spinner:"Spinner__piy",Spinner_appearance_primary:"Spinner_appearance_primary__mxz",Spinner_appearance_themed:"Spinner_appearance_themed__-9S","Spinner_appearance_primary-static":"Spinner_appearance_primary-static__JxW",Spinner_appearance_contrast:"Spinner_appearance_contrast__Mv6","Spinner_appearance_contrast-static":"Spinner_appearance_contrast-static__rM7",Spinner_appearance_negative:"Spinner_appearance_negative__eMf","Spinner_appearance_neutral-themed":"Spinner_appearance_neutral-themed__D8F",androidSpinner:"androidSpinner__w-L",rotation:"rotation__CUP",iosSpinner:"iosSpinner__3q2",bar:"bar__aHj",fade:"fade__2ZD"};const lt=({size:t})=>e("div",{className:rt.androidSpinner,style:{width:t,height:t}}),it=({size:t})=>e("div",{className:rt.iosSpinner,style:{width:t,height:t},children:Array.from({length:8},(t,a)=>e("div",{className:rt.bar},a))}),_t=l((t,a)=>{const{className:n,size:r=20,appearance:l="primary",...i}=t,_=ze(),o=h(rt.Spinner,rt[`Spinner_appearance_${l}`],n);return e("span",{ref:a,role:"status",className:o,...i,children:e("ios"===_?it:lt,{size:r})})});_t.displayName="Spinner";var ot={Button:"Button__0OJ",Button_loading:"Button_loading__LD-",Button__iconBefore:"Button__iconBefore__BUe",Button__content:"Button__content__vnq",Button__indicator:"Button__indicator__HuA",Button__iconAfter:"Button__iconAfter__VhZ",Button_disabled:"Button_disabled__jkY",Button_stretched:"Button_stretched__mzq",Button_activeMode_ripple:"Button_activeMode_ripple__E5Y",Button_activeMode_highlight:"Button_activeMode_highlight__K3j",Button_size_xsmall:"Button_size_xsmall__QCm",Button_size_small:"Button_size_small__LLG",Button_size_medium:"Button_size_medium__fI9",Button_size_large:"Button_size_large__S2-",Button_variant_primary:"Button_variant_primary__yLL",Button_variant_secondary:"Button_variant_secondary__DR6",Button_variant_ghost:"Button_variant_ghost__EkG","Button_variant_primary-contrast":"Button_variant_primary-contrast__b63","Button_variant_secondary-contrast":"Button_variant_secondary-contrast__cey",Button_variant_overlay:"Button_variant_overlay__keO",Button_variant_destructive:"Button_variant_destructive__2Ug",Button__spinnerContainer:"Button__spinnerContainer__G4I",Button__ripple:"Button__ripple__jw0"},st={Counter:"Counter__0Oj",Counter_variant_primary:"Counter_variant_primary__8Mz","Counter_variant_primary-contrast":"Counter_variant_primary-contrast__yFz",Counter_variant_attention:"Counter_variant_attention__IWH","Counter_variant_attention-contrast":"Counter_variant_attention-contrast__LHu",Counter_variant_promo:"Counter_variant_promo__9kD",Counter_variant_static:"Counter_variant_static__d8Y","Counter_variant_static-contrast":"Counter_variant_static-contrast__bAq",Counter_variant_default:"Counter_variant_default__weZ",Counter_variant_mute:"Counter_variant_mute__2SU",Counter_variant_menu:"Counter_variant_menu__qf0"};const ct=l((t,a)=>{const{className:n,value:r,rounded:l,variant:i="primary",..._}=t,o=h(st.Counter,st[`Counter_variant_${i}`],n),s=c(()=>l?Intl.NumberFormat("en",{notation:"compact"}).format(r):r,[l,r]);return e("span",{ref:a,className:o,..._,children:s})});ct.displayName="Counter";const pt=e=>{switch(e){case"xsmall":return 16;case"small":case"medium":return 20;case"large":return 24}},dt=e=>{switch(e){case"primary":case"destructive":case"overlay":return"contrast-static";case"secondary":return"primary";case"ghost":return"themed";case"primary-contrast":case"secondary-contrast":return"primary-static"}},ut=e=>{switch(e){case"primary":return{variant:"primary-contrast"};case"secondary":case"ghost":case"primary-contrast":case"secondary-contrast":return{variant:"static"};case"overlay":return{variant:"static-contrast"};case"destructive":return{variant:"attention-contrast"}}},mt=l((a,n)=>{const{className:l,iconBefore:i,iconAfter:_,indicator:o,children:c,onClick:p,loading:d,disabled:u=!1,asChild:m=!1,innerClassNames:v,stretched:y=!1,size:g="medium",variant:f="primary",...C}=a,b="button",N=m?q:b,B=ze(),I=Ae({asChild:m,children:c,disabled:u,rootElement:b,loading:d}),S=u||d,T="android"===B,A=h(ot.Button,ot[`Button_variant_${f}`],ot[`Button_size_${g}`],{[ot.Button_loading]:d,[ot.Button_disabled]:u,[ot.Button_stretched]:y,[ot.Button_activeMode_highlight]:!S&&!T,[ot.Button_activeMode_ripple]:!S&&T},l);return t(N,{ref:n,className:A,onClick:e=>{d?e.preventDefault():p?.(e)},...I,...C,children:[H(i)&&e("span",{className:h(ot.Button__iconBefore,v?.iconBefore),children:i}),d&&e("span",{className:h(ot.Button__spinnerContainer,v?.spinnerContainer),children:e(_t,{className:h(v?.spinner),size:pt(g),appearance:dt(f)})}),e(Q,{children:j({options:{asChild:m,children:c},content:t=>e(Ce,{className:h(ot.Button__content,v?.content),children:t},"subtree-container")})}),H(o)&&e("span",{className:h(ot.Button__indicator,v?.indicator),children:(x=o,w=f,s(x)&&x.type===ct?r(x,{...ut(w)}):x)}),H(_)&&e("span",{className:h(ot.Button__iconAfter,v?.iconAfter),children:_}),T&&!S&&e(Te,{className:ot.Button__ripple})]});var x,w});mt.displayName="Button";var ht={CellAction:"CellAction__vzN",CellAction_mode_primary:"CellAction_mode_primary__vZQ",CellAction_disabled:"CellAction_disabled__VZA",CellAction_mode_secondary:"CellAction_mode_secondary__AJk",CellAction_mode_themed:"CellAction_mode_themed__-Gg",CellAction_mode_destructive:"CellAction_mode_destructive__ovY",CellAction_mode_custom:"CellAction_mode_custom__3T8",CellAction_height_compact:"CellAction_height_compact__ysc",CellAction_height_normal:"CellAction_height_normal__ELj",CellAction__before:"CellAction__before__oZm",CellAction__content:"CellAction__content__Uib",CellAction__chevron:"CellAction__chevron__6SI"};const vt=l((a,n)=>{const{className:r,before:l,children:i,innerClassNames:_,asChild:o=!1,mode:s="primary",height:c="normal",showChevron:p=!1,...d}=a,u=h(ht.CellAction,ht[`CellAction_mode_${s}`],ht[`CellAction_height_${c}`],{[ht.CellAction_disabled]:d.disabled},r);return t(De,{ref:n,className:u,asChild:o,as:"button",parentChildren:i,...d,children:[H(l)&&e("span",{className:h(ht.CellAction__before,_?.before),children:l}),e(Q,{children:j({options:{asChild:o,children:i},content:t=>e("span",{className:h(ht.CellAction__content,_?.content),children:t},"subtree-container")})}),p&&e(f,{className:h(ht.CellAction__chevron,_?.chevron)})]})});vt.displayName="CellAction";var yt={CellHeader:"CellHeader__Epf",CellHeader_titleStyle_caps:"CellHeader_titleStyle_caps__nfB",CellHeader__content:"CellHeader__content__El-",CellHeader_titleStyle_normal:"CellHeader_titleStyle_normal__M-p",CellHeader_fullWidth:"CellHeader_fullWidth__h2Y",CellHeader__after:"CellHeader__after__RXN"};const gt=l((a,n)=>{const{className:r,titleStyle:l="caps",fullWidth:i=!1,children:_,after:o,innerClassNames:s,...c}=a,p=h(yt.CellHeader,yt[`CellHeader_titleStyle_${l}`],{[yt.CellHeader_fullWidth]:i},r);return t("div",{ref:n,className:p,...c,children:[H(_)&&e("div",{className:h(yt.CellHeader__content,s?.content),children:_}),H(o)&&e("div",{className:h(yt.CellHeader__after,s?.after),children:o})]})});gt.displayName="CellHeader";var ft={CellInput:"CellInput__92-",CellInput_disabled:"CellInput_disabled__fZ7",CellInput__input:"CellInput__input__gQ3",CellInput_height_compact:"CellInput_height_compact__Mv2",CellInput_height_normal:"CellInput_height_normal__ovc",CellInput__before:"CellInput__before__Hkm",CellInput__body:"CellInput__body__Egp",CellInput__clearButton:"CellInput__clearButton__znK"};const Ct=l((a,n)=>{const{className:r,height:l="normal",before:i,innerClassNames:_,disabled:o,...s}=a,c=h(ft.CellInput,ft[`CellInput_height_${l}`],{[ft.CellInput_disabled]:o},r);return t("label",{className:c,children:[H(i)&&e(Ce,{className:h(ft.CellInput__before,_?.before),maxLines:1,children:i}),e(me,{ref:n,className:h(ft.CellInput__body,_?.body),innerClassNames:{input:h(ft.CellInput__input,_?.input),clearButton:h(ft.CellInput__clearButton,_?.clearButton)},type:"text",disabled:o,...s})]})});Ct.displayName="CellInput";var bt={CellList:"CellList__1ou",CellList_filled:"CellList_filled__ikE",CellList__body:"CellList__body__ouS",CellList_mode_island:"CellList_mode_island__aCu"};const Nt=l((a,n)=>{const{className:r,header:l,children:i,mode:_="full-width",filled:o="island"===_,...s}=a,c=h(bt.CellList,bt[`CellList_mode_${_}`],{[bt.CellList_filled]:o},r);return t("div",{ref:n,className:c,...s,children:[H(l)&&e("div",{className:bt.CellList__header,children:l}),e("div",{className:bt.CellList__body,children:i})]})});Nt.displayName="CellList";var Bt={CellSimple:"CellSimple__n0z",CellSimple_disabled:"CellSimple_disabled__T-3",CellSimple__title:"CellSimple__title__aYs",CellSimple__overline:"CellSimple__overline__Ncr",CellSimple__link:"CellSimple__link__ie-",CellSimple_subtitle_secondary:"CellSimple_subtitle_secondary__3uL",CellSimple__subtitle:"CellSimple__subtitle__oIF",CellSimple_subtitle_tertiary:"CellSimple_subtitle_tertiary__lz0",CellSimple_height_compact:"CellSimple_height_compact__HUQ",CellSimple_height_normal:"CellSimple_height_normal__pxj",CellSimple__before:"CellSimple__before__5Q9",CellSimple__after:"CellSimple__after__2FK",CellSimple__content:"CellSimple__content__SOk",CellSimple__chevron:"CellSimple__chevron__cSs",CellSimple_separator:"CellSimple_separator__aOX"};const It=l((a,n)=>{const{className:r,title:l,subtitle:i,subtitleMode:_="secondary",before:o,after:s,children:c,overline:p,showChevron:d=!1,asChild:u=!1,disabled:m=!1,innerClassNames:v,height:y="normal",as:g="div",separator:C,link:b,...N}=a,B=h(Bt.CellSimple,Bt[`CellSimple_height_${y}`],Bt[`CellSimple_subtitle_${_}`],{[Bt.CellSimple_disabled]:m,[Bt.CellSimple_separator]:C},r);return t(De,{ref:n,className:B,asChild:u,as:g,parentChildren:c,...N,children:[H(o)&&e("div",{className:h(Bt.CellSimple__before,v?.before),children:o}),e(Q,{children:j({options:{asChild:u,children:c},content:a=>t("div",{className:h(Bt.CellSimple__content,v?.content),children:[H(p)&&e("div",{className:h(Bt.CellSimple__overline,v?.overline),children:p}),H(l)&&e("div",{className:h(Bt.CellSimple__title,v?.title),children:l}),H(i)&&e("div",{className:h(Bt.CellSimple__subtitle,v?.subtitle),children:i}),a,b&&e("a",{className:h(Bt.CellSimple__link,v?.link),href:b,target:"_blank",rel:"noreferrer",children:b})]},"subtree-container")})}),(H(s)||d)&&t("div",{className:h(Bt.CellSimple__after,v?.after),children:[s,d&&e(f,{className:h(Bt.CellSimple__chevron,v?.chevron)})]})]})});It.displayName="CellSimple";const St=e=>{switch(e){case"xsmall":return 16;case"small":case"medium":return 20;case"large":return 24}},Tt=e=>{switch(e){case"primary":case"destructive":case"overlay":return"contrast-static";case"secondary":case"ghost":return"primary";case"primary-contrast":case"secondary-contrast":return"primary-static"}};var At={IconButton:"IconButton__KCr",IconButton_loading:"IconButton_loading__RxW",IconButton__content:"IconButton__content__dCL",IconButton_disabled:"IconButton_disabled__SZj",IconButton_activeMode_ripple:"IconButton_activeMode_ripple__asi",IconButton_activeMode_highlight:"IconButton_activeMode_highlight__h15",IconButton_size_xsmall:"IconButton_size_xsmall__G5T",IconButton_size_small:"IconButton_size_small__e3f",IconButton_size_medium:"IconButton_size_medium__MQQ",IconButton_size_large:"IconButton_size_large__9oz",IconButton_variant_primary:"IconButton_variant_primary__-4n",IconButton_variant_secondary:"IconButton_variant_secondary__dFi",IconButton_variant_ghost:"IconButton_variant_ghost__jvE","IconButton_variant_primary-contrast":"IconButton_variant_primary-contrast__O-T","IconButton_variant_secondary-contrast":"IconButton_variant_secondary-contrast__uNH",IconButton_variant_overlay:"IconButton_variant_overlay__vJc",IconButton_variant_destructive:"IconButton_variant_destructive__9rk",IconButton__spinnerContainer:"IconButton__spinnerContainer__9--",IconButton__ripple:"IconButton__ripple__l8M"};const xt=l((a,n)=>{const{children:r,className:l,disabled:i,innerClassNames:_,loading:o,asChild:s=!1,size:c="medium",variant:p="primary",...d}=a,u="button",m=s?q:u,v=ze(),y=Ae({asChild:s,children:r,disabled:i,rootElement:u,loading:o}),g=i||o,f="android"===v,C=h(At.IconButton,At[`IconButton_variant_${p}`],At[`IconButton_size_${c}`],{[At.IconButton_loading]:o,[At.IconButton_disabled]:i,[At.IconButton_activeMode_highlight]:!g&&!f,[At.IconButton_activeMode_ripple]:!g&&f},l);return t(m,{ref:n,className:C,...y,...d,children:[o&&e("span",{className:h(At.IconButton__spinnerContainer,_?.spinnerContainer),children:e(_t,{className:h(_?.spinner),size:St(c),appearance:Tt(p)})}),e(Q,{children:j({options:{asChild:s,children:r},content:t=>e("span",{className:h(At.IconButton__content,_?.content),children:t},"subtree-container")})}),f&&!g&&e(Te,{className:At.IconButton__ripple})]})});xt.displayName="IconButton";var wt={Input:"Input__A3w",Input_disabled:"Input_disabled__mpt",Input_size_medium:"Input_size_medium__EjC",Input_size_large:"Input_size_large__8OF",Input_mode_default:"Input_mode_default__ncX",Input_mode_contrast:"Input_mode_contrast__EIY",Input__body:"Input__body__sVJ",Input__iconBefore:"Input__iconBefore__gxx",Input__iconAfter:"Input__iconAfter__jL1",Input__clearButton:"Input__clearButton__nKe",Input__input:"Input__input__gy5",Input__hint:"Input__hint__dE5"};const Lt=l((a,n)=>{const{className:r,innerClassNames:l,withClearButton:i,iconBefore:_,iconAfter:o,size:s="large",mode:c="primary",hint:p,...d}=a,u=h(wt.Input,wt[`Input_mode_${c}`],wt[`Input_size_${s}`],{[wt.Input_disabled]:d.disabled},r);return t("div",{className:h(l?.container),children:[t("label",{className:u,children:[H(_)&&e("div",{className:h(wt.Input__iconBefore,l?.iconBefore),children:_}),e(me,{ref:n,className:h(wt.Input__body,l?.body),withClearButton:i,innerClassNames:{input:h(wt.Input__input,l?.input),clearButton:h(wt.Input__clearButton,l?.clearButton)},...d}),H(o)&&e("div",{className:h(wt.Input__iconAfter,l?.iconAfter),children:o})]}),H(p)&&e("div",{className:h(wt.Input__hint,l?.hint),children:p})]})});Lt.displayName="Input";var zt={MaxUI:"MaxUI__g7Q",MaxUI_platform_ios:"MaxUI_platform_ios__gAV",MaxUI_platform_android:"MaxUI_platform_android__m3U",MaxUI_colorScheme_light:"MaxUI_colorScheme_light__Woo",MaxUI_colorScheme_dark:"MaxUI_colorScheme_dark__jFq"};const Et=d({platform:"ios",colorScheme:"light"}),Ot=()=>u(Et),Mt=l((t,a)=>{const{children:n,className:r,colorScheme:l,platform:i=(P()?"ios":"android")}=t,_=Ee({listenChanges:!l}),o=l??_,s=c(()=>({colorScheme:o,platform:i}),[o,i]),p=h(zt.MaxUI,zt[`MaxUI_colorScheme_${o}`],zt[`MaxUI_platform_${i}`],r);return e(Et.Provider,{value:s,children:e("div",{ref:a,className:p,children:n})})});Mt.displayName="MaxUI";var kt={Switch:"Switch__-vj",Switch__toggle:"Switch__toggle__WU2",Switch__thumb:"Switch__thumb__jlX",Switch__input:"Switch__input__EDr",Switch_platform_ios:"Switch_platform_ios__B-C",Switch_platform_android:"Switch_platform_android__72T"};const jt=l((a,n)=>{const{className:r,...l}=a,i=ze(),_=h(kt.Switch,kt[`Switch_platform_${i}`],r);return t("span",{className:_,children:[e("input",{ref:n,type:"checkbox",role:"switch",className:kt.Switch__input,...l}),e("span",{className:kt.Switch__toggle,children:e("span",{className:kt.Switch__thumb})})]})});jt.displayName="Switch";var Ht={Textarea:"Textarea__Sy6",Textarea_disabled:"Textarea_disabled__uY3",Textarea_mode_primary:"Textarea_mode_primary__E7l",Textarea_mode_secondary:"Textarea_mode_secondary__BYw",Textarea__textarea:"Textarea__textarea__Ok-"};const Pt=l((t,a)=>{const{className:n,innerClassNames:r,mode:l="primary",...i}=t,_=h(Ht.Textarea,Ht[`Textarea_mode_${l}`],{[Ht.Textarea_disabled]:i.disabled},n);return e("div",{className:_,children:e("textarea",{ref:a,className:h(Ht.Textarea__textarea,r?.textarea),...i})})});Pt.displayName="Textarea";var Dt={TypographyAction_variant_large:"TypographyAction_variant_large__l5j",TypographyAction_variant_medium:"TypographyAction_variant_medium__9H-",TypographyAction_variant_small:"TypographyAction_variant_small__-LL",TypographyAction_variant_label:"TypographyAction_variant_label__vhv"};const $t=l((t,a)=>{const{className:n,variant:r="large",asChild:l,...i}=t,_=l?q:"span",o=h(Dt.TypographyAction,Dt[`TypographyAction_variant_${r}`],n);return e(_,{ref:a,className:o,...i})});$t.displayName="TypographyAction";var Ut={TypographyBody_variant_large:"TypographyBody_variant_large__vlS",TypographyBody_variant_medium:"TypographyBody_variant_medium__9v3",TypographyBody_variant_small:"TypographyBody_variant_small__beJ","TypographyBody_variant_small-strong":"TypographyBody_variant_small-strong__mWy","TypographyBody_variant_small-caps":"TypographyBody_variant_small-caps__18r"};const Rt=l((t,a)=>{const{className:n,variant:r="large-strong",asChild:l,...i}=t,_=l?q:"span",o=h(Ut.TypographyBody,Ut[`TypographyBody_variant_${r}`],n);return e(_,{ref:a,className:o,...i})});Rt.displayName="TypographyBody";var Yt="TypographyDisplay__6MW";const Wt=l((t,a)=>{const{className:n,asChild:r,...l}=t;return e(r?q:"span",{ref:a,className:h(Yt,n),...l})});Wt.displayName="TypographyDisplay";var Ft={"TypographyHeadline_variant_large-strong":"TypographyHeadline_variant_large-strong__mwz",TypographyHeadline_variant_medium:"TypographyHeadline_variant_medium__s92","TypographyHeadline_variant_medium-strong":"TypographyHeadline_variant_medium-strong__dFT",TypographyHeadline_variant_small:"TypographyHeadline_variant_small__8Ei","TypographyHeadline_variant_small-strong":"TypographyHeadline_variant_small-strong__kUR"};const Gt=l((t,a)=>{const{className:n,variant:r="large-strong",asChild:l,...i}=t,_=l?q:"span",o=h(Ft.TypographyHeadline,Ft[`TypographyHeadline_variant_${r}`],n);return e(_,{ref:a,className:o,...i})});Gt.displayName="TypographyHeadline";var Xt={TypographyLabel_variant_large:"TypographyLabel_variant_large__6vr","TypographyLabel_variant_large-strong":"TypographyLabel_variant_large-strong__uCg","TypographyLabel_variant_large-caps":"TypographyLabel_variant_large-caps__b1i",TypographyLabel_variant_medium:"TypographyLabel_variant_medium__Xo5","TypographyLabel_variant_medium-strong":"TypographyLabel_variant_medium-strong__Bk8","TypographyLabel_variant_small-strong":"TypographyLabel_variant_small-strong__qCw","TypographyLabel_variant_small-caps":"TypographyLabel_variant_small-caps__beb"};const Zt=l((t,a)=>{const{className:n,variant:r="large",asChild:l,...i}=t,_=l?q:"span",o=h(Xt.TypographyLabel,Xt[`TypographyLabel_variant_${r}`],n);return e(_,{ref:a,className:o,...i})});Zt.displayName="TypographyLabel";var qt={"TypographyTitle_variant_large-strong":"TypographyTitle_variant_large-strong__9PL","TypographyTitle_variant_medium-strong":"TypographyTitle_variant_medium-strong__th0",TypographyTitle_variant_small:"TypographyTitle_variant_small__zJR","TypographyTitle_variant_small-strong":"TypographyTitle_variant_small-strong__BrE"};const Vt=l((t,a)=>{const{className:n,variant:r="large-strong",asChild:l,...i}=t,_=l?q:"span",o=h(qt.TypographyTitle,qt[`TypographyTitle_variant_${r}`],n);return e(_,{ref:a,className:o,...i})});Vt.displayName="TypographyTitle";const Jt=Object.assign({},{Display:Wt,Headline:Gt,Title:Vt,Body:Rt,Label:Zt,Action:$t});export{nt as Avatar,mt as Button,vt as CellAction,gt as CellHeader,Ct as CellInput,Nt as CellList,It as CellSimple,ct as Counter,f as Icon16Chevron,N as Icon16CloseIos,S as Icon16SearchOutline,w as Icon20CloseAndroid,E as Icon20CloseFilled,M as Icon24CloseAndroid,xt as IconButton,Lt as Input,Mt as MaxUI,Et as MaxUIContext,q as Slot,Q as Slottable,_t as Spinner,jt as Switch,Pt as Textarea,Jt as Typography,j as getSubtree,H as hasReactNode,D as mergeRefs,Ot as useAppearance,Ae as useButtonLikeProps,xe as useCallbackRef,we as useColorScheme,Le as useImageLoadingStatus,ze as usePlatform,Ee as useSystemColorScheme};
@@ -0,0 +1,12 @@
1
+ declare const AvatarNamespace: {
2
+ Container: import("react").ForwardRefExoticComponent<Omit<import("./parts").AvatarContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
3
+ Image: import("react").ForwardRefExoticComponent<Omit<import("./parts").AvatarImageProps, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
4
+ Overlay: import("react").ForwardRefExoticComponent<Omit<import("./parts").AvatarOverlayProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
5
+ Icon: import("react").ForwardRefExoticComponent<Omit<import("./parts").AvatarIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
6
+ Text: import("react").ForwardRefExoticComponent<Omit<import("./parts").AvatarTextProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
7
+ OnlineDot: import("react").ForwardRefExoticComponent<Omit<import("./parts").AvatarOnlineDotProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
8
+ CloseButton: import("react").ForwardRefExoticComponent<Omit<import("./parts").AvatarCloseButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
9
+ };
10
+ export { AvatarNamespace as Avatar };
11
+ export type { AvatarCloseButtonProps, AvatarContainerElementKey, AvatarContainerFrom, AvatarContainerProps, AvatarContainerSize, AvatarIconProps, AvatarImageProps, AvatarOnlineDotProps, AvatarOverlayProps, AvatarTextGradient, AvatarTextProps } from './parts';
12
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,eAAe;;;;;;;;CAQnB,CAAC;AAEH,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,CAAC;AACrC,YAAY,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,eAAe,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { type ComponentProps } from 'react';
2
+ export interface AvatarCloseButtonProps extends ComponentProps<'button'> {
3
+ }
4
+ export declare const AvatarCloseButton: import("react").ForwardRefExoticComponent<Omit<AvatarCloseButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
5
+ //# sourceMappingURL=AvatarCloseButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarCloseButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarCloseButton/AvatarCloseButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsC,MAAM,OAAO,CAAC;AAQhF,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,QAAQ,CAAC;CAAG;AAE3E,eAAO,MAAM,iBAAiB,mIA0B5B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const getButtonSize: (containerSize: number) => number;
2
+ //# sourceMappingURL=helpers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarCloseButton/helpers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,GAAI,eAAe,MAAM,KAAG,MAUrD,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { AvatarCloseButton, type AvatarCloseButtonProps } from './AvatarCloseButton';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarCloseButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { type ComponentProps, type ReactNode } from 'react';
2
+ import { type AsChildProp, type InnerClassNamesProp } from '../../../../types';
3
+ export type AvatarContainerElementKey = 'overlay' | 'content' | 'rightBottomCorner' | 'rightTopCorner';
4
+ export type AvatarContainerSize = 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 54 | 56 | 64 | 72 | 80 | 88 | 96 | number;
5
+ export type AvatarContainerFrom = 'circle' | 'squircle';
6
+ export interface AvatarContainerProps extends ComponentProps<'div'>, AsChildProp {
7
+ size?: AvatarContainerSize;
8
+ overlay?: ReactNode;
9
+ form?: AvatarContainerFrom;
10
+ innerClassNames?: InnerClassNamesProp<AvatarContainerElementKey>;
11
+ rightTopCorner?: ReactNode;
12
+ rightBottomCorner?: ReactNode;
13
+ }
14
+ export declare const AvatarContainer: import("react").ForwardRefExoticComponent<Omit<AvatarContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
15
+ //# sourceMappingURL=AvatarContainer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarContainer/AvatarContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5F,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAI/E,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,SAAS,GAAG,mBAAmB,GAAG,gBAAgB,CAAC;AACvG,MAAM,MAAM,mBAAmB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;AACzH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAExD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW;IAC9E,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B,eAAe,CAAC,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,CAAA;IAChE,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAC9B;AAED,eAAO,MAAM,eAAe,8HAoE1B,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { type AvatarContainerSize } from './AvatarContainer';
2
+ export interface AvatarContainerContextInterface {
3
+ size: AvatarContainerSize;
4
+ }
5
+ export declare const AvatarContainerContext: import("react").Context<AvatarContainerContextInterface>;
6
+ export declare const useAvatarContainerContext: () => AvatarContainerContextInterface;
7
+ //# sourceMappingURL=AvatarContainerContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarContainerContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarContainer/AvatarContainerContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,MAAM,WAAW,+BAA+B;IAC9C,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,eAAO,MAAM,sBAAsB,0DAEjC,CAAC;AAEH,eAAO,MAAM,yBAAyB,QAAO,+BAAqE,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { AvatarContainer, type AvatarContainerElementKey, type AvatarContainerFrom, type AvatarContainerProps, type AvatarContainerSize } from './AvatarContainer';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,yBAAyB,EAAE,KAAK,mBAAmB,EAAE,KAAK,oBAAoB,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { type ComponentProps } from 'react';
2
+ export interface AvatarIconProps extends ComponentProps<'span'> {
3
+ }
4
+ export declare const AvatarIcon: import("react").ForwardRefExoticComponent<Omit<AvatarIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
5
+ //# sourceMappingURL=AvatarIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarIcon/AvatarIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAIxD,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AAElE,eAAO,MAAM,UAAU,0HAarB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { AvatarIcon, type AvatarIconProps } from './AvatarIcon';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { type ComponentProps, type ReactNode } from 'react';
2
+ import { type AvatarTextGradient } from '../AvatarText';
3
+ export interface AvatarImageProps extends ComponentProps<'img'> {
4
+ fallback?: ReactNode;
5
+ fallbackGradient?: AvatarTextGradient;
6
+ }
7
+ export declare const AvatarImage: import("react").ForwardRefExoticComponent<Omit<AvatarImageProps, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
8
+ //# sourceMappingURL=AvatarImage.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarImage/AvatarImage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAGnG,OAAO,EAAc,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGpE,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gBAAgB,CAAC,EAAE,kBAAkB,CAAA;CACtC;AAED,eAAO,MAAM,WAAW,4HAoCtB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { AvatarImage, type AvatarImageProps } from './AvatarImage';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { type ComponentProps } from 'react';
2
+ export interface AvatarOnlineDotProps extends ComponentProps<'span'> {
3
+ }
4
+ export declare const AvatarOnlineDot: import("react").ForwardRefExoticComponent<Omit<AvatarOnlineDotProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
5
+ //# sourceMappingURL=AvatarOnlineDot.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarOnlineDot.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarOnlineDot/AvatarOnlineDot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAMxD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AAEvE,eAAO,MAAM,eAAe,+HA6B1B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const getDotContainerSize: (avatarContainerSize: number) => "xs" | "s" | "m" | "l";
2
+ //# sourceMappingURL=helpers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarOnlineDot/helpers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,GAAI,qBAAqB,MAAM,KAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAUpF,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { AvatarOnlineDot, type AvatarOnlineDotProps } from './AvatarOnlineDot';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarOnlineDot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { type ComponentProps } from 'react';
2
+ export interface AvatarOverlayProps extends ComponentProps<'span'> {
3
+ }
4
+ export declare const AvatarOverlay: import("react").ForwardRefExoticComponent<Omit<AvatarOverlayProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
5
+ //# sourceMappingURL=AvatarOverlay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarOverlay/AvatarOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsC,MAAM,OAAO,CAAC;AAIhF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AAErE,eAAO,MAAM,aAAa,6HAoBxB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { AvatarOverlay, type AvatarOverlayProps } from './AvatarOverlay';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { type ComponentProps } from 'react';
2
+ export type AvatarTextGradient = 'red' | 'orange' | 'green' | 'blue' | 'purple' | 'custom';
3
+ export interface AvatarTextProps extends ComponentProps<'span'> {
4
+ gradient?: AvatarTextGradient;
5
+ }
6
+ export declare const AvatarText: import("react").ForwardRefExoticComponent<Omit<AvatarTextProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
7
+ //# sourceMappingURL=AvatarText.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarText.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarText/AvatarText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAMxD,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3F,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC7D,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B;AAGD,eAAO,MAAM,UAAU,0HAgCrB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { type CSSProperties } from 'react';
2
+ type TextStyles = Pick<CSSProperties, 'fontSize'>;
3
+ export declare const getTextStyles: (avatarContainerSize: number) => TextStyles;
4
+ export {};
5
+ //# sourceMappingURL=helpers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarText/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,KAAK,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AAIlD,eAAO,MAAM,aAAa,GAAI,qBAAqB,MAAM,KAAG,UAwB3D,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { AvatarText, type AvatarTextGradient, type AvatarTextProps } from './AvatarText';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Avatar/parts/AvatarText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,8 @@
1
+ export { AvatarCloseButton, type AvatarCloseButtonProps } from './AvatarCloseButton';
2
+ export { AvatarContainer, type AvatarContainerElementKey, type AvatarContainerFrom, type AvatarContainerProps, type AvatarContainerSize } from './AvatarContainer';
3
+ export { AvatarIcon, type AvatarIconProps } from './AvatarIcon';
4
+ export { AvatarImage, type AvatarImageProps } from './AvatarImage';
5
+ export { AvatarOnlineDot, type AvatarOnlineDotProps } from './AvatarOnlineDot';
6
+ export { AvatarOverlay, type AvatarOverlayProps } from './AvatarOverlay';
7
+ export { AvatarText, type AvatarTextGradient, type AvatarTextProps } from './AvatarText';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/parts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,KAAK,yBAAyB,EAAE,KAAK,mBAAmB,EAAE,KAAK,oBAAoB,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACnK,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}