adata-ui 2.1.41-beta.1 → 2.1.41

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 (576) hide show
  1. package/-error.vue +170 -170
  2. package/.claude/settings.local.json +19 -0
  3. package/.editorconfig +12 -12
  4. package/.gitlab-ci.yml +16 -16
  5. package/.nuxtrc +1 -1
  6. package/.nvmrc +1 -1
  7. package/.playground/app.config.ts +5 -5
  8. package/.playground/app.vue +102 -102
  9. package/.playground/nuxt.config.ts +4 -4
  10. package/README.md +75 -75
  11. package/app.config.ts +28 -28
  12. package/app.vue +8 -8
  13. package/assets/styles/index.scss +166 -0
  14. package/assets/styles/modules/_base.scss +5 -0
  15. package/assets/styles/modules/_typography.scss +152 -0
  16. package/components/elements/README.md +1 -1
  17. package/components/elements/a-select-row/ASelectRowV2.vue +214 -210
  18. package/components/elements/a-select-row/index.vue +138 -139
  19. package/components/elements/accordion/AAccordion.vue +199 -199
  20. package/components/elements/accordion/AAccordionGroup/AAccordionGroup.vue +145 -145
  21. package/components/elements/accordion/AAccordionGroup/types.ts +20 -20
  22. package/components/elements/accordion/AAccordionGroup/ui.config.ts +22 -22
  23. package/components/elements/accordion/types.ts +14 -14
  24. package/components/elements/accordion/ui.config.ts +22 -22
  25. package/components/elements/alert/AAlert.vue +52 -52
  26. package/components/elements/banner/ABanner.vue +49 -49
  27. package/components/elements/bg-block/ABgBlock.vue +11 -11
  28. package/components/elements/button/AButton.vue +188 -191
  29. package/components/elements/button/AButtonV2.vue +133 -177
  30. package/components/elements/button/types.ts +24 -24
  31. package/components/elements/button-login/index.vue +18 -19
  32. package/components/elements/calendar/ACalendar.vue +83 -83
  33. package/components/elements/carousel/ACarousel.vue +159 -159
  34. package/components/elements/carousel/config.ui.ts +15 -15
  35. package/components/elements/carousel/types.ts +18 -18
  36. package/components/elements/chip-wrapper/AChipWrapper.vue +80 -81
  37. package/components/elements/chip-wrapper/types.ts +12 -12
  38. package/components/elements/chips/AChips.vue +32 -33
  39. package/components/elements/companies/AOurClients.vue +47 -47
  40. package/components/elements/curve-block/ACurveBlock.vue +292 -259
  41. package/components/elements/curve-block-v2/ACurveBlockV2.vue +85 -120
  42. package/components/elements/digit-badge/ADigitBadge.vue +85 -86
  43. package/components/elements/error-template/index.vue +48 -116
  44. package/components/elements/error-template/types.ts +23 -0
  45. package/components/elements/feature-description/AFeatureDescription.vue +112 -112
  46. package/components/elements/illustrations/noAccess.vue +71 -71
  47. package/components/elements/infinite-carousel/AInfiniteCarousel.vue +57 -85
  48. package/components/elements/infinite-scroll/AInfiniteScroll.vue +33 -33
  49. package/components/elements/leave-note/ALeaveNote.vue +102 -102
  50. package/components/elements/pagination/APagination.vue +110 -110
  51. package/components/elements/photos-animation/APhotosAnimation.vue +85 -85
  52. package/components/elements/segmented/ASegmentedV2.vue +151 -154
  53. package/components/elements/select/ASelect.vue +447 -448
  54. package/components/elements/select/ASelectMobile.vue +186 -186
  55. package/components/elements/select/ASelectV2.vue +588 -580
  56. package/components/elements/select/ui/select-button.vue +112 -112
  57. package/components/elements/select/ui/select-list.vue +99 -99
  58. package/components/elements/show-more/AShowMore.vue +35 -35
  59. package/components/elements/show-more/AShowMoreV2.vue +26 -26
  60. package/components/elements/skeleton/ASkeleton.vue +44 -44
  61. package/components/elements/slider/ASlider.vue +174 -175
  62. package/components/elements/slider/ASliderItem.vue +31 -31
  63. package/components/elements/slider/types.ts +21 -21
  64. package/components/elements/star-rating/AStarRating.vue +189 -189
  65. package/components/elements/star-rating/types.ts +7 -7
  66. package/components/elements/star-rating/ui/Star.vue +74 -74
  67. package/components/elements/status-badge/AStatusBadge.vue +121 -125
  68. package/components/elements/step-slider/AStepSliderColCard.vue +232 -270
  69. package/components/elements/step-slider/AStepSliderColNumber.vue +178 -199
  70. package/components/elements/table/ATable.vue +93 -93
  71. package/components/elements/table/table.config.ts +32 -32
  72. package/components/elements/tree-select/ATreeSelect.vue +157 -157
  73. package/components/elements/tree-select/TreeService.ts +184 -184
  74. package/components/elements/tree-select/components/ATreeSelectNode.vue +104 -104
  75. package/components/elements/tree-select/types.ts +63 -63
  76. package/components/elements/tree-select/utils.ts +30 -30
  77. package/components/elements/tree-select-mobile/ATreeSelectMobile.vue +79 -79
  78. package/components/elements/tree-select-mobile/components/ATreeSelectNodesMobile.vue +175 -175
  79. package/components/elements/tree-select-modal/ATreeSelectModal.vue +217 -217
  80. package/components/features/color-mode/AColorMode.client.vue +96 -74
  81. package/components/features/dropdown/ADropdown.vue +127 -127
  82. package/components/features/dropdown/ADropdownV2.vue +140 -140
  83. package/components/features/go-top/GoTop.vue +63 -63
  84. package/components/features/lang-switcher/lang-switcher.vue +158 -158
  85. package/components/features/payment/banner/BasicPlusLimitBanner.vue +104 -84
  86. package/components/features/payment/banner/PaymentBanner.vue +108 -88
  87. package/components/features/payment/banner/UpSellBanner.vue +125 -105
  88. package/components/features/payment/process/PaymentKaspiQrSidePanel.vue +179 -180
  89. package/components/features/payment/process/PaymentKaspiRedirectSidePanel.vue +123 -123
  90. package/components/features/payment/process/PaymentMethodSidePanel.vue +138 -138
  91. package/components/features/payment/process/PaymentProcess.vue +158 -158
  92. package/components/features/payment/process/PaymentTopUpSidePanel.vue +119 -119
  93. package/components/features/pk-mobile-services/APkMobileServices.vue +136 -107
  94. package/components/features//321/201hange-version/AChangeVersion.vue +20 -20
  95. package/components/forms/README.md +1 -1
  96. package/components/forms/checkbox/ACheckbox.vue +149 -149
  97. package/components/forms/checkbox/ACheckboxV2.vue +229 -229
  98. package/components/forms/feedback-form/FeedbackForm.vue +177 -177
  99. package/components/forms/feedback-form/FeedbackFormV2.vue +182 -183
  100. package/components/forms/input/AInputV2.vue +542 -556
  101. package/components/forms/input/button/AInputButton.vue +53 -53
  102. package/components/forms/input/date/AInputDate.vue +213 -217
  103. package/components/forms/input/password/AInputPassword.vue +59 -59
  104. package/components/forms/input/standard/AInputStandard.vue +415 -424
  105. package/components/forms/input/textarea/ATextarea.vue +203 -207
  106. package/components/forms/input/textarea/ATextareaV2.vue +248 -253
  107. package/components/forms/radio-button/ARadioButton.vue +95 -95
  108. package/components/forms/request-demo/ARequestDemo.vue +108 -108
  109. package/components/forms/toggle/AToggle.vue +156 -157
  110. package/components/forms/toggle/AToggleV2.vue +71 -72
  111. package/components/forms/toggle/types.ts +16 -16
  112. package/components/modals/AConfirmationEmail.vue +40 -40
  113. package/components/modals/AboutTariffModal.vue +114 -115
  114. package/components/modals/AnotherDeviceModal.vue +64 -65
  115. package/components/modals/ApplicationAcceptedModal.vue +44 -45
  116. package/components/modals/ConnectingTariffModal.vue +60 -60
  117. package/components/modals/ContactsMobileModel.vue +182 -182
  118. package/components/modals/ContentNavigationModal.vue +99 -100
  119. package/components/modals/Insufficient-funds-modal.vue +62 -62
  120. package/components/modals/LimitReachedModal.vue +33 -44
  121. package/components/modals/NoAccessModal.vue +35 -39
  122. package/components/modals/PaymentMethodModal.vue +101 -101
  123. package/components/modals/RedirectsBanksModal.vue +69 -69
  124. package/components/modals/ReplenishModal.vue +132 -132
  125. package/components/modals/ReportBugConfirmModal.vue +32 -32
  126. package/components/modals/ReportBugModal.vue +172 -172
  127. package/components/modals/Resend.vue +81 -81
  128. package/components/modals/SubmitApplicationModal.vue +129 -126
  129. package/components/modals/id/AuthModal.vue +92 -72
  130. package/components/modals/id/IdAutoLogoutModal.vue +45 -44
  131. package/components/modals/id/IdBanner.vue +61 -41
  132. package/components/modals/id/IdConfirmAccountOtpModal.vue +181 -182
  133. package/components/modals/id/IdConfirmSuccessfulModal.vue +41 -41
  134. package/components/modals/id/IdLoginModal.vue +336 -336
  135. package/components/modals/id/IdModals.vue +127 -125
  136. package/components/modals/id/IdNewPasswordModal.vue +129 -129
  137. package/components/modals/id/IdOtpInput.vue +156 -156
  138. package/components/modals/id/IdPasswordSuccessfulModal.vue +25 -25
  139. package/components/modals/id/IdRecoveryModal.vue +117 -117
  140. package/components/modals/id/IdRegistrationModal.vue +215 -215
  141. package/components/modals/id/IdResetPasswordOtpModal.vue +158 -159
  142. package/components/modals/id/IdTwoFactorModal.vue +125 -126
  143. package/components/navigation/README.md +1 -1
  144. package/components/navigation/bottom-navigation/ABottomNavigation.vue +106 -106
  145. package/components/navigation/breadcrumbs/ABreadcrumbs.vue +128 -128
  146. package/components/navigation/breadcrumbs/types.ts +8 -8
  147. package/components/navigation/footer/AFooter.vue +283 -283
  148. package/components/navigation/footer/ui/a-footer-accordion.vue +118 -118
  149. package/components/navigation/header/AHeader.vue +237 -237
  150. package/components/navigation/header/AlmatyContacts.vue +145 -145
  151. package/components/navigation/header/AstanaContacts.vue +67 -67
  152. package/components/navigation/header/CardGallery.vue +251 -252
  153. package/components/navigation/header/ContactMenu.vue +48 -48
  154. package/components/navigation/header/HeaderLink.vue +250 -250
  155. package/components/navigation/header/HeaderUsage.vue +139 -139
  156. package/components/navigation/header/ListItem.vue +31 -32
  157. package/components/navigation/header/NavCard.vue +41 -42
  158. package/components/navigation/header/NavList.vue +72 -73
  159. package/components/navigation/header/NotificationsMenu.vue +50 -50
  160. package/components/navigation/header/ProductMenu.vue +100 -101
  161. package/components/navigation/header/ProfileMenu.vue +167 -168
  162. package/components/navigation/header/SystemNotification.vue +108 -108
  163. package/components/navigation/header/types.ts +28 -28
  164. package/components/navigation/line-tabs/ALineTabs.vue +111 -112
  165. package/components/navigation/line-tabs/types.ts +21 -21
  166. package/components/navigation/mobile-navigation/AMobileNavigation.vue +112 -112
  167. package/components/navigation/pill-tabs/APillTabs.vue +177 -179
  168. package/components/navigation/pill-tabs/APillTabsV2.vue +226 -241
  169. package/components/navigation/pill-tabs/types.ts +24 -24
  170. package/components/navigation/side-navigation/ASideNavigation.vue +406 -406
  171. package/components/overlays/README.md +1 -1
  172. package/components/overlays/drawer/ADrawerV2.vue +334 -335
  173. package/components/overlays/modal/AModal.vue +335 -335
  174. package/components/overlays/modal/AModalV2.vue +396 -400
  175. package/components/overlays/side-panel/ASidePanel.vue +445 -445
  176. package/components/overlays/sideover/ASlideover.vue +351 -351
  177. package/components/overlays/tooltip/ATooltip.vue +237 -238
  178. package/components/overlays/tooltip/ATooltipV2.vue +226 -226
  179. package/components/overlays/tooltip/types.ts +26 -26
  180. package/components/overlays/tooltip/useTooltipTrigger.ts +101 -101
  181. package/components/transitions/ATransitionHeight.vue +67 -67
  182. package/components/utils/index.ts +19 -19
  183. package/components/utils/removeTrailingSlash.ts +7 -7
  184. package/composables/highlight.ts +18 -19
  185. package/composables/modalsState.ts +8 -8
  186. package/composables/projectState.ts +2 -2
  187. package/composables/useAccessTokenCookie.ts +25 -25
  188. package/composables/useActiveNavigation.ts +84 -84
  189. package/composables/useAdaptive.ts +46 -46
  190. package/composables/useBuyTariffs.ts +91 -91
  191. package/composables/useCarouselScroll.ts +49 -49
  192. package/composables/useChipOverflow.ts +92 -92
  193. package/composables/useHeaderNavigationLinks.ts +519 -519
  194. package/composables/useIdModals.ts +36 -36
  195. package/composables/usePayment.ts +78 -78
  196. package/composables/useUIValidation.ts +16 -16
  197. package/composables/useUrls.ts +23 -23
  198. package/eslint.config.mjs +45 -58
  199. package/i18n/i18n.config.ts +21 -21
  200. package/i18n.config.ts +21 -21
  201. package/icons/adata-logo.vue +17 -17
  202. package/icons/ai-assistant.vue +13 -13
  203. package/icons/akimat.vue +20 -20
  204. package/icons/archive.vue +16 -16
  205. package/icons/arrow/arrow-bottom-left-on-square.vue +5 -5
  206. package/icons/arrow/arrow-circle-down.vue +16 -16
  207. package/icons/arrow/arrow-circle-reset.vue +16 -16
  208. package/icons/arrow/arrow-corner.vue +9 -9
  209. package/icons/arrow/arrow-graph-down.vue +13 -13
  210. package/icons/arrow/arrow-graph-up.vue +14 -14
  211. package/icons/arrow/arrow-left-right.vue +8 -8
  212. package/icons/arrow/arrow-right.vue +14 -14
  213. package/icons/arrow/arrow-square-down.vue +15 -15
  214. package/icons/arrow/arrow-top-right-on-square.vue +6 -6
  215. package/icons/arrow/arrows-in.vue +11 -11
  216. package/icons/arrow/arrows-out.vue +11 -11
  217. package/icons/arrow/arrows-resize-in.vue +38 -38
  218. package/icons/arrow/arrows-resize-out.vue +17 -17
  219. package/icons/arrow-currency-gray.vue +5 -5
  220. package/icons/arrow-currency-green.vue +5 -5
  221. package/icons/arrow-currency-red.vue +5 -5
  222. package/icons/arrow-side-up.vue +6 -6
  223. package/icons/avatar.vue +12 -12
  224. package/icons/bank.vue +5 -5
  225. package/icons/bill.vue +3 -3
  226. package/icons/block.vue +16 -16
  227. package/icons/bookmark/bookmark-filled.vue +18 -19
  228. package/icons/bookmark/bookmark.vue +5 -5
  229. package/icons/bot.vue +52 -52
  230. package/icons/briefcase.vue +14 -14
  231. package/icons/browsers/browser-duck.vue +65 -65
  232. package/icons/browsers/browser-google.vue +30 -30
  233. package/icons/browsers/browser-yandex.vue +13 -13
  234. package/icons/building-vector.vue +7 -7
  235. package/icons/building.vue +9 -9
  236. package/icons/calculator.vue +7 -7
  237. package/icons/calendar.vue +24 -24
  238. package/icons/car-side.vue +16 -16
  239. package/icons/car.vue +7 -7
  240. package/icons/cart.vue +15 -15
  241. package/icons/chart-bar.vue +5 -5
  242. package/icons/chart-no-axes-column.vue +3 -3
  243. package/icons/chart-pie.vue +16 -16
  244. package/icons/check/check-circle.vue +6 -6
  245. package/icons/check/check-shield.vue +14 -14
  246. package/icons/check/check.vue +17 -17
  247. package/icons/check/checkmark-circle.vue +6 -6
  248. package/icons/check-sb.vue +7 -7
  249. package/icons/checkbox/checkbox-active.vue +17 -17
  250. package/icons/checkbox/checkbox-empty.vue +10 -10
  251. package/icons/checkbox/checkbox-intermediate.vue +7 -7
  252. package/icons/chevron/chevron-down.vue +5 -5
  253. package/icons/chevron/chevron-left.vue +5 -5
  254. package/icons/chevron/chevron-right.vue +5 -5
  255. package/icons/chevron/chevron-up.vue +5 -5
  256. package/icons/chevron/double-chevron-right.vue +12 -12
  257. package/icons/clipboard-text.vue +7 -7
  258. package/icons/clock-time.vue +24 -24
  259. package/icons/clock.vue +25 -25
  260. package/icons/close.vue +16 -16
  261. package/icons/cloud/cloud-upload.vue +3 -3
  262. package/icons/code.vue +9 -9
  263. package/icons/company/company-bazis.vue +21 -21
  264. package/icons/company/company-bereke.vue +25 -25
  265. package/icons/company/company-bigroup.vue +16 -16
  266. package/icons/company/company-erg.vue +17 -17
  267. package/icons/company/company-forte.vue +21 -21
  268. package/icons/company/company-halyk.vue +15 -15
  269. package/icons/company/company-jusan.vue +31 -31
  270. package/icons/company/company-kaspi.vue +14 -14
  271. package/icons/company/company-kazzinc.vue +22 -22
  272. package/icons/company/company-mycar.vue +13 -13
  273. package/icons/company/company-samruk.vue +21 -21
  274. package/icons/company-egov-small.vue +15 -15
  275. package/icons/company.vue +8 -8
  276. package/icons/compare-outlined.vue +8 -8
  277. package/icons/copy.vue +7 -7
  278. package/icons/currency/currency-dollar.vue +16 -16
  279. package/icons/currency/currency-down.vue +22 -22
  280. package/icons/currency/currency-eur.vue +57 -57
  281. package/icons/currency/currency-rub.vue +7 -7
  282. package/icons/currency/currency-tenge.vue +9 -9
  283. package/icons/currency/currency-usd.vue +221 -221
  284. package/icons/currency/currency-yuan.vue +25 -25
  285. package/icons/default-avatar.vue +20 -20
  286. package/icons/delete.vue +7 -7
  287. package/icons/document.vue +5 -5
  288. package/icons/dots-horizontal.vue +31 -31
  289. package/icons/download-line.vue +13 -13
  290. package/icons/download-rounded.vue +15 -15
  291. package/icons/download.vue +11 -11
  292. package/icons/edit.vue +7 -7
  293. package/icons/education.vue +16 -16
  294. package/icons/egov-small.vue +7 -7
  295. package/icons/egov.vue +41 -41
  296. package/icons/elicense.vue +38 -38
  297. package/icons/excel-icon.vue +14 -14
  298. package/icons/expand-window.vue +7 -7
  299. package/icons/eye-closed.vue +26 -26
  300. package/icons/eye-open.vue +7 -7
  301. package/icons/eye-opened.vue +23 -23
  302. package/icons/favourite-bookmark-outline.vue +17 -17
  303. package/icons/file/file-check-corner.vue +3 -3
  304. package/icons/file/file-spreadsheet.vue +3 -3
  305. package/icons/file/file.vue +16 -16
  306. package/icons/file/files.vue +16 -16
  307. package/icons/file-pen.vue +31 -31
  308. package/icons/file-stack.vue +31 -31
  309. package/icons/file-types/excel.vue +131 -131
  310. package/icons/file-types/html.vue +13 -13
  311. package/icons/file-types/jpeg.vue +16 -16
  312. package/icons/file-types/pdf.vue +11 -11
  313. package/icons/file-types/png.vue +11 -11
  314. package/icons/file-types/rar.vue +11 -11
  315. package/icons/file-types/word.vue +50 -50
  316. package/icons/file-types/zip.vue +11 -11
  317. package/icons/filter.vue +5 -5
  318. package/icons/flag.vue +7 -7
  319. package/icons/gauge.vue +17 -17
  320. package/icons/gift.vue +8 -8
  321. package/icons/git-compare.vue +38 -38
  322. package/icons/git-fork.vue +3 -3
  323. package/icons/globe.vue +16 -16
  324. package/icons/google.vue +41 -41
  325. package/icons/gradiend-icons/files-gradient.vue +22 -22
  326. package/icons/gradiend-icons/hammer-gradient.vue +62 -62
  327. package/icons/graduation-cap.vue +31 -31
  328. package/icons/graph-loading.vue +34 -34
  329. package/icons/graph-pie.vue +14 -14
  330. package/icons/hand/hand-thumb-up-filled.vue +5 -5
  331. package/icons/hand/hand-thumb-up.vue +5 -5
  332. package/icons/hand-with-phone/hand-with-phone-dark.vue +52 -52
  333. package/icons/hand-with-phone/hand-with-phone-light.vue +52 -52
  334. package/icons/handshake.vue +5 -5
  335. package/icons/hcheck.vue +14 -14
  336. package/icons/hdocument.vue +7 -7
  337. package/icons/headset.vue +6 -6
  338. package/icons/help-question-circle.vue +26 -26
  339. package/icons/history.vue +5 -5
  340. package/icons/horizontal-more.vue +13 -13
  341. package/icons/hot-line.vue +6 -6
  342. package/icons/hummer.vue +16 -16
  343. package/icons/id.vue +7 -7
  344. package/icons/in-row-type.vue +46 -46
  345. package/icons/in-table-type.vue +29 -29
  346. package/icons/info/info-circle.vue +29 -29
  347. package/icons/invoice.vue +7 -8
  348. package/icons/judge.vue +14 -14
  349. package/icons/kaspi-qr.vue +13 -13
  350. package/icons/landmark.vue +3 -3
  351. package/icons/layers.vue +3 -3
  352. package/icons/letter/letter-a.vue +6 -8
  353. package/icons/letter/letter-b.vue +6 -6
  354. package/icons/letter/letter-c.vue +6 -6
  355. package/icons/letter/letter-d.vue +6 -6
  356. package/icons/letter/letter-e.vue +6 -6
  357. package/icons/link-chain.vue +28 -28
  358. package/icons/link-url.vue +3 -3
  359. package/icons/link.vue +7 -7
  360. package/icons/linkedin.vue +24 -24
  361. package/icons/list-tree.vue +3 -3
  362. package/icons/loader-circle.vue +27 -27
  363. package/icons/location.vue +8 -8
  364. package/icons/lock.vue +5 -5
  365. package/icons/logo.vue +15 -15
  366. package/icons/logout.vue +16 -16
  367. package/icons/magnify/magnifying-glass-minus.vue +8 -8
  368. package/icons/magnify/magnifying-glass-plus.vue +9 -9
  369. package/icons/magnify/magnifying-glass.vue +9 -9
  370. package/icons/mail-question-mark.vue +8 -8
  371. package/icons/mail.vue +7 -7
  372. package/icons/mailru.vue +34 -34
  373. package/icons/main-filter.vue +5 -5
  374. package/icons/map/map-pin-filled.vue +7 -7
  375. package/icons/map/map-pin-rect.vue +15 -15
  376. package/icons/map/map-pin.vue +7 -7
  377. package/icons/map-marker-start.vue +7 -7
  378. package/icons/map-paper.vue +5 -5
  379. package/icons/medal.vue +7 -7
  380. package/icons/menu-filled.vue +20 -20
  381. package/icons/menu.vue +8 -8
  382. package/icons/message/message-square.vue +3 -3
  383. package/icons/message/message.vue +12 -12
  384. package/icons/message-dotted.vue +30 -30
  385. package/icons/minus/minus-circle.vue +10 -10
  386. package/icons/money.vue +5 -5
  387. package/icons/monitoring.vue +10 -10
  388. package/icons/moon.vue +8 -8
  389. package/icons/more.vue +29 -29
  390. package/icons/network.vue +3 -3
  391. package/icons/newspaper.vue +3 -3
  392. package/icons/note-pencil.vue +14 -14
  393. package/icons/note.vue +14 -14
  394. package/icons/notification-error.vue +17 -17
  395. package/icons/notification.vue +16 -16
  396. package/icons/paperclip.vue +7 -7
  397. package/icons/payment/payment-card.vue +6 -6
  398. package/icons/payment/payment-kaspi.vue +11 -11
  399. package/icons/person-vector.vue +7 -7
  400. package/icons/person-with-briefcase.vue +10 -10
  401. package/icons/person.vue +22 -22
  402. package/icons/phone-call.vue +6 -6
  403. package/icons/phone-filled.vue +5 -5
  404. package/icons/phone-reversed.vue +3 -3
  405. package/icons/phone.vue +7 -7
  406. package/icons/plus/plus-circle.vue +8 -8
  407. package/icons/plus/plus.vue +13 -13
  408. package/icons/profile.vue +5 -5
  409. package/icons/radio/radio-check.vue +8 -8
  410. package/icons/radio/radio-empty.vue +10 -10
  411. package/icons/receipt.vue +8 -8
  412. package/icons/robot.vue +14 -14
  413. package/icons/route.vue +7 -7
  414. package/icons/sanctions.vue +8 -8
  415. package/icons/scales/scale.vue +16 -16
  416. package/icons/scales/scales.vue +5 -5
  417. package/icons/scales/standing-scales.vue +15 -15
  418. package/icons/scan-search.vue +3 -3
  419. package/icons/search.vue +27 -27
  420. package/icons/settings.vue +26 -26
  421. package/icons/share/share-alt.vue +5 -5
  422. package/icons/share/share.vue +14 -14
  423. package/icons/shield-alert.vue +31 -31
  424. package/icons/shield-verified.vue +14 -14
  425. package/icons/ship.vue +8 -8
  426. package/icons/socials/face-book.vue +15 -15
  427. package/icons/socials/facebook-color.vue +16 -16
  428. package/icons/socials/globe-color.vue +16 -16
  429. package/icons/socials/instagram-color.vue +46 -46
  430. package/icons/socials/instagram.vue +19 -19
  431. package/icons/socials/linkedin-color.vue +14 -14
  432. package/icons/socials/telegram-color.vue +16 -16
  433. package/icons/socials/telegram.vue +15 -15
  434. package/icons/socials/tik-tok.vue +15 -15
  435. package/icons/socials/tiktok-color.vue +14 -14
  436. package/icons/socials/vk-color.vue +16 -16
  437. package/icons/socials/youtube-color.vue +16 -16
  438. package/icons/socials/youtube.vue +16 -16
  439. package/icons/sort/sort-asc.vue +15 -15
  440. package/icons/sort/sort-desc.vue +15 -15
  441. package/icons/sparkles.vue +3 -3
  442. package/icons/splitting-arrows.vue +8 -8
  443. package/icons/star/star-filled.vue +40 -41
  444. package/icons/star/star-half-filled.vue +20 -21
  445. package/icons/star/star.vue +25 -25
  446. package/icons/sun.vue +24 -25
  447. package/icons/sviazi.vue +5 -5
  448. package/icons/tag.vue +30 -30
  449. package/icons/tasks.vue +10 -10
  450. package/icons/tender-search.vue +11 -11
  451. package/icons/toasts/check-circle-toast.vue +6 -6
  452. package/icons/toasts/warning-triangle-toast.vue +7 -8
  453. package/icons/trash.vue +13 -13
  454. package/icons/triangle.vue +10 -10
  455. package/icons/truck.vue +7 -7
  456. package/icons/user-square.vue +14 -14
  457. package/icons/user.vue +22 -22
  458. package/icons/users-focus.vue +8 -8
  459. package/icons/users-round.vue +3 -3
  460. package/icons/users-three.vue +7 -7
  461. package/icons/users.vue +8 -8
  462. package/icons/view-eye-open.vue +13 -13
  463. package/icons/warning/warning-circle.vue +29 -29
  464. package/icons/warning/warning-triangle-filled.vue +12 -12
  465. package/icons/warning/warning-triangle.vue +28 -28
  466. package/icons/whatsapp.vue +8 -8
  467. package/icons/work-bag.vue +11 -11
  468. package/icons/work-case.vue +9 -9
  469. package/icons/work-search.vue +10 -10
  470. package/icons/work.vue +5 -5
  471. package/icons/workflow.vue +3 -3
  472. package/icons/x-mark.vue +15 -15
  473. package/icons/yandex.vue +28 -29
  474. package/icons/zap.vue +3 -3
  475. package/illustrations/address-location.vue +38 -38
  476. package/illustrations/ball-with-chain.vue +120 -120
  477. package/illustrations/bill.vue +133 -133
  478. package/illustrations/buildings.vue +82 -82
  479. package/illustrations/calendar.vue +156 -156
  480. package/illustrations/chains.vue +152 -152
  481. package/illustrations/coin-percent.vue +126 -126
  482. package/illustrations/coins-stack.vue +202 -202
  483. package/illustrations/delete-dark.vue +31 -32
  484. package/illustrations/delete.vue +32 -33
  485. package/illustrations/doc-with-stamp.vue +126 -126
  486. package/illustrations/document.vue +64 -64
  487. package/illustrations/door.vue +74 -85
  488. package/illustrations/empty-box.vue +77 -77
  489. package/illustrations/empty-wallet.vue +161 -127
  490. package/illustrations/graph-in-coin.vue +119 -119
  491. package/illustrations/hammer.vue +156 -156
  492. package/illustrations/hand-cash.vue +108 -108
  493. package/illustrations/info.vue +39 -52
  494. package/illustrations/mail.vue +68 -68
  495. package/illustrations/ok.vue +62 -90
  496. package/illustrations/people-group.vue +237 -237
  497. package/illustrations/person-with-phone.vue +187 -187
  498. package/illustrations/person.vue +159 -159
  499. package/illustrations/phone-check.vue +90 -110
  500. package/illustrations/phone-payment-method.vue +223 -223
  501. package/illustrations/search.vue +14 -14
  502. package/illustrations/stop-hand.vue +77 -84
  503. package/illustrations/stop-sign.vue +34 -34
  504. package/illustrations/suit.vue +111 -97
  505. package/illustrations/suitcase.vue +105 -105
  506. package/illustrations/terminal-dark.vue +48 -0
  507. package/illustrations/terminal.vue +234 -100
  508. package/illustrations/trash-can.vue +108 -66
  509. package/illustrations/turn-on-tariff.vue +38 -38
  510. package/illustrations/two-persons.vue +169 -169
  511. package/lang/en.ts +881 -877
  512. package/lang/kk.ts +883 -879
  513. package/lang/ru.ts +884 -879
  514. package/layouts/default.vue +13 -13
  515. package/nuxt.config.ts +88 -95
  516. package/package.json +69 -64
  517. package/plugins/maska.ts +4 -4
  518. package/plugins/toast.client.ts +41 -41
  519. package/public/kaspi/logo.svg +4 -4
  520. package/shared/constans/pages.ts +96 -96
  521. package/tailwind.config.ts +194 -0
  522. package/tests/AButton.test.ts +81 -0
  523. package/tsconfig.json +6 -6
  524. package/utils/getMaxZindex.ts +25 -25
  525. package/utils/localizedNavigation.ts +36 -36
  526. package/utils/twMerge.ts +34 -34
  527. package/vitest.config.ts +14 -14
  528. package/CLAUDE.md +0 -63
  529. package/assets/styles/main.css +0 -12
  530. package/assets/styles/theme.css +0 -583
  531. package/assets/styles/ui.css +0 -247
  532. package/components/elements/count-up/ACountUp.vue +0 -54
  533. package/components/elements/empty-box/empty-box-V2.vue +0 -92
  534. package/components/elements/section-heading/ASectionHeading.vue +0 -35
  535. package/components/elements/slider/ASliderV2.vue +0 -182
  536. package/icons/arrow/arrow-left.vue +0 -14
  537. package/icons/bar-chart-3.vue +0 -3
  538. package/icons/book-open.vue +0 -3
  539. package/icons/braces.vue +0 -3
  540. package/icons/check/check-outline.vue +0 -3
  541. package/icons/chevron/chevron-down-outline.vue +0 -3
  542. package/icons/clipboard-list.vue +0 -3
  543. package/icons/clock-outline.vue +0 -3
  544. package/icons/database.vue +0 -3
  545. package/icons/download-outline.vue +0 -3
  546. package/icons/file-json.vue +0 -3
  547. package/icons/file-search.vue +0 -3
  548. package/icons/file-text.vue +0 -3
  549. package/icons/flask-conical.vue +0 -3
  550. package/icons/folder-open.vue +0 -3
  551. package/icons/gift-outline.vue +0 -3
  552. package/icons/globe-2.vue +0 -3
  553. package/icons/home.vue +0 -14
  554. package/icons/key-round.vue +0 -3
  555. package/icons/messages-square.vue +0 -3
  556. package/icons/robot-outline.vue +0 -3
  557. package/icons/scales/scale-outline.vue +0 -3
  558. package/icons/search-outline.vue +0 -3
  559. package/icons/send.vue +0 -3
  560. package/icons/terminal.vue +0 -3
  561. package/icons/triangle-alert.vue +0 -3
  562. package/icons/users-outline.vue +0 -3
  563. package/icons/webhook.vue +0 -3
  564. package/icons/x-outline.vue +0 -3
  565. package/illustrations/award-badge.vue +0 -105
  566. package/illustrations/empty-badge-check.vue +0 -20
  567. package/illustrations/empty-ban.vue +0 -18
  568. package/illustrations/empty-filter.vue +0 -20
  569. package/illustrations/empty-inbox.vue +0 -19
  570. package/illustrations/empty-scale.vue +0 -22
  571. package/illustrations/empty-search-x.vue +0 -21
  572. package/illustrations/empty-shopping-cart.vue +0 -21
  573. package/illustrations/empty-users-round.vue +0 -20
  574. package/illustrations/mail-active.vue +0 -86
  575. package/illustrations/no-access.vue +0 -92
  576. package/illustrations/shield-user.vue +0 -94
