@pantograph/vue 0.28.5 → 0.28.6

package/dist/TabContent.vue_vue_type_script_setup_true_lang-D0L4W1At.js

@@ -0,0 +1,364 @@
+import { defineComponent as O, computed as N, createBlock as U, openBlock as z, unref as e, isRef as se, withCtx as M, renderSlot as D, useSlots as W, ref as F, watch as ae, onMounted as oe, render as le, h as m, onBeforeUnmount as ne, createVNode as P, normalizeStyle as re, normalizeClass as d, createElementVNode as E, createElementBlock as H, createCommentVNode as q, normalizeProps as X, guardReactiveProps as Y, withModifiers as ie } from "vue";
+import { createContext as de, TabsRoot as ce, TabsList as ue, TabsIndicator as fe, TabsTrigger as pe, TabsContent as me } from "reka-ui";
+import { useVModel as ge, useCollection as Z, isEmptyElement as I } from "@pantograph/utils-vue";
+import { getComponentOptions as j, getBemBlock as ve, getBemElement as n, generateVariantClassList as G, sortPlaceholderCls as be, sortPlaceholderVariantsClass as Ce, normCls as c } from "@pantograph/utils";
+import { useScroll as ye } from "@vueuse/core";
+import { cva as ee } from "class-variance-authority";
+import { _ as J } from "./FloatButton.vue_vue_type_script_setup_true_lang-BTmEBbt_.js";
+import { _ as K } from "./Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
+import Pe from "@pantograph/sortable";
+import { u as _e } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-IVHvl51_.js";
+import { i as Q } from "./isNumber-BduWbB-B.js";
+import { _ as he } from "./Skeleton.vue_vue_type_style_index_0_lang-DOsf2SEN.js";
+import { _ as Te } from "./Badge.vue_vue_type_script_setup_true_lang-D8HhPgXQ.js";
+const [te, xe] = de("Tabs"), De = /* @__PURE__ */ O({
+  ...j("Tabs", !1),
+  __name: "Tabs",
+  props: {
+    block: { type: Boolean },
+    draggable: { type: Boolean },
+    size: { default: "md" },
+    sortableProps: {},
+    defaultValue: {},
+    orientation: {},
+    dir: {},
+    activationMode: {},
+    modelValue: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["change", "dragStart", "dragEnd", "update:modelValue"],
+  setup(_, { emit: s }) {
+    const t = _, g = s, u = ge(t, "modelValue", g, {
+      defaultValue: t.defaultValue,
+      passive: t.defaultValue === void 0,
+      onChange: (h) => g("change", h)
+    }), { getDir: v } = _e(), p = v();
+    return xe({
+      props: t,
+      emit: g,
+      dir: p,
+      slotProps: N(() => ({
+        size: t.size === "lg" ? "md" : "sm",
+        iconSize: t.size === "lg" ? "sm" : "xsm"
+      }))
+    }), (h, B) => (z(), U(e(ce), {
+      asChild: "",
+      orientation: "horizontal",
+      modelValue: e(u),
+      "onUpdate:modelValue": B[0] || (B[0] = (a) => se(u) ? u.value = a : null),
+      dir: e(p)
+    }, {
+      default: M(() => [
+        D(h.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["modelValue", "dir"]));
+  }
+}), ze = ["md", "lg"], l = ve("tabs"), y = n(l, "trigger"), Oe = /* @__PURE__ */ O({
+  ...j("TabList"),
+  __name: "TabList",
+  props: {
+    class: {},
+    indicatorCls: {},
+    containerCls: {},
+    fixedActionsCls: {},
+    actionsCls: {},
+    startScrollCls: {},
+    endScrollCls: {}
+  },
+  setup(_) {
+    const s = _, t = W(), g = ee(l, {
+      variants: {
+        block: G("block", l),
+        size: G(ze, l)
+      }
+    }), u = F(), { arrivedState: v, x: p, measure: h } = ye(u), { CollectionSlot: B, itemMap: a } = Z({ isProvider: !0, key: l });
+    ae(() => a.value.size, h, { immediate: !0 });
+    const b = N(() => T.value ? !1 : i.dir.value === "ltr" ? !v.left : !v.right), w = N(() => T.value ? !1 : i.dir.value === "ltr" ? !v.right : !v.left), i = te();
+    let f;
+    function C() {
+      f && clearInterval(f), f = null;
+    }
+    const S = (r) => {
+      r ? L() : C();
+    }, L = () => {
+      f || (f = setInterval(() => {
+        Q(p.value) && (w.value ? p.value += 10 : C());
+      }, 10));
+    }, $ = (r) => {
+      r ? R() : C();
+    }, R = () => {
+      f || (f = setInterval(() => {
+        Q(p.value) && (b.value ? p.value -= 10 : C());
+      }, 10));
+    }, A = () => {
+      var o;
+      const r = (o = t.actions) == null ? void 0 : o.call(t, i.slotProps.value);
+      if (!I(r))
+        return [
+          m(K, {
+            type: "vertical",
+            class: n(l, "actions_divider")
+          }),
+          m(
+            "div",
+            { class: c(n(l, "actions"), s.actionsCls) },
+            r
+          )
+        ];
+    }, k = F(), T = F(!1);
+    let V;
+    return oe(async () => {
+      i.props.draggable && k.value && (V = new Pe(k.value, {
+        ...i.props.sortableProps ?? {},
+        forceFallback: !1,
+        fallbackOnBody: !1,
+        filter: "[data-draggable=false]",
+        draggable: `.${y}`,
+        dataIdAttr: "id",
+        onStart(r) {
+          T.value = !0, i.emit("dragStart", r, V);
+        },
+        onEnd(r) {
+          T.value = !1, i.emit("dragEnd", r, V);
+        },
+        getPlaceholder(r) {
+          const o = document.createElement("div"), x = r.item.getBoundingClientRect();
+          return o.style.width = `${x.width ?? 100}px`, o.style.height = "100%", o.classList.add(n(l, be)), le(
+            m("div", {
+              class: Ce({ size: i.slotProps.value.size })
+            }),
+            o
+          ), o;
+        }
+      }));
+    }), ne(() => {
+      C(), V && (V.destroy(), V = void 0);
+    }), (r, o) => (z(), U(e(B), null, {
+      default: M(() => [
+        P(e(ue), {
+          class: d(
+            e(c)(
+              e(g)({ block: e(i).props.block, size: e(i).props.size }),
+              s.class
+            )
+          ),
+          loop: !1,
+          asChild: !1,
+          style: re({ "--ptc-tabs-count": e(a).size })
+        }, {
+          default: M(() => [
+            E("div", {
+              class: d(e(n)(e(l), "wrapper"))
+            }, [
+              E("div", {
+                class: d(e(n)(e(l), "scroll__wrapper"))
+              }, [
+                b.value ? (z(), H("div", {
+                  key: 0,
+                  class: d(e(c)(e(n)(e(l), "left_scroll"), s.startScrollCls))
+                }, [
+                  P(J, {
+                    type: "outline",
+                    icon: "tabler:chevron-left",
+                    size: "sm",
+                    color: "neutral",
+                    onMousedown: o[0] || (o[0] = (x) => $(!0)),
+                    onMouseup: o[1] || (o[1] = (x) => $(!1)),
+                    onMouseleave: o[2] || (o[2] = (x) => $(!1))
+                  })
+                ], 2)) : q("", !0),
+                E("div", {
+                  class: d(e(n)(e(l), "scroll")),
+                  ref_key: "scrollBar",
+                  ref: u
+                }, [
+                  E("div", {
+                    class: d(e(n)(e(l), "indicator__container"))
+                  }, [
+                    P(e(fe), {
+                      class: d(e(c)(e(n)(e(l), "indicator"), s.indicatorCls))
+                    }, null, 8, ["class"]),
+                    E("div", {
+                      class: d(e(c)(e(n)(e(l), "container"), s.containerCls)),
+                      ref_key: "container",
+                      ref: k
+                    }, [
+                      D(r.$slots, "default")
+                    ], 2)
+                  ], 2)
+                ], 2),
+                w.value ? (z(), H("div", {
+                  key: 1,
+                  class: d(e(c)(e(n)(e(l), "right_scroll"), s.endScrollCls))
+                }, [
+                  P(J, {
+                    type: "outline",
+                    icon: "tabler:chevron-right",
+                    size: "sm",
+                    color: "neutral",
+                    onMousedown: o[3] || (o[3] = (x) => S(!0)),
+                    onMouseup: o[4] || (o[4] = (x) => S(!1)),
+                    onMouseleave: o[5] || (o[5] = (x) => S(!1))
+                  })
+                ], 2)) : q("", !0)
+              ], 2),
+              P(A)
+            ], 2),
+            r.$slots.fixedActions ? (z(), H("div", {
+              key: 0,
+              class: d(e(c)(e(n)(e(l), "fixed_actions"), s.fixedActionsCls))
+            }, [
+              D(r.$slots, "fixedActions", X(Y(e(i).slotProps.value)))
+            ], 2)) : q("", !0),
+            P(K, {
+              class: d(e(n)(e(l), "underline"))
+            }, null, 8, ["class"])
+          ]),
+          _: 3
+        }, 8, ["class", "style"])
+      ]),
+      _: 3
+    }));
+  }
+}), Ue = /* @__PURE__ */ O({
+  ...j("TabsTrigger"),
+  __name: "TabTrigger",
+  props: {
+    text: {},
+    loading: { type: Boolean, default: void 0 },
+    draggable: { type: Boolean, default: void 0 },
+    class: {},
+    contentCls: {},
+    textCls: {},
+    trailingCls: {},
+    actionCls: {},
+    badgeProps: {},
+    value: {},
+    disabled: { type: Boolean }
+  },
+  setup(_) {
+    const s = _, t = W(), g = ee(y, {
+      variants: {
+        loading: G("loading", y)
+      }
+    }), u = te(), v = (a) => {
+      a.stopPropagation(), a.preventDefault();
+    }, p = () => {
+      var b, w, i, f, C, S, L;
+      const a = [];
+      if (s.loading)
+        a.push(
+          m(he, {
+            size: u.slotProps.value.size,
+            class: n(y, "skeleton")
+          })
+        );
+      else {
+        const $ = (b = t.leading) == null ? void 0 : b.call(t, u.slotProps.value), R = (w = t.text) == null ? void 0 : w.call(t, {});
+        I($) || a.push($);
+        const A = !I(R);
+        (A || s.text) && a.push(
+          m(
+            "div",
+            {
+              class: c(n(y, "text"), s.textCls)
+            },
+            A ? R : s.text
+          )
+        );
+        const k = (i = t.trailing) == null ? void 0 : i.call(t, u.slotProps.value);
+        I(k) || a.push(
+          m(
+            "div",
+            { class: c(n(y, "trailing"), s.trailingCls) },
+            k
+          )
+        ), (t.badgeIcon || t.badge || (f = s.badgeProps) != null && f.text || (C = s.badgeProps) != null && C.icon) && a.push(
+          m(
+            Te,
+            {
+              ...s.badgeProps ?? {},
+              size: "xsm",
+              color: ((S = s.badgeProps) == null ? void 0 : S.color) ?? "primary-subtle"
+            },
+            {
+              default: t.badge,
+              icon: t.badgeIcon
+            }
+          )
+        );
+        const T = (L = t.action) == null ? void 0 : L.call(t, u.slotProps.value);
+        I(T) || a.push(
+          m(
+            "div",
+            {
+              class: c(n(y, "action"), s.actionCls),
+              onMousedown: v
+            },
+            T
+          )
+        );
+      }
+      return m(
+        "div",
+        {
+          class: c(n(y, "content"), s.contentCls)
+        },
+        a
+      );
+    }, { CollectionItem: h } = Z({ key: l }), B = N(
+      () => s.disabled || s.draggable === !1 ? !1 : void 0
+    );
+    return (a, b) => (z(), U(e(h), { value: a.value }, {
+      default: M(() => [
+        P(e(pe), {
+          asChild: !1,
+          as: "button",
+          value: a.value,
+          "data-draggable": B.value,
+          disabled: a.loading || a.disabled,
+          class: d(e(c)(e(g)({ loading: a.loading }), s.class)),
+          onMousedown: b[0] || (b[0] = ie(() => {
+          }, ["right", "stop", "prevent"]))
+        }, {
+          default: M(() => [
+            P(p)
+          ]),
+          _: 1
+        }, 8, ["value", "data-draggable", "disabled", "class"])
+      ]),
+      _: 1
+    }, 8, ["value"]));
+  }
+}), je = /* @__PURE__ */ O({
+  ...j("TabContent"),
+  __name: "TabContent",
+  props: {
+    value: {},
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(_) {
+    const s = _;
+    return (t, g) => (z(), U(e(me), X(Y(s)), {
+      default: M(() => [
+        D(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  ze as T,
+  De as _,
+  Oe as a,
+  Ue as b,
+  je as c,
+  te as i,
+  xe as p,
+  l as t
+};

package/dist/Tabs/TabList.d.ts

@@ -17,282 +17,7 @@ export interface TabListSlots {
 export declare const tabsPrefix: string;
 export declare const tabsTriggerPrefix: string;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TabListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TabListProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    scrollContainer: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly scrollDistance?: number | undefined;
-            readonly scrollHideDelay?: number | undefined;
-            readonly dir?: "rtl" | "ltr" | undefined;
-            readonly type?: import('..').ScrollContainerType | undefined;
-            readonly hasMask?: boolean | undefined;
-            readonly size?: import('..').ScrollContainerSize | undefined;
-            readonly scrollbarCls?: import('clsx').ClassValue;
-            readonly wrapCls?: import('clsx').ClassValue;
-            readonly areaCls?: import('clsx').ClassValue;
-            readonly rootCls?: import('clsx').ClassValue;
-            readonly thumbCls?: import('clsx').ClassValue;
-            readonly cornerCls?: import('clsx').ClassValue;
-            readonly rootProps?: object | undefined;
-            readonly wrapProps?: object | undefined;
-            readonly maskProps?: object | undefined;
-            readonly overlay?: boolean | undefined;
-            readonly hideVerticalScrollbar?: boolean | undefined;
-            readonly hideHorizontalScrollbar?: boolean | undefined;
-            readonly color?: string | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            root: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly type?: ("scroll" | "hover" | "always" | "auto") | undefined;
-                    readonly dir?: ("ltr" | "rtl") | undefined;
-                    readonly scrollHideDelay?: number | undefined;
-                    readonly asChild?: boolean | undefined;
-                    readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, {
-                    viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    scrollTop: () => void;
-                    scrollTopLeft: () => void;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                    type: "scroll" | "hover" | "always" | "auto";
-                    scrollHideDelay: number;
-                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{
-                type: "scroll" | "hover" | "always" | "auto";
-                scrollHideDelay: number;
-            }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & import('vue').ShallowUnwrapRef<{
-                viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                scrollTop: () => void;
-                scrollTopLeft: () => void;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    default?: (props: {}) => any;
-                };
-            }) | null;
-            container: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly nonce?: string | undefined;
-                    readonly asChild?: boolean | undefined;
-                    readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaViewportProps> & Readonly<{}>, {
-                    viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<Readonly<import('reka-ui').ScrollAreaViewportProps> & Readonly<{}>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
-                viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    default?: (props: {}) => any;
-                };
-            }) | null;
-            wrap: HTMLDivElement;
-            top: HTMLDivElement;
-            right: HTMLDivElement;
-            left: HTMLDivElement;
-            bottom: HTMLDivElement;
-            corner: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly asChild?: boolean | undefined;
-                    readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaCornerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<Readonly<import('reka-ui').ScrollAreaCornerProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    default?: (props: {}) => any;
-                };
-            }) | null;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, {
-            container: import('vue').Ref<any, any>;
-            wrap: import('vue').Ref<any, any>;
-            root: import('vue').Ref<any, any>;
-            isOverflowX: import('vue').ShallowRef<boolean, boolean>;
-            isOverflowY: import('vue').ShallowRef<boolean, boolean>;
-            topVisible: import('vue').ShallowRef<boolean, boolean>;
-            rightVisible: import('vue').ShallowRef<boolean, boolean>;
-            leftVisible: import('vue').ShallowRef<boolean, boolean>;
-            bottomVisible: import('vue').ShallowRef<boolean, boolean>;
-            getScroll: () => {
-                scrollTop: any;
-                scrollLeft: any;
-            };
-            scrollTop: () => any;
-            scrollTopLeft: () => any;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            type: import('..').ScrollContainerType;
-            size: import('..').ScrollContainerSize;
-            overlay: boolean;
-            scrollDistance: number;
-            scrollHideDelay: number;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{
-        type: import('..').ScrollContainerType;
-        size: import('..').ScrollContainerSize;
-        overlay: boolean;
-        scrollDistance: number;
-        scrollHideDelay: number;
-    }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
-        container: import('vue').Ref<any, any>;
-        wrap: import('vue').Ref<any, any>;
-        root: import('vue').Ref<any, any>;
-        isOverflowX: import('vue').ShallowRef<boolean, boolean>;
-        isOverflowY: import('vue').ShallowRef<boolean, boolean>;
-        topVisible: import('vue').ShallowRef<boolean, boolean>;
-        rightVisible: import('vue').ShallowRef<boolean, boolean>;
-        leftVisible: import('vue').ShallowRef<boolean, boolean>;
-        bottomVisible: import('vue').ShallowRef<boolean, boolean>;
-        getScroll: () => {
-            scrollTop: any;
-            scrollLeft: any;
-        };
-        scrollTop: () => any;
-        scrollTopLeft: () => any;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            root?(_: {}): any;
-            root?(_: {}): any;
-            area?(_: {}): any;
-            default?(_: {}): any;
-        };
-    }) | null;
+    scrollBar: HTMLDivElement;
     container: HTMLDivElement;
 }, any>, Readonly<TabListSlots> & TabListSlots>;
 export default _default;

package/dist/Tabs/index.js

@@ -1,4 +1,4 @@
-import { c as t, a as b, b as e, _ as T, T as i, i as o, p as r, t as n } from "../TabContent.vue_vue_type_script_setup_true_lang-CoRnMTmp.js";
+import { c as t, a as b, b as e, _ as T, T as i, i as o, p as r, t as n } from "../TabContent.vue_vue_type_script_setup_true_lang-D0L4W1At.js";
 export {
   t as TabContent,
   b as TabList,

package/dist/Tabs/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TabContent.vue_vue_type_script_setup_true_lang-Cz7tqTyz.js");exports.TabContent=e._sfc_main$3;exports.TabList=e._sfc_main$1;exports.TabTrigger=e._sfc_main$2;exports.Tabs=e._sfc_main;exports.TabsSizes=e.TabsSizes;exports.injectTabsContext=e.injectTabsContext;exports.provideTabsContext=e.provideTabsContext;exports.tabsPrefix=e.tabsPrefix;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TabContent.vue_vue_type_script_setup_true_lang-BBb-wV7s.js");exports.TabContent=e._sfc_main$3;exports.TabList=e._sfc_main$1;exports.TabTrigger=e._sfc_main$2;exports.Tabs=e._sfc_main;exports.TabsSizes=e.TabsSizes;exports.injectTabsContext=e.injectTabsContext;exports.provideTabsContext=e.provideTabsContext;exports.tabsPrefix=e.tabsPrefix;