@profitliga/ui 1.2.90 → 2.0.0

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

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

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

@@ -0,0 +1,223 @@
+import { defineComponent as A, useId as F, computed as d, useModel as Y, ref as j, watch as E, openBlock as c, createBlock as R, unref as l, withCtx as w, createElementVNode as f, mergeProps as b, createElementBlock as v, toDisplayString as k, createVNode as p, createCommentVNode as V, createTextVNode as U, normalizeStyle as X, normalizeClass as H, withModifiers as W, mergeModels as Z } from "vue";
+import { getLocalTimeZone as $ } from "@internationalized/date";
+import { X as q, CalendarIcon as G, CircleX as J } from "@lucide/vue";
+import { breakpoints as K } from "../../../utils/breakpoints.util.js";
+import { dayjs as O } from "../../../utils/dayjs.util.js";
+import Q from "../Button/Button.vue.js";
+import _ from "../Calendar/Calendar.vue.js";
+import ee from "../Popover/Popover.vue.js";
+import { useTestId as ae } from "../shared/useTestId.util.js";
+const te = ["disabled", "aria-label"], le = {
+  key: 0,
+  class: "date-picker-field__placeholder"
+}, re = {
+  key: 1,
+  class: "date-picker-field__value"
+}, oe = ["aria-label"], de = {
+  key: 0,
+  class: "date-picker-calendar__header"
+}, ie = ["aria-label"], ne = {
+  key: 1,
+  class: "date-picker-calendar__footer"
+}, se = {
+  class: "date-picker-calendar__summary",
+  "aria-live": "polite",
+  "aria-atomic": "true"
+}, ue = 12, Me = /* @__PURE__ */ A({
+  __name: "DatePicker",
+  props: /* @__PURE__ */ Z({
+    placeholder: { default: "Выберите дату" },
+    size: { default: "default" },
+    width: { default: 300 },
+    showClear: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    range: { type: Boolean, default: !1 },
+    minValue: { default: void 0 },
+    maxValue: { default: void 0 },
+    isDateDisabled: { type: Function, default: void 0 },
+    locale: { default: "ru-RU" },
+    weekStartsOn: { default: 1 },
+    weekdayFormat: { default: "short" },
+    numberOfMonths: { default: 1 },
+    pagedNavigation: { type: Boolean, default: !0 },
+    format: { default: "DD.MM.YYYY" },
+    rangeSeparator: { default: " – " },
+    breakpointMobile: { default: "sm" },
+    label: { default: void 0 },
+    labels: { default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: {
+      default: void 0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const t = a, m = ae(() => t.testId), C = `date-picker-title-${F()}`, y = d(() => t.labels?.title ?? "Выбрать дату"), n = Y(a, "modelValue");
+    function i(e) {
+      return !!e && typeof e == "object" && !Array.isArray(e) && "start" in e;
+    }
+    const s = j(!1), u = K.smaller(t.breakpointMobile), x = d(
+      () => Math.max(t.numberOfMonths, ue)
+    ), B = d(
+      () => t.width === "full" ? "100%" : `${t.width}px`
+    ), I = d(() => t.numberOfMonths <= 1 ? 320 : t.numberOfMonths * 276 + (t.numberOfMonths - 1) * 24 + 32);
+    function g(e) {
+      return O(e.toDate($())).format(t.format);
+    }
+    const S = d(() => {
+      const e = n.value;
+      return t.range ? i(e) && (!!e.start || !!e.end) : !!e && !i(e);
+    }), h = d(() => {
+      const e = n.value;
+      if (t.range) {
+        if (!i(e) || !e.start && !e.end) return "";
+        const r = e.start ? g(e.start) : "…", o = e.end ? g(e.end) : "…";
+        return `${r}${t.rangeSeparator}${o}`;
+      }
+      return e && !i(e) ? g(e) : "";
+    }), N = d(() => {
+      const e = t.label ?? t.placeholder;
+      return h.value ? `${e}: ${h.value}` : e;
+    });
+    function M(e) {
+      return O(e.toDate($())).format("D MMMM");
+    }
+    const z = d(() => {
+      const e = n.value;
+      if (t.range) {
+        if (!i(e) || !e.start && !e.end) return "";
+        const r = e.start ? M(e.start) : "…", o = e.end ? M(e.end) : "…";
+        return `Выбранный диапазон: ${r} — ${o}`;
+      }
+      return e && !i(e) ? `Выбранная дата: ${M(e)}` : "";
+    }), L = d(() => {
+      const e = n.value;
+      return t.range ? i(e) ? e.start ?? e.end : void 0 : e && !i(e) ? e : void 0;
+    }), D = d({
+      get: () => n.value,
+      set: (e) => {
+        n.value = Array.isArray(e) ? e[0] : e;
+      }
+    });
+    function P(e) {
+      t.disabled && e.stopPropagation();
+    }
+    function T() {
+      n.value = void 0;
+    }
+    return E(n, (e) => {
+      if (u.value) {
+        if (t.range) {
+          i(e) && e.start && e.end && (s.value = !1);
+          return;
+        }
+        e && (s.value = !1);
+      }
+    }), (e, r) => (c(), R(l(ee), {
+      open: s.value,
+      "onUpdate:open": r[3] || (r[3] = (o) => s.value = o),
+      side: "bottom",
+      align: "start",
+      arrow: !1,
+      width: I.value,
+      "breakpoint-mobile": a.breakpointMobile,
+      label: l(u) ? void 0 : y.value,
+      "labelled-by": l(u) ? C : void 0,
+      "test-id": a.testId
+    }, {
+      trigger: w(({ props: o }) => [
+        f("div", {
+          class: H(["date-picker-field", [
+            `date-picker-field--${a.size}`,
+            {
+              "date-picker-field--open": s.value,
+              "date-picker-field--disabled": a.disabled
+            }
+          ]]),
+          style: X({ width: B.value }),
+          onClick: P
+        }, [
+          f("button", b({
+            type: "button",
+            class: "date-picker-field__main",
+            disabled: a.disabled,
+            "aria-label": N.value
+          }, { ...o, ...l(m)("field") }), [
+            p(l(G), {
+              class: "date-picker-field__icon",
+              size: 18,
+              "aria-hidden": "true"
+            }),
+            h.value ? (c(), v("span", re, k(h.value), 1)) : (c(), v("span", le, k(a.placeholder), 1))
+          ], 16, te),
+          a.showClear && S.value ? (c(), v("button", b({
+            key: 0,
+            type: "button",
+            class: "date-picker-field__clear",
+            "aria-label": a.labels?.clear ?? "Очистить"
+          }, l(m)("clear"), {
+            onClick: W(T, ["stop"])
+          }), [
+            p(l(J))
+          ], 16, oe)) : V("", !0)
+        ], 6)
+      ]),
+      default: w(() => [
+        f("div", b({ class: "date-picker-calendar" }, l(m)("calendar")), [
+          l(u) ? (c(), v("div", de, [
+            f("span", {
+              id: C,
+              class: "date-picker-calendar__title"
+            }, k(y.value), 1),
+            f("button", b({
+              type: "button",
+              class: "date-picker-calendar__close",
+              "aria-label": a.labels?.close ?? "Закрыть"
+            }, l(m)("close"), {
+              onClick: r[0] || (r[0] = (o) => s.value = !1)
+            }), [
+              p(l(q), { size: 20 })
+            ], 16, ie)
+          ])) : V("", !0),
+          p(l(_), {
+            modelValue: D.value,
+            "onUpdate:modelValue": r[1] || (r[1] = (o) => D.value = o),
+            range: a.range,
+            locale: a.locale,
+            "week-starts-on": a.weekStartsOn,
+            "weekday-format": a.weekdayFormat,
+            "number-of-months": l(u) ? x.value : a.numberOfMonths,
+            "paged-navigation": a.pagedNavigation,
+            scrollable: l(u),
+            "min-value": a.minValue,
+            "max-value": a.maxValue,
+            "is-date-disabled": a.isDateDisabled,
+            disabled: a.disabled,
+            "default-placeholder": L.value,
+            "test-id": a.testId
+          }, null, 8, ["modelValue", "range", "locale", "week-starts-on", "weekday-format", "number-of-months", "paged-navigation", "scrollable", "min-value", "max-value", "is-date-disabled", "disabled", "default-placeholder", "test-id"]),
+          !l(u) && S.value ? (c(), v("div", ne, [
+            f("p", se, k(z.value), 1),
+            p(l(Q), b({
+              variant: "success",
+              full: ""
+            }, l(m)("submit"), {
+              onClick: r[2] || (r[2] = (o) => s.value = !1)
+            }), {
+              default: w(() => [
+                U(k(y.value), 1)
+              ]),
+              _: 1
+            }, 16)
+          ])) : V("", !0)
+        ], 16)
+      ]),
+      _: 1
+    }, 8, ["open", "width", "breakpoint-mobile", "label", "labelled-by", "test-id"]));
+  }
+});
+export {
+  Me as default
+};

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

@@ -0,0 +1,3 @@
+import { default as DatePicker } from './DatePicker.vue';
+export type { CalendarRangeValue, DatePickerModelValue, DatePickerProps } from './DatePicker.types';
+export { DatePicker };

package/dist/components/v2/Dialog/Dialog.css

@@ -0,0 +1 @@
+.dialog-trigger[data-v-79a74e1c]{display:contents}.dialog-layer[data-v-79a74e1c]{position:relative}.dialog-content[data-v-79a74e1c]{background-color:var(--theme-neutral-0);z-index:1002;border-radius:12px;max-width:90vw;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #3a3a3a40}.dialog-content[data-state=open][data-v-79a74e1c]{animation:fadeIn var(--animation-duration) ease-in-out}.dialog-content[data-state=closed][data-v-79a74e1c]{animation:fadeOut var(--animation-duration) ease-in-out}.dialog-content__header[data-v-79a74e1c]{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;height:auto;margin-bottom:16px;display:flex}.dialog-content__header--divided[data-v-79a74e1c]{margin-bottom:12px}.dialog-content__heading[data-v-79a74e1c]{flex:1 1 0;align-items:center;gap:12px;min-width:0;display:flex}.dialog-content__icon[data-v-79a74e1c]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.dialog-content__divider[data-v-79a74e1c]{background-color:var(--theme-secondary-250);flex:none;width:100%;height:1px;margin-bottom:12px}.dialog-content__close[data-v-79a74e1c]{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}.dialog-content__close[data-v-79a74e1c]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.dialog-content__close svg[data-v-79a74e1c]{width:20px;height:20px;color:var(--color-secondary-400);transition:color .3s ease-in-out}.dialog-content__close[data-v-79a74e1c]:hover{cursor:pointer}.dialog-content__close:hover svg[data-v-79a74e1c]{color:var(--color-secondary-500);transition:color .3s ease-in-out}.dialog-content__wrapper[data-v-79a74e1c]{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;height:auto;display:flex}.dialog-content__wrapper[data-v-79a74e1c]:not(:last-child){margin-bottom:32px}.dialog-content__actions[data-v-79a74e1c]{justify-content:flex-end;align-items:center;gap:8px;width:100%;height:auto;display:flex}@media (max-width:1010px){.dialog-content[data-v-79a74e1c]{box-sizing:border-box;flex-direction:column;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);display:flex}.dialog-content__header[data-v-79a74e1c]{flex:none}.dialog-content__wrapper[data-v-79a74e1c]{box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);flex:1 1 0;min-height:0;overflow-y:auto}.dialog-content__wrapper[data-v-79a74e1c]::-webkit-scrollbar{width:8px;height:0}.dialog-content__wrapper[data-v-79a74e1c]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.dialog-content__wrapper[data-v-79a74e1c]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.dialog-content__wrapper[data-v-79a74e1c]::-webkit-scrollbar-corner{background:0 0}.dialog-content__actions[data-v-79a74e1c]{flex:none}}.dialog-content__title[data-v-79a74e1c]{width:100%;font-weight:500}.dialog-content__title--with-icon[data-v-79a74e1c]{font-weight:700}.dialog-mobile[data-v-79a74e1c]{width:100%;padding:0 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:16px;display:flex}.dialog-mobile__header[data-v-79a74e1c]{align-items:center;gap:12px;display:flex}.dialog-mobile__icon[data-v-79a74e1c]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.dialog-mobile__divider[data-v-79a74e1c]{background-color:var(--theme-secondary-250);width:100%;height:1px;margin-top:-4px}.dialog-mobile__title[data-v-79a74e1c]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.dialog-mobile__content[data-v-79a74e1c]{flex-direction:column;gap:12px;display:flex}.dialog-mobile__actions[data-v-79a74e1c]{flex-direction:column-reverse;gap:8px;width:100%;display:flex}.dialog-mobile__actions[data-v-79a74e1c] button{width:100%}

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

@@ -0,0 +1,29 @@
+import { TBreakpoints } from '../../../types/global.types';
+export interface IDialogTitleProps {
+    text?: string;
+    as?: string;
+}
+export interface IDialogCloseProps {
+    enabled?: boolean;
+    /** Доступное имя кнопки закрытия (у неё нет видимого текста). */
+    label?: string;
+}
+export interface DialogProps {
+    title?: IDialogTitleProps;
+    closeButton?: IDialogCloseProps;
+    width?: number;
+    zIndex?: number | 'auto';
+    breakpointMobile?: TBreakpoints;
+    disableOutsidePointerEvents?: boolean;
+    /**
+     * Разделительная линия между шапкой и контентом.
+     * Если не задана — линия рисуется только при наличии слота `icon` (как в макете).
+     */
+    divider?: boolean;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface DialogEmits {
+    escapeKeyDown: [event: KeyboardEvent];
+    pointerDownOutside: [event: MouseEvent | TouchEvent];
+}

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

@@ -0,0 +1,68 @@
+import { DialogProps, IDialogTitleProps, IDialogCloseProps } from './Dialog.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+type __VLS_Props = DialogProps;
+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;
+        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;
+    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: IDialogTitleProps;
+    width: number;
+    disableOutsidePointerEvents: boolean;
+    closeButton: IDialogCloseProps;
+    zIndex: number | "auto";
+    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/Dialog/Dialog.vue.js

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

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

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

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

@@ -0,0 +1,3 @@
+import { default as Dialog } from './Dialog.vue';
+export type { DialogEmits, DialogProps, IDialogCloseProps, IDialogTitleProps } from './Dialog.types';
+export { Dialog };

package/dist/components/v2/Divider/Divider.css

@@ -0,0 +1 @@
+.divider[data-v-013ca85d]{--divider-color:var(--theme-neutral-border-divider);--divider-thickness:1px;--divider-spacing:0rem;--divider-align-length:1.5rem;align-items:center;display:flex}.divider--spacing-small[data-v-013ca85d]{--divider-spacing:.5rem}.divider--spacing-medium[data-v-013ca85d]{--divider-spacing:1rem}.divider--spacing-large[data-v-013ca85d]{--divider-spacing:1.5rem}.divider__content[data-v-013ca85d]{color:var(--theme-neutral-text-body);flex-shrink:0;font-size:.875rem;font-weight:400;line-height:1.2}.divider__line[data-v-013ca85d]{flex:auto}.divider--dashed[data-v-013ca85d]{--divider-style:dashed}.divider--dotted[data-v-013ca85d]{--divider-style:dotted}.divider--horizontal[data-v-013ca85d]{width:100%;margin-block:var(--divider-spacing)}.divider--horizontal.divider--plain[data-v-013ca85d],.divider--horizontal .divider__line[data-v-013ca85d]{border-block-start:var(--divider-thickness) var(--divider-style,solid) var(--divider-color)}.divider--horizontal .divider__content[data-v-013ca85d]{padding-inline:.5rem}.divider--horizontal.divider--start .divider__line[data-v-013ca85d]:first-child,.divider--horizontal.divider--end .divider__line[data-v-013ca85d]:last-child{flex:0 0 var(--divider-align-length)}.divider--vertical[data-v-013ca85d]{min-height:100%;margin-inline:var(--divider-spacing);flex-direction:column;align-self:stretch}.divider--vertical.divider--plain[data-v-013ca85d],.divider--vertical .divider__line[data-v-013ca85d]{border-inline-start:var(--divider-thickness) var(--divider-style,solid) var(--divider-color)}.divider--vertical .divider__content[data-v-013ca85d]{padding-block:.5rem}.divider--vertical.divider--start .divider__line[data-v-013ca85d]:first-child,.divider--vertical.divider--end .divider__line[data-v-013ca85d]:last-child{flex:0 0 var(--divider-align-length)}

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

@@ -0,0 +1,29 @@
+export type DividerOrientation = 'horizontal' | 'vertical';
+export type DividerVariant = 'solid' | 'dashed' | 'dotted';
+/** Куда прижат текст в разрыве линии. Без текста не применяется. */
+export type DividerAlign = 'start' | 'center' | 'end';
+/** Внешние отступы поперёк линии: 0 / 8 / 16 / 24px. */
+export type DividerSpacing = 'none' | 'small' | 'medium' | 'large';
+export interface DividerProps {
+    orientation?: DividerOrientation;
+    variant?: DividerVariant;
+    /**
+     * Текст в разрыве линии. Можно передать слотом по умолчанию — тогда внутрь
+     * ложится что угодно, хоть иконка с текстом.
+     */
+    label?: string;
+    align?: DividerAlign;
+    /** Толщина линии в пикселях. */
+    thickness?: number;
+    spacing?: DividerSpacing;
+    /** Цвет линии. Любое значение, допустимое в CSS. */
+    color?: string;
+    /**
+     * Разделитель — украшение и от скринридеров скрыт. Поставьте `false`, если
+     * линия действительно делит контент на смысловые части: тогда она получит
+     * `role="separator"` и будет объявлена.
+     */
+    decorative?: boolean;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}

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

@@ -0,0 +1,29 @@
+import { DividerProps, DividerOrientation, DividerVariant, DividerAlign, DividerSpacing } from './Divider.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, 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<DividerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DividerProps> & Readonly<{}>, {
+    label: string;
+    orientation: DividerOrientation;
+    variant: DividerVariant;
+    color: string;
+    align: DividerAlign;
+    spacing: DividerSpacing;
+    decorative: boolean;
+    testId: string;
+    thickness: number;
+}, {}, {}, {}, 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;
+    };
+};