adata-ui 2.1.41-beta.0 → 2.1.41-beta.10

package/components/navigation/footer/AFooter.vue

@@ -166,7 +166,7 @@ const contactLinks = computed(() => ({
 <template>
   <footer
     id="footer"
-    class="rounded-t-2xl bg-secondary-500 py-4 lg:py-5"
+    class="rounded-t-[32px] bg-secondary-500 py-4 lg:py-5 dark:bg-black"
   >
     <div class="a-container mobile-padding flex flex-col justify-between gap-8 py-5 text-white lg:flex-row">
       <div class="flex flex-col justify-between gap-8">
@@ -221,7 +221,7 @@ const contactLinks = computed(() => ({
         <!-- noindex -->
         <div class="flex flex-col items-start gap-2" data-nosnippet>
           <nuxt-link
-            class="cursor-pointer border-b-[0.5px] border-current pb-3 pr-4 text-body-md-strong"
+            class="cursor-pointer border-b-[0.5px] border-current pr-4 pb-3 text-body-md-strong"
             :to="contactLinks.link?.replace(/\/$/, '')"
           >
             {{ contactLinks.title }}

package/components/navigation/header/AHeader.vue

@@ -107,7 +107,7 @@ onMounted(() => {
     <system-notification />
     <header
       ref="headerRef"
-      class="relative h-16 border-b border-default bg-subtle backdrop-blur-lg"
+      class="relative h-16 border-b border-default bg-main/10 backdrop-blur-lg backdrop-saturate-140"
     >
       <div class="a-container mobile-padding flex h-full items-center justify-between gap-2">
         <!--        Desktop hidden -->
@@ -136,7 +136,7 @@ onMounted(() => {
               @click="goToAnotherModule"
             />
             <button
-              class="flex w-full items-center gap-2 rounded-full border border-strong/50 bg-white/30 px-4 py-1.5 backdrop-blur-sm"
+              class="flex w-full items-center gap-2 rounded-full border border-strong/50 bg-main/30 px-4 py-1.5 backdrop-blur-sm"
               @click="$emit('search')"
             >
               <a-icon-search class="text-icon-disabled" />
@@ -152,11 +152,15 @@ onMounted(() => {
           />
         </div>
         <!-- Mobile hidden -->
+        <!--
+          role="list" здесь был вреден: у <nav> уже есть неявная роль navigation,
+          а list требует, чтобы прямые потомки были listitem — ими логотип и
+          header-link не являются. Разметка списка живёт внутри HeaderLink (ul/li).
+        -->
         <nav
           class="hidden items-center gap-4 lg:flex"
           itemscope
           itemtype="https://schema.org/SiteNavigationElement"
-          role="list"
         >
           <nuxt-link-locale
             aria-label="Adata-logo"
@@ -197,7 +201,7 @@ onMounted(() => {
             <template #default="{ toggle, isOpen }">
               <button
                 type="button"
-                class="hidden h-8 cursor-pointer items-center gap-1.5 rounded-full px-3 text-body-md-medium transition-colors duration-150 hover:bg-action-secondary-hover focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-brand-500/50 focus-visible:ring-offset-1 lg:inline-flex"
+                class="hidden h-8 cursor-pointer items-center gap-1.5 rounded-full px-3 text-body-md-medium transition-colors duration-150 hover:bg-action-secondary-hover focus-visible:ring-2 focus-visible:ring-brand-500/50 focus-visible:ring-offset-1 focus-visible:outline-hidden lg:inline-flex"
                 :class="isOpen
                   ? 'bg-action-secondary-hover text-primary'
                   : 'text-primary'"

package/components/navigation/pill-tabs/APillTabsV2.vue

@@ -1,6 +1,9 @@
 <script lang="ts" setup>
 type CountColor = 'gray' | 'blue' | 'yellow' | 'red' | 'green' | 'neutral'
-type PillTabsType = 'pill' | 'underline'
+/* pill-round — полностью округлый переключатель-«тумблер» (ДС-2026, тарифы):
+   меняется не только радиус, но и поверхность трека, плотность и цвет активного
+   таба, поэтому это отдельная шкура, а не проп радиуса. */
+type PillTabsType = 'pill' | 'pill-round' | 'underline'
 
 export interface PillTab {
   key: string
@@ -55,6 +58,7 @@ const COUNT_COLOR_CLASS: Record<CountColor, string> = {
 const { t, te } = useI18n()
 
 const isUnderline = computed(() => props.type === 'underline')
+const isPillRound = computed(() => props.type === 'pill-round')
 
 function hasCount(option: PillTab) {
   if (typeof option.count === 'string') {
@@ -142,11 +146,13 @@ onBeforeUnmount(() => {
 
 <template>
   <div
-    class="pill-tabs-v2 min-w-0 max-w-full"
+    class="pill-tabs-v2 max-w-full min-w-0"
     :class="[
       isUnderline
         ? 'border-b border-default'
-        : 'rounded-lg border border-default bg-muted p-1',
+        : isPillRound
+          ? 'rounded-full border border-default bg-canvas p-0.5'
+          : 'rounded-lg border border-default bg-muted p-1',
       block ? 'w-full' : 'w-fit',
       disabled ? 'pill-tabs-v2--disabled opacity-60' : '',
     ]"
@@ -168,26 +174,35 @@ onBeforeUnmount(() => {
         :aria-disabled="isDisabled(option) || undefined"
         :disabled="isDisabled(option)"
         :tabindex="modelValue === option.key ? 0 : -1"
-        class="inline-flex items-center gap-1.5 whitespace-nowrap font-medium transition-colors duration-150"
+        class="inline-flex items-center gap-1.5 whitespace-nowrap transition-colors duration-150"
         :class="[
           SIZE_CLASS[size],
           isUnderline
             ? [
-              'px-4 py-2',
+              'px-4 py-2 font-medium',
               isDisabled(option)
                 ? 'cursor-not-allowed text-icon-disabled'
                 : modelValue === option.key
                   ? 'text-brand'
                   : 'text-quaternary hover:text-primary',
             ]
-            : [
-              'rounded-md px-3 py-1.5',
-              isDisabled(option)
-                ? 'cursor-not-allowed text-icon-disabled'
-                : modelValue === option.key
-                  ? 'bg-main text-primary shadow-xs dark:shadow-none dark:ring-1 dark:ring-inset dark:ring-white/10'
-                  : 'text-quaternary hover:bg-action-secondary-hover hover:text-primary',
-            ],
+            : isPillRound
+              ? [
+                'rounded-full px-3.5 py-1 font-semibold',
+                isDisabled(option)
+                  ? 'cursor-not-allowed text-icon-disabled'
+                  : modelValue === option.key
+                    ? 'bg-main text-brand shadow-xs dark:shadow-none dark:ring-1 dark:ring-white/10 dark:ring-inset'
+                    : 'text-secondary hover:text-primary',
+              ]
+              : [
+                'rounded-md px-3 py-1.5 font-medium',
+                isDisabled(option)
+                  ? 'cursor-not-allowed text-icon-disabled'
+                  : modelValue === option.key
+                    ? 'bg-main text-primary shadow-xs dark:shadow-none dark:ring-1 dark:ring-white/10 dark:ring-inset'
+                    : 'text-quaternary hover:bg-action-secondary-hover hover:text-primary',
+              ],
           block ? 'flex-1 basis-0 justify-center' : 'shrink-0',
         ]"
         @click="select(option)"
@@ -197,7 +212,7 @@ onBeforeUnmount(() => {
 
           <span
             v-if="showCount && !option.hideCount"
-            class="inline-flex min-w-5 shrink-0 items-center justify-center rounded-full px-1.5 text-body-sm font-semibold leading-5"
+            class="inline-flex min-w-5 shrink-0 items-center justify-center rounded-full px-1.5 text-body-sm leading-5 font-semibold"
             :class="COUNT_COLOR_CLASS[resolveCountColor(option)]"
           >
             {{ formatCount(option) }}

package/components/overlays/drawer/ADrawerV2.vue

@@ -14,7 +14,10 @@ const props = withDefaults(defineProps<{
   swipeToClose?: boolean
   swipeThreshold?: number
   showDragHandle?: boolean
+  /** Фиксированная общая высота листа («70dvh»). По умолчанию высота по контенту. */
+  height?: string
   maxHeight?: string
+  zIndex?: number | string
 }>(), {
   closeOnOverlay: true,
   closeOnEsc: true,
@@ -26,7 +29,9 @@ const props = withDefaults(defineProps<{
   swipeToClose: true,
   swipeThreshold: 65,
   showDragHandle: true,
+  height: undefined,
   maxHeight: '100dvh',
+  zIndex: 10000,
 })
 
 const emit = defineEmits<{
@@ -54,12 +59,13 @@ const blurClass = computed(() => {
 })
 
 const overlayClass = computed(() => {
-  const base = ['drawer-v2-overlay fixed inset-0 z-[10000] flex items-end justify-stretch bg-overlay']
+  const base = ['drawer-v2-overlay fixed inset-0 flex items-end justify-stretch bg-overlay']
   if (blurClass.value) base.push(blurClass.value)
   return base.join(' ')
 })
 
-const contentStyle = computed(() => ({ maxHeight: props.maxHeight }))
+const overlayStyle = computed(() => ({ zIndex: props.zIndex }))
+const contentStyle = computed(() => ({ height: props.height, maxHeight: props.maxHeight }))
 
 const overlayTransitionName = computed(() => {
   if (swipeClosing.value) return ''
@@ -226,6 +232,7 @@ function onTouchEnd() {
           v-if="open"
           ref="overlayRef"
           :class="overlayClass"
+          :style="overlayStyle"
           @mousedown="onOverlayClick"
         >
           <transition :name="contentTransitionName" appear>

package/components/overlays/modal/AModalV2.vue

@@ -7,6 +7,7 @@ const props = withDefaults(defineProps<{
   title?: string
   size?: ModalSize
   width?: string
+  rounded?: string
   closeOnOverlay?: boolean
   closeOnEsc?: boolean
   lockScroll?: boolean

package/icons/ai/ai-diamond-unfilled.vue

@@ -0,0 +1,26 @@
+<template>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_29288_75589)">
+      <path
+        d="M8.28086 12.9167C8.20647 12.6283 8.05615 12.3651 7.84555 12.1545C7.63494 11.9439 7.37176 11.7936 7.08336 11.7192L1.97086 10.4009C1.88364 10.3761 1.80687 10.3236 1.75221 10.2512C1.69754 10.1789 1.66797 10.0907 1.66797 10C1.66797 9.90938 1.69754 9.82118 1.75221 9.74884C1.80687 9.6765 1.88364 9.62397 1.97086 9.59921L7.08336 8.28005C7.37166 8.20572 7.63477 8.05552 7.84537 7.84508C8.05596 7.63463 8.20634 7.37162 8.28086 7.08338L9.5992 1.97088C9.6237 1.88331 9.67618 1.80616 9.74863 1.75121C9.82108 1.69625 9.90951 1.6665 10.0004 1.6665C10.0914 1.6665 10.1798 1.69625 10.2523 1.75121C10.3247 1.80616 10.3772 1.88331 10.4017 1.97088L11.7192 7.08338C11.7936 7.37177 11.9439 7.63496 12.1545 7.84556C12.3651 8.05616 12.6283 8.20648 12.9167 8.28088L18.0292 9.59921C18.1164 9.62397 18.1932 9.6765 18.2479 9.74884C18.3025 9.82118 18.3321 9.90938 18.3321 10C18.3321 10.0907 18.3025 10.1789 18.2479 10.2512C18.1932 10.3236 18.1164 10.3761 18.0292 10.4009L12.9167 11.7192C12.6283 11.7936 12.3651 11.9439 12.1545 12.1545C11.9439 12.3651 11.7936 12.6283 11.7192 12.9167L10.4009 18.0292C10.3764 18.1168 10.3239 18.1939 10.2514 18.2489C10.179 18.3038 10.0905 18.3336 9.99961 18.3336C9.90868 18.3336 9.82025 18.3038 9.7478 18.2489C9.67535 18.1939 9.62287 18.1168 9.59836 18.0292L8.28086 12.9167Z"
+        stroke="currentColor"
+        stroke-width="1.5"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_29288_75589">
+        <rect
+          width="20"
+          height="20"
+          fill="currentColor"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+</template>

package/icons/ai/ai-diamond.vue

@@ -0,0 +1,11 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M6.6243 10.3332C6.56478 10.1025 6.44453 9.89191 6.27605 9.72343C6.10756 9.55495 5.89702 9.43469 5.6663 9.37517L1.5763 8.32051C1.50652 8.3007 1.44511 8.25868 1.40138 8.2008C1.35765 8.14293 1.33398 8.07238 1.33398 7.99984C1.33398 7.9273 1.35765 7.85675 1.40138 7.79888C1.44511 7.74101 1.50652 7.69898 1.5763 7.67917L5.6663 6.62384C5.89693 6.56438 6.10743 6.44422 6.2759 6.27587C6.44438 6.10751 6.56468 5.8971 6.6243 5.66651L7.67897 1.57651C7.69857 1.50645 7.74056 1.44474 7.79851 1.40077C7.85647 1.35681 7.92722 1.33301 7.99997 1.33301C8.07271 1.33301 8.14346 1.35681 8.20142 1.40077C8.25938 1.44474 8.30136 1.50645 8.32097 1.57651L9.37497 5.66651C9.43449 5.89722 9.55474 6.10777 9.72322 6.27625C9.8917 6.44473 10.1023 6.56499 10.333 6.62451L14.423 7.67917C14.4927 7.69898 14.5542 7.74101 14.5979 7.79888C14.6416 7.85675 14.6653 7.9273 14.6653 7.99984C14.6653 8.07238 14.6416 8.14293 14.5979 8.2008C14.5542 8.25868 14.4927 8.3007 14.423 8.32051L10.333 9.37517C10.1023 9.43469 9.8917 9.55495 9.72322 9.72343C9.55474 9.89191 9.43449 10.1025 9.37497 10.3332L8.3203 14.4232C8.3007 14.4932 8.25871 14.5549 8.20075 14.5989C8.1428 14.6429 8.07205 14.6667 7.9993 14.6667C7.92655 14.6667 7.85581 14.6429 7.79785 14.5989C7.73989 14.5549 7.69791 14.4932 7.6783 14.4232L6.6243 10.3332Z" fill="currentColor" />
+  </svg>
+</template>

package/icons/arrow/arrow-down-left.vue

@@ -0,0 +1,6 @@
+<template>
+  <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-arrow-down-left-icon lucide-arrow-down-left">
+    <path d="M17 7 7 17"/>
+    <path d="M17 17H7V7"/>
+  </svg>
+</template>

package/icons/arrow/arrow-up-right.vue

@@ -0,0 +1,6 @@
+<template>
+  <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-arrow-up-right-icon lucide-arrow-up-right">
+    <path d="M7 7h10v10"/>
+    <path d="M7 17 17 7"/>
+  </svg>
+</template>

package/icons/clock-rotate-ccw.vue

@@ -0,0 +1,7 @@
+<template>
+  <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-rotate-ccw-clock-icon lucide-rotate-ccw-clock">
+    <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/>
+    <path d="M3 3v5h5"/>
+    <path d="M12 7v5l4 2"/>
+  </svg>
+</template>

package/icons/crown.vue

@@ -0,0 +1,6 @@
+<template>
+  <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-crown-icon lucide-crown">
+    <path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"/>
+    <path d="M5 21h14"/>
+  </svg>
+</template>

package/icons/letter/letter-a.vue

@@ -1,6 +1,8 @@
 <template>
+  <!-- Плитка-бейдж A–E: цвета через токены, иначе в тёмной теме светлая
+       подложка светится (палитра пар — как у бейджей сравнения в макете). -->
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="24" height="24" rx="7" fill="#F0F8FF"/>
-    <text x="12" y="12" text-anchor="middle" dominant-baseline="central" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="13" font-weight="700" fill="#068DFF">A</text>
+    <rect width="24" height="24" rx="7" fill="var(--background-color-brand-subtle)"/>
+    <text x="12" y="12" text-anchor="middle" dominant-baseline="central" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="13" font-weight="700" fill="var(--text-color-brand)">A</text>
   </svg>
 </template>

package/icons/letter/letter-b.vue

@@ -1,6 +1,6 @@
 <template>
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="24" height="24" rx="7" fill="#F5F3FF"/>
-    <text x="12" y="12" text-anchor="middle" dominant-baseline="central" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="13" font-weight="700" fill="#7C3AED">B</text>
+    <rect width="24" height="24" rx="7" fill="var(--background-color-success-subtle)"/>
+    <text x="12" y="12" text-anchor="middle" dominant-baseline="central" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="13" font-weight="700" fill="var(--text-color-success)">B</text>
   </svg>
 </template>

package/icons/letter/letter-c.vue

@@ -1,6 +1,6 @@
 <template>
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="24" height="24" rx="7" fill="#F0FDF4"/>
-    <text x="12" y="12" text-anchor="middle" dominant-baseline="central" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="13" font-weight="700" fill="#059669">C</text>
+    <rect width="24" height="24" rx="7" fill="var(--background-color-violet-subtle)"/>
+    <text x="12" y="12" text-anchor="middle" dominant-baseline="central" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="13" font-weight="700" fill="var(--color-icon-violet)">C</text>
   </svg>
 </template>

package/icons/letter/letter-d.vue

@@ -1,6 +1,6 @@
 <template>
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="24" height="24" rx="7" fill="#FEFCE8"/>
-    <text x="12" y="12" text-anchor="middle" dominant-baseline="central" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="13" font-weight="700" fill="#D97706">D</text>
+    <rect width="24" height="24" rx="7" fill="var(--background-color-warning-subtle)"/>
+    <text x="12" y="12" text-anchor="middle" dominant-baseline="central" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="13" font-weight="700" fill="var(--text-color-warning)">D</text>
   </svg>
 </template>

package/icons/letter/letter-e.vue

@@ -1,6 +1,6 @@
 <template>
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="24" height="24" rx="7" fill="#FEF2F2"/>
-    <text x="12" y="12" text-anchor="middle" dominant-baseline="central" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="13" font-weight="700" fill="#DC2626">E</text>
+    <rect width="24" height="24" rx="7" fill="var(--background-color-pink-subtle)"/>
+    <text x="12" y="12" text-anchor="middle" dominant-baseline="central" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-size="13" font-weight="700" fill="var(--color-icon-pink)">E</text>
   </svg>
 </template>

package/icons/list-checks.vue

@@ -0,0 +1,3 @@
+<template>
+  <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-list-checks-icon lucide-list-checks"><path d="m3 17 2 2 4-4"/><path d="m3 7 2 2 4-4"/><path d="M13 6h8"/><path d="M13 12h8"/><path d="M13 18h8"/></svg>
+</template>

package/icons/log-out.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <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-log-out-icon lucide-log-out"
+  >
+    <path d="m16 17 5-5-5-5" />
+    <path d="M21 12H9" />
+    <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" />
+  </svg>
+</template>

package/icons/main-filter.vue

@@ -1,5 +1,10 @@
 <template>
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path class="fill-icon-strong" fill-rule="evenodd" clip-rule="evenodd" d="M15.1487 5.43944C15.1487 4.71477 15.7361 4.1273 16.4608 4.1273C17.1855 4.1273 17.7729 4.71477 17.7729 5.43944C17.7729 6.16411 17.1855 6.75158 16.4608 6.75158C15.7361 6.75158 15.1487 6.16411 15.1487 5.43944ZM13.683 6.22775H2.29021C1.85541 6.22775 1.50293 5.87527 1.50293 5.44046C1.50293 5.00566 1.85541 4.65318 2.29021 4.65318H13.6825C14.0248 3.44103 15.1391 2.55273 16.4608 2.55273C17.7825 2.55273 18.8968 3.44103 19.2391 4.65318H21.7128C22.1476 4.65318 22.5 5.00566 22.5 5.44046C22.5 5.87527 22.1476 6.22775 21.7128 6.22775H19.2386C18.8955 7.43886 17.7818 8.32615 16.4608 8.32615C15.1398 8.32615 14.0261 7.43886 13.683 6.22775ZM8.59002 9.11292C9.91221 9.11292 11.0268 10.0018 11.3687 11.2146H21.7099C22.1447 11.2146 22.4972 11.5671 22.4972 12.0019C22.4972 12.4367 22.1447 12.7892 21.7099 12.7892H11.3674C11.024 13.9997 9.91053 14.8863 8.59002 14.8863C7.2695 14.8863 6.15608 13.9997 5.81263 12.7892H2.29021C1.85541 12.7892 1.50293 12.4367 1.50293 12.0019C1.50293 11.5671 1.85541 11.2146 2.29021 11.2146H5.81132C6.15325 10.0018 7.26783 9.11292 8.59002 9.11292ZM8.59002 10.6875C7.86534 10.6875 7.27788 11.2749 7.27788 11.9996C7.27788 12.7243 7.86534 13.3118 8.59002 13.3118C9.31469 13.3118 9.90216 12.7243 9.90216 11.9996C9.90216 11.2749 9.31469 10.6875 8.59002 10.6875ZM19.2386 19.349C18.8956 20.5602 17.7818 21.4475 16.4608 21.4475C15.1398 21.4475 14.026 20.5602 13.683 19.349H2.29021C1.85541 19.349 1.50293 18.9965 1.50293 18.5617C1.50293 18.1269 1.85541 17.7744 2.29021 17.7744H13.6825C14.0249 16.5624 15.1391 15.6741 16.4608 15.6741C17.7825 15.6741 18.8967 16.5624 19.2391 17.7744H21.7128C22.1476 17.7744 22.5 18.1269 22.5 18.5617C22.5 18.9965 22.1476 19.349 21.7128 19.349H19.2386ZM15.1487 18.5608C15.1487 17.8362 15.7361 17.2487 16.4608 17.2487C17.1855 17.2487 17.7729 17.8362 17.7729 18.5608C17.7729 19.2855 17.1855 19.873 16.4608 19.873C15.7361 19.873 15.1487 19.2855 15.1487 18.5608Z"/>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      fill="currentColor"
+      d="M15.1487 5.43944C15.1487 4.71477 15.7361 4.1273 16.4608 4.1273C17.1855 4.1273 17.7729 4.71477 17.7729 5.43944C17.7729 6.16411 17.1855 6.75158 16.4608 6.75158C15.7361 6.75158 15.1487 6.16411 15.1487 5.43944ZM13.683 6.22775H2.29021C1.85541 6.22775 1.50293 5.87527 1.50293 5.44046C1.50293 5.00566 1.85541 4.65318 2.29021 4.65318H13.6825C14.0248 3.44103 15.1391 2.55273 16.4608 2.55273C17.7825 2.55273 18.8968 3.44103 19.2391 4.65318H21.7128C22.1476 4.65318 22.5 5.00566 22.5 5.44046C22.5 5.87527 22.1476 6.22775 21.7128 6.22775H19.2386C18.8955 7.43886 17.7818 8.32615 16.4608 8.32615C15.1398 8.32615 14.0261 7.43886 13.683 6.22775ZM8.59002 9.11292C9.91221 9.11292 11.0268 10.0018 11.3687 11.2146H21.7099C22.1447 11.2146 22.4972 11.5671 22.4972 12.0019C22.4972 12.4367 22.1447 12.7892 21.7099 12.7892H11.3674C11.024 13.9997 9.91053 14.8863 8.59002 14.8863C7.2695 14.8863 6.15608 13.9997 5.81263 12.7892H2.29021C1.85541 12.7892 1.50293 12.4367 1.50293 12.0019C1.50293 11.5671 1.85541 11.2146 2.29021 11.2146H5.81132C6.15325 10.0018 7.26783 9.11292 8.59002 9.11292ZM8.59002 10.6875C7.86534 10.6875 7.27788 11.2749 7.27788 11.9996C7.27788 12.7243 7.86534 13.3118 8.59002 13.3118C9.31469 13.3118 9.90216 12.7243 9.90216 11.9996C9.90216 11.2749 9.31469 10.6875 8.59002 10.6875ZM19.2386 19.349C18.8956 20.5602 17.7818 21.4475 16.4608 21.4475C15.1398 21.4475 14.026 20.5602 13.683 19.349H2.29021C1.85541 19.349 1.50293 18.9965 1.50293 18.5617C1.50293 18.1269 1.85541 17.7744 2.29021 17.7744H13.6825C14.0249 16.5624 15.1391 15.6741 16.4608 15.6741C17.7825 15.6741 18.8967 16.5624 19.2391 17.7744H21.7128C22.1476 17.7744 22.5 18.1269 22.5 18.5617C22.5 18.9965 22.1476 19.349 21.7128 19.349H19.2386ZM15.1487 18.5608C15.1487 17.8362 15.7361 17.2487 16.4608 17.2487C17.1855 17.2487 17.7729 17.8362 17.7729 18.5608C17.7729 19.2855 17.1855 19.873 16.4608 19.873C15.7361 19.873 15.1487 19.2855 15.1487 18.5608Z"
+    />
   </svg>
 </template>

package/icons/refresh-cw.vue

@@ -0,0 +1,8 @@
+<template>
+  <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-refresh-cw-icon lucide-refresh-cw">
+    <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/>
+    <path d="M21 3v5h-5"/>
+    <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/>
+    <path d="M8 16H3v5"/>
+  </svg>
+</template>

package/icons/shield-check.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <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-shield-check-icon lucide-shield-check"
+  >
+    <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" />
+    <path d="m9 12 2 2 4-4" />
+  </svg>
+</template>

package/icons/shuffle.vue

@@ -0,0 +1,3 @@
+<template>
+  <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-shuffle-icon lucide-shuffle"><path d="m18 14 4 4-4 4"/><path d="m18 2 4 4-4 4"/><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"/><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"/><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"/></svg>
+</template>

package/icons/user-plus.vue

@@ -0,0 +1,3 @@
+<template>
+  <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-user-plus-icon lucide-user-plus"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><path d="M19 8v6"/><path d="M22 11h-6"/><circle cx="9" cy="7" r="4"/></svg>
+</template>

package/icons/wallet.vue

@@ -0,0 +1,6 @@
+<template>
+  <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-wallet-icon lucide-wallet">
+    <path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"/>
+    <path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"/>
+  </svg>
+</template>

package/illustrations/notes-search.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <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-search-icon lucide-search"
+  >
+    <path d="m21 21-4.34-4.34" />
+    <circle cx="11" cy="11" r="8" />
+  </svg>
+</template>

package/illustrations/notes-sticky.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <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-sticky-note-icon lucide-sticky-note"
+  >
+    <path d="M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z" />
+    <path d="M15 3v5a1 1 0 0 0 1 1h5" />
+  </svg>
+</template>

package/illustrations/scheme-notes.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <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-info-icon lucide-info"
+  >
+    <circle cx="12" cy="12" r="10"
+    /><path d="M12 16v-4" />
+    <path d="M12 8h.01"/>
+  </svg>
+</template>

package/illustrations/scheme-waypoints.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <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-waypoints-icon lucide-waypoints"
+  >
+    <path d="m10.586 5.414-5.172 5.172" />
+    <path d="m18.586 13.414-5.172 5.172" />
+    <path d="M6 12h12" />
+    <circle cx="12" cy="20" r="2" />
+    <circle cx="12" cy="4" r="2" />
+    <circle cx="20" cy="12" r="2" />
+    <circle cx="4" cy="12" r="2" />
+  </svg>
+</template>

package/lang/en.ts

@@ -21,6 +21,7 @@ const EnLocale: RuLocale = {
     yes: 'Yes',
     or: 'Or',
     successfully: 'Successfully',
+    goTop: 'Back to top',
   },
   header: {
     top: {
@@ -473,7 +474,7 @@ const EnLocale: RuLocale = {
   },
   forms: {
     feedback: {
-      value: 'Feedback',
+      value: 'FEEDBACK',
       title: 'Still have questions about the check?',
       subtitle: 'Leave a request — we\'ll show you how to check counterparties for your specific tasks and help you get started.',
       email: 'Email',

package/lang/kk.ts

@@ -21,6 +21,7 @@ const KkLocale: RuLocale = {
     yes: 'Иә',
     or: 'Немесе',
     successfully: 'Сәтті',
+    goTop: 'Жоғарыға',
   },
   header: {
     top: {
@@ -474,7 +475,7 @@ const KkLocale: RuLocale = {
   },
   forms: {
     feedback: {
-      value: 'Кері байланыс',
+      value: 'КЕРІ БАЙЛАНЫС ',
       title: 'Тексеру бойынша сұрақтарыңыз қалды ма?',
       subtitle: 'Өтінім қалдырыңыз — контрагенттерді сіздің міндеттеріңізге сай қалай тексеру керектігін көрсетеміз және бастауға көмектесеміз.',
       email: 'Электрондық пошта',
@@ -483,7 +484,7 @@ const KkLocale: RuLocale = {
       send: 'Өтінімді жіберу',
       close: 'Жабу',
       consent: 'Батырманы басу арқылы сіз',
-      consentAccent: 'дербес деректерді өңдеуге',
+      consentAccent: 'дербес деректерді өңдеуге келісесіз',
       fieldRequired: 'Өріс міндетті түрде толтырылуы қажет',
       emailValid: 'Дұрыс email енгізіңіз',
       phoneMinLength: 'Телефон нөмірінің минималды ұзындығы {count} символ болуы керек',

package/lang/ru.ts

@@ -17,6 +17,7 @@ const RuLocale = {
     yes: 'Да',
     or: 'Или',
     successfully: 'Успешно',
+    goTop: 'Наверх',
   },
   header: {
     top: {
@@ -473,7 +474,7 @@ const RuLocale = {
   },
   forms: {
     feedback: {
-      value: 'Обратная связь',
+      value: 'ОБРАТНАЯ СВЯЗЬ',
       title: 'Остались вопросы по проверке?',
       subtitle: 'Оставьте заявку — покажем, как проверять контрагентов под ваши задачи, и поможем со стартом.',
       email: 'Электронная почта',

package/nuxt.config.ts

@@ -38,6 +38,13 @@ export default defineNuxtConfig({
   colorMode: {
     preference: 'light',
     classSuffix: '',
+    storage: 'cookie',
+    storageKey: 'colorMode',
+    cookieAttrs: {
+      path: '/',
+      maxAge: 60 * 60 * 24 * 365,
+      domain: process.env.COLOR_MODE_COOKIE_DOMAIN,
+    },
   },
 
   googleFonts: {
@@ -85,8 +92,4 @@ export default defineNuxtConfig({
     },
   },
 
-  // Tailwind + токены + глобальные стили; мержится в приложение-консьюмер
-  // штатно, как любой css: слоя.
-  css: [resolve('./assets/styles/main.css')],
-
 })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "adata-ui",
   "type": "module",
-  "version": "2.1.41-beta.0",
+  "version": "2.1.41-beta.10",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",
@@ -39,7 +39,7 @@
     "@headlessui/vue": "^1.7.23",
     "@nuxt/image": "1.8.1",
     "@nuxt/kit": "^3.18.1",
-    "@nuxtjs/color-mode": "^3.5.2",
+    "@nuxtjs/color-mode": "^4.0.1",
     "@nuxtjs/google-fonts": "^3.2.0",
     "@nuxtjs/i18n": "9.3.3",
     "@popperjs/core": "^2.11.8",