@profitliga/ui 1.2.90 → 2.0.0

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

@@ -0,0 +1,44 @@
+export type PaginationSize = 'small' | 'medium';
+/** Номер страницы в списке. */
+export interface PaginationPageItem {
+    type: 'page';
+    value: number;
+}
+/**
+ * Многоточие — отметка о пропущенных страницах. Направление нужно только для
+ * `data-testid`: слева и справа от текущей страницы стоят разные разрывы.
+ */
+export interface PaginationEllipsisItem {
+    type: 'ellipsis';
+    direction: 'prev' | 'next';
+}
+export type PaginationItem = PaginationPageItem | PaginationEllipsisItem;
+export interface PaginationProps {
+    /** Всего элементов в наборе — из него считается количество страниц. */
+    total: number;
+    /**
+     * Сколько соседних страниц показывать слева и справа от текущей. Первая и
+     * последняя страницы видны всегда, разрывы закрываются многоточиями.
+     */
+    siblingCount?: number;
+    size?: PaginationSize;
+    disabled?: boolean;
+    /** Блок «Показывать по N» справа от списка страниц. */
+    showPageSize?: boolean;
+    pageSizeOptions?: number[];
+    pageSizeLabel?: string;
+    /**
+     * Доступное имя навигации (`aria-label`) — отличает одну пагинацию от
+     * другой, когда на странице их несколько.
+     */
+    ariaLabel?: string;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface PaginationPageSizeProps {
+    options: number[];
+    label?: string;
+    size?: PaginationSize;
+    disabled?: boolean;
+    testId?: string;
+}

package/dist/components/v2/Pagination/Pagination.util.d.ts

@@ -0,0 +1,12 @@
+import { PaginationItem } from './Pagination.types';
+/**
+ * Список кнопок пагинации: первая страница, соседи текущей, последняя, а
+ * разрывы между ними — многоточия.
+ *
+ * Разрыв ровно в одну страницу многоточием не закрываем: кнопка занимает
+ * столько же места, сколько многоточие, но по ней можно кликнуть.
+ */
+export declare function buildPaginationItems(pageCount: number, currentPage: number, siblingCount: number): PaginationItem[];
+/** Количество страниц: минимум одна, даже когда набор пуст. */
+export declare function getPageCount(total: number, pageSize: number): number;
+export declare function clampPage(page: number, pageCount: number): number;

package/dist/components/v2/Pagination/Pagination.util.js

@@ -0,0 +1,25 @@
+function h(t, e) {
+  return Array.from({ length: e - t + 1 }, (s, i) => t + i);
+}
+function l(t, e, s) {
+  if (t <= 1)
+    return t === 1 ? [{ type: "page", value: 1 }] : [];
+  const i = 1, a = t, p = Math.max(i, e - s), r = Math.min(a, e + s), n = [];
+  return p > i && (n.push({ type: "page", value: i }), p === i + 2 ? n.push({ type: "page", value: i + 1 }) : p > i + 2 && n.push({ type: "ellipsis", direction: "prev" })), n.push(
+    ...h(p, r).map((u) => ({
+      type: "page",
+      value: u
+    }))
+  ), r < a && (r === a - 2 ? n.push({ type: "page", value: a - 1 }) : r < a - 2 && n.push({ type: "ellipsis", direction: "next" }), n.push({ type: "page", value: a })), n;
+}
+function f(t, e) {
+  return e <= 0 ? 1 : Math.max(1, Math.ceil(t / e));
+}
+function c(t, e) {
+  return Number.isFinite(t) ? Math.min(Math.max(Math.trunc(t), 1), e) : 1;
+}
+export {
+  l as buildPaginationItems,
+  c as clampPage,
+  f as getPageCount
+};

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

@@ -0,0 +1,28 @@
+import { PaginationProps, PaginationSize } from './Pagination.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = PaginationProps;
+type __VLS_PublicProps = {
+    'page'?: number;
+    'pageSize'?: number;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (page: number) => any;
+    "update:page": (value: number) => any;
+    pageSizeChange: (pageSize: number) => any;
+    "update:pageSize": (value: number) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((page: number) => any) | undefined;
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    onPageSizeChange?: ((pageSize: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+}>, {
+    size: PaginationSize;
+    disabled: boolean;
+    siblingCount: number;
+    ariaLabel: string;
+    testId: string;
+    showPageSize: boolean;
+    pageSizeOptions: number[];
+    pageSizeLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,122 @@
+import { defineComponent as x, useModel as h, computed as d, openBlock as r, createElementBlock as c, mergeProps as g, unref as o, createElementVNode as p, createVNode as S, Fragment as M, renderList as V, toDisplayString as N, createBlock as E, createCommentVNode as F, mergeModels as C } from "vue";
+import { ChevronLeft as O, ChevronRight as T } from "@lucide/vue";
+import { useTestId as A } from "../shared/useTestId.util.js";
+import { getPageCount as P, clampPage as z, buildPaginationItems as D } from "./Pagination.util.js";
+import K from "./PaginationPageSize.vue.js";
+const R = ["aria-label"], U = { class: "pagination__cell" }, j = ["disabled"], q = ["disabled", "aria-current", "aria-label", "onClick"], G = { class: "pagination__cell" }, H = ["disabled"], ee = /* @__PURE__ */ x({
+  inheritAttrs: !1,
+  __name: "Pagination",
+  props: /* @__PURE__ */ C({
+    total: {},
+    siblingCount: { default: 2 },
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    showPageSize: { type: Boolean, default: !1 },
+    pageSizeOptions: { default: () => [10, 20, 50, 100] },
+    pageSizeLabel: { default: "Показывать по" },
+    ariaLabel: { default: "Навигация по страницам" },
+    testId: { default: void 0 }
+  }, {
+    page: { default: 1 },
+    pageModifiers: {},
+    pageSize: { default: 10 },
+    pageSizeModifiers: {}
+  }),
+  emits: /* @__PURE__ */ C(["change", "pageSizeChange"], ["update:page", "update:pageSize"]),
+  setup(a, { emit: y }) {
+    const l = a, b = y, s = h(a, "page"), f = h(a, "pageSize"), u = A(() => l.testId), v = d(() => P(l.total, f.value)), n = d(() => z(s.value, v.value)), _ = d(
+      () => D(v.value, n.value, l.siblingCount)
+    ), k = d(() => n.value <= 1), $ = d(() => n.value >= v.value), L = d(() => [
+      "pagination",
+      `pagination--${l.size}`,
+      {
+        "pagination--disabled": l.disabled,
+        "pagination--with-page-size": l.showPageSize
+      }
+    ]);
+    function w(t, e) {
+      return t.type === "page" ? `page-${t.value}` : `ellipsis-${t.direction}-${e}`;
+    }
+    function m(t) {
+      if (l.disabled) return;
+      const e = z(t, v.value);
+      e === n.value && e === s.value || (s.value = e, b("change", e));
+    }
+    function B(t) {
+      f.value = t, b("pageSizeChange", t);
+      const e = z(s.value, P(l.total, t));
+      e !== s.value && (s.value = e, b("change", e));
+    }
+    return (t, e) => (r(), c("nav", g({
+      class: L.value,
+      "aria-label": a.ariaLabel
+    }, { ...t.$attrs, ...o(u)("root") }), [
+      p("ul", g({ class: "pagination__list" }, o(u)("list")), [
+        p("li", U, [
+          p("button", g({
+            type: "button",
+            class: "pagination__arrow",
+            disabled: a.disabled || k.value,
+            "aria-label": "Предыдущая страница"
+          }, o(u)("prev"), {
+            onClick: e[0] || (e[0] = (i) => m(n.value - 1))
+          }), [
+            S(o(O), {
+              class: "pagination__icon",
+              "aria-hidden": "true"
+            })
+          ], 16, j)
+        ]),
+        (r(!0), c(M, null, V(_.value, (i, I) => (r(), c("li", {
+          key: w(i, I),
+          class: "pagination__cell"
+        }, [
+          i.type === "page" ? (r(), c("button", g({
+            key: 0,
+            type: "button",
+            class: ["pagination__item", {
+              "pagination__item--active": i.value === n.value
+            }],
+            disabled: a.disabled,
+            "aria-current": i.value === n.value ? "page" : void 0,
+            "aria-label": `Страница ${i.value}`
+          }, { ref_for: !0 }, o(u)("page", i.value), {
+            onClick: (J) => m(i.value)
+          }), N(i.value), 17, q)) : (r(), c("span", g({
+            key: 1,
+            class: "pagination__ellipsis",
+            "aria-hidden": "true"
+          }, { ref_for: !0 }, o(u)("ellipsis", i.direction)), " ••• ", 16))
+        ]))), 128)),
+        p("li", G, [
+          p("button", g({
+            type: "button",
+            class: "pagination__arrow",
+            disabled: a.disabled || $.value,
+            "aria-label": "Следующая страница"
+          }, o(u)("next"), {
+            onClick: e[1] || (e[1] = (i) => m(n.value + 1))
+          }), [
+            S(o(T), {
+              class: "pagination__icon",
+              "aria-hidden": "true"
+            })
+          ], 16, H)
+        ])
+      ], 16),
+      a.showPageSize ? (r(), E(K, {
+        key: 0,
+        "model-value": f.value,
+        options: a.pageSizeOptions,
+        label: a.pageSizeLabel,
+        size: a.size,
+        disabled: a.disabled,
+        "test-id": a.testId,
+        "onUpdate:modelValue": B
+      }, null, 8, ["model-value", "options", "label", "size", "disabled", "test-id"])) : F("", !0)
+    ], 16, R));
+  }
+});
+export {
+  ee as default
+};

package/dist/components/v2/Pagination/PaginationPageSize.css

@@ -0,0 +1 @@
+.pagination-page-size[data-v-85c0f555]{align-items:center;gap:12px;display:inline-flex}.pagination-page-size--small[data-v-85c0f555]{gap:8px}.pagination-page-size--small .pagination-page-size__label[data-v-85c0f555]{font-size:.75rem;line-height:1rem}.pagination-page-size__label[data-v-85c0f555]{color:var(--theme-neutral-text-caption);white-space:nowrap;font-size:.875rem;font-weight:400;line-height:1.375rem}.pagination-page-size__select[data-v-85c0f555]{flex-shrink:0;width:5.5rem}

package/dist/components/v2/Pagination/PaginationPageSize.vue.d.ts

@@ -0,0 +1,17 @@
+import { PaginationPageSizeProps, PaginationSize } from './Pagination.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = PaginationPageSizeProps;
+type __VLS_PublicProps = {
+    modelValue: number;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    label: string;
+    size: PaginationSize;
+    disabled: boolean;
+    testId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/v2/Pagination/PaginationPageSize.vue.js

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

package/dist/components/v2/Pagination/PaginationPageSize.vue2.js

@@ -0,0 +1,50 @@
+import { defineComponent as g, useModel as b, computed as d, openBlock as n, createElementBlock as u, mergeProps as m, unref as i, toDisplayString as f, createCommentVNode as z, createVNode as v, mergeModels as V } from "vue";
+import N from "../Select/Select.vue.js";
+import { useTestId as I } from "../shared/useTestId.util.js";
+const y = /* @__PURE__ */ g({
+  __name: "PaginationPageSize",
+  props: /* @__PURE__ */ V({
+    options: {},
+    label: { default: void 0 },
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, s = b(e, "modelValue"), o = I(() => l.testId), r = d(
+      () => l.options.map((a) => ({ value: a, label: String(a) }))
+    ), c = d(() => [
+      "pagination-page-size",
+      `pagination-page-size--${l.size}`,
+      { "pagination-page-size--disabled": l.disabled }
+    ]);
+    function p(a) {
+      const t = Number(a);
+      Number.isNaN(t) || (s.value = t);
+    }
+    return (a, t) => (n(), u("div", m({ class: c.value }, i(o)("page-size")), [
+      e.label ? (n(), u("span", m({
+        key: 0,
+        class: "pagination-page-size__label"
+      }, i(o)("page-size-label")), f(e.label), 17)) : z("", !0),
+      v(i(N), {
+        "model-value": s.value,
+        options: r.value,
+        size: e.size === "small" ? "small" : "default",
+        disabled: e.disabled,
+        align: "end",
+        "aria-label": e.label ?? "Элементов на странице",
+        class: "pagination-page-size__select",
+        "test-id": e.testId,
+        "onUpdate:modelValue": p
+      }, null, 8, ["model-value", "options", "size", "disabled", "aria-label", "test-id"])
+    ], 16));
+  }
+});
+export {
+  y as default
+};

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

@@ -0,0 +1,4 @@
+import { default as Pagination } from './Pagination.vue';
+import { default as PaginationPageSize } from './PaginationPageSize.vue';
+export type { PaginationEllipsisItem, PaginationItem, PaginationPageItem, PaginationPageSizeProps, PaginationProps, PaginationSize } from './Pagination.types';
+export { Pagination, PaginationPageSize };

package/dist/components/v2/Popover/Popover.css

@@ -0,0 +1 @@
+.popover-trigger[data-v-a20b3039]{display:block}.popover-mobile[data-v-a20b3039]{width:100%}.popover-content[data-v-a20b3039]{z-index:1001;background-color:var(--theme-neutral-0);filter:drop-shadow(-1px 1px 10px #8d8f9340);border-radius:16px;position:fixed}.popover-content[data-state=open][data-v-a20b3039]{animation:fadeIn var(--animation-duration) ease-in-out}.popover-content[data-state=closed][data-v-a20b3039]{animation:fadeOut var(--animation-duration) ease-in-out}.popover-arrow[data-v-a20b3039]{background-color:var(--theme-neutral-0);pointer-events:none;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.popover-arrow--bottom[data-v-a20b3039]{top:-5px}.popover-arrow--top[data-v-a20b3039]{bottom:-5px}.popover-arrow--right[data-v-a20b3039]{left:-5px}.popover-arrow--left[data-v-a20b3039]{right:-5px}

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

@@ -0,0 +1,46 @@
+import { TBreakpoints } from '../../../types/global.types';
+export type PopoverSide = 'top' | 'right' | 'bottom' | 'left';
+export type PopoverAlign = 'start' | 'center' | 'end';
+export interface PopoverProps {
+    width?: number;
+    side?: PopoverSide;
+    sideOffset?: number;
+    align?: PopoverAlign;
+    alignOffset?: number;
+    arrow?: boolean;
+    zIndex?: number | 'auto';
+    breakpointMobile?: TBreakpoints;
+    disableOutsidePointerEvents?: boolean;
+    /**
+     * Доступное имя попапа (`aria-label`). Роль `dialog` проставляется только
+     * вместе с именем: безымянный диалог для скринридера хуже, чем его
+     * отсутствие, — пользователь слышит «диалог» и не понимает, о чём он.
+     */
+    label?: string;
+    /** id заголовка внутри попапа (`aria-labelledby`). Приоритетнее `label`. */
+    labelledBy?: string;
+    /**
+     * Значение `aria-haspopup` для элемента в слоте `trigger`. Меню и списки
+     * объявляются иначе, чем диалог, — см. `DropdownMenu`, который передаёт
+     * сюда `menu`.
+     */
+    triggerHasPopup?: 'dialog' | 'menu' | 'listbox' | 'grid' | 'tree';
+    /**
+     * id элемента, на который триггер указывает через `aria-controls`. По
+     * умолчанию это контейнер попапа, но если внутри лежит собственный виджет
+     * с ролью (например `role="menu"` у `DropdownMenu`), указывать нужно
+     * именно на него — иначе связь ведёт на безролевую обёртку.
+     */
+    triggerControls?: string;
+    /**
+     * Удерживать фокус внутри попапа, пока он открыт, и вернуть его на триггер
+     * при закрытии. Отключается для попапов, которые управляют фокусом сами.
+     */
+    trapFocus?: boolean;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface PopoverEmits {
+    escapeKeyDown: [event: KeyboardEvent];
+    pointerDownOutside: [event: MouseEvent | TouchEvent];
+}

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

@@ -0,0 +1,62 @@
+import { PopoverProps, PopoverSide, PopoverAlign } from './Popover.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+type __VLS_Props = PopoverProps;
+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;
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        triggerRef: HTMLSpanElement;
+        contentRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: MouseEvent | TouchEvent) => any;
+    "update:open": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    label: string;
+    width: number;
+    trapFocus: boolean;
+    disableOutsidePointerEvents: boolean;
+    zIndex: number | "auto";
+    breakpointMobile: TBreakpoints;
+    side: PopoverSide;
+    sideOffset: number;
+    align: PopoverAlign;
+    alignOffset: number;
+    arrow: boolean;
+    testId: string;
+    labelledBy: string;
+    triggerHasPopup: "dialog" | "menu" | "listbox" | "grid" | "tree";
+    triggerControls: 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/Popover/Popover.vue.js

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

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

@@ -0,0 +1,180 @@
+import { defineComponent as se, useModel as ae, useId as le, computed as g, useTemplateRef as F, reactive as K, ref as re, watch as de, onBeforeUnmount as fe, openBlock as h, createElementBlock as T, Fragment as ue, mergeProps as z, unref as c, renderSlot as S, createCommentVNode as A, createBlock as W, withCtx as U, createElementVNode as G, mergeModels as Z, nextTick as ce } from "vue";
+import { breakpoints as pe } from "../../../utils/breakpoints.util.js";
+import { onClickOutside as me } from "../../../utils/onClickOutside.util.js";
+import { useFocusTrap as ve } from "../../../utils/useFocusTrap.util.js";
+import ge from "../BottomSheet/BottomSheet.vue.js";
+import { ANIMATION_DURATION_MS as j } from "../shared/animation.const.js";
+import he from "../shared/Portal.vue.js";
+import { useDelayedVisibility as we } from "../shared/useDelayedVisibility.util.js";
+import { useTestId as be } from "../shared/useTestId.util.js";
+import { useTriggerAria as ye } from "../shared/useTriggerAria.util.js";
+const Oe = { class: "popover-mobile" }, xe = ["role", "aria-label", "aria-labelledby", "data-state"], M = 10, p = 8, ze = /* @__PURE__ */ se({
+  inheritAttrs: !1,
+  __name: "Popover",
+  props: /* @__PURE__ */ Z({
+    width: { default: 400 },
+    side: { default: "bottom" },
+    sideOffset: { default: 8 },
+    align: { default: "center" },
+    alignOffset: { default: 0 },
+    arrow: { type: Boolean, default: !0 },
+    zIndex: { default: "auto" },
+    breakpointMobile: { default: "sm" },
+    disableOutsidePointerEvents: { type: Boolean, default: !1 },
+    label: { default: void 0 },
+    labelledBy: { default: void 0 },
+    triggerHasPopup: { default: "dialog" },
+    triggerControls: { default: void 0 },
+    trapFocus: { type: Boolean, default: !0 },
+    testId: { default: void 0 }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Z(["escapeKeyDown", "pointerDownOutside"], ["update:open"]),
+  setup(a, { emit: q }) {
+    const e = a, w = q, r = ae(a, "open"), H = pe.smaller(e.breakpointMobile), E = `popover-content-${le()}`, R = be(() => e.testId), J = g(
+      () => e.label || e.labelledBy ? "dialog" : void 0
+    );
+    function Q() {
+      r.value = !r.value;
+    }
+    const X = g(() => ({
+      "aria-haspopup": e.triggerHasPopup,
+      "aria-expanded": r.value,
+      "aria-controls": r.value ? E : void 0
+    }));
+    function N() {
+      r.value = !1;
+    }
+    const Y = g(() => r.value && !H.value), b = F("triggerRef"), m = F("contentRef"), I = ve(() => m.value);
+    ye({
+      host: () => b.value,
+      isOpen: () => r.value,
+      contentId: () => e.triggerControls ?? E,
+      hasPopup: () => e.triggerHasPopup
+    });
+    const l = K({
+      top: 0,
+      left: 0,
+      side: e.side
+    }), y = K({ x: 0, y: 0 }), B = re(!1);
+    function _() {
+      const o = b.value, s = m.value;
+      if (!o || !s) return;
+      const t = o.getBoundingClientRect(), n = s.getBoundingClientRect(), x = window.innerWidth, V = window.innerHeight, D = V - t.bottom, $ = t.top, C = t.left, L = x - t.right;
+      let i = e.side;
+      const k = i === "top" || i === "bottom" ? n.height : n.width;
+      i === "bottom" && D < k + e.sideOffset && $ > D ? i = "top" : i === "top" && $ < k + e.sideOffset && D > $ ? i = "bottom" : i === "right" && L < k + e.sideOffset && C > L ? i = "left" : i === "left" && C < k + e.sideOffset && L > C && (i = "right");
+      let f, u;
+      i === "bottom" || i === "top" ? (f = i === "bottom" ? t.bottom + e.sideOffset : t.top - n.height - e.sideOffset, e.align === "start" ? u = t.left + e.alignOffset : e.align === "end" ? u = t.right - n.width - e.alignOffset : u = t.left + t.width / 2 - n.width / 2 + e.alignOffset) : (u = i === "right" ? t.right + e.sideOffset : t.left - n.width - e.sideOffset, e.align === "start" ? f = t.top + e.alignOffset : e.align === "end" ? f = t.bottom - n.height - e.alignOffset : f = t.top + t.height / 2 - n.height / 2 + e.alignOffset), u = Math.min(
+        Math.max(u, p),
+        Math.max(
+          p,
+          x - n.width - p
+        )
+      ), f = Math.min(
+        Math.max(f, p),
+        Math.max(
+          p,
+          V - n.height - p
+        )
+      ), l.top = f, l.left = u, l.side = i, y.x = t.left + t.width / 2, y.y = t.top + t.height / 2, B.value = !0;
+    }
+    const ee = g(() => ({
+      top: `${l.top}px`,
+      left: `${l.left}px`,
+      width: `${e.width}px`,
+      visibility: B.value ? void 0 : "hidden",
+      ...e.zIndex !== "auto" ? { zIndex: e.zIndex } : {}
+    })), te = g(() => {
+      if (l.side === "top" || l.side === "bottom") {
+        const n = Math.max(12, e.width - 12 - M), x = y.x - l.left - M / 2;
+        return { left: `${Math.min(Math.max(x, 12), n)}px` };
+      }
+      const o = m.value?.offsetHeight ?? 0, s = Math.max(12, o - 12 - M), t = y.y - l.top - M / 2;
+      return { top: `${Math.min(Math.max(t, 12), s)}px` };
+    });
+    function d() {
+      ce(_);
+    }
+    function P(o) {
+      o.key === "Escape" && (w("escapeKeyDown", o), o.defaultPrevented || N());
+    }
+    function oe(o) {
+      w("pointerDownOutside", o), !e.disableOutsidePointerEvents && !o.defaultPrevented && N();
+    }
+    const { visible: ie, dataState: ne } = we(
+      Y,
+      j,
+      {
+        onOpen: () => {
+          B.value = !1, document.addEventListener("keydown", P), window.addEventListener("resize", d), window.addEventListener("scroll", d, !0), d(), e.trapFocus && I.activate({ focusDelayMs: j });
+        },
+        onCloseStart: () => {
+          document.removeEventListener("keydown", P), window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0), I.deactivate();
+        }
+      }
+    );
+    let O, v;
+    return de(m, (o) => {
+      O?.(), v?.disconnect(), o ? (O = me(o, oe, {
+        ignore: [b]
+      }), v = new ResizeObserver(d), v.observe(o)) : (O = void 0, v = void 0);
+    }), fe(() => {
+      O?.(), v?.disconnect(), document.removeEventListener("keydown", P), window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0), I.deactivate();
+    }), (o, s) => (h(), T(ue, null, [
+      o.$slots.trigger ? (h(), T("span", z({
+        key: 0,
+        ref_key: "triggerRef",
+        ref: b,
+        class: "popover-trigger"
+      }, c(R)("trigger"), { onClick: Q }), [
+        S(o.$slots, "trigger", { props: X.value }, void 0, !0)
+      ], 16)) : A("", !0),
+      c(H) ? (h(), W(c(ge), {
+        key: 1,
+        open: r.value,
+        "onUpdate:open": s[0] || (s[0] = (t) => r.value = t),
+        "disable-outside-pointer-events": a.disableOutsidePointerEvents,
+        label: a.label,
+        "labelled-by": a.labelledBy,
+        "test-id": a.testId,
+        onEscapeKeyDown: s[1] || (s[1] = (t) => w("escapeKeyDown", t)),
+        onPointerDownOutside: s[2] || (s[2] = (t) => w("pointerDownOutside", t))
+      }, {
+        default: U(() => [
+          G("div", Oe, [
+            S(o.$slots, "default", {}, void 0, !0)
+          ])
+        ]),
+        _: 3
+      }, 8, ["open", "disable-outside-pointer-events", "label", "labelled-by", "test-id"])) : c(ie) ? (h(), W(he, { key: 2 }, {
+        default: U(() => [
+          G("div", z({
+            id: E,
+            ref_key: "contentRef",
+            ref: m,
+            role: J.value,
+            "aria-label": a.labelledBy ? void 0 : a.label,
+            "aria-labelledby": a.labelledBy,
+            "data-state": c(ne),
+            class: "popover-content",
+            style: ee.value
+          }, { ...o.$attrs, ...c(R)("content") }), [
+            a.arrow ? (h(), T("div", z({
+              key: 0,
+              class: ["popover-arrow", `popover-arrow--${l.side}`],
+              style: te.value
+            }, c(R)("arrow")), null, 16)) : A("", !0),
+            S(o.$slots, "default", {}, void 0, !0)
+          ], 16, xe)
+        ]),
+        _: 3
+      })) : A("", !0)
+    ], 64));
+  }
+});
+export {
+  ze as default
+};

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

@@ -0,0 +1,3 @@
+import { default as Popover } from './Popover.vue';
+export type { PopoverAlign, PopoverEmits, PopoverProps, PopoverSide } from './Popover.types';
+export { Popover };

package/dist/components/v2/Radio/Radio.css

@@ -0,0 +1 @@
+.radio[data-v-b337a8cb]{cursor:pointer;align-items:flex-start;gap:.5rem;display:inline-flex}.radio__input[data-v-b337a8cb]{clip-path:inset(50%);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.radio__text[data-v-b337a8cb]{flex-direction:column;gap:.25rem;min-width:0;display:flex}.radio__label[data-v-b337a8cb]{color:var(--theme-neutral-text-title);overflow-wrap:break-word;font-size:.875rem;font-weight:400;line-height:1.25rem}.radio__description[data-v-b337a8cb]{color:var(--theme-neutral-text-caption);overflow-wrap:break-word;font-size:1rem;font-weight:400;line-height:1.25rem}.radio[data-v-b337a8cb]:not(:has(.radio__description)){align-items:center}.radio--small .radio__label[data-v-b337a8cb]{font-size:.75rem;line-height:1rem}.radio--disabled[data-v-b337a8cb]{cursor:not-allowed;opacity:.5}.radio--disabled .radio__label[data-v-b337a8cb]{color:var(--theme-neutral-500)}