@arthurzakharov/ui-kit 1.3.8 → 1.4.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 (279) hide show
  1. package/dist/_commonjsHelpers-CqEciG1_.js +31 -0
  2. package/dist/animations/animation-fade-grow/animation-fade-grow.component.d.ts +2 -0
  3. package/dist/animations/animation-fade-grow/animation-fade-grow.component.js +34 -0
  4. package/dist/animations/animation-fade-grow/index.d.ts +1 -0
  5. package/dist/animations/animation-fade-grow/index.js +4 -0
  6. package/dist/animations/animation-fade-scale/animation-fade-scale.component.d.ts +2 -0
  7. package/dist/animations/animation-fade-scale/animation-fade-scale.component.js +33 -0
  8. package/dist/animations/animation-fade-scale/index.d.ts +1 -0
  9. package/dist/animations/animation-fade-scale/index.js +4 -0
  10. package/dist/animations/animation-fade-slide/animation-fade-slide.component.d.ts +6 -0
  11. package/dist/animations/animation-fade-slide/animation-fade-slide.component.js +33 -0
  12. package/dist/animations/animation-fade-slide/index.d.ts +1 -0
  13. package/dist/animations/animation-fade-slide/index.js +4 -0
  14. package/dist/animations/animation-rotate/animation-rotate.component.d.ts +8 -0
  15. package/dist/animations/animation-rotate/animation-rotate.component.js +38 -0
  16. package/dist/animations/animation-rotate/index.d.ts +1 -0
  17. package/dist/animations/animation-rotate/index.js +4 -0
  18. package/dist/animations/hook/index.d.ts +1 -0
  19. package/dist/animations/hook/index.js +4 -0
  20. package/dist/animations/hook/use-animation-lifecycle/index.d.ts +1 -0
  21. package/dist/animations/hook/use-animation-lifecycle/index.js +4 -0
  22. package/dist/animations/hook/use-animation-lifecycle/use-animation-lifecycle.hook.d.ts +12 -0
  23. package/dist/animations/hook/use-animation-lifecycle/use-animation-lifecycle.hook.js +31 -0
  24. package/dist/animations/utils/default-props.d.ts +5 -0
  25. package/dist/animations/utils/default-props.js +17 -0
  26. package/dist/animations/utils/index.d.ts +2 -0
  27. package/dist/animations/utils/index.js +4 -0
  28. package/dist/animations/utils/types.d.ts +15 -0
  29. package/dist/animations/utils/types.js +1 -0
  30. package/dist/assets/control-box-Dx-QKPgf.css +1 -0
  31. package/dist/assets/control-button-Tzg6F5Dp.css +1 -0
  32. package/dist/assets/control-button-card-Cb8_vJbQ.css +1 -0
  33. package/dist/assets/control-button-radio-BodzD0rU.css +1 -0
  34. package/dist/assets/control-button-text-BbE_5ebO.css +1 -0
  35. package/dist/assets/control-card-image-BYT3bzTE.css +1 -0
  36. package/dist/assets/control-card-text-Cvv3bL2p.css +1 -0
  37. package/dist/assets/control-checkbox-uLtXjmYN.css +1 -0
  38. package/dist/assets/control-choice-BAHN-VTm.css +1 -0
  39. package/dist/assets/control-dropdown-DaS5KsvG.css +1 -0
  40. package/dist/assets/control-error-message-CKgqmo1U.css +1 -0
  41. package/dist/assets/control-hidden-input-BhMdNmnP.css +1 -0
  42. package/dist/assets/control-input-nR0XQHHp.css +1 -0
  43. package/dist/assets/control-label-C8pjaWEU.css +1 -0
  44. package/dist/assets/control-radio-Bo1rvcg2.css +1 -0
  45. package/dist/assets/control-radio-label-CgZ-FNj0.css +1 -0
  46. package/dist/assets/control-radio-text-S7MEO4a2.css +1 -0
  47. package/dist/assets/control-status-DPNvkGlM.css +1 -0
  48. package/dist/assets/control-text-n-qi7e2Y.css +1 -0
  49. package/dist/assets/control-textarea-B6gWlJs3.css +1 -0
  50. package/dist/assets/data-protected-label-BN19_NZF.css +1 -0
  51. package/dist/assets/dialog-article-WnyHZI47.css +1 -0
  52. package/dist/assets/expenses-AU5q4idk.css +1 -0
  53. package/dist/assets/loader-DadlBlOF.css +1 -0
  54. package/dist/assets/main-DlyWXITA.css +1 -0
  55. package/dist/assets/message-block-DG1cePyB.css +1 -0
  56. package/dist/components/accordion-table/accordion-table.component.d.ts +9 -7
  57. package/dist/components/accordion-table/accordion-table.component.js +44 -41
  58. package/dist/components/bottom-bar/bottom-bar.component.js +2 -2
  59. package/dist/components/certifications/certifications.component.d.ts +6 -3
  60. package/dist/components/certifications/certifications.component.js +54 -46
  61. package/dist/components/data-protected-label/data-protected-label.component.d.ts +8 -3
  62. package/dist/components/data-protected-label/data-protected-label.component.js +31 -28
  63. package/dist/components/data-protected-label/index.d.ts +1 -0
  64. package/dist/components/data-protected-label/index.js +4 -0
  65. package/dist/components/dialog-article/dialog-article.component.d.ts +9 -3
  66. package/dist/components/dialog-article/dialog-article.component.js +51 -21
  67. package/dist/components/dialog-article/index.d.ts +1 -0
  68. package/dist/components/dialog-article/index.js +4 -0
  69. package/dist/components/expenses/expenses.component.d.ts +12 -7
  70. package/dist/components/expenses/expenses.component.js +26 -20
  71. package/dist/components/expenses/index.d.ts +1 -0
  72. package/dist/components/expenses/index.js +4 -0
  73. package/dist/components/flex/flex.component.d.ts +158 -158
  74. package/dist/components/footer/footer.component.d.ts +6 -3
  75. package/dist/components/footer/footer.component.js +39 -31
  76. package/dist/components/footer/index.d.ts +1 -1
  77. package/dist/components/info-panel/info-panel.component.d.ts +6 -3
  78. package/dist/components/info-panel/info-panel.component.js +20 -12
  79. package/dist/components/information/index.d.ts +1 -1
  80. package/dist/components/information/information.component.d.ts +5 -4
  81. package/dist/components/information/information.component.js +21 -12
  82. package/dist/components/loader/index.d.ts +1 -1
  83. package/dist/components/loader/loader.component.d.ts +9 -5
  84. package/dist/components/loader/loader.component.js +42 -55
  85. package/dist/components/loader/loader.utils.d.ts +2 -0
  86. package/dist/components/loader/loader.utils.js +13 -0
  87. package/dist/components/main-attachment/main-attachment.component.js +2 -2
  88. package/dist/components/message/index.d.ts +1 -1
  89. package/dist/components/message/message.component.d.ts +6 -3
  90. package/dist/components/message/message.component.js +23 -22
  91. package/dist/components/message-block/index.d.ts +1 -0
  92. package/dist/components/message-block/index.js +4 -0
  93. package/dist/components/message-block/message-block.component.d.ts +7 -2
  94. package/dist/components/message-block/message-block.component.js +36 -18
  95. package/dist/components/not-found/not-found.component.d.ts +6 -3
  96. package/dist/components/not-found/not-found.component.js +35 -27
  97. package/dist/components/payment/components/glass/glass.component.js +1 -1
  98. package/dist/components/sidebar/components/step/step.component.d.ts +1 -1
  99. package/dist/components/sidebar/components/step/step.component.js +6 -6
  100. package/dist/components/sidebar/sidebar.component.d.ts +1 -1
  101. package/dist/components/sidebar/sidebar.component.js +9 -9
  102. package/dist/components/signature/index.d.ts +1 -1
  103. package/dist/components/signature/signature.component.d.ts +4 -4
  104. package/dist/components/signature/signature.component.js +255 -263
  105. package/dist/components/text/components/tag/tag.component.d.ts +316 -316
  106. package/dist/components/text/text.component.d.ts +316 -316
  107. package/dist/components/user-panel/user-panel.component.d.ts +6 -3
  108. package/dist/components/user-panel/user-panel.component.js +35 -27
  109. package/dist/components/warranty/warranty.component.d.ts +6 -3
  110. package/dist/components/warranty/warranty.component.js +26 -19
  111. package/dist/controls/control-box/control-box.component.d.ts +15 -0
  112. package/dist/controls/control-box/control-box.component.js +33 -0
  113. package/dist/controls/control-box/index.d.ts +2 -0
  114. package/dist/controls/control-box/index.js +4 -0
  115. package/dist/controls/control-button/control-button.component.d.ts +18 -0
  116. package/dist/controls/control-button/control-button.component.js +84 -0
  117. package/dist/controls/control-button/index.d.ts +2 -0
  118. package/dist/controls/control-button/index.js +4 -0
  119. package/dist/{components/control/components/button-card/button-card.component.d.ts → controls/control-button-card/control-button-card.component.d.ts} +4 -3
  120. package/dist/controls/control-button-card/control-button-card.component.js +65 -0
  121. package/dist/controls/control-button-card/index.d.ts +2 -0
  122. package/dist/controls/control-button-card/index.js +4 -0
  123. package/dist/controls/control-button-radio/control-button-radio.component.d.ts +19 -0
  124. package/dist/controls/control-button-radio/control-button-radio.component.js +69 -0
  125. package/dist/controls/control-button-radio/index.d.ts +2 -0
  126. package/dist/controls/control-button-radio/index.js +4 -0
  127. package/dist/controls/control-button-text/control-button-text.component.d.ts +20 -0
  128. package/dist/controls/control-button-text/control-button-text.component.js +87 -0
  129. package/dist/controls/control-button-text/index.d.ts +2 -0
  130. package/dist/controls/control-button-text/index.js +4 -0
  131. package/dist/controls/control-card-image/control-card-image.component.d.ts +8 -0
  132. package/dist/controls/control-card-image/control-card-image.component.js +53 -0
  133. package/dist/controls/control-card-image/index.d.ts +2 -0
  134. package/dist/controls/control-card-image/index.js +4 -0
  135. package/dist/controls/control-card-text/control-card-text.component.d.ts +7 -0
  136. package/dist/controls/control-card-text/control-card-text.component.js +48 -0
  137. package/dist/controls/control-card-text/index.d.ts +2 -0
  138. package/dist/controls/control-card-text/index.js +4 -0
  139. package/dist/controls/control-checkbox/control-checkbox.component.d.ts +11 -0
  140. package/dist/controls/control-checkbox/control-checkbox.component.js +96 -0
  141. package/dist/controls/control-checkbox/index.d.ts +2 -0
  142. package/dist/controls/control-checkbox/index.js +4 -0
  143. package/dist/controls/control-choice/control-choice.component.d.ts +12 -0
  144. package/dist/controls/control-choice/control-choice.component.js +64 -0
  145. package/dist/controls/control-choice/index.d.ts +2 -0
  146. package/dist/controls/control-choice/index.js +4 -0
  147. package/dist/{components/control/components/dropdown/dropdown.component.d.ts → controls/control-dropdown/control-dropdown.component.d.ts} +4 -3
  148. package/dist/controls/control-dropdown/control-dropdown.component.js +106 -0
  149. package/dist/controls/control-dropdown/index.d.ts +2 -0
  150. package/dist/controls/control-dropdown/index.js +4 -0
  151. package/dist/controls/control-error-message/control-error-message.component.d.ts +7 -0
  152. package/dist/controls/control-error-message/control-error-message.component.js +16 -0
  153. package/dist/controls/control-error-message/index.d.ts +1 -0
  154. package/dist/controls/control-error-message/index.js +4 -0
  155. package/dist/controls/control-hidden-input/control-hidden-input.component.d.ts +15 -0
  156. package/dist/controls/control-hidden-input/control-hidden-input.component.js +41 -0
  157. package/dist/controls/control-hidden-input/index.d.ts +2 -0
  158. package/dist/controls/control-hidden-input/index.js +4 -0
  159. package/dist/controls/control-input/control-input.component.d.ts +11 -0
  160. package/dist/controls/control-input/control-input.component.js +973 -0
  161. package/dist/controls/control-input/index.d.ts +2 -0
  162. package/dist/controls/control-input/index.js +4 -0
  163. package/dist/controls/control-label/control-label.component.d.ts +13 -0
  164. package/dist/controls/control-label/control-label.component.js +30 -0
  165. package/dist/controls/control-label/index.d.ts +1 -0
  166. package/dist/controls/control-label/index.js +4 -0
  167. package/dist/controls/control-radio/control-radio.component.d.ts +14 -0
  168. package/dist/controls/control-radio/control-radio.component.js +79 -0
  169. package/dist/controls/control-radio/index.d.ts +2 -0
  170. package/dist/controls/control-radio/index.js +4 -0
  171. package/dist/controls/control-radio-label/control-radio-label.component.d.ts +22 -0
  172. package/dist/controls/control-radio-label/control-radio-label.component.js +39 -0
  173. package/dist/controls/control-radio-label/index.d.ts +1 -0
  174. package/dist/controls/control-radio-label/index.js +4 -0
  175. package/dist/controls/control-radio-text/control-radio-text.component.d.ts +10 -0
  176. package/dist/controls/control-radio-text/control-radio-text.component.js +45 -0
  177. package/dist/controls/control-radio-text/index.d.ts +2 -0
  178. package/dist/controls/control-radio-text/index.js +4 -0
  179. package/dist/controls/control-status/control-status.component.d.ts +11 -0
  180. package/dist/controls/control-status/control-status.component.js +42 -0
  181. package/dist/controls/control-status/index.d.ts +1 -0
  182. package/dist/controls/control-status/index.js +4 -0
  183. package/dist/controls/control-text/control-text.component.d.ts +11 -0
  184. package/dist/controls/control-text/control-text.component.js +70 -0
  185. package/dist/controls/control-text/index.d.ts +2 -0
  186. package/dist/controls/control-text/index.js +4 -0
  187. package/dist/controls/control-textarea/control-textarea.component.d.ts +15 -0
  188. package/dist/controls/control-textarea/control-textarea.component.js +63 -0
  189. package/dist/controls/control-textarea/index.d.ts +1 -0
  190. package/dist/controls/control-textarea/index.js +4 -0
  191. package/dist/controls/hooks/index.d.ts +1 -0
  192. package/dist/controls/hooks/index.js +4 -0
  193. package/dist/controls/hooks/use-choice/index.d.ts +1 -0
  194. package/dist/controls/hooks/use-choice/index.js +4 -0
  195. package/dist/{components/control/hooks/useChoice/useChoice.hook.d.ts → controls/hooks/use-choice/use-choice.hook.d.ts} +2 -2
  196. package/dist/controls/utils/functions/index.d.ts +1 -0
  197. package/dist/controls/utils/functions/index.js +7 -0
  198. package/dist/controls/utils/index.d.ts +2 -0
  199. package/dist/controls/utils/index.js +7 -0
  200. package/dist/{components/control/control.types.d.ts → controls/utils/types.d.ts} +11 -3
  201. package/dist/main.d.ts +35 -13
  202. package/dist/main.js +101 -59
  203. package/dist/utils/functions/functions.util.d.ts +12 -2
  204. package/dist/utils/functions/functions.util.js +7 -3
  205. package/dist/utils/functions/index.js +5 -4
  206. package/dist/utils/svg/svg.component.d.ts +2 -2
  207. package/dist/utils/types.d.ts +6 -1
  208. package/package.json +6 -1
  209. package/dist/animations/animation.component.d.ts +0 -10
  210. package/dist/animations/animation.component.js +0 -13
  211. package/dist/animations/fade-grow/fade-grow.component.d.ts +0 -14
  212. package/dist/animations/fade-grow/fade-grow.component.js +0 -40
  213. package/dist/animations/fade-scale/fade-scale.component.d.ts +0 -14
  214. package/dist/animations/fade-scale/fade-scale.component.js +0 -40
  215. package/dist/animations/fade-slide/fade-slide.component.d.ts +0 -15
  216. package/dist/animations/fade-slide/fade-slide.component.js +0 -41
  217. package/dist/animations/rotate/rotate.component.d.ts +0 -18
  218. package/dist/animations/rotate/rotate.component.js +0 -43
  219. package/dist/assets/box-b_yPaNPs.css +0 -1
  220. package/dist/assets/button-4MJZ7yPE.css +0 -1
  221. package/dist/assets/button-text-CNXFsTky.css +0 -1
  222. package/dist/assets/choice-pCBafXqx.css +0 -1
  223. package/dist/assets/control-Dk23qyF8.css +0 -1
  224. package/dist/assets/data-protected-label-zRn9upL6.css +0 -1
  225. package/dist/assets/dialog-article-lpJC_c40.css +0 -1
  226. package/dist/assets/expenses-8eaHjdlH.css +0 -1
  227. package/dist/assets/fade-grow-B23oZuuD.css +0 -1
  228. package/dist/assets/hidden-input-DHJQHUKd.css +0 -1
  229. package/dist/assets/input-Cckwgcro.css +0 -1
  230. package/dist/assets/label-bo2ALC-X.css +0 -1
  231. package/dist/assets/loader-C0f3AvRU.css +0 -1
  232. package/dist/assets/main-BK_1RcKG.css +0 -1
  233. package/dist/assets/message-block-BVk5u9rO.css +0 -1
  234. package/dist/assets/radio-label-Bd5UiESO.css +0 -1
  235. package/dist/assets/radio-text-BI17l0wD.css +0 -1
  236. package/dist/assets/status-6MH80dkz.css +0 -1
  237. package/dist/components/control/components/box/box.component.d.ts +0 -10
  238. package/dist/components/control/components/box/box.component.js +0 -32
  239. package/dist/components/control/components/button/button.component.d.ts +0 -16
  240. package/dist/components/control/components/button/button.component.js +0 -82
  241. package/dist/components/control/components/button-card/button-card.component.js +0 -9
  242. package/dist/components/control/components/button-radio/button-radio.component.d.ts +0 -17
  243. package/dist/components/control/components/button-radio/button-radio.component.js +0 -7
  244. package/dist/components/control/components/button-text/button-text.component.d.ts +0 -18
  245. package/dist/components/control/components/button-text/button-text.component.js +0 -86
  246. package/dist/components/control/components/card-image/card-image.component.d.ts +0 -7
  247. package/dist/components/control/components/card-image/card-image.component.js +0 -7
  248. package/dist/components/control/components/card-text/card-text.component.d.ts +0 -6
  249. package/dist/components/control/components/card-text/card-text.component.js +0 -7
  250. package/dist/components/control/components/checkbox/checkbox.component.d.ts +0 -9
  251. package/dist/components/control/components/checkbox/checkbox.component.js +0 -8
  252. package/dist/components/control/components/choice/choice.component.d.ts +0 -10
  253. package/dist/components/control/components/choice/choice.component.js +0 -52
  254. package/dist/components/control/components/dropdown/dropdown.component.js +0 -11
  255. package/dist/components/control/components/hidden-input/hidden-input.component.d.ts +0 -12
  256. package/dist/components/control/components/hidden-input/hidden-input.component.js +0 -25
  257. package/dist/components/control/components/input/input.component.d.ts +0 -10
  258. package/dist/components/control/components/input/input.component.js +0 -7
  259. package/dist/components/control/components/label/label.component.d.ts +0 -7
  260. package/dist/components/control/components/label/label.component.js +0 -28
  261. package/dist/components/control/components/radio/radio.component.d.ts +0 -9
  262. package/dist/components/control/components/radio/radio.component.js +0 -7
  263. package/dist/components/control/components/radio-label/radio-label.component.d.ts +0 -17
  264. package/dist/components/control/components/radio-label/radio-label.component.js +0 -37
  265. package/dist/components/control/components/radio-text/radio-text.component.d.ts +0 -9
  266. package/dist/components/control/components/radio-text/radio-text.component.js +0 -29
  267. package/dist/components/control/components/status/status.component.d.ts +0 -6
  268. package/dist/components/control/components/status/status.component.js +0 -37
  269. package/dist/components/control/components/text/text.component.d.ts +0 -9
  270. package/dist/components/control/components/text/text.component.js +0 -8
  271. package/dist/components/control/components/textarea/textarea.component.d.ts +0 -9
  272. package/dist/components/control/components/textarea/textarea.component.js +0 -6
  273. package/dist/components/control/control.component.d.ts +0 -41
  274. package/dist/components/control/control.component.js +0 -14
  275. package/dist/control.component-B9Ao9mfl.js +0 -557
  276. package/dist/input.component-C5xcmnfu.js +0 -999
  277. /package/dist/{components/control/hooks/useChoice/useChoice.hook.js → controls/hooks/use-choice/use-choice.hook.js} +0 -0
  278. /package/dist/{components/control → controls}/utils/functions/functions.util.d.ts +0 -0
  279. /package/dist/{components/control → controls}/utils/functions/functions.util.js +0 -0
