@bridge-ui/vue 0.0.1-beta.7 → 0.0.1

package/dist/Components/TabList/composables/useTabList.js

@@ -0,0 +1,65 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { TABS_INJECTION_KEY as r } from "../../Tabs/tabsInjectionKey.js";
+import { computed as i, inject as a, useAttrs as o } from "vue";
+import { get as s } from "es-toolkit/compat";
+import { cn as c, getAdjacentTabValue as l, getTabId as u, splitComponentProps as d } from "@bridge-ui/core";
+//#region src/Components/TabList/composables/useTabList.ts
+var f = ["classes", "customProps"];
+function p(p) {
+	let m = o(), h = a(r, null);
+	if (!h) throw Error("TabList must be used within a Tabs provider");
+	let g = h, _ = i(() => d({
+		bridgeKeys: f,
+		props: {
+			...m,
+			...p
+		}
+	})), { merged: v, entry: y } = t({
+		componentName: "TabList",
+		props: () => _.value.componentProps
+	}), b = n({
+		entry: y,
+		props: () => _.value.componentProps
+	});
+	function x(e) {
+		let t = g.value, n = t.orientation === "horizontal", r = n ? "ArrowRight" : "ArrowDown", i = n ? "ArrowLeft" : "ArrowUp", a = typeof document < "u" ? document.activeElement?.id : void 0, o = t.tabValues.find((e) => u(t.id, e) === a) ?? t.selected;
+		if (e.key === r || e.key === i) {
+			e.preventDefault();
+			let n = e.key === r ? 1 : -1, i = l(t.tabValues, o, n, new Set(t.disabledValues));
+			t.focusTab(i), t.activation === "automatic" && t.setSelected(i);
+			return;
+		}
+		if (e.key === "Home") {
+			e.preventDefault();
+			let n = t.tabValues.find((e) => !t.disabledValues.includes(e)) ?? t.selected;
+			t.focusTab(n), t.activation === "automatic" && t.setSelected(n);
+			return;
+		}
+		if (e.key === "End") {
+			e.preventDefault();
+			let n = [...t.tabValues].reverse().find((e) => !t.disabledValues.includes(e)) ?? t.selected;
+			t.focusTab(n), t.activation === "automatic" && t.setSelected(n);
+		}
+	}
+	let S = i(() => v.value.customProps);
+	return {
+		merged: v,
+		rootBind: i(() => {
+			let t = g.value;
+			return e(S.value?.root, _.value.inheritedAttrs, {
+				role: "tablist",
+				onKeydown: x,
+				"aria-orientation": t.orientation,
+				class: c({
+					flex: !0,
+					[t.tokenClasses.listOrientation ?? ""]: !0,
+					[t.tokenClasses.listSize ?? ""]: !0,
+					[t.tokenClasses.listVariant ?? ""]: !0,
+					[s(b.value, "root") ?? ""]: !0
+				})
+			});
+		})
+	};
+}
+//#endregion
+export { p as useTabList };

package/dist/Components/TabList/index.d.ts

@@ -0,0 +1,3 @@
+export { useTabList } from './composables/useTabList';
+export type { TabListClasses, TabListCustomProps, TabListOwnProps, TabListProps, TabListSlots, } from './tabList.types';
+export { default as TabList } from './TabList.vue';

package/dist/Components/TabList/index.js

@@ -0,0 +1,3 @@
+import { useTabList as e } from "./composables/useTabList.js";
+import t from "./TabList.js";
+export { t as TabList, e as useTabList };

package/dist/Components/TabList/tabList.types.d.ts

@@ -0,0 +1,38 @@
+import { HTMLAttributes, Slot } from 'vue';
+import { MergeHtmlProps } from '@bridge-ui/core';
+export interface TabListClasses {
+    /**
+     * Classes merged onto the tab list root.
+     */
+    root?: string;
+}
+export interface TabListCustomProps {
+    /**
+     * Props forwarded to the tab list root.
+     */
+    root?: HTMLAttributes;
+}
+/**
+ * Container for `Tab` triggers (`role="tablist"`). Must be used inside `Tabs`.
+ */
+export interface TabListOwnProps {
+    /**
+     * Classes for tab list parts.
+     *
+     * @default undefined
+     */
+    classes?: TabListClasses;
+    /**
+     * Props forwarded to each tab list part.
+     *
+     * @default undefined
+     */
+    customProps?: TabListCustomProps;
+}
+export interface TabListSlots {
+    /**
+     * The tab triggers to render.
+     */
+    default?: Slot<undefined>;
+}
+export type TabListProps = MergeHtmlProps<TabListOwnProps, HTMLAttributes>;

