@ac-design/design-system 1.0.2 → 2.0.0

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. Defaults to "© <current year> AppsCode Inc."; pass an empty string to hide it. */
+    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: () => `© ${(/* @__PURE__ */ new Date()).getFullYear()} AppsCode Inc.` },
+		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;