@profitliga/ui 1.2.89 → 2.0.0

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

@@ -0,0 +1,55 @@
+import { defineComponent as i, useSlots as u, computed as d, openBlock as n, createElementBlock as b, mergeProps as l, unref as r, createBlock as f, resolveDynamicComponent as g, createCommentVNode as m, createElementVNode as C, renderSlot as v, createTextVNode as p, toDisplayString as k } from "vue";
+import { useTestId as y } from "../shared/useTestId.util.js";
+const I = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "Badge",
+  props: {
+    label: { default: void 0 },
+    tone: { default: "neutral" },
+    variant: { default: "soft" },
+    size: { default: "medium" },
+    icon: { default: void 0 },
+    iconPosition: { default: "start" },
+    bold: { type: Boolean, default: !1 },
+    color: { default: void 0 },
+    backgroundColor: { default: void 0 },
+    borderColor: { default: void 0 },
+    iconColor: { default: void 0 },
+    testId: { default: void 0 }
+  },
+  setup(t) {
+    const o = t;
+    u();
+    const a = y(() => o.testId), c = d(() => [
+      "badge",
+      `badge--${o.tone}`,
+      `badge--${o.variant}`,
+      `badge--${o.size}`,
+      {
+        "badge--bold": o.bold,
+        "badge--icon-end": o.iconPosition === "end"
+      }
+    ]), s = d(() => {
+      const e = {};
+      return o.color && (e["--badge-color"] = o.color), o.backgroundColor && (e["--badge-background"] = o.backgroundColor), o.borderColor && (e["--badge-border-color"] = o.borderColor), o.iconColor && (e["--badge-icon-color"] = o.iconColor), e;
+    });
+    return (e, B) => (n(), b("span", l({
+      class: c.value,
+      style: s.value
+    }, { ...e.$attrs, ...r(a)("root") }), [
+      t.icon ? (n(), f(g(t.icon), l({
+        key: 0,
+        class: "badge__icon",
+        "aria-hidden": "true"
+      }, r(a)("icon")), null, 16)) : m("", !0),
+      C("span", l({ class: "badge__label" }, r(a)("label")), [
+        v(e.$slots, "default", {}, () => [
+          p(k(t.label), 1)
+        ], !0)
+      ], 16)
+    ], 16));
+  }
+});
+export {
+  I as default
+};

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

@@ -0,0 +1,3 @@
+import { default as Badge } from './Badge.vue';
+export type { BadgeIconPosition, BadgeProps, BadgeSize, BadgeTone, BadgeVariant } from './Badge.types';
+export { Badge };

package/dist/components/v2/BottomSheet/BottomSheet.css