package/dist/Components/TabPanel/TabPanel.js

@@ -0,0 +1,5 @@
+import e from "./TabPanel.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/TabPanel/TabPanel.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/Components/TabPanel/TabPanel.vue.d.ts

@@ -0,0 +1,11 @@
+import { TabPanelOwnProps, TabPanelSlots } from './tabPanel.types';
+type __VLS_Slots = TabPanelSlots;
+declare const __VLS_base: import('vue').DefineComponent<TabPanelOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TabPanelOwnProps> & Readonly<{}>, {}, {}, {}, {}, 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/Components/TabPanel/TabPanel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,20 @@
+import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
+import { useTabPanel as t } from "./composables/useTabPanel.js";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, mergeProps as o, normalizeProps as s, openBlock as c, resolveDynamicComponent as l, unref as u, useSlots as d } from "vue";
+//#region src/Components/TabPanel/TabPanel.vue?vue&type=script&setup=true&lang.ts
+var f = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "TabPanel",
+	props: {
+		classes: {},
+		customProps: {},
+		keepMounted: { type: Boolean },
+		value: {}
+	},
+	setup(a) {
+		let f = d(), { rootBind: p, selected: m, keepMounted: h } = t(a);
+		return (t, a) => u(m) || u(h) ? (c(), i("div", s(o({ key: 0 }, u(p))), [(c(), n(l(u(e)(u(f), "default"))))], 16)) : r("", !0);
+	}
+});
+//#endregion
+export { f as default };

package/dist/Components/TabPanel/composables/useTabPanel.d.ts

@@ -0,0 +1,14 @@
+import { TabPanelOwnProps, TabPanelProps } from '../tabPanel.types';
+export declare function useTabPanel(props: TabPanelOwnProps): {
+    merged: import('vue').ComputedRef<TabPanelOwnProps>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+        role: string;
+        hidden: boolean;
+        tabindex: number;
+        id: string;
+        "aria-labelledby": string;
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<TabPanelProps, "value" | "classes" | "customProps" | "keepMounted">>>;
+    selected: import('vue').ComputedRef<boolean>;
+    keepMounted: import('vue').ComputedRef<boolean>;
+};

package/dist/Components/TabPanel/composables/useTabPanel.js

@@ -0,0 +1,51 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { TABS_INJECTION_KEY as r } from "../../Tabs/tabsInjectionKey.js";
+import { computed as i, getCurrentInstance as a, inject as o, useAttrs as s } from "vue";
+import { get as c } from "es-toolkit/compat";
+import { cn as l, getTabId as u, getTabPanelId as d, splitComponentProps as f } from "@bridge-ui/core";
+//#region src/Components/TabPanel/composables/useTabPanel.ts
+var p = [
+	"value",
+	"classes",
+	"customProps",
+	"keepMounted"
+];
+function m(m) {
+	let h = s(), g = o(r, null);
+	if (!g) throw Error("TabPanel must be used within a Tabs provider");
+	let _ = g, v = i(() => f({
+		props: {
+			...h,
+			...m
+		},
+		bridgeKeys: p
+	})), { merged: y, entry: b } = t({
+		componentName: "TabPanel",
+		props: () => v.value.componentProps
+	}), x = i(() => y.value.value), S = i(() => _.value.selected === x.value), C = i(() => "keepMounted" in (a()?.vnode.props ?? {}) ? y.value.keepMounted === !0 : _.value.keepMounted), w = n({
+		entry: b,
+		props: () => v.value.componentProps
+	}), T = i(() => y.value.customProps);
+	return {
+		merged: y,
+		rootBind: i(() => {
+			let t = _.value;
+			return e(T.value?.root, v.value.inheritedAttrs, {
+				role: "tabpanel",
+				hidden: !S.value,
+				tabindex: S.value ? 0 : -1,
+				id: d(t.id, x.value),
+				"aria-labelledby": u(t.id, x.value),
+				class: l({
+					[t.tokenClasses.panelSize ?? ""]: !0,
+					[t.tokenClasses.panelOrientation ?? ""]: !0,
+					[c(w.value, "root") ?? ""]: !0
+				})
+			});
+		}),
+		selected: S,
+		keepMounted: C
+	};
+}
+//#endregion
+export { m as useTabPanel };

