@ac-design/design-system 0.0.0-stage → 1.0.1

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

@@ -0,0 +1,114 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, openBlock as u, renderSlot as d, resolveDynamicComponent as f, toDisplayString as p, unref as m, useModel as h } from "vue";
+import { ArrowRight as g, CircleAlert as _, Info as v, Megaphone as y, TriangleAlert as b, X as x } from "@lucide/vue";
+//#region src/lib/components/AcBanner.vue?vue&type=script&setup=true&lang.ts
+var S = ["role"], C = { class: "flex min-w-0 flex-1 flex-col gap-x-4 gap-y-1.5 sm:flex-row sm:flex-wrap sm:items-center" }, w = { class: "min-w-0" }, T = {
+	key: 1,
+	"aria-hidden": "true"
+}, E = ["href"], D = /*@__PURE__*/ s({
+	__name: "AcBanner",
+	props: /*@__PURE__*/ c({
+		color: { default: "info" },
+		variant: { default: "subtle" },
+		title: { default: "" },
+		actionLabel: { default: "" },
+		actionHref: { default: "" },
+		dismissible: {
+			type: Boolean,
+			default: !1
+		},
+		icon: { default: void 0 },
+		hideIcon: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		open: {
+			type: Boolean,
+			default: !0
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ c(["action", "close"], ["update:open"]),
+	setup(s, { emit: c }) {
+		let D = s, O = h(s, "open"), k = c, A = {
+			info: {
+				subtle: "border-blue-90 bg-blue-97 text-blue-20",
+				solid: "border-black/15 bg-info text-white",
+				icon: "text-blue-50",
+				glyph: v
+			},
+			warning: {
+				subtle: "border-yellow-80 bg-yellow-97 text-yellow-20",
+				solid: "border-black/15 bg-warning text-on-warning",
+				icon: "text-yellow-50",
+				glyph: b
+			},
+			danger: {
+				subtle: "border-red-90 bg-red-97 text-red-20",
+				solid: "border-black/15 bg-danger text-white",
+				icon: "text-red-40",
+				glyph: _
+			},
+			primary: {
+				subtle: "border-primary-90 bg-primary-97 text-primary-20",
+				solid: "border-black/15 bg-primary text-white",
+				icon: "text-primary",
+				glyph: y
+			},
+			neutral: {
+				subtle: "border-border bg-surface-muted text-body",
+				solid: "border-black/15 bg-heading text-surface",
+				icon: "text-muted",
+				glyph: v
+			}
+		}, j = e(() => A[D.color]), M = e(() => D.icon ?? j.value.glyph);
+		function N() {
+			O.value = !1, k("close");
+		}
+		return (e, c) => O.value ? (u(), r("div", {
+			key: 0,
+			class: l(["flex w-full items-start gap-3 border-b px-4 py-2.5 text-base sm:items-center sm:px-6", [j.value[s.variant], s.variant === "solid" ? "[&_a]:text-inherit [&_strong]:text-inherit" : "[&_strong]:text-heading"]]),
+			role: s.color === "danger" || s.color === "warning" ? "alert" : "status",
+			"data-ac-ds": "",
+			"data-testid": "ac-banner"
+		}, [
+			s.hideIcon ? n("", !0) : (u(), t(f(M.value), {
+				key: 0,
+				class: l(["mt-0.5 size-4 shrink-0 sm:mt-0", s.variant === "subtle" ? j.value.icon : "opacity-90"]),
+				"aria-hidden": "true"
+			}, null, 8, ["class"])),
+			i("div", C, [i("p", w, [
+				s.title ? (u(), r("strong", {
+					key: 0,
+					class: l(["font-semibold", s.variant === "subtle" && "text-heading"])
+				}, p(s.title), 3)) : n("", !0),
+				s.title && e.$slots.default ? (u(), r("span", T, " · ")) : n("", !0),
+				d(e.$slots, "default")
+			]), d(e.$slots, "action", {}, () => [s.actionLabel && s.actionHref ? (u(), r("a", {
+				key: 0,
+				href: s.actionHref,
+				class: "inline-flex shrink-0 items-center gap-1 font-medium whitespace-nowrap underline decoration-current/40 underline-offset-2 transition hover:decoration-current focus-visible:rounded-2 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring"
+			}, [a(p(s.actionLabel), 1), o(m(g), {
+				class: "size-3.5",
+				"aria-hidden": "true"
+			})], 8, E)) : s.actionLabel ? (u(), r("button", {
+				key: 1,
+				type: "button",
+				class: l(["inline-flex h-7 shrink-0 cursor-pointer items-center self-start rounded-6 border px-2.5 text-xs font-medium whitespace-nowrap transition focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring sm:self-auto", s.variant === "solid" ? "border-current/30 bg-current/10 hover:bg-current/20" : "border-current/25 bg-surface text-heading shadow-xs hover:bg-surface-muted"]),
+				onClick: c[0] ||= (e) => k("action")
+			}, p(s.actionLabel), 3)) : n("", !0)])]),
+			s.dismissible ? (u(), r("button", {
+				key: 1,
+				type: "button",
+				class: "-my-1 -mr-1.5 inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-6 opacity-75 transition hover:bg-current/10 hover:opacity-100 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring",
+				"aria-label": "Dismiss",
+				onClick: N
+			}, [o(m(x), {
+				class: "size-4",
+				"aria-hidden": "true"
+			})])) : n("", !0)
+		], 10, S)) : n("", !0);
+	}
+});
+//#endregion
+export { D as default };

package/dist/lib/components/AcBreadcrumb.js

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

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

@@ -0,0 +1,25 @@
+import type { Component } from "vue";
+export interface BreadcrumbItem {
+    /** Text of the crumb. */
+    label: string;
+    /** Route for `RouterLink` (needs vue-router in the app). */
+    to?: string | Record<string, unknown>;
+    /** Plain link, when there's no router. */
+    href?: string;
+    /** A Lucide icon before the label. */
+    icon?: Component;
+}
+export interface Props {
+    /** The path, from the top level down. The last item is the current page and isn't a link. */
+    items: BreadcrumbItem[];
+    /** Replaces the first item's label with a house icon (the label stays as its accessible name). */
+    homeIcon?: boolean;
+    /** With more items than this, the middle ones collapse behind "…" until clicked. */
+    maxItems?: number;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    homeIcon: boolean;
+    maxItems: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,88 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, getCurrentInstance as c, mergeProps as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { ChevronRight as v, House as y } from "@lucide/vue";
+//#region src/lib/components/AcBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	"aria-label": "Breadcrumb",
+	"data-ac-ds": "",
+	"data-testid": "ac-breadcrumb"
+}, x = { class: "flex min-w-0 flex-wrap items-center gap-1 text-xs text-muted" }, S = {
+	key: 0,
+	class: "flex items-center text-slate-60",
+	"aria-hidden": "true"
+}, C = {
+	key: 1,
+	class: "flex"
+}, w = {
+	key: 2,
+	class: "flex min-w-0 items-center"
+}, T = ["aria-current"], E = { class: "truncate" }, D = { class: "truncate" }, O = /*@__PURE__*/ s({
+	__name: "AcBreadcrumb",
+	props: {
+		items: {},
+		homeIcon: {
+			type: Boolean,
+			default: !1
+		},
+		maxItems: { default: 4 }
+	},
+	setup(s) {
+		let O = s, k = c()?.appContext.components.RouterLink, A = f(!1), j = t(() => {
+			let e = O.items.map((e, t) => ({
+				item: e,
+				index: t
+			}));
+			return A.value || e.length <= O.maxItems ? e : [
+				e[0],
+				null,
+				...e.slice(e.length - (O.maxItems - 2))
+			];
+		});
+		function M(e) {
+			if (e.to !== void 0 && k) return {
+				is: k,
+				to: e.to
+			};
+			let t = e.href ?? (typeof e.to == "string" ? e.to : void 0);
+			return t ? {
+				is: "a",
+				href: t
+			} : null;
+		}
+		return (t, c) => (d(), i("nav", b, [a("ol", x, [(d(!0), i(e, null, p(j.value, (t, f) => (d(), i(e, { key: t ? t.index : "ellipsis" }, [f > 0 ? (d(), i("li", S, [o(g(v), { class: "size-3" })])) : r("", !0), t ? (d(), i("li", w, [t.index === s.items.length - 1 || !M(t.item) ? (d(), i("span", {
+			key: 0,
+			class: u(["flex min-w-0 items-center gap-1", t.index === s.items.length - 1 && "font-medium text-heading"]),
+			"aria-current": t.index === s.items.length - 1 ? "page" : void 0
+		}, [t.item.icon ? (d(), n(m(t.item.icon), {
+			key: 0,
+			class: "size-3.5 shrink-0",
+			"aria-hidden": "true"
+		})) : r("", !0), a("span", E, h(t.item.label), 1)], 10, T)) : (d(), n(m(M(t.item).is), l({
+			key: 1,
+			ref_for: !0
+		}, {
+			...M(t.item),
+			is: void 0
+		}, {
+			class: "flex min-w-0 items-center gap-1 rounded-4 transition-colors hover:text-heading focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring",
+			"aria-label": s.homeIcon && t.index === 0 ? t.item.label : void 0
+		}), {
+			default: _(() => [s.homeIcon && t.index === 0 ? (d(), n(g(y), {
+				key: 0,
+				class: "size-3.5 shrink-0",
+				"aria-hidden": "true"
+			})) : (d(), i(e, { key: 1 }, [t.item.icon ? (d(), n(m(t.item.icon), {
+				key: 0,
+				class: "size-3.5 shrink-0",
+				"aria-hidden": "true"
+			})) : r("", !0), a("span", D, h(t.item.label), 1)], 64))]),
+			_: 2
+		}, 1040, ["aria-label"]))])) : (d(), i("li", C, [a("button", {
+			type: "button",
+			class: "cursor-pointer rounded-4 px-1 hover:bg-surface-sunken hover:text-heading focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring",
+			"aria-label": "Show full path",
+			onClick: c[0] ||= (e) => A.value = !0
+		}, " … ")]))], 64))), 128))])]));
+	}
+});
+//#endregion
+export { O as default };

package/dist/lib/components/AcButton.js

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

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

@@ -0,0 +1,49 @@
+import type { Tone, Variant } from "./types";
+export interface Props {
+    /** Text label. You can also pass content through the default slot. */
+    title?: string;
+    /** Colour of the button. `white` and `ghost` are neutral styles for secondary actions. */
+    color?: Tone | "white" | "ghost";
+    /** `solid` fill, `light` tinted fill (-95 background, -30 text) or `outlined` border. */
+    variant?: Variant;
+    /** Height and padding: `small` 28px, `normal` 32px, `medium` 40px. */
+    size?: "small" | "normal" | "medium";
+    /** Shows a spinner, hides the label and blocks clicks. */
+    loading?: boolean;
+    /** Disables the button (50% opacity, no click events). */
+    disabled?: boolean;
+    /** Native button type. Use `submit` inside forms. */
+    type?: "button" | "submit" | "reset";
+    /** Renders an <a> styled as the button instead of a <button>. */
+    href?: string;
+}
+type __VLS_Slots = {
+    /** Button content, after the icon and `title`. */
+    default?: () => unknown;
+    /** A 16px icon before the label (an inline SVG or icon component). */
+    icon?: () => unknown;
+    /** A 16px icon after the label, e.g. an arrow or chevron. */
+    "icon-right"?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (e: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((e: MouseEvent) => any) | undefined;
+}>, {
+    variant: Variant;
+    type: "button" | "submit" | "reset";
+    title: string;
+    disabled: boolean;
+    color: Tone | "white" | "ghost";
+    href: string;
+    size: "small" | "normal" | "medium";
+    loading: boolean;
+}, {}, {}, {}, 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/AcButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,103 @@
+import e from "./AcSpinner.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, toDisplayString as u, withCtx as d } from "vue";
+//#region src/lib/components/AcButton.vue?vue&type=script&setup=true&lang.ts
+var f = {
+	key: 0,
+	class: "-ml-0.5 inline-flex shrink-0 items-center justify-center",
+	"aria-hidden": "true"
+}, p = { key: 1 }, m = {
+	key: 2,
+	class: "-mr-0.5 inline-flex shrink-0 items-center justify-center",
+	"aria-hidden": "true"
+}, h = /*@__PURE__*/ a({
+	__name: "AcButton",
+	props: {
+		title: { default: "" },
+		color: { default: "primary" },
+		variant: { default: "solid" },
+		size: { default: "normal" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "button" },
+		href: { default: void 0 }
+	},
+	emits: ["click"],
+	setup(a, { emit: h }) {
+		let g = a, _ = h, v = {
+			primary: {
+				solid: "bg-primary text-white border-black/15 shadow-button hover:bg-primary-hover",
+				light: "bg-primary-95 text-primary-20 border-transparent hover:bg-primary-93",
+				outlined: "bg-surface text-primary-20 border-primary-70 shadow-xs hover:bg-primary-97 hover:border-primary-60"
+			},
+			info: {
+				solid: "bg-info text-white border-black/15 shadow-button hover:bg-info-hover",
+				light: "bg-blue-95 text-blue-30 border-transparent hover:bg-blue-93",
+				outlined: "bg-surface text-blue-30 border-blue-80 shadow-xs hover:bg-blue-97"
+			},
+			success: {
+				solid: "bg-success text-white border-black/15 shadow-button hover:bg-success-hover",
+				light: "bg-green-95 text-green-20 border-transparent hover:bg-green-93",
+				outlined: "bg-surface text-green-20 border-green-70 shadow-xs hover:bg-green-97"
+			},
+			warning: {
+				solid: "bg-warning text-on-warning border-black/10 shadow-button hover:bg-warning-hover",
+				light: "bg-yellow-95 text-yellow-20 border-transparent hover:bg-yellow-93",
+				outlined: "bg-surface text-yellow-20 border-yellow-70 shadow-xs hover:bg-yellow-97"
+			},
+			danger: {
+				solid: "bg-danger text-white border-black/15 shadow-button hover:bg-danger-hover",
+				light: "bg-red-95 text-red-30 border-transparent hover:bg-red-93",
+				outlined: "bg-surface text-red-30 border-red-80 shadow-xs hover:bg-red-97"
+			}
+		}, y = t(() => g.color === "white" ? "bg-surface text-heading border-border shadow-xs hover:bg-surface-muted hover:border-border-dark" : g.color === "ghost" ? "bg-transparent text-body border-transparent hover:bg-surface-sunken hover:text-heading" : v[g.color][g.variant]), b = t(() => ({
+			small: "h-7 gap-1.5 px-2.5 text-xs [&_svg]:size-3.5",
+			normal: "h-8 gap-2 px-3.5 text-base [&_svg]:size-4",
+			medium: "h-10 gap-2 px-5 text-lg [&_svg]:size-4"
+		})[g.size]), x = (e) => {
+			!g.disabled && !g.loading && _("click", e);
+		};
+		return (t, h) => (s(), n(l(a.href ? "a" : "button"), {
+			href: a.href && !a.disabled ? a.href : void 0,
+			type: a.href ? void 0 : a.type,
+			disabled: !a.href && a.disabled || void 0,
+			"aria-disabled": a.href && a.disabled || void 0,
+			"aria-busy": a.loading || void 0,
+			class: o(["relative inline-flex cursor-pointer items-center justify-center rounded-6 border font-medium tracking-[-0.005em] whitespace-nowrap transition-[background-color,border-color,color,box-shadow,transform] duration-150 ease-out select-none focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring active:translate-y-px disabled:cursor-not-allowed disabled:opacity-50 disabled:shadow-none disabled:active:translate-y-0 aria-disabled:pointer-events-none aria-disabled:opacity-50", [
+				y.value,
+				b.value,
+				a.loading && "text-transparent! pointer-events-none"
+			]]),
+			"data-ac-ds": "",
+			"data-testid": "ac-button",
+			onClick: x
+		}, {
+			default: d(() => [
+				t.$slots.icon ? (s(), i("span", f, [c(t.$slots, "icon")])) : r("", !0),
+				a.title ? (s(), i("span", p, u(a.title), 1)) : r("", !0),
+				c(t.$slots, "default"),
+				t.$slots["icon-right"] ? (s(), i("span", m, [c(t.$slots, "icon-right")])) : r("", !0),
+				a.loading ? (s(), n(e, {
+					key: 3,
+					class: o(["absolute inset-0 m-auto", a.variant === "solid" && a.color !== "white" && a.color !== "ghost" ? "text-white" : "text-primary"]),
+					label: ""
+				}, null, 8, ["class"])) : r("", !0)
+			]),
+			_: 3
+		}, 8, [
+			"href",
+			"type",
+			"disabled",
+			"aria-disabled",
+			"aria-busy",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/lib/components/AcButtons.js

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

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

@@ -0,0 +1,31 @@
+export interface Props {
+    /** Joins the buttons into one control with shared borders, like a toolbar. Old `class="has-addons"`. */
+    attached?: boolean;
+    /** Horizontal alignment of the row. `between` pushes the first and last button to the edges. */
+    align?: "start" | "center" | "end" | "between";
+    /** Space between buttons: `small` 4px, `normal` 8px, `large` 12px. Ignored when `attached`. */
+    gap?: "small" | "normal" | "large";
+    /** Shrinks the group to its content instead of filling the row. Old `is-max-width`. */
+    inline?: boolean;
+    /** Accessible name for the group, e.g. "Editor view". Recommended for `attached` groups. */
+    label?: string;
+}
+type __VLS_Slots = {
+    /** The buttons, usually `AcButton`s. */
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    align: "start" | "center" | "end" | "between";
+    attached: boolean;
+    gap: "small" | "normal" | "large";
+    inline: boolean;
+}, {}, {}, {}, 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/AcButtons.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/lib/components/AcButtons.vue?vue&type=script&setup=true&lang.ts
+var o = ["aria-label"], s = "[&>*]:rounded-none [&>*:first-child]:rounded-l-6 [&>*:last-child]:rounded-r-6 [&>*:not(:first-child)]:-ml-px [&>*:hover]:z-[1] [&>*:focus-visible]:z-[2]", c = /*@__PURE__*/ n({
+	__name: "AcButtons",
+	props: {
+		attached: {
+			type: Boolean,
+			default: !1
+		},
+		align: { default: "start" },
+		gap: { default: "normal" },
+		inline: {
+			type: Boolean,
+			default: !1
+		},
+		label: { default: "" }
+	},
+	setup(n) {
+		let c = n, l = {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between"
+		}, u = {
+			small: "gap-1",
+			normal: "gap-2",
+			large: "gap-3"
+		}, d = e(() => [
+			c.inline ? "inline-flex" : "flex",
+			c.attached ? "isolate flex-nowrap" : ["flex-wrap", u[c.gap]],
+			l[c.align],
+			c.attached && s
+		]);
+		return (e, s) => (i(), t("div", {
+			role: "group",
+			"aria-label": n.label || void 0,
+			class: r(["items-center", d.value]),
+			"data-ac-ds": "",
+			"data-testid": "ac-buttons"
+		}, [a(e.$slots, "default")], 10, o));
+	}
+});
+//#endregion
+export { c as default };

package/dist/lib/components/AcCard.js

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

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

@@ -0,0 +1,27 @@
+export interface Props {
+    /** Header title. The header only renders with a title or `actions` slot. */
+    title?: string;
+    /** Small line under the title. */
+    subtitle?: string;
+    /** Adds 20px padding to the body. Turn off for flush tables; the body then clips to the card's rounded corners. */
+    padded?: boolean;
+}
+type __VLS_Slots = {
+    /** Card body. */
+    default?: () => unknown;
+    /** Buttons on the right of the header. */
+    actions?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    title: string;
+    subtitle: string;
+    padded: boolean;
+}, {}, {}, {}, 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/AcCard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
+//#region src/lib/components/AcCard.vue?vue&type=script&setup=true&lang.ts
+var c = {
+	class: "rounded-10 border border-border bg-surface shadow-xs",
+	"data-ac-ds": "",
+	"data-testid": "ac-card"
+}, l = {
+	key: 0,
+	class: "flex items-center justify-between gap-4 border-b border-border-light px-5 py-3.5"
+}, u = { class: "min-w-0" }, d = { class: "truncate" }, f = {
+	key: 0,
+	class: "mt-0.5 truncate text-xs text-muted"
+}, p = { class: "flex shrink-0 items-center gap-2" }, m = /*@__PURE__*/ r({
+	__name: "AcCard",
+	props: {
+		title: { default: "" },
+		subtitle: { default: "" },
+		padded: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(r) {
+		return (m, h) => (a(), t("section", c, [r.title || m.$slots.actions ? (a(), t("header", l, [n("div", u, [n("h5", d, s(r.title), 1), r.subtitle ? (a(), t("p", f, s(r.subtitle), 1)) : e("", !0)]), n("div", p, [o(m.$slots, "actions")])])) : e("", !0), n("div", { class: i(r.padded ? "p-5" : ["overflow-hidden rounded-b-10", !(r.title || m.$slots.actions) && "rounded-t-10"]) }, [o(m.$slots, "default")], 2)]));
+	}
+});
+//#endregion
+export { m as default };

package/dist/lib/components/AcCellValue.js

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