@@ -0,0 +1 @@
+.sheet-trigger[data-v-52cd3076]{display:contents}.sheet-layer[data-v-52cd3076]{position:relative}.sheet-content[data-v-52cd3076]{background-color:var(--theme-neutral-0);z-index:1002;border-radius:12px 12px 0 0;flex-direction:column;width:100%;max-height:calc(100vh - 40px);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:visible;box-shadow:0 2px 5px #3a3a3a40}.sheet-content[data-state=open][data-v-52cd3076]{animation:slideBottomIn var(--animation-duration) ease-in-out}.sheet-content[data-state=closed][data-v-52cd3076]{animation:slideBottomOut var(--animation-duration) ease-in-out}.sheet-content__handle[data-v-52cd3076]{cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:flex-end;width:100%;height:24px;padding-bottom:12px;display:flex}.sheet-content__handle[data-v-52cd3076]:active{cursor:grabbing}.sheet-content__handle-dot[data-v-52cd3076]{background-color:var(--theme-neutral-icon-primary);border-radius:2px;width:48px;height:4px}.sheet-content__body[data-v-52cd3076]{box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);flex:auto;width:100%;min-height:0;overflow-y:auto}.sheet-content__body[data-v-52cd3076]::-webkit-scrollbar{width:8px;height:0}.sheet-content__body[data-v-52cd3076]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.sheet-content__body[data-v-52cd3076]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.sheet-content__body[data-v-52cd3076]::-webkit-scrollbar-corner{background:0 0}.sheet-overlay--drag-closing[data-v-52cd3076]{visibility:hidden}

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

@@ -0,0 +1,29 @@
+export interface BottomSheetProps {
+    /**
+     * z-index слоя. По умолчанию (`'auto'`) номер берётся из общего стека
+     * окон v2 — каждое следующее открытое окно ложится поверх предыдущего.
+     */
+    zIndex?: number | 'auto';
+    disableOutsidePointerEvents?: boolean;
+    /**
+     * Запретить закрытие смахиванием вниз — например, когда пользователь
+     * обязан выбрать одно из действий.
+     */
+    disableSwipeToClose?: boolean;
+    /**
+     * Доступное имя шторки (`aria-label`) — то, что объявит скринридер при
+     * открытии. Игнорируется, если задан `labelledBy`.
+     */
+    label?: string;
+    /**
+     * id заголовка внутри шторки (`aria-labelledby`). Приоритетнее `label` —
+     * так шторка называется собственным видимым заголовком.
+     */
+    labelledBy?: string;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface BottomSheetEmits {
+    escapeKeyDown: [event: KeyboardEvent];
+    pointerDownOutside: [event: MouseEvent | TouchEvent];
+}

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

@@ -0,0 +1,51 @@
+import { BottomSheetProps } from './BottomSheet.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = BottomSheetProps;
+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;
+        default?(_: {}): 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;
+    pointerDownOutside: (event: MouseEvent | TouchEvent) => any;
+    "update:open": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    label: string;
+    disableOutsidePointerEvents: boolean;
+    zIndex: number | "auto";
+    testId: string;
+    disableSwipeToClose: boolean;
+    labelledBy: 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/BottomSheet/BottomSheet.vue.js

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

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

@@ -0,0 +1,148 @@
+import { defineComponent as L, useModel as V, useId as F, computed as k, ref as K, useTemplateRef as O, watch as U, onBeforeUnmount as Z, openBlock as v, createElementBlock as w, Fragment as q, mergeProps as d, unref as e, renderSlot as T, createCommentVNode as D, createBlock as H, withCtx as Y, createElementVNode as u, normalizeStyle as j, withModifiers as G, mergeModels as B, nextTick as J } from "vue";
+import { onClickOutside as Q } from "../../../utils/onClickOutside.util.js";
+import { useBodyScroll as W } from "../../../utils/useBodyScroll.util.js";
+import { useFocusTrap as X } from "../../../utils/useFocusTrap.util.js";
+import { useSwipeToClose as _ } from "../../../utils/useSwipeToClose.util.js";
+import { ANIMATION_DURATION_MS as E } from "../shared/animation.const.js";
+import ee from "../shared/Portal.vue.js";
+import { useDelayedVisibility as te } from "../shared/useDelayedVisibility.util.js";
+import { useLayerZIndex as oe } from "../shared/useLayerZIndex.util.js";
+import { useTestId as ae } from "../shared/useTestId.util.js";
+import { useTriggerAria as ne } from "../shared/useTriggerAria.util.js";
+const le = ["data-state"], se = ["aria-label", "aria-labelledby", "data-state"], be = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "BottomSheet",
+  props: /* @__PURE__ */ B({
+    zIndex: { default: "auto" },
+    disableOutsidePointerEvents: { type: Boolean, default: !1 },
+    disableSwipeToClose: { type: Boolean, default: !1 },
+    label: { default: "Панель" },
+    labelledBy: { default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ B(["escapeKeyDown", "pointerDownOutside"], ["update:open"]),
+  setup(l, { emit: M }) {
+    const f = l, I = M, s = V(l, "open"), m = `sheet-content-${F()}`, r = ae(() => f.testId), x = k(() => ({
+      "aria-haspopup": "dialog",
+      "aria-expanded": s.value,
+      "aria-controls": s.value ? m : void 0
+    })), i = K(!1), S = O("triggerRef"), c = O("contentRef");
+    ne({
+      host: () => S.value,
+      isOpen: () => s.value,
+      contentId: () => m,
+      hasPopup: () => "dialog"
+    });
+    const { lockScroll: R, unlockScroll: $ } = W(), p = X(() => c.value), g = oe(), P = k(
+      () => f.zIndex === "auto" ? g.zIndex.value : f.zIndex
+    );
+    function y() {
+      s.value = !1;
+    }
+    const o = _({
+      onClose: () => {
+        i.value = !0, y();
+      }
+    });
+    function h(t) {
+      t.key === "Escape" && (I("escapeKeyDown", t), t.defaultPrevented || y());
+    }
+    function z(t) {
+      I("pointerDownOutside", t), !f.disableOutsidePointerEvents && !t.defaultPrevented && y();
+    }
+    const { visible: A, dataState: C } = te(
+      s,
+      () => i.value ? 0 : E,
+      {
+        onOpen: () => {
+          i.value = !1, o.reset(), g.acquire(), R(), p.activate({ focusDelayMs: E }), document.addEventListener("keydown", h), J(() => o.measureContentHeight(c.value));
+        },
+        onCloseStart: () => {
+          p.deactivate(), document.removeEventListener("keydown", h);
+        },
+        onCloseEnd: () => {
+          $(), g.release();
+        }
+      }
+    );
+    let b;
+    U(c, (t) => {
+      b?.(), b = t ? Q(t, z) : void 0;
+    }), Z(() => {
+      b?.(), document.removeEventListener("keydown", h), p.deactivate();
+    });
+    const N = k(() => ({
+      transform: o.dragOffset.value > 0 ? `translateY(${o.dragOffset.value}px)` : void 0,
+      transition: o.isDragging.value ? "none" : "transform 0.2s ease-out",
+      animation: i.value ? "none" : void 0
+    }));
+    return (t, a) => (v(), w(q, null, [
+      t.$slots.trigger ? (v(), w("span", d({
+        key: 0,
+        ref_key: "triggerRef",
+        ref: S,
+        class: "sheet-trigger"
+      }, e(r)("trigger"), {
+        onClick: a[0] || (a[0] = (n) => s.value = !0)
+      }), [
+        T(t.$slots, "trigger", { props: x.value }, void 0, !0)
+      ], 16)) : D("", !0),
+      e(A) ? (v(), H(ee, { key: 1 }, {
+        default: Y(() => [
+          u("div", {
+            class: "sheet-layer",
+            style: j({ zIndex: P.value })
+          }, [
+            u("div", d({
+              class: ["overlay dialog-overlay", { "sheet-overlay--drag-closing": i.value }],
+              "data-state": e(C)
+            }, e(r)("overlay")), null, 16, le),
+            u("div", d({
+              id: m,
+              ref_key: "contentRef",
+              ref: c,
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": l.labelledBy ? void 0 : l.label,
+              "aria-labelledby": l.labelledBy,
+              class: "sheet-content",
+              "data-state": e(C),
+              style: N.value
+            }, { ...t.$attrs, ...e(r)("content") }), [
+              l.disableSwipeToClose ? D("", !0) : (v(), w("div", d({
+                key: 0,
+                class: "sheet-content__handle",
+                "aria-hidden": "true",
+                tabindex: "-1"
+              }, e(r)("handle"), {
+                onTouchstart: a[1] || (a[1] = //@ts-ignore
+                (...n) => e(o).handleDragStart && e(o).handleDragStart(...n)),
+                onTouchmove: a[2] || (a[2] = G(
+                  //@ts-ignore
+                  (...n) => e(o).handleDragMove && e(o).handleDragMove(...n),
+                  ["prevent"]
+                )),
+                onTouchend: a[3] || (a[3] = //@ts-ignore
+                (...n) => e(o).handleDragEnd && e(o).handleDragEnd(...n)),
+                onMousedown: a[4] || (a[4] = //@ts-ignore
+                (...n) => e(o).handleMouseDown && e(o).handleMouseDown(...n))
+              }), [...a[5] || (a[5] = [
+                u("div", { class: "sheet-content__handle-dot" }, null, -1)
+              ])], 16)),
+              u("div", d({ class: "sheet-content__body" }, e(r)("body")), [
+                T(t.$slots, "default", {}, void 0, !0)
+              ], 16)
+            ], 16, se)
+          ], 4)
+        ]),
+        _: 3
+      })) : D("", !0)
+    ], 64));
+  }
+});
+export {
+  be as default
+};

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

@@ -0,0 +1,3 @@
+import { default as BottomSheet } from './BottomSheet.vue';
+export type { BottomSheetEmits, BottomSheetProps } from './BottomSheet.types';
+export { BottomSheet };

package/dist/components/v2/Breadcrumb/Breadcrumb.css

@@ -0,0 +1 @@
+.breadcrumbs[data-v-a16f5cf4]{--breadcrumbs-font-size:.875rem;--breadcrumbs-line-height:1.375rem;--breadcrumbs-gap:.25rem;--breadcrumbs-padding-x:.25rem;--breadcrumbs-separator-padding-x:.5rem;--breadcrumbs-radius:.25rem;--breadcrumbs-icon-size:.875rem;--breadcrumbs-color:var(--theme-neutral-550);--breadcrumbs-color-current:var(--theme-neutral-800);font-size:var(--breadcrumbs-font-size);line-height:var(--breadcrumbs-line-height);color:var(--breadcrumbs-color);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs__item[data-v-a16f5cf4]{align-items:center;min-width:0;display:inline-flex}.breadcrumbs__link[data-v-a16f5cf4]{align-items:center;gap:var(--breadcrumbs-gap);min-width:0;padding:0 var(--breadcrumbs-padding-x);font:inherit;color:inherit;border-radius:var(--breadcrumbs-radius);cursor:pointer;transition:color var(--animation-duration-fast) ease-in-out;background:0 0;border:0;margin:0;text-decoration:none;display:inline-flex}.breadcrumbs__link[data-v-a16f5cf4]:hover,.breadcrumbs__link[data-v-a16f5cf4]:focus-visible{color:var(--breadcrumbs-color-current);text-decoration:underline}.breadcrumbs__link[data-v-a16f5cf4]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem}.breadcrumbs__link--static[data-v-a16f5cf4]{cursor:default}.breadcrumbs__link--static[data-v-a16f5cf4]:hover,.breadcrumbs__link--static[data-v-a16f5cf4]:focus-visible{color:inherit;text-decoration:none}.breadcrumbs__link--current[data-v-a16f5cf4]{color:var(--breadcrumbs-color-current)}.breadcrumbs__item:first-child .breadcrumbs__link[data-v-a16f5cf4]{padding-left:0}.breadcrumbs__label[data-v-a16f5cf4]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.breadcrumbs__icon[data-v-a16f5cf4],.breadcrumbs__chevron[data-v-a16f5cf4]{width:var(--breadcrumbs-icon-size);height:var(--breadcrumbs-icon-size);color:currentColor;flex-shrink:0}.breadcrumbs__separator[data-v-a16f5cf4]{padding:0 var(--breadcrumbs-separator-padding-x);color:var(--breadcrumbs-color);-webkit-user-select:none;user-select:none;flex-shrink:0;text-decoration:none}

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

@@ -0,0 +1,35 @@
+import { Component } from 'vue';
+import { DropdownMenuEntry } from '../DropdownMenu/DropdownMenu.types';
+export interface BreadcrumbItem {
+    /** Текст пункта. Можно опустить, если пункт состоит из одной иконки. */
+    label?: string;
+    /**
+     * Адрес ссылки. Для маршрутизатора вместо этого используйте слот `item` —
+     * кит не тянет за собой vue-router.
+     */
+    href?: string;
+    /** Иконка перед текстом. */
+    icon?: Component;
+    /**
+     * Пункты выпадающего меню. Если заданы, пункт превращается в раскрывающийся
+     * и выбор внутри него приходит событием `menu-select`.
+     */
+    items?: DropdownMenuEntry[];
+    /** Пункт не кликается, но остаётся в цепочке. */
+    disabled?: boolean;
+    /** Доступное имя пункта — обязательно, если пункт состоит из одной иконки. */
+    ariaLabel?: string;
+}
+export interface BreadcrumbProps {
+    /**
+     * Цепочка от корня к текущей странице. Последний пункт считается текущей
+     * страницей: он не кликается и помечается `aria-current="page"`.
+     */
+    items: BreadcrumbItem[];
+    /** Разделитель между пунктами. */
+    separator?: string;
+    /** Доступное имя навигации — им скринридер отличает её от других на странице. */
+    label?: string;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}

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

@@ -0,0 +1,35 @@
+import { DropdownMenuItemData } from '../DropdownMenu/DropdownMenu.types';
+import { BreadcrumbItem, BreadcrumbProps } from './Breadcrumb.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            item: BreadcrumbItem;
+            index: number;
+            isCurrent: boolean;
+        }): any;
+        separator?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<BreadcrumbProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: (item: BreadcrumbItem, index: number, event: MouseEvent) => any;
+    menuSelect: (entry: DropdownMenuItemData, item: BreadcrumbItem, index: number) => any;
+}, string, PublicProps, Readonly<BreadcrumbProps> & Readonly<{
+    onSelect?: ((item: BreadcrumbItem, index: number, event: MouseEvent) => any) | undefined;
+    onMenuSelect?: ((entry: DropdownMenuItemData, item: BreadcrumbItem, index: number) => any) | undefined;
+}>, {
+    label: string;
+    testId: string;
+    separator: 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/Breadcrumb/Breadcrumb.vue.js

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

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

@@ -0,0 +1,129 @@
+import { defineComponent as S, openBlock as s, createElementBlock as t, mergeProps as u, unref as c, createElementVNode as y, Fragment as $, renderList as D, renderSlot as g, createBlock as _, withCtx as N, resolveDynamicComponent as m, createCommentVNode as l, toDisplayString as d, createVNode as V, createTextVNode as w } from "vue";
+import { ChevronDown as T } from "@lucide/vue";
+import A from "../DropdownMenu/DropdownMenu.vue.js";
+import { useTestId as E } from "../shared/useTestId.util.js";
+const M = ["aria-label"], F = { class: "breadcrumbs" }, P = ["aria-label"], j = {
+  key: 1,
+  class: "breadcrumbs__label"
+}, q = ["href", "aria-label", "onClick"], z = {
+  key: 1,
+  class: "breadcrumbs__label"
+}, G = ["aria-label", "onClick"], H = {
+  key: 1,
+  class: "breadcrumbs__label"
+}, J = ["aria-current", "aria-label"], K = {
+  key: 1,
+  class: "breadcrumbs__label"
+}, W = /* @__PURE__ */ S({
+  inheritAttrs: !1,
+  __name: "Breadcrumb",
+  props: {
+    items: {},
+    separator: { default: "/" },
+    label: { default: "Хлебные крошки" },
+    testId: { default: void 0 }
+  },
+  emits: ["select", "menuSelect"],
+  setup(i, { emit: C }) {
+    const h = i, f = C, b = E(() => h.testId), k = (r) => r === h.items.length - 1, p = (r, o) => !r.disabled && !k(o), v = (r, o) => p(r, o) && !!r.items?.length, I = (r, o) => p(r, o) && !r.items?.length && !!r.href, B = (r, o) => p(r, o) && !r.items?.length && !r.href, L = (r) => h.testId ? `${h.testId}-item-${r}` : void 0;
+    return (r, o) => (s(), t("nav", u({ "aria-label": i.label }, { ...r.$attrs, ...c(b)("root") }), [
+      y("ol", F, [
+        (s(!0), t($, null, D(i.items, (e, a) => (s(), t("li", {
+          key: a,
+          class: "breadcrumbs__item"
+        }, [
+          g(r.$slots, "item", {
+            item: e,
+            index: a,
+            isCurrent: k(a)
+          }, () => [
+            v(e, a) ? (s(), _(c(A), {
+              key: 0,
+              items: e.items ?? [],
+              label: e.label,
+              "test-id": L(a),
+              onSelect: (n) => f("menuSelect", n, e, a)
+            }, {
+              trigger: N(({ props: n }) => [
+                y("button", u({
+                  type: "button",
+                  class: "breadcrumbs__link breadcrumbs__link--menu",
+                  "aria-label": e.ariaLabel
+                }, { ref_for: !0 }, {
+                  ...n,
+                  ...c(b)("item", a)
+                }), [
+                  e.icon ? (s(), _(m(e.icon), {
+                    key: 0,
+                    class: "breadcrumbs__icon",
+                    "aria-hidden": "true"
+                  })) : l("", !0),
+                  e.label ? (s(), t("span", j, d(e.label), 1)) : l("", !0),
+                  V(c(T), {
+                    class: "breadcrumbs__chevron",
+                    "aria-hidden": "true"
+                  })
+                ], 16, P)
+              ]),
+              _: 2
+            }, 1032, ["items", "label", "test-id", "onSelect"])) : I(e, a) ? (s(), t("a", u({
+              key: 1,
+              href: e.href,
+              class: "breadcrumbs__link",
+              "aria-label": e.ariaLabel
+            }, { ref_for: !0 }, c(b)("item", a), {
+              onClick: (n) => f("select", e, a, n)
+            }), [
+              e.icon ? (s(), _(m(e.icon), {
+                key: 0,
+                class: "breadcrumbs__icon",
+                "aria-hidden": "true"
+              })) : l("", !0),
+              e.label ? (s(), t("span", z, d(e.label), 1)) : l("", !0)
+            ], 16, q)) : B(e, a) ? (s(), t("button", u({
+              key: 2,
+              type: "button",
+              class: "breadcrumbs__link",
+              "aria-label": e.ariaLabel
+            }, { ref_for: !0 }, c(b)("item", a), {
+              onClick: (n) => f("select", e, a, n)
+            }), [
+              e.icon ? (s(), _(m(e.icon), {
+                key: 0,
+                class: "breadcrumbs__icon",
+                "aria-hidden": "true"
+              })) : l("", !0),
+              e.label ? (s(), t("span", H, d(e.label), 1)) : l("", !0)
+            ], 16, G)) : (s(), t("span", u({
+              key: 3,
+              class: ["breadcrumbs__link breadcrumbs__link--static", {
+                "breadcrumbs__link--current": k(a)
+              }],
+              "aria-current": k(a) ? "page" : void 0,
+              "aria-label": e.ariaLabel
+            }, { ref_for: !0 }, c(b)("item", a)), [
+              e.icon ? (s(), _(m(e.icon), {
+                key: 0,
+                class: "breadcrumbs__icon",
+                "aria-hidden": "true"
+              })) : l("", !0),
+              e.label ? (s(), t("span", K, d(e.label), 1)) : l("", !0)
+            ], 16, J))
+          ], !0),
+          a < i.items.length - 1 ? (s(), t("span", u({
+            key: 0,
+            class: "breadcrumbs__separator",
+            "aria-hidden": "true"
+          }, { ref_for: !0 }, c(b)("separator", a)), [
+            g(r.$slots, "separator", {}, () => [
+              w(d(i.separator), 1)
+            ], !0)
+          ], 16)) : l("", !0)
+        ]))), 128))
+      ])
+    ], 16, M));
+  }
+});
+export {
+  W as default
+};

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

@@ -0,0 +1,3 @@
+import { default as Breadcrumb } from './Breadcrumb.vue';
+export type { BreadcrumbItem, BreadcrumbProps } from './Breadcrumb.types';
+export { Breadcrumb };

package/dist/components/v2/Button/Button.css

@@ -0,0 +1 @@
+.button[data-v-59dbe4ef]{--button-height:2.5rem;--button-padding-x:1.25rem;--button-radius:.5rem;--button-font-size:1rem;--button-line-height:1.25rem;--button-icon-size:1.125rem;--button-gap:.25rem;--button-shadow:none;--button-background:transparent;--button-color:var(--theme-neutral-text-body);--button-border-color:transparent;--button-background-hover:var(--button-background);--button-color-hover:var(--button-color);--button-background-active:var(--button-background-hover);--button-color-active:var(--button-color-hover);--button-background-focus:var(--button-background-hover);--button-color-focus:var(--button-color-hover);--button-outline-color:var(--theme-primary-300);--button-outline-width:.1875rem;--button-outline-offset:0;--button-background-disabled:transparent;--button-border-color-disabled:transparent;--button-color-disabled:var(--theme-neutral-300);justify-content:center;align-items:center;gap:var(--button-gap);box-sizing:border-box;width:max-content;height:var(--button-height);padding:0 var(--button-padding-x);font-family:inherit;font-weight:500;font-size:var(--button-font-size);line-height:var(--button-line-height);color:var(--button-color);background-color:var(--button-background);border:.0625rem solid var(--button-border-color);border-radius:var(--button-radius);box-shadow:var(--button-shadow);cursor:pointer;transition:background-color var(--animation-duration-fast) ease-in-out, border-color var(--animation-duration-fast) ease-in-out, color var(--animation-duration-fast) ease-in-out;display:inline-flex}.button[data-v-59dbe4ef]:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--button-background-hover)}.button[data-v-59dbe4ef]:active:not(:disabled){color:var(--button-color-active);background-color:var(--button-background-active)}.button[data-v-59dbe4ef]:focus-visible{color:var(--button-color-focus);background-color:var(--button-background-focus);outline:var(--button-outline-width) solid var(--button-outline-color);outline-offset:var(--button-outline-offset)}.button[data-v-59dbe4ef]:disabled{color:var(--button-color-disabled);background-color:var(--button-background-disabled);border-color:var(--button-border-color-disabled);box-shadow:none;cursor:not-allowed}.button--extrasmall[data-v-59dbe4ef]{--button-height:1.5rem;--button-padding-x:.75rem;--button-font-size:.75rem;--button-line-height:1rem;--button-icon-size:.75rem;--button-shadow:var(--theme-shadow-button)}.button--small[data-v-59dbe4ef]{--button-height:2.25rem;--button-padding-x:1rem;--button-font-size:.875rem;--button-line-height:1rem;--button-icon-size:1rem}.button--large[data-v-59dbe4ef]{--button-height:2.75rem;--button-padding-x:1.5rem;--button-radius:.75rem;--button-font-size:1.125rem;--button-line-height:1.5rem;--button-icon-size:1.25rem;--button-gap:.5rem}.button--extralarge[data-v-59dbe4ef]{--button-height:3.5rem;--button-padding-x:1.5rem;--button-radius:.75rem;--button-font-size:1.25rem;--button-line-height:1.5rem;--button-icon-size:1.5rem;--button-gap:.5rem}.button--success[data-v-59dbe4ef]{--button-background:var(--theme-primary-500);--button-color:var(--theme-neutral-0);--button-background-hover:var(--theme-primary-400);--button-background-active:var(--theme-primary-600);--button-background-disabled:var(--theme-neutral-surface-disabled)}.button--success.button--contrast[data-v-59dbe4ef]{--button-background:var(--theme-primary-75);--button-color:var(--theme-primary-700);--button-background-hover:var(--theme-primary-200);--button-background-active:var(--theme-primary-300)}.button--success.button--outlined[data-v-59dbe4ef]{--button-background:var(--theme-neutral-0);--button-color:var(--theme-neutral-text-body);--button-border-color:var(--theme-primary-500);--button-background-hover:var(--theme-primary-50);--button-color-hover:var(--theme-primary-500);--button-background-active:var(--theme-primary-75);--button-background-disabled:transparent;--button-border-color-disabled:var(--theme-neutral-border-disabled)}.button--success.button--text[data-v-59dbe4ef]{--button-background:transparent;--button-color:var(--theme-primary-500);--button-background-hover:var(--theme-primary-75);--button-background-active:var(--theme-primary-75);--button-background-disabled:transparent}.button--success.button--text-plain[data-v-59dbe4ef]{--button-background:transparent;--button-color:var(--theme-neutral-text-body);--button-background-hover:transparent;--button-background-active:transparent;--button-color-hover:var(--theme-primary-500);--button-color-active:var(--theme-primary-600);--button-background-disabled:transparent}.button--danger[data-v-59dbe4ef]{--button-background:var(--theme-error-500);--button-color:var(--theme-neutral-0);--button-background-hover:var(--theme-error-400);--button-background-active:var(--theme-error-600);--button-outline-color:var(--theme-error-300);--button-background-disabled:var(--theme-neutral-surface-disabled)}.button--danger.button--contrast[data-v-59dbe4ef]{--button-background:var(--theme-error-50);--button-color:var(--theme-error-700);--button-background-hover:var(--theme-error-100);--button-background-active:var(--theme-error-200)}.button--danger.button--outlined[data-v-59dbe4ef]{--button-background:var(--theme-neutral-0);--button-color:var(--theme-error-500);--button-border-color:var(--theme-error-500);--button-background-hover:var(--theme-error-50);--button-background-active:var(--theme-error-200);--button-background-disabled:transparent;--button-border-color-disabled:var(--theme-neutral-border-disabled)}.button--danger.button--text[data-v-59dbe4ef]{--button-background:transparent;--button-color:var(--theme-error-500);--button-background-hover:var(--theme-error-50);--button-background-active:var(--theme-error-200);--button-background-disabled:transparent}.button--danger.button--text-plain[data-v-59dbe4ef]{--button-background:transparent;--button-color:var(--theme-neutral-text-body);--button-background-hover:transparent;--button-background-active:transparent;--button-color-hover:var(--theme-error-500);--button-color-active:var(--theme-error-600);--button-background-disabled:transparent}.button--secondary.button--outlined[data-v-59dbe4ef]{--button-background:var(--theme-neutral-0);--button-color:var(--theme-neutral-text-body);--button-border-color:var(--theme-neutral-border-default);--button-background-hover:var(--theme-neutral-200);--button-background-active:var(--theme-neutral-400_40);--button-border-color-disabled:var(--theme-neutral-border-default)}.button--secondary.button--text[data-v-59dbe4ef]{--button-background-hover:var(--theme-neutral-200);--button-background-active:var(--theme-neutral-250);--button-outline-color:var(--theme-neutral-500);--button-background-focus:var(--theme-neutral-250)}.button--secondary-blue[data-v-59dbe4ef]{--button-background:var(--theme-secondary-200);--button-color:var(--theme-neutral-text-body);--button-background-hover:var(--theme-secondary-300);--button-background-active:var(--theme-secondary-350);--button-background-disabled:var(--theme-neutral-surface-disabled)}.button--link[data-v-59dbe4ef]{--button-color:var(--theme-info-400)}.button--link[data-v-59dbe4ef],.button--text-plain[data-v-59dbe4ef]{--button-height:auto;--button-padding-x:0;--button-radius:.25rem;--button-shadow:none;--button-outline-offset:.25rem}.button--link[data-v-59dbe4ef]:hover:not(:disabled){text-underline-offset:.125rem;text-decoration:underline}.button--icon-end[data-v-59dbe4ef]{flex-direction:row-reverse}.button--icon-only[data-v-59dbe4ef]{width:var(--button-height);padding:0}.button--rounded[data-v-59dbe4ef]{--button-radius:6.1875rem}.button--full[data-v-59dbe4ef]{width:100%}.button--loading[data-v-59dbe4ef]{cursor:wait}.button__icon[data-v-59dbe4ef]{width:var(--button-icon-size);height:var(--button-icon-size);color:currentColor;flex-shrink:0}.button__label[data-v-59dbe4ef]{white-space:nowrap}.button__spinner[data-v-59dbe4ef]{box-sizing:border-box;width:var(--button-icon-size);height:var(--button-icon-size);border:.125rem solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;animation:.6s linear infinite button-spin-59dbe4ef}@keyframes button-spin-59dbe4ef{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.button__spinner[data-v-59dbe4ef]{animation:none}}

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