package/dist/Components/TabPanel/index.d.ts

@@ -0,0 +1,3 @@
+export { useTabPanel } from './composables/useTabPanel';
+export type { TabPanelClasses, TabPanelCustomProps, TabPanelOwnProps, TabPanelProps, TabPanelSlots, } from './tabPanel.types';
+export { default as TabPanel } from './TabPanel.vue';

package/dist/Components/TabPanel/index.js

@@ -0,0 +1,3 @@
+import { useTabPanel as e } from "./composables/useTabPanel.js";
+import t from "./TabPanel.js";
+export { t as TabPanel, e as useTabPanel };

package/dist/Components/TabPanel/tabPanel.types.d.ts

@@ -0,0 +1,48 @@
+import { HTMLAttributes, Slot } from 'vue';
+import { MergeHtmlProps } from '@bridge-ui/core';
+export interface TabPanelClasses {
+    /**
+     * Classes merged onto the panel root.
+     */
+    root?: string;
+}
+export interface TabPanelCustomProps {
+    /**
+     * Props forwarded to the panel root.
+     */
+    root?: HTMLAttributes;
+}
+/**
+ * Tab panel (`role="tabpanel"`). Visibility follows the matching `Tab` `value`.
+ */
+export interface TabPanelOwnProps {
+    /**
+     * Classes for panel parts.
+     *
+     * @default undefined
+     */
+    classes?: TabPanelClasses;
+    /**
+     * Props forwarded to each panel part.
+     *
+     * @default undefined
+     */
+    customProps?: TabPanelCustomProps;
+    /**
+     * When set, overrides `Tabs` `keepMounted` for this panel.
+     *
+     * @default undefined
+     */
+    keepMounted?: boolean;
+    /**
+     * Stable value matching a `Tab`.
+     */
+    value: string;
+}
+export interface TabPanelSlots {
+    /**
+     * The panel content.
+     */
+    default?: Slot<undefined>;
+}
+export type TabPanelProps = MergeHtmlProps<TabPanelOwnProps, HTMLAttributes>;

package/dist/Components/Tabs/Tabs.js

@@ -0,0 +1,5 @@
+import e from "./Tabs.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Tabs/Tabs.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/Components/Tabs/Tabs.vue.d.ts

