rappel-ui 1.0.32 → 1.0.34

package/es/components/button/src/button.vue_vue_type_script_setup_true_lang.mjs

@@ -1,16 +1,16 @@
-import { _buttonGroupProps as e, buttonSizes as t, buttonTypes as n } from "./constants.mjs";
+import { _buttonGroupProvideKey as e, buttonSizes as t, buttonTypes as n } from "./constants.mjs";
 import { useNamespace as r } from "../../../composables/use-namespace/index.mjs";
 import "../../../composables/index.mjs";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, inject as u, mergeProps as d, normalizeClass as f, openBlock as p, renderSlot as m, resolveDynamicComponent as h, unref as g, useTemplateRef as _ } from "vue";
-import { computedAsync as v } from "@vueuse/core";
-import { Loading as y, getAsyncIcon as b } from "@rappel-ui/svg-icons";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, inject as u, normalizeClass as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, unref as h, useTemplateRef as g } from "vue";
+import { computedAsync as _ } from "@vueuse/core";
+import { Loading as v, getAsyncIcon as y } from "@rappel-ui/svg-icons";
 //#region packages/components/button/src/button.vue?vue&type=script&setup=true&lang.ts
-var x = [
+var b = [
 	"type",
 	"disabled",
 	"autofocus",
 	"aria-disabled"
-], S = l({
+], x = l({
 	name: "ReButton",
 	__name: "button",
 	props: {
@@ -41,7 +41,7 @@ var x = [
 			type: Boolean,
 			default: () => void 0
 		},
-		loadingIcon: { default: () => y },
+		loadingIcon: { default: () => v },
 		text: {
 			type: Boolean,
 			default: () => void 0
@@ -67,73 +67,77 @@ var x = [
 		nativeType: { default: "button" }
 	},
 	emits: ["click"],
-	setup(l, { expose: y, emit: S }) {
-		let C = S, { n: w, nm: T, ns: E, is: D } = r("button"), O = u(e, null), k = a(() => {
+	setup(l, { expose: v, emit: x }) {
+		let S = x, { n: C, nm: w, ns: T, is: E, has: D } = r("button"), O = u(e, null), k = a(() => {
 			var e;
 			return l.type || (O == null || (e = O.type) == null ? void 0 : e.value) || "";
 		}), A = a(() => {
 			var e;
 			return l.size || (O == null || (e = O.size) == null ? void 0 : e.value) || "";
-		}), j = a(() => [
-			w(),
-			k.value && n.includes(k.value) ? T(k.value) : "",
-			A.value && t.includes(A.value) ? T(A.value) : "",
-			D("text", l.text),
-			D("text-padding", l.text && l.padding),
-			D("text-bg", l.text && l.bg),
-			D("link", l.link),
-			D("plain", l.plain),
-			D("round", l.round),
-			D("circle", l.circle),
-			D("dashed", l.dashed),
-			D("loading", l.loading),
-			D("disabled", l.disabled)
-		]), M = v(async () => await b(l.loadingIcon)), N = v(async () => await b(l.icon));
-		function P(e) {
+		}), j = a(() => {
+			var e;
+			return (O == null || (e = O.gap) == null ? void 0 : e.value) || "";
+		}), M = a(() => [
+			C(),
+			k.value && n.includes(k.value) ? w(k.value) : "",
+			A.value && t.includes(A.value) ? w(A.value) : "",
+			E("text", l.text),
+			E("text-padding", l.text && l.padding),
+			E("text-bg", l.text && l.bg),
+			E("link", l.link),
+			E("plain", l.plain),
+			E("round", l.round),
+			E("circle", l.circle),
+			E("dashed", l.dashed),
+			E("loading", l.loading),
+			E("disabled", l.disabled),
+			D("group-gap", !!j.value)
+		]), N = _(async () => await y(l.loadingIcon)), P = _(async () => await y(l.icon));
+		function F(e) {
 			if (l.disabled || l.loading) {
 				e.stopPropagation();
 				return;
 			}
-			C("click", e);
+			S("click", e);
 		}
-		let F = _("ref");
-		return y({ ref: F }), (e, t) => {
+		let I = g("ref");
+		return v({ ref: I }), (e, t) => {
 			var n;
-			return p(), c("button", d(e.$attrs, {
+			return f(), c("button", {
 				ref_key: "ref",
-				ref: F,
-				class: j.value,
+				ref: I,
+				class: d(M.value),
 				type: l.nativeType,
 				disabled: l.disabled || l.loading,
 				autofocus: l.autofocus,
 				"aria-disabled": l.disabled,
-				onClick: P
-			}), [
-				m(e.$slots, "loading", {}, () => [l.loading ? (p(), c(i, { key: 0 }, [typeof g(M) == "string" ? (p(), c("i", {
+				onClick: F
+			}, [
+				p(e.$slots, "loading", {}, () => [l.loading ? (f(), c(i, { key: 0 }, [typeof h(N) == "string" ? (f(), c("i", {
 					key: 0,
-					class: f([g(E)("loading"), g(M)]),
+					class: d([h(T)("loading"), h(N)]),
 					"aria-hidden": "true"
-				}, null, 2)) : (p(), o(h(g(M)), {
+				}, null, 2)) : (f(), o(m(h(N)), {
 					key: 1,
-					class: f([g(E)("loading")]),
+					class: d([h(T)("loading")]),
 					"aria-hidden": "true"
 				}, null, 8, ["class"]))], 64)) : s("", !0)]),
-				m(e.$slots, "icon", {}, () => [l.icon ? (p(), c(i, { key: 0 }, [typeof g(N) == "string" ? (p(), c("i", {
+				p(e.$slots, "icon", {}, () => [l.icon ? (f(), c(i, { key: 0 }, [typeof h(P) == "string" ? (f(), c("i", {
 					key: 0,
-					class: f([g(E)("icon"), g(N)]),
+					class: d([h(T)("icon"), h(P)]),
 					"aria-hidden": "true"
-				}, null, 2)) : (p(), o(h(g(N)), {
+				}, null, 2)) : (f(), o(m(h(P)), {
 					key: 1,
-					class: f([g(E)("icon")]),
+					class: d([h(T)("icon")]),
 					"aria-hidden": "true"
 				}, null, 8, ["class"]))], 64)) : s("", !0)]),
-				(n = e.$slots) != null && n.default ? (p(), c("span", {
+				(n = e.$slots) != null && n.default ? (f(), c("span", {
 					key: 0,
-					class: f([g(E)("content")])
-				}, [m(e.$slots, "default")], 2)) : s("", !0)
-			], 16, x);
+					class: d([h(T)("content")])
+				}, [p(e.$slots, "default")], 2)) : s("", !0)
+			], 10, b);
 		};
 	}
 });
 //#endregion
-export { S as default };
+export { x as default };

package/es/components/button/src/constants.d.ts

@@ -1,4 +1,4 @@
 export declare const buttonTypes: readonly ["primary", "success", "warning", "danger", "error", "info", ""];
 export declare const buttonSizes: readonly ["mini", "small", "", "large"];
 export declare const buttonNativeTypes: readonly ["button", "submit", "reset"];
-export declare const _buttonGroupProps: unique symbol;
+export declare const _buttonGroupProvideKey: unique symbol;

package/es/components/button/src/constants.mjs

@@ -16,6 +16,6 @@ var e = [
 	"button",
 	"submit",
 	"reset"
-], r = Symbol("_buttonGroupProps");
+], r = Symbol("_buttonGroupProvideKey");
 //#endregion
-export { r as _buttonGroupProps, n as buttonNativeTypes, t as buttonSizes, e as buttonTypes };
+export { r as _buttonGroupProvideKey, n as buttonNativeTypes, t as buttonSizes, e as buttonTypes };

package/es/components/button/src/types.d.ts

@@ -24,6 +24,7 @@ export interface ButtonProps {
 export interface ButtonGroupProps {
     size?: ButtonProps['size'];
     type?: ButtonProps['type'];
+    gap?: string | number;
     direction?: 'horizontal' | 'vertical';
 }
 export interface ButtonEmits {

package/es/components/dropdown/index.d.ts

@@ -0,0 +1,157 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { DropdownProps, OptionsItem, DropdownSubmenuProps } from './index.ts';
+export * from './src/types.ts';
+export * from './src/use-dropdown-emit.ts';
+export declare const ReDropdown: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DropdownProps & {
+        visible?: boolean;
+    }> & Readonly<{
+        onSelect?: ((value: any, item: OptionsItem) => any) | undefined;
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
+    }>, {
+        tooltipRef: any;
+        select: (value: any, item: OptionsItem) => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        select: (value: any, item: OptionsItem) => any;
+        beforeEnter: (el: HTMLElement) => any;
+        enter: (el: HTMLElement, done: () => void) => any;
+        enterCancelled: (el: HTMLElement) => any;
+        afterEnter: (el: HTMLElement) => any;
+        beforeLeave: (el: HTMLElement) => any;
+        leave: (el: HTMLElement, done: () => void) => any;
+        leaveCancelled: (el: HTMLElement) => any;
+        afterLeave: (el: HTMLElement) => any;
+        "update:visible": (value: boolean | undefined) => any;
+    }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< DropdownProps & {
+        visible?: boolean;
+    }> & Readonly<{
+        onSelect?: ((value: any, item: OptionsItem) => any) | undefined;
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
+    }>, {
+        tooltipRef: any;
+        select: (value: any, item: OptionsItem) => void;
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< DropdownProps & {
+    visible?: boolean;
+}> & Readonly<{
+    onSelect?: ((value: any, item: OptionsItem) => any) | undefined;
+    onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+    onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+    onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+    onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    tooltipRef: any;
+    select: (value: any, item: OptionsItem) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: (value: any, item: OptionsItem) => any;
+    beforeEnter: (el: HTMLElement) => any;
+    enter: (el: HTMLElement, done: () => void) => any;
+    enterCancelled: (el: HTMLElement) => any;
+    afterEnter: (el: HTMLElement) => any;
+    beforeLeave: (el: HTMLElement) => any;
+    leave: (el: HTMLElement, done: () => void) => any;
+    leaveCancelled: (el: HTMLElement) => any;
+    afterLeave: (el: HTMLElement) => any;
+    "update:visible": (value: boolean | undefined) => any;
+}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        menu?: (props: {
+            options: OptionsItem[];
+        }) => any;
+    } & {
+        item?: (props: {
+            options: OptionsItem[];
+        }) => any;
+    };
+});
+export declare const ReDropdownMenu: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+});
+export declare const ReDropdownSubmenu: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DropdownSubmenuProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< DropdownSubmenuProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< DropdownSubmenuProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        label?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    };
+});
+export declare const ReDropdownItem: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< OptionsItem> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< OptionsItem> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< OptionsItem> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        icon?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        'sub-icon'?: (props: {}) => any;
+    } & {
+        submenu?: (props: {}) => any;
+    };
+});
+export default ReDropdown;

package/es/components/dropdown/index.mjs

@@ -0,0 +1,15 @@
+import { withInstall as e } from "../../utils/vue/index.mjs";
+import "../../utils/index.mjs";
+import t from "./src/dropdown-menu.mjs";
+import n from "./src/dropdown-item.mjs";
+import r from "./src/dropdown-submenu.mjs";
+import { useDropdownEmits as i } from "./src/use-dropdown-emit.mjs";
+import a from "./src/dropdown.mjs";
+//#region packages/components/dropdown/index.ts
+var o = e(a, {
+	DropdownMenu: t,
+	DropdownItem: n,
+	DropdownSubmenu: r
+}), s = e(t), c = e(r), l = e(n);
+//#endregion
+export { o as ReDropdown, o as default, l as ReDropdownItem, s as ReDropdownMenu, c as ReDropdownSubmenu, i as useDropdownEmits };

package/es/components/dropdown/src/constants.d.ts

@@ -0,0 +1,15 @@
+export declare const originsMap: {
+    readonly top: "bottom center";
+    readonly 'top-start': "bottom left";
+    readonly 'top-end': "bottom right";
+    readonly bottom: "top center";
+    readonly 'bottom-start': "top left";
+    readonly 'bottom-end': "top right";
+    readonly left: "right center";
+    readonly 'left-start': "right top";
+    readonly 'left-end': "right bottom";
+    readonly right: "center left";
+    readonly 'right-start': "left top";
+    readonly 'right-end': "left bottom";
+};
+export declare const _dropdownProvideKey: unique symbol;

package/es/components/dropdown/src/constants.mjs

@@ -0,0 +1,17 @@
+//#region packages/components/dropdown/src/constants.ts
+var e = {
+	top: "bottom center",
+	"top-start": "bottom left",
+	"top-end": "bottom right",
+	bottom: "top center",
+	"bottom-start": "top left",
+	"bottom-end": "top right",
+	left: "right center",
+	"left-start": "right top",
+	"left-end": "right bottom",
+	right: "center left",
+	"right-start": "left top",
+	"right-end": "left bottom"
+}, t = Symbol("_dropdownProvideKey");
+//#endregion
+export { t as _dropdownProvideKey, e as originsMap };

package/es/components/dropdown/src/dropdown-item.mjs

@@ -0,0 +1,5 @@
+import e from "./dropdown-item.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/dropdown/src/dropdown-item.vue
+var t = e;
+//#endregion
+export { t as default };

package/es/components/dropdown/src/dropdown-item.vue.d.ts

@@ -0,0 +1,21 @@
+import { OptionsItem } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    'sub-icon'?: (props: typeof __VLS_10) => any;
+} & {
+    submenu?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: DefineComponent<OptionsItem, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<OptionsItem> & Readonly<{}>, {}, {}, {}, {}, string, 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/es/components/dropdown/src/dropdown-item.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,70 @@
+import { useNamespace as e } from "../../../composables/use-namespace/index.mjs";
+import "../../../composables/index.mjs";
+import { _dropdownProvideKey as t } from "./constants.mjs";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, inject as u, normalizeClass as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g } from "vue";
+import { computedAsync as _ } from "@vueuse/core";
+import { ArrowBackward as v, getAsyncIcon as y } from "@rappel-ui/svg-icons";
+//#region packages/components/dropdown/src/dropdown-item.vue?vue&type=script&setup=true&lang.ts
+var b = l({
+	name: "ReDropdownItem",
+	__name: "dropdown-item",
+	props: {
+		value: { default: "" },
+		label: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		children: { default: () => [] },
+		hasChildren: {
+			type: Boolean,
+			default: !1
+		},
+		icon: { default: "" }
+	},
+	setup(l) {
+		let { ns: b, is: x, has: S } = e("dropdown"), C = n(() => {
+			var e;
+			return [
+				b("item"),
+				x("disabled", l.disabled),
+				S("children", l.hasChildren || ((e = l.children) == null ? void 0 : e.length) > 0)
+			];
+		}), w = u(t, null), T = (e) => {
+			var t;
+			e.stopPropagation(), !(l.hasChildren || ((t = l.children) == null ? void 0 : t.length) > 0) && (w == null || w.select(l.value, {
+				label: l.label,
+				disabled: l.disabled,
+				value: l.value,
+				children: l.children
+			}));
+		}, E = _(async () => await y(l.icon));
+		return (e, t) => {
+			var n;
+			return f(), a("li", {
+				class: d(C.value),
+				onClick: T
+			}, [
+				l.icon ? (f(), a("div", {
+					key: 0,
+					class: d([g(b)("icon")])
+				}, [p(e.$slots, "icon", {}, () => [typeof g(E) == "string" ? (f(), a("i", {
+					key: 0,
+					class: d([g(E)]),
+					"aria-hidden": "true"
+				}, null, 2)) : (f(), r(m(g(E)), {
+					key: 1,
+					"aria-hidden": "true"
+				}))])], 2)) : i("", !0),
+				o("div", { class: d([g(b)("label")]) }, [p(e.$slots, "default", {}, () => [s(h(l.label), 1)])], 2),
+				l.hasChildren || (n = l.children) != null && n.length ? (f(), a("div", {
+					key: 1,
+					class: d([g(b)("subicon")])
+				}, [p(e.$slots, "sub-icon", {}, () => [c(g(v))])], 2)) : i("", !0),
+				p(e.$slots, "submenu")
+			], 2);
+		};
+	}
+});
+//#endregion
+export { b as default };

package/es/components/dropdown/src/dropdown-menu.mjs

@@ -0,0 +1,5 @@
+import e from "./dropdown-menu.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/dropdown/src/dropdown-menu.vue
+var t = e;
+//#endregion
+export { t as default };

package/es/components/dropdown/src/dropdown-menu.vue.d.ts

@@ -0,0 +1,14 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, 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/es/components/dropdown/src/dropdown-menu.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,14 @@
+import { useNamespace as e } from "../../../composables/use-namespace/index.mjs";
+import "../../../composables/index.mjs";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o } from "vue";
+//#region packages/components/dropdown/src/dropdown-menu.vue?vue&type=script&setup=true&lang.ts
+var s = n({
+	name: "ReDropdownMenu",
+	__name: "dropdown-menu",
+	setup(n) {
+		let { ns: s } = e("dropdown");
+		return (e, n) => (i(), t("ul", { class: r([o(s)("menu")]) }, [a(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { s as default };

package/es/components/dropdown/src/dropdown-submenu.mjs

@@ -0,0 +1,5 @@
+import e from "./dropdown-submenu.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/dropdown/src/dropdown-submenu.vue
+var t = e;
+//#endregion
+export { t as default };

package/es/components/dropdown/src/dropdown-submenu.vue.d.ts

@@ -0,0 +1,17 @@
+import { DropdownSubmenuProps } from './types.ts';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_8: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: DefineComponent<DropdownSubmenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DropdownSubmenuProps> & Readonly<{}>, {}, {}, {}, {}, string, 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/es/components/dropdown/src/dropdown-submenu.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,43 @@
+import { useNamespace as e } from "../../../composables/use-namespace/index.mjs";
+import "../../../composables/index.mjs";
+import t from "./dropdown-menu.mjs";
+import n from "./dropdown-item.mjs";
+import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+//#region packages/components/dropdown/src/dropdown-submenu.vue?vue&type=script&setup=true&lang.ts
+var y = l({
+	name: "ReDropdownSubmenu",
+	__name: "dropdown-submenu",
+	props: { item: { default: () => ({
+		value: "",
+		children: []
+	}) } },
+	setup(l) {
+		let { n: y, ns: b } = e("dropdown");
+		return (e, x) => {
+			let S = h("dropdown-submenu", !0);
+			return f(), i(n, u(l.item, { "has-children": "" }), {
+				submenu: v(() => [o("div", { class: d([
+					_(y)("dropdown"),
+					_(y)("tooltip"),
+					_(b)("children")
+				]) }, [c(t, null, {
+					default: v(() => [m(e.$slots, "default", {}, () => [(f(!0), a(r, null, p(l.item.children, (e) => {
+						var t;
+						return f(), a(r, { key: e.value }, [e != null && (t = e.children) != null && t.length ? (f(), i(S, {
+							key: 0,
+							item: e
+						}, null, 8, ["item"])) : (f(), i(n, u({
+							key: 1,
+							ref_for: !0
+						}, e), null, 16))], 64);
+					}), 128))])]),
+					_: 3
+				})], 2)]),
+				default: v(() => [m(e.$slots, "label", {}, () => [s(g(l.item.label), 1)])]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { y as default };

package/es/components/dropdown/src/dropdown.mjs

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

package/es/components/dropdown/src/dropdown.vue.d.ts

@@ -0,0 +1,51 @@
+import { DropdownProps, OptionsItem } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = DropdownProps;
+type __VLS_ModelProps = {
+    'visible'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_24: {
+    options: OptionsItem[];
+}, __VLS_32: {
+    options: OptionsItem[];
+};
+type __VLS_Slots = {} & {
+    menu?: (props: typeof __VLS_24) => any;
+} & {
+    item?: (props: typeof __VLS_32) => any;
+};
+declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
+    tooltipRef: any;
+    select: (value: any, item: OptionsItem) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: (value: any, item: OptionsItem) => any;
+    beforeEnter: (el: HTMLElement) => any;
+    enter: (el: HTMLElement, done: () => void) => any;
+    enterCancelled: (el: HTMLElement) => any;
+    afterEnter: (el: HTMLElement) => any;
+    beforeLeave: (el: HTMLElement) => any;
+    leave: (el: HTMLElement, done: () => void) => any;
+    leaveCancelled: (el: HTMLElement) => any;
+    afterLeave: (el: HTMLElement) => any;
+    "update:visible": (value: boolean | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((value: any, item: OptionsItem) => any) | undefined;
+    onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+    onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+    onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+    onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, 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;
+    };
+};