@profitliga/ui 1.2.90 → 2.0.1

package/dist/components/v2/Stepper/StepperItem.vue2.js

@@ -0,0 +1,98 @@
+import { defineComponent as E, inject as R, useTemplateRef as S, computed as a, onMounted as V, onBeforeUnmount as N, openBlock as p, createElementBlock as k, Fragment as T, createElementVNode as m, mergeProps as u, unref as i, createBlock as $, resolveDynamicComponent as D, withCtx as y, renderSlot as C, createTextVNode as f, toDisplayString as b, createVNode as P, createCommentVNode as w } from "vue";
+import { useTestId as H } from "../shared/useTestId.util.js";
+import L from "../shared/VisuallyHidden.vue.js";
+import { STEPPER_KEY as O } from "./stepper.context.js";
+const j = ["aria-current", "data-state", "data-value"], U = /* @__PURE__ */ E({
+  inheritAttrs: !1,
+  __name: "StepperItem",
+  props: {
+    value: {},
+    label: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: void 0 }
+  },
+  setup(n) {
+    const e = n, s = H(() => e.testId), t = R(O, void 0), o = S("itemRef"), l = a(
+      () => t?.stateOf(e.value) ?? "upcoming"
+    ), d = a(() => t?.numberOf(e.value) ?? 0), _ = a(() => t?.isLast(e.value) ?? !0), c = a(
+      () => e.disabled || !!t?.disabled.value
+    ), r = a(() => !!t?.clickable.value), g = a(() => {
+      switch (l.value) {
+        case "completed":
+          return "Шаг пройден";
+        case "current":
+          return "Текущий шаг";
+        default:
+          return "Шаг не пройден";
+      }
+    }), B = a(() => [
+      "stepper-item",
+      `stepper-item--${l.value}`,
+      {
+        "stepper-item--last": _.value,
+        "stepper-item--clickable": r.value && !c.value
+      }
+    ]), h = a(() => [
+      "stepper-divider",
+      /* Зелёной становится только линия за уже пройденным шагом. */
+      { "stepper-divider--completed": l.value === "completed" }
+    ]);
+    function I() {
+      !r.value || c.value || t?.select(e.value);
+    }
+    return V(() => {
+      o.value && t?.registerItem(e.value, o.value);
+    }), N(() => {
+      t?.unregisterItem(e.value);
+    }), (v, x) => (p(), k(T, null, [
+      m("li", u({
+        ref_key: "itemRef",
+        ref: o,
+        class: B.value,
+        "aria-current": l.value === "current" ? "step" : void 0,
+        "data-state": l.value,
+        "data-value": String(n.value)
+      }, i(s)("item")), [
+        (p(), $(D(r.value ? "button" : "span"), u({
+          type: r.value ? "button" : void 0,
+          disabled: r.value ? c.value : void 0,
+          class: "stepper-item__control"
+        }, { ...v.$attrs, ...i(s)("control") }, { onClick: I }), {
+          default: y(() => [
+            m("span", u({ class: "stepper-item__indicator" }, i(s)("indicator")), [
+              C(v.$slots, "indicator", {
+                number: d.value,
+                state: l.value
+              }, () => [
+                f(b(d.value), 1)
+              ], !0)
+            ], 16),
+            m("span", u({ class: "stepper-item__label" }, i(s)("label")), [
+              C(v.$slots, "default", {
+                number: d.value,
+                state: l.value
+              }, () => [
+                f(b(n.label), 1)
+              ], !0)
+            ], 16),
+            P(L, null, {
+              default: y(() => [
+                f(b(g.value), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        }, 16, ["type", "disabled"]))
+      ], 16, j),
+      _.value ? w("", !0) : (p(), k("li", u({
+        key: 0,
+        class: h.value,
+        "aria-hidden": "true"
+      }, i(s)("divider")), null, 16))
+    ], 64));
+  }
+});
+export {
+  U as default
+};

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

@@ -0,0 +1,4 @@
+import { default as Stepper } from './Stepper.vue';
+import { default as StepperItem } from './StepperItem.vue';
+export type { StepperItemProps, StepperItemState, StepperProps, StepperValue } from './Stepper.types';
+export { Stepper, StepperItem };

package/dist/components/v2/Stepper/stepper.context.d.ts

@@ -0,0 +1,22 @@
+import { InjectionKey, Ref } from 'vue';
+import { StepperItemState, StepperValue } from './Stepper.types';
+/**
+ * Общий контекст степпера. Корень раздаёт оформление и текущий выбор, а также
+ * отвечает на вопросы, ответ на которые знает только он: номер шага, его
+ * состояние и признак последнего — всё это зависит от порядка шагов в разметке,
+ * который отдельному шагу не виден.
+ */
+export interface StepperContext {
+    clickable: Ref<boolean>;
+    disabled: Ref<boolean>;
+    selected: Ref<StepperValue | undefined>;
+    select: (value: StepperValue) => void;
+    /** Порядковый номер шага, с единицы — то, что нарисовано в кружке. */
+    numberOf: (value: StepperValue) => number;
+    stateOf: (value: StepperValue) => StepperItemState;
+    /** У последнего шага нет разделителя — вести ему некуда. */
+    isLast: (value: StepperValue) => boolean;
+    registerItem: (value: StepperValue, el: HTMLElement) => void;
+    unregisterItem: (value: StepperValue) => void;
+}
+export declare const STEPPER_KEY: InjectionKey<StepperContext>;

package/dist/components/v2/Stepper/stepper.context.js

@@ -0,0 +1,4 @@
+const e = /* @__PURE__ */ Symbol("stepper");
+export {
+  e as STEPPER_KEY
+};

package/dist/components/v2/Switch/Switch.css

@@ -0,0 +1 @@
+.switch[data-v-7c141116]{--switch-track-color:var(--theme-neutral-250);--switch-thumb-color:var(--theme-neutral-0);--switch-offset:0;--switch-ring:0;--switch-ring-color:transparent;cursor:pointer;align-items:flex-start;gap:.5rem;display:inline-flex}.switch__input[data-v-7c141116]{clip-path:inset(50%);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.switch__track[data-v-7c141116]{background-color:var(--switch-track-color);width:3rem;height:1.5rem;transition:background-color var(--animation-duration-fast) ease;border-radius:6.25rem;flex-shrink:0;position:relative}.switch__thumb[data-v-7c141116]{background-color:var(--switch-thumb-color);width:1.25rem;height:1.25rem;box-shadow:0 .0625rem .125rem 0 #0000001a, 0 .125rem .375rem .125rem #0000000d, 0 0 0 var(--switch-ring) var(--switch-ring-color);transform:translateX(var(--switch-offset));transition:transform var(--animation-duration-fast) ease-in-out, background-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease;border-radius:50%;position:absolute;top:.125rem;left:.125rem}.switch__text[data-v-7c141116]{flex-direction:column;gap:.25rem;min-width:0;display:flex}.switch__label[data-v-7c141116]{color:var(--theme-neutral-text-title);overflow-wrap:break-word;font-size:.875rem;font-weight:400;line-height:1.25rem}.switch__description[data-v-7c141116]{color:var(--theme-neutral-text-caption);overflow-wrap:break-word;font-size:1rem;font-weight:400;line-height:1.25rem}.switch[data-v-7c141116]:not(:has(.switch__description)){align-items:center}.switch--checked[data-v-7c141116]{--switch-track-color:var(--theme-primary-500);--switch-offset:1.5rem}.switch--checked[data-v-7c141116]:hover:not(.switch--disabled){--switch-track-color:var(--theme-primary-400)}.switch[data-v-7c141116]:has(.switch__input:focus-visible){--switch-ring:.4167rem;--switch-ring-color:var(--theme-neutral-250_40)}.switch--checked[data-v-7c141116]:has(.switch__input:focus-visible){--switch-track-color:var(--theme-primary-300);--switch-ring-color:var(--theme-primary-75)}.switch[data-v-7c141116]:active:not(.switch--disabled){--switch-track-color:var(--theme-neutral-300)}.switch--checked[data-v-7c141116]:active:not(.switch--disabled){--switch-track-color:var(--theme-primary-600)}.switch--disabled[data-v-7c141116]{--switch-track-color:var(--theme-neutral-surface-disabled);--switch-thumb-color:var(--theme-neutral-icon-disabled);cursor:not-allowed}.switch--disabled .switch__label[data-v-7c141116]{color:var(--theme-neutral-500)}

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

@@ -0,0 +1,24 @@
+export interface SwitchProps {
+    /** Подпись справа от переключателя. Можно заменить слотом по умолчанию */
+    label?: string;
+    /** Пояснение под подписью. Можно заменить слотом `description` */
+    description?: string;
+    disabled?: boolean;
+    /** Имя поля в форме */
+    name?: string;
+    /**
+     * Значение, которое форма отправит во включённом состоянии.
+     * По умолчанию браузер отправляет `on`
+     */
+    value?: string;
+    /** Собственный `id`. По умолчанию генерируется */
+    id?: string;
+    /**
+     * Доступное имя, когда видимой подписи нет — иначе скринридер объявит
+     * безымянный переключатель
+     */
+    ariaLabel?: string;
+    /** Доступное имя через `id` видимой подписи снаружи компонента */
+    ariaLabelledby?: string;
+    testId?: string;
+}

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

@@ -0,0 +1,40 @@
+import { SwitchProps } from './Switch.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = SwitchProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        description?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    change: (checked: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onChange?: ((checked: boolean) => any) | undefined;
+}>, {
+    label: string;
+    value: string;
+    disabled: boolean;
+    id: string;
+    name: string;
+    description: string;
+    ariaLabel: string;
+    testId: string;
+    ariaLabelledby: 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/Switch/Switch.vue.js

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

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

@@ -0,0 +1,84 @@
+import { defineComponent as S, useModel as $, useSlots as x, useId as M, computed as d, openBlock as n, createElementBlock as c, mergeProps as i, unref as o, createElementVNode as r, renderSlot as p, createTextVNode as k, toDisplayString as w, createCommentVNode as h, mergeModels as y } from "vue";
+import { useTestId as N } from "../shared/useTestId.util.js";
+const T = ["for"], _ = ["id", "name", "value", "checked", "disabled", "aria-label", "aria-labelledby"], D = {
+  key: 0,
+  class: "switch__text"
+}, P = /* @__PURE__ */ S({
+  inheritAttrs: !1,
+  __name: "Switch",
+  props: /* @__PURE__ */ y({
+    label: { default: void 0 },
+    description: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    name: { default: void 0 },
+    value: { default: void 0 },
+    id: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    ariaLabelledby: { default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ y(["change"], ["update:modelValue"]),
+  setup(e, { emit: g }) {
+    const a = e, V = g, u = $(e, "modelValue"), b = x(), t = N(() => a.testId), B = M(), f = d(() => a.id ?? `${B}-switch`), m = d(() => !!(a.label || b.default)), v = d(
+      () => !!(a.description || b.description)
+    ), C = d(() => m.value || v.value), I = d(() => [
+      "switch",
+      {
+        "switch--checked": u.value,
+        "switch--disabled": a.disabled
+      }
+    ]);
+    function L(l) {
+      if (a.disabled) return;
+      const s = l.target.checked;
+      u.value = s, V("change", s);
+    }
+    return (l, s) => (n(), c("label", i({
+      class: I.value,
+      for: f.value
+    }, o(t)("root")), [
+      r("input", i({
+        id: f.value,
+        type: "checkbox",
+        role: "switch",
+        class: "switch__input",
+        name: e.name,
+        value: e.value,
+        checked: u.value,
+        disabled: e.disabled,
+        "aria-label": e.ariaLabel,
+        "aria-labelledby": e.ariaLabelledby
+      }, { ...l.$attrs, ...o(t)("input") }, { onChange: L }), null, 16, _),
+      r("span", i({
+        class: "switch__track",
+        "aria-hidden": "true"
+      }, o(t)("track")), [...s[0] || (s[0] = [
+        r("span", { class: "switch__thumb" }, null, -1)
+      ])], 16),
+      C.value ? (n(), c("span", D, [
+        m.value ? (n(), c("span", i({
+          key: 0,
+          class: "switch__label"
+        }, o(t)("label")), [
+          p(l.$slots, "default", {}, () => [
+            k(w(e.label), 1)
+          ], !0)
+        ], 16)) : h("", !0),
+        v.value ? (n(), c("span", i({
+          key: 1,
+          class: "switch__description"
+        }, o(t)("description")), [
+          p(l.$slots, "description", {}, () => [
+            k(w(e.description), 1)
+          ], !0)
+        ], 16)) : h("", !0)
+      ])) : h("", !0)
+    ], 16, T));
+  }
+});
+export {
+  P as default
+};

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

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

package/dist/components/v2/Tabs/Tabs.css

@@ -0,0 +1 @@
+.tabs[data-v-a0457ed0]{min-width:0;display:flex}.tabs--horizontal[data-v-a0457ed0]{flex-direction:column;align-items:flex-start;gap:1rem}.tabs--vertical[data-v-a0457ed0]{flex-direction:row;align-items:flex-start;gap:1rem}.tabs--full[data-v-a0457ed0]{width:100%}.tabs--full.tabs--horizontal[data-v-a0457ed0]{align-items:stretch}

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

@@ -0,0 +1,67 @@
+import { Component } from 'vue';
+/**
+ * `primary` — контейнер secondary-150, активная вкладка залита зелёным.
+ * `secondary` — контейнер secondary-200, активная вкладка белая.
+ */
+export type TabsVariant = 'primary' | 'secondary';
+/** Высота переключателя из макета: 40px (`default`) и 52px (`large`). */
+export type TabsSize = 'default' | 'large';
+export type TabsOrientation = 'horizontal' | 'vertical';
+/**
+ * `automatic` — вкладка активируется сразу при переходе фокуса стрелками
+ * (по умолчанию: контент переключается мгновенно, лишнего действия не нужно).
+ * `manual` — стрелки только двигают фокус, активация по Enter/Space; нужен,
+ * когда переключение вкладки дорогое, например тянет данные с сервера.
+ */
+export type TabsActivationMode = 'automatic' | 'manual';
+export type TabsValue = string | number;
+export interface TabsProps {
+    variant?: TabsVariant;
+    size?: TabsSize;
+    orientation?: TabsOrientation;
+    /** Растянуть переключатель по ширине родителя, вкладки делят её поровну. */
+    full?: boolean;
+    activationMode?: TabsActivationMode;
+    /** Выключает все вкладки разом. */
+    disabled?: boolean;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface TabsListProps {
+    /**
+     * Доступное имя набора вкладок (`aria-label`). Нужно, когда рядом нет
+     * видимого заголовка — иначе скринридер объявит безымянный список вкладок.
+     */
+    label?: string;
+    /** Доступное имя через `id` видимого заголовка. */
+    labelledBy?: string;
+    testId?: string;
+}
+export interface TabsTriggerProps {
+    /** Значение вкладки — по нему связываются кнопка и панель. */
+    value: TabsValue;
+    /** Текст вкладки. Можно передать слотом по умолчанию. */
+    label?: string;
+    /** Иконка перед текстом, 18px. Красится `currentColor`. */
+    icon?: Component;
+    /** Счётчик-кружок после текста. То же, что вручную вложить `TabsCounter`. */
+    count?: number | string;
+    disabled?: boolean;
+    testId?: string;
+}
+export interface TabsContentProps {
+    /** Значение вкладки, к которой относится панель. */
+    value: TabsValue;
+    /**
+     * Выбрасывать содержимое из DOM, пока панель скрыта. По умолчанию панель
+     * остаётся в разметке со скрытым `hidden`: так не теряется состояние
+     * вложенных полей и не перезапрашиваются данные при возврате на вкладку.
+     */
+    unmountOnHide?: boolean;
+    testId?: string;
+}
+export interface TabsCounterProps {
+    /** Число или текст. Можно передать слотом по умолчанию. */
+    value?: number | string;
+    testId?: string;
+}

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

@@ -0,0 +1,35 @@
+import { TabsProps, TabsValue, TabsSize, TabsOrientation, TabsVariant, TabsActivationMode } from './Tabs.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = TabsProps;
+type __VLS_PublicProps = {
+    modelValue?: TabsValue | undefined;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: TabsValue | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: TabsValue | undefined) => any) | undefined;
+}>, {
+    size: TabsSize;
+    disabled: boolean;
+    orientation: TabsOrientation;
+    variant: TabsVariant;
+    full: boolean;
+    activationMode: TabsActivationMode;
+    testId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,58 @@
+import { defineComponent as f, useModel as c, useId as m, ref as v, provide as p, computed as a, openBlock as g, createElementBlock as b, mergeProps as I, unref as $, renderSlot as M, mergeModels as h } from "vue";
+import { useTestId as B } from "../shared/useTestId.util.js";
+import { TABS_KEY as C, toIdPart as n } from "./tabs.context.js";
+const y = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "Tabs",
+  props: /* @__PURE__ */ h({
+    variant: { default: "primary" },
+    size: { default: "default" },
+    orientation: { default: "horizontal" },
+    full: { type: Boolean, default: !1 },
+    activationMode: { default: "automatic" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: { default: void 0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const t = s, l = c(s, "modelValue"), d = B(() => t.testId), i = m(), o = v([]);
+    p(C, {
+      variant: a(() => t.variant),
+      size: a(() => t.size),
+      orientation: a(() => t.orientation),
+      full: a(() => t.full),
+      disabled: a(() => t.disabled),
+      activationMode: a(() => t.activationMode),
+      selected: l,
+      select: (e) => {
+        l.value = e;
+      },
+      triggerId: (e) => `tabs-${i}-trigger-${n(e)}`,
+      contentId: (e) => `tabs-${i}-content-${n(e)}`,
+      hasContent: (e) => o.value.includes(e),
+      registerContent: (e) => {
+        o.value.includes(e) || o.value.push(e);
+      },
+      unregisterContent: (e) => {
+        o.value = o.value.filter((r) => r !== e);
+      },
+      registerTrigger: (e) => {
+        l.value === void 0 && (l.value = e);
+      }
+    });
+    const u = a(() => [
+      "tabs",
+      `tabs--${t.orientation}`,
+      { "tabs--full": t.full }
+    ]);
+    return (e, r) => (g(), b("div", I({ class: u.value }, { ...e.$attrs, ...$(d)("root") }), [
+      M(e.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
+export {
+  y as default
+};

package/dist/components/v2/Tabs/TabsContent.css

@@ -0,0 +1 @@
+.tabs-content[data-v-83b9f630]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}

package/dist/components/v2/Tabs/TabsContent.vue.d.ts

@@ -0,0 +1,22 @@
+import { TabsContentProps } from './Tabs.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<TabsContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsContentProps> & Readonly<{}>, {
+    unmountOnHide: boolean;
+    testId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/v2/Tabs/TabsContent.vue.js

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

package/dist/components/v2/Tabs/TabsContent.vue2.js

@@ -0,0 +1,28 @@
+import { defineComponent as u, inject as i, computed as o, onMounted as c, onBeforeUnmount as v, openBlock as m, createElementBlock as f, mergeProps as p, unref as b, renderSlot as g, createCommentVNode as I } from "vue";
+import { useTestId as h } from "../shared/useTestId.util.js";
+import { TABS_KEY as B } from "./tabs.context.js";
+const C = ["id", "aria-labelledby", "hidden", "tabindex"], T = /* @__PURE__ */ u({
+  inheritAttrs: !1,
+  __name: "TabsContent",
+  props: {
+    value: {},
+    unmountOnHide: { type: Boolean, default: !1 },
+    testId: { default: void 0 }
+  },
+  setup(a) {
+    const e = a, d = h(() => e.testId), t = i(B, void 0), n = o(() => t?.selected.value === e.value), l = o(() => t?.contentId(e.value)), s = o(() => t?.triggerId(e.value));
+    return c(() => t?.registerContent(e.value)), v(() => t?.unregisterContent(e.value)), (r, _) => (m(), f("div", p({
+      id: l.value,
+      role: "tabpanel",
+      class: "tabs-content",
+      "aria-labelledby": s.value,
+      hidden: !n.value,
+      tabindex: n.value ? 0 : void 0
+    }, { ...r.$attrs, ...b(d)("content") }), [
+      n.value || !a.unmountOnHide ? g(r.$slots, "default", { key: 0 }, void 0, !0) : I("", !0)
+    ], 16, C));
+  }
+});
+export {
+  T as default
+};

package/dist/components/v2/Tabs/TabsCounter.css

@@ -0,0 +1 @@
+.tabs-counter[data-v-0cdf157e]{box-sizing:border-box;min-width:1rem;height:1rem;color:var(--theme-neutral-0);background-color:var(--theme-secondary-500);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 .1875rem;font-size:.75rem;font-weight:700;line-height:1rem;display:inline-flex}.tabs-counter--inverted[data-v-0cdf157e]{color:var(--theme-primary-500);background-color:var(--theme-neutral-0)}

package/dist/components/v2/Tabs/TabsCounter.vue.d.ts

@@ -0,0 +1,22 @@
+import { TabsCounterProps } from './Tabs.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<TabsCounterProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsCounterProps> & Readonly<{}>, {
+    value: number | string;
+    testId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/v2/Tabs/TabsCounter.vue.js

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

package/dist/components/v2/Tabs/TabsCounter.vue2.js

@@ -0,0 +1,27 @@
+import { defineComponent as l, inject as o, computed as r, openBlock as d, createElementBlock as p, mergeProps as v, unref as m, renderSlot as f, createTextVNode as T, toDisplayString as B } from "vue";
+import { useTestId as I } from "../shared/useTestId.util.js";
+import { TABS_KEY as _, TABS_TRIGGER_KEY as b } from "./tabs.context.js";
+const C = /* @__PURE__ */ l({
+  inheritAttrs: !1,
+  __name: "TabsCounter",
+  props: {
+    value: { default: void 0 },
+    testId: { default: void 0 }
+  },
+  setup(e) {
+    const s = e, a = I(() => s.testId), n = o(_, void 0), u = o(b, void 0), c = r(
+      () => !!u?.active.value && n?.variant.value === "primary"
+    ), i = r(() => [
+      "tabs-counter",
+      { "tabs-counter--inverted": c.value }
+    ]);
+    return (t, g) => (d(), p("span", v({ class: i.value }, { ...t.$attrs, ...m(a)("counter") }), [
+      f(t.$slots, "default", {}, () => [
+        T(B(e.value), 1)
+      ], !0)
+    ], 16));
+  }
+});
+export {
+  C as default
+};

package/dist/components/v2/Tabs/TabsList.css

@@ -0,0 +1 @@
+.tabs-list[data-v-89bdaf74]{--tabs-list-background:var(--theme-secondary-150);box-sizing:border-box;background-color:var(--tabs-list-background);border-radius:.75rem;align-items:stretch;gap:.25rem;padding:.25rem;display:flex}.tabs-list--secondary[data-v-89bdaf74]{--tabs-list-background:var(--theme-secondary-200)}.tabs-list--horizontal[data-v-89bdaf74]{box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);flex-direction:row;max-width:100%;overflow-x:auto}.tabs-list--horizontal[data-v-89bdaf74]::-webkit-scrollbar{width:0;height:8px}.tabs-list--horizontal[data-v-89bdaf74]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.tabs-list--horizontal[data-v-89bdaf74]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.tabs-list--horizontal[data-v-89bdaf74]::-webkit-scrollbar-corner{background:0 0}.tabs-list--horizontal[data-v-89bdaf74]{box-sizing:border-box}.tabs-list--vertical[data-v-89bdaf74]{flex-direction:column}.tabs-list--full[data-v-89bdaf74]{width:100%}

package/dist/components/v2/Tabs/TabsList.vue.d.ts

@@ -0,0 +1,27 @@
+import { TabsListProps } from './Tabs.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        listRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<TabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsListProps> & Readonly<{}>, {
+    label: string;
+    testId: string;
+    labelledBy: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    listRef: 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/Tabs/TabsList.vue.js

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