@profitliga/ui 1.2.90 → 2.0.1

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

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

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

@@ -0,0 +1,51 @@
+import { defineComponent as m, useSlots as p, computed as r, openBlock as s, createElementBlock as c, mergeProps as a, unref as n, Fragment as h, createElementVNode as l, renderSlot as g, createTextVNode as $, toDisplayString as k, createCommentVNode as y } from "vue";
+import { useTestId as B } from "../shared/useTestId.util.js";
+const C = ["role", "aria-orientation", "aria-hidden"], N = /* @__PURE__ */ m({
+  inheritAttrs: !1,
+  __name: "Divider",
+  props: {
+    orientation: { default: "horizontal" },
+    variant: { default: "solid" },
+    label: { default: void 0 },
+    align: { default: "center" },
+    thickness: { default: 1 },
+    spacing: { default: "none" },
+    color: { default: void 0 },
+    decorative: { type: Boolean, default: !0 },
+    testId: { default: void 0 }
+  },
+  setup(t) {
+    const e = t, u = p(), o = B(() => e.testId), d = r(() => !!(e.label || u.default)), v = r(() => [
+      "divider",
+      `divider--${e.orientation}`,
+      `divider--${e.variant}`,
+      `divider--spacing-${e.spacing}`,
+      d.value ? `divider--${e.align}` : "divider--plain"
+    ]), f = r(() => {
+      const i = {
+        "--divider-thickness": `${e.thickness}px`
+      };
+      return e.color && (i["--divider-color"] = e.color), i;
+    });
+    return (i, S) => (s(), c("div", a({
+      class: v.value,
+      style: f.value,
+      role: t.decorative ? void 0 : "separator",
+      "aria-orientation": t.decorative || t.orientation === "horizontal" ? void 0 : "vertical",
+      "aria-hidden": t.decorative ? "true" : void 0
+    }, { ...i.$attrs, ...n(o)("root") }), [
+      d.value ? (s(), c(h, { key: 0 }, [
+        l("span", a({ class: "divider__line" }, n(o)("line", "start")), null, 16),
+        l("span", a({ class: "divider__content" }, n(o)("content")), [
+          g(i.$slots, "default", {}, () => [
+            $(k(t.label), 1)
+          ], !0)
+        ], 16),
+        l("span", a({ class: "divider__line" }, n(o)("line", "end")), null, 16)
+      ], 64)) : y("", !0)
+    ], 16, C));
+  }
+});
+export {
+  N as default
+};

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

@@ -0,0 +1,3 @@
+import { default as Divider } from './Divider.vue';
+export type { DividerAlign, DividerOrientation, DividerProps, DividerSpacing, DividerVariant } from './Divider.types';
+export { Divider };

package/dist/components/v2/Drawer/Drawer.css

