@profitliga/ui 1.2.90 → 2.0.0

package/dist/components/v2/Accordion/Accordion.css

@@ -0,0 +1 @@
+.accordion[data-v-777b17f6]{--accordion-padding-x:16px;flex-direction:column;display:flex}@media (min-width:768px){.accordion[data-v-777b17f6]{--accordion-padding-x:20px}}.accordion--separate[data-v-777b17f6]{gap:8px}.accordion--separate .accordion-item[data-v-777b17f6]{background-color:var(--theme-secondary-25);border:1px solid var(--theme-secondary-250);border-radius:12px;overflow:hidden}.accordion--separate .accordion-item--open[data-v-777b17f6]{border-color:var(--theme-secondary-400)}.accordion--separate .accordion-item__content[data-v-777b17f6]{background-color:var(--theme-neutral-0)}.accordion--separate .accordion-item__trigger[data-v-777b17f6]:hover:not(:disabled){background-color:var(--theme-secondary-50)}.accordion--card[data-v-777b17f6]{background-color:var(--theme-neutral-0);border:1px solid var(--theme-secondary-400);border-radius:16px;overflow:hidden}.accordion--card .accordion-item[data-v-777b17f6]{border-bottom:1px solid var(--theme-secondary-200)}.accordion--card .accordion-item[data-v-777b17f6]:last-child{border-bottom:none}.accordion--card .accordion-item--open .accordion-item__trigger[data-v-777b17f6]{background-color:var(--theme-secondary-25)}.accordion--plain[data-v-777b17f6]{--accordion-padding-x:0px}.accordion--plain .accordion-item[data-v-777b17f6]{border-bottom:1px solid var(--theme-secondary-200)}.accordion--plain .accordion-item[data-v-777b17f6]:last-child{border-bottom:none}.accordion-item[data-v-777b17f6]{flex-direction:column;display:flex}.accordion-item--disabled .accordion-item__trigger[data-v-777b17f6]{cursor:not-allowed;opacity:.5}.accordion-item__header[data-v-777b17f6]{margin:0}.accordion-item__trigger[data-v-777b17f6]{width:100%;font:inherit;color:var(--theme-neutral-text-title);text-align:left;padding:12px var(--accordion-padding-x);cursor:pointer;transition:background-color var(--animation-duration) ease-in-out;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:16px;font-size:.875rem;font-weight:500;line-height:18px;display:flex}.accordion-item__trigger[data-v-777b17f6]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:-2px}@media (min-width:768px){.accordion-item__trigger[data-v-777b17f6]{padding:16px var(--accordion-padding-x);font-size:1rem;line-height:20px}}.accordion-item__trigger[data-v-777b17f6]:hover:not(:disabled){background-color:var(--theme-secondary-25)}.accordion-item__trigger[data-v-777b17f6]:disabled{cursor:not-allowed}.accordion-item__title[data-v-777b17f6]{overflow-wrap:anywhere;flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.accordion-item__arrow[data-v-777b17f6]{width:24px;height:24px;color:var(--theme-secondary-700);flex-shrink:0;justify-content:center;align-items:center;display:flex}.accordion-item__arrow svg[data-v-777b17f6]{width:100%;height:100%;transition:transform var(--animation-duration) ease-in-out}.accordion-item__arrow--open svg[data-v-777b17f6]{transform:rotate(90deg)}.accordion-item__content[data-v-777b17f6]{transition:grid-template-rows var(--animation-duration) ease-in-out;grid-template-rows:0fr;display:grid}.accordion-item__content--open[data-v-777b17f6]{grid-template-rows:1fr}.accordion-item__content-inner[data-v-777b17f6]{min-height:0;overflow:hidden}.accordion-item__content-body[data-v-777b17f6]{padding:16px var(--accordion-padding-x);color:var(--theme-neutral-text-caption);font-size:.75rem;line-height:18px}@media (min-width:768px){.accordion-item__content-body[data-v-777b17f6]{padding:20px var(--accordion-padding-x);font-size:.875rem;line-height:20px}}

package/dist/components/v2/Accordion/Accordion.types.d.ts

@@ -0,0 +1,58 @@
+import { VNodeChild } from 'vue';
+/**
+ * Вариант стилизации по макету:
+ * - `separate` — каждый пункт отдельной карточкой (фон `secondary-25`,
+ *   рамка `secondary-250`, радиус 12);
+ * - `card` — все пункты в одной общей карточке (рамка `secondary-400`,
+ *   радиус 16), пункты разделены линиями;
+ * - `plain` — без рамок и фона, только разделители между пунктами.
+ */
+export type AccordionStyleVariant = 'separate' | 'card' | 'plain';
+/**
+ * Текст или рендер-функция. Функция удобна в TSX, когда заголовок и содержимое
+ * пункта описываются вместе с данными, а не отдельным слотом:
+ *
+ * ```tsx
+ * const items: AccordionItemData[] = [
+ *   {
+ *     value: 'mazda',
+ *     title: () => <><b>Mazda</b><Tag label="12 моделей" /></>,
+ *     content: () => <ModelsTable brand="mazda" />
+ *   }
+ * ]
+ * ```
+ */
+export type AccordionItemContent = string | (() => VNodeChild);
+export interface AccordionItemData {
+    value: string;
+    title: AccordionItemContent;
+    content?: AccordionItemContent;
+    disabled?: boolean;
+}
+/**
+ * Слоты перекрывают `title`/`content` из `items` — сначала проверяется слот,
+ * и только если он не передан, рендерится значение из данных пункта.
+ */
+export interface AccordionSlots {
+    title?: (props: {
+        item: AccordionItemData;
+    }) => VNodeChild;
+    content?: (props: {
+        item: AccordionItemData;
+    }) => VNodeChild;
+}
+export interface AccordionProps {
+    items: AccordionItemData[];
+    type?: 'single' | 'multiple';
+    collapsible?: boolean;
+    disabled?: boolean;
+    styleVariant?: AccordionStyleVariant;
+    /**
+     * Уровень заголовка, в который оборачивается кнопка-триггер. Должен
+     * соответствовать месту аккордеона в структуре страницы, иначе иерархия
+     * заголовков для скринридера ломается.
+     */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}

package/dist/components/v2/Accordion/Accordion.vue.d.ts

@@ -0,0 +1,32 @@
+import { AccordionProps, AccordionSlots, AccordionStyleVariant } from './Accordion.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = AccordionProps;
+type __VLS_PublicProps = {
+    'modelValue'?: string[];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<AccordionSlots> & AccordionSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {
+    type: "single" | "multiple";
+    disabled: boolean;
+    styleVariant: AccordionStyleVariant;
+    collapsible: boolean;
+    headingLevel: 2 | 3 | 4 | 5 | 6;
+    testId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/v2/Accordion/Accordion.vue.js

@@ -0,0 +1,8 @@
+import './Accordion.css';
+import o from "./Accordion.vue2.js";
+/* empty css               */
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-777b17f6"]]);
+export {
+  m as default
+};

package/dist/components/v2/Accordion/Accordion.vue2.js

@@ -0,0 +1,138 @@
+import { defineComponent as E, useModel as K, computed as L, useId as M, ref as N, openBlock as r, createElementBlock as u, mergeProps as p, unref as f, Fragment as _, renderList as F, createBlock as b, resolveDynamicComponent as y, withCtx as O, createElementVNode as s, renderSlot as C, createTextVNode as D, toDisplayString as I, normalizeClass as S, createVNode as z, mergeModels as H } from "vue";
+import { ChevronRight as P } from "@lucide/vue";
+import { useTestId as U } from "../shared/useTestId.util.js";
+const j = ["data-value"], q = ["id", "disabled", "aria-expanded", "aria-controls", "onClick", "onKeydown"], G = { class: "accordion-item__title" }, J = ["id", "aria-labelledby", "inert"], Q = { class: "accordion-item__content-inner" }, W = { class: "accordion-item__content-body" }, x = /* @__PURE__ */ E({
+  __name: "Accordion",
+  props: /* @__PURE__ */ H({
+    items: {},
+    type: { default: "single" },
+    collapsible: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    styleVariant: { default: "card" },
+    headingLevel: { default: 3 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(d) {
+    const n = d, c = K(d, "modelValue");
+    function m(t) {
+      return typeof t == "function";
+    }
+    const v = U(() => n.testId), T = L(() => `h${n.headingLevel}`), h = M(), k = (t) => `accordion-trigger-${h}-${t}`, w = (t) => `accordion-content-${h}-${t}`;
+    function i(t) {
+      return c.value.includes(t);
+    }
+    function B(t) {
+      if (n.disabled || t.disabled) return;
+      const a = i(t.value);
+      if (n.type === "multiple") {
+        c.value = a ? c.value.filter((e) => e !== t.value) : [...c.value, t.value];
+        return;
+      }
+      a ? n.collapsible && (c.value = []) : c.value = [t.value];
+    }
+    const V = N([]);
+    function R(t, a) {
+      V.value[a] = t;
+    }
+    function g(t, a) {
+      const e = n.items.length;
+      if (e === 0) return;
+      let o = t;
+      for (let l = 0; l < e; l += 1) {
+        o = (o + a + e) % e;
+        const $ = n.items[o];
+        if ($ && !$.disabled && !n.disabled) {
+          V.value[o]?.focus();
+          return;
+        }
+      }
+    }
+    function A(t, a) {
+      switch (t.key) {
+        case "ArrowDown":
+          t.preventDefault(), g(a, 1);
+          break;
+        case "ArrowUp":
+          t.preventDefault(), g(a, -1);
+          break;
+        case "Home":
+          t.preventDefault(), g(-1, 1);
+          break;
+        case "End":
+          t.preventDefault(), g(0, -1);
+          break;
+      }
+    }
+    return (t, a) => (r(), u("div", p({
+      class: ["accordion", `accordion--${d.styleVariant}`]
+    }, f(v)("root")), [
+      (r(!0), u(_, null, F(d.items, (e, o) => (r(), u("div", p({
+        key: e.value,
+        class: ["accordion-item", {
+          "accordion-item--open": i(e.value),
+          "accordion-item--disabled": d.disabled || e.disabled
+        }],
+        "data-value": e.value
+      }, { ref_for: !0 }, f(v)("item", e.value)), [
+        (r(), b(y(T.value), { class: "accordion-item__header" }, {
+          default: O(() => [
+            s("button", p({
+              id: k(o),
+              ref_for: !0,
+              ref: (l) => R(l, o),
+              type: "button",
+              class: "accordion-item__trigger",
+              disabled: d.disabled || e.disabled,
+              "aria-expanded": i(e.value),
+              "aria-controls": w(o)
+            }, { ref_for: !0 }, f(v)("trigger", e.value), {
+              onClick: (l) => B(e),
+              onKeydown: (l) => A(l, o)
+            }), [
+              s("span", G, [
+                C(t.$slots, "title", { item: e }, () => [
+                  m(e.title) ? (r(), b(y(e.title), { key: 0 })) : (r(), u(_, { key: 1 }, [
+                    D(I(e.title), 1)
+                  ], 64))
+                ], !0)
+              ]),
+              s("span", {
+                class: S(["accordion-item__arrow", {
+                  "accordion-item__arrow--open": i(e.value)
+                }]),
+                "aria-hidden": "true"
+              }, [
+                z(f(P))
+              ], 2)
+            ], 16, q)
+          ]),
+          _: 2
+        }, 1024)),
+        s("div", p({
+          id: w(o),
+          role: "region",
+          "aria-labelledby": k(o),
+          class: ["accordion-item__content", { "accordion-item__content--open": i(e.value) }],
+          inert: !i(e.value) || void 0
+        }, { ref_for: !0 }, f(v)("content", e.value)), [
+          s("div", Q, [
+            s("div", W, [
+              C(t.$slots, "content", { item: e }, () => [
+                m(e.content) ? (r(), b(y(e.content), { key: 0 })) : (r(), u(_, { key: 1 }, [
+                  D(I(e.content), 1)
+                ], 64))
+              ], !0)
+            ])
+          ])
+        ], 16, J)
+      ], 16, j))), 128))
+    ], 16));
+  }
+});
+export {
+  x as default
+};

package/dist/components/v2/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Accordion } from './Accordion.vue';
+export type { AccordionItemContent, AccordionItemData, AccordionProps, AccordionSlots, AccordionStyleVariant } from './Accordion.types';
+export { Accordion };

package/dist/components/v2/AlertDialog/AlertDialog.css

@@ -0,0 +1 @@
+.alert-dialog-trigger[data-v-143a5f3e]{display:contents}.alert-dialog-layer[data-v-143a5f3e]{position:relative}.alert-dialog-icon[data-v-143a5f3e]{--icon-bg:var(--color-primary-600);--icon-shadow:#008925b2;box-sizing:border-box;width:44px;height:44px;color:var(--color-neutral-0);background-color:var(--icon-bg);box-shadow:-1px 1px 10px 0px var(--icon-shadow);filter:opacity(.7);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.alert-dialog-icon--success[data-v-143a5f3e]{--icon-bg:var(--color-primary-600);--icon-shadow:#008925b2}.alert-dialog-icon--warning[data-v-143a5f3e]{--icon-bg:var(--color-warn-600);--icon-shadow:#d47d16b2}.alert-dialog-icon--error[data-v-143a5f3e]{--icon-bg:var(--color-error-600);--icon-shadow:#bd2429b2}.alert-dialog-content[data-v-143a5f3e]{box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);width:90vw;max-height:85vh;overflow-y:auto}.alert-dialog-content[data-v-143a5f3e]::-webkit-scrollbar{width:8px;height:0}.alert-dialog-content[data-v-143a5f3e]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.alert-dialog-content[data-v-143a5f3e]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.alert-dialog-content[data-v-143a5f3e]::-webkit-scrollbar-corner{background:0 0}.alert-dialog-content[data-v-143a5f3e]{box-sizing:border-box;z-index:1001;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:24px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.alert-dialog-content[data-state=open][data-v-143a5f3e]{animation:fadeIn var(--animation-duration) ease-in-out}.alert-dialog-content[data-state=closed][data-v-143a5f3e]{animation:fadeOut var(--animation-duration) ease-in-out}.alert-dialog-content__header[data-v-143a5f3e]{justify-content:flex-start;align-items:center;gap:12px;width:100%;margin-bottom:20px;display:flex}.alert-dialog-content__header--divided[data-v-143a5f3e]{border-bottom:1px solid var(--color-secondary-250);margin-bottom:12px;padding-bottom:12px}.alert-dialog-content__title[data-v-143a5f3e]{width:100%;color:var(--theme-neutral-text-title);margin:0;font-size:1.25rem;font-weight:500;line-height:120%}.alert-dialog-content__title--with-icon[data-v-143a5f3e]{font-weight:700}.alert-dialog-content__description[data-v-143a5f3e]{width:100%;color:var(--theme-neutral-text-body);margin:0 0 12px;font-size:1rem;font-weight:400;line-height:160%}.alert-dialog-content__actions[data-v-143a5f3e]{justify-content:flex-end;align-items:center;gap:12px;width:100%;margin-top:20px;display:flex}.alert-dialog-mobile[data-v-143a5f3e]{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;padding:16px;display:flex}.alert-dialog-mobile__header[data-v-143a5f3e]{justify-content:flex-start;align-items:center;gap:12px;display:flex}.alert-dialog-mobile__header--divided[data-v-143a5f3e]{border-bottom:1px solid var(--color-secondary-250);padding-bottom:12px}.alert-dialog-mobile__title[data-v-143a5f3e]{color:var(--theme-neutral-text-title);margin:0;font-size:1.125rem;font-weight:500;line-height:1.5}.alert-dialog-mobile__title--with-icon[data-v-143a5f3e]{font-weight:700}.alert-dialog-mobile__description[data-v-143a5f3e]{color:var(--theme-neutral-text-body);font-size:1rem;font-weight:400;line-height:160%}.alert-dialog-mobile__actions[data-v-143a5f3e]{flex-direction:column-reverse;gap:8px;width:100%;display:flex}.alert-dialog-mobile__actions[data-v-143a5f3e] button{width:100%}

package/dist/components/v2/AlertDialog/AlertDialog.types.d.ts

@@ -0,0 +1,22 @@
+import { TBreakpoints } from '../../../types/global.types';
+export type AlertDialogVariant = 'success' | 'warning' | 'error';
+export interface AlertDialogProps {
+    width?: number;
+    breakpointMobile?: TBreakpoints;
+    /**
+     * Статус диалога. Добавляет в шапку цветную плашку с иконкой:
+     * success — галочка, warning и error — восклицательный знак.
+     * Иконку внутри плашки можно заменить слотом `icon`.
+     */
+    variant?: AlertDialogVariant;
+    /**
+     * Разделительная линия между шапкой и контентом.
+     * Если не задана — линия рисуется вместе с плашкой варианта (как в макете).
+     */
+    divider?: boolean;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface AlertDialogEmits {
+    escapeKeyDown: [event: KeyboardEvent];
+}

package/dist/components/v2/AlertDialog/AlertDialog.vue.d.ts

@@ -0,0 +1,56 @@
+import { AlertDialogProps, AlertDialogVariant } from './AlertDialog.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+type __VLS_Props = AlertDialogProps;
+type __VLS_PublicProps = {
+    'open'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {
+            props: {
+                'aria-haspopup': "dialog";
+                'aria-expanded': boolean;
+                'aria-controls': string | undefined;
+            };
+        }): any;
+        icon?(_: {}): any;
+        icon?(_: {}): any;
+        title?(_: {}): any;
+        title?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        actions?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {
+        triggerRef: HTMLSpanElement;
+        contentRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    "update:open": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    width: number;
+    variant: AlertDialogVariant;
+    breakpointMobile: TBreakpoints;
+    divider: boolean;
+    testId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    triggerRef: HTMLSpanElement;
+    contentRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/v2/AlertDialog/AlertDialog.vue.js

@@ -0,0 +1,8 @@
+import './AlertDialog.css';
+import o from "./AlertDialog.vue2.js";
+/* empty css                 */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-143a5f3e"]]);
+export {
+  f as default
+};

package/dist/components/v2/AlertDialog/AlertDialog.vue2.js

@@ -0,0 +1,192 @@
+import { defineComponent as W, useModel as Z, useId as j, computed as m, useTemplateRef as R, onBeforeUnmount as G, openBlock as o, createElementBlock as n, Fragment as H, mergeProps as i, unref as t, renderSlot as s, createCommentVNode as d, createBlock as g, withCtx as A, createElementVNode as c, normalizeClass as T, resolveDynamicComponent as z, normalizeStyle as J, mergeModels as O } from "vue";
+import { CircleCheck as Q, CircleAlert as X } from "@lucide/vue";
+import { breakpoints as Y } from "../../../utils/breakpoints.util.js";
+import { useBodyScroll as x } from "../../../utils/useBodyScroll.util.js";
+import { useFocusTrap as ee } from "../../../utils/useFocusTrap.util.js";
+import te from "../BottomSheet/BottomSheet.vue.js";
+import { ANIMATION_DURATION_MS as _ } from "../shared/animation.const.js";
+import oe from "../shared/Portal.vue.js";
+import { useDelayedVisibility as ae } from "../shared/useDelayedVisibility.util.js";
+import { useLayerZIndex as ie } from "../shared/useLayerZIndex.util.js";
+import { useTestId as le } from "../shared/useTestId.util.js";
+import { useTriggerAria as se } from "../shared/useTriggerAria.util.js";
+const re = { class: "alert-dialog-mobile" }, ne = ["data-state"], de = ["aria-describedby", "data-state"], Ie = /* @__PURE__ */ W({
+  inheritAttrs: !1,
+  __name: "AlertDialog",
+  props: /* @__PURE__ */ O({
+    width: { default: 500 },
+    breakpointMobile: { default: "sm" },
+    variant: { default: void 0 },
+    divider: { type: Boolean, default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ O(["escapeKeyDown"], ["update:open"]),
+  setup(l, { emit: N }) {
+    const u = l, I = Y.smaller(u.breakpointMobile), w = N, r = Z(l, "open"), y = j(), p = `alert-dialog-title-${y}`, C = `alert-dialog-description-${y}`, k = `alert-dialog-content-${y}`, K = m(() => `${u.width}px`), a = le(() => u.testId), L = m(() => ({
+      "aria-haspopup": "dialog",
+      "aria-expanded": r.value,
+      "aria-controls": r.value ? k : void 0
+    })), D = m(
+      () => u.variant === "success" ? Q : X
+    ), S = m(() => u.divider ?? !!u.variant), B = R("triggerRef"), E = R("contentRef");
+    se({
+      host: () => B.value,
+      isOpen: () => r.value,
+      contentId: () => k,
+      hasPopup: () => "dialog"
+    });
+    const { lockScroll: P, unlockScroll: U } = x(), b = ee(() => E.value), $ = ie();
+    function V() {
+      r.value = !1;
+    }
+    function h(e) {
+      e.key === "Escape" && (w("escapeKeyDown", e), e.defaultPrevented || V());
+    }
+    const F = m(() => r.value && !I.value), { visible: q, dataState: M } = ae(
+      F,
+      _,
+      {
+        onOpen: () => {
+          $.acquire(), P(), b.activate({ focusDelayMs: _ }), document.addEventListener("keydown", h);
+        },
+        onCloseStart: () => {
+          b.deactivate(), document.removeEventListener("keydown", h);
+        },
+        onCloseEnd: () => {
+          U(), $.release();
+        }
+      }
+    );
+    return G(() => {
+      document.removeEventListener("keydown", h), b.deactivate();
+    }), (e, v) => (o(), n(H, null, [
+      e.$slots.trigger ? (o(), n("span", i({
+        key: 0,
+        ref_key: "triggerRef",
+        ref: B,
+        class: "alert-dialog-trigger"
+      }, t(a)("trigger"), {
+        onClick: v[0] || (v[0] = (f) => r.value = !0)
+      }), [
+        s(e.$slots, "trigger", { props: L.value }, void 0, !0)
+      ], 16)) : d("", !0),
+      t(I) ? (o(), g(t(te), {
+        key: 1,
+        open: r.value,
+        "onUpdate:open": v[1] || (v[1] = (f) => r.value = f),
+        "disable-outside-pointer-events": "",
+        "disable-swipe-to-close": "",
+        "labelled-by": p,
+        "test-id": l.testId,
+        onEscapeKeyDown: v[2] || (v[2] = (f) => w("escapeKeyDown", f))
+      }, {
+        default: A(() => [
+          c("div", re, [
+            c("div", {
+              class: T(["alert-dialog-mobile__header", {
+                "alert-dialog-mobile__header--divided": S.value
+              }])
+            }, [
+              l.variant ? (o(), n("span", i({
+                key: 0,
+                class: ["alert-dialog-icon", `alert-dialog-icon--${l.variant}`]
+              }, t(a)("icon")), [
+                s(e.$slots, "icon", {}, () => [
+                  (o(), g(z(D.value), { size: 28 }))
+                ], !0)
+              ], 16)) : d("", !0),
+              c("h2", i({
+                id: p,
+                class: ["alert-dialog-mobile__title", {
+                  "alert-dialog-mobile__title--with-icon": l.variant
+                }]
+              }, t(a)("title")), [
+                s(e.$slots, "title", {}, void 0, !0)
+              ], 16)
+            ], 2),
+            e.$slots.default ? (o(), n("div", i({
+              key: 0,
+              class: "alert-dialog-mobile__description"
+            }, t(a)("description")), [
+              s(e.$slots, "default", {}, void 0, !0)
+            ], 16)) : d("", !0),
+            e.$slots.actions ? (o(), n("div", i({
+              key: 1,
+              class: "alert-dialog-mobile__actions"
+            }, t(a)("actions")), [
+              s(e.$slots, "actions", {}, void 0, !0)
+            ], 16)) : d("", !0)
+          ])
+        ]),
+        _: 3
+      }, 8, ["open", "test-id"])) : t(q) ? (o(), g(oe, { key: 2 }, {
+        default: A(() => [
+          c("div", {
+            class: "alert-dialog-layer",
+            style: J({ zIndex: t($).zIndex.value })
+          }, [
+            c("div", i({
+              class: "overlay alert-dialog-overlay",
+              "data-state": t(M)
+            }, t(a)("overlay")), null, 16, ne),
+            c("div", i({
+              id: k,
+              ref_key: "contentRef",
+              ref: E,
+              role: "alertdialog",
+              "aria-modal": "true",
+              "aria-labelledby": p,
+              "aria-describedby": e.$slots.default ? C : void 0,
+              "data-state": t(M),
+              class: "alert-dialog-content",
+              style: { maxWidth: K.value }
+            }, { ...e.$attrs, ...t(a)("content") }), [
+              c("div", {
+                class: T(["alert-dialog-content__header", {
+                  "alert-dialog-content__header--divided": S.value
+                }])
+              }, [
+                l.variant ? (o(), n("span", i({
+                  key: 0,
+                  class: ["alert-dialog-icon", `alert-dialog-icon--${l.variant}`]
+                }, t(a)("icon")), [
+                  s(e.$slots, "icon", {}, () => [
+                    (o(), g(z(D.value), { size: 28 }))
+                  ], !0)
+                ], 16)) : d("", !0),
+                c("h2", i({
+                  id: p,
+                  class: ["alert-dialog-content__title", {
+                    "alert-dialog-content__title--with-icon": l.variant
+                  }]
+                }, t(a)("title")), [
+                  s(e.$slots, "title", {}, void 0, !0)
+                ], 16)
+              ], 2),
+              e.$slots.default ? (o(), n("div", i({
+                key: 0,
+                id: C,
+                class: "alert-dialog-content__description"
+              }, t(a)("description")), [
+                s(e.$slots, "default", {}, void 0, !0)
+              ], 16)) : d("", !0),
+              e.$slots.actions ? (o(), n("div", i({
+                key: 1,
+                class: "alert-dialog-content__actions"
+              }, t(a)("actions")), [
+                s(e.$slots, "actions", {}, void 0, !0)
+              ], 16)) : d("", !0)
+            ], 16, de)
+          ], 4)
+        ]),
+        _: 3
+      })) : d("", !0)
+    ], 64));
+  }
+});
+export {
+  Ie as default
+};

package/dist/components/v2/AlertDialog/index.d.ts

@@ -0,0 +1,3 @@
+import { default as AlertDialog } from './AlertDialog.vue';
+export type { AlertDialogEmits, AlertDialogProps } from './AlertDialog.types';
+export { AlertDialog };

package/dist/components/v2/Badge/Badge.css

@@ -0,0 +1 @@
+.badge[data-v-e0a9fc42]{--badge-padding-block:.3125rem;--badge-icon-size:1rem;--badge-background:var(--theme-neutral-250);--badge-border-color:var(--theme-neutral-300);--badge-color:var(--theme-neutral-600);--badge-strong:var(--theme-neutral-600);--badge-icon-color:var(--badge-color);max-width:100%;padding:var(--badge-padding-block) .5rem;color:var(--badge-color);background-color:var(--badge-background);border:.0625rem solid var(--badge-border-color);border-radius:.375rem;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex}.badge--small[data-v-e0a9fc42]{--badge-padding-block:.1875rem}.badge--secondary[data-v-e0a9fc42]{--badge-background:var(--theme-secondary-150);--badge-border-color:var(--theme-secondary-300);--badge-color:var(--theme-secondary-700);--badge-strong:var(--theme-secondary-500)}.badge--info[data-v-e0a9fc42]{--badge-background:var(--theme-info-100);--badge-border-color:var(--theme-info-300);--badge-color:var(--theme-info-700);--badge-strong:var(--theme-info-500)}.badge--success[data-v-e0a9fc42]{--badge-background:var(--theme-primary-75);--badge-border-color:var(--theme-primary-300);--badge-color:var(--theme-primary-700);--badge-strong:var(--theme-primary-500)}.badge--accent[data-v-e0a9fc42]{--badge-background:var(--theme-primary-100);--badge-border-color:var(--theme-primary-300);--badge-color:var(--theme-primary-700);--badge-strong:var(--theme-primary-500)}.badge--warn[data-v-e0a9fc42]{--badge-background:var(--theme-warn-100);--badge-border-color:var(--theme-warn-300);--badge-color:var(--theme-warn-700);--badge-strong:var(--theme-warn-600)}.badge--error[data-v-e0a9fc42]{--badge-background:var(--theme-error-100);--badge-border-color:var(--theme-error-300);--badge-color:var(--theme-error-700);--badge-strong:var(--theme-error-500)}.badge--attention[data-v-e0a9fc42]{--badge-background:#f8f8b0;--badge-border-color:#a0a925;--badge-color:#4b4620;--badge-strong:#a0a925}.badge--outline[data-v-e0a9fc42]{--badge-background:var(--theme-neutral-0);--badge-border-color:var(--badge-strong);--badge-color:var(--badge-strong)}.badge--bold[data-v-e0a9fc42]{font-weight:700}.badge--icon-end[data-v-e0a9fc42]{flex-direction:row-reverse}.badge__icon[data-v-e0a9fc42]{width:var(--badge-icon-size);height:var(--badge-icon-size);color:var(--badge-icon-color);flex-shrink:0}.badge__label[data-v-e0a9fc42]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

package/dist/components/v2/Badge/Badge.types.d.ts

@@ -0,0 +1,37 @@
+import { Component } from 'vue';
+/**
+ * Цветовые схемы из макета. В Figma нарисовано ~45 бейджей, но по цвету и
+ * стилю они сводятся к восьми наборам «фон + граница + текст»; названия
+ * статусов («Отменён», «Возврат», «Рекламация») сюда не попадают — это данные
+ * потребителя, а не вариант компонента.
+ */
+export type BadgeTone = 'neutral' | 'secondary' | 'info' | 'success' | 'accent' | 'warn' | 'error' | 'attention';
+/**
+ * `soft` — заливка по тону (основной вид в макете).
+ * `outline` — белый фон, граница и текст насыщенным цветом тона: так нарисован
+ * бейдж профит-бонуса «10 000».
+ */
+export type BadgeVariant = 'soft' | 'outline';
+/** `medium` — 28px (основная сетка макета), `small` — 24px (уценка, бонус). */
+export type BadgeSize = 'small' | 'medium';
+export type BadgeIconPosition = 'start' | 'end';
+export interface BadgeProps {
+    /** Текст бейджа. Можно передать слотом по умолчанию. */
+    label?: string;
+    tone?: BadgeTone;
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    /** Иконка-компонент. Монохромные иконки набора красятся `currentColor`. */
+    icon?: Component;
+    /** Сторона иконки: в бонусном бейдже она стоит после числа. */
+    iconPosition?: BadgeIconPosition;
+    /** Жирное начертание — как у суммы бонусов. */
+    bold?: boolean;
+    /** Цвет текста; если `iconColor` не задан — и цвет иконки. */
+    color?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    iconColor?: string;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}

package/dist/components/v2/Badge/Badge.vue.d.ts

@@ -0,0 +1,32 @@
+import { BadgeProps, BadgeSize, BadgeVariant, BadgeIconPosition, BadgeTone } from './Badge.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<BadgeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+    label: string;
+    size: BadgeSize;
+    bold: boolean;
+    variant: BadgeVariant;
+    icon: Component;
+    iconPosition: BadgeIconPosition;
+    color: string;
+    iconColor: string;
+    backgroundColor: string;
+    testId: string;
+    tone: BadgeTone;
+    borderColor: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/v2/Badge/Badge.vue.js

@@ -0,0 +1,8 @@
+import './Badge.css';
+import o from "./Badge.vue2.js";
+/* empty css           */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e0a9fc42"]]);
+export {
+  f as default
+};