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

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/composables/useSpinner.js

@@ -32,17 +32,17 @@ function v(o, v) {
 	}), 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(() => x.value.variant === "determinate"), A = r(() => x.value.variant === "indeterminate"), j = r(() => !!x.value.enableTrack), M = r(() => !!x.value.disableShrink), N = r(() => _(x.value.value)), P = r(() => u(O.value)), F = c / 2, I = r(() => e(w.value?.root, b.value.inheritedAttrs, {
+	}), 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",
-		...k.value ? {
+		...P.value ? {
 			"aria-valuemin": 0,
 			"aria-valuemax": 100,
-			"aria-valuenow": N.value
+			"aria-valuenow": j.value
 		} : {},
 		class: l({
 			"inline-block": !0,
 			[E.value ?? ""]: !0,
-			[D.value ?? ""]: A.value,
+			[D.value ?? ""]: F.value,
 			[C.value.root ?? ""]: !0
 		})
 	}));
@@ -53,31 +53,31 @@ function v(o, v) {
 			[C.value.svg ?? ""]: !0
 		}))),
 		rootBind: I,
-		trackBind: r(() => j.value ? e(w.value?.track, {
-			cx: F,
-			cy: F,
+		trackBind: r(() => M.value ? e(w.value?.track, {
+			cx: A,
+			cy: A,
 			fill: "none",
-			r: P.value.radius,
+			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 } = P.value, r = k.value ? {
+			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 - N.value) / 100 * n
-			} : {}, i = A.value ? {
+				strokeDashoffset: (100 - j.value) / 100 * n
+			} : {}, i = F.value ? {
 				strokeDashoffset: 0,
-				strokeDasharray: M.value ? `${n * .8}px, ${n}px` : "80px, 200px"
+				strokeDasharray: N.value ? `${n * .8}px, ${n}px` : "80px, 200px"
 			} : {};
 			return e(w.value?.circle, {
 				r: t,
-				cx: F,
-				cy: F,
+				cx: A,
+				cy: A,
 				fill: "none",
 				"stroke-width": O.value,
 				style: {
@@ -86,11 +86,11 @@ function v(o, v) {
 				}
 			}, l({
 				[T.value?.circle ?? ""]: !0,
-				"animate-bridge-spinner-dash": A.value && !M.value,
+				"animate-bridge-spinner-dash": F.value && !N.value,
 				[C.value.circle ?? ""]: !0
 			}));
 		}),
-		enableTrack: j
+		enableTrack: M
 	};
 }
 //#endregion

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 };

package/dist/Components/Tab/tab.types.d.ts

@@ -0,0 +1,94 @@
+import { LucideIcon } from '@lucide/vue';
+import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
+import { MergeHtmlProps } from '@bridge-ui/core';
+import { IconProps } from '../Icon';
+export interface TabClasses {
+    /**
+     * Classes merged onto the end icon.
+     */
+    endIcon?: string;
+    /**
+     * Classes merged onto the tab button.
+     */
+    root?: string;
+    /**
+     * Classes merged onto the start icon.
+     */
+    startIcon?: string;
+}
+export interface TabCustomProps {
+    /**
+     * Props forwarded to the inline-end slot wrapper.
+     */
+    end?: HTMLAttributes;
+    /**
+     * Props forwarded to the end `Icon`.
+     */
+    endIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the tab button.
+     */
+    root?: ButtonHTMLAttributes;
+    /**
+     * Props forwarded to the inline-start slot wrapper.
+     */
+    start?: HTMLAttributes;
+    /**
+     * Props forwarded to the start `Icon`.
+     */
+    startIcon?: Partial<Omit<IconProps, "icon">>;
+}
+/**
+ * Tab trigger (`role="tab"`). Must be used inside `Tabs` / `TabList`.
+ */
+export interface TabOwnProps {
+    /**
+     * Classes for tab parts.
+     *
+     * @default undefined
+     */
+    classes?: TabClasses;
+    /**
+     * Props forwarded to each tab part.
+     *
+     * @default undefined
+     */
+    customProps?: TabCustomProps;
+    /**
+     * Whether the tab is disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Icon at the **inline end** (physical right in `ltr`, physical left in `rtl`).
+     *
+     * @default undefined
+     */
+    endIcon?: LucideIcon;
+    /**
+     * Icon at the **inline start** (physical left in `ltr`, physical right in `rtl`). Prefer over the `#start` slot.
+     *
+     * @default undefined
+     */
+    startIcon?: LucideIcon;
+    /**
+     * Stable value matching a `TabPanel`.
+     */
+    value: string;
+}
+export interface TabSlots {
+    /**
+     * The label content.
+     */
+    default?: Slot<undefined>;
+    /**
+     * Slot at the inline end (ignored when `endIcon` is set).
+     */
+    end?: Slot<undefined>;
+    /**
+     * Slot at the inline start (ignored when `startIcon` is set).
+     */
+    start?: Slot<undefined>;
+}
+export type TabProps = MergeHtmlProps<TabOwnProps, ButtonHTMLAttributes>;

package/dist/Components/TabItem/TabItem.js

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

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

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

