@profitliga/ui 1.2.90 → 2.0.0

package/dist/components/v2/DataTable/DataTableBody.vue2.js

@@ -0,0 +1,113 @@
+import { defineComponent as v, computed as h, openBlock as a, createElementBlock as o, mergeProps as s, unref as r, Fragment as u, renderList as g, normalizeClass as S, normalizeStyle as x, createVNode as R, createBlock as T, createCommentVNode as m, createElementVNode as B, renderSlot as I, createTextVNode as w, toDisplayString as D } from "vue";
+import { FlexRender as E } from "@tanstack/vue-table";
+import { useTestId as L } from "../shared/useTestId.util.js";
+import { getColumnStyle as V } from "./DataTable.sizing.js";
+import N from "./DataTableLoader.vue.js";
+const z = ["aria-busy", "aria-disabled", "aria-selected", "data-selected", "onClick"], $ = {
+  role: "cell",
+  class: "data-table__empty-text"
+}, O = /* @__PURE__ */ v({
+  __name: "DataTableBody",
+  props: {
+    table: {},
+    loading: { type: Boolean },
+    emptyText: { default: "Данные отсутствуют" },
+    hideSelectedHighlight: { type: Boolean },
+    testId: { default: () => {
+    } }
+  },
+  emits: ["row-click"],
+  setup(i, { emit: b }) {
+    const _ = b, d = L(() => i.testId), c = h(() => i.table.getRowModel().rows);
+    function y(e) {
+      return !!e.original.onClick && !e.original.disabledRow;
+    }
+    function f(e) {
+      return [
+        "data-table__row",
+        e.original.rowClass,
+        {
+          "data-table__row--clickable": y(e),
+          "data-table__row--disabled": e.original.disabledRow,
+          /*
+           * Класс отвечает только за заливку, поэтому с выключенной
+           * подсветкой его просто нет. Само состояние остаётся в
+           * `data-selected` — по нему навешивается своё оформление.
+           */
+          "data-table__row--selected": e.getIsSelected() && !i.hideSelectedHighlight,
+          "data-table__row--loading": e.original.isLoading
+        }
+      ];
+    }
+    function p(e) {
+      const { bgColor: n, viewBgColor: t } = e.original;
+      return n && t ? { "--data-table-row-bg": n } : {};
+    }
+    const k = [
+      "a[href]",
+      "button",
+      "input",
+      "select",
+      "textarea",
+      "label",
+      '[contenteditable="true"]',
+      '[role="button"]',
+      '[role="link"]',
+      '[role="menuitem"]',
+      '[role="checkbox"]'
+    ].join(",");
+    function C(e, n) {
+      e.original.disabledRow || n.target?.closest(k) || (e.original.onClick?.(), _("row-click", e.original));
+    }
+    return (e, n) => (a(), o("div", s({
+      class: "data-table__body",
+      role: "rowgroup"
+    }, r(d)("body")), [
+      c.value.length > 0 ? (a(!0), o(u, { key: 0 }, g(c.value, (t) => (a(), o("div", s({
+        key: t.id,
+        role: "row",
+        class: f(t),
+        style: p(t),
+        "aria-busy": t.original.isLoading || void 0,
+        "aria-disabled": t.original.disabledRow || void 0,
+        "aria-selected": t.getCanSelect() ? t.getIsSelected() : void 0,
+        "data-selected": t.getIsSelected() || void 0
+      }, { ref_for: !0 }, r(d)("row", t.id), {
+        onClick: (l) => C(t, l)
+      }), [
+        (a(!0), o(u, null, g(t.getVisibleCells(), (l) => (a(), o("div", {
+          key: l.id,
+          role: "cell",
+          style: x(r(V)(l.column)),
+          class: S([
+            "data-table__cell",
+            `data-table__cell--align-${l.column.columnDef.meta?.align ?? "start"}`,
+            `data-table__cell--valign-${l.column.columnDef.meta?.verticalAlign ?? "middle"}`
+          ])
+        }, [
+          R(r(E), {
+            render: l.column.columnDef.cell,
+            props: l.getContext()
+          }, null, 8, ["render", "props"])
+        ], 6))), 128)),
+        t.original.isLoading ? (a(), T(N, {
+          key: 0,
+          size: "small"
+        })) : m("", !0)
+      ], 16, z))), 128)) : i.loading ? m("", !0) : (a(), o("div", s({
+        key: 1,
+        class: "data-table__empty",
+        role: "row"
+      }, r(d)("empty")), [
+        B("span", $, [
+          I(e.$slots, "empty", {}, () => [
+            w(D(i.emptyText), 1)
+          ], !0)
+        ])
+      ], 16))
+    ], 16));
+  }
+});
+export {
+  O as default
+};

