@ac-design/design-system 2.2.1 → 2.4.0

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

@@ -1,18 +1,12 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, normalizeClass as c, onBeforeUnmount as l, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, unref as m, useAttrs as h, useId as g, useModel as _, watch as ee } from "vue";
-import { Minus as te, Plus as ne } from "@lucide/vue";
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, normalizeClass as c, onBeforeUnmount as ee, openBlock as l, ref as u, renderSlot as d, toDisplayString as f, unref as p, useAttrs as m, useId as h, useModel as te, useSlots as ne, watch as re } from "vue";
+import { Minus as ie, Plus as ae } from "@lucide/vue";
 //#region src/lib/components/AcNumberInput.vue?vue&type=script&setup=true&lang.ts
-var re = ["for"], v = {
-	key: 0,
-	class: "text-muted"
-}, ie = {
-	key: 1,
-	class: "text-danger",
-	"aria-hidden": "true"
-}, y = ["id"], b = { class: "flex items-center gap-3" }, ae = [
+var oe = ["for"], g = { key: 0 }, _ = ["id"], se = { class: "flex items-center gap-3" }, ce = ["tabindex"], le = [
 	"id",
 	"inputmode",
 	"value",
 	"name",
+	"placeholder",
 	"disabled",
 	"readonly",
 	"required",
@@ -22,12 +16,13 @@ var re = ["for"], v = {
 	"aria-valuetext",
 	"aria-invalid",
 	"aria-describedby"
-], oe = { key: 0 }, se = ["id"], x = /*@__PURE__*/ a({
+], ue = { key: 0 }, de = ["tabindex"], v = ["id"], y = /*@__PURE__*/ a({
 	inheritAttrs: !1,
 	__name: "AcNumberInput",
 	props: /*@__PURE__*/ o({
 		label: { default: "" },
 		name: { default: "" },
+		placeholder: { default: void 0 },
 		min: { default: void 0 },
 		max: { default: void 0 },
 		step: { default: 1 },
@@ -43,6 +38,10 @@ var re = ["for"], v = {
 			type: Boolean,
 			default: !1
 		},
+		requiredMark: {
+			type: Boolean,
+			default: !1
+		},
 		disabled: {
 			type: Boolean,
 			default: !1
@@ -53,37 +52,82 @@ var re = ["for"], v = {
 		},
 		errorMsg: { default: "" },
 		hint: { default: "" },
-		size: { default: "normal" }
+		size: { default: "normal" },
+		emptyValue: { default: "null" },
+		readonlyText: { default: "(read only)" },
+		plainReadonly: {
+			type: Boolean,
+			default: !1
+		},
+		plainError: {
+			type: Boolean,
+			default: !1
+		},
+		flushLabelSlots: {
+			type: Boolean,
+			default: !1
+		},
+		rangeMessage: { default: "" },
+		inheritFont: {
+			type: Boolean,
+			default: !1
+		},
+		focusableStepButtons: {
+			type: Boolean,
+			default: !1
+		},
+		autoWidth: {
+			type: Boolean,
+			default: !1
+		}
 	}, {
 		modelValue: { default: null },
 		modelModifiers: {}
 	}),
 	emits: /*@__PURE__*/ o(["change"], ["update:modelValue"]),
-	setup(a, { expose: o, emit: x }) {
-		let S = a, C = _(a, "modelValue"), w = x, T = g(), E = h(), D = e(() => ({
-			class: E.class,
-			style: E.style
-		})), O = e(() => {
-			let { class: e, style: t, ...n } = E;
+	setup(a, { expose: o, emit: y }) {
+		let b = a, x = te(a, "modelValue"), fe = y, S = h(), C = m(), w = ne(), T = e(() => ({
+			class: C.class,
+			style: C.style
+		})), E = e(() => {
+			let { class: e, style: t, ...n } = C;
 			return n;
-		}), k = d(null), A = d(G(C.value)), j = d(!1), M, N, P = e(() => S.precision ?? W(S.step)), F = e(() => S.min === void 0 || S.min < 0), I = e(() => S.disabled || S.readonly), L = e(() => S.min !== void 0 && C.value !== null && C.value <= S.min), R = e(() => S.max !== void 0 && C.value !== null && C.value >= S.max), z = e(() => {
-			let e = C.value;
-			if (!j.value || e === null) return "";
-			let { min: t, max: n } = S;
+		}), D = u(null), O = u(G(x.value)), k = u(!1), A = u(""), j, M, pe = e(() => !!b.label || !!w["label-icon"] || !!w["label-extra"]), N = {
+			small: "h-9",
+			normal: "h-10.5",
+			large: "h-11.5"
+		}, P = e(() => b.size in N ? b.size : "normal"), F = e(() => b.precision ?? ve(b.step)), I = e(() => b.min === void 0 || b.min < 0), L = e(() => b.disabled || b.readonly), R = e(() => x.value), z = e(() => b.min !== void 0 && !U(R.value) && R.value <= b.min), B = e(() => b.max !== void 0 && !U(R.value) && R.value >= b.max), me = e(() => {
+			let e = R.value;
+			if (!k.value || U(e)) return "";
+			let { min: t, max: n } = b;
 			return (t === void 0 || e >= t) && (n === void 0 || e <= n) ? "" : t !== void 0 && n !== void 0 ? `Enter a value from ${t} to ${n}` : t === void 0 ? `Enter ${n} or less` : `Enter ${t} or more`;
-		}), B = e(() => S.errorMsg || z.value), V = e(() => [S.hint && `${T}-hint`, B.value && `${T}-msg`].filter(Boolean).join(" ") || void 0), H = e(() => ["inline-flex shrink-0 cursor-pointer items-center justify-center rounded-10 border border-border bg-accent text-heading transition-colors duration-200 select-none hover:bg-accent-hover active:bg-accent-active disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-accent", S.size === "small" ? "h-9 px-3" : "h-10.5 px-5"]), U = e(() => C.value === null ? void 0 : [A.value, S.unit].filter(Boolean).join(" "));
+		}), V = e(() => b.rangeMessage ? A.value || b.errorMsg : b.errorMsg || me.value), he = e(() => {
+			if (V.value && !b.plainError) return "border-danger focus-within:shadow-[0_0_0_2px_color-mix(in_srgb,var(--color-danger)_20%,transparent)]";
+			let e = !b.disabled && "hover:border-accent-active";
+			return b.readonly && b.plainReadonly ? ["border-border focus-within:border-[color-mix(in_srgb,var(--color-primary)_35%,transparent)]", e] : ["border-border focus-within:focus-ring", e];
+		}), ge = e(() => [b.hint && `${S}-hint`, V.value && `${S}-msg`].filter(Boolean).join(" ") || void 0), H = e(() => [
+			"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-10 border border-border bg-accent text-heading transition-colors duration-200 select-none hover:bg-accent-hover active:bg-accent-active disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-accent",
+			N[P.value],
+			P.value === "small" ? "px-3" : "px-5"
+		]), _e = e(() => U(x.value) ? void 0 : [O.value, b.unit].filter(Boolean).join(" "));
+		function U(e) {
+			return e == null;
+		}
 		function W(e) {
+			return e === null && b.emptyValue === "undefined" ? void 0 : e;
+		}
+		function ve(e) {
 			let t = String(e);
 			return t.includes("e-") ? Number(t.split("e-")[1]) : t.split(".")[1]?.length ?? 0;
 		}
 		function G(e) {
-			return e === null ? "" : String(e);
+			return U(e) ? "" : String(e);
 		}
 		function K(e) {
-			return Number(e.toFixed(P.value));
+			return Number(e.toFixed(F.value));
 		}
 		function q(e) {
-			return S.min !== void 0 && e < S.min ? S.min : S.max !== void 0 && e > S.max ? S.max : e;
+			return b.min !== void 0 && e < b.min ? b.min : b.max !== void 0 && e > b.max ? b.max : e;
 		}
 		function J(e) {
 			if (e === "" || e === "-" || e === "." || e === "-.") return null;
@@ -91,151 +135,167 @@ var re = ["for"], v = {
 			return Number.isNaN(t) ? null : t;
 		}
 		function Y(e) {
-			let t = e !== C.value;
-			C.value = e, A.value = G(e), t && w("change", e);
+			let t = W(e), n = t !== x.value;
+			x.value = t, O.value = G(e), n && fe("change", t);
+		}
+		function ye() {
+			return b.rangeMessage.replace("{min}", String(b.min ?? -Infinity)).replace("{max}", String(b.max ?? Infinity));
 		}
 		function X(e, t = 1) {
-			I.value || Y(q(K((C.value ?? 0) + e * S.step * t)));
+			L.value || Y(q(K((x.value ?? 0) + e * b.step * t)));
 		}
-		function ce(e) {
+		function be(e) {
 			let t = e.target;
-			if (!RegExp(`^${F.value ? "-?" : ""}\\d*${P.value > 0 ? "(\\.\\d*)?" : ""}$`).test(t.value)) {
-				t.value = A.value;
+			if (!RegExp(`^${I.value ? "-?" : ""}\\d*${F.value > 0 ? "(\\.\\d*)?" : ""}$`).test(t.value)) {
+				t.value = O.value;
 				return;
 			}
-			A.value = t.value;
+			O.value = t.value;
 			let n = J(t.value);
-			(n !== null || t.value === "") && (C.value = n);
+			if ((n !== null || t.value === "") && (x.value = W(n)), b.rangeMessage) {
+				let e = Number(t.value);
+				A.value = e > (b.max ?? Infinity) || e < (b.min ?? -Infinity) ? ye() : "";
+			}
 		}
 		function Z() {
-			let e = J(A.value);
+			let e = J(O.value);
 			Y(e === null ? null : q(K(e)));
 		}
-		function le() {
-			j.value = !1, Z();
+		function xe() {
+			k.value = !1, Z(), O.value !== "" && (A.value = "");
 		}
-		function ue(e) {
+		function Se(e) {
 			let t = {
 				ArrowUp: () => X(1),
 				ArrowDown: () => X(-1),
 				PageUp: () => X(1, 10),
 				PageDown: () => X(-1, 10)
 			};
-			if (S.min !== void 0 && (t.Home = () => !I.value && Y(S.min)), S.max !== void 0 && (t.End = () => !I.value && Y(S.max)), e.key === "Enter") return Z();
+			if (b.min !== void 0 && (t.Home = () => !L.value && Y(b.min)), b.max !== void 0 && (t.End = () => !L.value && Y(b.max)), e.key === "Enter") return Z();
 			let n = t[e.key];
 			n && (e.preventDefault(), n());
 		}
 		function Q() {
-			clearTimeout(M), clearInterval(N);
+			clearTimeout(j), clearInterval(M);
 		}
-		function de(e, t) {
-			e.button !== 0 || I.value || (Q(), X(t), M = setTimeout(() => {
-				N = setInterval(() => {
-					X(t), (t > 0 && R.value || t < 0 && L.value) && Q();
-				}, S.holdIntervalDelay);
-			}, S.holdDelay));
+		function Ce(e, t) {
+			e.button !== 0 || L.value || (Q(), X(t), j = setTimeout(() => {
+				M = setInterval(() => {
+					X(t), (t > 0 && B.value || t < 0 && z.value) && Q();
+				}, b.holdIntervalDelay);
+			}, b.holdDelay));
 		}
-		function fe(e, t) {
+		function we(e, t) {
 			e.detail === 0 && X(t);
 		}
 		function $(e) {
 			let t = e < 0 ? "Decrease" : "Increase";
 			return {
 				"aria-label": t,
-				"aria-controls": T,
+				"aria-controls": S,
 				"data-testid": `ac-number-input-${t.toLowerCase()}`,
-				disabled: I.value || (e < 0 ? L.value : R.value),
-				onMousedown: (e) => e.preventDefault(),
-				onPointerdown: (t) => de(t, e),
+				disabled: L.value || (e < 0 ? z.value : B.value),
+				onMousedown: (e) => !b.focusableStepButtons && e.preventDefault(),
+				onPointerdown: (t) => Ce(t, e),
 				onPointerup: Q,
 				onPointerleave: Q,
 				onPointercancel: Q,
-				onClick: (t) => fe(t, e)
+				onClick: (t) => we(t, e)
 			};
 		}
-		return ee(C, (e) => {
-			J(A.value) !== e && (A.value = G(e));
-		}), l(Q), o({ focus: () => k.value?.focus() }), (e, o) => (u(), n("div", s(D.value, {
-			class: ["w-full", a.disabled && "opacity-50"],
+		return re(x, (e) => {
+			J(O.value) !== (e ?? null) && (O.value = G(e));
+		}), ee(Q), o({ focus: () => D.value?.focus() }), (e, o) => (l(), n("div", s(T.value, {
+			class: [!a.autoWidth && "w-full", a.disabled && "opacity-50"],
 			"data-ac-ds": "",
 			"data-testid": "ac-number-input"
 		}), [
-			a.label ? (u(), n("label", {
+			pe.value ? (l(), n("label", {
 				key: 0,
-				for: m(T),
-				class: "mb-2 flex items-center gap-1 text-base font-medium text-heading"
+				for: p(S),
+				class: c(["mb-2 flex items-center text-base font-medium text-heading", !a.flushLabelSlots && "gap-1"])
 			}, [
-				r("span", null, p(a.label), 1),
-				a.readonly ? (u(), n("span", v, "(read only)")) : t("", !0),
-				a.required ? (u(), n("span", ie, "*")) : t("", !0)
-			], 8, re)) : t("", !0),
-			a.hint ? (u(), n("p", {
+				d(e.$slots, "label-icon"),
+				a.label ? (l(), n("span", g, f(a.label), 1)) : t("", !0),
+				a.readonly ? (l(), n("span", {
+					key: 1,
+					class: c(["text-muted", a.flushLabelSlots && "ml-1"])
+				}, f(a.readonlyText), 3)) : t("", !0),
+				d(e.$slots, "label-extra"),
+				a.required || a.requiredMark ? (l(), n("span", {
+					key: 2,
+					class: c(["text-danger", a.flushLabelSlots && "ml-1"]),
+					"aria-hidden": "true"
+				}, "*", 2)) : t("", !0)
+			], 10, oe)) : t("", !0),
+			a.hint ? (l(), n("p", {
 				key: 1,
-				id: `${m(T)}-hint`,
+				id: `${p(S)}-hint`,
 				class: "mb-2 text-base text-muted"
-			}, p(a.hint), 9, y)) : t("", !0),
-			r("div", b, [
-				a.stepButtons ? (u(), n("button", s({
+			}, f(a.hint), 9, _)) : t("", !0),
+			r("div", se, [
+				a.stepButtons ? (l(), n("button", s({
 					key: 0,
 					type: "button",
-					tabindex: "-1",
+					tabindex: a.focusableStepButtons ? void 0 : -1,
 					class: H.value
-				}, $(-1)), [i(m(te), {
+				}, $(-1)), [i(p(ie), {
 					class: c(a.size === "small" ? "size-4" : "size-6"),
 					"aria-hidden": "true"
-				}, null, 8, ["class"])], 16)) : t("", !0),
+				}, null, 8, ["class"])], 16, ce)) : t("", !0),
 				r("div", { class: c(["relative flex min-w-0 flex-1 items-center rounded-10 border transition-[border-color,box-shadow,background-color] duration-200", [
-					a.size === "small" ? "h-9" : "h-10.5",
-					a.readonly ? "bg-surface-muted" : "bg-background",
-					B.value ? "border-danger focus-within:shadow-[0_0_0_2px_color-mix(in_srgb,var(--color-danger)_20%,transparent)]" : ["border-border focus-within:focus-ring", !a.disabled && "hover:border-accent-active"]
+					N[P.value],
+					a.readonly && !a.plainReadonly ? "bg-surface-muted" : "bg-background",
+					he.value
 				]]) }, [r("input", s({
-					id: m(T),
+					id: p(S),
 					ref_key: "input",
-					ref: k
-				}, O.value, {
+					ref: D
+				}, E.value, {
 					type: "text",
 					role: "spinbutton",
 					autocomplete: "off",
-					inputmode: P.value > 0 || F.value ? "decimal" : "numeric",
-					value: A.value,
+					inputmode: F.value > 0 || I.value ? "decimal" : "numeric",
+					value: O.value,
 					name: a.name,
+					placeholder: a.placeholder,
 					disabled: a.disabled,
 					readonly: a.readonly,
 					required: a.required,
-					"aria-valuenow": C.value ?? void 0,
+					"aria-valuenow": x.value ?? void 0,
 					"aria-valuemin": a.min,
 					"aria-valuemax": a.max,
-					"aria-valuetext": U.value,
-					"aria-invalid": !!B.value || void 0,
-					"aria-describedby": V.value,
-					class: "block h-full w-full min-w-0 flex-1 rounded-10 bg-transparent px-2 text-center text-base font-normal text-heading tabular-nums outline-none placeholder:text-muted/80 disabled:cursor-not-allowed",
-					onInput: ce,
-					onKeydown: ue,
-					onFocus: o[0] ||= (e) => j.value = !0,
-					onBlur: le
-				}), null, 16, ae), a.unit || e.$slots.suffix ? (u(), n("span", {
+					"aria-valuetext": _e.value,
+					"aria-invalid": !!V.value || void 0,
+					"aria-describedby": ge.value,
+					class: ["block h-full w-full min-w-0 flex-1 rounded-10 bg-transparent px-2 text-center text-base text-heading tabular-nums outline-none disabled:cursor-not-allowed", [a.inheritFont ? "font-[inherit]" : "font-normal placeholder:text-muted/80", a.readonly && a.plainReadonly && "cursor-default"]],
+					onInput: be,
+					onKeydown: Se,
+					onFocus: o[0] ||= (e) => k.value = !0,
+					onBlur: xe
+				}), null, 16, le), a.unit || e.$slots.suffix ? (l(), n("span", {
 					key: 0,
 					class: c(["flex h-full shrink-0 items-center gap-1.5 text-base whitespace-nowrap text-muted select-none [&_svg]:size-4", a.size === "small" ? "pr-3" : "pr-4"]),
 					"aria-hidden": "true"
-				}, [f(e.$slots, "suffix"), a.unit ? (u(), n("span", oe, p(a.unit), 1)) : t("", !0)], 2)) : t("", !0)], 2),
-				a.stepButtons ? (u(), n("button", s({
+				}, [d(e.$slots, "suffix"), a.unit ? (l(), n("span", ue, f(a.unit), 1)) : t("", !0)], 2)) : t("", !0)], 2),
+				a.stepButtons ? (l(), n("button", s({
 					key: 1,
 					type: "button",
-					tabindex: "-1",
+					tabindex: a.focusableStepButtons ? void 0 : -1,
 					class: H.value
-				}, $(1)), [i(m(ne), {
+				}, $(1)), [i(p(ae), {
 					class: c(a.size === "small" ? "size-4" : "size-6"),
 					"aria-hidden": "true"
-				}, null, 8, ["class"])], 16)) : t("", !0)
+				}, null, 8, ["class"])], 16, de)) : t("", !0)
 			]),
-			B.value ? (u(), n("p", {
+			V.value ? (l(), n("p", {
 				key: 2,
-				id: `${m(T)}-msg`,
-				class: "mt-1 text-base text-danger-strong",
+				id: `${p(S)}-msg`,
+				class: c(["mt-1 text-base", a.plainError ? "text-danger" : "text-danger-strong"]),
 				role: "alert"
-			}, p(B.value), 9, se)) : t("", !0)
+			}, f(V.value), 11, v)) : t("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { x as default };
+export { y as default };

package/dist/lib/components/AcRadioCard.js

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

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

@@ -0,0 +1,55 @@
+export interface Props<V> {
+    /** Native radio `name`, used as given. Cards with the same `name` form one group: arrow keys move between them. Old cloud-ui `group`. */
+    name: string;
+    /** The value this card writes to `v-model` when it's selected. */
+    value: V;
+    /** Bold line at the top of the card. */
+    title?: string;
+    /** Muted text under the title. */
+    description?: string;
+    /** Greys the card out and stops it from being selected. */
+    disabled?: boolean;
+    /** Shows an 18px radio before the content instead of the check badge in the corner. Old cloud-ui `is-radio-show`. */
+    showRadio?: boolean;
+    /** Classes for the title, replacing `text-base font-semibold text-heading`, e.g. `text-lg font-semibold text-heading`. */
+    titleClass?: string;
+    /** Classes for the description, replacing `mt-0.5 text-xs leading-relaxed text-muted`. */
+    descriptionClass?: string;
+}
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(Props<T> & {
+        modelValue?: T;
+    }) & {
+        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+        onChange?: ((value: T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        /** Moves focus to the radio. */
+        focus: () => void | undefined;
+    }>) => void;
+    attrs: any;
+    slots: {
+        /** Replaces the whole card body (icon, title, description, features and right content). The radio and selection styles stay. Old cloud-ui `is-custom` with `#custom`. */
+        default?: () => unknown;
+        /** Icon or logo tile before the title. */
+        icon?: () => unknown;
+        /** Content after the title on the same line, e.g. a "Recommended" pill. Old cloud-ui `#subTitle`. */
+        subtitle?: () => unknown;
+        /** Pills under the description, e.g. "HA" or "PITR". */
+        features?: () => unknown;
+        /** Content on the right of the card, e.g. a price. Below 768px it moves under the text. Hides the check badge, so pair it with `show-radio`. Old cloud-ui `#rightContent`. */
+        right?: () => unknown;
+    };
+    emit: ((evt: "change", value: T) => void) & ((event: "update:modelValue", value: T) => void);
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1,135 @@
+import { Comment as e, Transition as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeModels as c, mergeProps as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useAttrs as g, useId as _, useModel as v, useSlots as y, withCtx as b } from "vue";
+import { Check as x } from "@lucide/vue";
+//#region src/lib/components/AcRadioCard.vue?vue&type=script&setup=true&lang.ts
+var S = ["aria-disabled"], C = [
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"aria-labelledby",
+	"aria-describedby"
+], w = {
+	key: 1,
+	class: "flex min-w-0 flex-1 items-start gap-3"
+}, T = {
+	key: 0,
+	class: "flex shrink-0 items-center"
+}, E = { class: "flex min-w-0 flex-1 flex-col gap-2 md:flex-row md:items-start md:justify-between md:gap-4" }, D = { class: "block min-w-0" }, O = ["id"], k = ["id"], A = ["id"], j = ["id"], M = {
+	key: 0,
+	class: "absolute top-2 right-2 flex size-4 items-center justify-center rounded-full bg-primary text-white shadow-sm",
+	"aria-hidden": "true"
+}, N = /*@__PURE__*/ s({
+	inheritAttrs: !1,
+	__name: "AcRadioCard",
+	props: /*@__PURE__*/ c({
+		name: {},
+		value: {},
+		title: { default: "" },
+		description: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showRadio: {
+			type: Boolean,
+			default: !1
+		},
+		titleClass: { default: "text-base font-semibold text-heading" },
+		descriptionClass: { default: "mt-0.5 text-xs leading-relaxed text-muted" }
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ c(["change"], ["update:modelValue"]),
+	setup(s, { expose: c, emit: N }) {
+		let P = s, F = v(s, "modelValue"), I = N, L = _(), R = g(), z = y(), B = f(null), V = n(() => ({
+			class: R.class,
+			style: R.style
+		})), H = n(() => {
+			let { class: e, style: t, ...n } = R;
+			return n;
+		}), U = n(() => F.value === P.value);
+		function W() {
+			return !!z.default?.().some((t) => t.type !== e);
+		}
+		function G() {
+			return !W() && (!!P.title || !!z.subtitle);
+		}
+		function K() {
+			if (!W()) return [
+				P.description && `${L}-desc`,
+				z.features && `${L}-features`,
+				z.right && `${L}-right`
+			].filter(Boolean).join(" ") || void 0;
+		}
+		function q() {
+			P.disabled || (F.value = P.value, I("change", P.value));
+		}
+		return c({ focus: () => B.value?.focus() }), (e, n) => (d(), i("label", l(V.value, {
+			class: ["group relative flex items-start gap-3 rounded-14 border p-3 transition-[border-color,background-color,box-shadow] duration-200 ease-out has-[>span>input[type=radio]:focus-visible]:ring-2 has-[>span>input[type=radio]:focus-visible]:ring-ring has-[>span>input[type=radio]:focus-visible]:ring-offset-2 has-[>span>input[type=radio]:focus-visible]:ring-offset-background motion-reduce:transition-none", [
+				s.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer",
+				U.value ? "border-primary bg-primary/5 shadow-[inset_0_0_0_1px_var(--color-primary)]" : "border-border bg-surface",
+				!U.value && !s.disabled && "hover:border-primary/40 hover:bg-accent-hover"
+			]],
+			"aria-disabled": s.disabled || void 0,
+			"data-ac-ds": "",
+			"data-testid": "ac-radio-card"
+		}), [
+			a("span", { class: u(s.showRadio ? "relative mt-0.5 inline-flex size-[18px] shrink-0" : "sr-only") }, [a("input", l({
+				ref_key: "input",
+				ref: B,
+				type: "radio",
+				name: s.name,
+				value: s.value,
+				checked: U.value,
+				disabled: s.disabled,
+				"aria-labelledby": G() ? `${h(L)}-title` : void 0,
+				"aria-describedby": K()
+			}, H.value, {
+				class: ["peer size-[18px] appearance-none rounded-full border transition-colors duration-200 focus-visible:outline-none disabled:cursor-not-allowed motion-reduce:transition-none", [U.value ? "border-primary bg-primary" : "border-muted/70 bg-background group-hover:border-primary/60", s.disabled ? "cursor-not-allowed" : "cursor-pointer"]],
+				onChange: q
+			}), null, 16, C), a("span", {
+				class: u(["pointer-events-none absolute inset-0 m-auto size-1.5 rounded-full bg-white transition-transform duration-200 motion-reduce:transition-none", U.value ? "scale-100" : "scale-0"]),
+				"aria-hidden": "true"
+			}, null, 2)], 2),
+			W() ? p(e.$slots, "default", {}, void 0, void 0, 0) : (d(), i("span", w, [e.$slots.icon ? (d(), i("span", T, [p(e.$slots, "icon")])) : r("", !0), a("span", E, [a("span", D, [
+				G() ? (d(), i("span", {
+					key: 0,
+					id: `${h(L)}-title`,
+					class: "flex flex-wrap items-center gap-x-2 gap-y-1"
+				}, [s.title ? (d(), i("span", {
+					key: 0,
+					class: u(["block font-heading tracking-[-0.012em] text-balance", s.titleClass])
+				}, m(s.title), 3)) : r("", !0), p(e.$slots, "subtitle")], 8, O)) : r("", !0),
+				s.description ? (d(), i("span", {
+					key: 1,
+					id: `${h(L)}-desc`,
+					class: u(["block text-pretty", s.descriptionClass])
+				}, m(s.description), 11, k)) : r("", !0),
+				e.$slots.features ? (d(), i("span", {
+					key: 2,
+					id: `${h(L)}-features`,
+					class: "mt-2.5 flex flex-wrap gap-1.5"
+				}, [p(e.$slots, "features")], 8, A)) : r("", !0)
+			]), e.$slots.right ? (d(), i("span", {
+				key: 0,
+				id: `${h(L)}-right`,
+				class: "block shrink-0"
+			}, [p(e.$slots, "right")], 8, j)) : r("", !0)])])),
+			o(t, {
+				"enter-active-class": "transition duration-150 ease-out motion-reduce:transition-none",
+				"enter-from-class": "scale-50 opacity-0",
+				"leave-active-class": "transition duration-100 ease-in motion-reduce:transition-none",
+				"leave-to-class": "scale-50 opacity-0"
+			}, {
+				default: b(() => [U.value && !s.showRadio && !e.$slots.right ? (d(), i("span", M, [o(h(x), {
+					class: "size-2.5",
+					"stroke-width": 3.5
+				})])) : r("", !0)]),
+				_: 1
+			})
+		], 16, S));
+	}
+});
+//#endregion
+export { N as default };