@ac-design/design-system 1.0.3 → 2.1.0

package/dist/lib/components/AcKeyValueInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,336 @@
+import e from "./AcButton.js";
+import t from "./AcInput.js";
+import n from "./AcSelect.js";
+import { Fragment as r, TransitionGroup as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeModels as f, nextTick as p, normalizeClass as m, openBlock as h, ref as g, renderList as ee, renderSlot as _, toDisplayString as v, unref as y, useId as b, useModel as te, watch as ne, withCtx as x, withKeys as S } from "vue";
+import { Plus as C, Trash as w } from "@lucide/vue";
+//#region src/lib/components/AcKeyValueInput.vue?vue&type=script&setup=true&lang.ts
+var T = [
+	"aria-labelledby",
+	"aria-label",
+	"aria-describedby"
+], re = {
+	key: 0,
+	class: "font-normal text-muted"
+}, ie = {
+	key: 1,
+	class: "text-danger",
+	"aria-hidden": "true"
+}, ae = {
+	key: 2,
+	class: "mb-1.5 hidden grid-cols-[minmax(0,1fr)_auto] gap-x-4 sm:grid",
+	"aria-hidden": "true"
+}, oe = { key: 0 }, se = [
+	"data-row",
+	"onFocusin",
+	"onFocusout"
+], ce = [
+	"aria-label",
+	"title",
+	"onClick"
+], E = {
+	key: 4,
+	class: "text-base text-muted"
+}, D = {
+	class: "sr-only",
+	"aria-live": "polite"
+}, O = /*@__PURE__*/ d({
+	__name: "AcKeyValueInput",
+	props: /*@__PURE__*/ f({
+		label: { default: "" },
+		hint: { default: "" },
+		errorMsg: { default: "" },
+		keyLabel: { default: "Key" },
+		valueLabel: { default: "Value" },
+		keyPlaceholder: { default: "" },
+		valuePlaceholder: { default: "" },
+		itemName: { default: "item" },
+		addLabel: { default: "" },
+		options: { default: void 0 },
+		optionLabel: { default: "Option" },
+		defaultOption: { default: void 0 },
+		max: { default: void 0 },
+		validateKey: {
+			type: Function,
+			default: void 0
+		},
+		validateValue: {
+			type: Function,
+			default: void 0
+		},
+		allowDuplicateKeys: {
+			type: Boolean,
+			default: !1
+		},
+		mono: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "normal" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ f(["add", "remove"], ["update:modelValue"]),
+	setup(d, { expose: f, emit: O }) {
+		let k = d, A = te(d, "modelValue"), j = O, M = b(), N = `${M}-label`, P = `${M}-hint`, F = `${M}-msg`, I = g(null), L = 0, R = g([]), z = g(null), B = g(""), V = a(() => A.value ?? []), H = a(() => !!k.options?.length), U = a(() => !k.disabled && !k.readonly), W = a(() => k.max !== void 0 && V.value.length >= k.max), le = a(() => k.addLabel || "Add new"), ue = a(() => [k.hint && P, k.errorMsg && F].filter(Boolean).join(" ") || void 0), G = a(() => H.value ? "sm:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_256px]" : "sm:grid-cols-2"), de = a(() => k.size === "small" ? "size-[34px]" : "size-[38px]"), K = a(() => {
+			let e = /* @__PURE__ */ new Set();
+			return V.value.map((t, n) => {
+				let r = {}, i = t.key.trim();
+				if (i) {
+					let a = H.value ? `${i}\u0000${t.option ?? ""}` : i;
+					!k.allowDuplicateKeys && e.has(a) && (r.key = H.value && t.option ? `“${i}” with ${q(t.option)} is already used.` : `“${i}” is already used. Keys must be unique.`), e.add(a), r.key ||= k.validateKey?.(t.key, n, V.value) || void 0;
+				} else t.value && z.value !== R.value[n] && (r.key = `Enter a key, or remove this ${k.itemName}.`);
+				return (i || t.value) && (r.value = k.validateValue?.(t.value, t.key, n, V.value) || void 0), r;
+			});
+		}), fe = a(() => K.value.some((e) => e.key || e.value));
+		function q(e) {
+			return k.options?.find((t) => t.value === e)?.label ?? e;
+		}
+		function J(e) {
+			let t = V.value[e]?.key.trim();
+			return t ? `${k.itemName} ${t}` : `${k.itemName} ${e + 1}`;
+		}
+		function Y(e) {
+			return e.charAt(0).toUpperCase() + e.slice(1);
+		}
+		function X(e) {
+			B.value = "", p(() => B.value = e);
+		}
+		function Z(e, t) {
+			p(() => {
+				([...I.value?.querySelectorAll(`[data-row="${e}"]`) ?? []].at(-1)?.querySelector(t === "remove" ? "[data-action='remove']" : `[data-cell="${t}"]`) ?? I.value?.querySelector("[data-action='add']"))?.focus();
+			});
+		}
+		function Q(e, t) {
+			A.value = V.value.map((n, r) => r === e ? {
+				...n,
+				...t
+			} : n);
+		}
+		function $() {
+			if (!U.value || W.value) return;
+			let e = {
+				key: "",
+				value: ""
+			};
+			H.value && (e.option = k.defaultOption ?? k.options[0].value), R.value = [...R.value, L++], A.value = [...V.value, e];
+			let t = V.value.length;
+			j("add", t), X(`${Y(k.itemName)} ${t + 1} added.`), Z(t, "key");
+		}
+		function pe(e) {
+			if (!U.value) return;
+			let t = V.value[e];
+			if (!t) return;
+			let n = J(e);
+			R.value = R.value.filter((t, n) => n !== e), A.value = V.value.filter((t, n) => n !== e), j("remove", t, e), X(`${Y(n)} removed.`);
+			let r = V.value.length;
+			r ? Z(Math.min(e, r - 1), "remove") : p(() => I.value?.querySelector("[data-action='add']")?.focus());
+		}
+		function me(e, t) {
+			e.isComposing || (e.preventDefault(), Z(t, "value"));
+		}
+		function he(e, t) {
+			e.isComposing || (e.preventDefault(), t < V.value.length - 1 ? Z(t + 1, "key") : W.value || $());
+		}
+		function ge(e, t) {
+			let n = e.currentTarget, r = e.relatedTarget;
+			r && (n.contains(r) || r instanceof Element && r.closest("[data-testid='ac-select-panel']")) || z.value === t && (z.value = null);
+		}
+		return ne(() => V.value.length, (e) => {
+			R.value.length !== e && (R.value = Array.from({ length: e }, () => L++));
+		}, { immediate: !0 }), f({
+			add: $,
+			focus: () => Z(0, "key"),
+			hasErrors: () => fe.value
+		}), (a, f) => (h(), c("div", {
+			ref_key: "root",
+			ref: I,
+			role: "group",
+			"aria-labelledby": d.label ? N : void 0,
+			"aria-label": d.label ? void 0 : `${Y(d.itemName)}s`,
+			"aria-describedby": ue.value,
+			class: m(d.disabled && "opacity-50"),
+			"data-ac-ds": "",
+			"data-testid": "ac-key-value-input"
+		}, [
+			d.label ? (h(), c("div", {
+				key: 0,
+				id: N,
+				class: "mb-2 flex items-center gap-1 text-base font-medium text-heading"
+			}, [
+				l("span", null, v(d.label), 1),
+				d.readonly ? (h(), c("span", re, "(read only)")) : s("", !0),
+				d.required ? (h(), c("span", ie, "*")) : s("", !0)
+			])) : s("", !0),
+			d.hint ? (h(), c("p", {
+				key: 1,
+				id: P,
+				class: "mb-2 text-base text-muted"
+			}, v(d.hint), 1)) : s("", !0),
+			V.value.length ? (h(), c("div", ae, [l("div", { class: m(["grid gap-x-4 text-base font-medium text-muted", G.value]) }, [
+				l("span", null, v(d.keyLabel), 1),
+				l("span", null, v(d.valueLabel), 1),
+				H.value ? (h(), c("span", oe, v(d.optionLabel), 1)) : s("", !0)
+			], 2), U.value ? (h(), c("span", {
+				key: 0,
+				class: m(d.size === "small" ? "w-[34px]" : "w-[38px]")
+			}, null, 2)) : s("", !0)])) : s("", !0),
+			V.value.length || U.value ? (h(), o(i, {
+				key: 3,
+				tag: "div",
+				class: "relative space-y-4",
+				"enter-active-class": "transition-all duration-300 ease-out motion-reduce:transition-none",
+				"enter-from-class": "-translate-y-2.5 opacity-0",
+				"leave-active-class": "absolute w-full transition-all duration-300 ease-out motion-reduce:transition-none",
+				"leave-to-class": "translate-x-5 opacity-0",
+				"move-class": "transition-transform duration-300 ease-out motion-reduce:transition-none"
+			}, {
+				default: x(() => [(h(!0), c(r, null, ee(V.value, (e, r) => (h(), c("div", {
+					key: R.value[r] ?? r,
+					"data-row": r,
+					class: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-x-4 max-sm:rounded-10 max-sm:border max-sm:border-border max-sm:bg-surface max-sm:p-3",
+					onFocusin: (e) => z.value = R.value[r] ?? null,
+					onFocusout: (e) => ge(e, R.value[r] ?? -1)
+				}, [l("div", { class: m(["grid items-start gap-x-4 gap-y-3 [&_div:has(>input)]:rounded-8 [&_input]:rounded-8 [&_input]:font-medium", G.value]) }, [
+					u(t, {
+						"data-cell": "key",
+						"model-value": e.key,
+						label: `${d.keyLabel} ${r + 1}`,
+						placeholder: d.keyPlaceholder,
+						size: d.size,
+						disabled: d.disabled,
+						readonly: d.readonly,
+						"error-msg": K.value[r]?.key,
+						autocomplete: "off",
+						spellcheck: "false",
+						class: m(["sm:[&>label:first-child]:sr-only", d.mono && "[&_input]:font-mono"]),
+						"onUpdate:modelValue": (e) => Q(r, { key: String(e) }),
+						onKeydown: S((e) => me(e, r), ["enter"])
+					}, null, 8, [
+						"model-value",
+						"label",
+						"placeholder",
+						"size",
+						"disabled",
+						"readonly",
+						"error-msg",
+						"class",
+						"onUpdate:modelValue",
+						"onKeydown"
+					]),
+					u(t, {
+						"data-cell": "value",
+						"model-value": e.value,
+						label: `${d.valueLabel} ${r + 1}`,
+						placeholder: d.valuePlaceholder,
+						size: d.size,
+						disabled: d.disabled,
+						readonly: d.readonly,
+						"error-msg": K.value[r]?.value,
+						autocomplete: "off",
+						spellcheck: "false",
+						class: "sm:[&>label:first-child]:sr-only",
+						"onUpdate:modelValue": (e) => Q(r, { value: String(e) }),
+						onKeydown: S((e) => he(e, r), ["enter"])
+					}, null, 8, [
+						"model-value",
+						"label",
+						"placeholder",
+						"size",
+						"disabled",
+						"readonly",
+						"error-msg",
+						"onUpdate:modelValue",
+						"onKeydown"
+					]),
+					H.value && d.readonly ? (h(), o(t, {
+						key: 0,
+						"data-cell": "option",
+						"model-value": e.option ? q(e.option) : "",
+						label: `${d.optionLabel} ${r + 1}`,
+						size: d.size,
+						readonly: "",
+						class: "sm:[&>label:first-child]:sr-only"
+					}, null, 8, [
+						"model-value",
+						"label",
+						"size"
+					])) : H.value ? (h(), o(n, {
+						key: 1,
+						"data-cell": "option",
+						"model-value": e.option ?? null,
+						options: d.options,
+						label: `${d.optionLabel} ${r + 1}`,
+						size: d.size,
+						disabled: d.disabled,
+						class: "sm:[&>div:first-child]:sr-only",
+						"onUpdate:modelValue": (e) => Q(r, { option: e ?? void 0 })
+					}, null, 8, [
+						"model-value",
+						"options",
+						"label",
+						"size",
+						"disabled",
+						"onUpdate:modelValue"
+					])) : s("", !0)
+				], 2), U.value ? (h(), c("button", {
+					key: 0,
+					type: "button",
+					"data-action": "remove",
+					class: m(["inline-flex shrink-0 cursor-pointer items-center justify-center rounded-8 bg-danger/5 text-danger/60 transition-all duration-200 hover:bg-danger/10 hover:text-danger focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none max-sm:mt-7", de.value]),
+					"aria-label": `Remove ${J(r)}`,
+					title: `Remove ${d.itemName}`,
+					onClick: (e) => pe(r)
+				}, [u(y(w), {
+					class: "size-[18px]",
+					"aria-hidden": "true"
+				})], 10, ce)) : s("", !0)], 40, se))), 128))]),
+				_: 1
+			})) : (h(), c("p", E, "No " + v(d.itemName) + "s.", 1)),
+			_(a.$slots, "footer"),
+			U.value ? (h(), c("div", {
+				key: 5,
+				class: m(["flex items-center gap-3", V.value.length || a.$slots.footer ? "mt-2" : ""])
+			}, [u(e, {
+				"data-action": "add",
+				title: le.value,
+				"aria-label": d.addLabel ? void 0 : `Add new ${d.itemName}`,
+				size: "small",
+				variant: "light",
+				disabled: W.value,
+				onClick: $
+			}, {
+				icon: x(() => [u(y(C), { "aria-hidden": "true" })]),
+				_: 1
+			}, 8, [
+				"title",
+				"aria-label",
+				"disabled"
+			]), d.max === void 0 ? s("", !0) : (h(), c("span", {
+				key: 0,
+				class: m(["text-xs text-muted tabular-nums", W.value && "font-medium text-heading"])
+			}, v(V.value.length) + " of " + v(d.max), 3))], 2)) : s("", !0),
+			d.errorMsg ? (h(), c("p", {
+				key: 6,
+				id: F,
+				class: "mt-1 text-base text-danger-strong",
+				role: "alert"
+			}, v(d.errorMsg), 1)) : s("", !0),
+			l("p", D, v(B.value), 1)
+		], 10, T));
+	}
+});
+//#endregion
+export { O as default };

package/dist/lib/components/AcLineChart.js

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

package/dist/lib/components/AcLineChart.vue.d.ts

@@ -0,0 +1,44 @@
+import type { ChartTooltipSlotProps } from "../charts/ChartFrame.vue";
+import type { ChartCurve } from "../charts/shared";
+import type { XYChartProps } from "../charts/xy";
+export interface Props extends XYChartProps {
+    /** Shape between points: `linear`, `monotone` (smooth, never overshoots the data) or `step`. */
+    curve?: ChartCurve;
+    /** Line thickness in px. */
+    lineWidth?: number;
+    /** Draws a dot on every point. `auto` shows them up to 60 rows, where they still read as points. */
+    points?: boolean | "auto";
+}
+type __VLS_Slots = {
+    /** Replaces the tooltip body for the hovered row. */
+    tooltip?: (props: ChartTooltipSlotProps) => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    legend: import("../charts/shared").ChartLegendPosition;
+    title: string;
+    description: string;
+    height: number;
+    points: boolean | "auto";
+    loading: boolean;
+    animation: boolean;
+    tooltip: boolean;
+    emptyText: string;
+    lineWidth: number;
+    renderer: "canvas" | "svg";
+    gridLines: boolean;
+    zoom: boolean;
+    xFormatter: (value: Date | number | string) => string;
+    yFormatter: (value: number) => string;
+    xLabel: string;
+    yLabel: string;
+    yDomain: [number | undefined, number | undefined];
+    curve: ChartCurve;
+}, {}, {}, {}, 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/lib/components/AcLineChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,175 @@
+import e from "../charts/ChartFrame.js";
+import { bindAxisHover as t, useEChart as n } from "../charts/echarts.js";
+import { readNumber as r } from "../charts/shared.js";
+import { LARGE_DATA as i, useXYChart as a } from "../charts/xy.js";
+import { cartesianOption as o, locateRow as s, prepareZoom as c } from "../charts/cartesian.js";
+import { createBlock as l, createElementVNode as u, createSlots as d, defineComponent as f, guardReactiveProps as p, isRef as m, normalizeProps as h, openBlock as g, ref as _, renderSlot as v, unref as y, withCtx as b } from "vue";
+import { ChartLine as x } from "@lucide/vue";
+import { use as S } from "echarts/core";
+import { LineChart as C } from "echarts/charts";
+import { AxisPointerComponent as w, GridComponent as T } from "echarts/components";
+//#region src/lib/components/AcLineChart.vue?vue&type=script&setup=true&lang.ts
+var E = /*@__PURE__*/ f({
+	__name: "AcLineChart",
+	props: {
+		curve: { default: "monotone" },
+		lineWidth: { default: 2 },
+		points: {
+			type: [Boolean, String],
+			default: "auto"
+		},
+		data: {},
+		index: {},
+		categories: {},
+		height: { default: 280 },
+		xFormatter: {
+			type: Function,
+			default: void 0
+		},
+		yFormatter: {
+			type: Function,
+			default: void 0
+		},
+		xLabel: { default: "" },
+		yLabel: { default: "" },
+		legend: { default: "top" },
+		tooltip: {
+			type: Boolean,
+			default: !0
+		},
+		gridLines: {
+			type: Boolean,
+			default: !0
+		},
+		yDomain: { default: void 0 },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		emptyText: { default: "No data to show yet" },
+		title: { default: "" },
+		description: { default: "" },
+		zoom: {
+			type: Boolean,
+			default: !1
+		},
+		renderer: { default: "canvas" },
+		animation: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(f) {
+		S([
+			C,
+			T,
+			w
+		]);
+		let E = f, D = a(E, { stacked: () => !1 }), { hidden: O, width: k, legendItems: A, rowLabel: j, tooltipItems: M, table: N, ariaLabel: P } = D, F = _(), I = _(null);
+		function L(e) {
+			let t = E.data.length > i, n = E.points === "auto" ? E.data.length <= 60 : E.points;
+			return D.visibleKeys.value.map((i) => {
+				let a = e.color(D.colorOf.value[i]), o = E.data.map((e) => r(e, i));
+				return {
+					id: i,
+					type: "line",
+					name: E.categories[i]?.name ?? i,
+					data: D.byPosition.value ? o : o.map((e, t) => [D.xNumbers.value[t], e]),
+					smooth: E.curve === "monotone" && .4,
+					smoothMonotone: E.curve === "monotone" ? "x" : void 0,
+					step: E.curve === "step" && "middle",
+					showSymbol: n && !t,
+					symbol: "circle",
+					symbolSize: 6,
+					lineStyle: {
+						width: E.lineWidth,
+						color: a
+					},
+					itemStyle: {
+						color: a,
+						borderColor: e.surface,
+						borderWidth: 2
+					},
+					emphasis: {
+						scale: 1.4,
+						lineStyle: { width: E.lineWidth }
+					},
+					sampling: t ? "lttb" : void 0,
+					progressive: t ? 4e3 : 0,
+					connectNulls: !1
+				};
+			});
+		}
+		return n({
+			host: F,
+			renderer: () => E.renderer,
+			prepare: () => c(E),
+			option: (e) => ({
+				...o(e, E, D, {
+					boundaryGap: !1,
+					pointer: "line"
+				}),
+				series: L(e)
+			}),
+			setup: (e) => t(e, (t) => s(e, t, D), (e, t, n) => {
+				let r = E.data[e];
+				r && E.tooltip && (I.value = {
+					clientX: t,
+					clientY: n,
+					title: j(e),
+					items: M(r),
+					datum: r,
+					index: e
+				});
+			}, () => I.value = null)
+		}), (t, n) => (g(), l(e, {
+			hidden: y(O),
+			"onUpdate:hidden": n[0] ||= (e) => m(O) ? O.value = e : null,
+			width: y(k),
+			"onUpdate:width": n[1] ||= (e) => m(k) ? k.value = e : null,
+			testid: "ac-line-chart",
+			height: f.height,
+			loading: f.loading,
+			empty: !f.data.length,
+			"empty-text": f.emptyText,
+			"empty-icon": y(x),
+			legend: f.legend,
+			"legend-items": y(A),
+			summary: y(P),
+			title: f.title,
+			description: f.description,
+			table: y(N),
+			tip: I.value,
+			tooltip: f.tooltip
+		}, d({
+			default: b(() => [u("div", {
+				ref_key: "host",
+				ref: F,
+				class: "size-full"
+			}, null, 512)]),
+			_: 2
+		}, [t.$slots.tooltip ? {
+			name: "tooltip",
+			fn: b((e) => [v(t.$slots, "tooltip", h(p(e)))]),
+			key: "0"
+		} : void 0]), 1032, [
+			"hidden",
+			"width",
+			"height",
+			"loading",
+			"empty",
+			"empty-text",
+			"empty-icon",
+			"legend",
+			"legend-items",
+			"summary",
+			"title",
+			"description",
+			"table",
+			"tip",
+			"tooltip"
+		]));
+	}
+});
+//#endregion
+export { E as default };

package/dist/lib/components/AcLoader.js

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

package/dist/lib/components/AcLoader.vue.d.ts

@@ -0,0 +1,15 @@
+export interface Props {
+    /** Ring diameter: `small` 28px, `normal` 40px, `large` 60px, `xlarge` 80px. cloud-ui's `sm`, `md`, `lg` and `xl`. */
+    size?: "small" | "normal" | "large" | "xlarge";
+    /** Read by screen readers, and shown under the dots with `show-label`. */
+    label?: string;
+    /** Shows `label` under the dots, e.g. "Loading databases…". */
+    showLabel?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    size: "small" | "normal" | "large" | "xlarge";
+    showLabel: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/lib/components/AcLoader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderList as o, toDisplayString as s } from "vue";
+//#region src/lib/components/AcLoader.vue?vue&type=script&setup=true&lang.ts
+var c = {
+	class: "flex size-full flex-col items-center justify-center",
+	role: "status",
+	"data-ac-ds": "",
+	"data-testid": "ac-loader"
+}, l = {
+	class: "mt-4 flex justify-center gap-1.5",
+	"aria-hidden": "true"
+}, u = {
+	key: 0,
+	class: "mt-3 text-base text-muted"
+}, d = {
+	key: 1,
+	class: "sr-only"
+}, f = /*@__PURE__*/ r({
+	__name: "AcLoader",
+	props: {
+		size: { default: "large" },
+		label: { default: "Loading" },
+		showLabel: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(r) {
+		let f = {
+			small: "size-7",
+			normal: "size-10",
+			large: "size-15",
+			xlarge: "size-20"
+		}, p = {
+			small: "border-2",
+			normal: "border-2",
+			large: "border-[3px]",
+			xlarge: "border-4"
+		}, m = {
+			small: "size-1",
+			normal: "size-1.5",
+			large: "size-2",
+			xlarge: "size-2.5"
+		}, h = [
+			"animate-loader-dot-1",
+			"animate-loader-dot-2",
+			"animate-loader-dot-3"
+		];
+		return (g, _) => (a(), t("div", c, [
+			n("div", {
+				class: i(["relative shrink-0", f[r.size]]),
+				"aria-hidden": "true"
+			}, [
+				_[0] ||= n("div", { class: "absolute inset-0 animate-loader-glow rounded-full bg-primary/20 blur-md motion-reduce:animate-none" }, null, -1),
+				n("div", { class: i(["absolute inset-0 rounded-full border-primary/15", p[r.size]]) }, null, 2),
+				n("div", { class: i(["absolute inset-0 animate-loader-spin rounded-full border-transparent border-t-primary border-r-primary/50", p[r.size]]) }, null, 2)
+			], 2),
+			n("div", l, [(a(), t(e, null, o(h, (e) => n("span", {
+				key: e,
+				class: i(["rounded-full bg-primary motion-reduce:animate-none", [e, m[r.size]]])
+			}, null, 2)), 64))]),
+			r.showLabel ? (a(), t("p", u, s(r.label), 1)) : (a(), t("span", d, s(r.label), 1))
+		]));
+	}
+});
+//#endregion
+export { f as default };

package/dist/lib/components/AcLocaleSwitcher.js

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