@ac-design/design-system 1.0.3 → 2.1.0

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

@@ -1,31 +1,31 @@
-import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeModels as c, nextTick as ee, normalizeClass as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, useId as h, useModel as g, withModifiers as _ } from "vue";
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeModels as c, nextTick as l, normalizeClass as u, openBlock as d, ref as f, renderList as ee, toDisplayString as p, unref as m, useId as h, useModel as g, withModifiers as _ } from "vue";
 import { CircleAlert as v, FileText as y, Upload as b, X as x } from "@lucide/vue";
 //#region src/lib/components/AcFileUpload.vue?vue&type=script&setup=true&lang.ts
-var S = ["id"], te = {
+var te = ["id"], ne = {
 	key: 0,
 	class: "text-danger",
 	"aria-hidden": "true"
-}, ne = [
+}, re = ["id"], S = [
 	"id",
 	"name",
 	"accept",
 	"multiple",
 	"disabled"
-], re = [
+], ie = [
 	"disabled",
 	"aria-describedby",
 	"aria-label"
-], ie = ["title"], ae = ["aria-label"], C = { class: "pointer-events-none text-base text-heading" }, w = { class: "font-medium" }, oe = {
+], ae = ["title"], C = ["aria-label"], oe = { class: "pointer-events-none text-base text-heading" }, w = { class: "font-medium" }, T = {
 	key: 0,
 	class: "text-muted"
-}, T = [
+}, E = [
 	"disabled",
 	"aria-describedby",
 	"aria-label"
-], E = {
+], D = {
 	key: 0,
 	class: "pointer-events-none -mt-1 text-xs text-muted"
-}, D = ["id"], O = ["id"], se = ["aria-label"], ce = ["title"], le = { class: "shrink-0 text-xs text-muted tabular-nums" }, ue = [
+}, O = ["id"], se = ["aria-label"], ce = ["title"], le = { class: "shrink-0 text-xs text-muted tabular-nums" }, ue = [
 	"aria-label",
 	"disabled",
 	"onClick"
@@ -68,10 +68,10 @@ var S = ["id"], te = {
 		"reject"
 	], ["update:modelValue"]),
 	setup(s, { expose: c, emit: k }) {
-		let A = s, j = g(s, "modelValue"), M = k, N = h(), P = d(null), F = d(null), I = d(null), L = d(0), R = d([]), z = d(""), B = t(() => L.value > 0), V = t(() => A.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean)), fe = t(() => {
+		let A = s, j = g(s, "modelValue"), M = k, N = h(), P = f(null), F = f(null), I = f(null), L = f(0), R = f([]), z = f(""), B = t(() => L.value > 0), V = t(() => A.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean)), fe = t(() => {
 			let e = [];
 			return V.value.length && e.push(V.value.join(", ")), A.maxSize && e.push(`up to ${q(A.maxSize)}`), e.join(" · ");
-		}), H = t(() => A.description || fe.value), U = t(() => R.value.map((e) => e.message).join(" ")), W = t(() => A.errorMsg || U.value), G = t(() => W.value || A.hint ? `${N}-msg` : void 0), K = t(() => j.value.length ? j.value.length === 1 ? j.value[0].name : `${j.value.length} files` : "");
+		}), H = t(() => A.description || fe.value), U = t(() => R.value.map((e) => e.message).join(" ")), W = t(() => A.errorMsg || U.value), G = t(() => [A.hint && `${N}-hint`, W.value && `${N}-msg`].filter(Boolean).join(" ") || void 0), K = t(() => j.value.length ? j.value.length === 1 ? j.value[0].name : `${j.value.length} files` : "");
 		function q(e) {
 			if (e < 1024) return `${e} B`;
 			let t = [
@@ -131,7 +131,7 @@ var S = ["id"], te = {
 		async function ge(e) {
 			let t = j.value[e];
 			if (!t || A.disabled) return;
-			j.value = j.value.filter((t, n) => n !== e), R.value = [], M("remove", t), z.value = `${t.name} removed.`, await ee();
+			j.value = j.value.filter((t, n) => n !== e), R.value = [], M("remove", t), z.value = `${t.name} removed.`, await l();
 			let n = I.value?.querySelectorAll("button");
 			(n?.[Math.min(e, n.length - 1)] ?? F.value)?.focus();
 		}
@@ -139,16 +139,21 @@ var S = ["id"], te = {
 			let e = [...j.value];
 			j.value = [], R.value = [], e.forEach((e) => M("remove", e)), z.value = "File removed.", F.value?.focus();
 		}
-		return c({ open: Y }), (t, c) => (u(), r("div", {
-			class: l(["w-full", s.disabled && "opacity-60"]),
+		return c({ open: Y }), (t, c) => (d(), r("div", {
+			class: u(["w-full", s.disabled && "opacity-50"]),
 			"data-ac-ds": "",
 			"data-testid": "ac-file-upload"
 		}, [
-			s.label ? (u(), r("p", {
+			s.label ? (d(), r("p", {
 				key: 0,
 				id: `${m(N)}-label`,
-				class: "mb-1.5 text-xs font-medium text-label"
-			}, [a(p(s.label), 1), s.required ? (u(), r("span", te, " *")) : n("", !0)], 8, S)) : n("", !0),
+				class: "mb-2 flex items-center gap-1 text-base font-medium text-heading"
+			}, [i("span", null, p(s.label), 1), s.required ? (d(), r("span", ne, "*")) : n("", !0)], 8, te)) : n("", !0),
+			s.hint ? (d(), r("p", {
+				key: 1,
+				id: `${m(N)}-hint`,
+				class: "mb-2 text-base text-muted"
+			}, p(s.hint), 9, re)) : n("", !0),
 			i("input", {
 				id: `${m(N)}-input`,
 				ref_key: "input",
@@ -162,10 +167,10 @@ var S = ["id"], te = {
 				multiple: s.multiple,
 				disabled: s.disabled,
 				onChange: he
-			}, null, 40, ne),
-			s.small ? (u(), r("div", {
-				key: 1,
-				class: l(["flex h-9 w-full items-center rounded-6 border bg-surface shadow-xs transition-[border-color,box-shadow] duration-150", [W.value ? "border-red-60" : B.value ? "border-primary shadow-[0_0_0_3px_var(--color-ring)]" : "border-border hover:border-border-dark", s.disabled && "bg-surface-muted"]]),
+			}, null, 40, S),
+			s.small ? (d(), r("div", {
+				key: 2,
+				class: u(["flex h-10 w-full items-center rounded-10 border transition-[border-color,box-shadow,background-color] duration-200", [s.disabled ? "cursor-not-allowed bg-surface-muted" : "bg-background", W.value ? "border-danger/60" : B.value ? "focus-ring" : ["border-border focus-within:focus-ring", !s.disabled && "hover:border-accent-active"]]]),
 				onDragenter: X,
 				onDragover: Z,
 				onDragleave: Q,
@@ -175,32 +180,32 @@ var S = ["id"], te = {
 					ref_key: "browseButton",
 					ref: F,
 					type: "button",
-					class: "ml-1 inline-flex h-7 shrink-0 cursor-pointer items-center gap-1.5 rounded-4 border border-border bg-surface-muted px-2.5 text-xs font-medium text-heading transition hover:bg-surface-sunken focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring disabled:cursor-not-allowed",
+					class: "ml-1 inline-flex h-8 shrink-0 cursor-pointer items-center gap-1.5 rounded-8 border border-border bg-surface px-3 text-base font-medium text-heading transition-colors duration-200 hover:bg-surface-sunken/70 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none disabled:cursor-not-allowed disabled:hover:bg-surface",
 					disabled: s.disabled,
 					"aria-describedby": G.value,
 					"aria-label": s.label ? `${s.multiple ? "Choose files" : "Choose file"} for ${s.label}` : void 0,
 					onClick: Y
 				}, [o(m(b), {
-					class: "size-3.5",
+					class: "size-4 text-muted",
 					"aria-hidden": "true"
-				}), a(" " + p(s.multiple ? "Choose files" : "Choose file"), 1)], 8, re),
+				}), a(" " + p(s.multiple ? "Choose files" : "Choose file"), 1)], 8, ie),
 				i("span", {
-					class: l(["min-w-0 flex-1 truncate px-2.5 text-base", K.value ? "text-heading" : "text-muted"]),
+					class: u(["min-w-0 flex-1 truncate px-3 text-base", K.value ? "text-heading" : "text-muted/80"]),
 					title: j.value.map((e) => e.name).join(", ")
-				}, p(K.value || (s.multiple ? "No files chosen" : "No file chosen")), 11, ie),
-				j.value.length && !s.disabled ? (u(), r("button", {
+				}, p(K.value || (s.multiple ? "No files chosen" : "No file chosen")), 11, ae),
+				j.value.length && !s.disabled ? (d(), r("button", {
 					key: 0,
 					type: "button",
-					class: "mr-1.5 inline-flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-4 text-muted transition hover:bg-surface-sunken hover:text-heading focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring",
+					class: "mr-1.5 inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-8 text-muted transition-colors hover:bg-surface-sunken hover:text-heading focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
 					"aria-label": j.value.length === 1 ? `Remove ${j.value[0].name}` : "Remove all files",
 					onClick: _e
 				}, [o(m(x), {
-					class: "size-3.5",
+					class: "size-4",
 					"aria-hidden": "true"
-				})], 8, ae)) : n("", !0)
-			], 34)) : (u(), r("div", {
-				key: 2,
-				class: l(["flex flex-col items-center justify-center gap-3 rounded-10 border border-dashed px-6 py-7 text-center transition-colors duration-150", [s.disabled ? "cursor-not-allowed border-border bg-surface-muted" : "cursor-pointer", !s.disabled && (B.value ? "border-primary bg-primary-97" : W.value ? "border-red-60 bg-surface hover:bg-surface-muted" : "border-border-dark bg-surface hover:bg-surface-muted")]]),
+				})], 8, C)) : n("", !0)
+			], 34)) : (d(), r("div", {
+				key: 3,
+				class: u(["flex flex-col items-center justify-center gap-3 rounded-10 border-2 border-dashed px-6 py-7 text-center transition-colors duration-200", [s.disabled ? "cursor-not-allowed border-border bg-surface-muted" : "cursor-pointer", !s.disabled && (B.value ? "border-primary bg-primary/5" : W.value ? "border-danger/50 bg-danger/5" : "border-border bg-surface hover:border-primary/50 hover:bg-primary/3")]]),
 				onClick: _(Y, ["self"]),
 				onDragenter: X,
 				onDragover: Z,
@@ -208,43 +213,40 @@ var S = ["id"], te = {
 				onDrop: $
 			}, [
 				i("span", {
-					class: l(["pointer-events-none inline-flex size-10 items-center justify-center rounded-10 border shadow-xs transition-colors", B.value ? "border-primary-80 bg-surface text-primary" : "border-border bg-surface text-muted"]),
+					class: u(["pointer-events-none inline-flex size-10 items-center justify-center rounded-10 transition-colors duration-200", B.value ? "bg-primary/10 text-primary-strong" : "bg-surface-sunken text-muted"]),
 					"aria-hidden": "true"
-				}, [o(m(b), { class: "size-4.5" })], 2),
-				i("p", C, [i("span", w, p(B.value ? "Drop to upload" : s.multiple ? "Drag and drop files here" : "Drag and drop a file here"), 1), B.value ? n("", !0) : (u(), r("span", oe, " or"))]),
+				}, [o(m(b), { class: "size-5" })], 2),
+				i("p", oe, [i("span", w, p(B.value ? "Drop to upload" : s.multiple ? "Drag and drop files here" : "Drag and drop a file here"), 1), B.value ? n("", !0) : (d(), r("span", T, " or"))]),
 				i("button", {
 					ref_key: "browseButton",
 					ref: F,
 					type: "button",
-					class: "inline-flex h-8 cursor-pointer items-center gap-2 rounded-6 border border-border bg-surface px-3 text-base font-medium text-heading shadow-xs transition hover:border-border-dark hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring disabled:cursor-not-allowed",
+					class: "inline-flex h-8 cursor-pointer items-center gap-2 rounded-10 border border-border bg-surface px-3 text-base font-medium text-heading transition-[color,background-color,border-color,box-shadow,transform] duration-200 hover:bg-surface-sunken/70 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface focus-visible:outline-none active:translate-y-px disabled:cursor-not-allowed disabled:hover:bg-surface",
 					disabled: s.disabled,
 					"aria-describedby": G.value,
 					"aria-label": s.label ? `Browse files for ${s.label}` : void 0,
 					onClick: Y
-				}, " Browse files ", 8, T),
-				H.value ? (u(), r("p", E, p(H.value), 1)) : n("", !0)
+				}, " Browse files ", 8, E),
+				H.value ? (d(), r("p", D, p(H.value), 1)) : n("", !0)
 			], 34)),
