cornet-ui 0.1.0-beta.1

package/dist/components/Navigation/du-navbar/du-navbar.vue.d.ts

@@ -0,0 +1,20 @@
+import { type NavbarProps } from './du-navbar.types';
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    start?: (props: typeof __VLS_1) => any;
+} & {
+    center?: (props: typeof __VLS_3) => any;
+} & {
+    end?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NavbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavbarProps> & 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/Navigation/du-navbar/du-navbar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { createCommentVNode as e, createElementBlock as t, defineComponent as n, openBlock as r, renderSlot as i } from "vue";
+//#region components/Navigation/du-navbar/du-navbar.vue?vue&type=script&setup=true&lang.ts
+var a = { class: "navbar bg-base-100 shadow-sm" }, o = {
+	key: 0,
+	class: "navbar-start"
+}, s = {
+	key: 1,
+	class: "navbar-center"
+}, c = {
+	key: 2,
+	class: "navbar-end"
+}, l = /*@__PURE__*/ n({
+	__name: "du-navbar",
+	setup(n) {
+		return (n, l) => (r(), t("nav", a, [
+			n.$slots.start ? (r(), t("div", o, [i(n.$slots, "start")])) : e("", !0),
+			n.$slots.center ? (r(), t("div", s, [i(n.$slots, "center")])) : e("", !0),
+			n.$slots.end ? (r(), t("div", c, [i(n.$slots, "end")])) : e("", !0),
+			i(n.$slots, "default")
+		]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/Navigation/du-pagination/du-pagination.js

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./du-pagination.vue_vue_type_script_setup_true_lang.js";
+import './du-pagination.vue_vue_type_style_index_0_scoped_7407b690_lang.css';/* empty css                                                              */
+//#region components/Navigation/du-pagination/du-pagination.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-7407b690"]]);
+//#endregion
+export { n as default };

package/dist/components/Navigation/du-pagination/du-pagination.types.d.ts

@@ -0,0 +1,29 @@
+import { type Size } from "../../../composables/useSizeProps";
+import { type Variant } from "../../../composables/useVariantProps";
+export interface PaginationProps {
+    modelValue?: number;
+    total: number;
+    perPage?: number;
+    showNext?: boolean;
+    showPrevious?: boolean;
+    showFirst?: boolean;
+    showLast?: boolean;
+    size?: Size;
+    nextLabel?: string;
+    previousLabel?: string;
+    firstLabel?: string;
+    lastLabel?: string;
+    variant?: Variant;
+    outline?: boolean;
+    manual?: boolean;
+    showEllipsis?: boolean;
+    maxPages?: number;
+    soft?: boolean;
+    /** Accessible name of the navigation landmark. */
+    ariaLabel?: string;
+    /** Accessible labels for the symbol-only buttons. */
+    previousAriaLabel?: string;
+    nextAriaLabel?: string;
+    firstAriaLabel?: string;
+    lastAriaLabel?: string;
+}

package/dist/components/Navigation/du-pagination/du-pagination.vue.d.ts

@@ -0,0 +1,51 @@
+import { type PaginationProps } from './du-pagination.types';
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_14: `page-${string}` | `page-${number}`, __VLS_15: {}, __VLS_17: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_14>]?: (props: typeof __VLS_15) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    first?: (props: typeof __VLS_9) => any;
+} & {
+    previous?: (props: typeof __VLS_11) => any;
+} & {
+    next?: (props: typeof __VLS_17) => any;
+} & {
+    last?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<PaginationProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    size: import("../../../index.ts").Size;
+    variant: import("../../../index.ts").Variant;
+    outline: boolean;
+    soft: boolean;
+    ariaLabel: string;
+    modelValue: number;
+    perPage: number;
+    showNext: boolean;
+    showPrevious: boolean;
+    showFirst: boolean;
+    showLast: boolean;
+    nextLabel: string;
+    previousLabel: string;
+    firstLabel: string;
+    lastLabel: string;
+    manual: boolean;
+    showEllipsis: boolean;
+    maxPages: number;
+    previousAriaLabel: string;
+    nextAriaLabel: string;
+    firstAriaLabel: string;
+    lastAriaLabel: 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/components/Navigation/du-pagination/du-pagination.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,156 @@
+import { useSizeMapping as e } from "../../../composables/useSizeProps.js";
+import { useVariantMapping as t } from "../../../composables/useVariantProps.js";
+import n from "../../Layout/du-join/du-join.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+//#region components/Navigation/du-pagination/du-pagination.vue?vue&type=script&setup=true&lang.ts
+var _ = ["aria-label"], v = ["disabled", "aria-label"], y = ["disabled", "aria-label"], b = [
+	"onClick",
+	"disabled",
+	"aria-current",
+	"aria-hidden",
+	"tabindex"
+], x = ["disabled", "aria-label"], S = ["disabled", "aria-label"], C = /*@__PURE__*/ l({
+	__name: "du-pagination",
+	props: {
+		modelValue: { default: 1 },
+		total: {},
+		perPage: { default: 10 },
+		showNext: {
+			type: Boolean,
+			default: !0
+		},
+		showPrevious: {
+			type: Boolean,
+			default: !0
+		},
+		showFirst: {
+			type: Boolean,
+			default: !1
+		},
+		showLast: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "default" },
+		nextLabel: { default: "»" },
+		previousLabel: { default: "«" },
+		firstLabel: { default: "«« " },
+		lastLabel: { default: " »»" },
+		variant: { default: "default" },
+		outline: {
+			type: Boolean,
+			default: !1
+		},
+		manual: {
+			type: Boolean,
+			default: !1
+		},
+		showEllipsis: {
+			type: Boolean,
+			default: !0
+		},
+		maxPages: { default: 0 },
+		soft: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: { default: "Pagination" },
+		previousAriaLabel: { default: "Previous page" },
+		nextAriaLabel: { default: "Next page" },
+		firstAriaLabel: { default: "First page" },
+		lastAriaLabel: { default: "Last page" }
+	},
+	emits: ["update:modelValue"],
+	setup(l, { emit: C }) {
+		let w = l, T = C, E = i(() => Math.ceil(w.total / w.perPage)), { sizeClass: D } = e({ size: w.size }, "btn"), { colorClass: O } = t({ variant: w.variant }, "btn"), k = i(() => w.outline ? "btn-outline" : ""), A = i(() => w.soft ? "btn-soft" : ""), j = i(() => {
+			let e = [], t = w.modelValue;
+			if (w.maxPages > 0) {
+				let n = Math.floor(w.maxPages / 2), r = Math.max(1, t - n), i = Math.min(E.value, r + w.maxPages - 1);
+				i - r + 1 < w.maxPages && (r = Math.max(1, i - w.maxPages + 1));
+				for (let t = r; t <= i; t++) e.push(t);
+				return e;
+			}
+			e.push(1), w.showEllipsis && t > 3 && e.push("...");
+			for (let n = Math.max(2, t - 1); n <= Math.min(t + 1, E.value - 1); n++) e.push(n);
+			return w.showEllipsis && t < E.value - 2 && e.push("..."), E.value > 1 && e.push(E.value), e;
+		});
+		function M(e) {
+			typeof e == "number" && T("update:modelValue", e);
+		}
+		return (e, t) => (d(), o("nav", { "aria-label": l.ariaLabel }, [c(n, null, {
+			default: g(() => [l.manual ? p(e.$slots, "default", { key: 0 }, void 0, !0) : (d(), o(r, { key: 1 }, [
+				l.showFirst ? (d(), o("button", {
+					key: 0,
+					class: u(["join-item btn", [
+						h(D),
+						h(O),
+						k.value,
+						A.value,
+						{ "btn-disabled": l.modelValue <= 1 }
+					]]),
+					onClick: t[0] ||= (e) => M(1),
+					disabled: l.modelValue <= 1,
+					"aria-label": l.firstAriaLabel
+				}, [p(e.$slots, "first", {}, () => [s(m(l.firstLabel), 1)], !0)], 10, v)) : a("", !0),
+				l.showPrevious ? (d(), o("button", {
+					key: 1,
+					class: u(["join-item btn", [
+						h(D),
+						h(O),
+						k.value,
+						A.value,
+						{ "btn-disabled": l.modelValue <= 1 }
+					]]),
+					onClick: t[1] ||= (e) => M(l.modelValue - 1),
+					disabled: l.modelValue <= 1,
+					"aria-label": l.previousAriaLabel
+				}, [p(e.$slots, "previous", {}, () => [s(m(l.previousLabel), 1)], !0)], 10, y)) : a("", !0),
+				(d(!0), o(r, null, f(j.value, (t, n) => (d(), o("button", {
+					key: `${t}-${n}`,
+					class: u(["join-item btn", [
+						h(D),
+						h(O),
+						k.value,
+						A.value,
+						{ "btn-active": t === l.modelValue },
+						{ "btn-disabled": t === "..." }
+					]]),
+					onClick: (e) => M(t),
+					disabled: t === "...",
+					"aria-current": t === l.modelValue ? "page" : void 0,
+					"aria-hidden": t === "..." ? "true" : void 0,
+					tabindex: t === "..." ? -1 : void 0
+				}, [p(e.$slots, `page-${t}`, {}, () => [s(m(t), 1)], !0)], 10, b))), 128)),
+				l.showNext ? (d(), o("button", {
+					key: 2,
+					class: u(["join-item btn", [
+						h(D),
+						h(O),
+						k.value,
+						A.value,
+						{ "btn-disabled": l.modelValue >= E.value }
+					]]),
+					onClick: t[2] ||= (e) => M(l.modelValue + 1),
+					disabled: l.modelValue >= E.value,
+					"aria-label": l.nextAriaLabel
+				}, [p(e.$slots, "next", {}, () => [s(m(l.nextLabel), 1)], !0)], 10, x)) : a("", !0),
+				l.showLast ? (d(), o("button", {
+					key: 3,
+					class: u(["join-item btn", [
+						h(D),
+						h(O),
+						k.value,
+						{ "btn-disabled": l.modelValue >= E.value },
+						A.value
+					]]),
+					onClick: t[3] ||= (e) => M(E.value),
+					disabled: l.modelValue >= E.value,
+					"aria-label": l.lastAriaLabel
+				}, [p(e.$slots, "last", {}, () => [s(m(l.lastLabel), 1)], !0)], 10, S)) : a("", !0)
+			], 64))]),
+			_: 3
+		})], 8, _));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/Navigation/du-pagination/du-pagination.vue_vue_type_style_index_0_scoped_7407b690_lang.css

@@ -0,0 +1 @@
+.btn.btn-active[data-v-7407b690]{--btn-bg:color-mix(in oklab, var(--btn-color) 50%, var(--color-base-100));--btn-fg:color-mix(in oklch, var(--color-base-content) 90%, #0000)}

package/dist/components/Navigation/du-step-item/du-step-item.js

@@ -0,0 +1,5 @@
+import e from "./du-step-item.vue_vue_type_script_setup_true_lang.js";
+//#region components/Navigation/du-step-item/du-step-item.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/Navigation/du-step-item/du-step-item.types.d.ts

@@ -0,0 +1,8 @@
+import { type Variant } from "../../../composables/useVariantProps";
+export interface StepItemProps {
+    label?: string;
+    active?: boolean;
+    customClass?: string;
+    dataContent?: string;
+    variant?: Variant;
+}

package/dist/components/Navigation/du-step-item/du-step-item.vue.d.ts

@@ -0,0 +1,24 @@
+import { type StepItemProps } from './du-step-item.types';
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    'step-icon'?: (props: typeof __VLS_1) => any;
+} & {
+    'step-icon'?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<StepItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepItemProps> & Readonly<{}>, {
+    label: string;
+    customClass: string;
+    variant: import("../../..").Variant;
+    active: boolean;
+    dataContent: 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/components/Navigation/du-step-item/du-step-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, toDisplayString as l } from "vue";
+//#region components/Navigation/du-step-item/du-step-item.vue?vue&type=script&setup=true&lang.ts
+var u = ["data-content"], d = { class: "step-icon" }, f = /*@__PURE__*/ a({
+	__name: "du-step-item",
+	props: {
+		label: { default: "" },
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		customClass: { default: "" },
+		dataContent: { default: void 0 },
+		variant: { default: "primary" }
+	},
+	setup(a) {
+		let f = a, p = e(() => {
+			let e = ["step"], t = f.variant === "default" ? "" : `step-${f.variant}`;
+			return f.active && t && e.push(t), f.customClass && e.push(f.customClass), e;
+		});
+		return (e, f) => (s(), n("li", {
+			class: o(p.value),
+			"data-content": a.dataContent
+		}, [e.$slots["step-icon"] ? c(e.$slots, "step-icon", { key: 0 }, () => [r("span", d, [c(e.$slots, "step-icon")])]) : t("", !0), c(e.$slots, "default", {}, () => [i(l(a.label), 1)])], 10, u));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/Navigation/du-steps/du-steps.js

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

package/dist/components/Navigation/du-steps/du-steps.types.d.ts

@@ -0,0 +1,17 @@
+import { type Variant } from "../../../composables/useVariantProps";
+export declare const DU_STEPS_DIRECTIONS: readonly ["steps-vertical", "steps-horizontal"];
+export type StepsDirection = (typeof DU_STEPS_DIRECTIONS)[number];
+export interface StepItem {
+    label?: string;
+    active?: boolean;
+    customClass?: string;
+    dataContent?: string;
+}
+export interface StepsProps {
+    items?: StepItem[];
+    direction?: StepsDirection;
+    customClass?: string;
+    responsive?: boolean;
+    activeSteps?: number[];
+    variant?: Variant;
+}

package/dist/components/Navigation/du-steps/du-steps.vue.d.ts

@@ -0,0 +1,40 @@
+import { type StepsProps } from './du-steps.types';
+declare var __VLS_2: `step-${number}`, __VLS_3: {
+    item: import("./du-steps.types").StepItem;
+    index: number;
+}, __VLS_5: {
+    item: import("./du-steps.types").StepItem;
+    index: number;
+}, __VLS_7: {}, __VLS_10: `step-icon-${number}`, __VLS_11: {}, __VLS_13: {
+    item: import("./du-steps.types").StepItem;
+    index: number;
+}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => any;
+} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+} & {
+    step?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    'step-icon'?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<StepsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepsProps> & Readonly<{}>, {
+    customClass: string;
+    variant: import("../../..").Variant;
+    responsive: boolean;
+    items: import("./du-steps.types").StepItem[];
+    direction: import("./du-steps.types").StepsDirection;
+    activeSteps: number[];
+}, {}, {}, {}, 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/Navigation/du-steps/du-steps.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderList as c, renderSlot as l, toDisplayString as u } from "vue";
+//#region components/Navigation/du-steps/du-steps.vue?vue&type=script&setup=true&lang.ts
+var d = ["data-content"], f = {
+	key: 2,
+	class: "step-icon"
+}, p = /*@__PURE__*/ a({
+	__name: "du-steps",
+	props: {
+		items: { default: void 0 },
+		direction: { default: "steps-horizontal" },
+		customClass: { default: "" },
+		responsive: {
+			type: Boolean,
+			default: !1
+		},
+		activeSteps: { default: void 0 },
+		variant: { default: "primary" }
+	},
+	setup(a) {
+		let p = a, m = t(() => {
+			let e = ["steps", p.direction];
+			return p.customClass && e.push(p.customClass), p.responsive && e.push("steps-vertical lg:steps-horizontal"), e;
+		}), h = (e) => {
+			let t = ["step"], n = p.variant === "default" ? "" : `step-${p.variant}`;
+			return p.activeSteps && p.activeSteps.includes(e) && n && t.push(n), p.items && p.items[e] && p.items[e].active && n && t.push(n), p.items && p.items[e] && p.items[e].customClass && t.push(p.items[e].customClass), t;
+		};
+		return (t, p) => (s(), r("ul", { class: o(m.value) }, [a.items ? (s(!0), r(e, { key: 0 }, c(a.items, (e, a) => (s(), r("li", {
+			key: a,
+			class: o(h(a)),
+			"data-content": e.dataContent
+		}, [l(t.$slots, `step-${a}`, {
+			item: e,
+			index: a
+		}, () => [l(t.$slots, "step", {
+			item: e,
+			index: a
+		}, () => [e.label ? l(t.$slots, "default", { key: 0 }, () => [i(u(e.label), 1)]) : n("", !0), t.$slots[`step-icon-${a}`] ? l(t.$slots, `step-icon-${a}`, { key: 1 }) : t.$slots["step-icon"] ? (s(), r("span", f, [l(t.$slots, "step-icon", {
+			item: e,
+			index: a
+		})])) : n("", !0)])])], 10, d))), 128)) : l(t.$slots, "default", { key: 1 })], 2));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/Navigation/du-tabs/du-tabs.js

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

package/dist/components/Navigation/du-tabs/du-tabs.types.d.ts

@@ -0,0 +1,22 @@
+import { type Size } from "../../../composables/useSizeProps";
+export declare const DU_TABS_TYPES: readonly ["lift", "border", "box"];
+export type TabsType = (typeof DU_TABS_TYPES)[number];
+export interface TabItem {
+    label?: string;
+    icon?: any;
+    class?: string;
+    active?: boolean;
+    onClick?: () => void;
+    content?: string;
+    [key: string]: any;
+}
+export interface TabsProps {
+    size?: Size;
+    items?: TabItem[];
+    type?: TabsType;
+    bottom?: boolean;
+    name?: string;
+    modelValue?: number;
+    /** Accessible name of the tab group. */
+    ariaLabel?: string;
+}

package/dist/components/Navigation/du-tabs/du-tabs.vue.d.ts

@@ -0,0 +1,50 @@
+import { type TabsProps, type TabItem } from './du-tabs.types';
+declare var __VLS_1: {}, __VLS_3: {
+    item: TabItem;
+    index: number;
+}, __VLS_6: `tab-${number}`, __VLS_7: {
+    item: TabItem;
+    index: number;
+}, __VLS_9: {
+    item: TabItem;
+}, __VLS_16: {
+    item: TabItem;
+    index: number;
+}, __VLS_19: `content-${number}`, __VLS_20: {
+    item: TabItem;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+} & {
+    [K in NonNullable<typeof __VLS_19>]?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    tab?: (props: typeof __VLS_3) => any;
+} & {
+    icon?: (props: typeof __VLS_9) => any;
+} & {
+    content?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (index: number) => any;
+}, string, import("vue").PublicProps, Readonly<TabsProps> & Readonly<{
+    "onUpdate:modelValue"?: ((index: number) => any) | undefined;
+}>, {
+    bottom: boolean;
+    type: import("./du-tabs.types").TabsType;
+    size: import("../../..").Size;
+    name: string;
+    ariaLabel: string;
+    modelValue: number;
+    items: TabItem[];
+}, {}, {}, {}, 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/Navigation/du-tabs/du-tabs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,76 @@
+import { useSizeMapping as e } from "../../../composables/useSizeProps.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, unref as h } from "vue";
+//#region components/Navigation/du-tabs/du-tabs.vue?vue&type=script&setup=true&lang.ts
+var g = ["aria-label"], _ = ["onClick"], v = ["name", "checked"], y = ["src", "alt"], b = ["innerHTML"], x = {
+	key: 0,
+	class: "tab-content"
+}, S = /*@__PURE__*/ c({
+	__name: "du-tabs",
+	props: {
+		size: { default: "default" },
+		items: { default: void 0 },
+		type: { default: void 0 },
+		bottom: {
+			type: Boolean,
+			default: !1
+		},
+		name: { default: "my_tabs" },
+		modelValue: { default: void 0 },
+		ariaLabel: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(c, { emit: S }) {
+		let C = c, w = S;
+		function T(e, t) {
+			w("update:modelValue", e), t.onClick?.();
+		}
+		let { sizeClass: E } = e(C, "tabs"), D = n(() => {
+			switch (C.type) {
+				case "lift": return "tabs-lift";
+				case "border": return "tabs-border";
+				case "box": return "tabs-box";
+				default: return "";
+			}
+		});
+		return (e, n) => (u(), a("div", {
+			class: l([
+				"tabs",
+				h(E),
+				D.value
+			]),
+			"aria-label": c.ariaLabel
+		}, [e.$slots.default ? f(e.$slots, "default", { key: 0 }) : c.items ? (u(!0), a(t, { key: 1 }, d(c.items, (n, c) => (u(), a(t, { key: c }, [o("label", {
+			class: l(["tab", n.class]),
+			onClick: (e) => T(c, n)
+		}, [o("input", {
+			type: "radio",
+			name: C.name,
+			checked: n.active
+		}, null, 8, v), n.label || e.$slots.tab ? f(e.$slots, "tab", {
+			key: 0,
+			item: n,
+			index: c
+		}, () => [f(e.$slots, `tab-${c}`, {
+			item: n,
+			index: c
+		}, () => [f(e.$slots, "icon", { item: n }, () => [typeof n.icon == "object" || typeof n.icon == "function" ? (u(), r(p(n.icon), {
+			key: 0,
+			class: "w-5 h-5"
+		})) : typeof n.icon == "string" && n.icon.startsWith("http") ? (u(), a("img", {
+			key: 1,
+			src: n.icon,
+			alt: n.label
+		}, null, 8, y)) : typeof n.icon == "string" ? (u(), a("div", {
+			key: 2,
+			innerHTML: n.icon
+		}, null, 8, b)) : i("", !0)]), s(" " + m(n.label), 1)])]) : i("", !0)], 10, _), n.content || e.$slots.content || e.$slots[`content-${c}`] ? (u(), a("div", x, [f(e.$slots, "content", {
+			item: n,
+			index: c
+		}, () => [f(e.$slots, `content-${c}`, {
+			item: n,
+			index: c
+		}, () => [s(m(n.content), 1)])])])) : i("", !0)], 64))), 128)) : i("", !0)], 10, g));
+	}
+});
+//#endregion
+export { S as default };

package/dist/composables/useSizeProps.d.ts

@@ -0,0 +1,15 @@
+export type Size = 'default' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const AvailableSizes: Size[];
+export declare function useSizeMapping(props: {
+    size: Size;
+}, suffix: string): {
+    sizeClass: import("vue").ComputedRef<string>;
+};
+export declare const useSizeStoriesControl: {
+    size: {
+        control: {
+            type: string;
+        };
+        options: string[];
+    };
+};