@agrotools1/at-components 2.0.36 → 2.0.38

package/dist/tabs/TabsList.vue.d.ts

@@ -1,18 +1,425 @@
-import { TabsListProps } from 'reka-ui';
-import { HTMLAttributes } from 'vue';
+import { TabsListProps, TabsList } from 'reka-ui';
+import { HTMLAttributes, nextTick } from 'vue';
+import { ChevronRight } from 'lucide-vue-next';
+import { cn } from '../lib/utils';
+import { AgtDropdownMenu, AgtDropdownMenuTrigger, AgtDropdownMenuContent, AgtDropdownMenuItem } from '../dropdown-menu';
+import { tabsTriggerVariants } from './tabs.variants';
 type __VLS_Props = TabsListProps & {
     class?: HTMLAttributes['class'];
+    align?: 'start' | 'center';
+    overflowLabel?: string;
 };
+declare const delegatedProps: Omit<Readonly<{
+    loop: boolean;
+    asChild: boolean;
+    as: import('reka-ui').AsTag | import('vue').Component;
+    class: HTMLAttributes["class"];
+}> & {
+    readonly align: "start" | "center";
+    readonly overflowLabel: string;
+} & {
+    readonly asChild: boolean;
+    readonly class: boolean;
+    readonly loop: boolean;
+}, "class" | "align" | "overflowLabel">;
+declare const listRef: import('vue').Ref<({
+    $: import('vue').ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly loop?: boolean | 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<TabsListProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        loop: boolean;
+    }, {}, 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 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<{
+    loop: boolean;
+}> & Omit<Readonly<TabsListProps> & Readonly<{}>, "loop"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+}) | null, ({
+    $: import('vue').ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly loop?: boolean | 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<TabsListProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        loop: boolean;
+    }, {}, 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 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<{
+    loop: boolean;
+}> & Omit<Readonly<TabsListProps> & Readonly<{}>, "loop"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+}) | null>;
+declare const wrapperRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+declare const isDropdownOpen: import('vue').Ref<boolean, boolean>;
+declare const overflowTabs: import('vue').Ref<{
+    id: string;
+    label: string;
+    isActive: boolean;
+}[], import('./useTabsOverflow').OverflowTab[] | {
+    id: string;
+    label: string;
+    isActive: boolean;
+}[]>, hasOverflow: import('vue').Ref<boolean, boolean>;
+declare function handleDropdownClick(tabId: string): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
-    rootEl: any;
+    refs: {
+        wrapperRef: HTMLDivElement;
+        listRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly loop?: boolean | undefined;
+                readonly asChild?: boolean | undefined;
+                readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+                readonly class?: HTMLAttributes["class"];
+                readonly align?: "start" | "center" | undefined;
+                readonly overflowLabel?: string | 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<__VLS_Props> & Readonly<{}>, {
+                TabsList: typeof TabsList;
+                ChevronRight: typeof ChevronRight;
+                cn: typeof cn;
+                AgtDropdownMenu: typeof AgtDropdownMenu;
+                AgtDropdownMenuTrigger: typeof AgtDropdownMenuTrigger;
+                AgtDropdownMenuContent: typeof AgtDropdownMenuContent;
+                AgtDropdownMenuItem: typeof AgtDropdownMenuItem;
+                tabsTriggerVariants: typeof tabsTriggerVariants;
+                delegatedProps: typeof delegatedProps;
+                listRef: typeof listRef;
+                wrapperRef: typeof wrapperRef;
+                isDropdownOpen: typeof isDropdownOpen;
+                overflowTabs: typeof overflowTabs;
+                hasOverflow: typeof hasOverflow;
+                handleDropdownClick: typeof handleDropdownClick;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                align: "start" | "center";
+                overflowLabel: 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 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<{
+            align: "start" | "center";
+            overflowLabel: string;
+        }> & Omit<Readonly<__VLS_Props> & Readonly<{}>, "cn" | "delegatedProps" | "ChevronRight" | "wrapperRef" | "overflowTabs" | "hasOverflow" | "TabsList" | "AgtDropdownMenu" | "AgtDropdownMenuTrigger" | "AgtDropdownMenuContent" | "AgtDropdownMenuItem" | "tabsTriggerVariants" | "listRef" | "isDropdownOpen" | "handleDropdownClick" | ("align" | "overflowLabel")> & import('vue').ShallowUnwrapRef<{
+            TabsList: typeof TabsList;
+            ChevronRight: typeof ChevronRight;
+            cn: typeof cn;
+            AgtDropdownMenu: typeof AgtDropdownMenu;
+            AgtDropdownMenuTrigger: typeof AgtDropdownMenuTrigger;
+            AgtDropdownMenuContent: typeof AgtDropdownMenuContent;
+            AgtDropdownMenuItem: typeof AgtDropdownMenuItem;
+            tabsTriggerVariants: typeof tabsTriggerVariants;
+            delegatedProps: typeof delegatedProps;
+            listRef: typeof listRef;
+            wrapperRef: typeof wrapperRef;
+            isDropdownOpen: typeof isDropdownOpen;
+            overflowTabs: typeof overflowTabs;
+            hasOverflow: typeof hasOverflow;
+            handleDropdownClick: typeof handleDropdownClick;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        } & {
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly loop?: boolean | 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<TabsListProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                loop: boolean;
+            }, {}, 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 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<{
+            loop: boolean;
+        }> & Omit<Readonly<TabsListProps> & Readonly<{}>, "loop"> & import('vue').ShallowUnwrapRef<{}>) | null;
+    };
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    align: "start" | "center";
+    overflowLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+    listRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly loop?: boolean | undefined;
+            readonly asChild?: boolean | undefined;
+            readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+            readonly class?: HTMLAttributes["class"];
+            readonly align?: "start" | "center" | undefined;
+            readonly overflowLabel?: string | 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<__VLS_Props> & Readonly<{}>, {
+            TabsList: typeof TabsList;
+            ChevronRight: typeof ChevronRight;
+            cn: typeof cn;
+            AgtDropdownMenu: typeof AgtDropdownMenu;
+            AgtDropdownMenuTrigger: typeof AgtDropdownMenuTrigger;
+            AgtDropdownMenuContent: typeof AgtDropdownMenuContent;
+            AgtDropdownMenuItem: typeof AgtDropdownMenuItem;
+            tabsTriggerVariants: typeof tabsTriggerVariants;
+            delegatedProps: typeof delegatedProps;
+            listRef: typeof listRef;
+            wrapperRef: typeof wrapperRef;
+            isDropdownOpen: typeof isDropdownOpen;
+            overflowTabs: typeof overflowTabs;
+            hasOverflow: typeof hasOverflow;
+            handleDropdownClick: typeof handleDropdownClick;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            align: "start" | "center";
+            overflowLabel: 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 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<{
+        align: "start" | "center";
+        overflowLabel: string;
+    }> & Omit<Readonly<__VLS_Props> & Readonly<{}>, "cn" | "delegatedProps" | "ChevronRight" | "wrapperRef" | "overflowTabs" | "hasOverflow" | "TabsList" | "AgtDropdownMenu" | "AgtDropdownMenuTrigger" | "AgtDropdownMenuContent" | "AgtDropdownMenuItem" | "tabsTriggerVariants" | "listRef" | "isDropdownOpen" | "handleDropdownClick" | ("align" | "overflowLabel")> & import('vue').ShallowUnwrapRef<{
+        TabsList: typeof TabsList;
+        ChevronRight: typeof ChevronRight;
+        cn: typeof cn;
+        AgtDropdownMenu: typeof AgtDropdownMenu;
+        AgtDropdownMenuTrigger: typeof AgtDropdownMenuTrigger;
+        AgtDropdownMenuContent: typeof AgtDropdownMenuContent;
+        AgtDropdownMenuItem: typeof AgtDropdownMenuItem;
+        tabsTriggerVariants: typeof tabsTriggerVariants;
+        delegatedProps: typeof delegatedProps;
+        listRef: typeof listRef;
+        wrapperRef: typeof wrapperRef;
+        isDropdownOpen: typeof isDropdownOpen;
+        overflowTabs: typeof overflowTabs;
+        hasOverflow: typeof hasOverflow;
+        handleDropdownClick: typeof handleDropdownClick;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    } & {
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly loop?: boolean | 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<TabsListProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            loop: boolean;
+        }, {}, 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 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<{
+        loop: boolean;
+    }> & Omit<Readonly<TabsListProps> & Readonly<{}>, "loop"> & import('vue').ShallowUnwrapRef<{}>) | null;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/tabs/TabsList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.vue.d.ts","sourceRoot":"","sources":["../../src/tabs/TabsList.vue"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKzC,KAAK,WAAW,GAAG,aAAa,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAOvE,iBAAS,cAAc;WA8CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TabsList.vue.d.ts","sourceRoot":"","sources":["../../src/tabs/TabsList.vue"],"names":[],"mappings":"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"}

