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

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

@@ -6,19 +6,19 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => any;
     search: (query: string) => any;
     select: (option: import('@bridge-ui/core').ListboxOption) => any;
     "update:modelValue": (...args: unknown[]) => any;
-    clear: () => any;
     change: (value: import('@bridge-ui/core').SelectModel) => any;
     close: () => any;
     open: () => any;
     deselect: (option: import('@bridge-ui/core').ListboxOption) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: (() => any) | undefined;
     onSearch?: ((query: string) => any) | undefined;
     onSelect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onChange?: ((value: import('@bridge-ui/core').SelectModel) => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;

package/dist/Components/Select/select.types.d.ts

@@ -199,11 +199,11 @@ export interface SelectSlots extends FormFieldSlots {
     /**
      * Content below the trigger, above the option list.
      */
-    afterOptions?: Slot;
+    afterOptions?: Slot<undefined>;
     /**
      * Content above the option list.
      */
-    beforeOptions?: Slot;
+    beforeOptions?: Slot<undefined>;
     /**
      * Custom chip content (multiple mode).
      */
@@ -215,15 +215,15 @@ export interface SelectSlots extends FormFieldSlots {
      * When set (and not using declarative `SelectOption` children), replaces
      * mapped `options` inside the listbox.
      */
-    default?: Slot;
+    default?: Slot<undefined>;
     /**
      * Custom empty-state content.
      */
-    empty?: Slot;
+    empty?: Slot<undefined>;
     /**
      * Custom loading content.
      */
-    loading?: Slot;
+    loading?: Slot<undefined>;
     /**
      * Custom option item content when rendering from the `options` prop.
      */

package/dist/Components/Snackbar/composables/useSnackbar.js

@@ -108,7 +108,7 @@ function h(h, _e, g = {}) {
 			return;
 		}
 		S.value = !1, Q(n);
-	}, { immediate: !0 }), o([G, W], ([e]) => {
+	}, { immediate: !0 }), o([W, G], ([e]) => {
 		if (!e) {
 			T.value = !1, b.value = 1;
 			return;

package/dist/Components/Snackbar/snackbar.types.d.ts

@@ -185,30 +185,30 @@ export interface SnackbarSlots {
     /**
      * Inline actions below the description.
      */
-    actions?: Slot;
+    actions?: Slot<undefined>;
     /**
      * Content below the title/description.
      */
-    default?: Slot;
+    default?: Slot<undefined>;
     /**
      * Custom description markup.
      */
-    description?: Slot;
+    description?: Slot<undefined>;
     /**
      * Custom icon markup.
      */
-    icon?: Slot;
+    icon?: Slot<undefined>;
     /**
      * Vertical action column on the right edge (WireUI `rightButtons` layout).
      */
-    right?: Slot;
+    right?: Slot<undefined>;
     /**
      * Custom title markup.
      */
-    title?: Slot;
+    title?: Slot<undefined>;
     /**
      * Content before the close button (e.g. compact accept action with `padding="small"`).
      */
-    trailing?: Slot;
+    trailing?: Slot<undefined>;
 }
 export type SnackbarProps = MergeHtmlProps<SnackbarOwnProps, HTMLAttributes>;

package/dist/Components/Spinner/Spinner.js

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

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

@@ -0,0 +1,4 @@
+import { SpinnerOwnProps } from './spinner.types';
+declare const __VLS_export: import('vue').DefineComponent<SpinnerOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpinnerOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Components/Spinner/Spinner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { useSpinner as e } from "./composables/useSpinner.js";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, openBlock as c, unref as l } from "vue";
+//#region src/Components/Spinner/Spinner.vue?vue&type=script&setup=true&lang.ts
+var u = /* @__PURE__ */ i({
+	inheritAttrs: !1,
+	__name: "Spinner",
+	props: {
+		classes: {},
+		color: {},
+		customProps: {},
+		disableShrink: { type: Boolean },
+		enableTrack: { type: Boolean },
+		size: {},
+		thickness: {},
+		value: {},
+		variant: {}
+	},
+	setup(i) {
+		let { svgBind: u, rootBind: d, trackBind: f, circleBind: p, enableTrack: m } = e(i, {
+			size: "md",
+			thickness: 3.6,
+			color: "primary",
+			enableTrack: !1,
+			disableShrink: !1,
+			variant: "indeterminate"
+		});
+		return (e, i) => (c(), n("span", s(a(l(d))), [(c(), n("svg", s(a(l(u))), [l(m) && l(f) ? (c(), n("circle", s(o({ key: 0 }, l(f))), null, 16)) : t("", !0), r("circle", s(a(l(p))), null, 16)], 16))], 16));
+	}
+});
+//#endregion
+export { u as default };

package/dist/Components/Spinner/composables/useSpinner.d.ts

@@ -0,0 +1,58 @@
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { SpinnerOwnProps, SpinnerProps } from '../spinner.types';
+type SpinnerLibDefaults = LibDefaultsShape<SpinnerOwnProps, "size" | "color" | "variant" | "thickness" | "enableTrack" | "disableShrink">;
+type SpinnerMerged = MergeLibDefaults<SpinnerOwnProps, SpinnerLibDefaults>;
+export declare function useSpinner(props: SpinnerOwnProps, libDefaults: SpinnerLibDefaults): {
+    merged: import('vue').ComputedRef<SpinnerMerged>;
+    svgBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').SVGAttributes | undefined, {
+        viewBox: string;
+    }>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+        class: string;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        role: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<SpinnerProps, "color" | "size" | "value" | "classes" | "customProps" | "variant" | "disableShrink" | "enableTrack" | "thickness">>>;
+    trackBind: import('vue').ComputedRef<(object & {
+        cx: number;
+        cy: number;
+        fill: string;
+        r: number;
+        "stroke-width": number;
+    } & Record<"class", string>) | null>;
+    circleBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').SVGAttributes | undefined, {
+        r: number;
+        cx: number;
+        cy: number;
+        fill: string;
+        "stroke-width": number;
+        style: {
+            strokeDashoffset: number;
+            strokeDasharray: string;
+            transformOrigin: string;
+            transform: string;
+            transition: string;
+        } | {
+            strokeDashoffset: number;
+            strokeDasharray: number;
+            transformOrigin: string;
+            transform: string;
+            transition: string;
+        } | {
+            strokeDashoffset: number;
+            strokeDasharray: string;
+            transformOrigin?: undefined;
+            transform?: undefined;
+            transition?: undefined;
+        } | {
+            strokeDashoffset?: undefined;
+            strokeDasharray?: undefined;
+            transformOrigin?: undefined;
+            transform?: undefined;
+            transition?: undefined;
+        };
+    }>>;
+    enableTrack: import('vue').ComputedRef<boolean>;
+};
+export {};

package/dist/Components/Spinner/composables/useSpinner.js

@@ -0,0 +1,97 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { computed as r, useAttrs as i } from "vue";
+import { get as a, isNil as o } from "es-toolkit/compat";
+import { DEFAULT_SPINNER_THICKNESS as s, SPINNER_VIEWBOX_SIZE as c, cn as l, getSpinnerCircleGeometry as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
+import { colorProps as p, sizeProps as m, variantProps as h } from "@bridge-ui/core/Components/Spinner";
+//#region src/Components/Spinner/composables/useSpinner.ts
+var g = [
+	"size",
+	"color",
+	"value",
+	"classes",
+	"variant",
+	"thickness",
+	"customProps",
+	"enableTrack",
+	"disableShrink"
+];
+function _(e) {
+	return o(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
+}
+function v(o, v) {
+	let y = i(), b = r(() => f({
+		props: {
+			...y,
+			...o
+		},
+		bridgeKeys: g
+	})), { merged: x, entry: S } = t({
+		libDefaults: v,
+		componentName: "Spinner",
+		props: () => b.value.componentProps
+	}), C = n({
+		entry: S,
+		props: () => b.value.componentProps
+	}), w = r(() => x.value.customProps), T = r(() => a(d(p, S.value?.customProps?.color), x.value.color)), E = r(() => a(d(m, S.value?.customProps?.size), x.value.size)), D = r(() => a(d(h, S.value?.customProps?.variant), x.value.variant)), O = r(() => x.value.thickness ?? s), k = r(() => u(O.value)), A = c / 2, j = r(() => _(x.value.value)), M = r(() => !!x.value.enableTrack), N = r(() => !!x.value.disableShrink), P = r(() => x.value.variant === "determinate"), F = r(() => x.value.variant === "indeterminate"), I = r(() => e(w.value?.root, b.value.inheritedAttrs, {
+		role: "progressbar",
+		...P.value ? {
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			"aria-valuenow": j.value
+		} : {},
+		class: l({
+			"inline-block": !0,
+			[E.value ?? ""]: !0,
+			[D.value ?? ""]: F.value,
+			[C.value.root ?? ""]: !0
+		})
+	}));
+	return {
+		merged: x,
+		svgBind: r(() => e(w.value?.svg, { viewBox: `0 0 ${c} ${c}` }, l({
+			"block size-full": !0,
+			[C.value.svg ?? ""]: !0
+		}))),
+		rootBind: I,
+		trackBind: r(() => M.value ? e(w.value?.track, {
+			cx: A,
+			cy: A,
+			fill: "none",
+			r: k.value.radius,
+			"stroke-width": O.value
+		}, l({
+			[T.value?.track ?? ""]: !0,
+			[C.value.track ?? ""]: !0
+		})) : null),
+		circleBind: r(() => {
+			let { radius: t, circumference: n } = k.value, r = P.value ? {
+				transformOrigin: "50% 50%",
+				transform: "rotate(-90deg)",
+				strokeDasharray: n,
+				transition: "stroke-dashoffset 200ms linear",
+				strokeDashoffset: (100 - j.value) / 100 * n
+			} : {}, i = F.value ? {
+				strokeDashoffset: 0,
+				strokeDasharray: N.value ? `${n * .8}px, ${n}px` : "80px, 200px"
+			} : {};
+			return e(w.value?.circle, {
+				r: t,
+				cx: A,
+				cy: A,
+				fill: "none",
+				"stroke-width": O.value,
+				style: {
+					...r,
+					...i
+				}
+			}, l({
+				[T.value?.circle ?? ""]: !0,
+				"animate-bridge-spinner-dash": F.value && !N.value,
+				[C.value.circle ?? ""]: !0
+			}));
+		}),
+		enableTrack: M
+	};
+}
+//#endregion
+export { v as useSpinner };

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

@@ -0,0 +1,3 @@
+export { useSpinner } from './composables/useSpinner';
+export type { SpinnerClasses, SpinnerColorOverrides, SpinnerCustomProps, SpinnerOwnProps, SpinnerProps, SpinnerSizeOverrides, SpinnerVariantOverrides, } from './spinner.types';
+export { default as Spinner } from './Spinner.vue';

package/dist/Components/Spinner/index.js

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

package/dist/Components/Spinner/spinner.types.d.ts

@@ -0,0 +1,99 @@
+import { HTMLAttributes, SVGAttributes } from 'vue';
+import { MergeHtmlProps, MergeProps, SpinnerColor, SpinnerSize, SpinnerVariant } from '@bridge-ui/core';
+export interface SpinnerSizeOverrides {}
+export interface SpinnerColorOverrides {}
+export interface SpinnerVariantOverrides {}
+export interface SpinnerClasses {
+    /**
+     * The classes to apply to the progress circle.
+     */
+    circle?: string;
+    /**
+     * The classes to apply to the root.
+     */
+    root?: string;
+    /**
+     * The classes to apply to the svg element.
+     */
+    svg?: string;
+    /**
+     * The classes to apply to the track circle.
+     */
+    track?: string;
+}
+export interface SpinnerCustomProps {
+    /**
+     * Props forwarded to the progress circle.
+     */
+    circle?: SVGAttributes;
+    /**
+     * Props forwarded to the root element.
+     */
+    root?: HTMLAttributes;
+    /**
+     * Props forwarded to the svg element.
+     */
+    svg?: SVGAttributes;
+    /**
+     * Props forwarded to the track circle.
+     */
+    track?: SVGAttributes;
+}
+export interface SpinnerOwnProps {
+    /**
+     * The classes to apply to spinner parts.
+     *
+     * @default undefined
+     */
+    classes?: SpinnerClasses;
+    /**
+     * The color of the spinner.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<SpinnerColor, SpinnerColorOverrides>;
+    /**
+     * Extra props for internal parts (`root`, `svg`, `circle`, `track`).
+     * Root HTML attributes stay on the component top level.
+     *
+     * @default undefined
+     */
+    customProps?: SpinnerCustomProps;
+    /**
+     * Disables the indeterminate shrink animation on the circle.
+     *
+     * @default false
+     */
+    disableShrink?: boolean;
+    /**
+     * Renders a subtle track circle behind the progress arc.
+     *
+     * @default false
+     */
+    enableTrack?: boolean;
+    /**
+     * The size of the spinner.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<SpinnerSize, SpinnerSizeOverrides>;
+    /**
+     * The stroke thickness of the circle.
+     *
+     * @default 3.6
+     */
+    thickness?: number;
+    /**
+     * Progress value from 0 to 100. Used by the `determinate` variant.
+     *
+     * @default undefined
+     */
+    value?: number;
+    /**
+     * Visual variant of the spinner.
+     *
+     * @default "indeterminate"
+     */
+    variant?: MergeProps<SpinnerVariant, SpinnerVariantOverrides>;
+}
+export type SpinnerProps = MergeHtmlProps<SpinnerOwnProps, HTMLAttributes>;

package/dist/Components/Tab/Tab.js

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

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

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

@@ -0,0 +1,33 @@
+import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
+import n from "../Icon/Icon.js";
+import { useTab as r } from "./composables/useTab.js";
+import { createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, guardReactiveProps as c, mergeProps as l, normalizeProps as u, openBlock as d, resolveDynamicComponent as f, unref as p, useSlots as m } from "vue";
+//#region src/Components/Tab/Tab.vue?vue&type=script&setup=true&lang.ts
+var h = /* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "Tab",
+	props: {
+		classes: {},
+		customProps: {},
+		disabled: { type: Boolean },
+		endIcon: { type: [Function, Object] },
+		startIcon: { type: [Function, Object] },
+		value: {}
+	},
+	setup(s) {
+		let h = m(), { merged: g, iconSize: _, rootBind: v, endIconBind: y, endSlotBind: b, startIconBind: x, startSlotBind: S } = r(s);
+		return (r, s) => (d(), o("button", u(c(p(v))), [
+			p(g).startIcon ? (d(), i(p(n), l({
+				key: 0,
+				size: p(_)
+			}, p(x), { icon: p(g).startIcon }), null, 16, ["size", "icon"])) : p(e)(p(h), "start") ? (d(), o("div", u(l({ key: 1 }, p(S))), [(d(), i(f(p(t)(p(h), "start"))))], 16)) : a("", !0),
+			(d(), i(f(p(t)(p(h), "default")))),
+			p(g).endIcon ? (d(), i(p(n), l({
+				key: 2,
+				size: p(_)
+			}, p(y), { icon: p(g).endIcon }), null, 16, ["size", "icon"])) : p(e)(p(h), "end") ? (d(), o("div", u(l({ key: 3 }, p(b))), [(d(), i(f(p(t)(p(h), "end"))))], 16)) : a("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { h as default };

package/dist/Components/Tab/composables/useTab.d.ts

@@ -0,0 +1,23 @@
+import { IconSize } from '@bridge-ui/core';
+import { TabOwnProps, TabProps } from '../tab.types';
+export declare function useTab(props: TabOwnProps): {
+    merged: import('vue').ComputedRef<TabOwnProps>;
+    iconSize: import('vue').ComputedRef<keyof IconSize>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+        role: string;
+        type: string;
+        onClick: (event: PointerEvent) => void;
+        disabled: boolean;
+        onKeydown: (event: KeyboardEvent) => void;
+        "aria-selected": boolean;
+        tabindex: number;
+        id: string;
+        "aria-controls": string;
+        class: string;
+    }, "class", import('vue').ButtonHTMLAttributes | undefined, Omit<TabProps, "value" | "classes" | "customProps" | "disabled" | "endIcon" | "startIcon">>>;
+    selected: import('vue').ComputedRef<boolean>;
+    endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+};

package/dist/Components/Tab/composables/useTab.js

@@ -0,0 +1,88 @@
+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, onBeforeUnmount as o, onMounted as s, useAttrs as c, watch as l } from "vue";
+import { get as u } from "es-toolkit/compat";
+import { cn as d, getTabId as f, getTabPanelId as p, splitComponentProps as m } from "@bridge-ui/core";
+//#region src/Components/Tab/composables/useTab.ts
+var h = [
+	"value",
+	"classes",
+	"endIcon",
+	"disabled",
+	"startIcon",
+	"customProps"
+];
+function g(g) {
+	let _ = c(), v = a(r, null);
+	if (!v) throw Error("Tab must be used within a Tabs provider");
+	let y = v, b = i(() => m({
+		bridgeKeys: h,
+		props: {
+			..._,
+			...g
+		}
+	})), { merged: x, entry: S } = t({
+		componentName: "Tab",
+		props: () => b.value.componentProps
+	}), C = i(() => x.value.value), w = i(() => x.value.disabled === !0), T = i(() => y.value.selected === C.value), E = null;
+	function D() {
+		E?.(), E = y.value.registerTab(C.value, w.value);
+	}
+	s(D), l([C, w], D), o(() => {
+		E?.(), E = null;
+	});
+	let O = n({
+		entry: S,
+		props: () => b.value.componentProps
+	});
+	function k(e) {
+		w.value || (y.value.setSelected(C.value), b.value.inheritedAttrs.onClick?.(e));
+	}
+	function A(e) {
+		let t = y.value;
+		t.activation === "manual" && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), w.value || t.setSelected(C.value)), b.value.inheritedAttrs.onKeydown?.(e);
+	}
+	let j = i(() => x.value.customProps);
+	return {
+		merged: x,
+		iconSize: i(() => y.value.tokenClasses.iconSize ?? "md"),
+		rootBind: i(() => {
+			let t = y.value;
+			return e(j.value?.root, b.value.inheritedAttrs, {
+				role: "tab",
+				type: "button",
+				onClick: k,
+				disabled: w.value,
+				onKeydown: A,
+				"aria-selected": T.value,
+				tabindex: T.value ? 0 : -1,
+				id: f(t.id, C.value),
+				"aria-controls": p(t.id, C.value),
+				class: d({
+					"inline-flex cursor-pointer items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40 disabled:pointer-events-none disabled:opacity-50": !0,
+					[t.tokenClasses.iconGap ?? ""]: !0,
+					[t.tokenClasses.tabSize ?? ""]: !0,
+					[t.tokenClasses.tabVariant ?? ""]: !0,
+					[t.tokenClasses.tabOrientation ?? ""]: !0,
+					[t.tokenClasses.tabVariantSelected ?? ""]: T.value,
+					[t.tokenClasses.colorSelected ?? ""]: T.value,
+					[t.tokenClasses.colorSelectedSoft ?? ""]: T.value && t.tokenClasses.softFill === !0,
+					[u(O.value, "root") ?? ""]: !0
+				})
+			});
+		}),
+		selected: T,
+		endIconBind: i(() => e(j.value?.endIcon, {}, d({
+			"shrink-0": !0,
+			[u(O.value, "endIcon") ?? ""]: !0
+		}))),
+		endSlotBind: i(() => e(j.value?.end, {}, "inline-flex shrink-0 items-center")),
+		startIconBind: i(() => e(j.value?.startIcon, {}, d({
+			"shrink-0": !0,
+			[u(O.value, "startIcon") ?? ""]: !0
+		}))),
+		startSlotBind: i(() => e(j.value?.start, {}, "inline-flex shrink-0 items-center"))
+	};
+}
+//#endregion
+export { g as useTab };

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

@@ -0,0 +1,3 @@
+export { useTab } from './composables/useTab';
+export type { TabClasses, TabCustomProps, TabOwnProps, TabProps, TabSlots, } from './tab.types';
+export { default as Tab } from './Tab.vue';

package/dist/Components/Tab/index.js

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