@@ -0,0 +1,24 @@
+import { TabsOwnProps, TabsSlots } from './tabs.types';
+type __VLS_Slots = TabsSlots;
+type __VLS_Props = TabsOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: unknown[]) => any;
+    change: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+}>, {
+    keepMounted: boolean;
+}, {}, {}, {}, 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/Components/Tabs/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
+import t from "../Tab/Tab.js";
+import n from "../TabList/TabList.js";
+import r from "../TabPanel/TabPanel.js";
+import { useTabs as i } from "./composables/useTabs.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, normalizeProps as g, openBlock as _, renderList as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, useModel as S, useSlots as C, withCtx as w } from "vue";
+//#region src/Components/Tabs/Tabs.vue?vue&type=script&setup=true&lang.ts
+var T = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "Tabs",
+	props: /* @__PURE__ */ h({
+		activation: {},
+		classes: {},
+		color: {},
+		customProps: {},
+		keepMounted: {
+			type: Boolean,
+			default: !0
+		},
+		orientation: {},
+		size: {},
+		variant: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ h(["change", "update:modelValue"], ["update:modelValue"]),
+	setup(p, { emit: h }) {
+		let T = C(), E = h, { rootBind: D, tabItems: O } = i(p, {
+			size: "md",
+			variant: "line",
+			color: "primary",
+			keepMounted: !0,
+			activation: "automatic",
+			orientation: "horizontal"
+		}, S(p, "modelValue"), E), k = o(() => O.value.length > 0);
+		return (i, o) => (_(), l("div", g(m(x(D))), [k.value ? (_(), l(a, { key: 0 }, [f(n, null, {
+			default: w(() => [(_(!0), l(a, null, v(x(O), (e) => (_(), s(t, {
+				key: e.value,
+				value: e.value,
+				"end-icon": e.endIcon,
+				disabled: e.disabled,
+				"start-icon": e.startIcon
+			}, u({
+				default: w(() => [typeof e.label == "string" ? (_(), l(a, { key: 0 }, [d(b(e.label), 1)], 64)) : (_(), s(y(e.label), { key: 1 }))]),
+				_: 2
+			}, [e.slots?.start ? {
+				name: "start",
+				fn: w(() => [(_(), s(y(e.slots.start)))]),
+				key: "0"
+			} : void 0, e.slots?.end ? {
+				name: "end",
+				fn: w(() => [(_(), s(y(e.slots.end)))]),
+				key: "1"
+			} : void 0]), 1032, [
+				"value",
+				"end-icon",
+				"disabled",
+				"start-icon"
+			]))), 128))]),
+			_: 1
+		}), (_(!0), l(a, null, v(x(O), (e) => (_(), s(r, {
+			key: e.value,
+			value: e.value,
+			"keep-mounted": e.keepMounted
+		}, {
+			default: w(() => [(_(), s(y(e.panel)))]),
+			_: 2
+		}, 1032, ["value", "keep-mounted"]))), 128))], 64)) : c("", !0), (_(), s(y(x(e)(x(T), "default"))))], 16));
+	}
+});
+//#endregion
+export { T as default };

package/dist/Components/Tabs/composables/useTabs.d.ts

@@ -0,0 +1,39 @@
+import { Ref, SetupContext } from 'vue';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { TabsEmits, TabsOwnProps, TabsProps } from '../tabs.types';
+import { TabsContextValue, TabsItemEntry } from '../tabsInjectionKey';
+type TabsLibDefaults = LibDefaultsShape<TabsOwnProps, "size" | "color" | "variant" | "activation" | "keepMounted" | "orientation">;
+type TabsMerged = MergeLibDefaults<TabsOwnProps, TabsLibDefaults>;
+export declare function useTabs(props: TabsOwnProps, libDefaults: TabsLibDefaults, model: Ref<string | undefined>, emit: SetupContext<TabsEmits>["emit"]): {
+    merged: import('vue').ComputedRef<TabsMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<TabsProps, "color" | "orientation" | "size" | "classes" | "customProps" | "variant" | "keepMounted" | "activation">>>;
+    tabItems: Ref<{
+        disabled?: boolean | undefined;
+        endIcon?: import('@lucide/vue').LucideIcon | undefined;
+        keepMounted?: boolean | undefined;
+        label: string | (() => import('vue').VNodeChild);
+        panel: () => import('vue').VNodeChild;
+        slots?: {
+            end?: (() => import('vue').VNodeChild) | undefined;
+            start?: (() => import('vue').VNodeChild) | undefined;
+        } | undefined;
+        startIcon?: import('@lucide/vue').LucideIcon | undefined;
+        value: string;
+    }[], TabsItemEntry[] | {
+        disabled?: boolean | undefined;
+        endIcon?: import('@lucide/vue').LucideIcon | undefined;
+        keepMounted?: boolean | undefined;
+        label: string | (() => import('vue').VNodeChild);
+        panel: () => import('vue').VNodeChild;
+        slots?: {
+            end?: (() => import('vue').VNodeChild) | undefined;
+            start?: (() => import('vue').VNodeChild) | undefined;
+        } | undefined;
+        startIcon?: import('@lucide/vue').LucideIcon | undefined;
+        value: string;
+    }[]>;
+    contextValue: import('vue').ComputedRef<TabsContextValue>;
+};
+export {};

