@rafael_dias/akoma 0.4.0 → 0.8.1

package/dist/akoma.js

@@ -1,24 +1,25 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, inject as o, normalizeClass as s, normalizeStyle as c, openBlock as l, provide as u, renderSlot as d, toDisplayString as f, unref as p, useId as m } from "vue";
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, inject as s, nextTick as c, normalizeClass as l, normalizeStyle as u, onMounted as d, onUnmounted as f, openBlock as p, provide as m, reactive as h, ref as g, renderSlot as _, toDisplayString as v, toRef as y, unref as b, useId as x, watch as ee } from "vue";
+import { completeIconSet as S } from "@sysvale/cuida-icons";
 //#region \0rolldown/runtime.js
-var h = Object.defineProperty, g = (e, t) => {
+var C = Object.defineProperty, te = (e, t) => {
 	let n = {};
-	for (var r in e) h(n, r, {
+	for (var r in e) C(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || h(n, Symbol.toStringTag, { value: "Module" }), n;
-}, _ = [
+	return t || C(n, Symbol.toStringTag, { value: "Module" }), n;
+}, ne = [
 	"type",
 	"disabled",
 	"aria-busy"
-], v = {
+], re = {
 	key: 0,
 	class: "ak-button__spinner",
 	"aria-hidden": "true"
-}, y = {
+}, ie = {
 	key: 1,
 	class: "ak-button__icon"
-}, b = { class: "ak-button__label" }, ee = /*@__PURE__*/ a({
+}, ae = { class: "ak-button__label" }, oe = /*@__PURE__*/ o({
 	__name: "AkButton",
 	props: {
 		variant: { default: "primary" },
@@ -38,8 +39,8 @@ var h = Object.defineProperty, g = (e, t) => {
 		}
 	},
 	setup(e) {
-		return (i, a) => (l(), n("button", {
-			class: s(["ak-button tap-scale", [
+		return (t, a) => (p(), r("button", {
+			class: l(["ak-button tap-scale", [
 				`ak-button--${e.variant}`,
 				`ak-button--${e.size}`,
 				{
@@ -51,25 +52,25 @@ var h = Object.defineProperty, g = (e, t) => {
 			disabled: e.disabled || e.loading,
 			"aria-busy": e.loading || void 0
 		}, [
-			e.loading ? (l(), n("span", v)) : t("", !0),
-			i.$slots.icon && !e.loading ? (l(), n("span", y, [d(i.$slots, "icon", {}, void 0, !0)])) : t("", !0),
-			r("span", b, [d(i.$slots, "default", {}, void 0, !0)])
-		], 10, _));
+			e.loading ? (p(), r("span", re)) : n("", !0),
+			t.$slots.icon && !e.loading ? (p(), r("span", ie, [_(t.$slots, "icon", {}, void 0, !0)])) : n("", !0),
+			i("span", ae, [_(t.$slots, "default", {}, void 0, !0)])
+		], 10, ne));
 	}
-}), x = (e, t) => {
+}), w = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, S = /*#__PURE__*/ x(ee, [["__scopeId", "data-v-7786dae9"]]), C = /*#__PURE__*/ x(/* @__PURE__ */ a({
+}, T = /*#__PURE__*/ w(oe, [["__scopeId", "data-v-7786dae9"]]), E = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkBadge",
 	props: {
 		variant: { default: "neutral" },
 		label: {}
 	},
 	setup(e) {
-		return (t, r) => (l(), n("span", { class: s(["ak-badge", `ak-badge--${e.variant}`]) }, [d(t.$slots, "default", {}, () => [i(f(e.label), 1)], !0)], 2));
+		return (t, n) => (p(), r("span", { class: l(["ak-badge", `ak-badge--${e.variant}`]) }, [_(t.$slots, "default", {}, () => [a(v(e.label), 1)], !0)], 2));
 	}
-}), [["__scopeId", "data-v-02933f09"]]), w = ["disabled", "aria-pressed"], T = /*#__PURE__*/ x(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-02933f09"]]), se = ["disabled", "aria-pressed"], D = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkChip",
 	props: {
 		active: {
@@ -84,29 +85,29 @@ var h = Object.defineProperty, g = (e, t) => {
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let r = t;
-		return (t, i) => (l(), n("button", {
+		let n = t;
+		return (t, i) => (p(), r("button", {
 			type: "button",
-			class: s(["ak-chip tap-scale", { "ak-chip--active": e.active }]),
-			style: c(e.active && e.color ? { "--ak-chip-active-bg": e.color } : void 0),
+			class: l(["ak-chip tap-scale", { "ak-chip--active": e.active }]),
+			style: u(e.active && e.color ? { "--ak-chip-active-bg": e.color } : void 0),
 			disabled: e.disabled,
 			"aria-pressed": e.active,
-			onClick: i[0] ||= (e) => r("click", e)
-		}, [d(t.$slots, "default", {}, void 0, !0)], 14, w));
+			onClick: i[0] ||= (e) => n("click", e)
+		}, [_(t.$slots, "default", {}, void 0, !0)], 14, se));
 	}
-}), [["__scopeId", "data-v-c782362c"]]), E = {
+}), [["__scopeId", "data-v-c782362c"]]), ce = {
 	key: 0,
 	class: "ak-card__media"
-}, te = {
+}, le = {
 	key: 1,
 	class: "ak-card__header"
-}, ne = {
+}, ue = {
 	key: 2,
 	class: "ak-card__body"
-}, re = {
+}, de = {
 	key: 3,
 	class: "ak-card__footer"
-}, D = /*#__PURE__*/ x(/* @__PURE__ */ a({
+}, O = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkCard",
 	props: {
 		interactive: {
@@ -116,21 +117,21 @@ var h = Object.defineProperty, g = (e, t) => {
 		padding: { default: "md" }
 	},
 	setup(e) {
-		return (r, i) => (l(), n("article", { class: s(["ak-card", [`ak-card--pad-${e.padding}`, { "ak-card--interactive": e.interactive }]]) }, [
-			r.$slots.media ? (l(), n("div", E, [d(r.$slots, "media", {}, void 0, !0)])) : t("", !0),
-			r.$slots.header ? (l(), n("div", te, [d(r.$slots, "header", {}, void 0, !0)])) : t("", !0),
-			r.$slots.default ? (l(), n("div", ne, [d(r.$slots, "default", {}, void 0, !0)])) : t("", !0),
-			r.$slots.footer ? (l(), n("div", re, [d(r.$slots, "footer", {}, void 0, !0)])) : t("", !0)
+		return (t, i) => (p(), r("article", { class: l(["ak-card", [`ak-card--pad-${e.padding}`, { "ak-card--interactive": e.interactive }]]) }, [
+			t.$slots.media ? (p(), r("div", ce, [_(t.$slots, "media", {}, void 0, !0)])) : n("", !0),
+			t.$slots.header ? (p(), r("div", le, [_(t.$slots, "header", {}, void 0, !0)])) : n("", !0),
+			t.$slots.default ? (p(), r("div", ue, [_(t.$slots, "default", {}, void 0, !0)])) : n("", !0),
+			t.$slots.footer ? (p(), r("div", de, [_(t.$slots, "footer", {}, void 0, !0)])) : n("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-73ac6197"]]), ie = {
+}), [["__scopeId", "data-v-73ac6197"]]), fe = {
 	key: 0,
 	class: "ak-field__label"
-}, ae = {
+}, pe = {
 	key: 0,
 	class: "ak-field__required",
 	"aria-hidden": "true"
-}, oe = [
+}, me = [
 	"id",
 	"type",
 	"value",
@@ -141,7 +142,7 @@ var h = Object.defineProperty, g = (e, t) => {
 	"autocomplete",
 	"aria-invalid",
 	"aria-describedby"
-], se = ["id"], O = /*#__PURE__*/ x(/* @__PURE__ */ a({
+], he = ["id"], k = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkInput",
 	props: {
 		modelValue: { default: "" },
@@ -163,46 +164,46 @@ var h = Object.defineProperty, g = (e, t) => {
 		name: {}
 	},
 	emits: ["update:modelValue"],
-	setup(a, { emit: o }) {
-		let c = a, u = o, d = m(), p = e(() => `ak-input-${d}`), h = e(() => c.hint || c.error ? `ak-input-hint-${d}` : void 0);
-		function g(e) {
+	setup(t, { emit: o }) {
+		let s = t, c = o, u = x(), d = e(() => `ak-input-${u}`), f = e(() => s.hint || s.error ? `ak-input-hint-${u}` : void 0);
+		function m(e) {
 			let t = e.target;
-			u("update:modelValue", t.value);
+			c("update:modelValue", t.value);
 		}
-		return (e, o) => (l(), n("label", { class: s(["ak-field", {
-			"ak-field--disabled": a.disabled,
-			"ak-field--error": !!a.error
+		return (e, o) => (p(), r("label", { class: l(["ak-field", {
+			"ak-field--disabled": t.disabled,
+			"ak-field--error": !!t.error
 		}]) }, [
-			a.label ? (l(), n("span", ie, [i(f(a.label) + " ", 1), a.required ? (l(), n("span", ae, "*")) : t("", !0)])) : t("", !0),
-			r("input", {
-				id: p.value,
-				class: s(["ak-field__control", `ak-field__control--${a.size}`]),
-				type: a.type,
-				value: a.modelValue,
-				placeholder: a.placeholder,
-				disabled: a.disabled,
-				required: a.required,
-				name: a.name,
-				autocomplete: a.autocomplete,
-				"aria-invalid": !!a.error || void 0,
-				"aria-describedby": h.value,
-				onInput: g
-			}, null, 42, oe),
-			a.error || a.hint ? (l(), n("span", {
+			t.label ? (p(), r("span", fe, [a(v(t.label) + " ", 1), t.required ? (p(), r("span", pe, "*")) : n("", !0)])) : n("", !0),
+			i("input", {
+				id: d.value,
+				class: l(["ak-field__control", `ak-field__control--${t.size}`]),
+				type: t.type,
+				value: t.modelValue,
+				placeholder: t.placeholder,
+				disabled: t.disabled,
+				required: t.required,
+				name: t.name,
+				autocomplete: t.autocomplete,
+				"aria-invalid": !!t.error || void 0,
+				"aria-describedby": f.value,
+				onInput: m
+			}, null, 42, me),
+			t.error || t.hint ? (p(), r("span", {
 				key: 1,
-				id: h.value,
+				id: f.value,
 				class: "ak-field__hint"
-			}, f(a.error || a.hint), 9, se)) : t("", !0)
+			}, v(t.error || t.hint), 9, he)) : n("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-60d7d2d0"]]), k = {
+}), [["__scopeId", "data-v-60d7d2d0"]]), ge = {
 	key: 0,
 	class: "ak-field__label"
-}, A = {
+}, _e = {
 	key: 0,
 	class: "ak-field__required",
 	"aria-hidden": "true"
-}, j = [
+}, ve = [
 	"id",
 	"value",
 	"placeholder",
@@ -212,7 +213,7 @@ var h = Object.defineProperty, g = (e, t) => {
 	"rows",
 	"aria-invalid",
 	"aria-describedby"
-], M = ["id"], N = /*#__PURE__*/ x(/* @__PURE__ */ a({
+], ye = ["id"], A = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkTextarea",
 	props: {
 		modelValue: { default: "" },
@@ -232,68 +233,68 @@ var h = Object.defineProperty, g = (e, t) => {
 		name: {}
 	},
 	emits: ["update:modelValue"],
-	setup(a, { emit: o }) {
-		let c = a, u = o, d = m(), p = e(() => `ak-textarea-${d}`), h = e(() => c.hint || c.error ? `ak-textarea-hint-${d}` : void 0);
-		function g(e) {
+	setup(t, { emit: o }) {
+		let s = t, c = o, u = x(), d = e(() => `ak-textarea-${u}`), f = e(() => s.hint || s.error ? `ak-textarea-hint-${u}` : void 0);
+		function m(e) {
 			let t = e.target;
-			u("update:modelValue", t.value);
+			c("update:modelValue", t.value);
 		}
-		return (e, o) => (l(), n("label", { class: s(["ak-field", {
-			"ak-field--disabled": a.disabled,
-			"ak-field--error": !!a.error
+		return (e, o) => (p(), r("label", { class: l(["ak-field", {
+			"ak-field--disabled": t.disabled,
+			"ak-field--error": !!t.error
 		}]) }, [
-			a.label ? (l(), n("span", k, [i(f(a.label) + " ", 1), a.required ? (l(), n("span", A, "*")) : t("", !0)])) : t("", !0),
-			r("textarea", {
-				id: p.value,
+			t.label ? (p(), r("span", ge, [a(v(t.label) + " ", 1), t.required ? (p(), r("span", _e, "*")) : n("", !0)])) : n("", !0),
+			i("textarea", {
+				id: d.value,
 				class: "ak-field__control",
-				value: a.modelValue,
-				placeholder: a.placeholder,
-				disabled: a.disabled,
-				required: a.required,
-				name: a.name,
-				rows: a.rows,
-				"aria-invalid": !!a.error || void 0,
-				"aria-describedby": h.value,
-				onInput: g
-			}, null, 40, j),
-			a.error || a.hint ? (l(), n("span", {
+				value: t.modelValue,
+				placeholder: t.placeholder,
+				disabled: t.disabled,
+				required: t.required,
+				name: t.name,
+				rows: t.rows,
+				"aria-invalid": !!t.error || void 0,
+				"aria-describedby": f.value,
+				onInput: m
+			}, null, 40, ve),
+			t.error || t.hint ? (p(), r("span", {
 				key: 1,
-				id: h.value,
+				id: f.value,
 				class: "ak-field__hint"
-			}, f(a.error || a.hint), 9, M)) : t("", !0)
+			}, v(t.error || t.hint), 9, ye)) : n("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-d34da198"]]), P = { class: "ak-empty" }, F = {
+}), [["__scopeId", "data-v-d34da198"]]), be = { class: "ak-empty" }, j = {
 	class: "ak-empty__icon",
 	"aria-hidden": "true"
-}, I = {
+}, M = {
 	key: 0,
 	class: "ak-empty__glyph"
-}, L = { class: "ak-empty__title" }, R = {
+}, N = { class: "ak-empty__title" }, xe = {
 	key: 0,
 	class: "ak-empty__description"
-}, z = {
+}, Se = {
 	key: 1,
 	class: "ak-empty__action"
-}, B = /*#__PURE__*/ x(/* @__PURE__ */ a({
+}, P = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkEmptyState",
 	props: {
 		title: {},
 		description: {}
 	},
 	setup(e) {
-		return (i, a) => (l(), n("div", P, [
-			r("div", F, [
-				a[0] ||= r("span", { class: "ak-empty__ring ak-empty__ring--outer" }, null, -1),
-				a[1] ||= r("span", { class: "ak-empty__ring ak-empty__ring--inner" }, null, -1),
-				i.$slots.icon ? (l(), n("span", I, [d(i.$slots, "icon", {}, void 0, !0)])) : t("", !0)
+		return (t, a) => (p(), r("div", be, [
+			i("div", j, [
+				a[0] ||= i("span", { class: "ak-empty__ring ak-empty__ring--outer" }, null, -1),
+				a[1] ||= i("span", { class: "ak-empty__ring ak-empty__ring--inner" }, null, -1),
+				t.$slots.icon ? (p(), r("span", M, [_(t.$slots, "icon", {}, void 0, !0)])) : n("", !0)
 			]),
-			r("h3", L, f(e.title), 1),
-			e.description ? (l(), n("p", R, f(e.description), 1)) : t("", !0),
-			i.$slots.action ? (l(), n("div", z, [d(i.$slots, "action", {}, void 0, !0)])) : t("", !0)
+			i("h3", N, v(e.title), 1),
+			e.description ? (p(), r("p", xe, v(e.description), 1)) : n("", !0),
+			t.$slots.action ? (p(), r("div", Se, [_(t.$slots, "action", {}, void 0, !0)])) : n("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-ab81ece0"]]), V = /*#__PURE__*/ x(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-ab81ece0"]]), F = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkShimmer",
 	props: {
 		width: { default: "100%" },
@@ -304,9 +305,9 @@ var h = Object.defineProperty, g = (e, t) => {
 		function t(e) {
 			return e === "sm" || e === "md" || e === "lg" || e === "full" ? `var(--radius-${e})` : e;
 		}
-		return (r, i) => (l(), n("div", {
+		return (n, i) => (p(), r("div", {
 			class: "ak-shimmer",
-			style: c({
+			style: u({
 				width: e.width,
 				height: e.height,
 				borderRadius: t(e.radius)
@@ -314,26 +315,62 @@ var h = Object.defineProperty, g = (e, t) => {
 			"aria-hidden": "true"
 		}, null, 4));
 	}
-}), [["__scopeId", "data-v-de7bd16d"]]), H = /*#__PURE__*/ x(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-de7bd16d"]]), I = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkAmbientBg",
 	props: { contained: {
 		type: Boolean,
 		default: !1
 	} },
 	setup(e) {
-		return (t, i) => (l(), n("div", {
-			class: s(["ambient", { "ambient--contained": e.contained }]),
+		return (t, n) => (p(), r("div", {
+			class: l(["ambient", { "ambient--contained": e.contained }]),
 			"aria-hidden": "true"
-		}, [...i[0] ||= [
-			r("span", { class: "ambient__orb ambient__orb--1" }, null, -1),
-			r("span", { class: "ambient__orb ambient__orb--2" }, null, -1),
-			r("span", { class: "ambient__orb ambient__orb--3" }, null, -1)
+		}, [...n[0] ||= [
+			i("span", { class: "ambient__orb ambient__orb--1" }, null, -1),
+			i("span", { class: "ambient__orb ambient__orb--2" }, null, -1),
+			i("span", { class: "ambient__orb ambient__orb--3" }, null, -1)
 		]], 2));
 	}
-}), [["__scopeId", "data-v-b34dece3"]]), U = ["aria-orientation"], W = {
+}), [["__scopeId", "data-v-b34dece3"]]), L = new Map(S.map((e) => [e.name, Ce(e.data)]));
+function Ce(e) {
+	let t = e.match(/<path\b[^>]*\/>/g);
+	return t?.length ? `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">${t.map((e) => e.replace(/\sfill="[^"]*"/g, "").replace(/\s(fill-rule|clip-rule)="[^"]*"/g, "")).join("")}</svg>` : e;
+}
+function R(e) {
+	return L.get(e) ?? "";
+}
+//#endregion
+//#region src/components/AkIcon.vue?vue&type=script&setup=true&lang.ts
+var we = [
+	"role",
+	"aria-label",
+	"aria-hidden",
+	"innerHTML"
+], z = /*#__PURE__*/ w(/* @__PURE__ */ o({
+	__name: "AkIcon",
+	props: {
+		name: {},
+		size: { default: 20 },
+		label: {}
+	},
+	setup(t) {
+		let n = t, i = e(() => typeof n.size == "number" ? `${n.size}px` : n.size), a = e(() => R(n.name));
+		return (e, n) => (p(), r("span", {
+			class: l(["ak-icon", { "ak-icon--missing": !a.value }]),
+			style: u({
+				width: i.value,
+				height: i.value
+			}),
+			role: t.label ? "img" : void 0,
+			"aria-label": t.label,
+			"aria-hidden": !t.label || void 0,
+			innerHTML: a.value
+		}, null, 14, we));
+	}
+}), [["__scopeId", "data-v-083f6c55"]]), Te = ["aria-orientation"], Ee = {
 	key: 0,
 	class: "ak-divider__label"
-}, G = /*#__PURE__*/ x(/* @__PURE__ */ a({
+}, B = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkDivider",
 	props: {
 		spacing: { default: "md" },
@@ -344,26 +381,26 @@ var h = Object.defineProperty, g = (e, t) => {
 		}
 	},
 	setup(e) {
-		return (r, i) => (l(), n("div", {
-			class: s(["ak-divider", [e.vertical ? "ak-divider--vertical" : "ak-divider--horizontal", `ak-divider--spacing-${e.spacing}`]]),
+		return (t, i) => (p(), r("div", {
+			class: l(["ak-divider", [e.vertical ? "ak-divider--vertical" : "ak-divider--horizontal", `ak-divider--spacing-${e.spacing}`]]),
 			role: "separator",
 			"aria-orientation": e.vertical ? "vertical" : "horizontal"
-		}, [e.label && !e.vertical ? (l(), n("span", W, f(e.label), 1)) : t("", !0)], 10, U));
+		}, [e.label && !e.vertical ? (p(), r("span", Ee, v(e.label), 1)) : n("", !0)], 10, Te));
 	}
-}), [["__scopeId", "data-v-17bc7513"]]), K = {
+}), [["__scopeId", "data-v-17bc7513"]]), De = {
 	key: 0,
 	class: "ak-progress__meta"
-}, ce = {
+}, Oe = {
 	key: 0,
 	class: "ak-progress__label"
-}, le = {
+}, ke = {
 	key: 1,
 	class: "ak-progress__value numeric"
-}, ue = [
+}, Ae = [
 	"aria-valuenow",
 	"aria-valuemax",
 	"aria-label"
-], q = /*#__PURE__*/ x(/* @__PURE__ */ a({
+], V = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkProgress",
 	props: {
 		value: { default: 0 },
@@ -376,74 +413,74 @@ var h = Object.defineProperty, g = (e, t) => {
 			default: !1
 		}
 	},
-	setup(i) {
-		let a = i, o = e(() => a.max <= 0 ? 0 : Math.min(100, Math.max(0, a.value / a.max * 100))), u = e(() => ({
+	setup(t) {
+		let a = t, o = e(() => a.max <= 0 ? 0 : Math.min(100, Math.max(0, a.value / a.max * 100))), s = e(() => ({
 			width: `${o.value}%`,
 			...a.color ? { background: a.color } : {}
 		}));
-		return (e, a) => (l(), n("div", { class: s(["ak-progress", `ak-progress--${i.size}`]) }, [i.label || i.showValue ? (l(), n("div", K, [i.label ? (l(), n("span", ce, f(i.label), 1)) : t("", !0), i.showValue ? (l(), n("span", le, f(Math.round(o.value)) + "%", 1)) : t("", !0)])) : t("", !0), r("div", {
+		return (e, a) => (p(), r("div", { class: l(["ak-progress", `ak-progress--${t.size}`]) }, [t.label || t.showValue ? (p(), r("div", De, [t.label ? (p(), r("span", Oe, v(t.label), 1)) : n("", !0), t.showValue ? (p(), r("span", ke, v(Math.round(o.value)) + "%", 1)) : n("", !0)])) : n("", !0), i("div", {
 			class: "ak-progress__track",
 			role: "progressbar",
-			"aria-valuenow": i.value,
+			"aria-valuenow": t.value,
 			"aria-valuemin": 0,
-			"aria-valuemax": i.max,
-			"aria-label": i.label
-		}, [r("span", {
+			"aria-valuemax": t.max,
+			"aria-label": t.label
+		}, [i("span", {
 			class: "ak-progress__fill",
-			style: c(u.value)
-		}, null, 4)], 8, ue)], 2));
+			style: u(s.value)
+		}, null, 4)], 8, Ae)], 2));
 	}
-}), [["__scopeId", "data-v-ed0a6fcd"]]), de = { class: "ak-section-header" }, fe = { class: "ak-section-header__title" }, pe = {
+}), [["__scopeId", "data-v-ed0a6fcd"]]), je = { class: "ak-section-header" }, Me = { class: "ak-section-header__title" }, Ne = {
 	key: 0,
 	class: "ak-section-header__action"
-}, J = /*#__PURE__*/ x(/* @__PURE__ */ a({
+}, H = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkSectionHeader",
 	props: { title: {} },
 	setup(e) {
-		return (a, o) => (l(), n("header", de, [r("h2", fe, [d(a.$slots, "default", {}, () => [i(f(e.title), 1)], !0)]), a.$slots.action ? (l(), n("div", pe, [d(a.$slots, "action", {}, void 0, !0)])) : t("", !0)]));
+		return (t, o) => (p(), r("header", je, [i("h2", Me, [_(t.$slots, "default", {}, () => [a(v(e.title), 1)], !0)]), t.$slots.action ? (p(), r("div", Ne, [_(t.$slots, "action", {}, void 0, !0)])) : n("", !0)]));
 	}
-}), [["__scopeId", "data-v-65fca8d1"]]), me = { class: "ak-list" }, Y = /*#__PURE__*/ x(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-65fca8d1"]]), U = { class: "ak-list" }, W = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkList",
 	setup(e) {
-		return u("ak-list", !0), (e, t) => (l(), n("ul", me, [d(e.$slots, "default", {}, void 0, !0)]));
+		return m("ak-list", !0), (e, t) => (p(), r("ul", U, [_(e.$slots, "default", {}, void 0, !0)]));
 	}
-}), [["__scopeId", "data-v-708bdd68"]]), he = ["disabled"], ge = {
+}), [["__scopeId", "data-v-708bdd68"]]), Pe = ["disabled"], Fe = {
 	key: 0,
 	class: "ak-list-row__leading"
-}, _e = { class: "ak-list-row__content" }, ve = { class: "ak-list-row__title" }, ye = {
+}, Ie = { class: "ak-list-row__content" }, Le = { class: "ak-list-row__title" }, Re = {
 	key: 0,
 	class: "ak-list-row__subtitle"
-}, be = {
+}, ze = {
 	key: 1,
 	class: "ak-list-row__trailing"
-}, xe = {
+}, Be = {
 	key: 0,
 	class: "ak-list-row__leading"
-}, Se = { class: "ak-list-row__content" }, Ce = { class: "ak-list-row__title" }, we = {
+}, Ve = { class: "ak-list-row__content" }, He = { class: "ak-list-row__title" }, Ue = {
 	key: 0,
 	class: "ak-list-row__subtitle"
-}, Te = {
+}, We = {
 	key: 1,
 	class: "ak-list-row__trailing"
-}, Ee = ["disabled"], De = {
+}, Ge = ["disabled"], Ke = {
 	key: 0,
 	class: "ak-list-row__leading"
-}, Oe = { class: "ak-list-row__content" }, ke = { class: "ak-list-row__title" }, Ae = {
+}, qe = { class: "ak-list-row__content" }, Je = { class: "ak-list-row__title" }, Ye = {
 	key: 0,
 	class: "ak-list-row__subtitle"
-}, je = {
+}, Xe = {
 	key: 1,
 	class: "ak-list-row__trailing"
-}, Me = {
+}, Ze = {
 	key: 0,
 	class: "ak-list-row__leading"
-}, Ne = { class: "ak-list-row__content" }, Pe = { class: "ak-list-row__title" }, Fe = {
+}, Qe = { class: "ak-list-row__content" }, $e = { class: "ak-list-row__title" }, et = {
 	key: 0,
 	class: "ak-list-row__subtitle"
-}, Ie = {
+}, tt = {
 	key: 1,
 	class: "ak-list-row__trailing"
-}, X = /*#__PURE__*/ x(/* @__PURE__ */ a({
+}, G = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkListRow",
 	props: {
 		interactive: {
@@ -460,8 +497,8 @@ var h = Object.defineProperty, g = (e, t) => {
 			default: !0
 		}
 	},
-	setup(i) {
-		let a = i, c = o("ak-list", !1), u = e(() => [
+	setup(t) {
+		let a = t, o = s("ak-list", !1), c = e(() => [
 			"ak-list-row",
 			`ak-list-row--pad-${a.padding}`,
 			{
@@ -469,56 +506,56 @@ var h = Object.defineProperty, g = (e, t) => {
 				"ak-list-row--disabled": a.disabled
 			}
 		]);
-		return (e, a) => p(c) ? (l(), n("li", {
+		return (e, a) => b(o) ? (p(), r("li", {
 			key: 0,
-			class: s(["ak-list-row-item", { "ak-list-row-item--divider": i.divider }])
-		}, [i.interactive ? (l(), n("button", {
+			class: l(["ak-list-row-item", { "ak-list-row-item--divider": t.divider }])
+		}, [t.interactive ? (p(), r("button", {
 			key: 0,
 			type: "button",
-			class: s(u.value),
-			disabled: i.disabled
+			class: l(c.value),
+			disabled: t.disabled
 		}, [
-			e.$slots.leading ? (l(), n("span", ge, [d(e.$slots, "leading", {}, void 0, !0)])) : t("", !0),
-			r("span", _e, [r("span", ve, [d(e.$slots, "default", {}, void 0, !0)]), e.$slots.subtitle ? (l(), n("span", ye, [d(e.$slots, "subtitle", {}, void 0, !0)])) : t("", !0)]),
-			e.$slots.trailing ? (l(), n("span", be, [d(e.$slots, "trailing", {}, void 0, !0)])) : t("", !0)
-		], 10, he)) : (l(), n("div", {
+			e.$slots.leading ? (p(), r("span", Fe, [_(e.$slots, "leading", {}, void 0, !0)])) : n("", !0),
+			i("span", Ie, [i("span", Le, [_(e.$slots, "default", {}, void 0, !0)]), e.$slots.subtitle ? (p(), r("span", Re, [_(e.$slots, "subtitle", {}, void 0, !0)])) : n("", !0)]),
+			e.$slots.trailing ? (p(), r("span", ze, [_(e.$slots, "trailing", {}, void 0, !0)])) : n("", !0)
+		], 10, Pe)) : (p(), r("div", {
 			key: 1,
-			class: s(u.value)
+			class: l(c.value)
 		}, [
-			e.$slots.leading ? (l(), n("span", xe, [d(e.$slots, "leading", {}, void 0, !0)])) : t("", !0),
-			r("span", Se, [r("span", Ce, [d(e.$slots, "default", {}, void 0, !0)]), e.$slots.subtitle ? (l(), n("span", we, [d(e.$slots, "subtitle", {}, void 0, !0)])) : t("", !0)]),
-			e.$slots.trailing ? (l(), n("span", Te, [d(e.$slots, "trailing", {}, void 0, !0)])) : t("", !0)
-		], 2))], 2)) : i.interactive ? (l(), n("button", {
+			e.$slots.leading ? (p(), r("span", Be, [_(e.$slots, "leading", {}, void 0, !0)])) : n("", !0),
+			i("span", Ve, [i("span", He, [_(e.$slots, "default", {}, void 0, !0)]), e.$slots.subtitle ? (p(), r("span", Ue, [_(e.$slots, "subtitle", {}, void 0, !0)])) : n("", !0)]),
+			e.$slots.trailing ? (p(), r("span", We, [_(e.$slots, "trailing", {}, void 0, !0)])) : n("", !0)
+		], 2))], 2)) : t.interactive ? (p(), r("button", {
 			key: 1,
 			type: "button",
-			class: s(u.value),
-			disabled: i.disabled
+			class: l(c.value),
+			disabled: t.disabled
 		}, [
-			e.$slots.leading ? (l(), n("span", De, [d(e.$slots, "leading", {}, void 0, !0)])) : t("", !0),
-			r("span", Oe, [r("span", ke, [d(e.$slots, "default", {}, void 0, !0)]), e.$slots.subtitle ? (l(), n("span", Ae, [d(e.$slots, "subtitle", {}, void 0, !0)])) : t("", !0)]),
-			e.$slots.trailing ? (l(), n("span", je, [d(e.$slots, "trailing", {}, void 0, !0)])) : t("", !0)
-		], 10, Ee)) : (l(), n("div", {
+			e.$slots.leading ? (p(), r("span", Ke, [_(e.$slots, "leading", {}, void 0, !0)])) : n("", !0),
+			i("span", qe, [i("span", Je, [_(e.$slots, "default", {}, void 0, !0)]), e.$slots.subtitle ? (p(), r("span", Ye, [_(e.$slots, "subtitle", {}, void 0, !0)])) : n("", !0)]),
+			e.$slots.trailing ? (p(), r("span", Xe, [_(e.$slots, "trailing", {}, void 0, !0)])) : n("", !0)
+		], 10, Ge)) : (p(), r("div", {
 			key: 2,
-			class: s(u.value)
+			class: l(c.value)
 		}, [
-			e.$slots.leading ? (l(), n("span", Me, [d(e.$slots, "leading", {}, void 0, !0)])) : t("", !0),
-			r("span", Ne, [r("span", Pe, [d(e.$slots, "default", {}, void 0, !0)]), e.$slots.subtitle ? (l(), n("span", Fe, [d(e.$slots, "subtitle", {}, void 0, !0)])) : t("", !0)]),
-			e.$slots.trailing ? (l(), n("span", Ie, [d(e.$slots, "trailing", {}, void 0, !0)])) : t("", !0)
+			e.$slots.leading ? (p(), r("span", Ze, [_(e.$slots, "leading", {}, void 0, !0)])) : n("", !0),
+			i("span", Qe, [i("span", $e, [_(e.$slots, "default", {}, void 0, !0)]), e.$slots.subtitle ? (p(), r("span", et, [_(e.$slots, "subtitle", {}, void 0, !0)])) : n("", !0)]),
+			e.$slots.trailing ? (p(), r("span", tt, [_(e.$slots, "trailing", {}, void 0, !0)])) : n("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-9f8ea96f"]]), Z = [
+}), [["__scopeId", "data-v-9f8ea96f"]]), nt = [
 	"type",
 	"disabled",
 	"aria-label",
 	"aria-busy"
-], Le = {
+], rt = {
 	key: 0,
 	class: "ak-icon-button__spinner",
 	"aria-hidden": "true"
-}, Re = {
+}, it = {
 	key: 1,
 	class: "ak-icon-button__icon"
-}, Q = /*#__PURE__*/ x(/* @__PURE__ */ a({
+}, K = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkIconButton",
 	props: {
 		variant: { default: "ghost" },
@@ -532,35 +569,45 @@ var h = Object.defineProperty, g = (e, t) => {
 			default: !1
 		},
 		type: { default: "button" },
-		label: {}
+		label: {},
+		icon: {}
 	},
-	setup(e) {
-		return (t, r) => (l(), n("button", {
-			class: s(["ak-icon-button tap-scale", [
-				`ak-icon-button--${e.variant}`,
-				`ak-icon-button--${e.size}`,
-				{ "ak-icon-button--loading": e.loading }
+	setup(n) {
+		let i = n, a = e(() => ({
+			sm: 18,
+			md: 20,
+			lg: 22
+		})[i.size]);
+		return (e, i) => (p(), r("button", {
+			class: l(["ak-icon-button tap-scale", [
+				`ak-icon-button--${n.variant}`,
+				`ak-icon-button--${n.size}`,
+				{ "ak-icon-button--loading": n.loading }
 			]]),
-			type: e.type,
-			disabled: e.disabled || e.loading,
-			"aria-label": e.label,
-			"aria-busy": e.loading || void 0
-		}, [e.loading ? (l(), n("span", Le)) : (l(), n("span", Re, [d(t.$slots, "default", {}, void 0, !0)]))], 10, Z));
+			type: n.type,
+			disabled: n.disabled || n.loading,
+			"aria-label": n.label,
+			"aria-busy": n.loading || void 0
+		}, [n.loading ? (p(), r("span", rt)) : (p(), r("span", it, [n.icon ? (p(), t(z, {
+			key: 0,
+			name: n.icon,
+			size: a.value
+		}, null, 8, ["name", "size"])) : _(e.$slots, "default", {}, void 0, !0, 1)]))], 10, nt));
 	}
-}), [["__scopeId", "data-v-559ec21c"]]), ze = {
+}), [["__scopeId", "data-v-b4833b10"]]), at = {
 	key: 0,
 	class: "ak-switch__copy"
-}, Be = {
+}, ot = {
 	key: 0,
 	class: "ak-switch__label"
-}, Ve = {
+}, st = {
 	key: 1,
 	class: "ak-switch__description"
-}, He = { class: "ak-switch__control" }, Ue = [
+}, ct = { class: "ak-switch__control" }, lt = [
 	"id",
 	"checked",
 	"disabled"
-], $ = /*#__PURE__*/ x(/* @__PURE__ */ a({
+], q = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkSwitch",
 	props: {
 		modelValue: {
@@ -575,48 +622,223 @@ var h = Object.defineProperty, g = (e, t) => {
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(i, { emit: a }) {
-		let o = a, c = m(), u = e(() => `ak-switch-${c}`);
-		function d(e) {
+	setup(t, { emit: a }) {
+		let o = a, s = x(), c = e(() => `ak-switch-${s}`);
+		function u(e) {
 			let t = e.target;
 			o("update:modelValue", t.checked);
 		}
-		return (e, a) => (l(), n("label", { class: s(["ak-switch", {
-			"ak-switch--disabled": i.disabled,
-			"ak-switch--on": i.modelValue
-		}]) }, [i.label || i.description ? (l(), n("span", ze, [i.label ? (l(), n("span", Be, f(i.label), 1)) : t("", !0), i.description ? (l(), n("span", Ve, f(i.description), 1)) : t("", !0)])) : t("", !0), r("span", He, [r("input", {
-			id: u.value,
+		return (e, a) => (p(), r("label", { class: l(["ak-switch", {
+			"ak-switch--disabled": t.disabled,
+			"ak-switch--on": t.modelValue
+		}]) }, [t.label || t.description ? (p(), r("span", at, [t.label ? (p(), r("span", ot, v(t.label), 1)) : n("", !0), t.description ? (p(), r("span", st, v(t.description), 1)) : n("", !0)])) : n("", !0), i("span", ct, [i("input", {
+			id: c.value,
 			class: "ak-switch__input",
 			type: "checkbox",
 			role: "switch",
-			checked: i.modelValue,
-			disabled: i.disabled,
-			onChange: d
-		}, null, 40, Ue), a[0] ||= r("span", {
+			checked: t.modelValue,
+			disabled: t.disabled,
+			onChange: u
+		}, null, 40, lt), a[0] ||= i("span", {
 			class: "ak-switch__track",
 			"aria-hidden": "true"
-		}, [r("span", { class: "ak-switch__thumb" })], -1)])], 2));
+		}, [i("span", { class: "ak-switch__thumb" })], -1)])], 2));
+	}
+}), [["__scopeId", "data-v-d49f3b2e"]]), J = Symbol("ak-tab-bar"), ut = {
+	class: "ak-tab-bar",
+	"aria-label": "Primary"
+}, Y = /*#__PURE__*/ w(/* @__PURE__ */ o({
+	__name: "AkTabBar",
+	props: { modelValue: {} },
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, a = t, o = g(null), s = h(/* @__PURE__ */ new Map()), v = g({
+			x: 0,
+			y: 0,
+			w: 0,
+			h: 0,
+			ready: !1
+		});
+		function b() {
+			let e = o.value, t = s.get(n.modelValue);
+			if (!e || !t) {
+				v.value.ready = !1;
+				return;
+			}
+			let r = e.getBoundingClientRect(), i = (t.querySelector(".ak-tab-bar__icon") ?? t).getBoundingClientRect();
+			v.value = {
+				x: i.left - r.left,
+				y: i.top - r.top,
+				w: i.width,
+				h: i.height,
+				ready: !0
+			};
+		}
+		function x(e, t) {
+			s.set(e, t), c(b);
+		}
+		function S(e) {
+			s.delete(e), c(b);
+		}
+		let C;
+		return d(() => {
+			c(b), C = new ResizeObserver(() => b()), o.value && C.observe(o.value);
+		}), f(() => C?.disconnect()), ee(() => n.modelValue, () => void c(b)), m(J, {
+			active: y(n, "modelValue"),
+			select: (e) => a("update:modelValue", e),
+			register: x,
+			unregister: S
+		}), (e, t) => (p(), r("nav", ut, [i("div", {
+			ref_key: "trackRef",
+			ref: o,
+			class: "ak-tab-bar__track",
+			role: "tablist"
+		}, [i("span", {
+			class: l(["ak-tab-bar__indicator", { "ak-tab-bar__indicator--ready": v.value.ready }]),
+			style: u({
+				transform: `translate(${v.value.x}px, ${v.value.y}px)`,
+				width: `${v.value.w}px`,
+				height: `${v.value.h}px`
+			}),
+			"aria-hidden": "true"
+		}, null, 6), _(e.$slots, "default", {}, void 0, !0)], 512)]));
 	}
-}), [["__scopeId", "data-v-d49f3b2e"]]), We = /* @__PURE__ */ g({
-	AkAmbientBg: () => H,
-	AkBadge: () => C,
-	AkButton: () => S,
-	AkCard: () => D,
-	AkChip: () => T,
-	AkDivider: () => G,
-	AkEmptyState: () => B,
-	AkIconButton: () => Q,
-	AkInput: () => O,
-	AkList: () => Y,
-	AkListRow: () => X,
-	AkProgress: () => q,
-	AkSectionHeader: () => J,
-	AkShimmer: () => V,
-	AkSwitch: () => $,
-	AkTextarea: () => N
-}), Ge = { install(e, t = {}) {
+}), [["__scopeId", "data-v-636977ec"]]), dt = [
+	"aria-selected",
+	"aria-label",
+	"disabled"
+], ft = {
+	class: "ak-tab-bar__icon",
+	"aria-hidden": "true"
+}, pt = { class: "ak-tab-bar__label" }, X = /*#__PURE__*/ w(/* @__PURE__ */ o({
+	__name: "AkTabBarItem",
+	props: {
+		value: {},
+		label: {},
+		icon: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let o = a, c = s(J);
+		if (!c) throw Error("AkTabBarItem must be used inside AkTabBar");
+		let u = c, m = g(null), h = e(() => u.active.value === o.value);
+		d(() => {
+			m.value && u.register(o.value, m.value);
+		}), f(() => {
+			u.unregister(o.value);
+		});
+		function y() {
+			o.disabled || u.select(o.value);
+		}
+		return (e, o) => (p(), r("button", {
+			ref_key: "itemRef",
+			ref: m,
+			type: "button",
+			class: l(["ak-tab-bar__item", { "ak-tab-bar__item--active": h.value }]),
+			role: "tab",
+			"aria-selected": h.value,
+			"aria-label": a.label,
+			disabled: a.disabled,
+			onClick: y
+		}, [i("span", ft, [_(e.$slots, "icon", {}, () => [a.icon ? (p(), t(z, {
+			key: 0,
+			name: a.icon,
+			size: 20
+		}, null, 8, ["name"])) : n("", !0)], !0)]), i("span", pt, v(a.label), 1)], 10, dt));
+	}
+}), [["__scopeId", "data-v-2a73a441"]]), mt = /* @__PURE__ */ te({
+	AkAmbientBg: () => I,
+	AkBadge: () => E,
+	AkButton: () => T,
+	AkCard: () => O,
+	AkChip: () => D,
+	AkDivider: () => B,
+	AkEmptyState: () => P,
+	AkIcon: () => z,
+	AkIconButton: () => K,
+	AkInput: () => k,
+	AkList: () => W,
+	AkListRow: () => G,
+	AkProgress: () => V,
+	AkSectionHeader: () => H,
+	AkShimmer: () => F,
+	AkSwitch: () => q,
+	AkTabBar: () => Y,
+	AkTabBarItem: () => X,
+	AkTextarea: () => A
+}), ht = { install(e, t = {}) {
 	let n = t.prefix ?? "";
-	for (let [t, r] of Object.entries(We)) e.component(`${n}${t}`, r);
-} };
+	for (let [t, r] of Object.entries(mt)) e.component(`${n}${t}`, r);
+} }, Z = {
+	violet: {
+		label: "Violet",
+		description: "Mineral violet — default for App mood.",
+		sample: "#6658b8",
+		light: "#8578c9",
+		dark: "#4f4299"
+	},
+	evergreen: {
+		label: "Evergreen",
+		description: "Confident green — default for Site mood.",
+		sample: "#2e684f",
+		light: "#3f8566",
+		dark: "#1f4a37"
+	},
+	teal: {
+		label: "Teal",
+		description: "Calm mineral teal for productivity and wellness apps.",
+		sample: "#3a7d85",
+		light: "#4f96a0",
+		dark: "#2a5f66"
+	},
+	ocean: {
+		label: "Ocean",
+		description: "Trustworthy blue for data-heavy products.",
+		sample: "#3d6a94",
+		light: "#5584ad",
+		dark: "#2d5174"
+	},
+	amber: {
+		label: "Amber",
+		description: "Warm gold for optimistic, human interfaces.",
+		sample: "#9a702d",
+		light: "#b8893f",
+		dark: "#7a5720"
+	},
+	rose: {
+		label: "Rose",
+		description: "Dusty rose for lifestyle and creative tools.",
+		sample: "#a8586a",
+		light: "#c07082",
+		dark: "#8a4556"
+	},
+	coral: {
+		label: "Coral",
+		description: "Terracotta warmth without feeling playful.",
+		sample: "#b5644a",
+		light: "#cd7d62",
+		dark: "#944f39"
+	},
+	slate: {
+		label: "Slate",
+		description: "Blue-gray for neutral B2B surfaces.",
+		sample: "#4a5d73",
+		light: "#627890",
+		dark: "#384858"
+	}
+}, gt = Object.keys(Z), Q = "violet", $ = "evergreen";
+function _t(e, t) {
+	if (t === "auto") {
+		delete e.dataset.accent;
+		return;
+	}
+	e.dataset.accent = t;
+}
+function vt(e, t) {
+	return t || (e === "site" ? $ : Q);
+}
 //#endregion
-export { H as AkAmbientBg, C as AkBadge, S as AkButton, D as AkCard, T as AkChip, G as AkDivider, B as AkEmptyState, Q as AkIconButton, O as AkInput, Y as AkList, X as AkListRow, q as AkProgress, J as AkSectionHeader, V as AkShimmer, $ as AkSwitch, N as AkTextarea, Ge as Akoma };
+export { I as AkAmbientBg, E as AkBadge, T as AkButton, O as AkCard, D as AkChip, B as AkDivider, P as AkEmptyState, z as AkIcon, K as AkIconButton, k as AkInput, W as AkList, G as AkListRow, V as AkProgress, H as AkSectionHeader, F as AkShimmer, q as AkSwitch, Y as AkTabBar, X as AkTabBarItem, A as AkTextarea, ht as Akoma, gt as accentPaletteIds, Z as accentPalettes, Q as appDefaultAccent, _t as applyAccentPalette, L as cuidaIconMap, R as getCuidaIconMarkup, vt as resolveAccentPalette, $ as siteDefaultAccent };