@poppy-ui/vue 0.0.0-dev.36.93ba5b2

package/dist/public-Dqelew6J.js

@@ -0,0 +1,615 @@
+import { t as e } from "./symbol-CziS7Pho.js";
+import { n as t } from "./use-component-config-CaJQbJOW.js";
+import { n } from "./build-class.util-Cp-ZBFgO.js";
+import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as i } from "./ClassWrapper-DdnnHfAj.js";
+import { Fragment as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, inject as h, mergeModels as g, mergeProps as _, normalizeClass as v, normalizeStyle as y, onMounted as b, onUnmounted as x, openBlock as S, provide as C, ref as w, renderList as T, renderSlot as E, resolveComponent as D, resolveDynamicComponent as O, shallowRef as k, toDisplayString as A, unref as j, useModel as M, useSlots as N, useTemplateRef as ee, watch as te, withCtx as P } from "vue";
+import { RouterLink as F } from "vue-router";
+import { ChevronDownIcon as ne, PlusIcon as re } from "@lucide/vue";
+//#region src/components/display/accordion/accordion.context.ts
+var I = Symbol("accordion"), ie = { class: "flex flex-col gap-2" }, L = /* @__PURE__ */ m({
+	__name: "Accordion",
+	props: /*@__PURE__*/ g({
+		multiple: { type: Boolean },
+		defaultOpen: {},
+		modelValue: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ g([
+		"change",
+		"open",
+		"close",
+		"toggle"
+	], ["update:modelValue"]),
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = M(e, "modelValue"), a = n, o = k(r.defaultOpen ?? (r.multiple ? [] : null)), c = s(() => i.value === void 0 ? o.value : i.value);
+		function l(e) {
+			o.value = e, i.value = e, a("change", e);
+		}
+		function d(e) {
+			if (r.multiple) {
+				let t = c.value ?? [], n = !t.includes(e), r = n ? [...t, e] : t.filter((t) => t !== e);
+				l(r), a("toggle", r, n), a(n ? "open" : "close", r);
+				return;
+			}
+			let t = c.value !== e;
+			l(t ? e : null), a("toggle", t ? e : null, t), a(t ? "open" : "close", e);
+		}
+		function f(e) {
+			return r.multiple ? (c.value ?? []).includes(e) : c.value === e;
+		}
+		function p(e) {
+			f(e) || d(e);
+		}
+		function m(e) {
+			f(e) && d(e);
+		}
+		function h(e) {
+			r.multiple && (l(e), a("open", e));
+		}
+		function g() {
+			let e = r.multiple ? [] : null;
+			l(e), a("close", e);
+		}
+		return C(I, {
+			multiple: r.multiple ?? !1,
+			modelValue: c,
+			toggle: d,
+			isOpen: f
+		}), t({
+			open: p,
+			close: m,
+			toggle: d,
+			isOpen: f,
+			openAll: h,
+			closeAll: g
+		}), (e, t) => (S(), u("div", ie, [E(e.$slots, "default")]));
+	}
+}), R = e("accordionItem"), z = { class: "rounded-box border border-base-content/10 overflow-hidden" }, B = { class: "flex-1 min-w-0" }, V = {
+	key: 0,
+	class: "px-4 py-3 bg-base-100"
+}, H = /*#__PURE__*/ r(/* @__PURE__ */ m({
+	__name: "AccordionItem",
+	props: {
+		name: {},
+		icon: {}
+	},
+	emits: [
+		"open",
+		"close",
+		"toggle"
+	],
+	setup(e, { expose: n, emit: r }) {
+		let i = e, a = t(R, i, { icon: "arrow" }), f = r, m = h(I, null), g = s(() => m?.isOpen(i.name) ?? !1);
+		function _() {
+			m?.toggle(i.name);
+			let e = !g.value;
+			f("toggle", e), f(e ? "open" : "close");
+		}
+		function y() {
+			g.value || _();
+		}
+		function b() {
+			g.value && _();
+		}
+		function x(e) {
+			requestAnimationFrame(e);
+		}
+		return n({
+			open: y,
+			close: b,
+			toggle: _,
+			isOpen: g
+		}), (e, t) => (S(), u("div", z, [d("div", {
+			class: "flex items-center justify-between gap-3 px-4 py-3 cursor-pointer select-none bg-base-200 hover:bg-base-300 transition-colors",
+			onClick: _
+		}, [d("div", B, [E(e.$slots, "title", { isOpen: g.value }, void 0, !0)]), E(e.$slots, "icon", { isOpen: g.value }, () => [j(a).icon === "plus" ? (S(), c(j(re), {
+			key: 0,
+			class: v(["size-4 opacity-50 transition-transform shrink-0", g.value && "rotate-45"])
+		}, null, 8, ["class"])) : (S(), c(j(ne), {
+			key: 1,
+			class: v(["size-4 opacity-50 transition-transform shrink-0", g.value && "rotate-180"])
+		}, null, 8, ["class"]))], !0)]), p(o, {
+			name: "accordion",
+			onEnter: t[0] ||= (e) => {
+				e.style.maxHeight = e.scrollHeight + "px";
+			},
+			onAfterEnter: t[1] ||= (e) => {
+				e.style.maxHeight = "none";
+			},
+			onLeave: t[2] ||= (e) => {
+				e.style.maxHeight = e.scrollHeight + "px", x(() => e.style.maxHeight = "0");
+			}
+		}, {
+			default: P(() => [g.value ? (S(), u("div", V, [E(e.$slots, "default", { isOpen: g.value }, void 0, !0)])) : l("", !0)]),
+			_: 3
+		})]));
+	}
+}), [["__scopeId", "data-v-b846d115"]]), U = e("avatar"), W = {
+	key: 0,
+	class: "avatar-group -space-x-6"
+}, G = {
+	xs: "w-8",
+	sm: "w-16",
+	md: "w-20",
+	lg: "w-24",
+	xl: "w-32"
+}, K = {
+	online: "avatar-online",
+	offline: "avatar-offline"
+}, q = /* @__PURE__ */ m({
+	__name: "Avatar",
+	props: {
+		group: { type: Boolean },
+		placeholder: { type: Boolean },
+		size: {},
+		shape: {},
+		presence: {}
+	},
+	setup(e) {
+		let r = t(U, e, { shape: "rounded-full" });
+		return (t, i) => e.group ? (S(), u("div", W, [E(t.$slots, "default")])) : (S(), u("div", {
+			key: 1,
+			class: v(["avatar", [j(n)(K, j(r).presence), e.placeholder && "avatar-placeholder"]])
+		}, [d("div", { class: v([j(n)(G, j(r).size), j(r).shape]) }, [E(t.$slots, "default")], 2)], 2));
+	}
+}), J = e("badge"), Y = {
+	neutral: "badge-neutral",
+	primary: "badge-primary",
+	secondary: "badge-secondary",
+	accent: "badge-accent",
+	info: "badge-info",
+	success: "badge-success",
+	warning: "badge-warning",
+	error: "badge-error"
+}, ae = {
+	outline: "badge-outline",
+	soft: "badge-soft",
+	dash: "badge-dash"
+}, oe = {
+	xs: "badge-xs",
+	sm: "badge-sm",
+	md: "badge-md",
+	lg: "badge-lg",
+	xl: "badge-xl"
+}, se = /* @__PURE__ */ m({
+	__name: "Badge",
+	props: {
+		color: {},
+		variant: {},
+		size: {}
+	},
+	setup(e) {
+		let r = t(J, e, {});
+		return (e, t) => (S(), u("span", { class: v(["badge", [
+			j(n)(Y, j(r).color),
+			j(n)(ae, j(r).variant),
+			j(n)(oe, j(r).size)
+		]]) }, [E(e.$slots, "default")], 2));
+	}
+}), ce = e("card"), le = {
+	border: "card-border",
+	dash: "card-dash"
+}, ue = {
+	xs: "card-xs",
+	sm: "card-sm",
+	md: "card-md",
+	lg: "card-lg",
+	xl: "card-xl"
+}, de = /* @__PURE__ */ m({
+	__name: "Card",
+	props: {
+		side: { type: Boolean },
+		imageFull: { type: Boolean },
+		variant: {},
+		size: {}
+	},
+	setup(e) {
+		let r = t(ce, e, {});
+		return (e, t) => (S(), u("div", { class: v(["card bg-base-100", [
+			j(n)(le, j(r).variant),
+			j(n)(ue, j(r).size),
+			j(r).side && "card-side",
+			j(r).imageFull && "image-full"
+		]]) }, [E(e.$slots, "default")], 2));
+	}
+}), fe = e("cardActions"), pe = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end"
+}, me = /* @__PURE__ */ m({
+	__name: "CardActions",
+	props: { align: {} },
+	setup(e) {
+		let r = t(fe, e, { align: "start" });
+		return (e, t) => (S(), u("div", { class: v(["card-actions", j(n)(pe, j(r).align)]) }, [E(e.$slots, "default")], 2));
+	}
+}), he = {}, ge = { class: "card-body" };
+function _e(e, t) {
+	return S(), u("div", ge, [E(e.$slots, "default")]);
+}
+var ve = /*#__PURE__*/ r(he, [["render", _e]]), ye = {}, be = { class: "card-title" };
+function xe(e, t) {
+	return S(), u("h2", be, [E(e.$slots, "default")]);
+}
+var Se = /*#__PURE__*/ r(ye, [["render", xe]]), Ce = e("carousel"), we = {
+	key: 0,
+	class: "carousel-indicators absolute bottom-4 left-4 flex gap-2"
+}, Te = ["onClick"], Ee = {
+	horizontal: "",
+	vertical: "carousel-vertical"
+}, De = {
+	start: "carousel-start",
+	center: "carousel-center",
+	end: "carousel-end"
+}, Oe = /* @__PURE__ */ m({
+	__name: "Carousel",
+	props: {
+		initialIndex: {},
+		direction: {},
+		snap: {},
+		indicators: { type: Boolean },
+		controls: { type: Boolean },
+		autoplay: { type: Boolean },
+		interval: {}
+	},
+	setup(e) {
+		let r = e, o = t(Ce, r, {
+			direction: "horizontal",
+			snap: "start",
+			indicators: !1,
+			controls: !1,
+			autoplay: !1,
+			interval: 3e3,
+			initialIndex: 0
+		}), c = ee("carouselRef"), f = k(r.initialIndex ?? 0), m = null, h = s(() => o.value.direction === "vertical");
+		function g() {
+			return c.value ? c.value.querySelectorAll(".carousel-item").length : 0;
+		}
+		function _() {
+			return c.value ? Array.from(c.value.querySelectorAll(".carousel-item")) : [];
+		}
+		function y(e) {
+			let t = _();
+			!t.length || e < 0 || e >= t.length || (t[e].scrollIntoView({
+				behavior: "smooth",
+				block: h.value ? "nearest" : void 0,
+				inline: h.value ? void 0 : "nearest"
+			}), f.value = e);
+		}
+		function C(e) {
+			let t = g();
+			if (t === 0) return;
+			let n = e % t;
+			y(n < 0 ? t + n : n);
+		}
+		function w() {
+			C(f.value + 1);
+		}
+		function O() {
+			C(f.value - 1);
+		}
+		function A() {
+			m && clearInterval(m), o.value.autoplay && g() > 1 && (m = setInterval(w, o.value.interval));
+		}
+		function M() {
+			m &&= (clearInterval(m), null);
+		}
+		let N = s(() => g());
+		return b(() => {
+			A();
+		}), x(() => {
+			M();
+		}), (e, t) => {
+			let r = D("ChevronLeftIcon"), s = D("ChevronRightIcon");
+			return S(), u(a, null, [d("div", {
+				ref_key: "carouselRef",
+				ref: c,
+				class: v(["carousel w-full", [j(n)(Ee, j(o).direction), j(n)(De, j(o).snap)]]),
+				onMouseenter: M,
+				onMouseleave: A
+			}, [p(i, { class: "carousel-item w-full" }, {
+				default: P(() => [E(e.$slots, "default")]),
+				_: 3
+			}), j(o).indicators && N.value > 1 ? (S(), u("div", we, [(S(!0), u(a, null, T(N.value, (e, t) => (S(), u("button", {
+				key: t,
+				class: v(["carousel-indicator btn btn-xs btn-circle", { "btn-active": f.value === t }]),
+				onClick: (e) => C(t)
+			}, null, 10, Te))), 128))])) : l("", !0)], 34), j(o).controls && N.value > 1 ? (S(), u(a, { key: 0 }, [d("button", {
+				class: "carousel-control carousel-prev absolute left-4 top-1/2 -translate-y-1/2 btn btn-circle",
+				onClick: O
+			}, [E(e.$slots, "prev-icon", {}, () => [p(r, { class: "size-6" })])]), d("button", {
+				class: "carousel-control carousel-next absolute right-4 top-1/2 -translate-y-1/2 btn btn-circle",
+				onClick: w
+			}, [E(e.$slots, "next-icon", {}, () => [p(s, { class: "size-6" })])])], 64)) : l("", !0)], 64);
+		};
+	}
+}), ke = e("chat"), Ae = {
+	key: 0,
+	class: "chat-image"
+}, je = {
+	key: 1,
+	class: "chat-header"
+}, Me = {
+	key: 2,
+	class: "chat-footer"
+}, Ne = {
+	key: 3,
+	class: "chat-meta"
+}, Pe = {
+	neutral: "chat-bubble-neutral",
+	primary: "chat-bubble-primary",
+	secondary: "chat-bubble-secondary",
+	accent: "chat-bubble-accent",
+	info: "chat-bubble-info",
+	success: "chat-bubble-success",
+	warning: "chat-bubble-warning",
+	error: "chat-bubble-error"
+}, Fe = /* @__PURE__ */ m({
+	__name: "Chat",
+	props: {
+		side: {},
+		color: {}
+	},
+	setup(e) {
+		let r = t(ke, e, { side: "start" });
+		return (e, t) => (S(), u("div", { class: v(["chat", j(r).side === "end" ? "chat-end" : "chat-start"]) }, [
+			e.$slots.image ? (S(), u("div", Ae, [E(e.$slots, "image")])) : l("", !0),
+			e.$slots.header ? (S(), u("div", je, [E(e.$slots, "header")])) : l("", !0),
+			d("div", { class: v(["chat-bubble", j(n)(Pe, j(r).color)]) }, [E(e.$slots, "default")], 2),
+			e.$slots.footer ? (S(), u("div", Me, [E(e.$slots, "footer")])) : l("", !0),
+			e.$slots.meta ? (S(), u("div", Ne, [E(e.$slots, "meta")])) : l("", !0)
+		], 2));
+	}
+}), Ie = e("countdown"), Le = { class: "countdown font-mono text-2xl" }, Re = ["aria-label"], ze = ["aria-label"], Be = ["aria-label"];
+function Ve(e) {
+	if (e instanceof Date) return e.getTime();
+	if (typeof e == "string" || typeof e == "number") return new Date(e).getTime();
+	if (typeof e == "object" && e) {
+		if ("epochMilliseconds" in e || "epochMilliseconds" in e && "timeZoneId" in e) return e.epochMilliseconds;
+		if ("toZonedDateTime" in e) return e.toZonedDateTime(typeof Temporal < "u" ? Temporal.Now.timeZoneId() : "UTC").epochMilliseconds;
+	}
+	return NaN;
+}
+function X(e) {
+	let t = Math.max(0, e - Date.now());
+	return {
+		days: Math.floor(t / 1e3 / 60 / 60 / 24),
+		hours: Math.floor(t / 1e3 / 60 / 60) % 24,
+		minutes: Math.floor(t / 1e3 / 60) % 60,
+		seconds: Math.floor(t / 1e3) % 60,
+		done: t === 0
+	};
+}
+//#endregion
+//#region src/components/display/countdown/Countdown.vue
+var He = /* @__PURE__ */ m({
+	__name: "Countdown",
+	props: {
+		to: {},
+		digits: {}
+	},
+	emits: ["end"],
+	setup(e, { expose: n, emit: r }) {
+		let i = e, a = t(Ie, i, { digits: 2 }), o = s(() => a.value.digits), c = r, l = s(() => Ve(i.to)), u = w(X(l.value)), p;
+		function m() {
+			p !== void 0 && (clearInterval(p), p = void 0);
+		}
+		function h() {
+			m(), p = setInterval(() => {
+				u.value = X(l.value), u.value.done && (m(), c("end"));
+			}, 500);
+		}
+		return te(l, () => {
+			u.value = X(l.value), h();
+		}, { immediate: !0 }), x(m), n({ delta: u }), (e, t) => E(e.$slots, "default", {
+			days: u.value.days,
+			hours: u.value.hours,
+			minutes: u.value.minutes,
+			seconds: u.value.seconds,
+			done: u.value.done,
+			digits: o.value
+		}, () => [d("span", Le, [
+			d("span", {
+				style: y({
+					"--value": u.value.hours,
+					"--digits": o.value
+				}),
+				"aria-label": String(u.value.hours)
+			}, A(u.value.hours), 13, Re),
+			t[0] ||= f(" : ", -1),
+			d("span", {
+				style: y({
+					"--value": u.value.minutes,
+					"--digits": o.value
+				}),
+				"aria-label": String(u.value.minutes)
+			}, A(u.value.minutes), 13, ze),
+			t[1] ||= f(" : ", -1),
+			d("span", {
+				style: y({
+					"--value": u.value.seconds,
+					"--digits": o.value
+				}),
+				"aria-label": String(u.value.seconds)
+			}, A(u.value.seconds), 13, Be)
+		])]);
+	}
+}), Ue = {}, We = {
+	class: "diff",
+	tabindex: "0"
+}, Ge = {
+	class: "diff-item-1",
+	role: "img",
+	tabindex: "0"
+}, Ke = {
+	class: "diff-item-2",
+	role: "img"
+};
+function qe(e, t) {
+	return S(), u("figure", We, [
+		d("div", Ge, [E(e.$slots, "item-1")]),
+		d("div", Ke, [E(e.$slots, "item-2")]),
+		t[0] ||= d("div", { class: "diff-resizer" }, null, -1)
+	]);
+}
+var Je = /*#__PURE__*/ r(Ue, [["render", qe]]), Ye = /* @__PURE__ */ m({
+	__name: "Hover3d",
+	props: { to: {} },
+	setup(e) {
+		let t = e, n = s(() => t.to ? t.to === "#" ? "a" : F : "div"), r = s(() => n.value === "a" ? { href: t.to } : n.value === "div" ? {} : { to: t.to });
+		return (e, t) => (S(), c(O(n.value), _({ class: "hover-3d" }, r.value), {
+			default: P(() => [E(e.$slots, "default"), (S(), u(a, null, T(8, (e) => d("div", { key: e })), 64))]),
+			_: 3
+		}, 16));
+	}
+}), Xe = {}, Ze = { class: "hover-gallery" };
+function Qe(e, t) {
+	return S(), u("figure", Ze, [E(e.$slots, "default")]);
+}
+var $e = /*#__PURE__*/ r(Xe, [["render", Qe]]), et = e("kbd"), tt = {
+	xs: "kbd-xs",
+	sm: "kbd-sm",
+	md: "kbd-md",
+	lg: "kbd-lg",
+	xl: "kbd-xl"
+}, nt = /* @__PURE__ */ m({
+	__name: "Kbd",
+	props: { size: {} },
+	setup(e) {
+		let r = t(et, e, { size: "md" });
+		return (e, t) => (S(), u("kbd", { class: v(["kbd", j(n)(tt, j(r).size)]) }, [E(e.$slots, "default")], 2));
+	}
+}), rt = { class: "list bg-base-100 rounded-box" }, Z = {
+	key: 0,
+	class: "p-4 pb-2 text-xs opacity-60 tracking-wide"
+}, it = /* @__PURE__ */ m({
+	__name: "List",
+	props: { title: {} },
+	setup(e) {
+		return (t, n) => (S(), u("ul", rt, [e.title || t.$slots.title ? (S(), u("li", Z, [E(t.$slots, "title", {}, () => [f(A(e.title), 1)])])) : l("", !0), E(t.$slots, "default")]));
+	}
+}), at = {
+	key: 0,
+	class: "list-col-grow"
+}, ot = { class: "text-xs uppercase font-semibold opacity-60" }, st = {
+	key: 2,
+	class: "list-col-wrap text-xs opacity-60"
+}, ct = /* @__PURE__ */ m({
+	__name: "ListItem",
+	props: {
+		to: {},
+		title: {},
+		description: {}
+	},
+	setup(e) {
+		let t = e, n = s(() => t.to ? t.to === "#" ? "a" : F : "li"), r = s(() => n.value === "a" ? { href: t.to } : n.value === "li" ? {} : { to: t.to }), i = N(), a = s(() => !!t.title || !!t.description || !!i.title || !!i.description);
+		return (t, i) => (S(), c(O(n.value), _({ class: "list-row" }, r.value), {
+			default: P(() => [
+				E(t.$slots, "prefix"),
+				a.value ? (S(), u("div", at, [E(t.$slots, "title", {}, () => [d("div", null, A(e.title), 1)]), E(t.$slots, "description", {}, () => [d("div", ot, A(e.description), 1)])])) : E(t.$slots, "default", { key: 1 }),
+				t.$slots.details ? (S(), u("div", st, [E(t.$slots, "details")])) : l("", !0),
+				E(t.$slots, "actions")
+			]),
+			_: 3
+		}, 16));
+	}
+}), lt = e("stat"), ut = {
+	start: "place-items-start",
+	center: "place-items-center",
+	end: "place-items-end"
+}, dt = /* @__PURE__ */ m({
+	__name: "Stat",
+	props: {
+		title: {},
+		value: {},
+		desc: {},
+		align: {},
+		titleClass: {},
+		valueClass: {},
+		descClass: {},
+		figureClass: {},
+		actionsClass: {}
+	},
+	setup(e) {
+		let r = t(lt, e, {});
+		return (t, i) => (S(), u("div", { class: v(["stat", j(n)(ut, j(r).align)]) }, [
+			t.$slots.figure ? (S(), u("div", {
+				key: 0,
+				class: v(["stat-figure", e.figureClass])
+			}, [E(t.$slots, "figure")], 2)) : l("", !0),
+			e.title || t.$slots.title ? (S(), u("div", {
+				key: 1,
+				class: v(["stat-title", e.titleClass])
+			}, [E(t.$slots, "title", {}, () => [f(A(e.title), 1)])], 2)) : l("", !0),
+			e.value !== void 0 || t.$slots.value ? (S(), u("div", {
+				key: 2,
+				class: v(["stat-value", e.valueClass])
+			}, [E(t.$slots, "value", {}, () => [f(A(e.value), 1)])], 2)) : l("", !0),
+			e.desc || t.$slots.desc ? (S(), u("div", {
+				key: 3,
+				class: v(["stat-desc", e.descClass])
+			}, [E(t.$slots, "desc", {}, () => [f(A(e.desc), 1)])], 2)) : l("", !0),
+			t.$slots.actions ? (S(), u("div", {
+				key: 4,
+				class: v(["stat-actions", e.actionsClass])
+			}, [E(t.$slots, "actions")], 2)) : l("", !0),
+			E(t.$slots, "default")
+		], 2));
+	}
+}), ft = e("stats"), pt = {
+	horizontal: "stats-horizontal",
+	vertical: "stats-vertical"
+}, mt = /* @__PURE__ */ m({
+	__name: "Stats",
+	props: { direction: {} },
+	setup(e) {
+		let r = t(ft, e, { direction: "horizontal" });
+		return (e, t) => (S(), u("div", { class: v(["stats", j(n)(pt, j(r).direction)]) }, [E(e.$slots, "default")], 2));
+	}
+}), ht = e("status"), gt = ["aria-label"], _t = ["aria-label"], Q = {
+	neutral: "status-neutral",
+	primary: "status-primary",
+	secondary: "status-secondary",
+	accent: "status-accent",
+	info: "status-info",
+	success: "status-success",
+	warning: "status-warning",
+	error: "status-error"
+}, $ = {
+	xs: "status-xs",
+	sm: "status-sm",
+	md: "status-md",
+	lg: "status-lg",
+	xl: "status-xl"
+}, vt = /* @__PURE__ */ m({
+	__name: "Status",
+	props: {
+		label: {},
+		color: {},
+		size: {},
+		animation: {}
+	},
+	setup(e) {
+		let r = t(ht, e, { size: "md" });
+		return (t, i) => j(r).animation === "ping" ? (S(), u("div", {
+			key: 0,
+			class: "inline-grid *:[grid-area:1/1]",
+			"aria-label": e.label
+		}, [d("div", { class: v(["status animate-ping", [j(n)(Q, j(r).color), j(n)($, j(r).size)]]) }, null, 2), d("div", { class: v(["status", [j(n)(Q, j(r).color), j(n)($, j(r).size)]]) }, null, 2)], 8, gt)) : (S(), u("div", {
+			key: 1,
+			class: v(["status", [
+				j(n)(Q, j(r).color),
+				j(n)($, j(r).size),
+				j(r).animation === "bounce" && "animate-bounce"
+			]]),
+			"aria-label": e.label
+		}, null, 10, _t));
+	}
+});
+//#endregion
+export { se as _, it as a, L as b, Ye as c, Fe as d, Oe as f, de as g, me as h, ct as i, Je as l, ve as m, mt as n, nt as o, Se as p, dt as r, $e as s, vt as t, He as u, q as v, H as y };
+
+//# sourceMappingURL=public-Dqelew6J.js.map