cornet-ui 0.1.0-beta.1

package/dist/components/DataInput/du-select/du-select.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,321 @@
+import { useSizeMapping as e } from "../../../composables/useSizeProps.js";
+import { useVariantMapping as t } from "../../../composables/useVariantProps.js";
+import { Fragment as n, Transition as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as ee, defineComponent as l, inject as te, nextTick as u, normalizeClass as d, onBeforeUnmount as f, onMounted as ne, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, vModelText as y, watch as re, withCtx as ie, withDirectives as b, withModifiers as x } from "vue";
+//#region components/DataInput/du-select/du-select.vue?vue&type=script&setup=true&lang.ts
+var S = ["aria-expanded"], C = { class: "badge badge-sm badge-neutral mr-1 flex items-center gap-2 cursor-pointer" }, ae = ["onClick", "aria-label"], oe = ["placeholder"], se = ["placeholder"], ce = { class: "flex-1" }, le = {
+	key: 0,
+	class: "p-2"
+}, ue = ["placeholder"], de = { class: "block max-h-72 overflow-auto" }, fe = { class: "block m-0 p-2" }, pe = [
+	"aria-selected",
+	"onMousedown",
+	"onMouseover"
+], me = { class: "flex items-center gap-3 py-2 px-3 text-balance! bg-transparent" }, he = ["checked", "onChange"], ge = {
+	key: 1,
+	class: "ml-auto opacity-60 hover:opacity-100",
+	"aria-hidden": "true"
+}, _e = {
+	key: 0,
+	class: "p-2 text-sm text-gray-500"
+}, w = /*@__PURE__*/ l({
+	__name: "du-select",
+	props: {
+		ghost: {
+			type: Boolean,
+			default: !1
+		},
+		variant: { default: "default" },
+		size: { default: "default" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: {},
+		placeholder: { default: "Select..." },
+		search: {
+			type: Boolean,
+			default: !1
+		},
+		searchPlaceholder: { default: "Search..." },
+		searchNoResultsText: { default: "No options found" },
+		options: { default: () => [] },
+		searchable: {
+			type: Boolean,
+			default: !1
+		},
+		searchableInside: {
+			type: Boolean,
+			default: !1
+		},
+		checkboxes: {
+			type: Boolean,
+			default: !1
+		},
+		closeOnSelect: {
+			type: Boolean,
+			default: !0
+		},
+		trackBy: { default: "id" },
+		labelBy: { default: "name" },
+		returnObject: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		removeItemLabel: { default: "Remove" }
+	},
+	emits: [
+		"update:modelValue",
+		"select",
+		"remove",
+		"open",
+		"close"
+	],
+	setup(l, { emit: w }) {
+		let T = l, E = w, { colorClass: ve } = t(T, "select"), { sizeClass: ye } = e(T, "input"), { sizeClass: be } = e(T, "menu"), xe = i(() => T.ghost ? "select-ghost" : ""), D = te("isInLabel", !1), O = m(null), k = m(null), A = m(null), j = m(!1), M = m(""), N = m(-1), P = `du-select-list-${Math.random().toString(36).slice(2, 9)}`;
+		function F(e) {
+			return e && typeof e == "object" ? e[T.trackBy] ?? e.value ?? e.id ?? e : e;
+		}
+		function I(e) {
+			return e && typeof e == "object" ? e[T.labelBy] ?? e.label ?? e.name ?? String(e) : String(e);
+		}
+		function L(e) {
+			return I(e);
+		}
+		function Se(e) {
+			let t = T.options.find((t) => F(t) === e);
+			return t ? I(t) : String(e);
+		}
+		function Ce(e, t) {
+			let n = F(e);
+			return `${String(n)}__${t}`;
+		}
+		function we(e, t) {
+			return `${String(e)}__${t}`;
+		}
+		let R = m([]), z = m(null);
+		function Te() {
+			T.multiple ? Array.isArray(T.modelValue) ? R.value = T.modelValue.map((e) => e && typeof e == "object" ? F(e) : e) : R.value = [] : T.modelValue && typeof T.modelValue == "object" ? z.value = F(T.modelValue) : z.value = T.modelValue;
+		}
+		re(() => T.modelValue, () => Te(), { immediate: !0 });
+		let B = i(() => {
+			let e = M.value?.toString().trim().toLowerCase();
+			return e ? T.options.filter((t) => I(t).toString().toLowerCase().includes(e)) : T.options;
+		});
+		function V(e) {
+			let t = F(e);
+			return T.multiple ? R.value.includes(t) : z.value === t;
+		}
+		function H(e) {
+			return T.options.find((t) => F(t) === e) ?? e;
+		}
+		function U() {
+			E("update:modelValue", T.returnObject ? R.value.map((e) => H(e)) : [...R.value]);
+		}
+		function Ee(e) {
+			E("update:modelValue", T.returnObject ? H(e) : e);
+		}
+		function W(e) {
+			let t = F(e);
+			if (T.multiple) {
+				let e = R.value.indexOf(t);
+				e === -1 ? (R.value.push(t), E("select", H(t))) : (R.value.splice(e, 1), E("remove", H(t))), U();
+			} else T.clearable && z.value === t ? (z.value = null, E("update:modelValue", null), q()) : (z.value = t, E("select", H(t)), Ee(t), T.closeOnSelect && q());
+		}
+		function De(e) {
+			W(e);
+		}
+		function G(e) {
+			if (!T.multiple) return;
+			let t = R.value.indexOf(e);
+			t > -1 && (R.value.splice(t, 1), E("remove", H(e)), U());
+		}
+		function K() {
+			j.value = !0, E("open"), N.value = 0, u(() => {
+				T.searchable && (T.searchableInside || T.multiple) && (k.value && k.value.focus(), A.value && A.value.focus());
+			});
+		}
+		function q() {
+			j.value = !1, M.value = "", N.value = -1, E("close");
+		}
+		function Oe() {
+			j.value ? q() : K();
+		}
+		function J() {
+			j.value ? u(() => {
+				k.value && k.value.focus(), A.value && A.value.focus();
+			}) : K();
+		}
+		function Y() {
+			N.value = 0;
+		}
+		function ke(e) {
+			if (!j.value && [
+				"ArrowDown",
+				"ArrowUp",
+				"Enter",
+				" "
+			].includes(e.key)) {
+				K(), e.preventDefault();
+				return;
+			}
+			let t = B.value.length;
+			if (e.key === "ArrowDown") N.value = (N.value + 1 + t) % t, X(), e.preventDefault();
+			else if (e.key === "ArrowUp") N.value = (N.value - 1 + t) % t, X(), e.preventDefault();
+			else if (e.key === "Enter") N.value >= 0 && N.value < t && W(B.value[N.value]), e.preventDefault();
+			else if (e.key === "Escape") q(), e.preventDefault();
+			else if (e.key === "Backspace" && T.multiple && M.value === "") {
+				let e = R.value[R.value.length - 1];
+				e !== void 0 && G(e);
+			}
+		}
+		function X() {
+			u(() => {
+				let e = (O.value?.querySelector(`#${P}`))?.querySelectorAll("li")[N.value];
+				e && e.scrollIntoView && e.scrollIntoView({ block: "nearest" });
+			});
+		}
+		function Z(e) {
+			O.value && (O.value.contains(e.target) || q());
+		}
+		function Q(e) {
+			setTimeout(() => {
+				if (!O.value) return;
+				let e = document.activeElement;
+				(!e || !O.value.contains(e)) && q();
+			}, 0);
+		}
+		function Ae(e) {
+			j.value || K();
+		}
+		ne(() => {
+			document.addEventListener("click", Z), O.value?.addEventListener("focusout", Q);
+		}), f(() => {
+			document.removeEventListener("click", Z), O.value?.removeEventListener("focusout", Q);
+		});
+		let $ = i(() => H(z.value));
+		return (e, t) => (p(), o("div", {
+			class: d(["relative", [v(D) && "w-full"]]),
+			ref_key: "root",
+			ref: O,
+			onKeydown: ke
+		}, [s("div", {
+			class: d(["input input-bordered flex items-center gap-2 cursor-text w-full overflow-x-clip", [
+				v(ve),
+				v(ye),
+				xe.value,
+				{ "input-disabled": l.disabled },
+				{ "outline-none rounded-l-none border-x-0": v(D) }
+			]]),
+			tabindex: "0",
+			role: "combobox",
+			"aria-expanded": j.value,
+			"aria-controls": P,
+			onClick: J,
+			onFocus: Ae
+		}, [l.multiple ? (p(), o(n, { key: 0 }, [(p(!0), o(n, null, h(R.value, (t, n) => g(e.$slots, "tag", {
+			key: we(t, n),
+			value: H(t),
+			index: n
+		}, () => [s("label", C, [c(_(Se(t)) + " ", 1), s("button", {
+			class: "btn btn-ghost btn-circle btn-xs p-0",
+			onClick: x((e) => G(t), ["stop"]),
+			"aria-label": l.removeItemLabel
+		}, "✕", 8, ae)])], !0)), 128)), l.searchable ? b((p(), o("input", {
+			key: 0,
+			ref_key: "searchInput",
+			ref: k,
+			"onUpdate:modelValue": t[0] ||= (e) => M.value = e,
+			onFocus: t[1] ||= (e) => j.value = !0,
+			onInput: Y,
+			class: d(["input input-ghost flex-1 w-full !outline-none pl-0", { " placeholder:!text-base-content": R.value.length }]),
+			placeholder: R.value.length ? "" : l.placeholder,
+			"aria-autocomplete": "list"
+		}, null, 42, oe)), [[y, M.value]]) : (p(), o("span", {
+			key: 1,
+			class: d(["flex-1", { "text-gray-400": !R.value.length }])
+		}, _(R.value.length ? "" : l.placeholder), 3))], 64)) : (p(), o(n, { key: 1 }, [l.searchable ? b((p(), o("input", {
+			key: 0,
+			ref_key: "searchInput",
+			ref: k,
+			"onUpdate:modelValue": t[2] ||= (e) => M.value = e,
+			onFocus: t[3] ||= (e) => j.value = !0,
+			onInput: Y,
+			class: d(["input input-ghost flex-1 min-w-[6rem] !outline-none pl-0", { " placeholder:!text-base-content": $.value }]),
+			placeholder: $.value ? L($.value) : l.placeholder,
+			"aria-autocomplete": "list"
+		}, null, 42, se)), [[y, M.value]]) : g(e.$slots, "selected", {
+			key: 1,
+			selected: $.value
+		}, () => [s("span", ce, _($.value ? L($.value) : l.placeholder), 1)], !0)], 64)), s("div", {
+			class: "btn btn-ghost btn-sm outline-none! h-4/5",
+			type: "button",
+			onClick: x(Oe, ["stop"])
+		}, [...t[5] ||= [s("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "16",
+			height: "16",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, [s("polyline", { points: "6 9 12 15 18 9" })], -1)]])], 42, S), ee(r, {
+			"enter-active-class": "transition ease-out duration-100",
+			"enter-from-class": "opacity-0 scale-95",
+			"enter-to-class": "opacity-100 scale-100",
+			"leave-active-class": "transition ease-in duration-75",
+			"leave-from-class": "opacity-100 scale-100",
+			"leave-to-class": "opacity-0 scale-95"
+		}, {
+			default: ie(() => [j.value ? (p(), o("div", {
+				key: 0,
+				class: d(["absolute dropdown-content menu flex-nowrap bg-base-100 rounded-box shadow mt-1 w-full z-50 p-0", [v(be)]]),
+				role: "listbox",
+				id: P
+			}, [l.searchable && l.searchableInside ? (p(), o("div", le, [b(s("input", {
+				"onUpdate:modelValue": t[4] ||= (e) => M.value = e,
+				ref_key: "searchInputInside",
+				ref: A,
+				class: "input input-bordered w-full",
+				placeholder: l.searchPlaceholder,
+				onInput: Y
+			}, null, 40, ue), [[y, M.value]])])) : a("", !0), s("div", de, [s("ul", fe, [(p(!0), o(n, null, h(B.value, (t, n) => (p(), o("li", {
+				key: Ce(t, n),
+				class: d(["block w-full rounded-box", [{
+					"bg-primary text-primary-content": V(t),
+					"bg-base-300": n === N.value,
+					"bg-primary/75": V(t) && n === N.value
+				}, "cursor-pointer"]]),
+				role: "option",
+				"aria-selected": V(t),
+				onMousedown: x((e) => De(t), ["prevent"]),
+				onMouseover: x((e) => N.value = n, ["prevent"])
+			}, [s("a", me, [
+				l.checkboxes ? (p(), o("input", {
+					key: 0,
+					type: "checkbox",
+					class: "checkbox checkbox-sm",
+					checked: V(t),
+					onChange: x((e) => W(t), ["stop", "prevent"]),
+					tabindex: "-1"
+				}, null, 40, he)) : a("", !0),
+				g(e.$slots, "option", {
+					option: t,
+					index: n
+				}, () => [c(_(L(t)), 1)], !0),
+				l.clearable && V(t) ? (p(), o("span", ge, "✕")) : a("", !0)
+			])], 42, pe))), 128)), B.value.length === 0 ? (p(), o("li", _e, [g(e.$slots, "no-options", {}, () => [c(_(l.searchNoResultsText), 1)], !0)])) : a("", !0)])])], 2)) : a("", !0)]),
+			_: 3
+		})], 34));
+	}
+});
+//#endregion
+export { w as default };

package/dist/components/DataInput/du-select/du-select.vue_vue_type_style_index_0_scoped_2bcf0acd_lang.css

@@ -0,0 +1 @@
+@supports (scrollbar-color:auto){.dropdown-content.menu [data-v-2bcf0acd],.dropdown-content.menu [data-v-2bcf0acd]:hover{scrollbar-width:thin}}@supports (scrollbar-width:none){.dropdown-content.menu [data-v-2bcf0acd],.dropdown-content.menu [data-v-2bcf0acd]:hover{scrollbar-width:thin}}.dropdown-content.menu ul[data-v-2bcf0acd]{display:block}.dropdown-content.menu li a[data-v-2bcf0acd]{white-space:nowrap}

package/dist/components/DataInput/du-text-area/du-text-area.js

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

package/dist/components/DataInput/du-text-area/du-text-area.types.d.ts

@@ -0,0 +1,10 @@
+import { type Variant } from "../../../composables/useVariantProps";
+import { type Size } from "../../../composables/useSizeProps";
+export interface TEXTAREAProps {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    variant?: Variant;
+    size?: Size;
+    ghost?: boolean;
+}

package/dist/components/DataInput/du-text-area/du-text-area.vue.d.ts

@@ -0,0 +1,15 @@
+import { type TEXTAREAProps } from './du-text-area.types';
+declare const __VLS_export: import("vue").DefineComponent<TEXTAREAProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<TEXTAREAProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    size: import("../../..").Size;
+    ghost: boolean;
+    variant: import("../../..").Variant;
+    disabled: boolean;
+    modelValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/DataInput/du-text-area/du-text-area.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+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, unref as s } from "vue";
+//#region components/DataInput/du-text-area/du-text-area.vue?vue&type=script&setup=true&lang.ts
+var c = [
+	"value",
+	"placeholder",
+	"disabled"
+], l = /*@__PURE__*/ i({
+	__name: "du-text-area",
+	props: {
+		modelValue: { default: "" },
+		placeholder: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		variant: { default: "default" },
+		size: { default: "default" },
+		ghost: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: l }) {
+		let u = i, d = l, f = n(() => u.ghost ? "textarea-ghost" : ""), { colorClass: p } = t(u, "textarea"), { sizeClass: m } = e(u, "textarea"), h = (e) => {
+			let t = e.target.value;
+			d("update:modelValue", t);
+		};
+		return (e, t) => (o(), r("textarea", {
+			value: i.modelValue,
+			placeholder: i.placeholder,
+			disabled: i.disabled,
+			onInput: h,
+			class: a([
+				"textarea",
+				f.value,
+				s(p),
+				s(m)
+			])
+		}, null, 42, c));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/Feedback/du-alert/du-alert.js

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

package/dist/components/Feedback/du-alert/du-alert.types.d.ts

@@ -0,0 +1,14 @@
+export declare const DU_ALERT_VARIANTS: readonly ["default", "success", "error", "warning", "info"];
+export type AlertVariant = (typeof DU_ALERT_VARIANTS)[number];
+export declare const DU_ALERT_DIRECTIONS: readonly ["default", "vertical", "horizontal", "responsive"];
+export type AlertDirection = (typeof DU_ALERT_DIRECTIONS)[number];
+export interface AlertProps {
+    variant?: AlertVariant;
+    direction?: AlertDirection;
+    soft?: boolean;
+    outline?: boolean;
+    dash?: boolean;
+    dismissible?: boolean;
+    autoDismissible?: boolean;
+    icon?: boolean;
+}

package/dist/components/Feedback/du-alert/du-alert.vue.d.ts

@@ -0,0 +1,25 @@
+import { type AlertProps } from "./du-alert.types";
+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<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{}>, {
+    icon: boolean;
+    variant: import("./du-alert.types").AlertVariant;
+    outline: boolean;
+    soft: boolean;
+    dash: boolean;
+    direction: import("./du-alert.types").AlertDirection;
+    dismissible: boolean;
+    autoDismissible: 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/Feedback/du-alert/du-alert.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,94 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, onMounted as s, openBlock as c, ref as l, renderSlot as u } from "vue";
+//#region components/Feedback/du-alert/du-alert.vue?vue&type=script&setup=true&lang.ts
+var d = ["innerHTML"], f = { key: 1 }, p = /*@__PURE__*/ a({
+	__name: "du-alert",
+	props: {
+		variant: { default: "default" },
+		direction: { default: "default" },
+		soft: {
+			type: Boolean,
+			default: !1
+		},
+		outline: {
+			type: Boolean,
+			default: !1
+		},
+		dash: {
+			type: Boolean,
+			default: !1
+		},
+		dismissible: {
+			type: Boolean,
+			default: !1
+		},
+		autoDismissible: {
+			type: Boolean,
+			default: !1
+		},
+		icon: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(a) {
+		let p = a, m = l(!0), h = () => {
+			m.value = !1;
+		};
+		s(() => {
+			p.autoDismissible && setTimeout(() => {
+				m.value = !1;
+			}, 5e3);
+		});
+		let g = e(() => ({
+			default: "",
+			success: "alert-success",
+			error: "alert-error",
+			warning: "alert-warning",
+			info: "alert-info"
+		})[p.variant]), _ = e(() => ({
+			default: "",
+			vertical: "alert-vertical",
+			horizontal: "alert-horizontal",
+			responsive: "alert-vertical sm:alert-horizontal"
+		})[p.direction]), v = e(() => p.soft ? "alert-soft" : ""), y = e(() => p.outline ? "alert-outline" : ""), b = e(() => p.dash ? "alert-dash" : ""), x = {
+			default: "\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" class=\"stroke-info h-6 w-6 shrink-0\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"></path>\n    </svg>",
+			success: "\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6 shrink-0 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n    </svg>",
+			error: "\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6 shrink-0 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n    </svg>",
+			warning: "\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6 shrink-0 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\n    </svg>",
+			info: "\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" class=\"h-6 w-6 shrink-0 stroke-current\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"></path>\n    </svg>"
+		};
+		return (e, s) => m.value ? (c(), n("div", {
+			key: 0,
+			role: "alert",
+			class: o([
+				"alert",
+				g.value,
+				v.value,
+				y.value,
+				b.value,
+				_.value
+			])
+		}, [
+			a.icon ? (c(), n("span", {
+				key: 0,
+				innerHTML: x[a.variant]
+			}, null, 8, d)) : t("", !0),
+			u(e.$slots, "default", {}, () => [s[0] ||= i("Default alert", -1)]),
+			e.$slots.actions || a.dismissible ? (c(), n("div", f, [u(e.$slots, "actions"), a.dismissible ? (c(), n("button", {
+				key: 0,
+				onClick: h,
+				class: "btn btn-sm btn-square btn-ghost"
+			}, [...s[1] ||= [r("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "15",
+				height: "15",
+				viewBox: "0 0 15 15"
+			}, [r("path", {
+				fill: "currentColor",
+				d: "M3.64 2.27L7.5 6.13l3.84-3.84A.92.92 0 0 1 12 2a1 1 0 0 1 1 1a.9.9 0 0 1-.27.66L8.84 7.5l3.89 3.89A.9.9 0 0 1 13 12a1 1 0 0 1-1 1a.92.92 0 0 1-.69-.27L7.5 8.87l-3.85 3.85A.92.92 0 0 1 3 13a1 1 0 0 1-1-1a.9.9 0 0 1 .27-.66L6.16 7.5L2.27 3.61A.9.9 0 0 1 2 3a1 1 0 0 1 1-1c.24.003.47.1.64.27"
+			})], -1)]])) : t("", !0)])) : t("", !0)
+		], 2)) : t("", !0);
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/Feedback/du-loading/du-loading.js

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

package/dist/components/Feedback/du-loading/du-loading.types.d.ts

@@ -0,0 +1,9 @@
+import { type Variant } from "../../../composables/useVariantProps";
+import { type Size } from "../../../composables/useSizeProps";
+export declare const DU_LOADING_ANIMATIONS: readonly ["spinner", "dots", "ring", "ball", "bars", "infinity"];
+export type LoadingAnimation = (typeof DU_LOADING_ANIMATIONS)[number];
+export interface LoadingProps {
+    animation?: LoadingAnimation;
+    size?: Size;
+    variant?: Variant;
+}

package/dist/components/Feedback/du-loading/du-loading.vue.d.ts

@@ -0,0 +1,8 @@
+import { type LoadingProps } from "./du-loading.types";
+declare const __VLS_export: import("vue").DefineComponent<LoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
+    size: import("../../..").Size;
+    variant: import("../../..").Variant;
+    animation: import("./du-loading.types").LoadingAnimation;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Feedback/du-loading/du-loading.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,30 @@
+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, unref as s } from "vue";
+//#region components/Feedback/du-loading/du-loading.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ i({
+	__name: "du-loading",
+	props: {
+		animation: { default: "spinner" },
+		size: { default: "default" },
+		variant: { default: "default" }
+	},
+	setup(i) {
+		let c = i, l = n(() => ({
+			spinner: "loading-spinner",
+			dots: "loading-dots",
+			ring: "loading-ring",
+			ball: "loading-ball",
+			bars: "loading-bars",
+			infinity: "loading-infinity"
+		})[c.animation]), { sizeClass: u } = e(c, "loading"), { colorClass: d } = t(c, "text");
+		return (e, t) => (o(), r("span", { class: a([
+			"loading",
+			s(u),
+			l.value,
+			s(d)
+		]) }, null, 2));
+	}
+});
+//#endregion
+export { c as default };

package/dist/components/Feedback/du-progress/du-progress.js

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

package/dist/components/Feedback/du-progress/du-progress.types.d.ts

@@ -0,0 +1,7 @@
+import { type Variant } from "../../../composables/useVariantProps";
+export interface ProgressProps {
+    value?: number;
+    max?: number;
+    indeterminate?: boolean;
+    variant?: Variant;
+}

package/dist/components/Feedback/du-progress/du-progress.vue.d.ts

@@ -0,0 +1,9 @@
+import { type ProgressProps } from "./du-progress.types";
+declare const __VLS_export: import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
+    value: number;
+    variant: import("../../..").Variant;
+    indeterminate: boolean;
+    max: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Feedback/du-progress/du-progress.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { useVariantMapping as e } from "../../../composables/useVariantProps.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, unref as a } from "vue";
+//#region components/Feedback/du-progress/du-progress.vue?vue&type=script&setup=true&lang.ts
+var o = ["value", "max"], s = /*@__PURE__*/ n({
+	__name: "du-progress",
+	props: {
+		value: { default: 0 },
+		max: { default: 100 },
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		variant: { default: "default" }
+	},
+	setup(n) {
+		let { colorClass: s } = e(n, "progress");
+		return (e, c) => (i(), t("progress", {
+			class: r([
+				"progress",
+				"w-56",
+				a(s)
+			]),
+			value: n.indeterminate ? void 0 : n.value,
+			max: n.indeterminate ? void 0 : n.max
+		}, null, 10, o));
+	}
+});
+//#endregion
+export { s as default };