package/dist/components/v2/DataTable/DataTableFooter.css

@@ -0,0 +1 @@
+.data-table__footer[data-v-220f7610],.data-table__row--footer[data-v-220f7610]{grid-column:-1/1;grid-template-columns:subgrid;display:grid}.data-table__footer-cell[data-v-220f7610]{box-sizing:border-box;padding:var(--data-table-cell-padding-y) var(--data-table-cell-padding-x);font-weight:500;font-size:var(--data-table-font-size);line-height:var(--data-table-line-height);color:var(--theme-neutral-850);border-top:1px solid var(--theme-secondary-250);align-items:center;display:flex}.data-table__footer-cell.data-table__cell--align-center[data-v-220f7610]{justify-content:center}.data-table__footer-cell.data-table__cell--align-end[data-v-220f7610]{justify-content:flex-end}

package/dist/components/v2/DataTable/DataTableFooter.vue.d.ts

@@ -0,0 +1,19 @@
+import { Table } from '@tanstack/vue-table';
+import { DataTableRow } from './DataTable.types';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & {
+        table: Table<DataTableRow<T>>;
+        testId?: string;
+    } & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/v2/DataTable/DataTableFooter.vue.js

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

package/dist/components/v2/DataTable/DataTableFooter.vue2.js

@@ -0,0 +1,62 @@
+import { defineComponent as b, computed as y, openBlock as r, createElementBlock as a, mergeProps as k, unref as m, Fragment as i, renderList as u, normalizeClass as v, normalizeStyle as C, createBlock as g, createCommentVNode as h } from "vue";
+import { FlexRender as x } from "@tanstack/vue-table";
+import { useTestId as w } from "../shared/useTestId.util.js";
+import { getColumnStyle as D } from "./DataTable.sizing.js";
+const F = ["aria-colspan"], G = /* @__PURE__ */ b({
+  __name: "DataTableFooter",
+  props: {
+    table: {},
+    testId: { default: () => {
+    } }
+  },
+  setup(s) {
+    const d = w(() => s.testId), f = y(
+      () => s.table.getFooterGroups().map((t) => {
+        const l = [];
+        let o = 0;
+        for (const e of t.headers) {
+          if (o > 0) {
+            o -= 1;
+            continue;
+          }
+          const n = e.column.columnDef.meta?.footerColSpan ?? 1, _ = t.headers.length - t.headers.indexOf(e), c = Math.min(Math.max(n, 1), _);
+          o = c - 1, l.push({ header: e, span: c });
+        }
+        return { id: t.id, cells: l };
+      })
+    );
+    function p(t, l) {
+      return l > 1 ? { gridColumn: `span ${l}` } : D(t);
+    }
+    return (t, l) => (r(), a("div", k({
+      class: "data-table__footer",
+      role: "rowgroup"
+    }, m(d)("footer")), [
+      (r(!0), a(i, null, u(f.value, (o) => (r(), a("div", {
+        key: o.id,
+        class: "data-table__row data-table__row--footer",
+        role: "row"
+      }, [
+        (r(!0), a(i, null, u(o.cells, ({ header: e, span: n }) => (r(), a("div", {
+          key: e.id,
+          role: "cell",
+          "aria-colspan": n > 1 ? n : void 0,
+          style: C(p(e.column, n)),
+          class: v([
+            "data-table__footer-cell",
+            `data-table__cell--align-${e.column.columnDef.meta?.align ?? "start"}`
+          ])
+        }, [
+          e.isPlaceholder ? h("", !0) : (r(), g(m(x), {
+            key: 0,
+            render: e.column.columnDef.footer,
+            props: e.getContext()
+          }, null, 8, ["render", "props"]))
+        ], 14, F))), 128))
+      ]))), 128))
+    ], 16));
+  }
+});
+export {
+  G as default
+};

package/dist/components/v2/DataTable/DataTableHeader.css

@@ -0,0 +1 @@
+.data-table__header[data-v-a52f73e7],.data-table__row--header[data-v-a52f73e7]{grid-column:-1/1;grid-template-columns:subgrid;display:grid}