package/dist/main.d.ts CHANGED
@@ -1,29 +1,51 @@
1
+ export { AnimationFadeGrow } from './animations/animation-fade-grow';
2
+ export { AnimationFadeScale } from './animations/animation-fade-scale';
3
+ export { AnimationFadeSlide } from './animations/animation-fade-slide';
4
+ export { AnimationRotate } from './animations/animation-rotate';
5
+ export { type InputChangeSource, type Interactive, type RadioChoice, type ControlChoiceType, type ChoiceValue, type State, type QuestionPath, type QuestionChoice, type Size, } from './controls/utils/types';
6
+ export { ControlBox, type ControlBoxProps } from './controls/control-box';
7
+ export { ControlButton, type ControlButtonProps } from './controls/control-button';
8
+ export { ControlButtonCard, type ControlButtonCardProps } from './controls/control-button-card';
9
+ export { ControlButtonRadio, type ControlButtonRadioProps } from './controls/control-button-radio';
10
+ export { ControlButtonText, type ControlButtonTextProps } from './controls/control-button-text';
11
+ export { ControlCardImage, type ControlCardImageProps } from './controls/control-card-image';
12
+ export { ControlCardText, type ControlCardTextProps } from './controls/control-card-text';
13
+ export { ControlCheckbox, type ControlCheckboxProps } from './controls/control-checkbox';
14
+ export { ControlChoice, type ControlChoiceProps } from './controls/control-choice';
15
+ export { ControlDropdown, type ControlDropdownProps } from './controls/control-dropdown';
16
+ export { ControlHiddenInput, type ControlHiddenInputProps } from './controls/control-hidden-input';
17
+ export { ControlInput, type ControlInputProps } from './controls/control-input';
18
+ export { ControlLabel } from './controls/control-label';
19
+ export { ControlRadio, type ControlRadioProps } from './controls/control-radio';
20
+ export { ControlRadioLabel } from './controls/control-radio-label';
21
+ export { ControlRadioText, type ControlRadioTextProps } from './controls/control-radio-text';
22
+ export { ControlStatus } from './controls/control-status';
23
+ export { ControlText, type ControlTextProps } from './controls/control-text';
24
+ export { ControlTextarea } from './controls/control-textarea';
1
25
  export { AccordionTable, type AccordionTableProps } from './components/accordion-table/accordion-table.component';
