@rafael_dias/akoma 0.3.0 → 0.7.6

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, normalizeClass as o, normalizeStyle as s, openBlock as c, renderSlot as l, toDisplayString as u, useId as d } 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 f = Object.defineProperty, p = (e, t) => {
+var C = Object.defineProperty, te = (e, t) => {
 	let n = {};
-	for (var r in e) f(n, r, {
+	for (var r in e) C(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || f(n, Symbol.toStringTag, { value: "Module" }), n;
-}, m = [
+	return t || C(n, Symbol.toStringTag, { value: "Module" }), n;
+}, ne = [
 	"type",
 	"disabled",
 	"aria-busy"
-], h = {
+], re = {
 	key: 0,
 	class: "ak-button__spinner",
 	"aria-hidden": "true"
-}, g = {
+}, ie = {
 	key: 1,
 	class: "ak-button__icon"
-}, _ = { class: "ak-button__label" }, v = /*@__PURE__*/ a({
+}, ae = { class: "ak-button__label" }, oe = /*@__PURE__*/ o({
 	__name: "AkButton",
 	props: {
 		variant: { default: "primary" },
@@ -38,8 +39,8 @@ var f = Object.defineProperty, p = (e, t) => {
 		}
 	},
 	setup(e) {
-		return (i, a) => (c(), n("button", {
-			class: o(["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 f = Object.defineProperty, p = (e, t) => {
 			disabled: e.disabled || e.loading,
 			"aria-busy": e.loading || void 0
 		}, [
-			e.loading ? (c(), n("span", h)) : t("", !0),
-			i.$slots.icon && !e.loading ? (c(), n("span", g, [l(i.$slots, "icon", {}, void 0, !0)])) : t("", !0),
-			r("span", _, [l(i.$slots, "default", {}, void 0, !0)])
-		], 10, m));
+			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));
 	}
-}), y = (e, t) => {
+}), w = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, b = /*#__PURE__*/ y(v, [["__scopeId", "data-v-78a39ccd"]]), x = /*#__PURE__*/ y(/* @__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) => (c(), n("span", { class: o(["ak-badge", `ak-badge--${e.variant}`]) }, [l(t.$slots, "default", {}, () => [i(u(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"]]), S = ["disabled", "aria-pressed"], C = /*#__PURE__*/ y(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-02933f09"]]), se = ["disabled", "aria-pressed"], D = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkChip",
 	props: {
 		active: {
@@ -84,29 +85,29 @@ var f = Object.defineProperty, p = (e, t) => {
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let r = t;
-		return (t, i) => (c(), n("button", {
+		let n = t;
+		return (t, i) => (p(), r("button", {
 			type: "button",
-			class: o(["ak-chip tap-scale", { "ak-chip--active": e.active }]),
-			style: s(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)
-		}, [l(t.$slots, "default", {}, void 0, !0)], 14, S));
+			onClick: i[0] ||= (e) => n("click", e)
+		}, [_(t.$slots, "default", {}, void 0, !0)], 14, se));
 	}
-}), [["__scopeId", "data-v-c782362c"]]), w = {
+}), [["__scopeId", "data-v-c782362c"]]), ce = {
 	key: 0,
 	class: "ak-card__media"
-}, T = {
+}, le = {
 	key: 1,
 	class: "ak-card__header"
-}, E = {
+}, ue = {
 	key: 2,
 	class: "ak-card__body"
-}, D = {
+}, de = {
 	key: 3,
 	class: "ak-card__footer"
-}, O = /*#__PURE__*/ y(/* @__PURE__ */ a({
+}, O = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkCard",
 	props: {
 		interactive: {
@@ -116,21 +117,21 @@ var f = Object.defineProperty, p = (e, t) => {
 		padding: { default: "md" }
 	},
 	setup(e) {
-		return (r, i) => (c(), n("article", { class: o(["ak-card", [`ak-card--pad-${e.padding}`, { "ak-card--interactive tap-scale": e.interactive }]]) }, [
-			r.$slots.media ? (c(), n("div", w, [l(r.$slots, "media", {}, void 0, !0)])) : t("", !0),
-			r.$slots.header ? (c(), n("div", T, [l(r.$slots, "header", {}, void 0, !0)])) : t("", !0),
-			r.$slots.default ? (c(), n("div", E, [l(r.$slots, "default", {}, void 0, !0)])) : t("", !0),
-			r.$slots.footer ? (c(), n("div", D, [l(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-0eb2f676"]]), k = {
+}), [["__scopeId", "data-v-73ac6197"]]), fe = {
 	key: 0,
 	class: "ak-field__label"
-}, A = {
+}, pe = {
 	key: 0,
 	class: "ak-field__required",
 	"aria-hidden": "true"
-}, j = [
+}, me = [
 	"id",
 	"type",
 	"value",
@@ -141,7 +142,7 @@ var f = Object.defineProperty, p = (e, t) => {
 	"autocomplete",
 	"aria-invalid",
 	"aria-describedby"
-], M = ["id"], N = /*#__PURE__*/ y(/* @__PURE__ */ a({
+], he = ["id"], k = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkInput",
 	props: {
 		modelValue: { default: "" },
@@ -163,46 +164,46 @@ var f = Object.defineProperty, p = (e, t) => {
 		name: {}
 	},
 	emits: ["update:modelValue"],
-	setup(a, { emit: s }) {
-		let l = a, f = s, p = d(), m = e(() => `ak-input-${p}`), h = e(() => l.hint || l.error ? `ak-input-hint-${p}` : 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;
-			f("update:modelValue", t.value);
+			c("update:modelValue", t.value);
 		}
-		return (e, s) => (c(), n("label", { class: o(["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 ? (c(), n("span", k, [i(u(a.label) + " ", 1), a.required ? (c(), n("span", A, "*")) : t("", !0)])) : t("", !0),
-			r("input", {
-				id: m.value,
-				class: o(["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, j),
-			a.error || a.hint ? (c(), 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"
-			}, u(a.error || a.hint), 9, M)) : t("", !0)
+			}, v(t.error || t.hint), 9, he)) : n("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-60d7d2d0"]]), P = {
+}), [["__scopeId", "data-v-60d7d2d0"]]), ge = {
 	key: 0,
 	class: "ak-field__label"
-}, F = {
+}, _e = {
 	key: 0,
 	class: "ak-field__required",
 	"aria-hidden": "true"
-}, I = [
+}, ve = [
 	"id",
 	"value",
 	"placeholder",
@@ -212,7 +213,7 @@ var f = Object.defineProperty, p = (e, t) => {
 	"rows",
 	"aria-invalid",
 	"aria-describedby"
-], L = ["id"], R = /*#__PURE__*/ y(/* @__PURE__ */ a({
+], ye = ["id"], A = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkTextarea",
 	props: {
 		modelValue: { default: "" },
@@ -232,68 +233,68 @@ var f = Object.defineProperty, p = (e, t) => {
 		name: {}
 	},
 	emits: ["update:modelValue"],
-	setup(a, { emit: s }) {
-		let l = a, f = s, p = d(), m = e(() => `ak-textarea-${p}`), h = e(() => l.hint || l.error ? `ak-textarea-hint-${p}` : 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;
-			f("update:modelValue", t.value);
+			c("update:modelValue", t.value);
 		}
-		return (e, s) => (c(), n("label", { class: o(["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 ? (c(), n("span", P, [i(u(a.label) + " ", 1), a.required ? (c(), n("span", F, "*")) : t("", !0)])) : t("", !0),
-			r("textarea", {
-				id: m.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, I),
-			a.error || a.hint ? (c(), 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"
-			}, u(a.error || a.hint), 9, L)) : t("", !0)
+			}, v(t.error || t.hint), 9, ye)) : n("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-d34da198"]]), z = { class: "ak-empty" }, B = {
+}), [["__scopeId", "data-v-d34da198"]]), be = { class: "ak-empty" }, j = {
 	class: "ak-empty__icon",
 	"aria-hidden": "true"
-}, V = {
+}, M = {
 	key: 0,
 	class: "ak-empty__glyph"
-}, H = { class: "ak-empty__title" }, U = {
+}, N = { class: "ak-empty__title" }, xe = {
 	key: 0,
 	class: "ak-empty__description"
-}, W = {
+}, Se = {
 	key: 1,
 	class: "ak-empty__action"
-}, G = /*#__PURE__*/ y(/* @__PURE__ */ a({
+}, P = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkEmptyState",
 	props: {
 		title: {},
 		description: {}
 	},
 	setup(e) {
-		return (i, a) => (c(), n("div", z, [
-			r("div", B, [
-				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 ? (c(), n("span", V, [l(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", H, u(e.title), 1),
-			e.description ? (c(), n("p", U, u(e.description), 1)) : t("", !0),
-			i.$slots.action ? (c(), n("div", W, [l(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-b8b16929"]]), K = /*#__PURE__*/ y(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-ab81ece0"]]), F = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkShimmer",
 	props: {
 		width: { default: "100%" },
@@ -304,9 +305,9 @@ var f = Object.defineProperty, p = (e, t) => {
 		function t(e) {
 			return e === "sm" || e === "md" || e === "lg" || e === "full" ? `var(--radius-${e})` : e;
 		}
-		return (r, i) => (c(), n("div", {
+		return (n, i) => (p(), r("div", {
 			class: "ak-shimmer",
-			style: s({
+			style: u({
 				width: e.width,
 				height: e.height,
 				borderRadius: t(e.radius)
@@ -314,35 +315,514 @@ var f = Object.defineProperty, p = (e, t) => {
 			"aria-hidden": "true"
 		}, null, 4));
 	}
-}), [["__scopeId", "data-v-de7bd16d"]]), q = /*#__PURE__*/ y(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-de7bd16d"]]), I = /*#__PURE__*/ w(/* @__PURE__ */ o({
 	__name: "AkAmbientBg",
 	props: { contained: {
 		type: Boolean,
 		default: !1
 	} },
 	setup(e) {
-		return (t, i) => (c(), n("div", {
-			class: o(["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"]]), J = /* @__PURE__ */ p({
-	AkAmbientBg: () => q,
-	AkBadge: () => x,
-	AkButton: () => b,
+}), [["__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"
+}, B = /*#__PURE__*/ w(/* @__PURE__ */ o({
+	__name: "AkDivider",
+	props: {
+		spacing: { default: "md" },
+		label: {},
+		vertical: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		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 ? (p(), r("span", Ee, v(e.label), 1)) : n("", !0)], 10, Te));
+	}
+}), [["__scopeId", "data-v-17bc7513"]]), De = {
+	key: 0,
+	class: "ak-progress__meta"
+}, Oe = {
+	key: 0,
+	class: "ak-progress__label"
+}, ke = {
+	key: 1,
+	class: "ak-progress__value numeric"
+}, Ae = [
+	"aria-valuenow",
+	"aria-valuemax",
+	"aria-label"
+], V = /*#__PURE__*/ w(/* @__PURE__ */ o({
+	__name: "AkProgress",
+	props: {
+		value: { default: 0 },
+		max: { default: 100 },
+		size: { default: "md" },
+		color: {},
+		label: {},
+		showValue: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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) => (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": t.value,
+			"aria-valuemin": 0,
+			"aria-valuemax": t.max,
+			"aria-label": t.label
+		}, [i("span", {
+			class: "ak-progress__fill",
+			style: u(s.value)
+		}, null, 4)], 8, Ae)], 2));
+	}
+}), [["__scopeId", "data-v-ed0a6fcd"]]), je = { class: "ak-section-header" }, Me = { class: "ak-section-header__title" }, Ne = {
+	key: 0,
+	class: "ak-section-header__action"
+}, H = /*#__PURE__*/ w(/* @__PURE__ */ o({
+	__name: "AkSectionHeader",
+	props: { title: {} },
+	setup(e) {
+		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"]]), U = { class: "ak-list" }, W = /*#__PURE__*/ w(/* @__PURE__ */ o({
+	__name: "AkList",
+	setup(e) {
+		return m("ak-list", !0), (e, t) => (p(), r("ul", U, [_(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-708bdd68"]]), Pe = ["disabled"], Fe = {
+	key: 0,
+	class: "ak-list-row__leading"
+}, Ie = { class: "ak-list-row__content" }, Le = { class: "ak-list-row__title" }, Re = {
+	key: 0,
+	class: "ak-list-row__subtitle"
+}, ze = {
+	key: 1,
+	class: "ak-list-row__trailing"
+}, Be = {
+	key: 0,
+	class: "ak-list-row__leading"
+}, Ve = { class: "ak-list-row__content" }, He = { class: "ak-list-row__title" }, Ue = {
+	key: 0,
+	class: "ak-list-row__subtitle"
+}, We = {
+	key: 1,
+	class: "ak-list-row__trailing"
+}, Ge = ["disabled"], Ke = {
+	key: 0,
+	class: "ak-list-row__leading"
+}, qe = { class: "ak-list-row__content" }, Je = { class: "ak-list-row__title" }, Ye = {
+	key: 0,
+	class: "ak-list-row__subtitle"
+}, Xe = {
+	key: 1,
+	class: "ak-list-row__trailing"
+}, Ze = {
+	key: 0,
+	class: "ak-list-row__leading"
+}, Qe = { class: "ak-list-row__content" }, $e = { class: "ak-list-row__title" }, et = {
+	key: 0,
+	class: "ak-list-row__subtitle"
+}, tt = {
+	key: 1,
+	class: "ak-list-row__trailing"
+}, G = /*#__PURE__*/ w(/* @__PURE__ */ o({
+	__name: "AkListRow",
+	props: {
+		interactive: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		padding: { default: "md" },
+		divider: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(t) {
+		let a = t, o = s("ak-list", !1), c = e(() => [
+			"ak-list-row",
+			`ak-list-row--pad-${a.padding}`,
+			{
+				"ak-list-row--interactive": a.interactive,
+				"ak-list-row--disabled": a.disabled
+			}
+		]);
+		return (e, a) => b(o) ? (p(), r("li", {
+			key: 0,
+			class: l(["ak-list-row-item", { "ak-list-row-item--divider": t.divider }])
+		}, [t.interactive ? (p(), r("button", {
+			key: 0,
+			type: "button",
+			class: l(c.value),
+			disabled: t.disabled
+		}, [
+			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: l(c.value)
+		}, [
+			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: l(c.value),
+			disabled: t.disabled
+		}, [
+			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: l(c.value)
+		}, [
+			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"]]), nt = [
+	"type",
+	"disabled",
+	"aria-label",
+	"aria-busy"
+], rt = {
+	key: 0,
+	class: "ak-icon-button__spinner",
+	"aria-hidden": "true"
+}, it = {
+	key: 1,
+	class: "ak-icon-button__icon"
+}, K = /*#__PURE__*/ w(/* @__PURE__ */ o({
+	__name: "AkIconButton",
+	props: {
+		variant: { default: "ghost" },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "button" },
+		label: {},
+		icon: {}
+	},
+	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: 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-b4833b10"]]), at = {
+	key: 0,
+	class: "ak-switch__copy"
+}, ot = {
+	key: 0,
+	class: "ak-switch__label"
+}, st = {
+	key: 1,
+	class: "ak-switch__description"
+}, ct = { class: "ak-switch__control" }, lt = [
+	"id",
+	"checked",
+	"disabled"
+], q = /*#__PURE__*/ w(/* @__PURE__ */ o({
+	__name: "AkSwitch",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		label: {},
+		description: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	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) => (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: t.modelValue,
+			disabled: t.disabled,
+			onChange: u
+		}, null, 40, lt), a[0] ||= i("span", {
+			class: "ak-switch__track",
+			"aria-hidden": "true"
+		}, [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-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: () => C,
-	AkEmptyState: () => G,
-	AkInput: () => N,
-	AkShimmer: () => K,
-	AkTextarea: () => R
-}), Y = { install(e, t = {}) {
+	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(J)) 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"
+	},
+	evergreen: {
+		label: "Evergreen",
+		description: "Confident green — default for Site mood.",
+		sample: "#2e684f"
+	},
+	teal: {
+		label: "Teal",
+		description: "Calm mineral teal for productivity and wellness apps.",
+		sample: "#3a7d85"
+	},
+	ocean: {
+		label: "Ocean",
+		description: "Trustworthy blue for data-heavy products.",
+		sample: "#3d6a94"
+	},
+	amber: {
+		label: "Amber",
+		description: "Warm gold for optimistic, human interfaces.",
+		sample: "#9a702d"
+	},
+	rose: {
+		label: "Rose",
+		description: "Dusty rose for lifestyle and creative tools.",
+		sample: "#a8586a"
+	},
+	coral: {
+		label: "Coral",
+		description: "Terracotta warmth without feeling playful.",
+		sample: "#b5644a"
+	},
+	slate: {
+		label: "Slate",
+		description: "Blue-gray for neutral B2B surfaces.",
+		sample: "#4a5d73"
+	}
+}, 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 { q as AkAmbientBg, x as AkBadge, b as AkButton, O as AkCard, C as AkChip, G as AkEmptyState, N as AkInput, K as AkShimmer, R as AkTextarea, Y 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 };