package/dist/components/v2/DataTable/DataTableHeader.vue.d.ts

@@ -0,0 +1,21 @@
+import { Table } from '@tanstack/vue-table';
+import { DataTableHeaderVariant, DataTableRow, DataTableSize } from './DataTable.types';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & {
+        table: Table<DataTableRow<T>>;
+        size?: DataTableSize;
+        variant?: DataTableHeaderVariant;
+        testId?: string;
+    } & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/v2/DataTable/DataTableHeader.vue.js

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

package/dist/components/v2/DataTable/DataTableHeader.vue2.js

@@ -0,0 +1,55 @@
+import { defineComponent as s, openBlock as t, createElementBlock as o, mergeProps as f, unref as r, Fragment as a, renderList as i, createBlock as d, normalizeStyle as g, withCtx as b, createCommentVNode as p } from "vue";
+import { FlexRender as v } from "@tanstack/vue-table";
+import { useTestId as y } from "../shared/useTestId.util.js";
+import { getColumnStyle as C } from "./DataTable.sizing.js";
+import S from "./DataTableHeaderCell.vue.js";
+const H = /* @__PURE__ */ s({
+  __name: "DataTableHeader",
+  props: {
+    table: {},
+    size: { default: "medium" },
+    variant: { default: "default" },
+    testId: { default: () => {
+    } }
+  },
+  setup(l) {
+    const m = y(() => l.testId);
+    return (k, D) => (t(), o("div", f({
+      class: "data-table__header",
+      role: "rowgroup"
+    }, r(m)("header")), [
+      (t(!0), o(a, null, i(l.table.getHeaderGroups(), (n) => (t(), o("div", {
+        key: n.id,
+        class: "data-table__row data-table__row--header",
+        role: "row"
+      }, [
+        (t(!0), o(a, null, i(n.headers, (e, u) => (t(), d(S, {
+          key: e.id,
+          size: l.size,
+          variant: l.variant,
+          align: e.column.columnDef.meta?.align,
+          icon: e.column.columnDef.meta?.headerIcon,
+          sortable: e.column.getCanSort(),
+          "sort-direction": e.column.getIsSorted(),
+          style: g(r(C)(e.column)),
+          divider: u > 0,
+          "hidden-label": e.column.columnDef.meta?.headerLabel,
+          "test-id": l.testId,
+          onSort: (c) => e.column.getToggleSortingHandler()?.(c)
+        }, {
+          default: b(() => [
+            e.isPlaceholder ? p("", !0) : (t(), d(r(v), {
+              key: 0,
+              render: e.column.columnDef.header,
+              props: e.getContext()
+            }, null, 8, ["render", "props"]))
+          ]),
+          _: 2
+        }, 1032, ["size", "variant", "align", "icon", "sortable", "sort-direction", "style", "divider", "hidden-label", "test-id", "onSort"]))), 128))
+      ]))), 128))
+    ], 16));
+  }
+});
+export {
+  H as default
+};

package/dist/components/v2/DataTable/DataTableHeaderCell.css

@@ -0,0 +1 @@
+.data-table-header-cell[data-v-fe512497]{--data-table-header-cell-padding-y:.75rem;--data-table-header-cell-padding-x:.75rem;--data-table-header-cell-font-size:.875rem;--data-table-header-cell-line-height:1rem;--data-table-header-cell-title-icon:.875rem;box-sizing:border-box;width:100%;height:100%;padding:var(--data-table-header-cell-padding-y) var(--data-table-header-cell-padding-x);border-bottom:1px solid var(--theme-secondary-250);align-items:center;gap:.75rem;display:flex;position:relative}.data-table-header-cell--small[data-v-fe512497]{--data-table-header-cell-padding-y:.5rem}.data-table-header-cell--large[data-v-fe512497]{--data-table-header-cell-padding-y:1rem;--data-table-header-cell-font-size:1rem;--data-table-header-cell-line-height:1.25rem;--data-table-header-cell-title-icon:1rem}.data-table-header-cell--filled[data-v-fe512497]{background-color:var(--theme-secondary-50)}.data-table-header-cell--default .data-table-header-cell__label[data-v-fe512497]{text-transform:uppercase}.data-table-header-cell__divider[data-v-fe512497]{background-color:var(--theme-secondary-250);width:1px;height:1.375rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.data-table-header-cell__title[data-v-fe512497]{min-width:0;font:inherit;text-align:start;background:0 0;border:none;flex:1 1 0;align-items:center;gap:.5rem;margin:0;padding:0;display:flex}.data-table-header-cell__title[data-v-fe512497]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:0}.data-table-header-cell--sortable .data-table-header-cell__title[data-v-fe512497]{cursor:pointer}.data-table-header-cell__content[data-v-fe512497]{flex:1 1 0;align-items:center;gap:.25rem;min-width:0;display:flex}.data-table-header-cell--align-center .data-table-header-cell__content[data-v-fe512497]{justify-content:center}.data-table-header-cell--align-end .data-table-header-cell__content[data-v-fe512497]{justify-content:flex-end}.data-table-header-cell__label[data-v-fe512497]{min-width:0;font-weight:500;font-size:var(--data-table-header-cell-font-size);line-height:var(--data-table-header-cell-line-height);color:var(--theme-neutral-text-title);word-break:break-word}.data-table-header-cell__icon[data-v-fe512497]{width:var(--data-table-header-cell-title-icon);height:var(--data-table-header-cell-title-icon);color:var(--theme-secondary-400);flex-shrink:0}