@@ -0,0 +1,25 @@
+import { useTabItem as e } from "./composables/useTabItem.js";
+import { createElementBlock as t, defineComponent as n, openBlock as r, useSlots as i } from "vue";
+//#region src/Components/TabItem/TabItem.vue?vue&type=script&setup=true&lang.ts
+var a = {
+	hidden: "",
+	"aria-hidden": "true"
+}, o = /* @__PURE__ */ n({
+	name: "TabItem",
+	inheritAttrs: !1,
+	__name: "TabItem",
+	props: {
+		classes: {},
+		disabled: { type: Boolean },
+		endIcon: { type: [Function, Object] },
+		keepMounted: { type: Boolean },
+		label: {},
+		startIcon: { type: [Function, Object] },
+		value: {}
+	},
+	setup(n) {
+		return e(n, i()), (e, n) => (r(), t("span", a));
+	}
+});
+//#endregion
+export { o as default };

package/dist/Components/TabItem/composables/useTabItem.d.ts

@@ -0,0 +1,3 @@
+import { SetupContext } from 'vue';
+import { TabItemOwnProps, TabItemSlots } from '../tabItem.types';
+export declare function useTabItem(props: TabItemOwnProps, slots: SetupContext<TabItemSlots>["slots"]): void;

package/dist/Components/TabItem/composables/useTabItem.js

@@ -0,0 +1,39 @@
+import { TABS_INJECTION_KEY as e } from "../../Tabs/tabsInjectionKey.js";
+import { inject as t, onBeforeUnmount as n, onMounted as r, watch as i } from "vue";
+//#region src/Components/TabItem/composables/useTabItem.ts
+function a(a, o) {
+	let s = t(e, null);
+	if (!s) throw Error("TabItem must be used within a Tabs provider");
+	let c = s, l;
+	function u() {
+		l?.(), l = c.value.registerTabItem({
+			value: a.value,
+			endIcon: a.endIcon,
+			disabled: a.disabled,
+			startIcon: a.startIcon,
+			keepMounted: a.keepMounted,
+			panel: () => o.default?.(),
+			label: a.label ?? (() => o.label?.()),
+			slots: o.start || o.end ? {
+				end: o.end ? () => o.end?.() : void 0,
+				start: o.start ? () => o.start?.() : void 0
+			} : void 0
+		});
+	}
+	r(u), i(() => [
+		a.label,
+		a.value,
+		a.endIcon,
+		a.disabled,
+		a.startIcon,
+		a.keepMounted,
+		!!o.end,
+		!!o.label,
+		!!o.start,
+		!!o.default
+	], u), n(() => {
+		l?.();
+	});
+}
+//#endregion
+export { a as useTabItem };

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

@@ -0,0 +1,3 @@
+export { useTabItem } from './composables/useTabItem';
+export type { TabItemClasses, TabItemOwnProps, TabItemProps, TabItemSlots, } from './tabItem.types';
+export { default as TabItem } from './TabItem.vue';

package/dist/Components/TabItem/index.js

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

package/dist/Components/TabItem/tabItem.types.d.ts

@@ -0,0 +1,72 @@
+import { LucideIcon } from '@lucide/vue';
+import { Slot } from 'vue';
+export interface TabItemClasses {
+    /**
+     * Unused on the registration-only root; reserved for overrides.
+     */
+    root?: string;
+}
+/**
+ * Ergonomic shortcut: registers a `Tab` label + `TabPanel` content with `Tabs`.
+ */
+export interface TabItemOwnProps {
+    /**
+     * Classes reserved for registry overrides.
+     *
+     * @default undefined
+     */
+    classes?: TabItemClasses;
+    /**
+     * Whether the tab is disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Icon at the **inline end** on the tab trigger.
+     *
+     * @default undefined
+     */
+    endIcon?: LucideIcon;
+    /**
+     * When set, overrides `Tabs` `keepMounted` for this panel.
+     *
+     * @default undefined
+     */
+    keepMounted?: boolean;
+    /**
+     * Label shown on the tab trigger (or use the `label` slot).
+     *
+     * @default undefined
+     */
+    label?: string;
+    /**
+     * Icon at the **inline start** on the tab trigger.
+     *
+     * @default undefined
+     */
+    startIcon?: LucideIcon;
+    /**
+     * Stable value for the tab / panel pair.
+     */
+    value: string;
+}
+export interface TabItemSlots {
+    /**
+     * Panel content for this tab.
+     */
+    default?: Slot<undefined>;
+    /**
+     * Trailing custom content on the tab trigger (ignored when `endIcon` is set).
+     */
+    end?: Slot<undefined>;
+    /**
+     * Label content when not using the `label` prop.
+     */
+    label?: Slot<undefined>;
+    /**
+     * Leading custom content on the tab trigger (ignored when `startIcon` is set).
+     */
+    start?: Slot<undefined>;
+}
+export type TabItemProps = TabItemOwnProps;

package/dist/Components/TabList/TabList.js

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

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

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

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

package/dist/Components/TabList/composables/useTabList.d.ts

@@ -0,0 +1,10 @@
+import { TabListOwnProps, TabListProps } from '../tabList.types';
+export declare function useTabList(props: TabListOwnProps): {
+    merged: import('vue').ComputedRef<TabListOwnProps>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+        role: string;
+        onKeydown: (event: KeyboardEvent) => void;
+        "aria-orientation": "horizontal" | "vertical";
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<TabListProps, "classes" | "customProps">>>;
+};