@@ -0,0 +1 @@
+.drawer-trigger[data-v-fa82d1f1]{display:contents}.drawer-layer[data-v-fa82d1f1]{position:relative}.drawer-content[data-v-fa82d1f1]{box-sizing:border-box;background-color:var(--theme-neutral-0);z-index:1002;flex-direction:column;padding:24px;display:flex;position:fixed;box-shadow:0 2px 5px #3a3a3a40}.drawer-content--left[data-v-fa82d1f1]{border-radius:0 12px 12px 0;max-width:90vw;height:100%;top:0;bottom:0;left:0}.drawer-content--left[data-state=open][data-v-fa82d1f1]{animation:slideLeftIn var(--animation-duration) ease-in-out}.drawer-content--left[data-state=closed][data-v-fa82d1f1]{animation:slideLeftOut var(--animation-duration) ease-in-out}.drawer-content--right[data-v-fa82d1f1]{border-radius:12px 0 0 12px;max-width:90vw;height:100%;top:0;bottom:0;right:0}.drawer-content--right[data-state=open][data-v-fa82d1f1]{animation:slideRightIn var(--animation-duration) ease-in-out}.drawer-content--right[data-state=closed][data-v-fa82d1f1]{animation:slideRightOut var(--animation-duration) ease-in-out}.drawer-content--top[data-v-fa82d1f1]{border-radius:0 0 12px 12px;width:100%;max-height:90dvh;top:0;left:0;right:0}.drawer-content--top[data-state=open][data-v-fa82d1f1]{animation:slideTopIn var(--animation-duration) ease-in-out}.drawer-content--top[data-state=closed][data-v-fa82d1f1]{animation:slideTopOut var(--animation-duration) ease-in-out}.drawer-content--bottom[data-v-fa82d1f1]{border-radius:12px 12px 0 0;width:100%;max-height:90dvh;bottom:0;left:0;right:0}.drawer-content--bottom[data-state=open][data-v-fa82d1f1]{animation:slideBottomIn var(--animation-duration) ease-in-out}.drawer-content--bottom[data-state=closed][data-v-fa82d1f1]{animation:slideBottomOut var(--animation-duration) ease-in-out}.drawer-content__header[data-v-fa82d1f1]{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;margin-bottom:16px;display:flex}.drawer-content__title[data-v-fa82d1f1]{flex:1 1 0;min-width:0;font-weight:500}.drawer-content__close[data-v-fa82d1f1]{background:0 0;border:none;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-left:auto;padding:0;display:flex}.drawer-content__close[data-v-fa82d1f1]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.drawer-content__close svg[data-v-fa82d1f1]{width:20px;height:20px;color:var(--color-secondary-400);transition:color .3s ease-in-out}.drawer-content__close[data-v-fa82d1f1]:hover{cursor:pointer}.drawer-content__close:hover svg[data-v-fa82d1f1]{color:var(--color-secondary-500);transition:color .3s ease-in-out}.drawer-content__divider[data-v-fa82d1f1]{background-color:var(--theme-secondary-250);flex:none;width:100%;height:1px;margin-top:-4px;margin-bottom:12px}.drawer-content__wrapper[data-v-fa82d1f1]{box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;min-height:0;display:flex;overflow-y:auto}.drawer-content__wrapper[data-v-fa82d1f1]::-webkit-scrollbar{width:8px;height:0}.drawer-content__wrapper[data-v-fa82d1f1]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.drawer-content__wrapper[data-v-fa82d1f1]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.drawer-content__wrapper[data-v-fa82d1f1]::-webkit-scrollbar-corner{background:0 0}.drawer-content__actions[data-v-fa82d1f1]{flex:none;justify-content:flex-end;align-items:center;gap:8px;width:100%;margin-top:32px;display:flex}.drawer-mobile[data-v-fa82d1f1]{flex-direction:column;gap:16px;width:100%;display:flex}.drawer-mobile__title[data-v-fa82d1f1]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.drawer-mobile__divider[data-v-fa82d1f1]{background-color:var(--theme-secondary-250);width:100%;height:1px;margin-top:-4px}.drawer-mobile__content[data-v-fa82d1f1]{flex-direction:column;gap:12px;display:flex}.drawer-mobile__actions[data-v-fa82d1f1]{flex-direction:column-reverse;gap:8px;width:100%;display:flex}.drawer-mobile__actions[data-v-fa82d1f1] button{width:100%}

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

@@ -0,0 +1,55 @@
+import { TBreakpoints } from '../../../types/global.types';
+export type TDrawerPosition = 'right' | 'left' | 'top' | 'bottom';
+/** Что именно инициировало закрытие — приходит первым аргументом в `beforeClose`. */
+export type TDrawerCloseReason = 'closeButton' | 'escapeKey' | 'outsidePointer'
+/** Вызов `requestClose()` через ref компонента. */
+ | 'programmatic';
+export interface IDrawerTitleProps {
+    text?: string;
+    as?: string;
+}
+export interface IDrawerCloseProps {
+    enabled?: boolean;
+    /** Доступное имя кнопки закрытия (у неё нет видимого текста). */
+    label?: string;
+}
+export interface DrawerProps {
+    /** Сторона экрана, от которой выезжает панель. */
+    position?: TDrawerPosition;
+    title?: IDrawerTitleProps;
+    closeButton?: IDrawerCloseProps;
+    /** Ширина панели в пикселях — только для `position` `left`/`right`. */
+    width?: number;
+    /** Высота панели в пикселях — только для `position` `top`/`bottom`. */
+    height?: number;
+    /**
+     * z-index слоя. По умолчанию (`'auto'`) номер берётся из общего стека
+     * окон v2 — каждое следующее открытое окно ложится поверх предыдущего.
+     */
+    zIndex?: number | 'auto';
+    /** Брейкпоинт, ниже которого панель превращается в `BottomSheet`. */
+    breakpointMobile?: TBreakpoints;
+    disableOutsidePointerEvents?: boolean;
+    /** Разделительная линия между шапкой и контентом. */
+    divider?: boolean;
+    /**
+     * Перехват закрытия: панель закроется, только если функция вернёт `true`
+     * (или промис с `true`). Позволяет спросить подтверждение — например,
+     * показать `ConfirmDialog` при несохранённой форме.
+     *
+     * Срабатывает на закрытия, которые инициирует сама панель (крестик,
+     * Escape, клик по подложке), и на `requestClose()` через ref. Прямая
+     * запись во внешнюю модель (`isOpen.value = false`) перехвату не
+     * поддаётся — для неё вызывайте `requestClose()`.
+     *
+     * Пока перехват задан, на мобильных отключается закрытие свайпом:
+     * жест уже сдвинул панель, и отменить его без рывка нельзя.
+     */
+    beforeClose?: (reason: TDrawerCloseReason) => boolean | Promise<boolean>;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface DrawerEmits {
+    escapeKeyDown: [event: KeyboardEvent];
+    pointerDownOutside: [event: MouseEvent | TouchEvent];
+}

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

@@ -0,0 +1,71 @@
+import { DrawerProps, TDrawerCloseReason, IDrawerTitleProps, IDrawerCloseProps, TDrawerPosition } from './Drawer.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+type __VLS_Props = DrawerProps;
+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;
+        trigger?(_: {
+            props: {
+                'aria-haspopup': "dialog";
+                'aria-expanded': boolean;
+                'aria-controls': string | undefined;
+            };
+        }): 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, {
+    requestClose: (reason?: TDrawerCloseReason) => Promise<void>;
+}, {}, {}, {}, 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;
+}>, {
+    title: IDrawerTitleProps;
+    width: number;
+    height: number;
+    disableOutsidePointerEvents: boolean;
+    closeButton: IDrawerCloseProps;
+    position: TDrawerPosition;
+    zIndex: number | "auto";
+    breakpointMobile: TBreakpoints;
+    divider: boolean;
+    testId: string;
+    beforeClose: (reason: TDrawerCloseReason) => boolean | Promise<boolean>;
+}, {}, {}, {}, 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/Drawer/Drawer.vue.js

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

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

@@ -0,0 +1,242 @@
+import { defineComponent as W, useModel as Y, useId as _, computed as b, useTemplateRef as T, ref as ee, watch as te, onBeforeUnmount as oe, unref as t, openBlock as s, createBlock as w, createSlots as ie, withCtx as m, createElementVNode as d, createElementBlock as u, mergeProps as n, toDisplayString as N, createCommentVNode as c, renderSlot as f, normalizeProps as se, guardReactiveProps as ae, Fragment as ne, normalizeStyle as re, resolveDynamicComponent as x, createTextVNode as le, createVNode as de, mergeModels as A } from "vue";
+import { X as ue } from "@lucide/vue";
+import { breakpoints as ce } from "../../../utils/breakpoints.util.js";
+import { onClickOutside as fe } from "../../../utils/onClickOutside.util.js";
+import { useBodyScroll as ve } from "../../../utils/useBodyScroll.util.js";
+import { useFocusTrap as me } from "../../../utils/useFocusTrap.util.js";
+import pe from "../BottomSheet/BottomSheet.vue.js";
+import { ANIMATION_DURATION_MS as K } from "../shared/animation.const.js";
+import ye from "../shared/Portal.vue.js";
+import { useDelayedVisibility as be } from "../shared/useDelayedVisibility.util.js";
+import { useLayerZIndex as we } from "../shared/useLayerZIndex.util.js";
+import { useTestId as ge } from "../shared/useTestId.util.js";
+import { useTriggerAria as ke } from "../shared/useTriggerAria.util.js";
+import he from "../shared/VisuallyHidden.vue.js";
+const $e = { class: "drawer-mobile" }, Ie = {
+  key: 1,
+  class: "drawer-mobile__divider"
+}, Ce = ["data-state"], Oe = ["aria-describedby", "data-state"], Pe = { class: "drawer-content__header" }, De = ["aria-label"], Se = {
+  key: 0,
+  class: "drawer-content__divider"
+}, Ue = /* @__PURE__ */ W({
+  inheritAttrs: !1,
+  __name: "Drawer",
+  props: /* @__PURE__ */ A({
+    position: { default: "right" },
+    title: { default: void 0 },
+    closeButton: { default: () => ({ enabled: !0 }) },
+    width: { default: 500 },
+    height: { default: 500 },
+    zIndex: { default: "auto" },
+    breakpointMobile: { default: "sm" },
+    disableOutsidePointerEvents: { type: Boolean, default: !1 },
+    divider: { type: Boolean, default: !1 },
+    beforeClose: { type: Function, default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ A(["escapeKeyDown", "pointerDownOutside"], ["update:open"]),
+  setup(o, { expose: V, emit: q }) {
+    const i = o, g = q, r = Y(o, "open"), S = ce.smaller(i.breakpointMobile), k = _(), v = `drawer-title-${k}`, h = `drawer-content-${k}`, B = `drawer-body-${k}`, a = ge(() => i.testId), L = b(() => ({
+      "aria-haspopup": "dialog",
+      "aria-expanded": r.value,
+      "aria-controls": r.value ? h : void 0
+    })), E = b(() => i.title?.as ?? "h2"), F = b(
+      () => i.position === "left" || i.position === "right" ? { width: `${i.width}px` } : { height: `${i.height}px` }
+    ), z = T("triggerRef"), $ = T("contentRef");
+    ke({
+      host: () => z.value,
+      isOpen: () => r.value,
+      contentId: () => h,
+      hasPopup: () => "dialog"
+    });
+    const { lockScroll: U, unlockScroll: Z } = ve(), I = me(() => $.value), C = we(), H = b(
+      () => i.zIndex === "auto" ? C.zIndex.value : i.zIndex
+    ), O = ee(!1);
+    async function p(e) {
+      if (!i.beforeClose) {
+        r.value = !1;
+        return;
+      }
+      if (!O.value) {
+        O.value = !0;
+        try {
+          await i.beforeClose(e) && (r.value = !1);
+        } finally {
+          O.value = !1;
+        }
+      }
+    }
+    function P(e) {
+      e.key === "Escape" && (g("escapeKeyDown", e), e.defaultPrevented || p("escapeKey"));
+    }
+    function X(e) {
+      g("pointerDownOutside", e), !i.disableOutsidePointerEvents && !e.defaultPrevented && p("outsidePointer");
+    }
+    function R(e, l) {
+      e.defaultPrevented || !i.beforeClose || (e.preventDefault(), p(l));
+    }
+    function j(e) {
+      g("escapeKeyDown", e), R(e, "escapeKey");
+    }
+    function G(e) {
+      g("pointerDownOutside", e), !i.disableOutsidePointerEvents && R(e, "outsidePointer");
+    }
+    const J = b(() => r.value && !S.value), { visible: Q, dataState: M } = be(
+      J,
+      K,
+      {
+        onOpen: () => {
+          C.acquire(), U(), I.activate({ focusDelayMs: K }), document.addEventListener("keydown", P);
+        },
+        onCloseStart: () => {
+          I.deactivate(), document.removeEventListener("keydown", P);
+        },
+        onCloseEnd: () => {
+          Z(), C.release();
+        }
+      }
+    );
+    let D;
+    return te($, (e) => {
+      D?.(), D = e ? fe(e, X) : void 0;
+    }), oe(() => {
+      D?.(), document.removeEventListener("keydown", P), I.deactivate();
+    }), V({
+      requestClose: (e = "programmatic") => p(e)
+    }), (e, l) => t(S) ? (s(), w(t(pe), {
+      key: 0,
+      open: r.value,
+      "onUpdate:open": l[0] || (l[0] = (y) => r.value = y),
+      "z-index": o.zIndex,
+      "disable-outside-pointer-events": o.disableOutsidePointerEvents,
+      "disable-swipe-to-close": !!o.beforeClose,
+      "labelled-by": o.title?.text && !e.$slots.title ? v : void 0,
+      "test-id": o.testId,
+      onEscapeKeyDown: j,
+      onPointerDownOutside: G
+    }, ie({
+      default: m(() => [
+        d("div", $e, [
+          o.title?.text && !e.$slots.title ? (s(), u("div", n({
+            key: 0,
+            id: v,
+            class: "drawer-mobile__title"
+          }, t(a)("title")), N(o.title.text), 17)) : c("", !0),
+          o.divider ? (s(), u("div", Ie)) : c("", !0),
+          d("div", n({ class: "drawer-mobile__content" }, t(a)("body")), [
+            f(e.$slots, "title", {}, void 0, !0),
+            f(e.$slots, "default", {}, void 0, !0)
+          ], 16),
+          e.$slots.actions ? (s(), u("div", n({
+            key: 2,
+            class: "drawer-mobile__actions"
+          }, t(a)("actions")), [
+            f(e.$slots, "actions", {}, void 0, !0)
+          ], 16)) : c("", !0)
+        ])
+      ]),
+      _: 2
+    }, [
+      e.$slots.trigger ? {
+        name: "trigger",
+        fn: m((y) => [
+          f(e.$slots, "trigger", se(ae(y)), void 0, !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["open", "z-index", "disable-outside-pointer-events", "disable-swipe-to-close", "labelled-by", "test-id"])) : (s(), u(ne, { key: 1 }, [
+      e.$slots.trigger ? (s(), u("span", n({
+        key: 0,
+        ref_key: "triggerRef",
+        ref: z,
+        class: "drawer-trigger"
+      }, t(a)("trigger"), {
+        onClick: l[1] || (l[1] = (y) => r.value = !0)
+      }), [
+        f(e.$slots, "trigger", { props: L.value }, void 0, !0)
+      ], 16)) : c("", !0),
+      t(Q) ? (s(), w(ye, { key: 1 }, {
+        default: m(() => [
+          d("div", {
+            class: "drawer-layer",
+            style: re({ zIndex: H.value })
+          }, [
+            d("div", n({
+              class: "overlay drawer-overlay",
+              "data-state": t(M)
+            }, t(a)("overlay")), null, 16, Ce),
+            d("div", n({
+              id: h,
+              ref_key: "contentRef",
+              ref: $,
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-labelledby": v,
+              "aria-describedby": e.$slots.default ? B : void 0,
+              class: ["drawer-content", `drawer-content--${o.position}`],
+              "data-state": t(M),
+              style: F.value
+            }, { ...e.$attrs, ...t(a)("content") }), [
+              d("div", Pe, [
+                o.title?.text ? (s(), w(x(E.value), n({
+                  key: 0,
+                  id: v,
+                  class: "drawer-content__title"
+                }, t(a)("title")), {
+                  default: m(() => [
+                    le(N(o.title.text), 1)
+                  ]),
+                  _: 1
+                }, 16)) : e.$slots.title ? (s(), w(x(E.value), n({
+                  key: 1,
+                  id: v,
+                  class: "drawer-content__title"
+                }, t(a)("title")), {
+                  default: m(() => [
+                    f(e.$slots, "title", {}, void 0, !0)
+                  ]),
+                  _: 3
+                }, 16)) : (s(), w(he, { key: 2 }, {
+                  default: m(() => [
+                    d("h2", { id: v }, "Боковая панель")
+                  ]),
+                  _: 1
+                })),
+                o.closeButton?.enabled ? (s(), u("button", n({
+                  key: 3,
+                  type: "button",
+                  class: "drawer-content__close",
+                  "aria-label": o.closeButton.label ?? "Закрыть"
+                }, t(a)("close"), {
+                  onClick: l[2] || (l[2] = (y) => p("closeButton"))
+                }), [
+                  de(t(ue), { size: 20 })
+                ], 16, De)) : c("", !0)
+              ]),
+              o.divider ? (s(), u("div", Se)) : c("", !0),
+              d("div", n({
+                id: B,
+                class: "drawer-content__wrapper"
+              }, t(a)("body")), [
+                f(e.$slots, "default", {}, void 0, !0)
+              ], 16),
+              e.$slots.actions ? (s(), u("div", n({
+                key: 1,
+                class: "drawer-content__actions"
+              }, t(a)("actions")), [
+                f(e.$slots, "actions", {}, void 0, !0)
+              ], 16)) : c("", !0)
+            ], 16, Oe)
+          ], 4)
+        ]),
+        _: 3
+      })) : c("", !0)
+    ], 64));
+  }
+});
+export {
+  Ue as default
+};

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

@@ -0,0 +1,3 @@
+import { default as Drawer } from './Drawer.vue';
+export type { DrawerEmits, DrawerProps, IDrawerCloseProps, IDrawerTitleProps, TDrawerCloseReason, TDrawerPosition } from './Drawer.types';
+export { Drawer };

package/dist/components/v2/DropdownMenu/DropdownMenu.css

@@ -0,0 +1 @@
+.dropdown-menu[data-v-2835a9ff]{flex-direction:column;gap:2px;padding:12px;display:flex}.dropdown-menu__group[data-v-2835a9ff]{flex-direction:column;gap:2px;display:flex}.dropdown-menu__item[data-v-2835a9ff]{text-align:left;width:100%;font:inherit;color:var(--theme-neutral-text-body);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:12px 4px;display:flex}.dropdown-menu__item[data-v-2835a9ff]:hover,.dropdown-menu__item[data-v-2835a9ff]:focus-visible{background-color:var(--theme-primary-200_25);outline:none}.dropdown-menu__item--disabled[data-v-2835a9ff]{cursor:not-allowed;opacity:.5}.dropdown-menu__item--disabled[data-v-2835a9ff]:hover,.dropdown-menu__item--disabled[data-v-2835a9ff]:focus-visible{background-color:#0000}.dropdown-menu__item-icon[data-v-2835a9ff]{flex-shrink:0;width:18px;height:18px}.dropdown-menu__item-label[data-v-2835a9ff]{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.dropdown-menu__label[data-v-2835a9ff]{color:var(--theme-neutral-text-secondary);padding:4px 8px;font-size:.75rem;font-weight:600;line-height:140%}.dropdown-menu__separator[data-v-2835a9ff]{background-color:var(--theme-neutral-border-divider);height:1px;margin:4px 0}

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

@@ -0,0 +1,46 @@
+import { Component } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+import { PopoverAlign, PopoverSide } from '../Popover';
+export interface DropdownMenuItemData {
+    type?: 'item';
+    value: string;
+    label: string;
+    icon?: Component;
+    disabled?: boolean;
+    /**
+     * Суффикс `data-testid` для этого пункта. По умолчанию берётся `value`.
+     */
+    testId?: string;
+}
+export interface DropdownMenuLabelData {
+    type: 'label';
+    label: string;
+}
+export interface DropdownMenuSeparatorData {
+    type: 'separator';
+}
+export type DropdownMenuEntry = DropdownMenuItemData | DropdownMenuLabelData | DropdownMenuSeparatorData;
+export interface DropdownMenuProps {
+    items: DropdownMenuEntry[];
+    width?: number;
+    side?: PopoverSide;
+    sideOffset?: number;
+    align?: PopoverAlign;
+    alignOffset?: number;
+    arrow?: boolean;
+    zIndex?: number | 'auto';
+    breakpointMobile?: TBreakpoints;
+    disableOutsidePointerEvents?: boolean;
+    /**
+     * Доступное имя меню (`aria-label`) — скринридер объявляет его при
+     * открытии, чтобы отличить одно меню на странице от другого.
+     */
+    label?: string;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface DropdownMenuEmits {
+    select: [item: DropdownMenuItemData];
+    escapeKeyDown: [event: KeyboardEvent];
+    pointerDownOutside: [event: MouseEvent | TouchEvent];
+}

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

@@ -0,0 +1,57 @@
+import { DropdownMenuItemData, DropdownMenuProps } from './DropdownMenu.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+import { PopoverSide, PopoverAlign } from '..';
+type __VLS_Props = DropdownMenuProps;
+type __VLS_PublicProps = {
+    'open'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {
+            props: {
+                'aria-haspopup': "dialog" | "menu" | "grid" | "listbox" | "tree";
+                'aria-expanded': boolean;
+                'aria-controls': string | undefined;
+            };
+        }): any;
+    };
+    refs: {
+        menuRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: (item: DropdownMenuItemData) => any;
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: MouseEvent | TouchEvent) => any;
+    "update:open": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((item: DropdownMenuItemData) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    label: string;
+    width: number;
+    disableOutsidePointerEvents: boolean;
+    zIndex: number | "auto";
+    breakpointMobile: TBreakpoints;
+    side: PopoverSide;
+    sideOffset: number;
+    align: PopoverAlign;
+    alignOffset: number;
+    arrow: boolean;
+    testId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    menuRef: 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/DropdownMenu/DropdownMenu.vue.js

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