2
- export { Animation, type FadeGrowProps, type FadeScaleProps, type FadeSlideProps, type RotateProps, } from './animations/animation.component';
3
26
  export { BottomBar, type BottomBarProps } from './components/bottom-bar/bottom-bar.component';
4
- export { Certifications, type CertificationsProps } from './components/certifications';
5
- export { Control, type BoxProps, type ButtonProps, type ButtonCardProps, type ButtonRadioProps, type ButtonRadioInfo, type ButtonTextProps, type CardImageProps, type CardTextProps, type CheckboxProps, type ChoiceProps, type DropdownProps, type HiddenInputProps, type InputProps, type LabelProps, type RadioProps, type RadioLabelProps, type RadioLabelChild, type RadioTextProps, type StatusProps, type TextProps, type TextareaProps, type InputChangeSource, type Interactive, type RadioChoice, type ChoiceType, type ChoiceValue, type State, type QuestionPath, type QuestionChoice, type Size, } from './components/control/control.component';
6
- export { DataProtectedLabel, type DataProtectedLabelProps, } from './components/data-protected-label/data-protected-label.component';
27
+ export { Certifications } from './components/certifications';
28
+ export { DataProtectedLabel } from './components/data-protected-label';
7
29
  export { Dialog, type DialogProps, type DialogSize, type DialogPosition } from './components/dialog/dialog.component';