package/dist/tabs/TabsList.vue.js

@@ -1,30 +1,107 @@
-import { defineComponent as r, createBlock as l, openBlock as n, unref as t, mergeProps as i, withCtx as c, renderSlot as p } from "vue";
-import { reactiveOmit as f } from "@vueuse/core";
-import { TabsList as m } from "reka-ui";
-import { cn as d } from "../lib/utils.js";
-const g = /* @__PURE__ */ r({
+import { defineComponent as C, ref as d, createElementBlock as f, openBlock as s, createVNode as t, unref as e, mergeProps as T, withCtx as r, renderSlot as L, createCommentVNode as R, createElementVNode as V, normalizeClass as v, createTextVNode as h, toDisplayString as _, Fragment as $, renderList as B, createBlock as O, nextTick as N } from "vue";
+import { reactiveOmit as j } from "@vueuse/core";
+import { injectTabsRootContext as D, TabsList as z } from "reka-ui";
+import { cn as g } from "../lib/utils.js";
+import A from "../dropdown-menu/DropdownMenu.vue.js";
+import E from "../dropdown-menu/DropdownMenuContent.vue.js";
+import M from "../dropdown-menu/DropdownMenuItem.vue.js";
+import P from "../dropdown-menu/DropdownMenuTrigger.vue.js";
+import { tabsTriggerVariants as S } from "./tabs.variants.js";
+import { useTabsOverflow as F } from "./useTabsOverflow.js";
+import U from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-right.js";
+const q = {
+  key: 0,
+  class: "shrink-0 has-data-[variant=default]:drop-shadow-lg has-data-[variant=default]:drop-shadow-black/8 has-data-[variant=default]:h-full"
+}, G = ["aria-expanded"], re = /* @__PURE__ */ C({
   __name: "TabsList",
   props: {
     loop: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
-    class: {}
+    class: {},
+    align: { default: "center" },
+    overflowLabel: { default: "Mais abas" }
   },
-  setup(a) {
-    const e = a, s = f(e, "class");
-    return (o, u) => (n(), l(t(m), i({ "data-slot": "tabs-list" }, t(s), {
-      class: t(d)(
-        "has-data-[variant=default]:h-13 has-data-[variant=default]:gap-2 inline-flex w-fit items-center justify-center",
-        e.class
-      )
-    }), {
-      default: c(() => [
-        p(o.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class"]));
+  setup(w) {
+    const o = w, k = j(o, "class", "align", "overflowLabel"), n = D(null), p = d(null), c = d(null), l = d(!1), { overflowTabs: u, hasOverflow: x, updateOverflow: y } = F(p, c);
+    function b(i) {
+      n == null || n.changeModelValue(i), N(y);
+    }
+    return (i, m) => (s(), f("div", {
+      ref_key: "wrapperRef",
+      ref: c,
+      class: "w-full"
+    }, [
+      t(e(z), T({
+        ref_key: "listRef",
+        ref: p,
+        "data-slot": "tabs-list"
+      }, e(k), {
+        class: e(g)(
+          "has-data-[variant=default]:h-13 has-data-[variant=default]:gap-2 inline-flex items-center",
+          o.align === "center" ? "justify-center" : "justify-start",
+          o.class
+        )
+      }), {
+        default: r(() => [
+          L(i.$slots, "default"),
+          e(x) ? (s(), f("div", q, [
+            t(e(A), {
+              open: l.value,
+              "onUpdate:open": m[0] || (m[0] = (a) => l.value = a)
+            }, {
+              default: r(() => [
+                t(e(P), { "as-child": "" }, {
+                  default: r(() => [
+                    V("button", {
+                      "data-variant": "default",
+                      class: v(
+                        e(g)(
+                          e(S)({ variant: "default" }),
+                          "!flex-none group after:hidden",
+                          e(u).some((a) => a.isActive) ? "text-primary-500 after:bg-neutral-200" : ""
+                        )
+                      ),
+                      "aria-expanded": l.value,
+                      "aria-haspopup": "true"
+                    }, [
+                      h(_(o.overflowLabel) + " ", 1),
+                      t(e(U), {
+                        "aria-hidden": "true",
+                        class: "size-4 shrink-0 transition-transform group-data-[state=open]:rotate-90 text-primary-500"
+                      })
+                    ], 10, G)
+                  ]),
+                  _: 1
+                }),
+                t(e(E), {
+                  align: "end",
+                  class: "min-w-48 max-w-64 !px-0 !py-1"
+                }, {
+                  default: r(() => [
+                    (s(!0), f($, null, B(e(u), (a) => (s(), O(e(M), {
+                      key: a.id,
+                      class: v(["cursor-pointer !rounded-none py-2 px-3 font-medium", a.isActive ? "text-primary-500" : ""]),
+                      onClick: (H) => b(a.id)
+                    }, {
+                      default: r(() => [
+                        h(_(a.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["class", "onClick"]))), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["open"])
+          ])) : R("", !0)
+        ]),
+        _: 3
+      }, 16, ["class"])
+    ], 512));
   }
 });
 export {
-  g as default
+  re as default
 };

package/dist/tabs/TabsTrigger.vue.d.ts

@@ -1,6 +1,6 @@
 import { TabsTriggerProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
-import { TabsTriggerVariants } from '.';
+import { TabsTriggerVariants } from './tabs.variants';
 type __VLS_Props = TabsTriggerProps & {
     class?: HTMLAttributes['class'];
     variant?: TabsTriggerVariants['variant'];

package/dist/tabs/TabsTrigger.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTrigger.vue.d.ts","sourceRoot":"","sources":["../../src/tabs/TabsTrigger.vue"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAA;AAQ5C,KAAK,WAAW,GAAG,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAAC,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AAWpH,iBAAS,cAAc;WAyCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TabsTrigger.vue.d.ts","sourceRoot":"","sources":["../../src/tabs/TabsTrigger.vue"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAQ1D,KAAK,WAAW,GAAG,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAAC,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AAWpH,iBAAS,cAAc;WA2CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/tabs/TabsTrigger.vue.js

@@ -1,33 +1,36 @@
-import { defineComponent as d, createElementBlock as l, openBlock as n, createVNode as i, unref as a, mergeProps as p, withCtx as c, renderSlot as f } from "vue";
-import { reactiveOmit as m } from "@vueuse/core";
-import { useForwardProps as u, TabsTrigger as v } from "reka-ui";
-import { tabsTriggerVariants as g } from "./index.js";
+import { defineComponent as d, createElementBlock as l, openBlock as n, createVNode as i, unref as a, mergeProps as p, withCtx as c, renderSlot as u } from "vue";
+import { reactiveOmit as f } from "@vueuse/core";
+import { useForwardProps as m, TabsTrigger as v } from "reka-ui";
+import { tabsTriggerVariants as g } from "./tabs.variants.js";
 import { cn as h } from "../lib/utils.js";
-const b = { class: "has-data-[variant=default]:drop-shadow-lg has-data-[variant=default]:drop-shadow-black/8 has-data-[variant=default]:h-full" }, C = /* @__PURE__ */ d({
+const b = { class: "has-data-[variant=default]:drop-shadow-lg has-data-[variant=default]:drop-shadow-black/8 has-data-[variant=default]:h-full" }, y = /* @__PURE__ */ d({
   __name: "TabsTrigger",
   props: {
     value: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {},
     variant: {}
   },
   setup(e) {
-    const r = e, s = m(r, "class"), o = u(s);
-    return (t, _) => (n(), l("div", b, [
-      i(a(v), p({ "data-slot": "tabs-trigger" }, a(o), {
-        "data-variant": t.variant ?? "default",
-        class: a(h)(a(g)({ variant: t.variant }), r.class)
+    const t = e, s = f(t, "class"), o = m(s);
+    return (r, _) => (n(), l("div", b, [
+      i(a(v), p({
+        "data-slot": "tabs-trigger",
+        "data-value": t.value
+      }, a(o), {
+        "data-variant": r.variant ?? "default",
+        class: a(h)(a(g)({ variant: r.variant }), t.class)
       }), {
         default: c(() => [
-          f(t.$slots, "default")
+          u(r.$slots, "default")
         ]),
         _: 3
-      }, 16, ["data-variant", "class"])
+      }, 16, ["data-value", "data-variant", "class"])
     ]));
   }
 });
 export {
-  C as default
+  y as default
 };