@@ -0,0 +1,60 @@
+import { Component } from 'vue';
+export type ButtonSize = 'extrasmall' | 'small' | 'medium' | 'large' | 'extralarge';
+/**
+ * Цветовая семантика. Имена совпадают с Button v1, чтобы переезд на v2 не
+ * требовал переписывать вызовы.
+ *
+ * Соответствие макету: `success` → Primary, `danger` → del btn,
+ * `secondary` → secondary neutral / Text, `secondary-blue` → secondary blue
+ * button, `link` → link.
+ */
+export type ButtonVariant = 'success' | 'danger' | 'secondary' | 'secondary-blue' | 'link';
+/**
+ * Способ заливки. Без значения — сплошная кнопка (Primary в макете).
+ *
+ * - `contrast` — светлая заливка цветом варианта;
+ * - `outlined` — рамка цветом варианта, фон белый;
+ * - `text` — без фона и рамки, но с паддингами кнопки: заливка появляется
+ *   на hover/active;
+ * - `text-plain` — «голый» текст без паддингов и заливки, меняется только
+ *   цвет (макет: Text 2 / Text 2 danger).
+ */
+export type ButtonStyle = 'contrast' | 'outlined' | 'text' | 'text-plain';
+export type ButtonIconPosition = 'start' | 'end';
+export type ButtonType = 'button' | 'submit' | 'reset';
+export interface ButtonProps {
+    /** Размер кнопки. */
+    size?: ButtonSize;
+    /** Цветовая семантика. */
+    variant?: ButtonVariant;
+    /**
+     * Способ заливки. В макете нарисованы не все пары `variant` × `buttonStyle`:
+     * у `secondary` есть только `outlined` и `text`, у `secondary-blue` и `link`
+     * — только базовый вид. Остальные сочетания отрисуются как базовые и в
+     * dev-сборке выведут предупреждение.
+     */
+    buttonStyle?: ButtonStyle;
+    /** Значение атрибута `type`. По умолчанию `button` — кнопка внутри формы не отправляет её сама. */
+    type?: ButtonType;
+    /** Растянуть на всю ширину родителя. */
+    full?: boolean;
+    /** Полное скругление (в макете — свойство Pill). */
+    rounded?: boolean;
+    /** Кнопка недоступна. */
+    disabled?: boolean;
+    /** Показать лоадер и заблокировать нажатия. */
+    loading?: boolean;
+    /** Иконка. Альтернатива — слот `icon`. */
+    icon?: Component;
+    /** С какой стороны от текста стоит иконка. */
+    iconPosition?: ButtonIconPosition;
+    /** Только иконка: кнопка становится квадратной. */
+    iconOnly?: boolean;
+    /**
+     * Доступное имя. Обязательно при `iconOnly` — иначе кнопку нечем озвучить
+     * скринридеру.
+     */
+    ariaLabel?: string;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}

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

@@ -0,0 +1,38 @@
+import { ButtonProps, ButtonStyle, ButtonVariant, ButtonType, ButtonSize, ButtonIconPosition } from './Button.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, PublicProps, Readonly<ButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    type: ButtonType;
+    size: ButtonSize;
+    disabled: boolean;
+    variant: ButtonVariant;
+    buttonStyle: ButtonStyle;
+    full: boolean;
+    rounded: boolean;
+    icon: Component;
+    iconPosition: ButtonIconPosition;
+    iconOnly: boolean;
+    loading: boolean;
+    ariaLabel: string;
+    testId: 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;
+    };
+};