package/dist/components/v2/DataTable/DataTableHeaderCell.vue.d.ts

@@ -0,0 +1,34 @@
+import { DataTableHeaderCellProps, DataTableSize, DataTableHeaderVariant, DataTableAlign, DataTableSortDirection } from './DataTable.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        icon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<DataTableHeaderCellProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    sort: (event: MouseEvent) => any;
+}, string, PublicProps, Readonly<DataTableHeaderCellProps> & Readonly<{
+    onSort?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    label: string;
+    size: DataTableSize;
+    variant: DataTableHeaderVariant;
+    icon: Component | boolean;
+    align: DataTableAlign;
+    divider: boolean;
+    testId: string;
+    sortDirection: DataTableSortDirection;
+    hiddenLabel: 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/DataTable/DataTableHeaderCell.vue.js

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

package/dist/components/v2/DataTable/DataTableHeaderCell.vue2.js

@@ -0,0 +1,83 @@
+import { defineComponent as B, computed as i, openBlock as a, createElementBlock as s, mergeProps as c, unref as u, createCommentVNode as r, createBlock as o, resolveDynamicComponent as f, withCtx as b, createElementVNode as m, createTextVNode as h, toDisplayString as v, renderSlot as y } from "vue";
+import { CircleQuestionMark as S } from "@lucide/vue";
+import { useTestId as $ } from "../shared/useTestId.util.js";
+import z from "../shared/VisuallyHidden.vue.js";
+import _ from "./DataTableSorter.vue.js";
+const I = ["aria-sort"], T = {
+  key: 0,
+  class: "data-table-header-cell__divider",
+  "aria-hidden": "true"
+}, V = { class: "data-table-header-cell__content" }, L = { class: "data-table-header-cell__label" }, M = /* @__PURE__ */ B({
+  inheritAttrs: !1,
+  __name: "DataTableHeaderCell",
+  props: {
+    label: { default: void 0 },
+    size: { default: "medium" },
+    variant: { default: "default" },
+    align: { default: "start" },
+    icon: { type: Boolean, default: !1 },
+    sortable: { type: Boolean },
+    sortDirection: { type: [Boolean, String], default: !1 },
+    divider: { type: Boolean, default: !0 },
+    hiddenLabel: { default: void 0 },
+    testId: { default: void 0 }
+  },
+  emits: ["sort"],
+  setup(t, { emit: k }) {
+    const e = t, g = k, d = $(() => e.testId), n = i(() => e.icon === !0 ? S : e.icon || void 0), p = i(() => {
+      if (e.sortable)
+        return e.sortDirection === "asc" ? "ascending" : e.sortDirection === "desc" ? "descending" : "none";
+    }), C = i(() => [
+      "data-table-header-cell",
+      `data-table-header-cell--${e.size}`,
+      `data-table-header-cell--${e.variant}`,
+      `data-table-header-cell--align-${e.align}`,
+      { "data-table-header-cell--sortable": e.sortable }
+    ]);
+    function D(l) {
+      e.sortable && g("sort", l);
+    }
+    return (l, N) => (a(), s("div", c({
+      role: "columnheader",
+      class: C.value,
+      "aria-sort": p.value
+    }, { ...l.$attrs, ...u(d)("header-cell") }), [
+      t.divider ? (a(), s("span", T)) : r("", !0),
+      (a(), o(f(t.sortable ? "button" : "div"), c({
+        type: t.sortable ? "button" : void 0,
+        class: "data-table-header-cell__title"
+      }, u(d)("header-cell-title"), { onClick: D }), {
+        default: b(() => [
+          m("span", V, [
+            t.hiddenLabel ? (a(), o(z, { key: 0 }, {
+              default: b(() => [
+                h(v(t.hiddenLabel), 1)
+              ]),
+              _: 1
+            })) : r("", !0),
+            m("span", L, [
+              y(l.$slots, "default", {}, () => [
+                h(v(t.label), 1)
+              ], !0)
+            ]),
+            n.value ? (a(), o(f(n.value), {
+              key: 1,
+              class: "data-table-header-cell__icon",
+              "aria-hidden": "true"
+            })) : r("", !0),
+            y(l.$slots, "icon", {}, void 0, !0)
+          ]),
+          t.sortable ? (a(), o(_, {
+            key: 0,
+            direction: t.sortDirection,
+            size: t.size
+          }, null, 8, ["direction", "size"])) : r("", !0)
+        ]),
+        _: 3
+      }, 16, ["type"]))
+    ], 16, I));
+  }
+});
+export {
+  M as default
+};

package/dist/components/v2/DataTable/DataTableLoader.css

@@ -0,0 +1 @@
+.data-table-loader[data-v-14d9edbb]{z-index:1;background-color:#ffffffa6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.data-table-loader__icon[data-v-14d9edbb]{width:2rem;height:2rem;color:var(--theme-primary-500);animation:1s linear infinite data-table-loader-spin-14d9edbb}.data-table-loader--small .data-table-loader__icon[data-v-14d9edbb]{width:1.25rem;height:1.25rem}@keyframes data-table-loader-spin-14d9edbb{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.data-table-loader__icon[data-v-14d9edbb]{animation-duration:2s}}

package/dist/components/v2/DataTable/DataTableLoader.vue.d.ts

@@ -0,0 +1,7 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /** `small` — спиннер поверх одной строки, `large` — поверх всей таблицы. */
+    size?: 'small' | 'large';
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/v2/DataTable/DataTableLoader.vue.js

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

package/dist/components/v2/DataTable/DataTableLoader.vue2.js

@@ -0,0 +1,22 @@
+import { defineComponent as a, openBlock as r, createElementBlock as t, normalizeClass as o, createVNode as l, unref as d } from "vue";
+import { LoaderCircle as n } from "@lucide/vue";
+const p = /* @__PURE__ */ a({
+  name: "DataTableLoader",
+  __name: "DataTableLoader",
+  props: {
+    size: { default: "large" }
+  },
+  setup(e) {
+    return (s, c) => (r(), t("div", {
+      class: o(["data-table-loader", `data-table-loader--${e.size}`]),
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-part": "loader"
+    }, [
+      l(d(n), { class: "data-table-loader__icon" })
+    ], 2));
+  }
+});
+export {
+  p as default
+};

package/dist/components/v2/DataTable/DataTableSorter.css

@@ -0,0 +1 @@
+.data-table-sorter[data-v-dc6a1579]{--data-table-sorter-size:.75rem;width:var(--data-table-sorter-size);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.data-table-sorter--large[data-v-dc6a1579]{--data-table-sorter-size:1rem}.data-table-sorter__icon[data-v-dc6a1579]{width:var(--data-table-sorter-size);height:var(--data-table-sorter-size);color:var(--theme-neutral-600);transition:color var(--animation-duration-fast) ease-in-out;flex-shrink:0}.data-table-sorter__icon[data-v-dc6a1579]:first-child{margin-right:calc(var(--data-table-sorter-size) / -2)}.data-table-sorter__icon--active[data-v-dc6a1579]{color:var(--theme-primary-500)}

package/dist/components/v2/DataTable/DataTableSorter.vue.d.ts

@@ -0,0 +1,4 @@
+import { DataTableSorterProps } from './DataTable.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<DataTableSorterProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DataTableSorterProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/v2/DataTable/DataTableSorter.vue.js

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

package/dist/components/v2/DataTable/DataTableSorter.vue2.js

@@ -0,0 +1,37 @@
+import { defineComponent as s, computed as l, openBlock as c, createElementBlock as n, normalizeClass as a, createVNode as t, unref as r } from "vue";
+import { MoveDown as i, MoveUp as d } from "@lucide/vue";
+const _ = /* @__PURE__ */ s({
+  __name: "DataTableSorter",
+  props: {
+    direction: { type: [Boolean, String], default: !1 },
+    size: { default: "medium" }
+  },
+  setup(e) {
+    const o = l(() => [
+      "data-table-sorter",
+      `data-table-sorter--${e.size}`,
+      { "data-table-sorter--active": e.direction !== !1 }
+    ]);
+    return (u, m) => (c(), n("span", {
+      class: a(o.value),
+      "aria-hidden": "true",
+      "data-part": "sorter"
+    }, [
+      t(r(i), {
+        class: a([
+          "data-table-sorter__icon",
+          { "data-table-sorter__icon--active": e.direction === "desc" }
+        ])
+      }, null, 8, ["class"]),
+      t(r(d), {
+        class: a([
+          "data-table-sorter__icon",
+          { "data-table-sorter__icon--active": e.direction === "asc" }
+        ])
+      }, null, 8, ["class"])
+    ], 2));
+  }
+});
+export {
+  _ as default
+};

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

@@ -0,0 +1,11 @@
+import { default as DataTable } from './DataTable.vue';
+import { default as DataTableBody } from './DataTableBody.vue';
+import { default as DataTableFooter } from './DataTableFooter.vue';
+import { default as DataTableHeader } from './DataTableHeader.vue';
+import { default as DataTableHeaderCell } from './DataTableHeaderCell.vue';
+import { default as DataTableLoader } from './DataTableLoader.vue';
+import { default as DataTableSorter } from './DataTableSorter.vue';
+export { createDataTableColumns } from './DataTable.columns';
+export type { DataTableCellContext, DataTableCellRender, DataTableColumnsHelper, DataTableCustomColumn, DataTableKeyColumn } from './DataTable.columns';
+export type { DataTableAlign, DataTableEmits, DataTableHeaderCellEmits, DataTableHeaderCellProps, DataTableHeaderVariant, DataTableProps, DataTableRow, DataTableSize, DataTableSortDirection, DataTableSorterProps, DataTableVerticalAlign } from './DataTable.types';
+export { DataTable, DataTableBody, DataTableFooter, DataTableHeader, DataTableHeaderCell, DataTableLoader, DataTableSorter };

package/dist/components/v2/DatePicker/DatePicker.css

@@ -0,0 +1 @@
+.date-picker-field[data-v-e2156ddc]{max-width:100%;height:var(--input-height);background-color:var(--theme-neutral-0);border:1px solid var(--input-border-color);padding:var(--input-padding);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:4px;display:flex;overflow:hidden}.date-picker-field[data-v-e2156ddc]:hover{border-color:var(--input-border-color-hover)}.date-picker-field__main[data-v-e2156ddc]{min-width:0;height:100%;font:inherit;text-align:left;cursor:inherit;background:0 0;border:none;flex:auto;justify-content:flex-start;align-items:center;gap:4px;padding:0;display:flex}.date-picker-field__main[data-v-e2156ddc]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:-2px}.date-picker-field__main[data-v-e2156ddc]:disabled{cursor:not-allowed}.date-picker-field--open[data-v-e2156ddc]{border-color:var(--input-border-color-focus)}.date-picker-field--disabled[data-v-e2156ddc]{cursor:not-allowed;opacity:.6}.date-picker-field--small[data-v-e2156ddc]{height:var(--input-height-small)}.date-picker-field--large[data-v-e2156ddc]{height:var(--input-height-large)}.date-picker-field__icon[data-v-e2156ddc]{color:var(--theme-neutral-icon-caption);flex:none}.date-picker-field__placeholder[data-v-e2156ddc],.date-picker-field__value[data-v-e2156ddc]{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.date-picker-field__placeholder[data-v-e2156ddc]{font-size:var(--input-font-size);color:var(--input-color-placeholder)}.date-picker-field__value[data-v-e2156ddc]{font-size:var(--input-font-size);color:var(--theme-neutral-text-body)}.date-picker-field__clear[data-v-e2156ddc]{width:16px;height:16px;color:var(--color-neutral-text-caption);cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;padding:0}.date-picker-field__clear[data-v-e2156ddc]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.date-picker-field__clear svg[data-v-e2156ddc]{width:100%;height:100%}.date-picker-field__clear[data-v-e2156ddc]:hover{color:var(--color-error-500)}.date-picker-calendar[data-v-e2156ddc]{padding:16px}.date-picker-calendar__header[data-v-e2156ddc]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.date-picker-calendar__title[data-v-e2156ddc]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.date-picker-calendar__close[data-v-e2156ddc]{width:24px;height:24px;color:var(--theme-neutral-icon-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.date-picker-calendar__close[data-v-e2156ddc]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.date-picker-calendar__close[data-v-e2156ddc]:hover{color:var(--theme-neutral-icon-primary)}.date-picker-calendar__footer[data-v-e2156ddc]{flex-direction:column;align-items:center;gap:12px;margin-top:16px;display:flex}.date-picker-calendar__summary[data-v-e2156ddc]{color:var(--theme-primary-500);text-align:center;margin:0;font-size:.9375rem;font-weight:500}

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

@@ -0,0 +1,46 @@
+import { CalendarDate } from '@internationalized/date';
+import { TBreakpoints } from '../../../types/global.types';
+import { CalendarRangeValue, CalendarWeekdayFormat, CalendarWeekStartsOn } from '../Calendar';
+export type { CalendarRangeValue };
+export type DatePickerModelValue = CalendarDate | CalendarRangeValue | undefined;
+export interface DatePickerProps {
+    placeholder?: string;
+    size?: 'small' | 'default' | 'large';
+    width?: number | 'full';
+    showClear?: boolean;
+    disabled?: boolean;
+    /** Выбор диапазона дат — тогда modelValue это { start, end } */
+    range?: boolean;
+    minValue?: CalendarDate;
+    maxValue?: CalendarDate;
+    isDateDisabled?: (date: CalendarDate) => boolean;
+    locale?: string;
+    weekStartsOn?: CalendarWeekStartsOn;
+    weekdayFormat?: CalendarWeekdayFormat;
+    /** Сколько месяцев показывать одновременно (на мобильных складываются в колонку) */
+    numberOfMonths?: number;
+    /** Листать сразу на numberOfMonths месяцев вместо одного */
+    pagedNavigation?: boolean;
+    /** Формат отображения даты в поле (dayjs), например 'DD.MM.YYYY' */
+    format?: string;
+    /** Разделитель между границами диапазона в поле */
+    rangeSeparator?: string;
+    breakpointMobile?: TBreakpoints;
+    /**
+     * Доступное имя поля. По умолчанию берётся `placeholder`; выбранное
+     * значение подставляется к нему автоматически.
+     */
+    label?: string;
+    /** Доступные подписи для элементов без видимого текста. */
+    labels?: DatePickerLabels;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface DatePickerLabels {
+    /** Кнопка очистки значения. */
+    clear?: string;
+    /** Кнопка закрытия шторки на мобильном. */
+    close?: string;
+    /** Заголовок шторки и подпись кнопки подтверждения. */
+    title?: string;
+}

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

@@ -0,0 +1,36 @@
+import { CalendarDate } from '@internationalized/date';
+import { CalendarRangeValue, DatePickerProps, DatePickerLabels } from './DatePicker.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+import { CalendarWeekStartsOn, CalendarWeekdayFormat } from '..';
+type __VLS_Props = DatePickerProps;
+type __VLS_PublicProps = {
+    modelValue?: CalendarDate | CalendarRangeValue | undefined;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: CalendarDate | CalendarRangeValue | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CalendarDate | CalendarRangeValue | undefined) => any) | undefined;
+}>, {
+    label: string;
+    size: "small" | "default" | "large";
+    placeholder: string;
+    disabled: boolean;
+    width: number | "full";
+    breakpointMobile: TBreakpoints;
+    pagedNavigation: boolean;
+    weekStartsOn: CalendarWeekStartsOn;
+    weekdayFormat: CalendarWeekdayFormat;
+    maxValue: CalendarDate;
+    minValue: CalendarDate;
+    locale: string;
+    numberOfMonths: number;
+    isDateDisabled: (date: CalendarDate) => boolean;
+    range: boolean;
+    format: string;
+    showClear: boolean;
+    testId: string;
+    labels: DatePickerLabels;
+    rangeSeparator: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;