8
- export { DialogArticle, type DialogArticleProps, type DialogActionButton, } from './components/dialog-article/dialog-article.component';
9
- export { Expenses, type ExpensesProps } from './components/expenses/expenses.component';
30
+ export { DialogArticle } from './components/dialog-article';
31
+ export { Expenses } from './components/expenses';
10
32
  export { Flex, type FlexProps } from './components/flex/flex.component';
11
- export { Footer, type FooterProps } from './components/footer';
33
+ export { Footer } from './components/footer';
12
34
  export { FormRow, type FormRowProps } from './components/form-row/form-row.component';
13
35
  export { Header, type HeaderProps, type HeaderDescription } from './components/header/header.component';
14
36
  export { InfoPanel, type InfoPanelProps } from './components/info-panel';
15
- export { Information, type InformationProps } from './components/information';
37
+ export { Information } from './components/information';
16
38
  export { Layout, type LayoutProps } from './components/layout/layout.component';
17
39
  export { Line } from './components/line/line.component';
18
- export { Loader, type LoaderProps } from './components/loader';
40
+ export { Loader } from './components/loader';
19
41
  export { MainAttachment, type MainAttachmentProps } from './components/main-attachment/main-attachment.component';
20
- export { Message, type MessageProps } from './components/message';
21
- export { MessageBlock, type MessageBlockProps } from './components/message-block/message-block.component';
42
+ export { Message } from './components/message';
43
+ export { MessageBlock } from './components/message-block';
22
44
  export { NotFound, type NotFoundProps } from './components/not-found';
23
45
  export { Payment, type PaymentBlockProps, type PaymentGlassProps, type PaymentSidebarProps, type PaymentTextBlocksProps, type PaymentTextBlockItem, } from './components/payment/payment.component';
24
46
  export { Sidebar, type SidebarProps } from './components/sidebar/sidebar.component';
25
- export { Signature, type SignatureProps } from './components/signature';
47
+ export { Signature } from './components/signature';
26
48
  export { Svg, type SvgProps } from './utils/svg/svg.component';
27
49
  export { Text } from './components/text/text.component';
28
- export { UserPanel, type UserPanelProps } from './components/user-panel';
50
+ export { UserPanel } from './components/user-panel';
29
51
  export { Warranty, type WarrantyProps } from './components/warranty';
