@groupteknology/vuno 2.0.0 → 4.0.0

package/dist/runtime/app/components/TableSelectRow/TableSelectRow.vue

@@ -0,0 +1,62 @@
+<script setup>
+import { computed, useId } from "vue";
+import { useMessages, useTheme } from "#vuno/composables/useTheme";
+import Checkbox from "#vuno/components/Checkbox/Checkbox.vue";
+import { useTableSize } from "#vuno/components/DataTable/DataTable.context";
+import RadioButton from "#vuno/components/RadioButton/RadioButton.vue";
+defineOptions({ name: "TableSelectRow" });
+const model = defineModel({ type: Boolean, ...{ default: false } });
+const props = defineProps({
+  id: { type: String, required: false, default: void 0 },
+  name: { type: String, required: false, default: void 0 },
+  ariaLabel: { type: String, required: false, default: void 0 },
+  disabled: { type: Boolean, required: false, default: false },
+  radio: { type: Boolean, required: false, default: false },
+  ui: { type: Object, required: false, default: void 0 }
+});
+const messages = useMessages();
+const fallbackId = useId();
+const size = useTableSize();
+const controlId = computed(() => props.id ?? fallbackId);
+const label = computed(() => props.ariaLabel ?? messages.value.selectRow);
+const radioValue = computed(() => model.value ? controlId.value : void 0);
+const ui = useTheme(
+  "dataTable",
+  () => props.ui,
+  () => ({ radio: String(props.radio), size: size.value })
+);
+function onRadio(value) {
+  if (value === controlId.value) model.value = true;
+}
+</script>
+
+<template>
+    <td
+        aria-live="off"
+        :class="[ui.cell, ui.checkboxCell]"
+    >
+        <RadioButton
+            v-if="props.radio"
+            :id="controlId"
+            :disabled="props.disabled"
+            :labelText="label"
+            :modelValue="radioValue"
+            :name="props.name"
+            :ui="{ control: ui.radioControl, label: 'sr-only', root: ui.checkbox }"
+            :value="controlId"
+            @update:model-value="onRadio"
+        />
+
+        <Checkbox
+            v-else
+            :id="controlId"
+            v-model="model"
+            :disabled="props.disabled"
+            hideLabel
+            :labelText="label"
+            :name="props.name"
+            :title="label"
+            :ui="{ root: ui.checkbox }"
+        />
+    </td>
+</template>

package/dist/runtime/app/components/TableSelectRow/TableSelectRow.vue.d.ts

@@ -0,0 +1,20 @@
+import type { TableSelectRowProps } from '#vuno/components/DataTable/DataTable.types';
+type __VLS_Props = TableSelectRowProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    radio: boolean;
+    name: string;
+    id: string;
+    ui: import("#vuno/components/DataTable/DataTable.types").DataTableUi;
+    ariaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/TableToolbar/TableToolbar.d.vue.ts