package/assets/styles/ui.css DELETED
@@ -1,247 +0,0 @@
1
- /*
2
- * Глобальные стили adata-ui вне Tailwind-слоёв (порт assets/styles/index.scss).
3
- * Подключается через CSS-вход слоя (assets/styles/main.css).
4
- */
5
-
6
- html {
7
- scrollbar-gutter: stable;
8
- }
9
-
10
- body {
11
- padding: 0 !important;
12
- /* Семантические токены переключаются в тёмной теме сами (см. theme.css). */
13
- color: var(--text-color-primary);
14
- background-color: var(--background-color-main);
15
- }
16
-
17
- /* Отключает жёлоб скроллбара на страницах со своим скроллом (схемы связей).
18
- Вешается через useHead({ htmlAttrs: { class: … } }) и снимается при уходе со
19
- страницы — в отличие от глобального <style> в layout'е, который утекал в
20
- <head> навсегда. Специфичность класса выше html, !important не нужен. */
21
- html.no-scroll-gutter {
22
- scrollbar-gutter: initial;
23
- }
24
-
25
- html.no-scroll-gutter::-webkit-scrollbar {
26
- width: 0;
27
- }
28
-
29
- html::-webkit-scrollbar {
30
- width: 15px;
31
- }
32
-
33
- html::-webkit-scrollbar-thumb {
34
- background: var(--border-color-strong);
35
- }
36
-
37
- .no-scrollbar::-webkit-scrollbar {
38
- display: none;
39
- }
40
-
41
- /* Hide scrollbar for IE, Edge and Firefox */
42
- .no-scrollbar {
43
- -ms-overflow-style: none; /* IE and Edge */
44
- scrollbar-width: none; /* Firefox */
45
- }
46
-
47
- @media (min-width: 320px) and (max-width: 767px) {
48
- .a-container {
49
- padding: 0;
50
- }
51
-
52
- .mobile-padding {
53
- padding: 16px;
54
- }
55
- }
56
-
57
- /* Осознанное hex-исключение (реестр в git-истории: git show 69039ec:docs/color-migration.md).
58
- Тема — по классу .dark, как у соседнего .bg-gradient-banner. */
59
- .bg-gradient-blue {
60
- background: linear-gradient(236.46deg, #479FFF -2.39%, #0070EB 79.1%);
61
- }
62
-
63
- .dark .bg-gradient-blue {
64
- background: linear-gradient(236.46deg, #4FBDFF -2.39%, #1B98E2 79.1%);
65
- }
66
-
67
- /* Промо-баннеры (IdBanner, PaymentBanner, UpSellBanner, BasicPlusLimitBanner).
68
- Осознанное hex-исключение, как .bg-gradient-blue (реестр в git-истории:
69
- git show 69039ec:docs/color-migration.md). */
70
- .bg-gradient-banner {
71
- background: linear-gradient(239.71deg, #B3D5F9 -7.48%, #E6F1FD 39.62%, #CCE2FB 85.82%);
72
- }
73
-
74
- .dark .bg-gradient-banner {
75
- background: linear-gradient(239.71deg, #17303F -7.48%, #161617 39.62%, #17303F 85.82%);
76
- }
77
-
78
- input::-webkit-outer-spin-button,
79
- input::-webkit-inner-spin-button {
80
- -webkit-appearance: none;
81
- margin: 0;
82
- }
83
-
84
- .Toastify__toast-container {
85
- z-index: 10002 !important;
86
- }
87
-
88
- @media (min-width: 481px) {
89
- .Toastify__toast-container {
90
- width: 600px;
91
- }
92
- }
93
-
94
- .Toastify__toast-container .Toastify__toast {
95
- min-height: 71px;
96
- padding: 14px 16px;
97
- border: 1px solid transparent;
98
- border-left-width: 4px; /* акцентная полоса слева */
99
- border-radius: 12px;
100
- box-shadow: none;
101
- }
102
-
103
- .Toastify__toast-container .Toastify__toast-body {
104
- margin: 0;
105
- padding: 0;
106
- gap: 12px;
107
- align-items: center;
108
- font-size: 16px;
109
- font-weight: 500;
110
- line-height: 24px;
111
- }
112
-
113
- .Toastify__toast-container .Toastify__toast-icon {
114
- width: 24px;
115
- height: 24px;
116
- margin-inline-end: 0;
117
- }
118
-
119
- .Toastify__toast-container .Toastify__toast-icon svg {
120
- width: 24px;
121
- height: 24px;
122
- }
123
-
124
- .Toastify__toast-container .Toastify__close-button {
125
- align-self: center;
126
- color: var(--color-secondary-500);
127
- opacity: 0.6;
128
- }
129
-
130
- .Toastify__toast-container .Toastify__close-button:hover {
131
- opacity: 1;
132
- }
133
-
134
- /* info на brand: старый фон #eff6ff (стоковый blue-50) ≈ brand-50 — дельта в реестре (git show 69039ec:docs/color-migration.md) */
135
- .Toastify__toast-container .Toastify__toast--info { background: var(--color-brand-50); border-color: var(--color-brand-500); color: var(--color-brand-500); }
136
- .Toastify__toast-container .Toastify__toast--success { background: var(--color-green-50); border-color: var(--color-green-600); color: var(--color-green-600); }
137
- .Toastify__toast-container .Toastify__toast--warning { background: var(--color-amber-50); border-color: var(--color-amber-600); color: var(--color-amber-600); }
138
- .Toastify__toast-container .Toastify__toast--error { background: var(--color-red-50); border-color: var(--color-red-600); color: var(--color-red-600); }
139
-
140
- .Toastify__toast-container .Toastify__toast--info .Toastify__progress-bar { background: var(--color-brand-500); }
141
- .Toastify__toast-container .Toastify__toast--success .Toastify__progress-bar { background: var(--color-green-600); }
142
- .Toastify__toast-container .Toastify__toast--warning .Toastify__progress-bar { background: var(--color-amber-600); }
143
- .Toastify__toast-container .Toastify__toast--error .Toastify__progress-bar { background: var(--color-red-600); }
144
-
145
- /* Тёмная тема (нежная, ручная подгонка — оставлена как явный оверрайд поверх токенов):
146
- фон = тинт solid-хекса тона /10, но непрозрачный (тост плавает над контентом) —
147
- композит поверх #161617; бордер rgba(solid,0.4); текст/иконка -400. */
148
- .dark .Toastify__toast-container .Toastify__close-button { color: #e3e5e8; }
149
-
150
- .dark .Toastify__toast-container .Toastify__toast--info { background: #14222e; border-color: rgba(6, 141, 255, 0.4); color: #43afed; }
151
- .dark .Toastify__toast-container .Toastify__toast--success { background: #14241b; border-color: rgba(0, 166, 62, 0.4); color: #6bbd6e; }
152
- .dark .Toastify__toast-container .Toastify__toast--warning { background: #2a1f15; border-color: rgba(225, 113, 0, 0.4); color: #ffc31e; }
153
- .dark .Toastify__toast-container .Toastify__toast--error { background: #2b1416; border-color: rgba(231, 0, 11, 0.4); color: #f47e75; }
154
-
155
- input[type="search"]::-webkit-search-cancel-button {
156
- -webkit-appearance: none;
157
- appearance: none;
158
- }
159
-
160
- input[type="search"]::-ms-clear {
161
- display: none;
162
- width: 0;
163
- height: 0;
164
- }
165
-
166
- /* Firefox */
167
- input[type="number"] {
168
- -moz-appearance: textfield;
169
- }
170
-
171
- .visually-hidden {
172
- position: absolute;
173
- width: 1px;
174
- height: 1px;
175
- margin: -1px;
176
- border: 0;
177
- padding: 0;
178
- white-space: nowrap;
179
- clip-path: inset(100%);
180
- clip: rect(0 0 0 0);
181
- overflow: hidden;
182
- }
183
-
184
- /* Подложка hero-иллюстраций лендингов (§05 аудита: декоративный градиент — литерал).
185
- Тема — по классу .dark, как у .bg-gradient-blue. */
186
- .a-illus-backdrop {
187
- position: relative;
188
- overflow: hidden;
189
- background: linear-gradient(145deg, #e4f2ff 0%, #c3e1ff 48%, #a5d2ff 100%);
190
- box-shadow: 0 30px 60px -28px rgba(6, 141, 255, .5), inset 0 1px 0 rgba(255, 255, 255, .6);
191
- }
192
-
193
- .a-illus-backdrop::before {
194
- content: "";
195
- position: absolute;
196
- inset: 0;
197
- background: radial-gradient(130px 130px at 80% 16%, rgba(255, 255, 255, .6), transparent 70%);
198
- pointer-events: none;
199
- }
200
-
201
- .a-illus-backdrop::after {
202
- content: "";
203
- position: absolute;
204
- inset: 0;
205
- background-image: radial-gradient(rgba(6, 141, 255, .16) 1.3px, transparent 1.4px);
206
- background-size: 15px 15px;
207
- opacity: .55;
208
- mask-image: linear-gradient(135deg, #000, transparent 55%);
209
- pointer-events: none;
210
- }
211
-
212
- .dark .a-illus-backdrop {
213
- background: linear-gradient(145deg, #15273b 0%, #101a27 55%, #0d1622 100%);
214
- box-shadow: 0 30px 60px -28px rgba(6, 141, 255, .3), inset 0 1px 0 rgba(255, 255, 255, .05);
215
- }
216
-
217
- .dark .a-illus-backdrop::before {
218
- background: radial-gradient(130px 130px at 80% 16%, rgba(6, 141, 255, .14), transparent 70%);
219
- }
220
-
221
- /* Голубой ореол за hero лендинга (§05 аудита: декоративный градиент — литерал).
222
- Тёмного варианта нет намеренно: та же rgba читается и на #fff, и на #161617.
223
- Вешать на корень страницы лендинга, а не на body — pk-frontend это всё
224
- приложение, а не набор лендингов. */
225
- .a-page-glow {
226
- position: relative;
227
- z-index: 0;
228
- }
229
-
230
- /* z-index: -1 красится поверх фона хоста, но под его контентом — только если у
231
- хоста есть свой контекст наложения (z-index: 0 выше). */
232
- .a-page-glow::after {
233
- content: "";
234
- position: absolute;
235
- inset: 0;
236
- z-index: -1;
237
- pointer-events: none;
238
- background-repeat: no-repeat;
239
- background-image: radial-gradient(
240
- closest-side circle,
241
- rgba(43, 127, 255, .1) 0%,
242
- rgba(43, 127, 255, .05) 48%,
243
- rgba(43, 127, 255, 0) 100%
244
- );
245
- background-size: 1500px 1500px;
246
- background-position: 50% -420px;
247
- }
package/components/elements/count-up/ACountUp.vue DELETED
@@ -1,54 +0,0 @@
1
- <script setup lang="ts">
2
- // Декоративный счётчик: анимирует 0 → `to` при монтировании.
3
- // С пропом `play` поведение другое: значение сразу стоит на `to`, а анимация
4
- // играет заново на каждое изменение триггера (ховер карточки в лендингах).
5
- const props = withDefaults(defineProps<{
6
- to: number
7
- duration?: number
8
- suffix?: string
9
- locale?: string
10
- play?: number
11
- }>(), {
12
- duration: 1100,
13
- suffix: '',
14
- locale: 'ru-RU',
15
- })
16
-
17
- const isTriggered = computed(() => props.play !== undefined)
18
-
19
- const value = ref(isTriggered.value ? props.to : 0)
20
- const display = computed(() => `${Math.round(value.value).toLocaleString(props.locale)}${props.suffix}`)
21
-
22
- let raf = 0
23
-
24
- function run() {
25
- cancelAnimationFrame(raf)
26
- if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
27
- value.value = props.to
28
- return
29
- }
30
- value.value = 0
31
- let start = 0
32
- const step = (ts: number) => {
33
- if (!start) start = ts
34
- const progress = Math.min(1, (ts - start) / props.duration)
35
- value.value = props.to * (1 - (1 - progress) ** 3)
36
- if (progress < 1) raf = requestAnimationFrame(step)
37
- }
38
- raf = requestAnimationFrame(step)
39
- }
40
-
41
- onMounted(() => {
42
- if (!isTriggered.value) run()
43
- })
44
-
45
- watch(() => props.play, (next) => {
46
- if (next) run()
47
- })
48
-
49
- onUnmounted(() => cancelAnimationFrame(raf))
50
- </script>
51
-
52
- <template>
53
- <span>{{ display }}</span>
54
- </template>
package/components/elements/empty-box/empty-box-V2.vue DELETED
@@ -1,92 +0,0 @@
1
- <script setup lang="ts">
2
- import type { Component } from 'vue'
3
- import EmptyBan from '#adata-ui/illustrations/empty-ban.vue'
4
-
5
- interface Props {
6
- icon: Component
7
- title?: string
8
- subtitle?: string
9
- }
10
-
11
- defineProps<Props>()
12
- </script>
13
-
14
- <template>
15
- <div
16
- class="flex min-h-[220px] flex-col items-center justify-center gap-4 p-6 text-center md:p-10"
17
- >
18
- <!-- Ореол -->
19
- <div class="relative grid place-items-center">
20
- <!-- свечение -->
21
- <span
22
- aria-hidden="true"
23
- class="pointer-events-none absolute size-[130px] rounded-full bg-[radial-gradient(circle,var(--color-brand-500)/15%,transparent_70%)]"
24
- />
25
-
26
- <!-- пульсирующее кольцо -->
27
- <span
28
- aria-hidden="true"
29
- class="halo-ring absolute size-[72px] rounded-full border border-brand-500/20 motion-reduce:animate-none"
30
- />
31
-
32
- <!-- иконка -->
33
- <div
34
- class="relative grid size-[72px] place-items-center rounded-full border border-brand-500/20 bg-brand-500/5 text-brand-500"
35
- >
36
- <component
37
- :is="icon"
38
- class="size-[30px]"
39
- :stroke-width="2"
40
- aria-hidden="true"
41
- />
42
-
43
- <!-- нет данных -->
44
- <span
45
- class="absolute -bottom-1.5 -right-1.5 grid size-[26px] place-items-center rounded-full border border-default bg-main text-icon-default shadow-sm"
46
- >
47
- <empty-ban class="size-3.5" />
48
- </span>
49
- </div>
50
- </div>
51
-
52
- <!-- текст -->
53
- <div class="flex flex-col items-center gap-2">
54
- <h3 class="font-semibold text-primary">
55
- {{ title }}
56
- </h3>
57
-
58
- <p
59
- v-if="subtitle"
60
- class="mt-1 text-secondary"
61
- >
62
- {{ subtitle }}
63
- </p>
64
- </div>
65
-
66
- <slot />
67
- </div>
68
- </template>
69
-
70
- <style scoped>
71
- .halo-ring {
72
- animation: halo-pulse 3.2s ease-out infinite;
73
- }
74
-
75
- @keyframes halo-pulse {
76
- 0% {
77
- transform: scale(0.72);
78
- opacity: 0.85;
79
- }
80
-
81
- 100% {
82
- transform: scale(1.16);
83
- opacity: 0;
84
- }
85
- }
86
-
87
- @media (prefers-reduced-motion: reduce) {
88
- .halo-ring {
89
- animation: none;
90
- }
91
- }
92
- </style>
package/components/elements/section-heading/ASectionHeading.vue DELETED
@@ -1,35 +0,0 @@
1
- <script setup lang="ts">
2
- // Заголовок блока лендинга: Display/Small → Display/Large + подзаголовок.
3
- // Бейджи-eyebrow в блоках не используются — они живут только в hero и форме обратной связи.
4
- withDefaults(defineProps<{
5
- title?: string
6
- subtitle?: string
7
- center?: boolean
8
- }>(), {
9
- title: '',
10
- subtitle: '',
11
- center: false,
12
- })
13
- </script>
14
-
15
- <template>
16
- <div
17
- class="flex flex-col gap-2.5"
18
- :class="center ? 'items-center text-center' : 'text-left'"
19
- >
20
- <h2 class="text-display-sm text-primary md:text-display-lg">
21
- <slot name="title">
22
- {{ title }}
23
- </slot>
24
- </h2>
25
- <p
26
- v-if="subtitle || $slots.subtitle"
27
- class="text-body-lg text-quaternary"
28
- :class="{ 'max-w-2xl': center }"
29
- >
30
- <slot name="subtitle">
31
- {{ subtitle }}
32
- </slot>
33
- </p>
34
- </div>
35
- </template>
package/components/elements/slider/ASliderV2.vue DELETED
@@ -1,182 +0,0 @@
1
- <script setup lang="ts" generic="T">
2
- import { useElementHover } from '@vueuse/core'
3
- import { computed, ref, watch } from 'vue'
4
-
5
- interface Props {
6
- /** Slides. The slider only uses their count and the current one. */
7
- slides: readonly T[]
8
- /** Time each slide stays active, in ms. Also the progress-bar duration. */
9
- interval?: number
10
- /** Advance automatically. */
11
- autoplay?: boolean
12
- /** Freeze autoplay while the cursor is over the slider. */
13
- pauseOnHover?: boolean
14
- /** Render the built-in progress indicators. */
15
- indicators?: boolean
16
- /**
17
- * CSS transition name for the built-in slide swap, e.g. `"fade"`.
18
- * The slider only passes the name through to `<transition>` — the CSS
19
- * itself stays with the slide. Without it slides swap instantly.
20
- * Ignored when the default slot is used: taking over the rendering means
21
- * taking over the transition too.
22
- */
23
- transition?: string
24
- /** Transition mode, as on Vue's `<transition>`. */
25
- transitionMode?: 'out-in' | 'in-out' | 'default'
26
- /** Explicit transition duration in ms, as on Vue's `<transition>`. */
27
- transitionDuration?: number | { enter: number, leave: number }
28
- }
29
-
30
- const props = withDefaults(defineProps<Props>(), {
31
- interval: 5000,
32
- autoplay: true,
33
- pauseOnHover: true,
34
- indicators: true,
35
- transition: undefined,
36
- transitionMode: 'out-in',
37
- transitionDuration: undefined,
38
- })
39
-
40
- /** Active slide index — usable as `v-model:index`. */
41
- const index = defineModel<number>('index', { default: 0 })
42
-
43
- const root = ref<HTMLElement>()
44
- const count = computed(() => props.slides.length)
45
-
46
- /* ---- navigation (always wraps around) ---- */
47
- function goTo(to: number) {
48
- if (count.value === 0)
49
- return
50
- index.value = ((to % count.value) + count.value) % count.value
51
- }
52
- function next() {
53
- goTo(index.value + 1)
54
- }
55
- function prev() {
56
- goTo(index.value - 1)
57
- }
58
-
59
- /* ---- autoplay ----
60
- * Timing is driven by an invisible "clock" element's CSS animation.
61
- * `animation-play-state: paused` freezes both the clock and the visible
62
- * progress bar in one place, so the pause stays perfectly in sync and
63
- * resumes from where it stopped — no JS timers to keep aligned. */
64
-
65
- // Bumping this key remounts the clock/progress element, restarting the timing.
66
- // Watched rather than bumped inside `goTo`, so writing to `v-model:index`
67
- // from the outside restarts the timing too.
68
- const tick = ref(0)
69
- watch(index, () => {
70
- tick.value++
71
- })
72
-
73
- // The slide list may have shrunk under the current index.
74
- watch(count, (n) => {
75
- if (index.value >= n)
76
- goTo(0)
77
- })
78
-
79
- const hovered = useElementHover(root)
80
-
81
- const running = computed(() => props.autoplay && count.value > 1)
82
- const timingStyle = computed(() => ({
83
- animationDuration: `${props.interval}ms`,
84
- animationPlayState: props.pauseOnHover && hovered.value ? 'paused' : 'running',
85
- }))
86
-
87
- defineExpose({ next, prev, goTo })
88
- </script>
89
-
90
- <template>
91
- <div
92
- ref="root"
93
- class="relative overflow-hidden"
94
- role="group"
95
- aria-roledescription="carousel"
96
- >
97
- <!-- Invisible clock: fires `next` when a slide's time elapses. -->
98
- <div
99
- v-if="running"
100
- :key="tick"
101
- class="a-slider-clock"
102
- :style="timingStyle"
103
- @animationend="next"
104
- />
105
-
106
- <!-- Rendered once, for the active slide. Markup and animations are the
107
- consumer's job — the slider only says which slide is active.
108
- Without a slot the slider still works on its own: it renders the
109
- active slide as-is, optionally wrapped in a named transition. -->
110
- <slot
111
- v-if="$slots.default"
112
- :slide="slides[index]"
113
- :index="index"
114
- :count="count"
115
- :go-to="goTo"
116
- />
117
-
118
- <!-- БЕЗ `appear` — это принципиально. Под SSR `<transition appear>`
119
- сериализует содержимое в литеральный `<template>`: браузер такой узел
120
- не рендерит, слайдер стоит пустым до гидратации, а сама гидратация
121
- падает с mismatch (проверено на Nuxt 3.18 / Vue 3.5).
122
- Вход первого слайда всё равно задаётся обычной CSS-анимацией на
123
- монтировании — `appear` при SSR-гидратации Vue и так не проигрывает. -->
124
- <transition
125
- v-else-if="transition && slides[index]"
126
- :name="transition"
127
- :mode="transitionMode"
128
- :duration="transitionDuration"
129
- >
130
- <component :is="slides[index]" :key="index" />
131
- </transition>
132
-
133
- <component
134
- :is="slides[index]"
135
- v-else-if="slides[index]"
136
- :key="index"
137
- />
138
-
139
- <div
140
- v-if="indicators && count > 1"
141
- class="absolute bottom-0 left-1/2 z-10 flex -translate-x-1/2 gap-2"
142
- >
143
- <!-- пастельный бренд-трек: семантического токена нет, dark-компенсация вручную -->
144
- <button
145
- v-for="(_, i) in count"
146
- :key="i"
147
- type="button"
148
- :aria-label="`Слайд ${i + 1}`"
149
- :aria-current="index === i"
150
- class="relative h-[6px] cursor-pointer overflow-hidden rounded-full bg-brand-200 transition-all duration-300 dark:bg-brand-500/30"
151
- :class="index === i ? 'w-[30px]' : 'w-[20px]'"
152
- @click="goTo(i)"
153
- >
154
- <span
155
- v-if="index === i && running"
156
- :key="tick"
157
- class="a-slider-progress absolute inset-0 rounded-full bg-brand"
158
- :style="timingStyle"
159
- />
160
- </button>
161
- </div>
162
- </div>
163
- </template>
164
-
165
- <style scoped>
166
- .a-slider-clock {
167
- position: absolute;
168
- height: 1px;
169
- opacity: 0;
170
- pointer-events: none;
171
- }
172
-
173
- .a-slider-clock,
174
- .a-slider-progress {
175
- animation: a-slider-run linear forwards;
176
- }
177
-
178
- @keyframes a-slider-run {
179
- from { width: 0; }
180
- to { width: 100%; }
181
- }
182
- </style>
package/icons/arrow/arrow-left.vue DELETED
@@ -1,14 +0,0 @@
1
- <script setup lang="ts">
2
-
3
- </script>
4
-
5
- <template>
6
- <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
7
- <path d="M9 14.25L3.75 9L9 3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8
- <path d="M14.25 9H3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9
- </svg>
10
- </template>
11
-
12
- <style scoped>
13
-
14
- </style>
package/icons/bar-chart-3.vue DELETED
@@ -1,3 +0,0 @@
1
- <template>
2
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column-icon lucide-chart-column"><path d="M3 3v16a2 2 0 0 0 2 2h16"/><path d="M18 17V9"/><path d="M13 17V5"/><path d="M8 17v-3"/></svg>
3
- </template>
package/icons/book-open.vue DELETED
@@ -1,3 +0,0 @@
1
- <template>
2
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open-icon lucide-book-open"><path d="M12 5v16"/><path d="M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z"/></svg>
3
- </template>
package/icons/braces.vue DELETED
@@ -1,3 +0,0 @@
1
- <template>
2
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-braces-icon lucide-braces"><path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"/><path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"/></svg>
3
- </template>
package/icons/check/check-outline.vue DELETED
@@ -1,3 +0,0 @@
1
- <template>
2
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-icon lucide-check"><path d="M20 6 9 17l-5-5"/></svg>
3
- </template>
package/icons/chevron/chevron-down-outline.vue DELETED
@@ -1,3 +0,0 @@
1
- <template>
2
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon lucide-chevron-down"><path d="m6 9 6 6 6-6"/></svg>
3
- </template>
package/icons/clipboard-list.vue DELETED
@@ -1,3 +0,0 @@
1
- <template>
2
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-list-icon lucide-clipboard-list"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></svg>
3
- </template>
package/icons/clock-outline.vue DELETED
@@ -1,3 +0,0 @@
1
- <template>
2
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock-icon lucide-clock"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
3
- </template>
package/icons/database.vue DELETED
@@ -1,3 +0,0 @@
1
- <template>
2
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database-icon lucide-database"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5V19A9 3 0 0 0 21 19V5"/><path d="M3 12A9 3 0 0 0 21 12"/></svg>
3
- </template>
package/icons/download-outline.vue DELETED
@@ -1,3 +0,0 @@
1
- <template>
2
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download-icon lucide-download"><path d="M12 15V3"/><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="m7 10 5 5 5-5"/></svg>
3
- </template>
package/icons/file-json.vue DELETED
@@ -1,3 +0,0 @@
1
- <template>
2
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-braces-icon lucide-file-braces"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5"/><path d="M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1"/><path d="M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1"/></svg>
3
- </template>