@rafael_dias/akoma 0.3.0 → 0.4.0

package/dist/akoma.js

@@ -1,24 +1,24 @@
-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, 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";
 //#region \0rolldown/runtime.js
-var f = Object.defineProperty, p = (e, t) => {
+var h = Object.defineProperty, g = (e, t) => {
 	let n = {};
-	for (var r in e) f(n, r, {
+	for (var r in e) h(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || f(n, Symbol.toStringTag, { value: "Module" }), n;
-}, m = [
+	return t || h(n, Symbol.toStringTag, { value: "Module" }), n;
+}, _ = [
 	"type",
 	"disabled",
 	"aria-busy"
-], h = {
+], v = {
 	key: 0,
 	class: "ak-button__spinner",
 	"aria-hidden": "true"
-}, g = {
+}, y = {
 	key: 1,
 	class: "ak-button__icon"
-}, _ = { class: "ak-button__label" }, v = /*@__PURE__*/ a({
+}, b = { class: "ak-button__label" }, ee = /*@__PURE__*/ a({
 	__name: "AkButton",
 	props: {
 		variant: { default: "primary" },
@@ -38,8 +38,8 @@ var f = Object.defineProperty, p = (e, t) => {
 		}
 	},
 	setup(e) {
-		return (i, a) => (c(), n("button", {
-			class: o(["ak-button tap-scale", [
+		return (i, a) => (l(), n("button", {
+			class: s(["ak-button tap-scale", [
 				`ak-button--${e.variant}`,
 				`ak-button--${e.size}`,
 				{
@@ -51,25 +51,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 ? (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, _));
 	}
-}), y = (e, t) => {
+}), x = (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({
+}, S = /*#__PURE__*/ x(ee, [["__scopeId", "data-v-7786dae9"]]), C = /*#__PURE__*/ x(/* @__PURE__ */ a({
 	__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, r) => (l(), n("span", { class: s(["ak-badge", `ak-badge--${e.variant}`]) }, [d(t.$slots, "default", {}, () => [i(f(e.label), 1)], !0)], 2));
 	}
-}), [["__scopeId", "data-v-02933f09"]]), S = ["disabled", "aria-pressed"], C = /*#__PURE__*/ y(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-02933f09"]]), w = ["disabled", "aria-pressed"], T = /*#__PURE__*/ x(/* @__PURE__ */ a({
 	__name: "AkChip",
 	props: {
 		active: {
@@ -85,28 +85,28 @@ var f = Object.defineProperty, p = (e, t) => {
 	emits: ["click"],
 	setup(e, { emit: t }) {
 		let r = t;
-		return (t, i) => (c(), n("button", {
+		return (t, i) => (l(), n("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: s(["ak-chip tap-scale", { "ak-chip--active": e.active }]),
+			style: c(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));
+		}, [d(t.$slots, "default", {}, void 0, !0)], 14, w));
 	}
-}), [["__scopeId", "data-v-c782362c"]]), w = {
+}), [["__scopeId", "data-v-c782362c"]]), E = {
 	key: 0,
 	class: "ak-card__media"
-}, T = {
+}, te = {
 	key: 1,
 	class: "ak-card__header"
-}, E = {
+}, ne = {
 	key: 2,
 	class: "ak-card__body"
-}, D = {
+}, re = {
 	key: 3,
 	class: "ak-card__footer"
-}, O = /*#__PURE__*/ y(/* @__PURE__ */ a({
+}, D = /*#__PURE__*/ x(/* @__PURE__ */ a({
 	__name: "AkCard",
 	props: {
 		interactive: {
@@ -116,21 +116,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 (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)
 		], 2));
 	}
-}), [["__scopeId", "data-v-0eb2f676"]]), k = {
+}), [["__scopeId", "data-v-73ac6197"]]), ie = {
 	key: 0,
 	class: "ak-field__label"
-}, A = {
+}, ae = {
 	key: 0,
 	class: "ak-field__required",
 	"aria-hidden": "true"
-}, j = [
+}, oe = [
 	"id",
 	"type",
 	"value",
@@ -141,7 +141,7 @@ var f = Object.defineProperty, p = (e, t) => {
 	"autocomplete",
 	"aria-invalid",
 	"aria-describedby"
-], M = ["id"], N = /*#__PURE__*/ y(/* @__PURE__ */ a({
+], se = ["id"], O = /*#__PURE__*/ x(/* @__PURE__ */ a({
 	__name: "AkInput",
 	props: {
 		modelValue: { default: "" },
@@ -163,20 +163,20 @@ 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);
+	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) {
 			let t = e.target;
-			f("update:modelValue", t.value);
+			u("update:modelValue", t.value);
 		}
-		return (e, s) => (c(), n("label", { class: o(["ak-field", {
+		return (e, o) => (l(), n("label", { class: s(["ak-field", {
 			"ak-field--disabled": a.disabled,
 			"ak-field--error": !!a.error
 		}]) }, [
-			a.label ? (c(), n("span", k, [i(u(a.label) + " ", 1), a.required ? (c(), n("span", A, "*")) : t("", !0)])) : t("", !0),
+			a.label ? (l(), n("span", ie, [i(f(a.label) + " ", 1), a.required ? (l(), n("span", ae, "*")) : t("", !0)])) : t("", !0),
 			r("input", {
-				id: m.value,
-				class: o(["ak-field__control", `ak-field__control--${a.size}`]),
+				id: p.value,
+				class: s(["ak-field__control", `ak-field__control--${a.size}`]),
 				type: a.type,
 				value: a.modelValue,
 				placeholder: a.placeholder,
@@ -187,22 +187,22 @@ var f = Object.defineProperty, p = (e, t) => {
 				"aria-invalid": !!a.error || void 0,
 				"aria-describedby": h.value,
 				onInput: g
-			}, null, 42, j),
-			a.error || a.hint ? (c(), n("span", {
+			}, null, 42, oe),
+			a.error || a.hint ? (l(), n("span", {
 				key: 1,
 				id: h.value,
 				class: "ak-field__hint"
-			}, u(a.error || a.hint), 9, M)) : t("", !0)
+			}, f(a.error || a.hint), 9, se)) : t("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-60d7d2d0"]]), P = {
+}), [["__scopeId", "data-v-60d7d2d0"]]), k = {
 	key: 0,
 	class: "ak-field__label"
-}, F = {
+}, A = {
 	key: 0,
 	class: "ak-field__required",
 	"aria-hidden": "true"
-}, I = [
+}, j = [
 	"id",
 	"value",
 	"placeholder",
@@ -212,7 +212,7 @@ var f = Object.defineProperty, p = (e, t) => {
 	"rows",
 	"aria-invalid",
 	"aria-describedby"
-], L = ["id"], R = /*#__PURE__*/ y(/* @__PURE__ */ a({
+], M = ["id"], N = /*#__PURE__*/ x(/* @__PURE__ */ a({
 	__name: "AkTextarea",
 	props: {
 		modelValue: { default: "" },
@@ -232,19 +232,19 @@ 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);
+	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) {
 			let t = e.target;
-			f("update:modelValue", t.value);
+			u("update:modelValue", t.value);
 		}
-		return (e, s) => (c(), n("label", { class: o(["ak-field", {
+		return (e, o) => (l(), n("label", { class: s(["ak-field", {
 			"ak-field--disabled": a.disabled,
 			"ak-field--error": !!a.error
 		}]) }, [
-			a.label ? (c(), n("span", P, [i(u(a.label) + " ", 1), a.required ? (c(), n("span", F, "*")) : t("", !0)])) : t("", !0),
+			a.label ? (l(), n("span", k, [i(f(a.label) + " ", 1), a.required ? (l(), n("span", A, "*")) : t("", !0)])) : t("", !0),
 			r("textarea", {
-				id: m.value,
+				id: p.value,
 				class: "ak-field__control",
 				value: a.modelValue,
 				placeholder: a.placeholder,
@@ -255,45 +255,45 @@ var f = Object.defineProperty, p = (e, t) => {
 				"aria-invalid": !!a.error || void 0,
 				"aria-describedby": h.value,
 				onInput: g
-			}, null, 40, I),
-			a.error || a.hint ? (c(), n("span", {
+			}, null, 40, j),
+			a.error || a.hint ? (l(), n("span", {
 				key: 1,
 				id: h.value,
 				class: "ak-field__hint"
-			}, u(a.error || a.hint), 9, L)) : t("", !0)
+			}, f(a.error || a.hint), 9, M)) : t("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-d34da198"]]), z = { class: "ak-empty" }, B = {
+}), [["__scopeId", "data-v-d34da198"]]), P = { class: "ak-empty" }, F = {
 	class: "ak-empty__icon",
 	"aria-hidden": "true"
-}, V = {
+}, I = {
 	key: 0,
 	class: "ak-empty__glyph"
-}, H = { class: "ak-empty__title" }, U = {
+}, L = { class: "ak-empty__title" }, R = {
 	key: 0,
 	class: "ak-empty__description"
-}, W = {
+}, z = {
 	key: 1,
 	class: "ak-empty__action"
-}, G = /*#__PURE__*/ y(/* @__PURE__ */ a({
+}, B = /*#__PURE__*/ x(/* @__PURE__ */ a({
 	__name: "AkEmptyState",
 	props: {
 		title: {},
 		description: {}
 	},
 	setup(e) {
-		return (i, a) => (c(), n("div", z, [
-			r("div", B, [
+		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 ? (c(), n("span", V, [l(i.$slots, "icon", {}, void 0, !0)])) : t("", !0)
+				i.$slots.icon ? (l(), n("span", I, [d(i.$slots, "icon", {}, void 0, !0)])) : t("", !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)
+			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)
 		]));
 	}
-}), [["__scopeId", "data-v-b8b16929"]]), K = /*#__PURE__*/ y(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-ab81ece0"]]), V = /*#__PURE__*/ x(/* @__PURE__ */ a({
 	__name: "AkShimmer",
 	props: {
 		width: { default: "100%" },
@@ -304,9 +304,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 (r, i) => (l(), n("div", {
 			class: "ak-shimmer",
-			style: s({
+			style: c({
 				width: e.width,
 				height: e.height,
 				borderRadius: t(e.radius)
@@ -314,15 +314,15 @@ 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"]]), H = /*#__PURE__*/ x(/* @__PURE__ */ a({
 	__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, i) => (l(), n("div", {
+			class: s(["ambient", { "ambient--contained": e.contained }]),
 			"aria-hidden": "true"
 		}, [...i[0] ||= [
 			r("span", { class: "ambient__orb ambient__orb--1" }, null, -1),
@@ -330,19 +330,293 @@ var f = Object.defineProperty, p = (e, t) => {
 			r("span", { class: "ambient__orb ambient__orb--3" }, null, -1)
 		]], 2));
 	}
-}), [["__scopeId", "data-v-b34dece3"]]), J = /* @__PURE__ */ p({
-	AkAmbientBg: () => q,
-	AkBadge: () => x,
-	AkButton: () => b,
-	AkCard: () => O,
-	AkChip: () => C,
-	AkEmptyState: () => G,
-	AkInput: () => N,
-	AkShimmer: () => K,
-	AkTextarea: () => R
-}), Y = { install(e, t = {}) {
+}), [["__scopeId", "data-v-b34dece3"]]), U = ["aria-orientation"], W = {
+	key: 0,
+	class: "ak-divider__label"
+}, G = /*#__PURE__*/ x(/* @__PURE__ */ a({
+	__name: "AkDivider",
+	props: {
+		spacing: { default: "md" },
+		label: {},
+		vertical: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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}`]]),
+			role: "separator",
+			"aria-orientation": e.vertical ? "vertical" : "horizontal"
+		}, [e.label && !e.vertical ? (l(), n("span", W, f(e.label), 1)) : t("", !0)], 10, U));
+	}
+}), [["__scopeId", "data-v-17bc7513"]]), K = {
+	key: 0,
+	class: "ak-progress__meta"
+}, ce = {
+	key: 0,
+	class: "ak-progress__label"
+}, le = {
+	key: 1,
+	class: "ak-progress__value numeric"
+}, ue = [
+	"aria-valuenow",
+	"aria-valuemax",
+	"aria-label"
+], q = /*#__PURE__*/ x(/* @__PURE__ */ a({
+	__name: "AkProgress",
+	props: {
+		value: { default: 0 },
+		max: { default: 100 },
+		size: { default: "md" },
+		color: {},
+		label: {},
+		showValue: {
+			type: Boolean,
+			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(() => ({
+			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", {
+			class: "ak-progress__track",
+			role: "progressbar",
+			"aria-valuenow": i.value,
+			"aria-valuemin": 0,
+			"aria-valuemax": i.max,
+			"aria-label": i.label
+		}, [r("span", {
+			class: "ak-progress__fill",
+			style: c(u.value)
+		}, null, 4)], 8, ue)], 2));
+	}
+}), [["__scopeId", "data-v-ed0a6fcd"]]), de = { class: "ak-section-header" }, fe = { class: "ak-section-header__title" }, pe = {
+	key: 0,
+	class: "ak-section-header__action"
+}, J = /*#__PURE__*/ x(/* @__PURE__ */ a({
+	__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)]));
+	}
+}), [["__scopeId", "data-v-65fca8d1"]]), me = { class: "ak-list" }, Y = /*#__PURE__*/ x(/* @__PURE__ */ a({
+	__name: "AkList",
+	setup(e) {
+		return u("ak-list", !0), (e, t) => (l(), n("ul", me, [d(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-708bdd68"]]), he = ["disabled"], ge = {
+	key: 0,
+	class: "ak-list-row__leading"
+}, _e = { class: "ak-list-row__content" }, ve = { class: "ak-list-row__title" }, ye = {
+	key: 0,
+	class: "ak-list-row__subtitle"
+}, be = {
+	key: 1,
+	class: "ak-list-row__trailing"
+}, xe = {
+	key: 0,
+	class: "ak-list-row__leading"
+}, Se = { class: "ak-list-row__content" }, Ce = { class: "ak-list-row__title" }, we = {
+	key: 0,
+	class: "ak-list-row__subtitle"
+}, Te = {
+	key: 1,
+	class: "ak-list-row__trailing"
+}, Ee = ["disabled"], De = {
+	key: 0,
+	class: "ak-list-row__leading"
+}, Oe = { class: "ak-list-row__content" }, ke = { class: "ak-list-row__title" }, Ae = {
+	key: 0,
+	class: "ak-list-row__subtitle"
+}, je = {
+	key: 1,
+	class: "ak-list-row__trailing"
+}, Me = {
+	key: 0,
+	class: "ak-list-row__leading"
+}, Ne = { class: "ak-list-row__content" }, Pe = { class: "ak-list-row__title" }, Fe = {
+	key: 0,
+	class: "ak-list-row__subtitle"
+}, Ie = {
+	key: 1,
+	class: "ak-list-row__trailing"
+}, X = /*#__PURE__*/ x(/* @__PURE__ */ a({
+	__name: "AkListRow",
+	props: {
+		interactive: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		padding: { default: "md" },
+		divider: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(i) {
+		let a = i, c = o("ak-list", !1), u = 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) => p(c) ? (l(), n("li", {
+			key: 0,
+			class: s(["ak-list-row-item", { "ak-list-row-item--divider": i.divider }])
+		}, [i.interactive ? (l(), n("button", {
+			key: 0,
+			type: "button",
+			class: s(u.value),
+			disabled: i.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", {
+			key: 1,
+			class: s(u.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", {
+			key: 1,
+			type: "button",
+			class: s(u.value),
+			disabled: i.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", {
+			key: 2,
+			class: s(u.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)
+		], 2));
+	}
+}), [["__scopeId", "data-v-9f8ea96f"]]), Z = [
+	"type",
+	"disabled",
+	"aria-label",
+	"aria-busy"
+], Le = {
+	key: 0,
+	class: "ak-icon-button__spinner",
+	"aria-hidden": "true"
+}, Re = {
+	key: 1,
+	class: "ak-icon-button__icon"
+}, Q = /*#__PURE__*/ x(/* @__PURE__ */ a({
+	__name: "AkIconButton",
+	props: {
+		variant: { default: "ghost" },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "button" },
+		label: {}
+	},
+	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 }
+			]]),
+			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));
+	}
+}), [["__scopeId", "data-v-559ec21c"]]), ze = {
+	key: 0,
+	class: "ak-switch__copy"
+}, Be = {
+	key: 0,
+	class: "ak-switch__label"
+}, Ve = {
+	key: 1,
+	class: "ak-switch__description"
+}, He = { class: "ak-switch__control" }, Ue = [
+	"id",
+	"checked",
+	"disabled"
+], $ = /*#__PURE__*/ x(/* @__PURE__ */ a({
+	__name: "AkSwitch",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		label: {},
+		description: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: a }) {
+		let o = a, c = m(), u = e(() => `ak-switch-${c}`);
+		function d(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,
+			class: "ak-switch__input",
+			type: "checkbox",
+			role: "switch",
+			checked: i.modelValue,
+			disabled: i.disabled,
+			onChange: d
+		}, null, 40, Ue), a[0] ||= r("span", {
+			class: "ak-switch__track",
+			"aria-hidden": "true"
+		}, [r("span", { class: "ak-switch__thumb" })], -1)])], 2));
+	}
+}), [["__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 = {}) {
 	let n = t.prefix ?? "";
-	for (let [t, r] of Object.entries(J)) e.component(`${n}${t}`, r);
+	for (let [t, r] of Object.entries(We)) e.component(`${n}${t}`, r);
 } };
 //#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 { 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 };