cornet-ui 0.1.0-beta.1

package/dist/components/Actions/du-button/du-button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,98 @@
+import { useSizeMapping as e } from "../../../composables/useSizeProps.js";
+import { useVariantMapping as t } from "../../../composables/useVariantProps.js";
+import { computed as n, createBlock as r, createCommentVNode as i, defineComponent as a, inject as o, mergeProps as s, openBlock as c, renderSlot as l, resolveDynamicComponent as u, unref as d, withCtx as f } from "vue";
+//#region components/Actions/du-button/du-button.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ a({
+	__name: "du-button",
+	props: {
+		customClass: { default: void 0 },
+		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
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		square: {
+			type: Boolean,
+			default: !1
+		},
+		circle: {
+			type: Boolean,
+			default: !1
+		},
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		as: {},
+		type: { default: void 0 },
+		href: { default: void 0 },
+		value: { default: void 0 },
+		inputType: { default: void 0 },
+		label: { default: void 0 }
+	},
+	setup(a) {
+		let p = a, m = o("isDropdownTrigger", !1), h = o("isInJoin", !1), g = o("filterName", void 0), { sizeClass: _ } = e(p, "btn"), { colorClass: v } = t(p, "btn"), y = n(() => p.soft ? "btn-soft" : ""), b = n(() => p.outline ? "btn-outline" : ""), x = n(() => p.dash ? "btn-dash" : ""), S = n(() => p.active ? "btn-active" : ""), C = n(() => p.ghost ? "btn-ghost" : ""), w = n(() => p.link ? "btn-link" : ""), T = n(() => p.wide ? "btn-wide" : ""), E = n(() => p.square ? "btn-square" : ""), D = n(() => p.circle ? "btn-circle" : ""), O = n(() => p.block ? "btn-block" : ""), k = n(() => p.as ? p.as : m ? "div" : g ? "input" : "button"), A = n(() => k.value === "input"), j = n(() => k.value === "a"), M = n(() => {
+			let e = {};
+			return g ? (e.name = g, e.type = "radio") : A.value ? (e.type = p.inputType || "button", e.value = p.value || "") : j.value ? (e.href = p.href || "#", e.role = "button") : m ? (e.tabindex = "0", e.role = "button") : e.type = p.type || "button", e;
+		});
+		return (e, t) => (c(), r(u(k.value), s(M.value, {
+			class: [
+				"btn",
+				a.customClass,
+				d(_),
+				d(v),
+				y.value,
+				b.value,
+				x.value,
+				S.value,
+				C.value,
+				w.value,
+				T.value,
+				E.value,
+				D.value,
+				O.value,
+				d(h) && "join-item"
+			],
+			"aria-label": p.label,
+			disabled: p.disabled
+		}), {
+			default: f(() => [A.value ? i("", !0) : l(e.$slots, "default", { key: 0 })]),
+			_: 3
+		}, 16, [
+			"class",
+			"aria-label",
+			"disabled"
+		]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/Actions/du-dropdown/du-dropdown.js

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

package/dist/components/Actions/du-dropdown/du-dropdown.types.d.ts

@@ -0,0 +1,4 @@
+export declare const DROPDOWN_PLACEMENTS: readonly ["dropdown-start", "dropdown-center", "dropdown-end", "dropdown-top", "dropdown-bottom", "dropdown-left", "dropdown-right"];
+export type DROPDOWNPlacement = (typeof DROPDOWN_PLACEMENTS)[number];
+export type PlacementValue = 'start' | 'center' | 'end' | 'top' | 'bottom' | 'left' | 'right';
+export type PlacementInput = PlacementValue | string | PlacementValue[] | Partial<Record<PlacementValue, boolean>>;

package/dist/components/Actions/du-dropdown/du-dropdown.vue.d.ts

@@ -0,0 +1,33 @@
+import { type PlacementInput } from './du-dropdown.types';
+type __VLS_Props = {
+    hover?: boolean;
+    open?: boolean;
+    placement?: PlacementInput;
+};
+declare var __VLS_1: {
+    triggerProps: {
+        role: string;
+        tabindex: number;
+        'aria-haspopup': string;
+    };
+}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    hover: boolean;
+    open: boolean;
+    placement: PlacementInput;
+}, {}, {}, {}, 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/Actions/du-dropdown/du-dropdown.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, provide as o, renderSlot as s } from "vue";
+//#region components/Actions/du-dropdown/du-dropdown.vue?vue&type=script&setup=true&lang.ts
+var c = {
+	class: "dropdown-content",
+	tabindex: "0"
+}, l = /*@__PURE__*/ r({
+	__name: "du-dropdown",
+	props: {
+		hover: {
+			type: Boolean,
+			default: !1
+		},
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		placement: { default: "bottom" }
+	},
+	setup(r) {
+		let l = r;
+		o("isDropdownTrigger", !0);
+		let u = (e) => `dropdown-${e}`, d = (e) => {
+			if (!e) return [];
+			if (typeof e == "string") return e.includes(",") ? e.split(",").map((e) => e.trim()).filter(Boolean).map((e) => u(e)) : [u(e)];
+			if (Array.isArray(e)) return e.map(u);
+			if (typeof e == "object") {
+				let t = Object.keys(e);
+				return t.every((e) => e in {
+					start: 1,
+					center: 1,
+					end: 1,
+					top: 1,
+					bottom: 1,
+					left: 1,
+					right: 1
+				}) ? t.map((e) => u(e)) : Object.entries(e).filter(([, e]) => e).map(([e]) => u(e));
+			}
+			return [];
+		}, f = e(() => d(l.placement).join(" ")), p = e(() => l.hover ? "dropdown-hover" : ""), m = e(() => l.open ? "dropdown-open" : "");
+		return (e, r) => (a(), t("div", { class: i([
+			"dropdown",
+			f.value,
+			p.value,
+			m.value
+		]) }, [s(e.$slots, "trigger", { triggerProps: {
+			role: "button",
+			tabindex: 0,
+			"aria-haspopup": "true"
+		} }), n("div", c, [s(e.$slots, "content"), s(e.$slots, "default")])], 2));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/Actions/du-fab/du-fab.js

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

package/dist/components/Actions/du-fab/du-fab.types.d.ts

@@ -0,0 +1,24 @@
+export declare const FAB_MODIFIERS: readonly ["fab-flower"];
+export type FABModifier = (typeof FAB_MODIFIERS)[number];
+export interface FABItem {
+    label?: string;
+    icon?: any;
+    customClass?: string;
+    onClick?: () => void;
+    tooltip?: string;
+    tooltipPosition?: 'left' | 'top' | 'right' | 'bottom';
+    [key: string]: any;
+}
+export interface FABMainAction {
+    label?: string;
+    icon?: any;
+    customClass?: string;
+    variant?: string;
+    onClick?: () => void;
+}
+export interface FABCloseButton {
+    label?: string;
+    icon?: string;
+    customClass?: string;
+    variant?: string;
+}

package/dist/components/Actions/du-fab/du-fab.vue.d.ts

@@ -0,0 +1,87 @@
+import { type Size } from '../../../composables/useSizeProps';
+import { type Variant } from '../../../composables/useVariantProps';
+import { type FABItem, type FABMainAction, type FABCloseButton } from './du-fab.types';
+type __VLS_Props = {
+    items?: FABItem[];
+    modifier?: 'fab-flower';
+    customClass?: string;
+    size?: Size;
+    variant?: Variant;
+    circle?: boolean;
+    mainAction?: FABMainAction;
+    closeButton?: FABCloseButton;
+    absolute?: boolean;
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {
+    closeButton: FABCloseButton;
+}, __VLS_7: {}, __VLS_17: {
+    mainAction: FABMainAction;
+}, __VLS_19: {
+    mainAction: FABMainAction;
+}, __VLS_40: {
+    item: FABItem;
+    index: number;
+}, __VLS_43: `item-${number}`, __VLS_44: {
+    item: FABItem;
+    index: number;
+}, __VLS_59: {
+    item: FABItem;
+    index: number;
+}, __VLS_62: `item-${number}`, __VLS_63: {
+    item: FABItem;
+    index: number;
+}, __VLS_78: {
+    item: FABItem;
+    index: number;
+}, __VLS_81: `item-${number}`, __VLS_82: {
+    item: FABItem;
+    index: number;
+}, __VLS_89: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_43>]?: (props: typeof __VLS_44) => any;
+} & {
+    [K in NonNullable<typeof __VLS_62>]?: (props: typeof __VLS_63) => any;
+} & {
+    [K in NonNullable<typeof __VLS_81>]?: (props: typeof __VLS_82) => any;
+} & {
+    trigger?: (props: typeof __VLS_1) => any;
+} & {
+    'trigger-icon'?: (props: typeof __VLS_3) => any;
+} & {
+    'close-button'?: (props: typeof __VLS_5) => any;
+} & {
+    'close-icon'?: (props: typeof __VLS_7) => any;
+} & {
+    'main-action'?: (props: typeof __VLS_17) => any;
+} & {
+    'main-action-icon'?: (props: typeof __VLS_19) => any;
+} & {
+    item?: (props: typeof __VLS_40) => any;
+} & {
+    item?: (props: typeof __VLS_59) => any;
+} & {
+    item?: (props: typeof __VLS_78) => any;
+} & {
+    default?: (props: typeof __VLS_89) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    customClass: string;
+    circle: boolean;
+    size: Size;
+    variant: Variant;
+    closeButton: FABCloseButton;
+    items: FABItem[];
+    modifier: "fab-flower";
+    position: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    mainAction: FABMainAction;
+    absolute: 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/Actions/du-fab/du-fab.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,204 @@
+import { useSizeMapping as e } from "../../../composables/useSizeProps.js";
+import { useVariantMapping as t } from "../../../composables/useVariantProps.js";
+import n from "../du-button/du-button.js";
+import r from "../../Feedback/du-tooltip/du-tooltip.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+//#region components/Actions/du-fab/du-fab.vue?vue&type=script&setup=true&lang.ts
+var x = {
+	key: 0,
+	class: "fab-close"
+}, S = ["src", "alt"], C = ["innerHTML"], w = ["src", "alt"], T = ["innerHTML"], E = { key: 0 }, D = ["src", "alt"], O = ["innerHTML"], k = ["src", "alt"], A = ["innerHTML"], j = /*@__PURE__*/ f({
+	__name: "du-fab",
+	props: {
+		items: { default: void 0 },
+		modifier: { default: void 0 },
+		customClass: { default: "" },
+		size: { default: "lg" },
+		variant: { default: "primary" },
+		circle: {
+			type: Boolean,
+			default: !0
+		},
+		mainAction: { default: void 0 },
+		closeButton: { default: void 0 },
+		absolute: {
+			type: Boolean,
+			default: !0
+		},
+		position: { default: "bottom-right" }
+	},
+	setup(f) {
+		let j = f, { sizeClass: M } = e(j, "btn"), { colorClass: N } = t(j, "btn"), P = a(() => j.modifier ? j.modifier : ""), F = a(() => {
+			if (!j.absolute) return "";
+			switch (j.position) {
+				case "bottom-right": return "absolute bottom-4 right-4";
+				case "bottom-left": return "absolute bottom-4 left-4";
+				case "top-right": return "absolute top-4 right-4";
+				case "top-left": return "absolute top-4 left-4";
+				default: return "absolute bottom-4 right-4";
+			}
+		}), I = a(() => [
+			"fab",
+			P.value,
+			F.value,
+			"z-50",
+			j.customClass
+		]), L = (e) => e || "left";
+		return (e, t) => f.items || f.mainAction ? (m(), c("div", {
+			key: 0,
+			class: p(I.value)
+		}, [
+			l("div", {
+				tabindex: "0",
+				role: "button",
+				class: p([
+					"btn",
+					y(M),
+					y(N),
+					j.circle ? "btn-circle" : ""
+				])
+			}, [g(e.$slots, "trigger", {}, () => [g(e.$slots, "trigger-icon", {}, () => [t[0] ||= u("F", -1)])])], 2),
+			f.closeButton ? (m(), c("div", x, [g(e.$slots, "close-button", { closeButton: f.closeButton }, () => [u(v(f.closeButton.label || "Close") + " ", 1), l("span", { class: p([
+				"btn",
+				y(M),
+				"btn-circle",
+				f.closeButton.variant ? `btn-${f.closeButton.variant}` : "btn-error",
+				f.closeButton.customClass
+			]) }, [g(e.$slots, "close-icon", {}, () => [u(v(f.closeButton.icon || "✕"), 1)])], 2)])])) : s("", !0),
+			f.mainAction ? (m(), o(n, {
+				key: 1,
+				as: "button",
+				customClass: "fab-main-action",
+				size: j.size,
+				variant: f.mainAction.variant || "default",
+				circle: "",
+				onClick: f.mainAction.onClick
+			}, {
+				default: b(() => [g(e.$slots, "main-action", { mainAction: f.mainAction }, () => [g(e.$slots, "main-action-icon", { mainAction: f.mainAction }, () => [typeof f.mainAction.icon == "object" || typeof f.mainAction.icon == "function" ? (m(), o(_(f.mainAction.icon), {
+					key: 0,
+					class: "w-6 h-6"
+				})) : typeof f.mainAction.icon == "string" && f.mainAction.icon.startsWith("http") ? (m(), c("img", {
+					key: 1,
+					src: f.mainAction.icon,
+					alt: f.mainAction.label,
+					class: "w-6 h-6"
+				}, null, 8, S)) : typeof f.mainAction.icon == "string" ? (m(), c("div", {
+					key: 2,
+					innerHTML: f.mainAction.icon
+				}, null, 8, C)) : (m(), c(i, { key: 3 }, [u(v(f.mainAction.label || "M"), 1)], 64))])])]),
+				_: 3
+			}, 8, [
+				"size",
+				"variant",
+				"onClick"
+			])) : s("", !0),
+			(m(!0), c(i, null, h(f.items, (t, a) => (m(), c(i, { key: a }, [t.tooltip ? (m(), o(r, {
+				key: 0,
+				dataTip: t.tooltip,
+				position: L(t.tooltipPosition)
+			}, {
+				default: b(() => [d(n, {
+					as: "button",
+					size: j.size,
+					circle: j.circle,
+					customClass: t.customClass,
+					onClick: t.onClick
+				}, {
+					default: b(() => [g(e.$slots, "item", {
+						item: t,
+						index: a
+					}, () => [g(e.$slots, `item-${a}`, {
+						item: t,
+						index: a
+					}, () => [typeof t.icon == "object" || typeof t.icon == "function" ? (m(), o(_(t.icon), {
+						key: 0,
+						class: "w-6 h-6"
+					})) : typeof t.icon == "string" && t.icon.startsWith("http") ? (m(), c("img", {
+						key: 1,
+						src: t.icon,
+						alt: t.label,
+						class: "w-6 h-6"
+					}, null, 8, w)) : typeof t.icon == "string" ? (m(), c("div", {
+						key: 2,
+						innerHTML: t.icon
+					}, null, 8, T)) : (m(), c(i, { key: 3 }, [u(v(t.label || a + 1), 1)], 64))])])]),
+					_: 2
+				}, 1032, [
+					"size",
+					"circle",
+					"customClass",
+					"onClick"
+				])]),
+				_: 2
+			}, 1032, ["dataTip", "position"])) : (m(), c(i, { key: 1 }, [t.label && !j.modifier ? (m(), c("div", E, [u(v(t.label) + " ", 1), d(n, {
+				as: "button",
+				size: j.size,
+				circle: j.circle,
+				customClass: t.customClass,
+				onClick: t.onClick
+			}, {
+				default: b(() => [g(e.$slots, "item", {
+					item: t,
+					index: a
+				}, () => [g(e.$slots, `item-${a}`, {
+					item: t,
+					index: a
+				}, () => [typeof t.icon == "object" || typeof t.icon == "function" ? (m(), o(_(t.icon), {
+					key: 0,
+					class: "w-6 h-6"
+				})) : typeof t.icon == "string" && t.icon.startsWith("http") ? (m(), c("img", {
+					key: 1,
+					src: t.icon,
+					alt: t.label,
+					class: "w-6 h-6"
+				}, null, 8, D)) : typeof t.icon == "string" ? (m(), c("div", {
+					key: 2,
+					innerHTML: t.icon
+				}, null, 8, O)) : (m(), c(i, { key: 3 }, [u(v(a + 1), 1)], 64))])])]),
+				_: 2
+			}, 1032, [
+				"size",
+				"circle",
+				"customClass",
+				"onClick"
+			])])) : (m(), o(n, {
+				key: 1,
+				as: "button",
+				size: j.size,
+				circle: j.circle,
+				customClass: t.customClass,
+				onClick: t.onClick
+			}, {
+				default: b(() => [g(e.$slots, "item", {
+					item: t,
+					index: a
+				}, () => [g(e.$slots, `item-${a}`, {
+					item: t,
+					index: a
+				}, () => [typeof t.icon == "object" || typeof t.icon == "function" ? (m(), o(_(t.icon), {
+					key: 0,
+					class: "w-6 h-6"
+				})) : typeof t.icon == "string" && t.icon.startsWith("http") ? (m(), c("img", {
+					key: 1,
+					src: t.icon,
+					alt: t.label,
+					class: "w-6 h-6"
+				}, null, 8, k)) : typeof t.icon == "string" ? (m(), c("div", {
+					key: 2,
+					innerHTML: t.icon
+				}, null, 8, A)) : (m(), c(i, { key: 3 }, [u(v(t.label || a + 1), 1)], 64))])])]),
+				_: 2
+			}, 1032, [
+				"size",
+				"circle",
+				"customClass",
+				"onClick"
+			]))], 64))], 64))), 128))
+		], 2)) : (m(), c("div", {
+			key: 1,
+			class: p(I.value)
+		}, [g(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { j as default };

package/dist/components/Actions/du-modal/du-modal.js

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

package/dist/components/Actions/du-modal/du-modal.types.d.ts

@@ -0,0 +1,2 @@
+export declare const MODAL_PLACEMENTS: readonly ["modal-top", "modal-middle", "modal-bottom", "modal-start", "modal-end", "modal-bottom sm:modal-middle"];
+export type MODALPlacement = (typeof MODAL_PLACEMENTS)[number];

package/dist/components/Actions/du-modal/du-modal.vue.d.ts

@@ -0,0 +1,48 @@
+type __VLS_Props = {
+    id?: string;
+    open?: boolean;
+    closeButton?: boolean;
+    closeOnEscape?: boolean;
+    closeBackdrop?: boolean;
+    placement?: 'top' | 'middle' | 'bottom' | 'start' | 'end' | 'responsive';
+    classBox?: string;
+    /** Accessible name of the dialog (use when there is no visible title). */
+    ariaLabel?: string;
+    /** id of the element naming the dialog (e.g. your title element). */
+    ariaLabelledby?: string;
+    /** Accessible label of the close button and backdrop. */
+    closeLabel?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    actions?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    showModal: () => void;
+    closeModal: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    id: string;
+    open: boolean;
+    placement: "top" | "middle" | "bottom" | "start" | "end" | "responsive";
+    closeButton: boolean;
+    closeOnEscape: boolean;
+    closeBackdrop: boolean;
+    classBox: string;
+    ariaLabel: string;
+    ariaLabelledby: string;
+    closeLabel: 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/Actions/du-modal/du-modal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,92 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, toDisplayString as u, watch as d, withKeys as f, withModifiers as p } from "vue";
+//#region components/Actions/du-modal/du-modal.vue?vue&type=script&setup=true&lang.ts
+var m = [
+	"id",
+	"aria-label",
+	"aria-labelledby",
+	"onKeydown"
+], h = {
+	key: 0,
+	method: "dialog"
+}, g = ["aria-label"], _ = {
+	key: 1,
+	class: "modal-action"
+}, v = {
+	key: 0,
+	method: "dialog",
+	class: "modal-backdrop"
+}, y = /*@__PURE__*/ i({
+	__name: "du-modal",
+	props: {
+		id: { default: void 0 },
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		closeButton: {
+			type: Boolean,
+			default: !1
+		},
+		closeOnEscape: {
+			type: Boolean,
+			default: !0
+		},
+		closeBackdrop: {
+			type: Boolean,
+			default: !0
+		},
+		placement: { default: "middle" },
+		classBox: { default: "" },
+		ariaLabel: { default: void 0 },
+		ariaLabelledby: { default: void 0 },
+		closeLabel: { default: "Close" }
+	},
+	emits: ["update:open"],
+	setup(i, { expose: y, emit: b }) {
+		let x = i, S = c(null), C = e(() => {
+			switch (x.placement) {
+				case "top": return "modal-top";
+				case "middle": return "modal-middle";
+				case "bottom": return "modal-bottom";
+				case "start": return "modal-start";
+				case "end": return "modal-end";
+				case "responsive": return "modal-bottom sm:modal-middle";
+				default: return "";
+			}
+		}), w = () => {
+			S.value && S.value.showModal();
+		}, T = () => {
+			S.value && S.value.close();
+		}, E = b;
+		y({
+			showModal: w,
+			closeModal: T
+		}), o(() => {
+			x.open && S.value && w();
+		}), d(() => x.open, (e) => {
+			e && S.value ? w() : !e && S.value && T();
+		});
+		function D(e) {
+			x.closeOnEscape && T();
+		}
+		return (e, o) => (s(), n("dialog", {
+			ref_key: "dialogRef",
+			ref: S,
+			id: i.id,
+			class: a(["modal", C.value]),
+			"aria-label": i.ariaLabel,
+			"aria-labelledby": i.ariaLabelledby,
+			onKeydown: f(p(D, ["prevent"]), ["esc"]),
+			onClose: o[0] ||= (e) => E("update:open", !1)
+		}, [r("div", { class: a(["modal-box", i.classBox]) }, [
+			i.closeButton ? (s(), n("form", h, [r("button", {
+				class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
+				"aria-label": i.closeLabel
+			}, " ✕ ", 8, g)])) : t("", !0),
+			l(e.$slots, "default"),
+			e.$slots.actions ? (s(), n("div", _, [l(e.$slots, "actions")])) : t("", !0)
+		], 2), i.closeBackdrop ? (s(), n("form", v, [r("button", null, u(i.closeLabel), 1)])) : t("", !0)], 42, m));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/Actions/du-swap/du-swap.js

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

package/dist/components/Actions/du-swap/du-swap.types.d.ts

@@ -0,0 +1,2 @@
+export declare const SWAP_PROPERTIES: readonly ["swap-rotate", "swap-flip", "swap-active"];
+export type SWAPProperty = (typeof SWAP_PROPERTIES)[number];