@profitliga/ui 1.2.90 → 2.0.1

package/dist/icons/monochrome/ZapIcon.vue.d.ts

@@ -1,4 +1,3 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const __VLS_export: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;

package/dist/icons/monochrome/ZapIcon.vue.js

@@ -0,0 +1,24 @@
+import { openBlock as o, createElementBlock as t, createElementVNode as C } from "vue";
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, s = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "18",
+  height: "18",
+  viewBox: "0 0 18 18",
+  fill: "none"
+};
+function c(i, e) {
+  return o(), t("svg", s, [...e[0] || (e[0] = [
+    C("path", {
+      d: "M3.00012 10.5C2.85819 10.5005 2.71904 10.4607 2.59883 10.3852C2.47862 10.3098 2.38229 10.2018 2.32103 10.0737C2.25977 9.94572 2.23609 9.80294 2.25274 9.66199C2.2694 9.52105 2.3257 9.38772 2.41512 9.2775L9.84012 1.6275C9.89581 1.56321 9.97171 1.51977 10.0554 1.5043C10.139 1.48883 10.2254 1.50226 10.3004 1.54238C10.3754 1.5825 10.4346 1.64692 10.4681 1.72508C10.5017 1.80324 10.5077 1.89049 10.4851 1.9725L9.04512 6.4875C9.00266 6.60114 8.98839 6.72339 9.00356 6.84376C9.01872 6.96412 9.06286 7.07901 9.13218 7.17857C9.20151 7.27813 9.29395 7.35939 9.40157 7.41537C9.5092 7.47135 9.6288 7.50039 9.75012 7.5H15.0001C15.142 7.49952 15.2812 7.53931 15.4014 7.61477C15.5216 7.69022 15.6179 7.79823 15.6792 7.92626C15.7405 8.05428 15.7641 8.19706 15.7475 8.33801C15.7308 8.47895 15.6745 8.61228 15.5851 8.7225L8.16012 16.3725C8.10442 16.4368 8.02852 16.4802 7.94488 16.4957C7.86124 16.5112 7.77482 16.4977 7.69982 16.4576C7.62481 16.4175 7.56568 16.3531 7.53211 16.2749C7.49855 16.1968 7.49256 16.1095 7.51512 16.0275L8.95512 11.5125C8.99758 11.3989 9.01184 11.2766 8.99667 11.1562C8.98151 11.0359 8.93737 10.921 8.86805 10.8214C8.79873 10.7219 8.70629 10.6406 8.59866 10.5846C8.49103 10.5286 8.37143 10.4996 8.25012 10.5H3.00012Z",
+      stroke: "currentColor",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ])]);
+}
+const p = /* @__PURE__ */ r(n, [["render", c]]);
+export {
+  p as default
+};

package/dist/styles/animations.scss

@@ -6,6 +6,29 @@
 // 5. v-leave-active
 // 6. v-leave-to
 
+/*
+ * Пользователь, включивший «уменьшить движение» в системе, не должен видеть
+ * ни fade/slide-анимаций открытия, ни transition-эффектов. Все анимации v2
+ * завязаны на эти две переменные, поэтому одного места достаточно; правило
+ * ниже добивает transition/animation, заданные в обход переменных (например
+ * во внешнем коде и в компонентах v1).
+ */
+@media (prefers-reduced-motion: reduce) {
+	:root {
+		--animation-duration: 0.01ms;
+		--animation-duration-fast: 0.01ms;
+	}
+
+	*,
+	*::before,
+	*::after {
+		animation-duration: 0.01ms !important;
+		animation-iteration-count: 1 !important;
+		transition-duration: 0.01ms !important;
+		scroll-behavior: auto !important;
+	}
+}
+
 //FADE
 .fade-enter-from,
 .fade-leave-to {

package/dist/styles/base.scss

@@ -0,0 +1,43 @@
+/*
+ * Минимум, без которого компоненты разъезжаются: они не переопределяют эти
+ * свойства у себя и рассчитывают на сброс. `Button.vue`, например, не задаёт
+ * ни `border`, ни `background`, ни `font` — берёт их отсюда.
+ *
+ * Едет вместе с компонентами (`components/v2` → `tokens.scss`), поэтому
+ * список держим коротким: всё, что касается разметки приложения (`html`,
+ * `body`, `a`, `img`, заголовки, общее обнуление отступов), живёт в
+ * `reset.scss` и подключается потребителем отдельно.
+ *
+ * `outline` здесь намеренно не гасится. Раньше `* { outline: none }` уезжало
+ * в приложение потребителя и снимало кольцо фокуса с любого контента в слотах
+ * — со ссылок и чужих кнопок внутри Dialog, Drawer, Popover. Свои компоненты
+ * рисуют кольцо миксином `focus-ring`, остальным оставляем браузерное.
+ */
+@layer ui-kit {
+	*,
+	*::before,
+	*::after {
+		box-sizing: border-box;
+	}
+
+	button {
+		margin: 0;
+		padding: 0;
+
+		border: none;
+		background: none;
+		cursor: pointer;
+
+		font: inherit;
+	}
+
+	input,
+	textarea,
+	select {
+		margin: 0;
+
+		border: none;
+
+		font: inherit;
+	}
+}

package/dist/styles/colors.scss

@@ -15,6 +15,7 @@
 	--theme-neutral-400: #bfbfbf;
 	--theme-neutral-400_40: #bfbfbf66;
 	--theme-neutral-500: #a1a1a1; //use btn icon
+	--theme-neutral-550: #767676;
 	--theme-neutral-600: #525252;
 	--theme-neutral-700: #3d3d3d;
 	--theme-neutral-800: #292929;
@@ -37,7 +38,9 @@
 
 	--theme-neutral-icon-primary: #90a4ae;
 	--theme-neutral-icon-secondary: var(--theme-neutral-400);
-	--theme-neutral-icon-caption: var(--theme-neutral-500);
+	// neutral-500 давал 2.58 на белом — ниже порога WCAG 3.0 для нетекстовых
+	// элементов; заодно совпадает по тону с --input-color-placeholder
+	--theme-neutral-icon-caption: var(--theme-neutral-550);
 	--theme-neutral-icon-disabled: var(--theme-neutral-300);
 	--theme-neutral-icon-negative: var(--theme-neutral-0);
 
@@ -58,7 +61,13 @@
 	--theme-primary-50: #f2f9f4;
 	--theme-primary-50_40: #f2f9f466;
 	--theme-primary-75: #e6f3e9;
-	--theme-primary-100: #e6f3e9;
+	/*
+	 * #d3ead9 — значение `Color/Primary/100` из Figma. До этого здесь стоял
+	 * #e6f3e9, то есть копия primary-75: два разных токена палитры давали
+	 * один цвет, и всё, что задумывалось «плотнее» (бейдж `--accent`), было
+	 * неотличимо от светлого варианта.
+	 */
+	--theme-primary-100: #d3ead9;
 	--theme-primary-200: #bfe2c9;
 	--theme-primary-200_25: #bfe2c940; //use focussed stroke
 	--theme-primary-300: #99d0a8; //use hover fill
@@ -125,7 +134,7 @@
 	--theme-warn-400: #f1ab5a;
 	--theme-warn-500: #ed9631;
 	--theme-warn-600: #d47d16;
-	--theme-warn-700: #ac6410;
+	--theme-warn-700: #a55f0e; // на warn-100 даёт 4.55 — прежний #a6600f не дотягивал (4.49)
 	--theme-warn-800: #814a09;
 	--theme-warn-900: #492c0a;
 }

package/dist/styles/fonts.scss

@@ -1,10 +1,5 @@
 @use './mixins.scss' as mixins;
 
-@include mixins.font-face(
-	'Roboto',
-	(100, 200, 300, 400, 500, 600, 700, 800, 900)
-);
-@include mixins.font-face(
-	'Inter',
-	(100, 200, 300, 400, 500, 600, 700, 800, 900)
-);
+// Только те начертания, что реально встречаются в стилях (400/500/600/700).
+// Roboto нигде не задан как font-family — семейство убрано целиком.
+@include mixins.font-face('Inter', (400, 500, 600, 700));

package/dist/styles/global.scss

@@ -1,26 +1,7 @@
+// Хелперы вёрстки уровня приложения. Компонентам не нужны — они подключают
+// `tokens.scss`. `.overlay` переехал в свой файл: он нужен обеим сторонам.
 @use './mixins.scss' as *;
-
-.overlay {
-	position: fixed;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
-
-	width: 100dvw;
-	height: 100dvh;
-
-	background-color: rgba(#000, 0.3);
-	z-index: 1000;
-
-	&[data-state='open'] {
-		animation: fadeIn var(--animation-duration) ease-in-out;
-	}
-
-	&[data-state='closed'] {
-		animation: fadeOut var(--animation-duration) ease-in-out;
-	}
-}
+@use './overlay.scss';
 
 .container {
 	width: 100%;

package/dist/styles/index.css

@@ -0,0 +1 @@
+:root{--animation-duration:.3s;--animation-duration-fast:.15s;--font-size:1rem;--card-border-box-shadow:1px 0px 0px 0px #74889c33 inset, -1px 0px 0px 0px #74889c33 inset, 0px 1px 0px 0px #74889c33 inset, 0px -1px 0px 0px #74889c33 inset;--input-height-extrasmall:24px;--input-height-small:36px;--input-height:40px;--input-height-large:44px;--input-font-size-extrasmall:1rem;--input-font-size-small:1rem;--input-font-size:1rem;--input-font-size-large:1rem;--input-padding:0 8px;--input-color-text:var(--theme-neutral-text-body);--input-color-placeholder:var(--theme-neutral-550);--input-color-disabled:var(--theme-neutral-text-disabled);--input-color-error:var(--theme-error-500);--input-border-color:var(--theme-neutral-border-default);--input-border-color-hover:var(--theme-primary-300);--input-border-color-focus:var(--theme-primary-500);--input-border-color-disabled:var(--theme-neutral-border-disabled)}@media (min-width:1010px){:root{--input-font-size-extrasmall:.75rem;--input-font-size-small:.875rem;--input-font-size:1rem;--input-font-size-large:1rem}}:root{--modal-z-index:1000;--drawer-z-index:1000;--confirm-z-index:1008;--toast-z-index:1009;--dropdown-shadow:-1px 1px 10px 0 #8d8f9340;--popover-shadow:0 12px 25px 0 #0000001a, 0 0 8px 0 #0000001a;--theme-color-m:#e3e9ed;--theme-neutral-0:#fff;--theme-neutral-100:#fdfdfd;--theme-neutral-200:#fafafa;--theme-neutral-250:#ebebeb;--theme-neutral-250_40:#ebebeb66;--theme-neutral-300:#cecece;--theme-neutral-300_40:#cecece66;--theme-neutral-400:#bfbfbf;--theme-neutral-400_40:#bfbfbf66;--theme-neutral-500:#a1a1a1;--theme-neutral-550:#767676;--theme-neutral-600:#525252;--theme-neutral-700:#3d3d3d;--theme-neutral-800:#292929;--theme-neutral-850:#1f1f1f;--theme-neutral-950:#0a0a0a;--theme-neutral-surface-bg:var(--theme-neutral-100);--theme-neutral-surface-default:var(--theme-neutral-0);--theme-neutral-surface-subtitle:var(--theme-neutral-200);--theme-neutral-surface-icon:#f1f4f5;--theme-neutral-surface-disabled:var(--theme-neutral-250_40);--theme-text-icon-body:#3b3b3b;--theme-neutral-text-title:var(--theme-neutral-950);--theme-neutral-text-subtitle:var(--theme-neutral-800);--theme-neutral-text-body:var(--theme-neutral-700);--theme-neutral-text-caption:var(--theme-neutral-600);--theme-neutral-text-disabled:var(--theme-neutral-400_40);--theme-neutral-text-negative:var(--theme-neutral-0);--theme-neutral-icon-primary:#90a4ae;--theme-neutral-icon-secondary:var(--theme-neutral-400);--theme-neutral-icon-caption:var(--theme-neutral-550);--theme-neutral-icon-disabled:var(--theme-neutral-300);--theme-neutral-icon-negative:var(--theme-neutral-0);--theme-neutral-border-default:var(--theme-neutral-300);--theme-neutral-border-darker:var(--theme-neutral-400);--theme-neutral-border-divider:#e3e9ed;--theme-neutral-border-disabled:var(--theme-neutral-400_40);--theme-main-interface-shadow:0 2px 8.8px 2px #0000000d, 0 0 13.4px 0 #0000000a;--theme-hover-interface-shadow:0 2px 8.8px 2px #0000000d, 0 1px 1px 0 #0000000a;--theme-primary-50:#f2f9f4;--theme-primary-50_40:#f2f9f466;--theme-primary-75:#e6f3e9;--theme-primary-100:#d3ead9;--theme-primary-200:#bfe2c9;--theme-primary-200_25:#bfe2c940;--theme-primary-300:#99d0a8;--theme-primary-400:#4dac66;--theme-primary-500_20:#00892533;--theme-primary-500:#008925;--theme-primary-600:#007b21;--theme-primary-700:#005216;--theme-primary-800:#003e11;--theme-primary-900:#00290b;--theme-primary-surface-default:var(--theme-primary-500);--theme-primary-surface-subtitle:var(--theme-primary-50);--theme-primary-surface-darker:var(--theme-primary-600);--theme-primary-surface-lighter:var(--theme-primary-200_25);--theme-primary-surface-hover:var(--theme-primary-50_40);--theme-primary-border-default:var(--theme-primary-700);--theme-primary-border-subtitle:var(--theme-primary-600);--theme-primary-border-darker:var(--theme-primary-800);--theme-primary-border-lighter:var(--theme-primary-200);--theme-primary-icon-default:var(--theme-primary-500);--theme-secondary-25:#f6fafb;--theme-secondary-50:#f1f4f5;--theme-secondary-100:#ebeff1;--theme-secondary-150:#ecf2f4;--theme-secondary-200:#d6e2e6;--theme-secondary-250:#c7d9df;--theme-secondary-300:#b3c9d0;--theme-secondary-350:#a2c0ca;--theme-secondary-400:#7da7b5;--theme-secondary-450:#588ea0;--theme-secondary-500:#3f7587;--theme-secondary-600:#315b69;--theme-secondary-700:#2a4e5a;--theme-secondary-800:#23414b;--theme-secondary-900:#15272d;--theme-info-100:#e3eefa;--theme-info-100_50:#e3eefa80;--theme-info-200:#c2d9f5;--theme-info-300:#6ea6e7;--theme-info-400:#2674ce;--theme-info-500:#235fa4;--theme-info-600:#02538f;--theme-info-700:#134a73;--theme-info-800:#152d4f;--theme-info-900:#161e33;--theme-warn-100:#fdf4ea;--theme-warn-200:#fadfc1;--theme-warn-300:#f4c083;--theme-warn-400:#f1ab5a;--theme-warn-500:#ed9631;--theme-warn-600:#d47d16;--theme-warn-700:#a55f0e;--theme-warn-800:#814a09;--theme-warn-900:#492c0a;--theme-error-50:#f8e9e9;--theme-error-100:#f1d3d4;--theme-error-100_50:#f1d3d480;--theme-error-200:#e4a7a9;--theme-error-300:#d77b7e;--theme-error-400:#ca4f53;--theme-error-500:#bd2429;--theme-error-600:#971c20;--theme-error-700:#711518;--theme-error-800:#4b0e10;--theme-error-900:#250708;--theme-shadow-button:0px 2px 8.8px 2px #0000000d, 0px 1px 1px 0px #0000000a}@media (prefers-reduced-motion:reduce){:root{--animation-duration:.01ms;--animation-duration-fast:.01ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity var(--animation-duration) ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn-enter-from,.fadeIn-leave-to{opacity:0}.fadeIn-enter-to,.fadeIn-leave-from{opacity:1}.fadeIn-enter-active,.fadeIn-leave-active{transition:opacity var(--animation-duration) ease-in-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut-enter-from,.fadeOut-leave-to{opacity:1}.fadeOut-enter-to,.fadeOut-leave-from{opacity:0}.fadeOut-enter-active,.fadeOut-leave-active{transition:opacity var(--animation-duration) ease-in-out}@keyframes slideRightIn{0%{transform:translate(200%)}to{transform:translate(0%)}}@keyframes slideRightOut{0%{transform:translate(0%)}to{transform:translate(200%)}}@keyframes slideTopIn{0%{transform:translateY(-200%)}to{transform:translateY(0%)}}@keyframes slideTopOut{0%{transform:translateY(0%)}to{transform:translateY(-200%)}}@keyframes slideLeftIn{0%{transform:translate(-200%)}to{transform:translate(0%)}}@keyframes slideLeftOut{0%{transform:translate(0%)}to{transform:translate(-200%)}}@keyframes slideBottomIn{0%{transform:translateY(200%)}to{transform:translateY(0%)}}@keyframes slideBottomOut{0%{transform:translateY(0%)}to{transform:translateY(200%)}}.slide-fade-smooth-enter-active,.slide-fade-smooth-leave-active{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.slide-fade-smooth-enter-from{opacity:0;transform:translate(-30px)}.slide-fade-smooth-leave-to{opacity:0;transform:translate(30px)}.slide-fade-vertical-enter-active,.slide-fade-vertical-leave-active{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.slide-fade-vertical-enter-from{opacity:0;transform:translateY(-20px)}.slide-fade-vertical-leave-to{opacity:0;transform:translateY(20px)}@font-face{font-family:Inter;font-weight:400;src:url(/fonts/Inter/Inter-Regular.woff2)format("woff2"),url(/fonts/Inter/Inter-Regular.woff)format("woff")}@font-face{font-family:Inter;font-weight:500;src:url(/fonts/Inter/Inter-Medium.woff2)format("woff2"),url(/fonts/Inter/Inter-Medium.woff)format("woff")}@font-face{font-family:Inter;font-weight:600;src:url(/fonts/Inter/Inter-SemiBold.woff2)format("woff2"),url(/fonts/Inter/Inter-SemiBold.woff)format("woff")}@font-face{font-family:Inter;font-weight:700;src:url(/fonts/Inter/Inter-Bold.woff2)format("woff2"),url(/fonts/Inter/Inter-Bold.woff)format("woff")}@layer ui-kit{h1{color:var(--theme-neutral-text-title);font-size:1.5rem;line-height:120%}h2{color:var(--theme-neutral-text-title);font-size:1.25rem;line-height:120%}h3{color:var(--theme-neutral-text-title);font-size:1.1875rem;line-height:120%}h4{color:var(--theme-neutral-text-title);font-size:1rem;line-height:120%}h5{color:var(--theme-neutral-text-title);font-size:.9375rem;line-height:120%}h6{color:var(--theme-neutral-text-title);font-size:.8125rem;line-height:120%}p{color:var(--theme-neutral-text-body);font-size:1rem;line-height:160%}*,:before,:after{box-sizing:border-box}button{cursor:pointer;font:inherit;background:0 0;border:none;margin:0;padding:0}input,textarea,select{font:inherit;border:none;margin:0}*{margin:0;padding:0}html,body{width:100%;height:100%;font-size:var(--font-size);line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--theme-neutral-950);font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:400}}.overlay{z-index:1000;background-color:#0000004d;width:100dvw;height:100dvh;position:fixed;inset:0}.overlay[data-state=open]{animation:fadeIn var(--animation-duration) ease-in-out}.overlay[data-state=closed]{animation:fadeOut var(--animation-duration) ease-in-out}.container{width:100%;max-width:768px;margin:0 auto;padding:0 10px}@media (min-width:1010px){.container{max-width:991px}}@media (min-width:1220px){.container{max-width:1200px}}@media (min-width:1420px){.container{max-width:1400px}}@media (min-width:1620px){.container{max-width:1600px}}.page-title{color:var(--theme-neutral-text-title);font-size:24px;font-weight:600;line-height:120%}

package/dist/styles/index.scss

@@ -1,9 +1,10 @@
-@use './vars.scss';
-@use './colors.scss';
-@use './animations.scss';
+/*
+ * Полный набор стилей — то, что уезжает в `@profitliga/ui/style.css`.
+ * Компонентам столько не нужно: они подключают `tokens.scss`, куда не входят
+ * документный `reset.css` и хелперы вёрстки из `global.scss`.
+ */
+@use './tokens.scss';
 @use './mixins.scss';
-@use './fonts.scss';
 @use './reset.css';
-@use './typography.css';
 
 @use './global.scss';

package/dist/styles/mixins.scss

@@ -116,12 +116,29 @@
 	}
 }
 
+/// ⌨️ Видимое кольцо фокуса для клавиатурной навигации
+///
+/// :focus-visible, а не :focus — кольцо появляется при навигации с клавиатуры,
+/// но не по клику мышью, где оно только мешает.
+///
+/// 🔁 Пример использования:
+/// .my-button {
+///   @include focus-ring;
+/// }
+@mixin focus-ring($offset: 2px) {
+	&:focus-visible {
+		outline: 2px solid var(--theme-primary-500);
+		outline-offset: $offset;
+	}
+}
+
 // ✨ Кастомный скроллбар
 @mixin custom-scrollbar($direction) {
 	box-sizing: content-box;
 
 	scrollbar-width: thin;
-	scrollbar-color: var(--theme-neutral-border-default) transparent;
+	scrollbar-color: var(--theme-neutral-icon-primary)
+		var(--theme-neutral-surface-icon);
 
 	// WebKit scrollbar
 	&::-webkit-scrollbar {
@@ -138,15 +155,48 @@
 	}
 
 	&::-webkit-scrollbar-thumb {
-		background-color: var(--theme-neutral-border-default);
-		border-radius: 4px;
+		/*
+		 * background-clip: padding-box + прозрачный border — иначе Chrome
+		 * не скругляет углы ползунка, когда его background буквально
+		 * упирается в границы дорожки (ползунок той же ширины, что и сам
+		 * scrollbar): без зазора рендерится плоский прямоугольник.
+		 */
+		background-color: var(--theme-neutral-icon-primary);
+		background-clip: padding-box;
+		border: 1px solid transparent;
+		border-radius: 999px;
 	}
 
 	&::-webkit-scrollbar-track {
-		background: transparent;
+		background: var(--theme-neutral-surface-icon);
+		border-radius: 4px;
 	}
 
 	&::-webkit-scrollbar-corner {
 		background: transparent;
 	}
 }
+
+/// 📱 Поле ввода без автозума на iOS
+///
+/// Safari на iPhone и iPad приближает страницу, когда фокус попадает в поле с
+/// кеглем меньше 16px, и обратно её не отдаляет — пользователь остаётся на
+/// увеличенной странице. Лечится только размером текста: до 1010px поле
+/// набирается кеглем 16, дальше возвращается кегль макета.
+///
+/// Порог тот же, что у `--input-font-size-*` в `vars.scss`, — там v1 решает
+/// ровно эту задачу, и разъезжаться двум правилам ни к чему.
+///
+/// Ставится последней строкой в правиле самого `input` / `textarea`: миксин
+/// должен перебивать кегль макета, а не наоборот.
+///
+/// 🔁 Пример использования:
+/// .field__input {
+///   font-size: var(--field-font-size);
+///   @include no-ios-zoom;
+/// }
+@mixin no-ios-zoom {
+	@media (max-width: 1009.98px) {
+		font-size: 1rem;
+	}
+}

package/dist/styles/overlay.scss

@@ -0,0 +1,27 @@
+/*
+ * Подложка модальных слоёв. Живёт отдельным файлом, потому что нужна и
+ * компонентам (Dialog, Drawer, BottomSheet, AlertDialog вешают `.overlay`
+ * на свой корень), и общему `style.css`. Sass подключает модуль один раз,
+ * так что в собранный CSS правило попадает в единственном экземпляре.
+ */
+.overlay {
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+
+	width: 100dvw;
+	height: 100dvh;
+
+	background-color: rgba(#000, 0.3);
+	z-index: 1000;
+
+	&[data-state='open'] {
+		animation: fadeIn var(--animation-duration) ease-in-out;
+	}
+
+	&[data-state='closed'] {
+		animation: fadeOut var(--animation-duration) ease-in-out;
+	}
+}

package/dist/styles/reset.css

@@ -1,9 +1,19 @@
+/*
+ * Сброс уровня документа: правила трогают разметку приложения, а не
+ * компоненты. Импорт компонентов его больше не тянет — подключается явно:
+ *
+ *   import '@profitliga/ui/reset.css'
+ *
+ * Внутри `@profitliga/ui/style.css` он по-прежнему есть, так что у тех, кто
+ * подключал общий файл стилей, ничего не меняется.
+ *
+ * Компонентный минимум (box-sizing, сброс кнопок и полей) вынесен в
+ * `base.scss` и едет вместе с компонентами — без него они разъезжаются.
+ */
 @layer ui-kit {
 	* {
 		margin: 0;
 		padding: 0;
-		box-sizing: border-box;
-		outline: none;
 	}
 
 	html,
@@ -28,13 +38,6 @@
 		color: inherit;
 	}
 
-	button {
-		border: none;
-		background: none;
-		cursor: pointer;
-		font: inherit;
-	}
-
 	ul,
 	ol {
 		list-style: none;
@@ -46,14 +49,6 @@
 		display: block;
 	}
 
-	input,
-	textarea,
-	select {
-		font: inherit;
-		border: none;
-		outline: none;
-	}
-
 	h1,
 	h2,
 	h3,

package/dist/styles/tailwind.css

@@ -26,6 +26,7 @@
 	--color-neutral-400: var(--theme-neutral-400);
 	--color-neutral-400_40: var(--theme-neutral-400_40);
 	--color-neutral-500: var(--theme-neutral-500);
+	--color-neutral-550: var(--theme-neutral-550);
 	--color-neutral-600: var(--theme-neutral-600);
 	--color-neutral-700: var(--theme-neutral-700);
 	--color-neutral-800: var(--theme-neutral-800);
@@ -273,7 +274,8 @@
 @layer utilities {
 	.scrollbar-thin {
 		scrollbar-width: thin;
-		scrollbar-color: var(--theme-neutral-border-default) transparent;
+		scrollbar-color: var(--theme-neutral-icon-primary)
+			var(--theme-neutral-surface-icon);
 	}
 
 	.scrollbar-thin::-webkit-scrollbar {
@@ -282,12 +284,15 @@
 	}
 
 	.scrollbar-thin::-webkit-scrollbar-thumb {
-		background-color: var(--theme-neutral-border-default);
-		border-radius: 4px;
+		background-color: var(--theme-neutral-icon-primary);
+		background-clip: padding-box;
+		border: 1px solid transparent;
+		border-radius: 999px;
 	}
 
 	.scrollbar-thin::-webkit-scrollbar-track {
-		background: transparent;
+		background: var(--theme-neutral-surface-icon);
+		border-radius: 4px;
 	}
 
 	.scrollbar-thin::-webkit-scrollbar-corner {

package/dist/styles/tokens.css

@@ -0,0 +1 @@
+:root{--animation-duration:.3s;--animation-duration-fast:.15s;--font-size:1rem;--card-border-box-shadow:1px 0px 0px 0px #74889c33 inset, -1px 0px 0px 0px #74889c33 inset, 0px 1px 0px 0px #74889c33 inset, 0px -1px 0px 0px #74889c33 inset;--input-height-extrasmall:24px;--input-height-small:36px;--input-height:40px;--input-height-large:44px;--input-font-size-extrasmall:1rem;--input-font-size-small:1rem;--input-font-size:1rem;--input-font-size-large:1rem;--input-padding:0 8px;--input-color-text:var(--theme-neutral-text-body);--input-color-placeholder:var(--theme-neutral-550);--input-color-disabled:var(--theme-neutral-text-disabled);--input-color-error:var(--theme-error-500);--input-border-color:var(--theme-neutral-border-default);--input-border-color-hover:var(--theme-primary-300);--input-border-color-focus:var(--theme-primary-500);--input-border-color-disabled:var(--theme-neutral-border-disabled)}@media (min-width:1010px){:root{--input-font-size-extrasmall:.75rem;--input-font-size-small:.875rem;--input-font-size:1rem;--input-font-size-large:1rem}}:root{--modal-z-index:1000;--drawer-z-index:1000;--confirm-z-index:1008;--toast-z-index:1009;--dropdown-shadow:-1px 1px 10px 0 #8d8f9340;--popover-shadow:0 12px 25px 0 #0000001a, 0 0 8px 0 #0000001a;--theme-color-m:#e3e9ed;--theme-neutral-0:#fff;--theme-neutral-100:#fdfdfd;--theme-neutral-200:#fafafa;--theme-neutral-250:#ebebeb;--theme-neutral-250_40:#ebebeb66;--theme-neutral-300:#cecece;--theme-neutral-300_40:#cecece66;--theme-neutral-400:#bfbfbf;--theme-neutral-400_40:#bfbfbf66;--theme-neutral-500:#a1a1a1;--theme-neutral-550:#767676;--theme-neutral-600:#525252;--theme-neutral-700:#3d3d3d;--theme-neutral-800:#292929;--theme-neutral-850:#1f1f1f;--theme-neutral-950:#0a0a0a;--theme-neutral-surface-bg:var(--theme-neutral-100);--theme-neutral-surface-default:var(--theme-neutral-0);--theme-neutral-surface-subtitle:var(--theme-neutral-200);--theme-neutral-surface-icon:#f1f4f5;--theme-neutral-surface-disabled:var(--theme-neutral-250_40);--theme-text-icon-body:#3b3b3b;--theme-neutral-text-title:var(--theme-neutral-950);--theme-neutral-text-subtitle:var(--theme-neutral-800);--theme-neutral-text-body:var(--theme-neutral-700);--theme-neutral-text-caption:var(--theme-neutral-600);--theme-neutral-text-disabled:var(--theme-neutral-400_40);--theme-neutral-text-negative:var(--theme-neutral-0);--theme-neutral-icon-primary:#90a4ae;--theme-neutral-icon-secondary:var(--theme-neutral-400);--theme-neutral-icon-caption:var(--theme-neutral-550);--theme-neutral-icon-disabled:var(--theme-neutral-300);--theme-neutral-icon-negative:var(--theme-neutral-0);--theme-neutral-border-default:var(--theme-neutral-300);--theme-neutral-border-darker:var(--theme-neutral-400);--theme-neutral-border-divider:#e3e9ed;--theme-neutral-border-disabled:var(--theme-neutral-400_40);--theme-main-interface-shadow:0 2px 8.8px 2px #0000000d, 0 0 13.4px 0 #0000000a;--theme-hover-interface-shadow:0 2px 8.8px 2px #0000000d, 0 1px 1px 0 #0000000a;--theme-primary-50:#f2f9f4;--theme-primary-50_40:#f2f9f466;--theme-primary-75:#e6f3e9;--theme-primary-100:#d3ead9;--theme-primary-200:#bfe2c9;--theme-primary-200_25:#bfe2c940;--theme-primary-300:#99d0a8;--theme-primary-400:#4dac66;--theme-primary-500_20:#00892533;--theme-primary-500:#008925;--theme-primary-600:#007b21;--theme-primary-700:#005216;--theme-primary-800:#003e11;--theme-primary-900:#00290b;--theme-primary-surface-default:var(--theme-primary-500);--theme-primary-surface-subtitle:var(--theme-primary-50);--theme-primary-surface-darker:var(--theme-primary-600);--theme-primary-surface-lighter:var(--theme-primary-200_25);--theme-primary-surface-hover:var(--theme-primary-50_40);--theme-primary-border-default:var(--theme-primary-700);--theme-primary-border-subtitle:var(--theme-primary-600);--theme-primary-border-darker:var(--theme-primary-800);--theme-primary-border-lighter:var(--theme-primary-200);--theme-primary-icon-default:var(--theme-primary-500);--theme-secondary-25:#f6fafb;--theme-secondary-50:#f1f4f5;--theme-secondary-100:#ebeff1;--theme-secondary-150:#ecf2f4;--theme-secondary-200:#d6e2e6;--theme-secondary-250:#c7d9df;--theme-secondary-300:#b3c9d0;--theme-secondary-350:#a2c0ca;--theme-secondary-400:#7da7b5;--theme-secondary-450:#588ea0;--theme-secondary-500:#3f7587;--theme-secondary-600:#315b69;--theme-secondary-700:#2a4e5a;--theme-secondary-800:#23414b;--theme-secondary-900:#15272d;--theme-info-100:#e3eefa;--theme-info-100_50:#e3eefa80;--theme-info-200:#c2d9f5;--theme-info-300:#6ea6e7;--theme-info-400:#2674ce;--theme-info-500:#235fa4;--theme-info-600:#02538f;--theme-info-700:#134a73;--theme-info-800:#152d4f;--theme-info-900:#161e33;--theme-warn-100:#fdf4ea;--theme-warn-200:#fadfc1;--theme-warn-300:#f4c083;--theme-warn-400:#f1ab5a;--theme-warn-500:#ed9631;--theme-warn-600:#d47d16;--theme-warn-700:#a55f0e;--theme-warn-800:#814a09;--theme-warn-900:#492c0a;--theme-error-50:#f8e9e9;--theme-error-100:#f1d3d4;--theme-error-100_50:#f1d3d480;--theme-error-200:#e4a7a9;--theme-error-300:#d77b7e;--theme-error-400:#ca4f53;--theme-error-500:#bd2429;--theme-error-600:#971c20;--theme-error-700:#711518;--theme-error-800:#4b0e10;--theme-error-900:#250708;--theme-shadow-button:0px 2px 8.8px 2px #0000000d, 0px 1px 1px 0px #0000000a}@media (prefers-reduced-motion:reduce){:root{--animation-duration:.01ms;--animation-duration-fast:.01ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity var(--animation-duration) ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn-enter-from,.fadeIn-leave-to{opacity:0}.fadeIn-enter-to,.fadeIn-leave-from{opacity:1}.fadeIn-enter-active,.fadeIn-leave-active{transition:opacity var(--animation-duration) ease-in-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut-enter-from,.fadeOut-leave-to{opacity:1}.fadeOut-enter-to,.fadeOut-leave-from{opacity:0}.fadeOut-enter-active,.fadeOut-leave-active{transition:opacity var(--animation-duration) ease-in-out}@keyframes slideRightIn{0%{transform:translate(200%)}to{transform:translate(0%)}}@keyframes slideRightOut{0%{transform:translate(0%)}to{transform:translate(200%)}}@keyframes slideTopIn{0%{transform:translateY(-200%)}to{transform:translateY(0%)}}@keyframes slideTopOut{0%{transform:translateY(0%)}to{transform:translateY(-200%)}}@keyframes slideLeftIn{0%{transform:translate(-200%)}to{transform:translate(0%)}}@keyframes slideLeftOut{0%{transform:translate(0%)}to{transform:translate(-200%)}}@keyframes slideBottomIn{0%{transform:translateY(200%)}to{transform:translateY(0%)}}@keyframes slideBottomOut{0%{transform:translateY(0%)}to{transform:translateY(200%)}}.slide-fade-smooth-enter-active,.slide-fade-smooth-leave-active{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.slide-fade-smooth-enter-from{opacity:0;transform:translate(-30px)}.slide-fade-smooth-leave-to{opacity:0;transform:translate(30px)}.slide-fade-vertical-enter-active,.slide-fade-vertical-leave-active{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.slide-fade-vertical-enter-from{opacity:0;transform:translateY(-20px)}.slide-fade-vertical-leave-to{opacity:0;transform:translateY(20px)}@font-face{font-family:Inter;font-weight:400;src:url(/fonts/Inter/Inter-Regular.woff2)format("woff2"),url(/fonts/Inter/Inter-Regular.woff)format("woff")}@font-face{font-family:Inter;font-weight:500;src:url(/fonts/Inter/Inter-Medium.woff2)format("woff2"),url(/fonts/Inter/Inter-Medium.woff)format("woff")}@font-face{font-family:Inter;font-weight:600;src:url(/fonts/Inter/Inter-SemiBold.woff2)format("woff2"),url(/fonts/Inter/Inter-SemiBold.woff)format("woff")}@font-face{font-family:Inter;font-weight:700;src:url(/fonts/Inter/Inter-Bold.woff2)format("woff2"),url(/fonts/Inter/Inter-Bold.woff)format("woff")}@layer ui-kit{h1{color:var(--theme-neutral-text-title);font-size:1.5rem;line-height:120%}h2{color:var(--theme-neutral-text-title);font-size:1.25rem;line-height:120%}h3{color:var(--theme-neutral-text-title);font-size:1.1875rem;line-height:120%}h4{color:var(--theme-neutral-text-title);font-size:1rem;line-height:120%}h5{color:var(--theme-neutral-text-title);font-size:.9375rem;line-height:120%}h6{color:var(--theme-neutral-text-title);font-size:.8125rem;line-height:120%}p{color:var(--theme-neutral-text-body);font-size:1rem;line-height:160%}*,:before,:after{box-sizing:border-box}button{cursor:pointer;font:inherit;background:0 0;border:none;margin:0;padding:0}input,textarea,select{font:inherit;border:none;margin:0}}.overlay{z-index:1000;background-color:#0000004d;width:100dvw;height:100dvh;position:fixed;inset:0}.overlay[data-state=open]{animation:fadeIn var(--animation-duration) ease-in-out}.overlay[data-state=closed]{animation:fadeOut var(--animation-duration) ease-in-out}

package/dist/styles/tokens.scss

@@ -0,0 +1,17 @@
+/*
+ * Точка входа стилей для компонентов: только то, без чего они не работают —
+ * переменные, палитра, кейфреймы, шрифты, компонентный сброс и подложка
+ * модальных слоёв.
+ *
+ * Отдельно от `index.scss` затем, что импорт компонентов не должен тащить в
+ * приложение потребителя документный сброс (`reset.css`) и хелперы вёрстки
+ * (`.container`, `.page-title` из `global.scss`). Кому нужен полный набор —
+ * подключает `@profitliga/ui/style.css`, он собран из `index.scss`.
+ */
+@use './vars.scss';
+@use './colors.scss';
+@use './animations.scss';
+@use './fonts.scss';
+@use './typography.css';
+@use './base.scss';
+@use './overlay.scss';

package/dist/styles/vars.scss

@@ -1,3 +1,5 @@
+@use './mixins.scss' as *;
+
 :root {
 	//GLOBAL
 	--animation-duration: 0.3s;
@@ -16,9 +18,6 @@
 	--input-height: 40px;
 	--input-height-large: 44px;
 
-	// Kept at 1rem (16px) at every size — Safari on iOS/iPadOS auto-zooms the
-	// page when a focused input's font-size is below 16px, regardless of
-	// viewport width.
 	--input-font-size-extrasmall: 1rem;
 	--input-font-size-small: 1rem;
 	--input-font-size: 1rem;
@@ -27,7 +26,8 @@
 	--input-padding: 0 8px;
 
 	--input-color-text: var(--theme-neutral-text-body);
-	--input-color-placeholder: var(--theme-neutral-500);
+	// neutral-500 давал контраст 2.58 на белом при пороге WCAG AA 4.5
+	--input-color-placeholder: var(--theme-neutral-550);
 	--input-color-disabled: var(--theme-neutral-text-disabled);
 	--input-color-error: var(--theme-error-500);
 
@@ -37,6 +37,15 @@
 	--input-border-color-disabled: var(--theme-neutral-border-disabled);
 }
 
+@include respond(lg) {
+	:root {
+		--input-font-size-extrasmall: 0.75rem;
+		--input-font-size-small: 0.875rem;
+		--input-font-size: 1rem;
+		--input-font-size-large: 1rem;
+	}
+}
+
 //Удалить после перехода на reka-ui
 :root {
 	--modal-z-index: 1000;

package/dist/utils/breakpoints.util.js

@@ -0,0 +1,13 @@
+import { useBreakpoints as o } from "@vueuse/core";
+const e = o({
+  mobile: 0,
+  sm: 640,
+  md: 768,
+  lg: 1010,
+  xl: 1220,
+  xxl: 1420,
+  xxxl: 1620
+});
+export {
+  e as breakpoints
+};

package/dist/utils/dayjs.util.d.ts

@@ -8,4 +8,5 @@ declare module 'dayjs' {
         isSameOrAfter(date: dayjs.ConfigType, unit?: dayjs.OpUnitType): boolean;
     }
 }
-export { dayjs };
+declare const configuredDayjs: typeof dayjs;
+export { configuredDayjs as dayjs };

package/dist/utils/dayjs.util.js

@@ -0,0 +1,16 @@
+import r from "dayjs";
+import "dayjs/locale/ru";
+import e from "dayjs/plugin/customParseFormat";
+import o from "dayjs/plugin/dayOfYear";
+import t from "dayjs/plugin/duration";
+import m from "dayjs/plugin/isBetween";
+import i from "dayjs/plugin/isSameOrAfter";
+import a from "dayjs/plugin/isSameOrBefore";
+import d from "dayjs/plugin/isToday";
+import n from "dayjs/plugin/isTomorrow";
+import f from "dayjs/plugin/localizedFormat";
+import s from "dayjs/plugin/relativeTime";
+const p = () => (r.extend(f), r.extend(s), r.extend(d), r.extend(m), r.extend(a), r.extend(i), r.extend(t), r.extend(e), r.extend(o), r.extend(n), r.locale("ru"), r), F = p();
+export {
+  F as dayjs
+};

package/dist/utils/eventBus.util.js

@@ -0,0 +1,40 @@
+function l() {
+  const n = /* @__PURE__ */ new Map();
+  return {
+    on(e, t) {
+      const r = n.get(e) ?? [];
+      r.push(t), n.set(e, r);
+    },
+    off(e, t) {
+      const r = n.get(e);
+      r && n.set(
+        e,
+        r.filter((s) => s !== t)
+      );
+    },
+    emit(e, t) {
+      const r = n.get(e);
+      r && r.forEach(
+        (s) => s(t)
+      );
+    },
+    listeners(e) {
+      const t = n.get(e);
+      return t ? [...t] : [];
+    },
+    // Количество слушателей для события
+    listenerCount(e) {
+      return n.get(e)?.length ?? 0;
+    },
+    // Список всех типов событий с зарегистрированными слушателями
+    eventNames() {
+      return Array.from(n.keys());
+    },
+    clear() {
+      n.clear();
+    }
+  };
+}
+export {
+  l as EventBus
+};

package/dist/utils/index.d.ts

@@ -3,10 +3,11 @@ export * from './isClient.util';
 export * from './onClickOutside.util';
 export * from './price.util';
 export * from './useBodyScroll.util';
-export * from './useLockZoom.util';
 export * from './dayjs.util';
 export * from './uploadFile.util';
 export * from './internationalized.utils';
 export * from './breakpoints.util';
 export * from './parseFileSize.util';
 export { priceFormat } from './priceFormat.util';
+export * from './useFocusTrap.util';
+export * from './useSwipeToClose.util';

package/dist/utils/index.js

@@ -1,3 +1,28 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "../utils-DaKJDD4y.js";
+import { EventBus as e } from "./eventBus.util.js";
+import { onClickOutside as t } from "./onClickOutside.util.js";
+import { formatPrice as f, parsePrice as i, sumPrices as s } from "./price.util.js";
+import { useBodyScroll as a } from "./useBodyScroll.util.js";
+import { dayjs as c } from "./dayjs.util.js";
+import { openFileDialog as F } from "./uploadFile.util.js";
+import { breakpoints as S } from "./breakpoints.util.js";
+import { formatFileSize as P, parseFileSize as k } from "./parseFileSize.util.js";
+import { priceFormat as z } from "./priceFormat.util.js";
+import { useFocusTrap as C } from "./useFocusTrap.util.js";
+import { useSwipeToClose as b } from "./useSwipeToClose.util.js";
 export * from "@internationalized/date";
-export { r as EventBus, c as breakpoints, e as dayjs, l as formatFileSize, t as formatPrice, n as onClickOutside, o as openFileDialog, i as parseFileSize, a as parsePrice, d as priceFormat, f as sumPrices, u as useBodyScroll, s as useLockZoom };
+export {
+  e as EventBus,
+  S as breakpoints,
+  c as dayjs,
+  P as formatFileSize,
+  f as formatPrice,
+  t as onClickOutside,
+  F as openFileDialog,
+  k as parseFileSize,
+  i as parsePrice,
+  z as priceFormat,
+  s as sumPrices,
+  a as useBodyScroll,
+  C as useFocusTrap,
+  b as useSwipeToClose
+};

package/dist/utils/isClient.util.js

@@ -0,0 +1,6 @@
+function e() {
+  return !!(typeof window < "u" && window.document && window.document.createElement);
+}
+export {
+  e as default
+};