cornet-ui 0.1.0-beta.1

package/dist/components/Navigation/du-button-link/du-button-link.types.d.ts

@@ -0,0 +1,16 @@
+import { type Variant } from "../../../composables/useVariantProps";
+import { type Size } from "../../../composables/useSizeProps";
+export interface ButtonLinkProps {
+    size?: Size;
+    variant?: Variant;
+    outline?: boolean;
+    soft?: boolean;
+    dash?: boolean;
+    active?: boolean;
+    ghost?: boolean;
+    link?: boolean;
+    wide?: boolean;
+    square?: boolean;
+    circle?: boolean;
+    block?: boolean;
+}

package/dist/components/Navigation/du-button-link/du-button-link.vue.d.ts

@@ -0,0 +1,27 @@
+import { type ButtonLinkProps } from './du-button-link.types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ButtonLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
+    square: boolean;
+    circle: boolean;
+    size: import("../../..").Size;
+    ghost: boolean;
+    variant: import("../../..").Variant;
+    active: boolean;
+    outline: boolean;
+    soft: boolean;
+    dash: boolean;
+    link: boolean;
+    wide: boolean;
+    block: 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/Navigation/du-button-link/du-button-link.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,71 @@
+import { useSizeMapping as e } from "../../../composables/useSizeProps.js";
+import { useVariantMapping as t } from "../../../composables/useVariantProps.js";
+import { computed as n, createElementBlock as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c } from "vue";
+//#region components/Navigation/du-button-link/du-button-link.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ i({
+	__name: "du-button-link",
+	props: {
+		size: { default: "default" },
+		variant: { default: "default" },
+		outline: {
+			type: Boolean,
+			default: !1
+		},
+		soft: {
+			type: Boolean,
+			default: !1
+		},
+		dash: {
+			type: Boolean,
+			default: !1
+		},
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		ghost: {
+			type: Boolean,
+			default: !1
+		},
+		link: {
+			type: Boolean,
+			default: !1
+		},
+		wide: {
+			type: Boolean,
+			default: !1
+		},
+		square: {
+			type: Boolean,
+			default: !1
+		},
+		circle: {
+			type: Boolean,
+			default: !1
+		},
+		block: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(i) {
+		let l = i, { sizeClass: u } = e(l, "btn"), { colorClass: d } = t(l, "btn"), f = n(() => l.soft ? "btn-soft" : ""), p = n(() => l.outline ? "btn-outline" : ""), m = n(() => l.dash ? "btn-dash" : ""), h = n(() => l.active ? "btn-active" : ""), g = n(() => l.ghost ? "btn-ghost" : ""), _ = n(() => l.link ? "btn-link" : ""), v = n(() => l.wide ? "btn-wide" : ""), y = n(() => l.square ? "btn-square" : ""), b = n(() => l.circle ? "btn-circle" : ""), x = n(() => l.block ? "btn-block" : "");
+		return (e, t) => (o(), r("a", { class: a([
+			"btn",
+			c(u),
+			c(d),
+			f.value,
+			p.value,
+			m.value,
+			h.value,
+			g.value,
+			_.value,
+			v.value,
+			y.value,
+			b.value,
+			x.value
+		]) }, [s(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { l as default };

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

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

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

@@ -0,0 +1,16 @@
+import { type Size } from "../../../composables/useSizeProps";
+export declare const DOCK_SIZES: readonly ["dock-xs", "dock-sm", "dock-md", "dock-lg", "dock-xl"];
+export type DOCKSize = (typeof DOCK_SIZES)[number];
+export interface DockItem {
+    label?: string;
+    icon?: any;
+    class?: string;
+    active?: boolean;
+    onClick?: () => void;
+    [key: string]: any;
+}
+export interface DockProps {
+    size?: Size;
+    items?: DockItem[];
+    reverseTheme?: boolean;
+}

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

@@ -0,0 +1,59 @@
+import { type DockItem, type DockProps } from './du-dock.types';
+declare var __VLS_1: {}, __VLS_3: {
+    item: DockItem;
+    index: number;
+}, __VLS_6: `icon-${number}`, __VLS_7: {
+    item: DockItem;
+    index: number;
+}, __VLS_14: {
+    item: DockItem;
+    index: number;
+}, __VLS_17: `label-${number}`, __VLS_18: {
+    item: DockItem;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+} & {
+    [K in NonNullable<typeof __VLS_17>]?: (props: typeof __VLS_18) => any;
+} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    icon?: (props: typeof __VLS_3) => any;
+} & {
+    label?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DockProps, {
+    activeItem: import("vue").Ref<number, number>;
+    selectedItem: import("vue").Ref<{
+        [x: string]: any;
+        label?: string | undefined;
+        icon?: any;
+        class?: string | undefined;
+        active?: boolean | undefined;
+        onClick?: (() => void) | undefined;
+    } | undefined, DockItem | {
+        [x: string]: any;
+        label?: string | undefined;
+        icon?: any;
+        class?: string | undefined;
+        active?: boolean | undefined;
+        onClick?: (() => void) | undefined;
+    } | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (item: DockItem | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<DockProps> & Readonly<{
+    onChange?: ((item: DockItem | undefined) => any) | undefined;
+}>, {
+    size: import("../../..").Size;
+    items: DockItem[];
+    reverseTheme: 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/Navigation/du-dock/du-dock.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,56 @@
+import { useSizeMapping as e } from "../../../composables/useSizeProps.js";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, renderList as u, renderSlot as d, resolveDynamicComponent as f, toDisplayString as p, unref as m } from "vue";
+//#region components/Navigation/du-dock/du-dock.vue?vue&type=script&setup=true&lang.ts
+var h = ["onClick"], g = ["src", "alt"], _ = ["innerHTML"], v = {
+	key: 0,
+	class: /*@__PURE__*/ s("dock-label")
+}, y = /*@__PURE__*/ o({
+	__name: "du-dock",
+	props: {
+		size: { default: "default" },
+		items: { default: void 0 },
+		reverseTheme: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["change"],
+	setup(o, { expose: y, emit: b }) {
+		let x = o, { sizeClass: S } = e(x, "dock"), C = b, w = x.items?.findIndex((e) => e.active) ?? 0, T = l(w > -1 ? w : 0), E = l(x.items?.[T.value]), D = (e) => {
+			T.value = e, E.value = x.items?.[T.value], C("change", E.value), E.value?.onClick?.();
+		}, O = (e) => T.value === e;
+		return y({
+			activeItem: T,
+			selectedItem: E
+		}), (e, l) => (c(), i("div", { class: s([
+			"dock",
+			m(S),
+			o.reverseTheme && "bg-neutral text-neutral-content"
+		]) }, [e.$slots.default ? d(e.$slots, "default", { key: 0 }) : o.items ? (c(!0), i(t, { key: 1 }, u(o.items, (t, o) => (c(), i("button", {
+			key: o,
+			onClick: (e) => D(o),
+			class: s([t.class, O(o) && "dock-active"])
+		}, [d(e.$slots, "icon", {
+			item: t,
+			index: o
+		}, () => [d(e.$slots, `icon-${o}`, {
+			item: t,
+			index: o
+		}, () => [typeof t.icon == "object" ? (c(), n(f(t.icon), { key: 0 })) : typeof t.icon == "string" && t.icon.startsWith("http") ? (c(), i("img", {
+			key: 1,
+			src: t.icon,
+			alt: t.label
+		}, null, 8, g)) : typeof t.icon == "string" ? (c(), i("div", {
+			key: 2,
+			innerHTML: t.icon
+		}, null, 8, _)) : r("", !0)])]), t.label || e.$slots.label ? (c(), i("span", v, [d(e.$slots, "label", {
+			item: t,
+			index: o
+		}, () => [d(e.$slots, `label-${o}`, {
+			item: t,
+			index: o
+		}, () => [a(p(t.label), 1)])])])) : r("", !0)], 10, h))), 128)) : r("", !0)], 2));
+	}
+});
+//#endregion
+export { y as default };

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

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

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

@@ -0,0 +1,6 @@
+import { type Variant } from "../../../composables/useVariantProps";
+export interface LinkProps {
+    variant?: Variant;
+    onlyUnderlineOnHover?: boolean;
+    ghost?: boolean;
+}

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

@@ -0,0 +1,18 @@
+import { type LinkProps } from './du-link.types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    ghost: boolean;
+    variant: import("../../..").Variant;
+    onlyUnderlineOnHover: 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/Navigation/du-link/du-link.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+import { useVariantMapping as e } from "../../../composables/useVariantProps.js";
+import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+//#region components/Navigation/du-link/du-link.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ r({
+	__name: "du-link",
+	props: {
+		variant: { default: "default" },
+		onlyUnderlineOnHover: {
+			type: Boolean,
+			default: !1
+		},
+		ghost: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(r) {
+		let c = r, { colorClass: l } = e(c, "link"), u = t(() => c.onlyUnderlineOnHover ? "link-hover" : ""), d = t(() => c.ghost ? "link-ghost" : "");
+		return (e, t) => (a(), n("a", { class: i([
+			"link",
+			s(l),
+			u.value,
+			d.value
+		]) }, [o(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { c as default };

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

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

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

@@ -0,0 +1,17 @@
+import { type MenuItem } from './du-menu.types';
+type __VLS_Props = {
+    item: MenuItem;
+    index: number;
+    parentIndex?: string;
+    onItemClick?: (item: MenuItem) => void;
+    onSubItemClick?: (item: MenuItem) => void;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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-menu/du-menu-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,186 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, resolveComponent as m, resolveDynamicComponent as h, toDisplayString as g, useSlots as _, withCtx as v, withModifiers as y } from "vue";
+//#region components/Navigation/du-menu/du-menu-item.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	key: 2,
+	class: "menu-title"
+}, x = { role: "listbox" }, S = { role: "listbox" }, C = { key: 2 }, w = { class: "menu-title" }, T = { role: "listbox" }, E = { key: 2 }, D = ["src", "alt"], O = ["innerHTML"], k = { role: "listbox" }, A = ["checked"], j = ["src", "alt"], M = ["innerHTML"], N = /*@__PURE__*/ c({
+	__name: "du-menu-item",
+	props: {
+		item: {},
+		index: {},
+		parentIndex: {},
+		onItemClick: { type: Function },
+		onSubItemClick: { type: Function }
+	},
+	setup(c) {
+		let N = c;
+		_();
+		let P = t(() => N.parentIndex ? `${N.parentIndex}-${N.index}` : `${N.index}`), F = [
+			"RouterLink",
+			"router-link",
+			"NuxtLink",
+			"nuxt-link"
+		], I = t(() => N.item.as || "a"), L = t(() => {
+			let e = N.item.as;
+			return e ? typeof e == "string" ? F.includes(e) : e.name ? F.includes(e.name) : !1 : !1;
+		}), R = t(() => L.value ? { to: N.item.href } : { href: N.item.href }), z = t(() => N.item.multiple ? N.item.checked : N.item.checked || N.item.active);
+		function B() {
+			N.item.onClick?.(), (N.parentIndex ? N.onSubItemClick : N.onItemClick)?.(N.item);
+		}
+		return (t, _) => {
+			let N = m("du-menu-item", !0);
+			return c.item.isTitle && !c.item.subItems ? (d(), i(e, { key: 0 }, [t.$slots[`title-${P.value}`] ? p(t.$slots, `title-${P.value}`, {
+				key: 0,
+				item: c.item,
+				index: c.index
+			}) : t.$slots.title ? p(t.$slots, "title", {
+				key: 1,
+				item: c.item,
+				index: c.index
+			}) : (d(), i("li", b, g(c.item.label), 1))], 64)) : c.item.isTitle && c.item.subItems ? (d(), i(e, { key: 1 }, [t.$slots[`title-${P.value}`] ? (d(), i(e, { key: 0 }, [p(t.$slots, `title-${P.value}`, {
+				item: c.item,
+				index: c.index
+			}), a("ul", x, [(d(!0), i(e, null, f(c.item.subItems, (e, r) => (d(), n(N, l({
+				key: r,
+				item: e,
+				index: r,
+				"parent-index": P.value,
+				onItemClick: c.onItemClick,
+				onSubItemClick: c.onSubItemClick
+			}, { ref_for: !0 }, t.$attrs), o({ _: 2 }, [f(t.$slots, (e, n) => ({
+				name: n,
+				fn: v((e) => [p(t.$slots, n, l({ ref_for: !0 }, e))])
+			}))]), 1040, [
+				"item",
+				"index",
+				"parent-index",
+				"onItemClick",
+				"onSubItemClick"
+			]))), 128))])], 64)) : t.$slots.title ? (d(), i(e, { key: 1 }, [p(t.$slots, "title", {
+				item: c.item,
+				index: c.index
+			}), a("ul", S, [(d(!0), i(e, null, f(c.item.subItems, (e, r) => (d(), n(N, l({
+				key: r,
+				item: e,
+				index: r,
+				"parent-index": P.value,
+				onItemClick: c.onItemClick,
+				onSubItemClick: c.onSubItemClick
+			}, { ref_for: !0 }, t.$attrs), o({ _: 2 }, [f(t.$slots, (e, n) => ({
+				name: n,
+				fn: v((e) => [p(t.$slots, n, l({ ref_for: !0 }, e))])
+			}))]), 1040, [
+				"item",
+				"index",
+				"parent-index",
+				"onItemClick",
+				"onSubItemClick"
+			]))), 128))])], 64)) : (d(), i("li", C, [a("h2", w, g(c.item.label), 1), a("ul", T, [(d(!0), i(e, null, f(c.item.subItems, (e, r) => (d(), n(N, l({
+				key: r,
+				item: e,
+				index: r,
+				"parent-index": P.value,
+				onItemClick: c.onItemClick,
+				onSubItemClick: c.onSubItemClick
+			}, { ref_for: !0 }, t.$attrs), o({ _: 2 }, [f(t.$slots, (e, n) => ({
+				name: n,
+				fn: v((e) => [p(t.$slots, n, l({ ref_for: !0 }, e))])
+			}))]), 1040, [
+				"item",
+				"index",
+				"parent-index",
+				"onItemClick",
+				"onSubItemClick"
+			]))), 128))])]))], 64)) : c.item.subItems ? (d(), i(e, { key: 2 }, [t.$slots[`submenu-${P.value}`] ? p(t.$slots, `submenu-${P.value}`, {
+				key: 0,
+				item: c.item,
+				index: c.index
+			}) : t.$slots.submenu ? p(t.$slots, "submenu", {
+				key: 1,
+				item: c.item,
+				index: c.index
+			}) : (d(), i("li", E, [(d(), n(h(I.value), l({ role: c.item.disabled ? void 0 : "option" }, R.value, {
+				class: {
+					"menu-disabled": c.item.disabled,
+					"menu-active": z.value
+				},
+				onClick: y(B, ["stop"])
+			}), {
+				default: v(() => [
+					typeof c.item.icon == "object" ? (d(), n(h(c.item.icon), { key: 0 })) : typeof c.item.icon == "string" && c.item.icon.startsWith("http") ? (d(), i("img", {
+						key: 1,
+						src: c.item.icon,
+						alt: c.item.label,
+						class: "w-5 h-5"
+					}, null, 8, D)) : typeof c.item.icon == "string" ? (d(), i("div", {
+						key: 2,
+						innerHTML: c.item.icon
+					}, null, 8, O)) : r("", !0),
+					s(" " + g(c.item.label) + " ", 1),
+					p(t.$slots, "additional", {
+						item: c.item,
+						index: c.index
+					})
+				]),
+				_: 3
+			}, 16, ["role", "class"])), a("ul", k, [(d(!0), i(e, null, f(c.item.subItems, (e, r) => (d(), n(N, l({
+				key: r,
+				item: e,
+				index: r,
+				"parent-index": P.value,
+				onItemClick: c.onItemClick,
+				onSubItemClick: c.onSubItemClick
+			}, { ref_for: !0 }, t.$attrs), o({ _: 2 }, [f(t.$slots, (e, n) => ({
+				name: n,
+				fn: v((e) => [p(t.$slots, n, l({ ref_for: !0 }, e))])
+			}))]), 1040, [
+				"item",
+				"index",
+				"parent-index",
+				"onItemClick",
+				"onSubItemClick"
+			]))), 128))])]))], 64)) : (d(), i(e, { key: 3 }, [t.$slots[`item-${P.value}`] ? p(t.$slots, `item-${P.value}`, {
+				key: 0,
+				item: c.item,
+				index: c.index
+			}) : t.$slots.item ? p(t.$slots, "item", {
+				key: 1,
+				item: c.item,
+				index: c.index
+			}) : (d(), i("li", {
+				key: 2,
+				class: u({ "menu-disabled": c.item.disabled })
+			}, [(d(), n(h(I.value), l({ role: c.item.disabled ? void 0 : "option" }, R.value, {
+				class: { "menu-active": z.value },
+				onClick: y(B, ["stop"])
+			}), {
+				default: v(() => [
+					c.item.multiple && c.item.value !== void 0 ? (d(), i("input", {
+						key: 0,
+						type: "checkbox",
+						class: "invisible w-0 h-0 overflow-clip",
+						checked: c.item.checked,
+						disabled: ""
+					}, null, 8, A)) : r("", !0),
+					typeof c.item.icon == "object" ? (d(), n(h(c.item.icon), { key: 1 })) : typeof c.item.icon == "string" && c.item.icon.startsWith("http") ? (d(), i("img", {
+						key: 2,
+						src: c.item.icon,
+						alt: c.item.label,
+						class: "w-5 h-5"
+					}, null, 8, j)) : typeof c.item.icon == "string" ? (d(), i("div", {
+						key: 3,
+						innerHTML: c.item.icon
+					}, null, 8, M)) : r("", !0),
+					s(" " + g(c.item.label) + " ", 1),
+					p(t.$slots, "additional", {
+						item: c.item,
+						index: c.index
+					})
+				]),
+				_: 3
+			}, 16, ["role", "class"]))], 2))], 64));
+		};
+	}
+});
+//#endregion
+export { N as default };

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

@@ -0,0 +1,6 @@
+import e from "./du-menu.vue_vue_type_script_setup_true_lang.js";
+import './du-menu.vue_vue_type_style_index_0_lang.css';/* empty css                                        */
+//#region components/Navigation/du-menu/du-menu.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,29 @@
+import type { Component } from "vue";
+import { type Size } from "../../../composables/useSizeProps";
+export declare const DU_MENU_DIRECTIONS: readonly ["default", "vertical", "horizontal", "responsive"];
+export type MenuDirection = (typeof DU_MENU_DIRECTIONS)[number];
+export declare const MENU_SIZES: readonly ["menu-xs", "menu-sm", "menu-md", "menu-lg", "menu-xl"];
+export type MENUSize = (typeof MENU_SIZES)[number];
+export interface MenuItem {
+    label: string;
+    href?: string;
+    as?: string | Component;
+    disabled?: boolean;
+    isTitle?: boolean;
+    subItems?: MenuItem[];
+    value?: string | number;
+    onClick?: () => void;
+    checked?: boolean;
+    multiple?: boolean;
+    active?: boolean;
+    icon?: Component | string | object | unknown;
+}
+export interface MenuProps {
+    direction?: MenuDirection;
+    size?: Size;
+    rounded?: boolean;
+    items?: MenuItem[];
+    activeItem?: string;
+    onItemClick?: (item: MenuItem) => void;
+    onSubItemClick?: (item: MenuItem) => void;
+}

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

@@ -0,0 +1,26 @@
+import { type MenuProps, type MenuItem } from './du-menu.types';
+declare var __VLS_9: string, __VLS_10: any, __VLS_12: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_9>]?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    itemClick: (item: MenuItem) => any;
+    subItemClick: (item: MenuItem) => any;
+}, string, import("vue").PublicProps, Readonly<MenuProps> & Readonly<{
+    onItemClick?: ((item: MenuItem) => any) | undefined;
+    onSubItemClick?: ((item: MenuItem) => any) | undefined;
+}>, {
+    rounded: boolean;
+    size: import("../../../index.ts").Size;
+    direction: import("./du-menu.types").MenuDirection;
+}, {}, {}, {}, 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-menu/du-menu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import { useSizeMapping as e } from "../../../composables/useSizeProps.js";
+import t from "./du-menu-item.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createSlots as o, defineComponent as s, inject as c, mergeProps as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, unref as m, withCtx as h } from "vue";
+//#region components/Navigation/du-menu/du-menu.vue?vue&type=script&setup=true&lang.ts
+var g = ["aria-orientation"], _ = /*@__PURE__*/ s({
+	__name: "du-menu",
+	props: {
+		direction: { default: "vertical" },
+		size: { default: "default" },
+		rounded: {
+			type: Boolean,
+			default: !0
+		},
+		items: {},
+		activeItem: {},
+		onItemClick: {},
+		onSubItemClick: {}
+	},
+	emits: ["itemClick", "subItemClick"],
+	setup(s, { emit: _ }) {
+		let v = s, y = _;
+		function b(e) {
+			v.onItemClick?.(e), y("itemClick", e);
+		}
+		function x(e) {
+			v.onSubItemClick?.(e), y("subItemClick", e);
+		}
+		let S = c("isDropdownTrigger", !1), C = r(() => ({
+			default: "",
+			vertical: "menu-vertical",
+			horizontal: "menu-horizontal",
+			responsive: "menu-vertical lg:menu-horizontal"
+		})[v.direction]), { sizeClass: w } = e(v, "menu"), T = r(() => v.rounded ? "rounded-box" : "[&_li>*]:rounded-none p-0"), E = r(() => S ? "" : "bg-base-200"), D = r(() => v.direction === "horizontal" || v.direction === "responsive" ? "horizontal" : "vertical");
+		return (e, r) => (d(), a("ul", {
+			role: "listbox",
+			"aria-orientation": D.value,
+			class: u([
+				"menu",
+				E.value,
+				T.value,
+				C.value,
+				m(w)
+			])
+		}, [s.items && !e.$slots.default ? (d(!0), a(n, { key: 0 }, f(s.items, (n, r) => (d(), i(t, {
+			key: r,
+			item: n,
+			index: r,
+			onItemClick: b,
+			onSubItemClick: x
+		}, o({ _: 2 }, [f(e.$slots, (t, n) => ({
+			name: n,
+			fn: h((t) => [p(e.$slots, n, l({ ref_for: !0 }, t))])
+		}))]), 1032, ["item", "index"]))), 128)) : p(e.$slots, "default", { key: 1 })], 10, g));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/Navigation/du-menu/du-menu.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1 @@
+.menu * a,.menu * button{margin:.125rem 0}

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

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

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

@@ -0,0 +1,2 @@
+export interface NavbarProps {
+}