package/dist/Components/Tabs/composables/useTabs.js

@@ -0,0 +1,99 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { TABS_INJECTION_KEY as r } from "../tabsInjectionKey.js";
+import { computed as i, provide as a, ref as o, useAttrs as s, useId as c } from "vue";
+import { get as l } from "es-toolkit/compat";
+import { cn as u, getTabId as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core";
+import { colorProps as m, orientationProps as h, sizeProps as g, variantProps as _ } from "@bridge-ui/core/Components/Tabs";
+//#region src/Components/Tabs/composables/useTabs.ts
+var v = [
+	"size",
+	"color",
+	"classes",
+	"variant",
+	"activation",
+	"customProps",
+	"keepMounted",
+	"orientation"
+];
+function y(y, b, x, S) {
+	let C = c(), w = s(), T = `bridge-tabs${C}`, E = o([]), D = o([]), O = o([]), k = i(() => p({
+		bridgeKeys: v,
+		props: {
+			...w,
+			...y
+		}
+	})), { merged: A, entry: j } = t({
+		libDefaults: b,
+		componentName: "Tabs",
+		props: () => k.value.componentProps
+	}), M = i(() => x.value ?? "");
+	function N(e) {
+		D.value.includes(e) || (x.value = e, S("update:modelValue", e), S("change", e));
+	}
+	function P(e, t = !1) {
+		return E.value.includes(e) || (E.value = [...E.value, e]), t ? D.value.includes(e) || (D.value = [...D.value, e]) : D.value = D.value.filter((t) => t !== e), (x.value ?? "") === "" && !t && (x.value = e), () => {
+			E.value = E.value.filter((t) => t !== e), D.value = D.value.filter((t) => t !== e);
+		};
+	}
+	function F(e) {
+		document.getElementById(d(T, e))?.focus();
+	}
+	function I(e) {
+		let t = O.value.findIndex((t) => t.value === e.value);
+		if (t === -1) O.value = [...O.value, e];
+		else {
+			let n = [...O.value];
+			n[t] = e, O.value = n;
+		}
+		return (x.value ?? "") === "" && !e.disabled && (x.value = e.value), () => {
+			O.value = O.value.filter((t) => t.value !== e.value);
+		};
+	}
+	let L = n({
+		entry: j,
+		props: () => k.value.componentProps
+	}), R = i(() => f(g, j.value?.customProps?.size)), z = i(() => f(_, j.value?.customProps?.variant)), B = i(() => f(m, j.value?.customProps?.color)), V = i(() => f(h, j.value?.customProps?.orientation)), H = i(() => l(R.value, A.value.size)), U = i(() => l(z.value, A.value.variant)), W = i(() => l(B.value, A.value.color)), G = i(() => l(V.value, A.value.orientation)), K = i(() => ({
+		focusTab: F,
+		id: T,
+		setSelected: N,
+		registerTab: P,
+		registerTabItem: I,
+		selected: M.value,
+		tabItems: O.value,
+		tabValues: E.value,
+		disabledValues: D.value,
+		keepMounted: A.value.keepMounted !== !1,
+		activation: A.value.activation ?? "automatic",
+		orientation: A.value.orientation ?? "horizontal",
+		tokenClasses: {
+			tabSize: l(H.value, "tab"),
+			iconGap: l(H.value, "gap"),
+			iconSize: l(H.value, "icon"),
+			listSize: l(H.value, "list"),
+			panelSize: l(H.value, "panel"),
+			tabVariant: l(U.value, "tab"),
+			listVariant: l(U.value, "list"),
+			tabOrientation: l(G.value, "tab"),
+			colorSelected: l(W.value, "tabSelected"),
+			listOrientation: l(G.value, "list"),
+			rootOrientation: l(G.value, "root"),
+			panelOrientation: l(G.value, "panel"),
+			tabVariantSelected: l(U.value, "tabSelected"),
+			colorSelectedSoft: l(W.value, "tabSelectedSoft"),
+			softFill: A.value.variant === "pill" || A.value.variant === "solid"
+		}
+	}));
+	a(r, K);
+	let q = i(() => A.value.customProps);
+	return {
+		merged: A,
+		rootBind: i(() => e(q.value?.root, k.value.inheritedAttrs, { class: u({
+			[l(G.value, "root") ?? ""]: !0,
+			[l(L.value, "root") ?? ""]: !0
+		}) })),
+		tabItems: O,
+		contextValue: K
+	};
+}
+//#endregion
+export { y as useTabs };

package/dist/Components/Tabs/index.d.ts

@@ -0,0 +1,4 @@
+export { useTabs } from './composables/useTabs';
+export type { TabsClasses, TabsColorOverrides, TabsCustomProps, TabsEmits, TabsOrientationOverrides, TabsOwnProps, TabsProps, TabsSizeOverrides, TabsSlots, TabsVariantOverrides, } from './tabs.types';
+export { default as Tabs } from './Tabs.vue';
+export { TABS_INJECTION_KEY, type TabsContextValue, type TabsItemEntry, type TabsTokenClasses, } from './tabsInjectionKey';

package/dist/Components/Tabs/index.js

@@ -0,0 +1,4 @@
+import { TABS_INJECTION_KEY as e } from "./tabsInjectionKey.js";
+import { useTabs as t } from "./composables/useTabs.js";
+import n from "./Tabs.js";
+export { e as TABS_INJECTION_KEY, n as Tabs, t as useTabs };

package/dist/Components/Tabs/tabs.types.d.ts

@@ -0,0 +1,93 @@
+import { HTMLAttributes, Slot } from 'vue';
+import { MergeHtmlProps, MergeProps, TabsActivation, TabsColor, TabsOrientation, TabsSize, TabsVariant } from '@bridge-ui/core';
+export interface TabsSizeOverrides {}
+export interface TabsColorOverrides {}
+export interface TabsVariantOverrides {}
+export interface TabsOrientationOverrides {}
+export interface TabsClasses {
+    /**
+     * Classes merged onto the root.
+     */
+    root?: string;
+}
+export interface TabsCustomProps {
+    /**
+     * Props forwarded to the root element.
+     */
+    root?: HTMLAttributes;
+}
+export interface TabsEmits {
+    /**
+     * Emitted when the selected tab changes.
+     */
+    change: [value: string];
+    /**
+     * Emitted when `v-model` should update.
+     */
+    "update:modelValue": [value: string];
+}
+/**
+ * Tabs context root. Compose with `TabList`, `Tab`, and `TabPanel`.
+ */
+export interface TabsOwnProps {
+    /**
+     * Keyboard activation: `automatic` selects on arrow focus; `manual` needs Enter/Space.
+     *
+     * @default "automatic"
+     */
+    activation?: TabsActivation;
+    /**
+     * Classes for tabs parts.
+     *
+     * @default undefined
+     */
+    classes?: TabsClasses;
+    /**
+     * Accent color for the selected tab (`primary` or `dark`).
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<TabsColor, TabsColorOverrides>;
+    /**
+     * Props forwarded to each tabs part.
+     *
+     * @default undefined
+     */
+    customProps?: TabsCustomProps;
+    /**
+     * When true, inactive panels stay mounted (hidden).
+     *
+     * @default true
+     */
+    keepMounted?: boolean;
+    /**
+     * Layout orientation of the tab list.
+     *
+     * @default "horizontal"
+     */
+    orientation?: MergeProps<TabsOrientation, TabsOrientationOverrides>;
+    /**
+     * Size of the tab list and triggers.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<TabsSize, TabsSizeOverrides>;
+    /**
+     * Visual style of the tab list / selected tab.
+     *
+     * @default "line"
+     */
+    variant?: MergeProps<TabsVariant, TabsVariantOverrides>;
+}
+export interface TabsSlots {
+    /**
+     * The children to render (`TabList`, `TabPanel`, etc.).
+     */
+    default?: Slot<undefined>;
+}
+export type TabsProps = MergeHtmlProps<TabsOwnProps, HTMLAttributes> & {
+    /**
+     * Bound with `v-model` on the component (`defineModel` internally).
+     */
+    modelValue?: string;
+};