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

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

@@ -0,0 +1,25 @@
+export interface Props {
+    /** Keys of a shortcut, pressed together: `['mod', 'k']`. Names like `mod`, `shift`, `enter`, `up` become the platform's symbol or name. Leave empty to use the default slot for one key. */
+    keys?: string[];
+    /** `small` 18px for menus and tooltips, `normal` 22px for body text. */
+    size?: "small" | "normal";
+    /** Shown between keys. Pass an empty string for the macOS style (⌘K). */
+    separator?: string;
+}
+type __VLS_Slots = {
+    /** A single key, when `keys` is empty. */
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    keys: string[];
+    size: "small" | "normal";
+    separator: 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/AcKbd.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,134 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, renderSlot as u, toDisplayString as d } from "vue";
+//#region src/lib/components/AcKbd.vue?vue&type=script&setup=true&lang.ts
+var f = {
+	key: 1,
+	class: "inline-flex items-center gap-0.5 font-sans",
+	"data-ac-ds": "",
+	"data-testid": "ac-kbd"
+}, p = {
+	key: 0,
+	class: "px-px text-xs text-muted"
+}, m = { "aria-hidden": "true" }, h = { class: "sr-only" }, g = "inline-flex items-center justify-center border border-border border-b-border-dark bg-surface-muted font-sans font-medium text-label shadow-[inset_0_-1px_0_0_var(--color-border)] select-none", _ = /*@__PURE__*/ o({
+	__name: "AcKbd",
+	props: {
+		keys: { default: () => [] },
+		size: { default: "normal" },
+		separator: { default: "+" }
+	},
+	setup(o) {
+		let _ = o, v = typeof navigator < "u" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent), y = {
+			mod: v ? {
+				glyph: "⌘",
+				spoken: "Command"
+			} : {
+				glyph: "Ctrl",
+				spoken: "Control"
+			},
+			cmd: {
+				glyph: "⌘",
+				spoken: "Command"
+			},
+			command: {
+				glyph: "⌘",
+				spoken: "Command"
+			},
+			ctrl: {
+				glyph: "Ctrl",
+				spoken: "Control"
+			},
+			control: {
+				glyph: "Ctrl",
+				spoken: "Control"
+			},
+			alt: v ? {
+				glyph: "⌥",
+				spoken: "Option"
+			} : {
+				glyph: "Alt",
+				spoken: "Alt"
+			},
+			option: {
+				glyph: "⌥",
+				spoken: "Option"
+			},
+			shift: v ? {
+				glyph: "⇧",
+				spoken: "Shift"
+			} : {
+				glyph: "Shift",
+				spoken: "Shift"
+			},
+			enter: v ? {
+				glyph: "↩",
+				spoken: "Return"
+			} : {
+				glyph: "Enter",
+				spoken: "Enter"
+			},
+			return: {
+				glyph: "↩",
+				spoken: "Return"
+			},
+			esc: {
+				glyph: "Esc",
+				spoken: "Escape"
+			},
+			escape: {
+				glyph: "Esc",
+				spoken: "Escape"
+			},
+			tab: {
+				glyph: "Tab",
+				spoken: "Tab"
+			},
+			backspace: {
+				glyph: "⌫",
+				spoken: "Backspace"
+			},
+			delete: {
+				glyph: "Del",
+				spoken: "Delete"
+			},
+			space: {
+				glyph: "Space",
+				spoken: "Space"
+			},
+			up: {
+				glyph: "↑",
+				spoken: "Up arrow"
+			},
+			down: {
+				glyph: "↓",
+				spoken: "Down arrow"
+			},
+			left: {
+				glyph: "←",
+				spoken: "Left arrow"
+			},
+			right: {
+				glyph: "→",
+				spoken: "Right arrow"
+			}
+		}, b = t(() => _.keys.map((e) => {
+			let t = y[e.toLowerCase()];
+			if (t) return {
+				...t,
+				symbol: t.glyph !== t.spoken
+			};
+			let n = e.length === 1 ? e.toUpperCase() : e;
+			return {
+				glyph: n,
+				spoken: n,
+				symbol: !1
+			};
+		})), x = t(() => _.size === "small" ? "h-4.5 min-w-4.5 px-1 text-sm rounded-4" : "h-5.5 min-w-5.5 px-1.5 text-xs rounded-6");
+		return (t, _) => b.value.length ? (c(), r("kbd", f, [(c(!0), r(e, null, l(b.value, (t, l) => (c(), r(e, { key: l }, [l > 0 && o.separator ? (c(), r("span", p, d(o.separator), 1)) : n("", !0), i("kbd", { class: s([g, x.value]) }, [t.symbol ? (c(), r(e, { key: 0 }, [i("span", m, d(t.glyph), 1), i("span", h, d(t.spoken), 1)], 64)) : (c(), r(e, { key: 1 }, [a(d(t.glyph), 1)], 64))], 2)], 64))), 128))])) : (c(), r("kbd", {
+			key: 0,
+			class: s([g, x.value]),
+			"data-ac-ds": "",
+			"data-testid": "ac-kbd"
+		}, [u(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/lib/components/AcLogo.js

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

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

@@ -0,0 +1,18 @@
+export interface Props {
+    /** `full` is the mark and the AppsCode wordmark; `mark` is the square icon alone, for favicons, rails and avatars. */
+    variant?: "full" | "mark";
+    /** `auto` draws "Apps" in navy, or near-white in dark mode. `white` keeps it white, for dark surfaces such as a dark sidebar. */
+    tone?: "auto" | "white";
+    /** Height in px; the width follows. A height class such as `h-8` overrides it. */
+    size?: number;
+    /** Accessible name. Pass an empty string when text next to the logo already names it. */
+    label?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    variant: "full" | "mark";
+    label: string;
+    size: number;
+    tone: "auto" | "white";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,67 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createStaticVNode as i, defineComponent as a, normalizeClass as o, openBlock as s } from "vue";
+//#region src/lib/components/AcLogo.vue?vue&type=script&setup=true&lang.ts
+var c = [
+	"viewBox",
+	"height",
+	"role",
+	"aria-label",
+	"aria-hidden"
+], l = { key: 0 }, u = /*@__PURE__*/ a({
+	__name: "AcLogo",
+	props: {
+		variant: { default: "full" },
+		tone: { default: "auto" },
+		size: { default: 24 },
+		label: { default: "AppsCode" }
+	},
+	setup(a) {
+		let u = a, d = e(() => u.variant === "mark" ? "0 0 132 132" : "0 0 639 132"), f = e(() => u.tone === "white" ? "fill-white" : "fill-brand-navy dark:fill-heading");
+		return (e, u) => (s(), n("svg", {
+			viewBox: d.value,
+			height: a.size,
+			class: "w-auto shrink-0",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			role: a.label ? "img" : void 0,
+			"aria-label": a.label || void 0,
+			"aria-hidden": a.label ? void 0 : "true",
+			"data-ac-ds": "",
+			"data-testid": "ac-logo"
+		}, [u[4] ||= i("<g><path class=\"fill-brand-navy\" d=\"M131.808 121.643C131.807 124.338 130.735 126.923 128.829 128.829C126.923 130.735 124.338 131.807 121.643 131.808H10.1658C7.47024 131.807 4.88559 130.735 2.97953 128.829C1.07347 126.923 0.00183936 124.338 0 121.643V10.1658C0.00183936 7.47024 1.07347 4.88559 2.97953 2.97953C4.88559 1.07347 7.47024 0.00183936 10.1658 0H121.643C124.338 0.00183936 126.923 1.07347 128.829 2.97953C130.735 4.88559 131.807 7.47024 131.808 10.1658V121.643Z\"></path><path class=\"fill-white\" d=\"M115.338 83.4307C115.512 77.8201 110.429 76.598 107.45 77.1188C101.666 78.1742 102.186 83.4307 102.186 83.4307C102.186 88.6872 100.964 92.548 98.3325 94.9992C95.7008 97.6309 92.0205 98.86 87.2917 98.86C77.2995 98.86 72.3902 93.7771 72.3902 83.4307C72.3902 92.0203 70.1126 98.3323 65.731 102.714L66.7795 103.762C71.8625 108.144 78.7022 110.248 87.2917 110.248C95.8813 110.248 102.714 108.165 107.797 103.762C112.88 99.36 115.338 92.548 115.338 83.4307V83.4307Z\"></path><path class=\"fill-white\" d=\"M87.2916 114.81C77.6466 114.81 69.7653 112.178 63.8005 107.269C63.2797 106.922 62.9256 106.394 62.4117 106.04L59.0856 102.568L62.4117 99.235C65.9184 95.902 67.6752 90.4719 67.6752 83.2642H76.9591C76.9591 91.1524 79.7367 94.1313 87.3055 94.1313C90.8121 94.1313 93.4369 93.2564 95.0132 91.6801C96.5894 90.1039 97.4713 87.2985 97.4713 83.4377C97.1171 79.5839 99.3947 73.6261 106.582 72.397C107.266 72.2548 107.966 72.1965 108.665 72.2234C110.217 72.197 111.76 72.4772 113.204 73.048C114.648 73.6187 115.966 74.4688 117.081 75.5495C118.815 77.411 119.804 79.8456 119.858 82.3892V83.2642C119.858 93.7841 116.699 101.846 110.567 107.102C104.818 112.178 96.9297 114.81 87.2916 114.81ZM72.2164 102.013C76.0703 104.464 81.1532 105.693 87.2916 105.693C94.6521 105.693 100.61 103.943 104.818 100.256C108.672 96.9297 110.776 91.6732 110.776 84.2849V83.41C110.776 83.0628 110.776 82.5351 110.602 82.3615C110.278 82.1237 109.909 81.9543 109.518 81.8636C109.126 81.7729 108.72 81.7627 108.325 81.8337C107.63 82.0073 106.936 82.0073 106.936 83.0628V83.6113C106.936 90.0969 105.179 95.1798 101.679 98.5129C98.1611 102.003 93.423 103.749 87.4652 103.749C81.8545 103.749 77.2994 102.172 73.9663 99.367C73.2839 100.179 72.6968 101.067 72.2164 102.013V102.013Z\"></path><path class=\"fill-white\" d=\"M102.186 48.3782C102.186 43.1217 100.964 39.2609 98.3324 36.8097C95.7006 34.178 92.0204 32.9489 87.2916 32.9489C77.473 32.9489 72.3901 38.0318 72.3901 48.2254C72.3901 39.6358 70.3069 33.3239 65.9045 28.9423C66.2586 28.5881 66.5989 28.4146 66.7794 28.0674C71.8624 23.6858 78.7021 21.5818 87.2916 21.5818C95.8812 21.5818 102.714 23.665 107.797 28.0674C112.88 32.4698 115.511 39.1081 115.511 48.399C115.643 49.9324 115.164 51.4556 114.178 52.6376C113.192 53.8196 111.78 54.5647 110.248 54.711C107.096 55.3845 102.013 53.9888 102.186 48.3782Z\"></path><path class=\"fill-white\" d=\"M108.852 59.5924C107.3 59.6188 105.757 59.3386 104.313 58.7678C102.869 58.1971 101.551 57.347 100.436 56.2663C99.0475 54.8775 97.4573 52.4055 97.6587 48.3781C97.6587 44.6978 96.7838 41.8925 95.2075 40.1357C93.4507 38.3859 90.9995 37.6845 87.4929 37.6845C80.1324 37.6845 76.9729 40.6634 76.9729 48.3781H67.8348C67.8348 41.1912 66.078 35.7541 62.5783 32.4072L59.2452 28.9005L62.5783 25.5675C62.9476 25.1759 63.3572 24.8244 63.8004 24.5189C69.7652 19.436 77.6465 16.9779 87.2915 16.9779C96.9366 16.9779 104.818 19.6096 110.776 24.5189C116.914 29.7754 120.067 37.6637 120.067 48.1836C120.421 52.0375 118.136 57.9953 110.949 59.2244C110.268 59.4312 109.564 59.5548 108.852 59.5924ZM87.2915 28.3936C93.2494 28.3936 98.1587 30.1504 101.485 33.6501C104.991 37.1568 106.748 42.0661 106.748 48.5517C106.692 48.9695 106.752 49.3949 106.922 49.7807C107.246 50.018 107.615 50.1866 108.007 50.2761C108.399 50.3657 108.804 50.3743 109.199 50.3015C109.727 50.3015 110.776 50.1279 110.588 48.9127V48.385C110.588 40.4968 108.658 35.0597 104.63 31.56C100.422 28.0881 94.4645 26.123 87.104 26.123C81.1392 26.123 76.0563 27.3521 72.2025 29.6296C72.7302 30.5046 73.251 31.3795 73.7787 32.4072C77.1257 29.7963 81.6809 28.3936 87.2915 28.3936Z\"></path><path class=\"fill-brand-green\" d=\"M55.3913 94.8255C52.7596 97.4573 49.0793 98.6794 44.3436 98.6794C34.3583 98.6794 29.449 93.5965 29.449 83.2571V48.378C29.449 38.0317 34.3583 32.9488 44.3436 32.9488C49.0793 32.9488 52.7596 34.1778 55.3913 36.8096C58.023 39.4413 59.2451 43.2951 59.2451 48.378C59.2451 39.7885 61.5227 33.4765 65.9043 29.0949L64.8558 28.0603C59.7729 23.6787 52.9332 21.5747 44.3436 21.5747C35.754 21.5747 28.9213 23.6579 23.8384 28.0603C18.7555 32.4627 16.3043 39.101 16.3043 48.3919V83.271C16.3043 92.5619 18.7555 99.2419 23.8384 103.603C28.9213 107.963 35.761 110.088 44.3436 110.088C52.9262 110.088 59.7729 108.005 64.8558 103.603C65.203 103.255 65.5502 103.075 65.7307 102.728C61.3491 98.3461 59.2451 92.0341 59.2451 83.4446C59.2451 88.5136 57.8425 92.3744 55.3913 94.8255Z\"></path><path class=\"fill-brand-green\" d=\"M44.1701 114.63C34.532 114.63 26.6438 112.005 20.686 107.095C14.5476 101.839 11.5687 93.9507 11.5687 83.2571V48.3781C11.5687 37.8582 14.7281 29.7963 20.686 24.5398C26.6438 19.4569 34.532 16.9988 44.1701 16.9988C53.8082 16.9988 61.6964 19.6305 67.6612 24.5398C68.182 24.887 68.5361 25.4147 69.05 25.7689L71.8275 29.2408L69.05 32.4003C65.5433 35.7264 63.7865 41.1634 63.7865 48.3712H54.5373C54.5373 44.5104 53.6624 41.712 52.0861 39.9552C50.3363 38.2053 47.8781 37.504 44.3715 37.504C37.011 37.504 34.0321 40.4829 34.0321 48.3712V83.2502C34.0321 91.1384 36.8096 94.1173 44.3715 94.1173C47.8781 94.1173 50.5099 93.2424 52.0861 91.6662C53.6624 90.0899 54.5373 87.2915 54.5373 83.4307H63.8282C63.8282 90.6176 65.585 96.0547 68.9111 99.4016L72.2442 102.735L68.9111 106.061C68.5422 106.455 68.1325 106.809 67.689 107.116C61.877 112.005 53.9887 114.63 44.1701 114.63ZM44.1701 26.1161C36.8096 26.1161 30.8518 27.8659 26.6438 31.5531C22.6094 35.025 20.686 40.4899 20.686 48.3781V83.2571C20.686 91.1454 22.6094 96.5755 26.6438 100.082C30.8518 103.554 36.636 105.519 44.1701 105.519C50.128 105.519 55.2109 104.29 59.0716 102.013C58.5439 101.138 58.0162 100.082 57.4954 99.235C54.1623 102.013 49.6072 103.617 44.1701 103.617C31.7267 103.617 24.7273 96.2561 24.7273 83.4793V48.3781C24.7273 35.5806 31.9142 28.2409 44.1701 28.2409C49.7808 28.2409 54.1623 29.6297 57.669 32.6225C58.1967 31.574 58.7175 30.6921 59.2452 29.8449C55.3914 27.366 50.3085 26.1161 44.1701 26.1161V26.1161Z\"></path><path class=\"fill-brand-green\" d=\"M59.2452 48.3782V83.4308C59.2452 92.0204 61.3284 98.3324 65.7308 102.714C70.1124 98.3324 72.39 92.0204 72.39 83.4308V48.1977C72.39 39.6081 70.3068 33.2961 65.9044 28.9146C61.3492 33.3031 59.2452 39.7886 59.2452 48.3782Z\"></path><path class=\"fill-brand-green\" d=\"M65.5569 108.498L62.3974 106.04C57.1571 100.786 54.537 93.2493 54.537 83.4307V48.378C54.537 38.5594 57.3145 31.0184 62.6057 25.7688L65.2305 23.1371L69.0913 25.7688C74.3455 31.023 76.9726 38.5594 76.9726 48.378V83.4307C76.9726 93.2493 74.1951 100.79 68.9108 106.04L65.5569 108.498ZM65.7305 37.1568C64.3747 40.7391 63.7194 44.5485 63.8001 48.378V83.2571C63.703 87.0855 64.3588 90.8958 65.7305 94.4714C67.1193 91.4925 67.6609 87.6387 67.6609 83.2571V48.378C67.915 44.5375 67.2534 40.6916 65.7305 37.1568V37.1568Z\"></path><path class=\"fill-brand-green\" d=\"M59.2448 84.4861C59.2448 84.4861 58.717 95.1728 65.7303 102.714C68.5079 105.866 72.7436 108.324 78.7015 109.373C83.2566 110.248 86.5897 101.485 81.854 98.3322C81.3332 98.1586 72.3895 95.1727 72.3895 83.4307L59.2448 84.4861Z\"></path><path class=\"fill-brand-green\" d=\"M79.2301 113.928C78.7602 113.965 78.2877 113.906 77.8413 113.755C71.3558 112.526 66.2729 109.901 62.4121 105.693C54.1766 96.9297 54.7044 84.6599 54.7044 84.1321L54.878 80.1047L76.6123 78.3479L77.14 83.4308C76.9595 91.4926 82.5701 93.5966 83.2714 93.7772L83.9658 93.9508L84.4936 94.298C86.3379 95.6406 87.6947 97.5475 88.3587 99.73C89.0227 101.912 88.9578 104.252 88.1738 106.394C86.7642 110.949 83.084 113.928 79.2301 113.928ZM64.155 88.6873C64.6827 91.8468 65.9048 96.2283 69.0643 99.5545C71.5155 102.186 74.668 103.762 78.876 104.644C79.1789 104.105 79.3591 103.505 79.4037 102.888C79.4037 102.714 79.4037 102.36 79.2301 102.36C76.3791 101.132 73.8686 99.2304 71.9142 96.8188C69.9597 94.4071 68.6196 91.5572 68.0088 88.5137L64.155 88.6873Z\"></path></g>", 1), a.variant === "full" ? (s(), n("g", l, [
+			r("path", {
+				class: o(f.value),
+				d: "M180.012 99.3806C179.782 100.213 179.274 100.941 178.573 101.446C177.873 101.951 177.021 102.202 176.159 102.158C173.874 102.158 172.124 100.769 170.194 99.7069C169.961 99.5862 169.76 99.4118 169.608 99.1981C169.456 98.9843 169.357 98.7375 169.319 98.4779C169.319 97.6029 169.847 96.728 170.194 95.8461C170.541 94.9643 170.888 93.9227 171.249 93.0686C171.96 91.1536 172.778 89.2803 173.7 87.4579C174.756 85.1804 175.631 83.0764 176.679 80.7988C177.908 78.1671 179.138 75.7159 180.186 73.0841C181.575 70.3066 182.964 67.4735 184.394 64.4946C184.568 64.1474 184.741 63.8002 184.922 63.446C187.699 57.6618 190.525 51.697 193.331 45.9128C195.414 41.5312 197.192 36.976 198.941 32.4209C199.99 29.4419 201.393 26.463 200.872 23.3036C200.518 21.026 198.594 19.7969 197.893 17.6929C196.664 14.221 204.899 14.0127 206.83 13.6655C209.809 13.3113 212.788 12.9711 215.766 12.7905C218.044 12.61 220.502 12.61 222.78 12.61C224.71 12.61 227.161 12.4364 228.738 13.4919C230.668 14.714 230.668 17.8735 231.015 19.9774C231.542 23.4038 231.895 26.8547 232.071 30.3169C232.244 32.2473 232.244 34.1707 232.244 36.2747C232.418 42.4131 232.598 48.5445 232.598 54.6829V67.4735C232.598 77.6393 233.473 84.6526 235.223 88.8606C235.918 90.4369 236.612 91.1382 237.154 91.1382C238.497 91.057 239.81 90.6976 241.007 90.0827C241.833 89.661 242.599 89.1309 243.285 88.5065C243.979 88.1593 244.674 87.6315 245.368 88.5065C245.896 89.0342 246.063 89.8952 246.424 90.4369C246.785 90.9785 247.299 91.4854 247.118 92.1867C246.937 92.888 246.236 93.2422 245.729 93.5755L243.646 95.1517C242.253 96.1795 240.789 97.1077 239.264 97.9293C238.423 98.4124 237.543 98.8236 236.633 99.1584C233.298 100.793 229.651 101.691 225.939 101.79C224.181 101.716 222.454 101.298 220.856 100.561C219.341 100.006 218.008 99.0452 217.002 97.7835C214.024 94.1032 213.322 89.0203 212.968 84.4651V79.7294C213 78.6132 213.118 77.5012 213.322 76.4033C213.496 75.3478 214.017 74.1188 213.496 73.0703C213.149 72.1953 212.107 72.0148 211.218 71.8412C205.783 71.5218 200.33 71.6402 194.914 72.1953C192.831 72.3689 190.185 72.1953 188.783 74.1188C187.734 75.5075 187.206 77.799 186.505 79.5558C185.63 81.639 184.748 83.7638 184.047 86.0414C183.526 87.2705 183.172 88.4926 182.658 89.7216C182.13 91.1104 181.603 92.7006 181.075 94.1032C180.946 95.9002 180.589 97.6736 180.012 99.3806ZM214.037 64.6612L214.211 50.2874C214.211 37.6704 213.683 29.0809 212.635 24.6993C212.103 24.6488 211.567 24.7079 211.058 24.8729C208.781 31.1848 206.496 36.6219 204.573 41.1771C202.49 45.5587 200.365 50.2874 197.914 55.3703C195.629 60.4532 194.053 63.6127 193.532 64.8418L214.037 64.6612V64.6612Z"
+			}, null, 2),
+			r("path", {
+				class: o(f.value),
+				d: "M249.771 48.0239C250.298 47.8503 250.826 47.8503 251.347 47.6767C252.402 47.5031 253.43 47.3225 254.333 47.1489C257.064 46.8001 259.815 46.6238 262.568 46.6212C264.318 46.6212 266.248 46.6212 267.998 46.4476C268.526 46.4476 269.227 46.274 269.755 46.8018C270.006 47.299 270.184 47.8299 270.283 48.378C270.456 48.9058 270.63 49.4265 270.804 50.1279C270.984 50.6556 270.984 51.3569 271.158 52.0583C271.13 52.4167 271.19 52.7764 271.331 53.1068C271.331 53.2873 271.505 53.9887 271.331 53.9887C277.643 48.7252 283.073 46.1004 287.302 46.1004C289.343 46.0618 291.361 46.5393 293.169 47.4885C294.976 48.4378 296.515 49.8281 297.642 51.5305C300.273 55.0372 301.502 60.2937 301.502 67.1334C301.502 79.2227 299.225 88.1664 294.836 93.9506C290.67 99.5543 284.323 103.061 277.31 102.714C275.004 102.635 272.715 102.283 270.491 101.665C269.616 101.318 268.561 100.971 268.561 99.7418C268.526 98.9854 268.773 98.243 269.255 97.6586C269.728 97.3234 270.265 97.0872 270.831 96.9642C271.359 96.6101 272.06 96.2698 272.588 95.9088C273.81 95.187 274.928 94.3042 275.914 93.284C278.334 90.8868 280.243 88.0238 281.525 84.868C284.302 78.2089 285.907 69.7929 283.608 62.7865C282.914 60.7034 281.678 58.405 279.574 57.7036C277.824 57.0092 276.102 57.7036 274.671 58.9258C270.991 62.0852 270.109 67.6889 269.588 72.251C268.533 79.4379 267.505 86.4443 265.908 93.6312C264.819 98.2553 263.998 102.939 263.45 107.658C262.922 111.859 262.221 116.067 262.061 120.101V123.608C262.061 124.483 262.061 125.358 261.367 125.885C260.492 126.58 259.284 126.58 258.214 126.76C256.562 127.284 254.858 127.624 253.131 127.774C252.219 127.979 251.289 128.098 250.354 128.128C249.305 128.302 248.076 128.302 247.021 128.475C246.33 128.687 245.584 128.625 244.938 128.302L244.764 128.128C244.07 127.601 244.07 126.552 244.07 125.677V122.497C244.129 120.377 244.362 118.266 244.764 116.185C245.118 114.435 245.292 112.505 245.639 110.755C245.993 108.477 246.521 106.2 247.028 103.922C247.556 101.144 248.257 98.3114 248.785 95.506C248.785 95.1519 248.958 94.8116 248.958 94.4506C252.111 79.556 253.868 68.1611 253.868 60.0993C253.838 58.3537 253.48 56.6293 252.812 55.0164C252.337 53.852 251.751 52.7358 251.062 51.6833C250.708 51.1625 250.368 50.6348 250.007 50.107C249.786 49.9154 249.621 49.6678 249.53 49.3904C249.438 49.1131 249.423 48.8161 249.486 48.5308C249.069 48.378 249.423 48.1975 249.771 48.0239Z"
+			}, null, 2),
+			r("path", {
+				class: o(f.value),
+				d: "M405.07 84.6597C405.07 89.9162 402.793 94.1241 398.231 97.4572C396.609 98.5724 394.84 99.4559 392.974 100.082L389.822 101.137C387.48 101.814 385.069 102.224 382.635 102.36C377.725 102.714 372.115 102.012 367.907 99.207C364.435 96.7559 363.004 92.7215 365.282 88.8676C367.205 85.361 371.413 82.7293 375.448 83.4306C379.829 84.125 381.933 88.5135 383.336 92.0201C383.683 92.8951 383.857 93.5964 384.211 94.4713C384.558 95.7004 385.44 96.5545 386.662 96.2281C387.321 96.0349 387.92 95.6793 388.405 95.1939C388.891 94.7086 389.246 94.1092 389.44 93.4506C389.583 92.9382 389.642 92.4057 389.613 91.8743C389.613 88.0205 386.287 82.5835 379.447 75.5701C372.788 68.5638 369.282 62.9531 369.282 58.7452C369.282 54.5372 371.212 51.3847 374.892 49.1071C378.572 46.8295 383.135 45.6351 388.391 45.6351C393.648 45.6351 397.682 46.5101 400.307 48.4127C402.932 50.3153 404.341 52.7943 404.341 55.9468C404.341 59.0993 401.911 63.4739 396.828 69.2373L399.112 71.5149C399.987 72.3898 401.196 74.2925 402.793 76.945C404.369 79.9239 405.07 82.3821 405.07 84.6597ZM398.411 56.2662C398.411 53.2873 396.481 51.8846 392.446 51.8846C390.781 51.7853 389.126 52.2129 387.718 53.1067C386.489 53.9886 385.787 54.8635 385.787 55.7384C385.787 57.4883 387.544 60.12 391.224 63.4531L393.148 65.0293C396.654 62.224 398.411 59.2451 398.411 56.2662V56.2662Z"
+			}, null, 2),
+			u[0] ||= r("path", {
+				class: "fill-brand-green",
+				d: "M440.297 102.54C432.589 102.54 426.104 99.3806 421.194 93.0755C416.111 86.7636 413.66 78.7017 413.66 68.5359C413.54 59.0441 415.328 49.6249 418.917 40.8368C422.084 32.9082 427.211 25.9128 433.818 20.5052C440.297 15.2487 447.137 12.6169 454.497 12.6169C461.858 12.6169 467.815 14.2001 472.377 17.5263C476.94 20.8524 479.21 24.8868 479.21 29.4489C479.205 31.6525 478.851 33.8414 478.162 35.9344C477.716 37.4451 477.012 38.8667 476.079 40.1355C474.69 41.8923 473.1 41.191 471.169 40.8299C469.419 40.4827 467.836 39.955 466.086 39.4411C463.878 38.7472 461.804 37.6811 459.955 36.2886C458.198 35.0595 458.899 33.6569 459.261 31.907C459.434 30.6779 459.781 29.4558 459.955 28.2268C460.128 26.9977 460.476 25.7756 460.649 24.7201C460.996 22.6369 460.295 21.9426 458.365 21.2135C456.718 20.7157 455.002 20.4813 453.282 20.5191C448.199 20.5191 443.817 24.9007 439.79 33.4902C435.929 42.0821 434.001 52.7756 434.006 65.5709C434.006 73.9799 435.394 79.9377 438.214 83.7985C441.033 87.6593 444.345 89.4022 448.379 89.4022C450.953 89.3812 453.502 88.9113 455.914 88.0134C458.609 87.0011 461.102 85.5148 463.274 83.6249C464.149 82.9305 464.85 82.2361 465.732 81.5418C466.077 81.0571 466.562 80.689 467.121 80.4863C467.815 80.3127 468.17 80.8404 468.697 81.1807C469.47 81.9859 470.289 82.7463 471.148 83.4583C471.843 83.986 472.537 84.847 471.843 85.7359C471.315 86.4302 470.614 86.9649 470.093 87.6662L467.461 90.298C465.262 92.3881 462.918 94.3209 460.448 96.0822C457.737 97.8564 454.805 99.2665 451.726 100.276C448.088 101.725 444.213 102.493 440.297 102.54V102.54Z"
+			}, null, -1),
+			u[1] ||= r("path", {
+				class: "fill-brand-green",
+				d: "M495.687 102.54C489.903 102.54 485.522 100.61 482.189 96.5753C479.036 92.5479 477.286 86.9372 477.286 79.7503C477.286 70.4594 479.737 62.5712 484.647 55.912C489.556 49.2529 496.389 45.9198 505.152 45.9198L509.707 46.1004C511.181 45.3806 512.803 45.019 514.443 45.0449C520.928 45.0449 524.255 51.1833 524.255 63.6267C527.732 63.4119 531.19 62.9478 534.601 62.2379L536.524 61.7102L537.219 66.6195C533.664 68.0672 529.962 69.1242 526.178 69.772L523.727 70.2997C522.151 79.0629 518.991 86.6039 514.082 93.0895C509.534 99.207 503.222 102.54 495.687 102.54ZM502.52 91.8465C506.027 91.8465 509.186 89.5689 511.985 85.1874C514.713 80.8206 516.669 76.0172 517.769 70.9872C508.832 70.9872 504.451 67.6541 504.451 60.9949C504.451 58.4017 504.987 55.8366 506.027 53.4608L506.721 52.2318C506.334 52.0768 505.915 52.0173 505.499 52.0582C504.971 52.0582 504.617 52.0582 504.444 52.2318C502.361 53.6206 500.416 56.6134 498.659 61.5227C496.773 66.9297 495.834 72.6214 495.882 78.3477C495.687 87.2914 497.965 91.8465 502.52 91.8465Z"
+			}, null, -1),
+			u[2] ||= r("path", {
+				class: "fill-brand-green",
+				d: "M588.062 93.4226C588.062 93.5962 587.881 93.7768 587.707 93.9504C586.734 94.8619 585.678 95.6823 584.555 96.4015C583.162 97.4293 581.697 98.3575 580.173 99.1791C577.896 100.408 575.611 101.63 573.16 102.158C571.943 102.362 570.713 102.48 569.48 102.512C564.043 102.512 561.064 99.8804 560.189 94.6239C557.766 97.0567 554.912 99.018 551.773 100.408C548.62 101.797 545.989 102.491 543.711 102.491C539.684 102.491 536.351 100.734 533.545 97.2278C530.74 93.7212 529.337 88.2911 529.337 81.1042C529.337 70.0635 531.622 61.4739 536.351 55.3355C541.086 49.0305 546.169 45.871 552.127 45.871C557.911 45.871 562.821 47.2598 566.848 49.9054C567.73 44.9961 568.605 40.0868 569.306 35.1844C569.827 31.15 570.181 27.2962 570.528 23.2618C570.74 20.5755 570.682 17.8747 570.355 15.2C570.181 13.8112 570.528 12.5682 572.111 12.221C572.893 12.0695 573.656 11.8367 574.389 11.5267C576.472 10.9989 578.597 10.4712 580.875 10.1379C582.023 9.9459 583.183 9.82992 584.347 9.7907C586.27 9.61016 588.728 8.90883 589.075 11.5406C589.603 15.3944 589.249 19.2552 588.902 23.109C588.55 25.5579 588.198 28.0114 587.846 30.4695C587.499 33.4484 586.798 36.4274 586.27 39.4063C585.576 42.9129 585.041 46.5932 584.347 50.0998C584.166 50.6276 584.166 50.9748 583.992 51.4886C580.312 70.0704 578.562 82.6874 578.562 89.3466C578.562 91.277 579.083 92.3324 579.951 92.3324C580.664 92.2235 581.332 91.9181 581.882 91.4506C582.409 91.1034 583.111 90.7562 583.638 90.402C584.121 89.9898 584.65 89.6356 585.215 89.3466C585.735 89.173 586.089 89.5271 586.437 89.8743C586.791 90.402 587.131 91.1034 587.492 91.6311C587.707 92.1935 588.235 92.7213 588.062 93.4226ZM558.258 53.1065C555.28 53.1065 552.828 55.8841 550.724 61.6961C548.673 67.1333 547.598 72.8904 547.551 78.7016C547.551 84.3053 547.898 87.812 548.773 89.3882C549.044 90.0891 549.528 90.687 550.157 91.0971C550.787 91.5071 551.529 91.7085 552.28 91.6727C555.057 91.6727 557.717 90.6173 560.342 88.3397C560.522 85.0066 562.425 73.9659 565.952 55.2105C563.168 53.9884 560.543 53.1065 558.258 53.1065Z"
+			}, null, -1),
+			u[3] ||= r("path", {
+				class: "fill-brand-green",
+				d: "M591.215 79.403C591.215 69.0566 594.367 60.8212 600.679 54.8634C606.991 48.9055 613.997 45.9197 622.066 45.9197C626.969 45.9197 630.998 47.1464 634.155 49.5999C635.666 50.7042 636.887 52.1589 637.712 53.8389C638.537 55.5189 638.941 57.374 638.891 59.245C638.975 62.8603 637.934 66.4123 635.912 69.4108C633.987 72.0619 631.465 74.224 628.552 75.7228C622.587 78.7017 617.33 80.4515 612.421 81.1528L609.442 81.507C609.97 89.3883 613.296 93.2491 619.08 93.2491C621.273 93.1845 623.426 92.6468 625.392 91.6728C626.366 91.312 627.297 90.8464 628.17 90.284C629.115 89.7387 629.997 89.0913 630.802 88.3536C631.496 87.8259 632.19 87.3051 633.079 88.0064C633.585 88.554 634.05 89.1389 634.468 89.7563C634.815 90.284 635.516 90.6312 635.162 91.5062C634.91 91.9916 634.549 92.4122 634.107 92.7352L631.482 94.8184C629.752 96.246 627.87 97.48 625.871 98.4986C621.041 101.162 615.611 102.55 610.095 102.533C604.311 102.533 599.929 100.45 596.596 96.3946C592.964 92.3741 591.215 86.7635 591.215 79.403ZM619.073 69.9385C621.531 67.161 622.761 63.4529 622.761 59.0714C622.761 54.5092 621.372 52.4052 618.726 52.4052C615.574 52.4052 613.116 55.037 611.366 60.4671C609.7 65.3221 608.811 70.4099 608.734 75.5422C613.296 74.6673 616.629 72.7369 619.073 69.9385Z"
+			}, null, -1),
+			r("path", {
+				class: o(f.value),
+				d: "M309.19 48.0239C309.717 47.8503 310.245 47.8503 310.773 47.6767C311.821 47.5031 312.856 47.3225 313.752 47.1489C316.483 46.8003 319.234 46.6241 321.987 46.6212C323.737 46.6212 325.667 46.6212 327.424 46.4476C327.945 46.4476 328.646 46.274 329.174 46.8018C329.425 47.299 329.603 47.8299 329.702 48.378C329.875 48.9058 330.049 49.4265 330.223 50.1279C330.403 50.6556 330.403 51.3569 330.577 52.0583C330.549 52.4167 330.609 52.7764 330.75 53.1068C330.75 53.2873 330.924 53.9887 330.75 53.9887C337.062 48.7252 342.492 46.1004 346.721 46.1004C348.762 46.0618 350.78 46.5393 352.588 47.4885C354.395 48.4378 355.934 49.8281 357.061 51.5305C359.692 55.0372 360.921 60.2937 360.921 67.1334C360.921 79.2227 358.644 88.1664 354.262 93.9506C350.054 99.5543 343.742 103.061 336.729 102.714C334.418 102.634 332.124 102.28 329.896 101.658C329.021 101.311 327.966 100.964 327.966 99.7348C327.931 98.9784 328.179 98.236 328.66 97.6517C329.134 97.3164 329.67 97.0802 330.236 96.9573C330.764 96.6032 331.466 96.2629 331.993 95.9018C333.216 95.1819 334.335 94.2988 335.319 93.2771C337.739 90.8799 339.648 88.0169 340.93 84.8611C343.708 78.2019 345.312 69.786 343.013 62.7796C342.319 60.6964 341.083 58.398 338.979 57.6967C337.229 57.0023 335.507 57.6967 334.076 58.9188C330.396 62.0783 329.514 67.682 328.994 72.2441C327.938 79.431 326.91 86.4374 325.313 93.6243C324.224 98.2484 323.403 102.932 322.855 107.651C322.327 111.852 321.633 116.06 321.466 120.094V123.601C321.466 124.476 321.466 125.351 320.772 125.878C319.897 126.573 318.689 126.573 317.619 126.753C315.969 127.289 314.264 127.64 312.537 127.802C311.624 128.007 310.694 128.125 309.759 128.156C308.71 128.33 307.481 128.33 306.426 128.503C305.735 128.719 304.988 128.657 304.343 128.33L304.162 128.156C303.468 127.628 303.468 126.58 303.468 125.705V122.497C303.527 120.377 303.76 118.266 304.162 116.185C304.516 114.435 304.69 112.505 305.044 110.755C305.391 108.477 305.919 106.2 306.433 103.922C306.961 101.144 307.662 98.3114 308.19 95.506C308.19 95.1519 308.363 94.8116 308.363 94.4506C311.516 79.556 313.273 68.1611 313.273 60.0993C313.243 58.3537 312.885 56.6293 312.217 55.0164C311.742 53.852 311.156 52.7358 310.467 51.6833L309.377 50.1279C309.154 49.9379 308.987 49.6908 308.894 49.4131C308.801 49.1353 308.786 48.8375 308.849 48.5516C308.488 48.378 308.842 48.1975 309.19 48.0239Z"
+			}, null, 2)
+		])) : t("", !0)], 8, c));
+	}
+});
+//#endregion
+export { u as default };

package/dist/lib/components/AcModal.js

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

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

@@ -0,0 +1,54 @@
+export interface Props {
+    /** Heading of the dialog. */
+    title?: string;
+    /** Optional line under the title. */
+    description?: string;
+    /** Width: `small` 440px, `normal` 520px, `medium` 800px, `large` 1000px, `full` viewport minus 64px. */
+    size?: "small" | "normal" | "medium" | "large" | "full";
+    /** Shows the close button and allows Escape to close. Turn off while a required action runs. */
+    closable?: boolean;
+    /** Closes when the backdrop is clicked. */
+    closeOnOutsideClick?: boolean;
+    /** Hides the footer bar. */
+    hideFooter?: boolean;
+}
+type __VLS_Props = Props;
+type __VLS_Slots = {
+    /** Dialog body. Scrolls when it's taller than the viewport. */
+    default?: () => unknown;
+    /** Replaces the title and description. */
+    header?: () => unknown;
+    /** Buttons next to the close button, e.g. a docs link. */
+    "header-actions"?: () => unknown;
+    /** Right-aligned footer buttons: Cancel, then the primary action. */
+    footer?: () => unknown;
+    /** Left side of the footer, e.g. a "Don't show again" checkbox. */
+    "footer-left"?: () => unknown;
+};
+type __VLS_ModelProps = {
+    /** Whether the dialog is open. Bind with `v-model:open`. */
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    title: string;
+    description: string;
+    size: "small" | "normal" | "medium" | "large" | "full";
+    closable: boolean;
+    closeOnOutsideClick: boolean;
+    hideFooter: 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/AcModal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,125 @@
+import { Teleport as e, Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeModels as c, nextTick as l, normalizeClass as u, onBeforeUnmount as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, unref as g, useId as _, useModel as v, watch as y, withCtx as b, withModifiers as x } from "vue";
+import { X as S } from "@lucide/vue";
+//#region src/lib/components/AcModal.vue?vue&type=script&setup=true&lang.ts
+var C = ["aria-labelledby", "aria-describedby"], w = { class: "flex shrink-0 items-start gap-4 border-b border-border-light px-5 py-4" }, T = { class: "min-w-0 flex-1" }, E = ["id"], D = ["id"], O = { class: "-mt-0.5 -mr-1.5 flex shrink-0 items-center gap-1" }, k = {
+	"data-modal-body": "",
+	class: "ac-scrollbar min-h-0 flex-1 px-5 py-5"
+}, A = {
+	key: 0,
+	class: "flex shrink-0 items-center justify-between gap-3 rounded-b-12 border-t border-border-light bg-surface-muted px-5 py-3"
+}, j = { class: "flex min-w-0 items-center gap-2" }, M = { class: "flex items-center gap-2" }, N = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", P = /*@__PURE__*/ s({
+	__name: "AcModal",
+	props: /*@__PURE__*/ c({
+		title: { default: "" },
+		description: { default: "" },
+		size: { default: "normal" },
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnOutsideClick: {
+			type: Boolean,
+			default: !0
+		},
+		hideFooter: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ c(["close"], ["update:open"]),
+	setup(s, { emit: c }) {
+		let P = s, F = c, I = v(s, "open"), L = _(), R = p(null), z = null, B = () => {
+			P.closable && (I.value = !1, F("close"));
+		}, V = (e) => {
+			if (e.key === "Escape") {
+				if (e.defaultPrevented) return;
+				e.stopPropagation(), B();
+			} else if (e.key === "Tab" && R.value) {
+				let t = [...R.value.querySelectorAll(N)].filter((e) => e.offsetParent !== null);
+				if (!t.length) return;
+				let n = t[0], r = t[t.length - 1];
+				e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
+			}
+		}, H = (e) => {
+			let t = document.body, n = Number(t.dataset.acModals ?? 0) + (e ? 1 : -1);
+			if (t.dataset.acModals = String(Math.max(n, 0)), e && n === 1) {
+				let e = window.innerWidth - document.documentElement.clientWidth;
+				t.style.overflow = "hidden", e > 0 && (t.style.paddingRight = `${e}px`);
+			} else !e && n <= 0 && (t.style.overflow = "", t.style.paddingRight = "");
+		};
+		y(I, async (e, t) => {
+			if (e) {
+				z = document.activeElement, H(!0), await l();
+				let e = R.value?.querySelector("[autofocus]");
+				((e && (e.matches(N) ? e : e.querySelector(N))) ?? R.value?.querySelector(`[data-modal-body] ${N}`) ?? R.value)?.focus();
+			} else t && (H(!1), z?.focus?.());
+		}, { immediate: !0 }), d(() => {
+			I.value && H(!1);
+		});
+		let U = {
+			small: "max-w-110",
+			normal: "max-w-130",
+			medium: "max-w-200",
+			large: "max-w-250",
+			full: "max-w-[calc(100vw-64px)]"
+		};
+		return (c, l) => (f(), n(e, { to: "body" }, [o(t, {
+			"enter-active-class": "transition duration-200 ease-out",
+			"enter-from-class": "opacity-0",
+			"leave-active-class": "transition duration-150 ease-in",
+			"leave-to-class": "opacity-0"
+		}, {
+			default: b(() => [I.value ? (f(), i("div", {
+				key: 0,
+				class: "fixed inset-0 z-[80] overflow-y-auto bg-overlay backdrop-blur-[2px]",
+				"data-ac-ds": "",
+				"data-testid": "ac-modal",
+				onKeydown: V,
+				onMousedown: l[1] ||= x((e) => s.closeOnOutsideClick && B(), ["self"])
+			}, [a("div", {
+				class: "flex min-h-full items-start justify-center p-4 sm:items-center sm:p-8",
+				onMousedown: l[0] ||= x((e) => s.closeOnOutsideClick && B(), ["self"])
+			}, [a("div", {
+				ref_key: "panel",
+				ref: R,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": s.title ? `${g(L)}-title` : void 0,
+				"aria-describedby": s.description ? `${g(L)}-desc` : void 0,
+				tabindex: "-1",
+				class: u(["relative flex max-h-[calc(100dvh-32px)] w-full animate-pop-in flex-col rounded-12 border border-border bg-surface shadow-xl outline-none sm:max-h-[calc(100dvh-64px)]", U[s.size]])
+			}, [
+				a("header", w, [a("div", T, [m(c.$slots, "header", {}, () => [a("h4", {
+					id: `${g(L)}-title`,
+					class: "text-xl leading-6 tracking-[-0.015em]"
+				}, h(s.title), 9, E), s.description ? (f(), i("p", {
+					key: 0,
+					id: `${g(L)}-desc`,
+					class: "mt-0.5 text-base text-muted"
+				}, h(s.description), 9, D)) : r("", !0)])]), a("div", O, [m(c.$slots, "header-actions"), s.closable ? (f(), i("button", {
+					key: 0,
+					type: "button",
+					class: "inline-flex size-7 cursor-pointer items-center justify-center rounded-6 text-muted transition hover:bg-surface-sunken hover:text-heading focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring",
+					"aria-label": "Close",
+					"data-ac-ds": "",
+					"data-testid": "ac-modal-close",
+					onClick: B
+				}, [o(g(S), {
+					class: "size-4",
+					"aria-hidden": "true"
+				})])) : r("", !0)])]),
+				a("div", k, [m(c.$slots, "default")]),
+				!s.hideFooter && (c.$slots.footer || c.$slots["footer-left"]) ? (f(), i("footer", A, [a("div", j, [m(c.$slots, "footer-left")]), a("div", M, [m(c.$slots, "footer")])])) : r("", !0)
+			], 10, C)], 32)], 32)) : r("", !0)]),
+			_: 3
+		})]));
+	}
+});
+//#endregion
+export { P as default };

package/dist/lib/components/AcNavbar.js

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

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

@@ -0,0 +1,41 @@
+export interface Props {
+    /** When the menu button shows: `mobile` below 768px, `always`, or `never`. It emits `menu`; wire it to the sidebar's `v-model:mobile-open` or its `toggle()`. */
+    menuButton?: "mobile" | "always" | "never";
+    /** Accessible name of the menu button. */
+    menuLabel?: string;
+    /** Short product tag after the logo, e.g. `"Console"` or `"DB"`. */
+    productName?: string;
+    /** Sticks to the top of its scroll container. */
+    sticky?: boolean;
+    /** Accessible name of the navigation that holds the default slot. */
+    label?: string;
+}
+type __VLS_Slots = {
+    /** The logo, usually a link home. */
+    brand?: () => unknown;
+    /** Top-level links (`AcNavbarItem`). Hidden below 768px; put them in the sidebar for phones. */
+    default?: () => unknown;
+    /** A search field, centred. Hidden below 640px. */
+    search?: () => unknown;
+    /** Right side: icon actions, notifications, theme and `AcUserMenu` last. */
+    actions?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    menu: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onMenu?: (() => any) | undefined;
+}>, {
+    label: string;
+    menuLabel: string;
+    sticky: boolean;
+    menuButton: "mobile" | "always" | "never";
+    productName: 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/AcNavbar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c, unref as l } from "vue";
+import { Menu as u } from "@lucide/vue";
+//#region src/lib/components/AcNavbar.vue?vue&type=script&setup=true&lang.ts
+var d = ["aria-label"], f = {
+	key: 1,
+	class: "flex shrink-0 items-center gap-2"
+}, p = {
+	key: 0,
+	class: "inline-flex h-5 items-center rounded-4 bg-primary-95 px-1.5 text-sm font-semibold tracking-wide text-primary-20 uppercase"
+}, m = ["aria-label"], h = { class: "flex min-w-0 flex-1 justify-center" }, g = {
+	key: 0,
+	class: "hidden w-full max-w-md sm:block"
+}, _ = {
+	key: 3,
+	class: "flex shrink-0 items-center gap-1"
+}, v = /*@__PURE__*/ i({
+	__name: "AcNavbar",
+	props: {
+		menuButton: { default: "mobile" },
+		menuLabel: { default: "Open navigation" },
+		productName: { default: "" },
+		sticky: {
+			type: Boolean,
+			default: !0
+		},
+		label: { default: "Primary" }
+	},
+	emits: ["menu"],
+	setup(i, { emit: v }) {
+		let y = v;
+		return (v, b) => (o(), t("header", {
+			class: a(["top-0 z-30 flex h-14 shrink-0 items-center gap-2 border-b border-border-light bg-surface/90 px-3 backdrop-blur-md sm:gap-3 sm:px-4", i.sticky && "sticky"]),
+			"data-ac-ds": "",
+			"data-testid": "ac-navbar"
+		}, [
+			i.menuButton === "never" ? e("", !0) : (o(), t("button", {
+				key: 0,
+				type: "button",
+				class: a(["-ml-1.5 inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-6 text-label transition hover:bg-surface-sunken hover:text-heading focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring", i.menuButton === "mobile" && "md:hidden"]),
+				"aria-label": i.menuLabel,
+				"data-ac-ds": "",
+				"data-testid": "ac-navbar-menu",
+				onClick: b[0] ||= (e) => y("menu")
+			}, [r(l(u), {
+				class: "size-4.5",
+				"aria-hidden": "true"
+			})], 10, d)),
+			v.$slots.brand || i.productName ? (o(), t("div", f, [s(v.$slots, "brand"), i.productName ? (o(), t("span", p, c(i.productName), 1)) : e("", !0)])) : e("", !0),
+			v.$slots.default ? (o(), t("nav", {
+				key: 2,
+				"aria-label": i.label,
+				class: "hidden items-center gap-0.5 md:flex"
+			}, [s(v.$slots, "default")], 8, m)) : e("", !0),
+			n("div", h, [v.$slots.search ? (o(), t("div", g, [s(v.$slots, "search")])) : e("", !0)]),
+			v.$slots.actions ? (o(), t("div", _, [s(v.$slots, "actions")])) : e("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { v as default };

package/dist/lib/components/AcNavbarItem.js

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

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

@@ -0,0 +1,44 @@
+import type { Component } from "vue";
+export interface Props {
+    /** Text of the item. With `iconOnly` it becomes the tooltip and the accessible name. */
+    label: string;
+    /** A Lucide icon component, e.g. `:icon="Terminal"`. */
+    icon?: Component;
+    /** Shows only the icon in a 32px square button, for navbar actions such as Terminal or Notifications. */
+    iconOnly?: boolean;
+    /** Route to link to. Renders `RouterLink` when vue-router is installed in the app, otherwise a plain link (string routes only). */
+    to?: string | object;
+    /** Plain URL, for pages outside the app. */
+    href?: string;
+    /** Marks the current section: highlighted and `aria-current="page"`. With `to` and vue-router, an exact route match does this for you. */
+    active?: boolean;
+    /** A count, e.g. unread notifications. Shown as a red bubble on icon-only items; above 999 it reads `999+`. */
+    badge?: string | number;
+    /** Greys the item out and blocks clicks. */
+    disabled?: boolean;
+}
+type __VLS_Slots = {
+    /** Replaces the label text. */
+    default?: () => 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;
+}>, {
+    disabled: boolean;
+    icon: Component;
+    href: string;
+    to: string | object;
+    iconOnly: boolean;
+    active: boolean;
+    badge: string | number;
+}, {}, {}, {}, 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;
+    };
+};