-			W.value ? (u(), r("p", {
-				key: 3,
+			W.value ? (d(), r("p", {
+				key: 4,
 				id: `${m(N)}-msg`,
-				class: "mt-1.5 flex items-start gap-1 text-xs text-red-30"
+				class: "mt-1.5 flex items-start gap-1.5 text-base text-danger-strong",
+				role: "alert"
 			}, [o(m(v), {
-				class: "mt-px size-3.5 shrink-0",
+				class: "mt-0.5 size-4 shrink-0",
 				"aria-hidden": "true"
-			}), a(" " + p(W.value), 1)], 8, D)) : s.hint ? (u(), r("p", {
-				key: 4,
-				id: `${m(N)}-msg`,
-				class: "mt-1.5 text-xs text-muted"
-			}, p(s.hint), 9, O)) : n("", !0),
-			!s.small && j.value.length ? (u(), r("ul", {
+			}), a(" " + p(W.value), 1)], 8, O)) : n("", !0),
+			!s.small && j.value.length ? (d(), r("ul", {
 				key: 5,
 				ref_key: "list",
 				ref: I,
-				class: "mt-3 divide-y divide-border-light overflow-hidden rounded-8 border border-border bg-surface",
+				class: "mt-3 divide-y divide-border overflow-hidden rounded-10 border border-border bg-surface",
 				"aria-label": s.label ? `${s.label} files` : "Chosen files"
-			}, [(u(!0), r(e, null, f(j.value, (e, t) => (u(), r("li", {
+			}, [(d(!0), r(e, null, ee(j.value, (e, t) => (d(), r("li", {
 				key: `${e.name}-${e.size}-${e.lastModified}`,
-				class: "flex items-center gap-3 py-2 pr-2 pl-3"
+				class: "flex items-center gap-3 py-2 pr-2 pl-4"
 			}, [
 				o(m(y), {
 					class: "size-4 shrink-0 text-muted",
@@ -257,12 +259,12 @@ var S = ["id"], te = {
 				i("span", le, p(q(e.size)), 1),
 				i("button", {
 					type: "button",
-					class: "inline-flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-4 text-muted transition hover:bg-surface-sunken hover:text-heading focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring disabled:cursor-not-allowed",
+					class: "inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-8 text-muted transition-colors hover:bg-surface-sunken hover:text-heading focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring focus-visible:outline-none disabled:cursor-not-allowed",
 					"aria-label": `Remove ${e.name}`,
 					disabled: s.disabled,
 					onClick: (e) => ge(t)
 				}, [o(m(x), {
-					class: "size-3.5",
+					class: "size-4",
 					"aria-hidden": "true"
 				})], 8, ue)
 			]))), 128))], 8, se)) : n("", !0),

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

@@ -4,7 +4,7 @@ import { Fragment as n, createElementBlock as r, createElementVNode as i, define
 var d = {
 	role: "radiogroup",
 	"aria-label": "Text size",
-	class: "inline-flex items-center gap-0.5 rounded-8 border border-border bg-surface-muted p-0.5",
+	class: "inline-flex items-center gap-1 rounded-10 bg-surface-sunken p-1",
 	"data-ac-ds": "",
 	"data-testid": "ac-font-scale"
 }, f = [
@@ -52,7 +52,7 @@ var d = {
 			"aria-checked": u(y) === e.value,
 			"aria-label": a.display === "icons" ? `${e.label} text` : void 0,
 			title: a.display === "icons" ? `${e.label} text` : void 0,
-			class: o(["inline-flex h-6.5 cursor-pointer items-center justify-center gap-1.5 rounded-6 text-xs font-medium transition focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring", [a.display === "icons" ? "w-7" : "px-2.5", u(y) === e.value ? "bg-surface text-heading shadow-sm ring-1 ring-border" : "text-muted hover:text-heading"]]),
+			class: o(["inline-flex h-7 cursor-pointer items-center justify-center gap-1.5 rounded-8 text-base font-medium transition-[background-color,color,box-shadow] duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset focus-visible:outline-none", [a.display === "icons" ? "w-7" : "px-3", u(y) === e.value ? "bg-surface text-heading shadow-sm" : "text-muted hover:text-heading"]]),
 			onClick: (t) => x(e.value)
 		}, [a.display === "icons" ? (s(), r("span", {
 			key: 0,

package/dist/lib/components/AcFooter.js

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

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

@@ -0,0 +1,37 @@
+export interface FooterLink {
+    /** Link text, e.g. "Docs". */
+    label: string;
+    /** URL of the page. */
+    href?: string;
+    /** Route for `RouterLink` (needs vue-router in the app). Takes precedence over `href`. */
+    to?: string | Record<string, unknown>;
+    /** Opens in a new tab, with `rel="noopener noreferrer"`. */
+    external?: boolean;
+}
+export interface Props {
+    /** Links in the footer row. Defaults to AppsCode's support, docs, blog, pricing and legal pages. */
+    links?: FooterLink[];
+    /** Line under the links, e.g. "© 2026 AppsCode Inc.". Empty by default, like cloud-ui's footer. */
+    copyright?: string;
+    /** App version shown after the copyright in mono text, e.g. "v2026.10.1". */
+    version?: string;
+}
+type __VLS_Slots = {
+    /** Content before the links, e.g. a logo. When the footer is 896px or wider it sits at the left; narrower, everything stacks and centres. */
+    start?: () => unknown;
+    /** Content after the links, e.g. a theme or language switcher. When the footer is 896px or wider it sits at the right. */
+    end?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    version: string;
+    links: FooterLink[];
+    copyright: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,107 @@
+import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, getCurrentInstance as s, normalizeClass as c, openBlock as l, renderList as u, renderSlot as d, resolveDynamicComponent as f, toDisplayString as p, unref as m, useSlots as h, withCtx as g } from "vue";
+//#region src/lib/components/AcFooter.vue?vue&type=script&setup=true&lang.ts
+var _ = {
+	class: "@container w-full border-t border-border/80 bg-background/90 py-5 backdrop-blur-sm",
+	"data-ac-ds": "",
+	"data-testid": "ac-footer"
+}, v = { class: "mx-auto flex max-w-page flex-col items-center gap-3 px-4" }, y = { class: "flex w-full flex-col items-center gap-3 @4xl:flex-row @4xl:justify-between" }, b = {
+	key: 0,
+	class: "flex shrink-0 items-center gap-2"
+}, x = {
+	"aria-label": "Footer",
+	class: "min-w-0 @4xl:flex-1"
+}, S = { class: "m-0 flex list-none flex-wrap items-center justify-center gap-1.5 p-0" }, C = [
+	"href",
+	"target",
+	"rel"
+], w = {
+	key: 0,
+	class: "sr-only"
+}, T = {
+	key: 1,
+	class: "flex shrink-0 items-center gap-2"
+}, E = {
+	key: 0,
+	class: "m-0 flex flex-wrap items-center justify-center gap-x-2 text-xs text-muted"
+}, D = { key: 0 }, O = {
+	key: 1,
+	"aria-hidden": "true"
+}, k = {
+	key: 2,
+	class: "font-mono"
+}, A = "inline-flex rounded-8 px-2.5 py-1.5 text-xs text-muted no-underline transition-colors duration-200 hover:bg-surface-sunken/60 hover:text-heading focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none motion-reduce:transition-none", j = /*@__PURE__*/ o({
+	__name: "AcFooter",
+	props: {
+		links: { default: () => [
+			{
+				label: "Support",
+				href: "https://appscode.com/support/",
+				external: !0
+			},
+			{
+				label: "Docs",
+				href: "https://appscode.com/docs/",
+				external: !0
+			},
+			{
+				label: "Learn",
+				href: "https://appscode.com/learn/",
+				external: !0
+			},
+			{
+				label: "Blog",
+				href: "https://appscode.com/blog/",
+				external: !0
+			},
+			{
+				label: "Pricing",
+				href: "https://appscode.com/pricing/",
+				external: !0
+			},
+			{
+				label: "Contact",
+				href: "https://appscode.com/contact/",
+				external: !0
+			},
+			{
+				label: "Privacy",
+				href: "https://appscode.com/legal/privacy-policy/",
+				external: !0
+			},
+			{
+				label: "Terms",
+				href: "https://appscode.com/legal/tos/",
+				external: !0
+			}
+		] },
+		copyright: { default: "" },
+		version: { default: "" }
+	},
+	setup(o) {
+		let j = h(), M = s()?.appContext.components.RouterLink;
+		return (s, h) => (l(), r("footer", _, [i("div", v, [i("div", y, [
+			j.start ? (l(), r("div", b, [d(s.$slots, "start")])) : n("", !0),
+			i("nav", x, [i("ul", S, [(l(!0), r(e, null, u(o.links, (e) => (l(), r("li", { key: e.label }, [e.to && m(M) ? (l(), t(f(m(M)), {
+				key: 0,
+				to: e.to,
+				class: c(A)
+			}, {
+				default: g(() => [a(p(e.label), 1)]),
+				_: 2
+			}, 1032, ["to"])) : (l(), r("a", {
+				key: 1,
+				href: e.href ?? (typeof e.to == "string" ? e.to : void 0),
+				target: e.external ? "_blank" : void 0,
+				rel: e.external ? "noopener noreferrer" : void 0,
+				class: c(A)
+			}, [a(p(e.label), 1), e.external ? (l(), r("span", w, " (opens in a new tab)")) : n("", !0)], 8, C))]))), 128))])]),
+			j.end ? (l(), r("div", T, [d(s.$slots, "end")])) : n("", !0)
+		]), o.copyright || o.version ? (l(), r("p", E, [
+			o.copyright ? (l(), r("span", D, p(o.copyright), 1)) : n("", !0),
+			o.copyright && o.version ? (l(), r("span", O, "·")) : n("", !0),
+			o.version ? (l(), r("span", k, p(o.version), 1)) : n("", !0)
+		])) : n("", !0)])]));
+	}
+});
+//#endregion
+export { j as default };

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

@@ -5,6 +5,8 @@ export interface Props {
     layout?: "stacked" | "aside";
     /** Lets the browser block submit on empty `required` fields. Off by default so `@submit` always fires and your own validation shows its messages. */
     nativeValidation?: boolean;
+    /** Default look of every AcFormSection inside: `card` gives each section its own bordered card, 12px apart; `plain` separates sections with a divider, for a form already inside a card, modal or side panel. */
+    variant?: "card" | "plain";
 }
 type __VLS_Slots = {
     /** AcFormSection groups, or fields directly. */
@@ -17,6 +19,7 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onSubmit?: ((event: SubmitEvent) => any) | undefined;
 }>, {
+    variant: "card" | "plain";
     width: "narrow" | "normal" | "wide" | "full";
     layout: "stacked" | "aside";
     nativeValidation: boolean;

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

@@ -8,7 +8,8 @@ var l = ["novalidate"], u = /*@__PURE__*/ r({
 		nativeValidation: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		variant: { default: "card" }
 	},
 	emits: ["submit"],
 	setup(r, { emit: u }) {
@@ -20,6 +21,7 @@ var l = ["novalidate"], u = /*@__PURE__*/ r({
 		}, m = e(() => p[d.width ?? (d.layout === "aside" ? "wide" : "normal")]);
 		o("ac-form", {
 			layout: e(() => d.layout),
+			variant: e(() => d.variant),
 			widthClass: m
 		});
 		function h(e) {
@@ -31,7 +33,7 @@ var l = ["novalidate"], u = /*@__PURE__*/ r({
 			"data-ac-ds": "",
 			"data-testid": "ac-form",
 			onSubmit: c(h, ["prevent"])
-		}, [n("div", { class: i(["flex w-full flex-col", m.value]) }, [s(e.$slots, "default")], 2), s(e.$slots, "footer")], 40, l));
+		}, [n("div", { class: i(["flex w-full flex-col", [m.value, r.variant === "card" && "gap-3"]]) }, [s(e.$slots, "default")], 2), s(e.$slots, "footer")], 40, l));
 	}
 });
 //#endregion

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

@@ -13,7 +13,7 @@ export interface FormArrayColumn<I = Record<string, unknown>> {
     width?: string;
 }
 export interface Props<I> {
-    /** Name of the field, e.g. “Quotas” or “Environment Variables”. */
+    /** Name of the field, e.g. “Quotas” or “Environment variables”. */
     label: string;
     /** Columns of the item table: `{ key, label, type?, format?, width? }`. */
     columns: FormArrayColumn<I>[];
@@ -49,7 +49,7 @@ export interface Props<I> {
     defaultCollapsed?: boolean;
     /** Error for the whole field, e.g. “Add at least one quota”. A list shows one per line. */
     errorMsg?: string | string[];
-    /** Helper text under the label (hidden while `errorMsg` is set). */
+    /** Help text between the label and the items. */
     hint?: string;
     /** Text of the Add button. Defaults to “Add <itemName>”. */
     addLabel?: string;