@@ -0,0 +1,17 @@
+import type { TableToolbarProps } from '#vuno/components/DataTable/DataTable.types';
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<TableToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableToolbarProps> & Readonly<{}>, {
+    size: import("#vuno/components/DataTable/DataTable.types").TableToolbarSize;
+    ui: import("#vuno/components/DataTable/DataTable.types").DataTableUi;
+    ariaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/app/components/TableToolbar/TableToolbar.vue

@@ -0,0 +1,28 @@
+<script setup>
+import { provide, toRef } from "vue";
+import { useTheme } from "#vuno/composables/useTheme";
+import { tableToolbarKey } from "#vuno/components/DataTable/DataTable.context";
+defineOptions({ name: "TableToolbar" });
+const props = defineProps({
+  ariaLabel: { type: String, required: false, default: "Acciones de la tabla" },
+  size: { type: String, required: false, default: "lg" },
+  ui: { type: Object, required: false, default: void 0 }
+});
+defineSlots();
+provide(tableToolbarKey, { size: toRef(props, "size") });
+const ui = useTheme(
+  "dataTable",
+  () => props.ui,
+  () => ({ size: props.size })
+);
+</script>
+
+<template>
+    <section
+        :aria-label="props.ariaLabel"
+        :class="ui.toolbar"
+        role="group"
+    >
+        <slot />
+    </section>
+</template>

package/dist/runtime/app/components/TableToolbar/TableToolbar.vue.d.ts

@@ -0,0 +1,17 @@
+import type { TableToolbarProps } from '#vuno/components/DataTable/DataTable.types';
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<TableToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableToolbarProps> & Readonly<{}>, {
+    size: import("#vuno/components/DataTable/DataTable.types").TableToolbarSize;
+    ui: import("#vuno/components/DataTable/DataTable.types").DataTableUi;
+    ariaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/app/components/TableToolbarAction/TableToolbarAction.d.vue.ts

@@ -0,0 +1,18 @@
+import type { MenuItemKind } from '#vuno/components/MenuItem/MenuItem.types';
+type __VLS_Props = {
+    disabled?: boolean;
+    icon?: string;
+    kind?: MenuItemKind;
+    label: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: KeyboardEvent | MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: KeyboardEvent | MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    kind: MenuItemKind;
+    icon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/TableToolbarAction/TableToolbarAction.vue

@@ -0,0 +1,21 @@
+<script setup>
+import MenuItem from "#vuno/components/MenuItem/MenuItem.vue";
+defineOptions({ name: "TableToolbarAction" });
+const props = defineProps({
+  disabled: { type: Boolean, required: false, default: false },
+  icon: { type: String, required: false, default: void 0 },
+  kind: { type: String, required: false, default: "default" },
+  label: { type: String, required: true }
+});
+const emit = defineEmits(["click"]);
+</script>
+
+<template>
+    <MenuItem
+        :disabled="props.disabled"
+        :icon="props.icon"
+        :kind="props.kind"
+        :label="props.label"
+        @click="emit('click', $event)"
+    />
+</template>

package/dist/runtime/app/components/TableToolbarAction/TableToolbarAction.vue.d.ts

@@ -0,0 +1,18 @@
+import type { MenuItemKind } from '#vuno/components/MenuItem/MenuItem.types';
+type __VLS_Props = {
+    disabled?: boolean;
+    icon?: string;
+    kind?: MenuItemKind;
+    label: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: KeyboardEvent | MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: KeyboardEvent | MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    kind: MenuItemKind;
+    icon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/TableToolbarContent/TableToolbarContent.d.vue.ts

@@ -0,0 +1,18 @@
+import type { DataTableUi } from '#vuno/components/DataTable/DataTable.types';
+type __VLS_Props = {
+    ui?: DataTableUi;
+};
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ui: DataTableUi;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/app/components/TableToolbarContent/TableToolbarContent.vue

@@ -0,0 +1,15 @@
+<script setup>
+import { useTheme } from "#vuno/composables/useTheme";
+defineOptions({ name: "TableToolbarContent" });
+const props = defineProps({
+  ui: { type: Object, required: false, default: void 0 }
+});
+defineSlots();
+const ui = useTheme("dataTable", () => props.ui);
+</script>
+
+<template>
+    <div :class="ui.toolbarContent">
+        <slot />
+    </div>
+</template>

package/dist/runtime/app/components/TableToolbarContent/TableToolbarContent.vue.d.ts

@@ -0,0 +1,18 @@
+import type { DataTableUi } from '#vuno/components/DataTable/DataTable.types';
+type __VLS_Props = {
+    ui?: DataTableUi;
+};
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ui: DataTableUi;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/app/components/TableToolbarMenu/TableToolbarMenu.d.vue.ts

@@ -0,0 +1,25 @@
+import type { PortalTarget } from '#vuno/types/base';
+import type { DataTableUi } from '#vuno/components/DataTable/DataTable.types';
+type __VLS_Props = {
+    disabled?: boolean;
+    iconDescription?: string;
+    portal?: PortalTarget;
+    ui?: DataTableUi;
+};
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    ui: DataTableUi;
+    iconDescription: string;
+    portal: PortalTarget;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/app/components/TableToolbarMenu/TableToolbarMenu.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { computed, inject } from "vue";
+import { useTheme } from "#vuno/composables/useTheme";
+import Button from "#vuno/components/Button/Button.vue";
+import { tableToolbarKey } from "#vuno/components/DataTable/DataTable.context";
+import Menu from "#vuno/components/Menu/Menu.vue";
+defineOptions({ name: "TableToolbarMenu" });
+const props = defineProps({
+  disabled: { type: Boolean, required: false, default: false },
+  iconDescription: { type: String, required: false, default: "Ajustes de la tabla" },
+  portal: { type: [String, Boolean], required: false, default: void 0 },
+  ui: { type: Object, required: false, default: void 0 }
+});
+defineSlots();
+const toolbar = inject(tableToolbarKey, void 0);
+const size = computed(() => toolbar?.size.value ?? "lg");
+const ui = useTheme(
+  "dataTable",
+  () => props.ui,
+  () => ({ size: size.value })
+);
+</script>
+
+<template>
+    <Menu
+        :ariaLabel="props.iconDescription"
+        :portal="props.portal"
+        :ui="{ content: ui.toolbarMenu }"
+    >
+        <template #trigger>
+            <Button
+                :disabled="props.disabled"
+                icon="carbon:settings"
+                :iconDescription="props.iconDescription"
+                kind="ghost"
+                :size="size"
+                :ui="{ base: ui.toolbarAction }"
+            />
+        </template>
+
+        <slot />
+    </Menu>
+</template>

package/dist/runtime/app/components/TableToolbarMenu/TableToolbarMenu.vue.d.ts

@@ -0,0 +1,25 @@
+import type { PortalTarget } from '#vuno/types/base';
+import type { DataTableUi } from '#vuno/components/DataTable/DataTable.types';
+type __VLS_Props = {
+    disabled?: boolean;
+    iconDescription?: string;
+    portal?: PortalTarget;
+    ui?: DataTableUi;
+};
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    ui: DataTableUi;
+    iconDescription: string;
+    portal: PortalTarget;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/app/components/TableToolbarSearch/TableToolbarSearch.d.vue.ts

@@ -0,0 +1,25 @@
+import type { TableToolbarSearchProps } from '#vuno/components/DataTable/DataTable.types';
+type __VLS_Props = TableToolbarSearchProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+    'expanded'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:expanded": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: import("#vuno/components/DataTable/DataTable.types").TableToolbarSize;
+    placeholder: string;
+    name: string;
+    labelText: string;
+    id: string;
+    ui: import("#vuno/components/DataTable/DataTable.types").DataTableUi;
+    persistent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/TableToolbarSearch/TableToolbarSearch.vue

@@ -0,0 +1,46 @@
+<script setup>
+import { computed, inject } from "vue";
+import { useTheme } from "#vuno/composables/useTheme";
+import { tableToolbarKey } from "#vuno/components/DataTable/DataTable.context";
+import Search from "#vuno/components/Search/Search.vue";
+defineOptions({ name: "TableToolbarSearch" });
+const model = defineModel({ type: String, ...{ default: "" } });
+const expanded = defineModel("expanded", { type: Boolean, ...{ default: false } });
+const props = defineProps({
+  id: { type: String, required: false, default: void 0 },
+  name: { type: String, required: false, default: void 0 },
+  disabled: { type: Boolean, required: false, default: false },
+  labelText: { type: String, required: false, default: "Filtrar la tabla" },
+  persistent: { type: Boolean, required: false, default: false },
+  placeholder: { type: String, required: false, default: "Filtrar la tabla" },
+  size: { type: String, required: false, default: void 0 },
+  ui: { type: Object, required: false, default: void 0 }
+});
+const toolbar = inject(tableToolbarKey, void 0);
+const size = computed(() => props.size ?? toolbar?.size.value ?? "lg");
+const controlSize = computed(() => size.value === "lg" ? "lg" : "sm");
+const ui = useTheme(
+  "dataTable",
+  () => props.ui,
+  () => ({ size: size.value })
+);
+const searchUi = computed(() => props.persistent ? void 0 : { input: ui.value.toolbarSearchInput, magnifier: ui.value.toolbarSearchMagnifier });
+</script>
+
+<template>
+    <div :class="ui.toolbarSearch">
+        <Search
+            :id="props.id"
+            v-model="model"
+            v-model:expanded="expanded"
+            :disabled="props.disabled"
+            :expandButtonLabelText="props.labelText"
+            :expandable="!props.persistent"
+            :labelText="props.labelText"
+            :name="props.name"
+            :placeholder="props.placeholder"
+            :size="controlSize"
+            :ui="searchUi"
+        />
+    </div>
+</template>

package/dist/runtime/app/components/TableToolbarSearch/TableToolbarSearch.vue.d.ts

@@ -0,0 +1,25 @@
+import type { TableToolbarSearchProps } from '#vuno/components/DataTable/DataTable.types';
+type __VLS_Props = TableToolbarSearchProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+    'expanded'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:expanded": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: import("#vuno/components/DataTable/DataTable.types").TableToolbarSize;
+    placeholder: string;
+    name: string;
+    labelText: string;
+    id: string;
+    ui: import("#vuno/components/DataTable/DataTable.types").DataTableUi;
+    persistent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Tabs/Tabs.context.d.ts

@@ -0,0 +1,30 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+import type { TabsSize, TabsVariant } from './Tabs.types.js';
+/**
+ * Vuno clona cada hijo para inyectarle su posición. En Vue el hijo pide la
+ * suya al montarse y `registerTab` le devuelve una posición **viva**: el
+ * registro es una lista de testigos y la posición es el lugar que ocupa el
+ * suyo. Con un contador sencillo, retirar una pestaña descartable dejaría a
+ * las siguientes apuntando al panel equivocado.
+ *
+ * La identificación también vive aquí. Las pestañas y los paneles se nombran
+ * entre sí con `aria-controls` y `aria-labelledby`, así que las dos mitades de
+ * la familia tienen que construir el mismo identificador a partir del mismo
+ * prefijo.
+ */
+export type TabsContext = {
+    baseId: string;
+    dismissable: ComputedRef<boolean>;
+    selectedIndex: ComputedRef<number>;
+    size: ComputedRef<TabsSize>;
+    variant: ComputedRef<TabsVariant>;
+    vertical: ComputedRef<boolean>;
+    panelId: (index: number) => string;
+    registerPanel: (element: () => Element | null) => ComputedRef<number>;
+    registerTab: (element: () => Element | null) => ComputedRef<number>;
+    /** Avisa de que alguien pidió cerrar la pestaña; no la retira. */
+    requestClose: (index: number) => void;
+    select: (index: number) => void;
+    tabId: (index: number) => string;
+};
+export declare const tabsKey: InjectionKey<TabsContext>;

package/dist/runtime/app/components/Tabs/Tabs.context.js

@@ -0,0 +1 @@
+export const tabsKey = Symbol("tabs");

package/dist/runtime/app/components/Tabs/Tabs.d.vue.ts

@@ -1,43 +1,24 @@
-import type { VunoSize } from '#vuno/types/base';
-import type { VunoTabItem } from '#vuno/types/page';
-import type { VunoUi } from '#vuno/types/slots';
-/**
- * Las pestañas, escritas a mano sobre el patrón de ARIA.
- *
- * No hacía falta una librería: aquí no hay nada que colocar, solo marcado y
- * teclado. Lo que sí hay que hacer bien —y lo que la versión anterior no
- * hacía— es el **tabindex móvil**: una sola pestaña está en el recorrido del
- * tabulador, la activa, y dentro de la lista se anda con las flechas. Es lo
- * que distingue una lista de pestañas de una fila de botones, donde el
- * tabulador para en cada una.
- *
- * La activación es **manual**: las flechas mueven el foco y la selección
- * espera a `Enter` o al espacio. Es una decisión explícita del contrato:
- * cambiarla alteraría cómo se cargan los paneles costosos.
- */
-type Props = {
-    items: VunoTabItem[];
-    size?: VunoSize;
-    ui?: VunoUi<'tabs'>;
+import type { TabsChange, TabsProps, TabsSize } from './Tabs.types.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
-type __VLS_Props = Props;
-type __VLS_Slots = {
-    /** El contenido de cada pestaña; recibe su item. */
-    content?: (props: {
-        item: VunoTabItem;
-    }) => unknown;
-};
-type __VLS_ModelProps = {
-    modelValue?: string | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+declare const __VLS_base: import("vue").DefineComponent<TabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (change: TabsChange) => any;
+    "update:selectedIndex": (index: number) => any;
+    tabCloseRequest: (index: number) => any;
+}, string, import("vue").PublicProps, Readonly<TabsProps> & Readonly<{
+    onChange?: ((change: TabsChange) => any) | undefined;
+    "onUpdate:selectedIndex"?: ((index: number) => any) | undefined;
+    onTabCloseRequest?: ((index: number) => any) | undefined;
 }>, {
-    size: VunoSize;
-    ui: VunoUi<"tabs">;
+    size: TabsSize;
+    vertical: boolean;
+    variant: import("./Tabs.types.js").TabsVariant;
+    dismissable: boolean;
+    ui: import("../../types/slots.js").ComponentUi<"tabs">;
+    selectedIndex: number;
+    defaultSelectedIndex: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;