package/dist/main.js CHANGED
@@ -1,60 +1,102 @@
1
- import { AccordionTable as e } from "./components/accordion-table/accordion-table.component.js";
2
- import { Animation as m } from "./animations/animation.component.js";
3
- import { BottomBar as x } from "./components/bottom-bar/bottom-bar.component.js";
4
- import { Certifications as a } from "./components/certifications/certifications.component.js";
5
- import { C as i } from "./control.component-B9Ao9mfl.js";
6
- import { DataProtectedLabel as s } from "./components/data-protected-label/data-protected-label.component.js";
7
- import { Dialog as d } from "./components/dialog/dialog.component.js";
8
- import { DialogArticle as A } from "./components/dialog-article/dialog-article.component.js";
9
- import { Expenses as L } from "./components/expenses/expenses.component.js";
10
- import { Flex as b } from "./components/flex/flex.component.js";
11
- import { Footer as y } from "./components/footer/footer.component.js";
12
- import { FormRow as C } from "./components/form-row/form-row.component.js";
13
- import { Header as M } from "./components/header/header.component.js";
14
- import { InfoPanel as I } from "./components/info-panel/info-panel.component.js";
15
- import { Information as h } from "./components/information/information.component.js";
16
- import { Layout as v } from "./components/layout/layout.component.js";
17
- import { Line as E } from "./components/line/line.component.js";
18
- import { Loader as N } from "./components/loader/loader.component.js";
19
- import { MainAttachment as U } from "./components/main-attachment/main-attachment.component.js";
20
- import { Message as j } from "./components/message/message.component.js";
21
- import { MessageBlock as z } from "./components/message-block/message-block.component.js";
22
- import { NotFound as J } from "./components/not-found/not-found.component.js";
23
- import { Payment as O } from "./components/payment/payment.component.js";
24
- import { Sidebar as V } from "./components/sidebar/sidebar.component.js";
25
- import { Signature as Y } from "./components/signature/signature.component.js";
26
- import { Svg as _ } from "./utils/svg/svg.component.js";
27
- import { Text as oo } from "./components/text/text.component.js";
28
- import { UserPanel as eo } from "./components/user-panel/user-panel.component.js";
29
- import { Warranty as mo } from "./components/warranty/warranty.component.js";
30
- import './assets/main-BK_1RcKG.css';export {
31
- e as AccordionTable,
32
- m as Animation,
33
- x as BottomBar,
34
- a as Certifications,
35
- i as Control,
36
- s as DataProtectedLabel,
37
- d as Dialog,
38
- A as DialogArticle,
39
- L as Expenses,
40
- b as Flex,
41
- y as Footer,
42
- C as FormRow,
43
- M as Header,
44
- I as InfoPanel,
45
- h as Information,
46
- v as Layout,
47
- E as Line,
48
- N as Loader,
49
- U as MainAttachment,
50
- j as Message,
51
- z as MessageBlock,
52
- J as NotFound,
53
- O as Payment,
54
- V as Sidebar,
55
- Y as Signature,
56
- _ as Svg,
57
- oo as Text,
58
- eo as UserPanel,
59
- mo as Warranty
1
+ import { AnimationFadeGrow as t } from "./animations/animation-fade-grow/animation-fade-grow.component.js";
2
+ import { AnimationFadeScale as m } from "./animations/animation-fade-scale/animation-fade-scale.component.js";
3
+ import { AnimationFadeSlide as p } from "./animations/animation-fade-slide/animation-fade-slide.component.js";
4
+ import { AnimationRotate as n } from "./animations/animation-rotate/animation-rotate.component.js";
5
+ import { ControlBox as l } from "./controls/control-box/control-box.component.js";
6
+ import { ControlButton as C } from "./controls/control-button/control-button.component.js";
7
+ import { ControlButtonCard as c } from "./controls/control-button-card/control-button-card.component.js";
8
+ import { ControlButtonRadio as s } from "./controls/control-button-radio/control-button-radio.component.js";
9
+ import { ControlButtonText as g } from "./controls/control-button-text/control-button-text.component.js";
10
+ import { ControlCardImage as F } from "./controls/control-card-image/control-card-image.component.js";
11
+ import { ControlCardText as b } from "./controls/control-card-text/control-card-text.component.js";
12
+ import { ControlCheckbox as R } from "./controls/control-checkbox/control-checkbox.component.js";
13
+ import { ControlChoice as I } from "./controls/control-choice/control-choice.component.js";
14
+ import { ControlDropdown as P } from "./controls/control-dropdown/control-dropdown.component.js";
15
+ import { ControlHiddenInput as w } from "./controls/control-hidden-input/control-hidden-input.component.js";
16
+ import { ControlInput as M } from "./controls/control-input/control-input.component.js";
17
+ import { ControlLabel as H } from "./controls/control-label/control-label.component.js";
18
+ import { ControlRadio as E } from "./controls/control-radio/control-radio.component.js";
19
+ import { ControlRadioLabel as N } from "./controls/control-radio-label/control-radio-label.component.js";
20
+ import { ControlRadioText as W } from "./controls/control-radio-text/control-radio-text.component.js";
21
+ import { ControlStatus as q } from "./controls/control-status/control-status.component.js";
22
+ import { ControlText as J } from "./controls/control-text/control-text.component.js";
23
+ import { ControlTextarea as O } from "./controls/control-textarea/control-textarea.component.js";
24
+ import { AccordionTable as V } from "./components/accordion-table/accordion-table.component.js";
25
+ import { BottomBar as Y } from "./components/bottom-bar/bottom-bar.component.js";
26
+ import { Certifications as _ } from "./components/certifications/certifications.component.js";
27
+ import { DataProtectedLabel as oo } from "./components/data-protected-label/data-protected-label.component.js";
28
+ import { Dialog as to } from "./components/dialog/dialog.component.js";
29
+ import { DialogArticle as mo } from "./components/dialog-article/dialog-article.component.js";
30
+ import { Expenses as po } from "./components/expenses/expenses.component.js";
31
+ import { Flex as no } from "./components/flex/flex.component.js";
32
+ import { Footer as lo } from "./components/footer/footer.component.js";
33
+ import { FormRow as Co } from "./components/form-row/form-row.component.js";
34
+ import { Header as uo } from "./components/header/header.component.js";
35
+ import { InfoPanel as Bo } from "./components/info-panel/info-panel.component.js";
36
+ import { Information as Ao } from "./components/information/information.component.js";
37
+ import { Layout as To } from "./components/layout/layout.component.js";
38
+ import { Line as Lo } from "./components/line/line.component.js";
39
+ import { Loader as So } from "./components/loader/loader.component.js";
40
+ import { MainAttachment as Do } from "./components/main-attachment/main-attachment.component.js";
41
+ import { Message as ho } from "./components/message/message.component.js";
42
+ import { MessageBlock as yo } from "./components/message-block/message-block.component.js";
43
+ import { NotFound as ko } from "./components/not-found/not-found.component.js";
44
+ import { Payment as vo } from "./components/payment/payment.component.js";
45
+ import { Sidebar as Go } from "./components/sidebar/sidebar.component.js";
46
+ import { Signature as Uo } from "./components/signature/signature.component.js";
47
+ import { Svg as jo } from "./utils/svg/svg.component.js";
48
+ import { Text as zo } from "./components/text/text.component.js";
49
+ import { UserPanel as Ko } from "./components/user-panel/user-panel.component.js";
50
+ import { Warranty as Qo } from "./components/warranty/warranty.component.js";
51
+ import './assets/main-DlyWXITA.css';export {
52
+ V as AccordionTable,
53
+ t as AnimationFadeGrow,
54
+ m as AnimationFadeScale,
55
+ p as AnimationFadeSlide,
56
+ n as AnimationRotate,
57
+ Y as BottomBar,
58
+ _ as Certifications,
59
+ l as ControlBox,
60
+ C as ControlButton,
61
+ c as ControlButtonCard,
62
+ s as ControlButtonRadio,
63
+ g as ControlButtonText,
64
+ F as ControlCardImage,
65
+ b as ControlCardText,
66
+ R as ControlCheckbox,
67
+ I as ControlChoice,
68
+ P as ControlDropdown,
69
+ w as ControlHiddenInput,
70
+ M as ControlInput,
71
+ H as ControlLabel,
72
+ E as ControlRadio,
73
+ N as ControlRadioLabel,
74
+ W as ControlRadioText,
75
+ q as ControlStatus,
76
+ J as ControlText,
77
+ O as ControlTextarea,
78
+ oo as DataProtectedLabel,
79
+ to as Dialog,
80
+ mo as DialogArticle,
81
+ po as Expenses,
82
+ no as Flex,
83
+ lo as Footer,
84
+ Co as FormRow,
85
+ uo as Header,
86
+ Bo as InfoPanel,
87
+ Ao as Information,
88
+ To as Layout,
89
+ Lo as Line,
90
+ So as Loader,
91
+ Do as MainAttachment,
92
+ ho as Message,
93
+ yo as MessageBlock,
94
+ ko as NotFound,
95
+ vo as Payment,
96
+ Go as Sidebar,
97
+ Uo as Signature,
98
+ jo as Svg,
99
+ zo as Text,
100
+ Ko as UserPanel,
101
+ Qo as Warranty
60
102
  };
@@ -1,3 +1,4 @@
1
+ import { Base } from '../types';
1
2
  import { SyntheticEvent } from 'react';
2
3
  /**
3
4
  * Type guard: checks whether value is a string
@@ -13,9 +14,18 @@ export declare function containsHtml(value: string): boolean;
13
14
  * Checks if unknown value is a string containing HTML markup
14
15
  */
15
16
  export declare function isHtmlString(value: unknown): value is string;
16
- type ControlAction = 'prevent' | 'stop' | 'blur';
17
17
  /**
18
18
  * A higher-order function to wrap event handlers with common event control logic.
19
19
  */
20
- export declare const withControl: <E extends SyntheticEvent<HTMLElement>>(handler: (e: E) => void, ...actions: ControlAction[]) => (e: E) => void;
20
+ type WithControlConfig = {
21
+ prevent?: boolean;
22
+ stop?: boolean;
23
+ blur?: boolean;
24
+ withEvent?: boolean;
25
+ };
26
+ export declare const withControl: <E extends SyntheticEvent<HTMLElement>>(handler: (e?: E) => void, config?: WithControlConfig) => (e: E) => void;
27
+ /**
28
+ * A helper function to extract a specific prop from a Base object, with an optional default value.
29
+ */
30
+ export declare function baseProps(base: Base, key: keyof Base, or?: Base[keyof Base]): string | undefined;
21
31
  export {};
@@ -7,12 +7,16 @@ function i(t) {
7
7
  function o(t) {
8
8
  return e(t) && i(t);
9
9
  }
10
- const u = (t, ...n) => (r) => {
11
- n.includes("prevent") && r.preventDefault(), n.includes("stop") && r.stopPropagation(), n.includes("blur") && r.currentTarget.blur(), t(r);
10
+ const s = (t, n) => (r) => {
11
+ n?.prevent && r.preventDefault(), n?.stop && r.stopPropagation(), n?.blur && r.currentTarget.blur(), n?.withEvent ? t(r) : t();
12
12
  };
13
+ function u(t, n, r) {
14
+ return t[n] ?? r;
15
+ }
13
16
  export {
17
+ u as baseProps,
14
18
  i as containsHtml,
15
19
  o as isHtmlString,
16
20
  e as isString,
17
- u as withControl
21
+ s as withControl
18
22
  };
@@ -1,7 +1,8 @@
1
- import { containsHtml as n, isHtmlString as o, isString as r, withControl as l } from "./functions.util.js";
1
+ import { baseProps as o, containsHtml as r, isHtmlString as n, isString as s, withControl as l } from "./functions.util.js";
2
2
  export {
3
- n as containsHtml,
4
- o as isHtmlString,
5
- r as isString,
3
+ o as baseProps,
4
+ r as containsHtml,
5
+ n as isHtmlString,
6
+ s as isString,
6
7
  l as withControl
7
8
  };
@@ -1,6 +1,6 @@
1
1
  import { ReactElement, SVGProps } from 'react';
2
- import { BaseProps } from '../types';
3
- export interface SvgProps extends BaseProps {
2
+ import { Base } from '../types';
3
+ export interface SvgProps extends Base {
4
4
  icon?: ReactElement<SVGProps<SVGSVGElement>> | null;
5
5
  }
6
6
  /**
@@ -1,4 +1,9 @@
1
1
  export type Size = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
2
- export interface BaseProps {
2
+ export type Align = 'left' | 'center' | 'right';
3
+ export type FontWeight = 'light' | 'regular' | 'medium' | 'bold';
4
+ export type FontSize = 'body-extra-small' | 'body-small' | 'body' | 'body-large' | 'hl5' | 'hl4' | 'hl3' | 'hl2' | 'hl1';
5
+ export type FontColor = 'text-primary' | 'text-secondary' | 'accent-primary' | 'accent-secondary' | 'theme-primary' | 'theme-secondary' | 'error' | 'success' | 'focus' | 'link';
6
+ export interface Base {
3
7
  className?: string;
8
+ ['data-testid']?: string;
4
9
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arthurzakharov/ui-kit",
3
3
  "private": false,
4
- "version": "1.3.8",
4
+ "version": "1.4.0",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -26,6 +26,10 @@
26
26
  "test:unit:once": "vitest run --project unit",
27
27
  "test:unit:watch": "vitest --project unit --watch",
28
28
  "test:unit:update": "vitest --project unit --update",
29
+ "test:unit:coverage": "vitest run --coverage --project unit",
30
+ "test:storybook:once": "vitest run --project storybook",
31
+ "test:storybook:coverage": "vitest run --coverage --project storybook",
32
+ "test:all:coverage": "vitest run --coverage --project unit --project storybook",
29
33
  "storybook": "storybook dev -p 6006",
30
34
  "build-storybook": "storybook build"
31
35
  },
@@ -81,6 +85,7 @@
81
85
  "vite": "^7.3.1",
82
86
  "vite-plugin-dts": "^4.5.4",
83
87
  "vite-plugin-lib-inject-css": "^2.2.2",
88
+ "vite-tsconfig-paths": "^6.1.1",
84
89
  "vitest": "^4.0.16"
85
90
  }
86
91
  }
@@ -1,10 +0,0 @@
1
- export type { FadeGrowProps } from './fade-grow/fade-grow.component';
2
- export type { FadeScaleProps } from './fade-scale/fade-scale.component';
3
- export type { FadeSlideProps } from './fade-slide/fade-slide.component';
4
- export type { RotateProps } from './rotate/rotate.component';
5
- export declare const Animation: {
6
- FadeGrow: (props: import('./fade-grow/fade-grow.component').FadeGrowProps) => import("react/jsx-runtime").JSX.Element | null;
7
- FadeScale: (props: import('./fade-scale/fade-scale.component').FadeScaleProps) => import("react/jsx-runtime").JSX.Element | null;
8
- FadeSlide: (props: import('./fade-slide/fade-slide.component').FadeSlideProps) => import("react/jsx-runtime").JSX.Element | null;
9
- Rotate: (props: import('./rotate/rotate.component').RotateProps) => import("react/jsx-runtime").JSX.Element;
10
- };
@@ -1,13 +0,0 @@
1
- import { FadeGrow as o } from "./fade-grow/fade-grow.component.js";
2
- import { FadeScale as r } from "./fade-scale/fade-scale.component.js";
3
- import { FadeSlide as m } from "./fade-slide/fade-slide.component.js";
4
- import { Rotate as t } from "./rotate/rotate.component.js";
5
- const d = {
6
- FadeGrow: o,
7
- FadeScale: r,
8
- FadeSlide: m,
9
- Rotate: t
10
- };
11
- export {
12
- d as Animation
13
- };
@@ -1,14 +0,0 @@
1
- import { AnimationGeneratorType, Easing } from 'motion';
2
- import { PropsWithChildren } from 'react';
3
- export interface FadeGrowProps extends PropsWithChildren {
4
- name: string;
5
- condition?: boolean;
6
- flex?: boolean;
7
- className?: string;
8
- type?: AnimationGeneratorType;
9
- ease?: Easing | Easing[];
10
- duration?: number;
11
- delay?: number;
12
- animateOnStart?: boolean;
13
- }
14
- export declare const FadeGrow: (props: FadeGrowProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,40 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { useRef as h, useEffect as p } from "react";
3
- import x from "clsx";
4
- import { m as y } from "../../proxy-Cx6n7mT2.js";
5
- import '../../assets/fade-grow-B23oZuuD.css';const F = "_Flex_1t96l_1", v = {
6
- Flex: F
7
- }, O = (a) => {
8
- const {
9
- children: i,
10
- name: r,
11
- condition: s = !1,
12
- flex: e = !1,
13
- ease: l = "easeInOut",
14
- type: c = "tween",
15
- className: t = "",
16
- duration: m = 0.2,
17
- delay: f = 0,
18
- animateOnStart: d = !1
19
- } = a, n = h(d);
20
- if (p(() => {
21
- n.current = !0;
22
- }, []), !s) return null;
23
- const u = n.current ? { height: 0, opacity: 0 } : !1;
24
- return /* @__PURE__ */ o("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ o(
25
- y.div,
26
- {
27
- initial: u,
28
- animate: { height: "auto", opacity: 1 },
29
- transition: { ease: l, duration: m, delay: f, type: c },
30
- className: t || e ? x(t, {
31
- [v.Flex]: e
32
- }) : void 0,
33
- children: i
34
- },
35
- r
36
- ) });
37
- };
38
- export {
39
- O as FadeGrow
40
- };
@@ -1,14 +0,0 @@
1
- import { AnimationGeneratorType, Easing } from 'motion';
2
- import { PropsWithChildren } from 'react';
3
- export interface FadeScaleProps extends PropsWithChildren {
4
- name: string;
5
- condition?: boolean;
6
- flex?: boolean;
7
- className?: string;
8
- type?: AnimationGeneratorType;
9
- ease?: Easing | Easing[];
10
- duration?: number;
11
- delay?: number;
12
- animateOnStart?: boolean;
13
- }
14
- export declare const FadeScale: (props: FadeScaleProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,40 +0,0 @@
1
- import { jsx as d } from "react/jsx-runtime";
2
- import { useRef as p, useEffect as x } from "react";
3
- import F from "clsx";
4
- import { m as y } from "../../proxy-Cx6n7mT2.js";
5
- import '../../assets/fade-grow-B23oZuuD.css';const _ = "_Flex_1t96l_1", h = {
6
- Flex: _
7
- }, S = (n) => {
8
- const {
9
- children: s,
10
- name: o,
11
- condition: r = !1,
12
- flex: e = !1,
13
- ease: i = "easeInOut",
14
- type: l = "tween",
15
- className: t = "",
16
- duration: c = 0.15,
17
- delay: m = 0,
18
- animateOnStart: f = !1
19
- } = n, a = p(f);
20
- if (x(() => {
21
- a.current = !0;
22
- }, []), !r) return null;
23
- const u = a.current ? { opacity: 0, scale: 0.95 } : !1;
24
- return /* @__PURE__ */ d(
25
- y.div,
26
- {
27
- initial: u,
28
- animate: { opacity: 1, scale: 1 },
29
- transition: { ease: i, duration: c, delay: m, type: l },
30
- className: t || e ? F(t, {
31
- [h.Flex]: e
32
- }) : void 0,
33
- children: s
34
- },
35
- o
36
- );
37
- };
38
- export {
39
- S as FadeScale
40
- };
@@ -1,15 +0,0 @@
1
- import { AnimationGeneratorType, Easing } from 'motion';
2
- import { PropsWithChildren } from 'react';
3
- export interface FadeSlideProps extends PropsWithChildren {
4
- name: string;
5
- condition?: boolean;
6
- flex?: boolean;
7
- direction?: 'ltr' | 'rtl';
8
- className?: string;
9
- type?: AnimationGeneratorType;
10
- ease?: Easing | Easing[];
11
- duration?: number;
12
- delay?: number;
13
- animateOnStart?: boolean;
14
- }
15
- export declare const FadeSlide: (props: FadeSlideProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,41 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { useRef as p, useEffect as y } from "react";
3
- import F from "clsx";
4
- import { m as h } from "../../proxy-Cx6n7mT2.js";
5
- import '../../assets/fade-grow-B23oZuuD.css';const v = "_Flex_1t96l_1", _ = {
6
- Flex: v
7
- }, S = (i) => {
8
- const {
9
- children: o,
10
- name: a,
11
- condition: l = !1,
12
- flex: e = !1,
13
- direction: s = "ltr",
14
- ease: c = "easeInOut",
15
- type: d = "tween",
16
- className: t = "",
17
- duration: m = 0.125,
18
- delay: f = 0,
19
- animateOnStart: u = !1
20
- } = i, n = p(u);
21
- if (y(() => {
22
- n.current = !0;
23
- }, []), !l) return null;
24
- const x = n.current ? { x: s === "ltr" ? "-100%" : "100%", opacity: 0 } : !1;
25
- return /* @__PURE__ */ r("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ r(
26
- h.div,
27
- {
28
- initial: x,
29
- animate: { x: 0, opacity: 1 },
30
- transition: { ease: c, duration: m, delay: f, type: d },
31
- className: t || e ? F(t, {
32
- [_.Flex]: e
33
- }) : void 0,
34
- children: o
35
- },
36
- a
37
- ) });
38
- };
39
- export {
40
- S as FadeSlide
41
- };
@@ -1,18 +0,0 @@
1
- import { AnimationGeneratorType, Easing } from 'motion';
2
- import { PropsWithChildren } from 'react';
3
- type RotateDirection = 'top' | 'left' | 'bottom' | 'right';
4
- export interface RotateProps extends PropsWithChildren {
5
- name: string;
6
- condition?: boolean;
7
- flex?: boolean;
8
- from?: RotateDirection;
9
- to?: RotateDirection;
10
- className?: string;
11
- type?: AnimationGeneratorType;
12
- ease?: Easing | Easing[];
13
- duration?: number;
14
- delay?: number;
15
- animateOnStart?: boolean;
16
- }
17
- export declare const Rotate: (props: RotateProps) => import("react/jsx-runtime").JSX.Element;
18
- export {};
@@ -1,43 +0,0 @@
1
- import { jsx as E } from "react/jsx-runtime";
2
- import "react";
3
- import F from "clsx";
4
- import { m as g } from "../../proxy-Cx6n7mT2.js";
5
- import '../../assets/fade-grow-B23oZuuD.css';const u = "_Flex_1t96l_1", I = {
6
- Flex: u
7
- }, a = {
8
- top: 0,
9
- right: 90,
10
- bottom: 180,
11
- left: 270
12
- }, y = (n) => {
13
- const {
14
- children: s,
15
- name: i,
16
- condition: r = !1,
17
- flex: t = !1,
18
- from: l = "left",
19
- to: m = "top",
20
- ease: c = "easeInOut",
21
- type: f = "tween",
22
- className: o = "",
23
- duration: d = 0.15,
24
- delay: p = 0,
25
- animateOnStart: x = !1
26
- } = n, e = `${a[l]}deg`, R = `${a[m]}deg`, _ = x ? { rotate: e } : !1;
27
- return /* @__PURE__ */ E(
28
- g.div,
29
- {
30
- initial: _,
31
- animate: { rotate: r ? R : e },
32
- transition: { ease: c, duration: d, delay: p, type: f },
33
- className: o || t ? F(o, {
34
- [I.Flex]: t
35
- }) : void 0,
36
- children: s
37
- },
38
- i
39
- );
40
- };
41
- export {
42
- y as Rotate
43
- };
@@ -1 +0,0 @@
1
- ._Box_1tiwz_1{flex-basis:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-self:stretch;border-radius:10px;border-width:1px;border-style:solid;background-color:var(--rm-ui-card-background);transition:border-color .15s ease-out}._BoxChecked_1tiwz_15{border-color:var(--rm-ui-color-action);outline:2px solid var(--rm-ui-color-action);outline-offset:-2px}._BoxStateIdle_1tiwz_21{border-color:var(--rm-ui-grey-300)}._BoxFocused_1tiwz_25{border-color:var(--rm-ui-color-focus);border-color:-webkit-focus-ring-color}._BoxStateError_1tiwz_30{border-color:var(--rm-ui-color-error)}._BoxStateSuccess_1tiwz_34{border-color:var(--rm-ui-color-success)}
@@ -1 +0,0 @@
1
- ._Button_1utzs_1{position:relative;box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center}._ButtonSizeSm_1utzs_11{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._ButtonSizeLg_1utzs_16._ButtonColorTertiary_1utzs_16{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._ButtonSizeSm_1utzs_11 ._ButtonText_1utzs_20{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ButtonSizeMd_1utzs_26{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._ButtonSizeMd_1utzs_26._ButtonColorTertiary_1utzs_16{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._ButtonSizeLg_1utzs_16{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._ButtonSizeLg_1utzs_16._ButtonColorTertiary_1utzs_16{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._ButtonSizeMd_1utzs_26 ._ButtonText_1utzs_20{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._ButtonSizeLg_1utzs_16 ._ButtonText_1utzs_20{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._ButtonColorPrimary_1utzs_54{background-color:var(--rm-ui-next-btn-bg)}._ButtonColorPrimary_1utzs_54 ._ButtonText_1utzs_20{color:#fff}._ButtonColorSecondary_1utzs_62{background-color:transparent}._ButtonColorSecondary_1utzs_62 ._ButtonText_1utzs_20{color:var(--rm-ui-color-text-secondary)}._ButtonColorTertiary_1utzs_16{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._ButtonColorTertiary_1utzs_16 ._ButtonText_1utzs_20{color:var(--rm-ui-color-text-primary)}._Button_1utzs_1:not(._ButtonLoading_1utzs_79):not(:disabled):hover{cursor:pointer}._Button_1utzs_1:focus{outline-color:var(--rm-ui-color-focus)}._ButtonFullWidth_1utzs_87{width:100%}._ButtonText_1utzs_20{font-weight:var(--rm-ui-font-weight-medium)}._ButtonInfo_1utzs_95{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px);color:#fff}._ButtonContent_1utzs_102{transition:opacity .2s ease-in-out .2s}._ButtonContentLoading_1utzs_106{opacity:0}._ButtonContentIdle_1utzs_110{opacity:1}._ButtonLoaderWrap_1utzs_114{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._ButtonLoaderAnimationWrap_1utzs_121{display:flex;flex-direction:column;align-items:center;justify-content:center}
@@ -1 +0,0 @@
1
- ._ButtonText_1x843_1{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs);border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xxs)}._ButtonTextColorPrimary_1x843_11{color:var(--rm-ui-color-text-primary)}._ButtonTextColorSecondary_1x843_15{color:var(--rm-ui-color-text-secondary)}._ButtonTextColorAccentPrimary_1x843_19{color:var(--rm-ui-color-accent-primary)}._ButtonTextColorAccentSecondary_1x843_23{color:var(--rm-ui-color-accent-secondary)}._ButtonTextColorThemePrimary_1x843_27{color:var(--rm-ui-color-theme-primary)}._ButtonTextColorThemeSecondary_1x843_31{color:var(--rm-ui-color-theme-secondary)}._ButtonTextIconPositionLeft_1x843_35{flex-direction:row}._ButtonTextIconPositionRight_1x843_39{flex-direction:row-reverse}._ButtonTextIcon_1x843_35{stroke-width:1.5}._ButtonTextSizeSm_1x843_47 ._ButtonTextIcon_1x843_35{width:20px;height:20px}._ButtonTextSizeMd_1x843_52 ._ButtonTextIcon_1x843_35{width:22px;height:22px}._ButtonTextSizeLg_1x843_57 ._ButtonTextIcon_1x843_35{width:24px;height:24px}._ButtonTextSizeSm_1x843_47 ._ButtonTextContent_1x843_62{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ButtonTextSizeMd_1x843_52 ._ButtonTextContent_1x843_62{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._ButtonTextSizeLg_1x843_57 ._ButtonTextContent_1x843_62{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}._ButtonTextContent_1x843_62{text-decoration:none}._ButtonTextContentWeightLight_1x843_81{font-weight:var(--rm-ui-font-weight-light)}._ButtonTextContentWeightRegular_1x843_85{font-weight:var(--rm-ui-font-weight-regular)}._ButtonTextContentWeightMedium_1x843_89{font-weight:var(--rm-ui-font-weight-medium)}._ButtonTextContentWeightBold_1x843_93{font-weight:var(--rm-ui-font-weight-bold)}._ButtonTextContentUnderlined_1x843_97{text-decoration:underline}